body{background:#f5f5f5;color:#333;line-height:1.6;padding-top:60px}.site-header{position:fixed;top:0;left:0;right:0;background:#fff;padding:10px 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;display:flex;justify-content:space-between;align-items:center}.site-logo{display:flex;align-items:center;text-decoration:none;color:#333}.site-logo img{height:40px;margin-right:10px}.site-logo span{font-size:1.2rem;font-weight:700}.back-home{padding:8px 15px;background:#007bff;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s}.back-home:hover{background:#0056b3;color:#fff}.project-container{max-width:900px;margin:30px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.project-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;text-align:left}.project-title{font-size:2rem;font-weight:700;margin-bottom:15px}.project-meta{color:#666;font-size:.9rem;margin:0}.project-meta span{margin-right:20px}.project-content{font-size:1.1rem;line-height:1.8;color:#333}.project-description{background:0 0;padding:0;border-radius:0}.content-body{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.project-gallery{margin:30px 0}.project-gallery h3{font-size:1.5rem;margin-bottom:20px}.gallery-item img{border-radius:8px;transition:transform .3s}.gallery-item:hover img{transform:scale(1.02)}.project-actions{margin-top:30px;display:flex;gap:15px}.project-actions .btn{padding:10px 20px}.site-footer{background:#fff;padding:20px;text-align:center;border-top:1px solid #eee;margin-top:40px}.site-footer p{margin:5px 0;color:#666;font-size:14px}#imageModal .modal-content{background:0 0;border:none}#imageModal .modal-body{padding:0}#imageModal img{border-radius:8px}#imageModal .btn-close{position:absolute;right:10px;top:10px;background-color:#fff;opacity:.8;border-radius:50%;padding:8px}@media(max-width:768px){.project-container{margin:15px;padding:20px}.project-title{font-size:1.5rem}.project-content{font-size:1rem}.project-actions{flex-direction:column}}.site-header{position:fixed;top:0;left:0;right:0;background:#fff;padding:10px 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;display:flex;justify-content:space-between;align-items:center}.site-logo{display:flex;align-items:center;text-decoration:none;color:#333}.site-logo img{height:40px;margin-right:10px}.site-logo span{font-size:1.2rem;font-weight:700}.back-home{padding:8px 15px;background:#007bff;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s}.back-home:hover{background:#0056b3;color:#fff}.article-container{max-width:900px;margin:30px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.article-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.article-title{font-size:2rem;font-weight:700;margin-bottom:15px}.article-meta{color:#666;font-size:.9rem}.article-meta span{margin-right:20px}.article-content{font-size:1.1rem;line-height:1.8;color:#333}.article-content p{margin-bottom:1.5rem}.article-content img{max-width:100%;height:auto;margin:1rem 0;border-radius:8px}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:2rem 0 1rem;color:#333}.article-content a{color:#007bff;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content blockquote{border-left:4px solid #007bff;padding-left:1rem;margin:1.5rem 0;color:#666}.article-content ul,.article-content ol{margin:1rem 0;padding-left:2rem}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0}.article-content table th,.article-content table td{border:1px solid #ddd;padding:.5rem}.article-content pre{background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto}.article-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-size:.9em}.recommended-articles{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.recommended-title{font-size:1.5rem;margin-bottom:20px;color:#333}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.article-card{background:#f8f9fa;border-radius:8px;padding:15px;transition:transform .3s}.article-card:hover{transform:translateY(-5px)}.article-card h3{font-size:1.1rem;margin-bottom:10px}.article-card a{color:#333;text-decoration:none}.article-card .meta{font-size:.8rem;color:#666}.site-footer{background:#fff;padding:20px;text-align:center;border-top:1px solid #eee;margin-top:40px}.site-footer p{margin:5px 0;color:#666;font-size:14px}.icp-icon{width:14px;height:14px;vertical-align:middle;margin-right:5px}@media(max-width:768px){.article-container{margin:15px;padding:20px}.article-title{font-size:1.5rem}.article-content{font-size:1rem}.articles-grid{grid-template-columns:1fr}}