:root{--bg-primary: #0a0a12;--bg-secondary: #0e0e1a;--bg-card: #13132a;--bg-card-hover: #1a1a3a;--accent: #00d4ff;--accent-purple: #8b5cf6;--accent-green: #00ff88;--accent-gradient: linear-gradient(135deg, #00d4ff, #8b5cf6);--accent-glow: 0 0 20px rgba(0, 212, 255, .3);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--border: rgba(255, 255, 255, .06);--border-hover: rgba(0, 212, 255, .2);--glass-bg: rgba(255, 255, 255, .03);--shadow-card: 0 20px 60px rgba(0, 0, 0, .4);--code-bg: #1a1a2e;--blockquote-bg: rgba(0, 212, 255, .05);--radius: 12px;--radius-lg: 20px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}[data-theme=light]{--bg-primary: #f8f9fc;--bg-secondary: #eef0f5;--bg-card: #ffffff;--bg-card-hover: #f0f2f7;--accent: #0090b8;--accent-purple: #7c3aed;--accent-green: #059669;--accent-gradient: linear-gradient(135deg, #0090b8, #7c3aed);--accent-glow: 0 0 15px rgba(0, 144, 184, .15);--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #8888a0;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 144, 184, .25);--glass-bg: rgba(0, 0, 0, .02);--shadow-card: 0 8px 30px rgba(0, 0, 0, .08);--code-bg: #f0f2f5;--blockquote-bg: rgba(0, 144, 184, .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scrollbar-width:thin;scrollbar-color:var(--accent) #0a0a12}[data-theme=light] html,html[data-theme=light]{scrollbar-color:#c0c0d0 #f8f9fc}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}[data-theme=light] body:before{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}body>*{position:relative;z-index:1}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:#3ce}img{max-width:100%;height:auto}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.container-narrow{max-width:800px}.page-enter-active{transition:opacity .25s ease,transform .25s ease}.page-leave-active{transition:opacity .15s ease}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);border:none;text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #00d4ff33}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66,var(--accent-glow);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-hover);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--accent-glow)}.btn-light{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.15)}.btn-light:hover{background:#fff3;color:#fff;box-shadow:var(--accent-glow)}.btn-sm{padding:.4rem 1rem;font-size:.82rem}.tag{display:inline-block;padding:.2rem .65rem;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:4px;font-size:.75rem;color:var(--accent);font-family:var(--font-mono);letter-spacing:.3px}.tag:before{content:"#";opacity:.5;margin-right:1px}.tag-sm{font-size:.7rem;padding:.15rem .5rem}.tag-clear{color:var(--accent);font-size:.85rem}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all var(--transition);background:transparent}.navbar.scrolled{background:#0a0a12e6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);padding:.6rem 0;box-shadow:0 4px 30px #0000004d}[data-theme=light] .navbar.scrolled{background:#f8f9fceb;box-shadow:0 4px 20px #0000000f}.nav-container{max-width:1440px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.05rem;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.3px;text-decoration:none}.nav-logo:hover{color:var(--text-primary)}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent-gradient);border-radius:8px;font-size:.85rem;color:#fff;box-shadow:0 0 15px #00d4ff40;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{box-shadow:0 0 15px #00d4ff40}50%{box-shadow:0 0 25px #00d4ff66}}.nav-menu{display:flex;list-style:none;gap:2.5rem}.nav-menu a{color:var(--text-secondary);font-size:.88rem;font-weight:400;position:relative;letter-spacing:.3px;text-decoration:none}.nav-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition);box-shadow:0 0 8px #00d4ff4d}.nav-menu a:hover{color:var(--accent)}.nav-menu a:hover:after{width:100%}.nav-menu a.router-link-active{color:var(--accent)}.nav-menu a.router-link-active:after{width:100%}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);margin:5px 0;transition:all .3s}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-overlay{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(-45deg,#0a0a12,#0f1628,#0b1a2a,#0a0a12);background-size:400% 400%;animation:gradientShift 20s ease infinite}[data-theme=light] .hero{background:linear-gradient(-45deg,#e8ecf5,#dce3f0,#d0daf0,#e8ecf5)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.7}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,var(--bg-primary) 75%)}[data-theme=light] .hero-overlay{background:radial-gradient(ellipse at center,transparent 0%,var(--bg-primary) 80%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 2rem}.hero-badge{display:inline-block;padding:.4rem 1.2rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-radius:4px;font-size:.8rem;color:var(--accent);margin-bottom:1.5rem;letter-spacing:2px;font-family:var(--font-mono);text-transform:uppercase}.hero-badge:before{content:"> ";opacity:.5}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.25rem}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-typing-cursor{display:inline-block;width:3px;height:1em;background:var(--accent);margin-left:4px;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8;font-family:var(--font-mono);font-weight:300}.hero-terminal{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:#0006;border:1px solid rgba(0,212,255,.15);border-radius:6px;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-green);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .hero-terminal{background:#0000000d;border-color:#0090b833}.hero-terminal .prompt{color:var(--accent)}.hero-terminal .cmd{color:var(--accent-green)}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;text-align:center;color:var(--text-muted);font-size:.75rem}.scroll-indicator{width:20px;height:32px;border:2px solid var(--text-muted);border-radius:10px;margin:.5rem auto 0;position:relative}.scroll-indicator:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:3px;height:8px;background:var(--accent);border-radius:3px;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{top:6px;opacity:1}50%{top:16px;opacity:.3}}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .hero-stats{border-top-color:#0000000f}.hero-stat{text-align:center}.hero-stat-num{font-size:1.8rem;font-weight:700;font-family:var(--font-mono);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.75rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:.25rem}.section{padding:6rem 0}.section-alt{background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:3px;color:var(--accent);margin-bottom:1rem;font-family:var(--font-mono);padding:.3rem .8rem;border:1px solid rgba(0,212,255,.15);border-radius:4px;background:#00d4ff08}.section-tag:before{content:"// ";opacity:.4}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;display:inline-block}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--accent-gradient);margin:.75rem auto 0;border-radius:3px;box-shadow:0 0 10px #00d4ff4d}.section-desc{color:var(--text-secondary);font-size:1rem;max-width:500px;margin:0 auto}.section-cta{text-align:center;margin-top:3rem}.projects-dynamic{display:flex;flex-direction:column;gap:2rem}.project-card{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);position:relative}.project-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--accent-gradient);border-radius:var(--radius-lg);opacity:0;z-index:-1;transition:opacity var(--transition)}.project-card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 30px #00d4ff1a}.project-card:hover:before{opacity:1}.project-card-image{overflow:hidden;aspect-ratio:16/10}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-body{padding:2rem;display:flex;flex-direction:column;justify-content:center}.project-card-body h3{font-size:1.4rem;margin-bottom:.75rem}.project-card-body p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.95rem}.card-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-size:.9rem;font-weight:500;text-decoration:none}.card-link svg{transition:transform var(--transition)}.card-link:hover svg{transform:translate(4px)}.project-hero{position:relative;min-height:400px;background-size:cover;background-position:center;border-radius:var(--radius-lg);overflow:hidden}.project-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0b0b11e6,#0b0b1166);display:flex;align-items:flex-end;padding:3rem}.project-hero-content{max-width:600px}.project-hero-content h3{font-size:2rem;margin-bottom:.75rem}.project-hero-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.project-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--border)}.project-split:nth-child(2n){direction:rtl}.project-split:nth-child(2n)>*{direction:ltr}.project-split-image{border-radius:var(--radius);overflow:hidden}.project-split-image img{width:100%;display:block;border-radius:var(--radius)}.project-split-content h3{font-size:1.5rem;margin-bottom:.75rem}.project-split-content p{color:var(--text-secondary);margin-bottom:1.25rem}.project-gallery-mini{display:flex;gap:.5rem;margin-bottom:1.25rem}.project-gallery-mini img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.project-minimal{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border);transition:all var(--transition)}.project-minimal:hover{padding-left:1rem}.project-minimal-index{font-size:1.5rem;font-weight:700;color:var(--text-muted);min-width:50px;font-variant-numeric:tabular-nums}.project-minimal-content{flex:1}.project-minimal-content h3{font-size:1.15rem;margin-bottom:.25rem}.project-minimal-content h3 a{color:var(--text-primary);text-decoration:none}.project-minimal-content h3 a:hover{color:var(--accent)}.project-minimal-content p{color:var(--text-secondary);font-size:.9rem}.project-minimal-tags{display:flex;gap:.3rem}.project-minimal-arrow{font-size:1.5rem;color:var(--text-muted);transition:all var(--transition);text-decoration:none}.project-minimal:hover .project-minimal-arrow{color:var(--accent);transform:translate(4px)}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.os-grid-full{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.os-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);position:relative}.os-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 20px #00d4ff14}.os-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition)}.os-card:hover:after{opacity:1}.os-card-image{aspect-ratio:16/9;overflow:hidden}.os-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.os-card:hover .os-card-image img{transform:scale(1.05)}.os-card-body{padding:1.5rem}.os-card-body h3{font-size:1.15rem;margin-bottom:.5rem}.os-card-body p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.6}.os-card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.os-card-links{display:flex;gap:1rem}.os-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--text-secondary);text-decoration:none}.os-link:hover{color:var(--accent)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);position:relative}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 10px 30px #0003,0 0 15px #00d4ff0f}.blog-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition)}.blog-card:hover:after{opacity:1}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-body{padding:1.25rem}.blog-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.blog-card-meta time{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.blog-card-body h3{font-size:1.05rem;margin-bottom:.5rem}.blog-card-body h3 a{color:var(--text-primary);text-decoration:none}.blog-card-body h3 a:hover{color:var(--accent)}.blog-card-body p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.blog-list-item{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;position:relative;overflow:hidden}.blog-list-item:hover{border-color:var(--border-hover);box-shadow:0 0 15px #00d4ff0f;transform:translateY(-2px)}.blog-list-item:before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--accent-gradient);border-radius:3px;transition:width var(--transition)}.blog-list-item:hover:before{width:100%}.blog-list-image{overflow:hidden;aspect-ratio:16/9;display:block}.blog-list-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-list-item:hover .blog-list-image img{transform:scale(1.03)}.blog-list-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.blog-list-body h2{font-size:1.05rem;margin-bottom:.5rem;line-height:1.4}.blog-list-body h2 a{color:var(--text-primary);text-decoration:none}.blog-list-body h2 a:hover{color:var(--accent)}.blog-list-body p{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem}.page-link{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--text-secondary);text-decoration:none}.page-link:hover{border-color:var(--accent);color:var(--accent)}.page-info{color:var(--text-muted);font-size:.85rem}.contact-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition);z-index:0}.contact-card>*{position:relative;z-index:1}.contact-card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:var(--shadow-card),var(--accent-glow)}.contact-card:hover:before{opacity:.05}.contact-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#00b4d814;border-radius:16px;color:var(--accent)}.contact-label{font-weight:500;color:var(--text-primary)}.contact-hint{font-size:.8rem;color:var(--text-muted)}.page-header{padding:8rem 0 3rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.page-header-detail{padding:10rem 0 4rem;background-size:cover;background-position:center;position:relative}.page-header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(11,11,17,.7),var(--bg-primary));display:flex;align-items:flex-end;padding-bottom:3rem}[data-theme=light] .page-header-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.3),var(--bg-primary))}.page-header-overlay .container{position:relative;z-index:1}.page-header-blog{padding:8rem 0 2rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-desc{color:var(--text-secondary);font-size:1rem}.page-header-inner{max-width:600px}.back-link{display:inline-block;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem;text-decoration:none}.back-link:hover{color:var(--accent)}.blog-detail-title{font-size:2rem;line-height:1.3}.blog-detail-summary{color:var(--text-secondary);margin-top:1rem;font-size:1.05rem}.os-detail-links{display:flex;gap:.75rem;margin-top:1.5rem}.detail-cover{margin-bottom:2rem;border-radius:var(--radius);overflow:hidden}.detail-cover img{width:100%;display:block}.article-content{font-size:.95rem;line-height:1.75;color:var(--text-secondary)}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--text-primary);margin:1.5rem 0 .75rem;line-height:1.35}.article-content h2{font-size:1.35rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.article-content h3{font-size:1.15rem}.article-content p{margin-bottom:.9rem}.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:.9rem}.article-content li{margin-bottom:.35rem}.article-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.5rem 0;box-shadow:var(--shadow-card)}.article-content a{color:var(--accent);border-bottom:1px solid transparent}.article-content a:hover{border-bottom-color:var(--accent)}.article-content pre{background:var(--code-bg);border:none;border-radius:0 0 10px 10px;padding:1rem 1.2rem;overflow-x:auto;margin:0;font-size:.88em;line-height:1.6}.article-content code{font-family:var(--font-mono);font-size:.88em}.article-content :not(pre)>code{background:#00b4d81a;color:var(--accent);padding:.15em .4em;border-radius:4px}.article-content blockquote{border-left:3px solid var(--accent);margin:1.2rem 0;padding:.8rem 1.2rem;background:var(--blockquote-bg);border-radius:0 8px 8px 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.article-content th,.article-content td{border:1px solid var(--border);padding:.75rem;text-align:left}.article-content th{background:var(--glass-bg)}.code-block-wrapper{margin:1.2rem 0;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--code-bg)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.45rem 1rem;background:#ffffff0a;border-bottom:1px solid var(--border)}[data-theme=light] .code-block-header{background:#00000008}.code-block-lang{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-family:var(--font-mono)}.code-copy-btn{padding:.2rem .6rem;font-size:.7rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);transition:all .2s}.code-copy-btn:hover{background:#00b4d81f;color:var(--accent);border-color:var(--accent)}.code-copy-btn.copied{background:#10b9811f;color:#10b981;border-color:#10b981}.hljs{background:transparent;color:var(--text-primary)}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section{color:#c678dd;font-weight:600}.hljs-string,.hljs-attr{color:#98c379}.hljs-number,.hljs-literal{color:#d19a66}.hljs-built_in,.hljs-builtin-name{color:#e6c07b}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-function .hljs-keyword{color:#c678dd}.hljs-title,.hljs-title.function_{color:#61afef}.hljs-type,.hljs-title.class_{color:#e6c07b}.hljs-variable,.hljs-template-variable,.hljs-name,.hljs-tag{color:#e06c75}.hljs-attribute{color:#d19a66}.hljs-params{color:var(--text-primary)}.hljs-meta{color:#61afef}.hljs-meta .hljs-keyword{color:#61afef;font-weight:600}.hljs-meta .hljs-string{color:#98c379}.hljs-symbol,.hljs-bullet{color:#61afef}.hljs-regexp{color:#98c379}.hljs-addition{color:#98c379;background:#98c3791a}.hljs-deletion{color:#e06c75;background:#e06c751a}.hljs-selector-class{color:#d19a66}.hljs-selector-id{color:#61afef}.hljs-property{color:#e06c75}.hljs-doctag{color:#c678dd}[data-theme=light] .hljs{color:var(--text-primary)}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-section{color:#a626a4}[data-theme=light] .hljs-string,[data-theme=light] .hljs-attr{color:#50a14f}[data-theme=light] .hljs-number{color:#986801}[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-builtin-name{color:#c18401}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#a0a1a7;font-style:italic}[data-theme=light] .hljs-title,[data-theme=light] .hljs-title.function_{color:#4078f2}[data-theme=light] .hljs-type,[data-theme=light] .hljs-title.class_{color:#c18401}[data-theme=light] .hljs-variable,[data-theme=light] .hljs-template-variable,[data-theme=light] .hljs-name,[data-theme=light] .hljs-tag{color:#e45649}[data-theme=light] .hljs-attribute{color:#986801}[data-theme=light] .hljs-meta,[data-theme=light] .hljs-symbol,[data-theme=light] .hljs-bullet{color:#4078f2}[data-theme=light] .hljs-property{color:#e45649}[data-theme=light] .hljs-addition{color:#50a14f;background:#50a14f1a}[data-theme=light] .hljs-deletion{color:#e45649;background:#e456491a}.blog-detail-layout{display:grid;grid-template-columns:1fr 240px;gap:3rem;align-items:start}.blog-detail-main{min-width:0}.blog-toc{position:sticky;top:5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;max-height:calc(100vh - 6rem);overflow-y:auto}.blog-toc-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.blog-toc ul{list-style:none;padding:0;margin:0}.blog-toc li{margin-bottom:.3rem}.blog-toc a{display:block;font-size:.82rem;color:var(--text-secondary);padding:.2rem 0;border-left:2px solid transparent;transition:all var(--transition);line-height:1.4;text-decoration:none}.blog-toc a:hover{color:var(--accent)}.blog-toc a.active{color:var(--accent);border-left-color:var(--accent);padding-left:.6rem}.blog-toc .toc-h3{padding-left:.8rem;font-size:.78rem}.blog-toc .toc-h4{padding-left:1.6rem;font-size:.75rem}@media (max-width: 960px){.blog-detail-layout{grid-template-columns:1fr}.blog-toc{display:none}}.project-gallery{margin-top:3rem}.project-gallery h3{font-size:1.3rem;margin-bottom:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-item{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform var(--transition)}.gallery-item:hover{transform:scale(1.03)}.gallery-item img{width:100%;height:100%;object-fit:cover}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e6;align-items:center;justify-content:center;cursor:pointer}.lightbox.active{display:flex}.lightbox img{max-width:90%;max-height:90vh;border-radius:var(--radius)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1rem;background:var(--glass-bg);border:1px dashed var(--border);border-radius:var(--radius);font-family:var(--font-mono)}.empty-state:before{content:"// ";opacity:.4}.empty-state .empty-icon{font-size:3rem;margin-bottom:.75rem}.empty-state .empty-icon+p:before{content:none}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--glass-bg) 25%,rgba(255,255,255,.06) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}[data-theme=light] .skeleton-line{background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.site-footer{padding:2rem 0;border-top:1px solid var(--border);background:var(--bg-primary);position:relative}.site-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:var(--accent-gradient);box-shadow:0 0 10px #00d4ff4d}.footer-container{max-width:1440px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem}.footer-content p{color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.8rem;text-decoration:none}.footer-links a:hover{color:var(--text-secondary)}.beian-icon{width:16px;height:16px;vertical-align:middle}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:.4rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all var(--transition)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--accent-glow)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.v-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.v-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#0b0b11;flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem;transition:right .4s;z-index:1001}[data-theme=light] .nav-menu{background:#f8f9fc}.nav-menu.active{right:0}.nav-toggle{display:block;z-index:1002}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000080}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:.95rem}.project-card{grid-template-columns:1fr}.project-split{grid-template-columns:1fr;gap:1.5rem}.project-split:nth-child(2n){direction:ltr}.project-hero{min-height:300px}.project-hero-overlay{padding:2rem}.project-hero-content h3{font-size:1.4rem}.os-grid,.blog-grid,.blog-list{grid-template-columns:1fr}.section{padding:4rem 0}.section-title{font-size:1.6rem}.section-header{margin-bottom:2.5rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}}