:root{--bg-primary:#f0f2f8;--bg-surface:#ffffff;--bg-sidebar:#f8f9fc;--bg-code:#f6f8fc;--bg-code-header:#edf0f7;--text-primary:#1c1e26;--text-secondary:#3a4050;--code-text:#2e3440;--accent:#4a7de0;--accent-soft:#a78bfa;--accent-warm:#e8609e;--accent-glow:rgba(74, 125, 224, 0.12);--accent-warm-glow:rgba(232, 96, 158, 0.1);--border:rgba(74, 125, 224, 0.18);--border-warm:rgba(232, 96, 158, 0.15);--card-shadow:0 2px 16px rgba(30, 40, 80, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);--sidebar-shadow:2px 0 16px rgba(30, 40, 80, 0.06);--grid-color:rgba(74, 125, 224, 0.05);--corner-bracket:rgba(74, 125, 224, 0.4);--selection-bg:rgba(74, 125, 224, 0.2);--code-keyword:#7c3aed;--code-string:#16a34a;--code-comment:#9ca3af;--code-function:#2563eb;--code-number:#ea580c;--code-operator:#0891b2;--code-class:#d97706;--code-variable:#2e3440;--code-punctuation:#6b7280;--code-line-number:#c0c5d0;--code-deleted:#dc2626;--code-inserted:#16a34a;--code-copy-border:rgba(74, 125, 224, 0.2);--code-copy-text:#555b6e;--code-copy-success:#34d399;--notice-tip:#16a34a;--notice-tip-bg:rgba(22, 163, 74, 0.08);--notice-warning:#d97706;--notice-warning-bg:rgba(217, 119, 6, 0.08);--notice-info:var(--accent);--notice-info-bg:var(--accent-glow);--notice-caution:var(--accent-warm);--notice-caution-bg:var(--accent-warm-glow);--banner-bg-1:#dce3f5;--banner-bg-2:#c7d4f2;--banner-bg-accent-1:rgba(74, 125, 224, 0.25);--banner-bg-accent-2:rgba(167, 139, 250, 0.15);--banner-overlay:linear-gradient(135deg, rgba(240, 242, 248, 0.3), rgba(74, 125, 224, 0.15));--banner-text:#1c1e26;--banner-subtitle:rgba(28, 30, 38, 0.55);--banner-gradient-from:#4a7de0;--banner-gradient-to:#e8609e;--font-display:'Outfit', sans-serif;--font-body:'Zen Maru Gothic', 'Noto Sans TC', sans-serif;--font-mono:'JetBrains Mono', monospace;--sidebar-width:260px;--sidebar-collapsed-width:60px;--radius:14px;--radius-sm:10px;--radius-xs:4px;--transition:0.35s cubic-bezier(0.25, 0.1, 0.25, 1);--font-size-xs:0.7rem;--font-size-label:0.75rem;--font-size-sm:0.8rem;--gap-xxs:6px;--gap-xs:8px;--opacity-muted:0.88;--mobile-breakpoint:900px;--glow-size:180px}[data-theme=dark]{--bg-primary:#0b0f19;--bg-surface:#1a2338;--bg-sidebar:#0f1320;--bg-code:#1a1f2e;--bg-code-header:#151b2b;--text-primary:#e4e8f1;--text-secondary:#b0b8c8;--code-text:#e4e8f1;--accent:#5b8dee;--accent-warm:#f472b6;--accent-glow:rgba(91, 141, 238, 0.2);--accent-warm-glow:rgba(244, 114, 182, 0.15);--border:rgba(91, 141, 238, 0.2);--border-warm:rgba(244, 114, 182, 0.15);--card-shadow:0 2px 30px rgba(0, 0, 0, 0.3);--grid-color:rgba(91, 141, 238, 0.04);--corner-bracket:rgba(91, 141, 238, 0.4);--selection-bg:rgba(91, 141, 238, 0.3);--code-keyword:#c792ea;--code-string:#c3e88d;--code-comment:#546e7a;--code-function:#82aaff;--code-number:#f78c6c;--code-operator:#89ddff;--code-class:#ffcb6b;--code-variable:#e4e8f1;--code-punctuation:#89ddff;--code-line-number:#546e7a;--code-deleted:#f07178;--code-inserted:#c3e88d;--code-copy-border:rgba(255, 255, 255, 0.1);--code-copy-text:#8b95a8;--code-copy-success:#10b981;--notice-tip:#4ade80;--notice-tip-bg:rgba(22, 163, 74, 0.12);--notice-warning:#fbbf24;--notice-warning-bg:rgba(217, 119, 6, 0.12);--notice-info:#93bbfd;--notice-info-bg:rgba(91, 141, 238, 0.12);--notice-caution:#f9a8d4;--notice-caution-bg:rgba(244, 114, 182, 0.12);--banner-bg-1:#0b0f19;--banner-bg-2:#111d35;--banner-bg-accent-1:rgba(91, 141, 238, 0.3);--banner-bg-accent-2:rgba(244, 114, 182, 0.15);--banner-overlay:linear-gradient(135deg, rgba(11, 15, 25, 0.7), rgba(91, 141, 238, 0.15));--banner-text:#ffffff;--banner-subtitle:rgba(255, 255, 255, 0.6);--banner-gradient-from:#5b8dee;--banner-gradient-to:#f472b6}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#0b0f19;--bg-surface:#1a2338;--bg-sidebar:#0f1320;--bg-code:#1a1f2e;--bg-code-header:#151b2b;--text-primary:#e4e8f1;--text-secondary:#b0b8c8;--code-text:#e4e8f1;--accent:#5b8dee;--accent-warm:#f472b6;--accent-glow:rgba(91, 141, 238, 0.2);--accent-warm-glow:rgba(244, 114, 182, 0.15);--border:rgba(91, 141, 238, 0.2);--border-warm:rgba(244, 114, 182, 0.15);--card-shadow:0 2px 30px rgba(0, 0, 0, 0.3);--grid-color:rgba(91, 141, 238, 0.04);--corner-bracket:rgba(91, 141, 238, 0.4);--selection-bg:rgba(91, 141, 238, 0.3);--code-keyword:#c792ea;--code-string:#c3e88d;--code-comment:#546e7a;--code-function:#82aaff;--code-number:#f78c6c;--code-operator:#89ddff;--code-class:#ffcb6b;--code-variable:#e4e8f1;--code-punctuation:#89ddff;--code-line-number:#546e7a;--code-deleted:#f07178;--code-inserted:#c3e88d;--code-copy-border:rgba(255, 255, 255, 0.1);--code-copy-text:#8b95a8;--code-copy-success:#10b981;--notice-tip:#4ade80;--notice-tip-bg:rgba(22, 163, 74, 0.12);--notice-warning:#fbbf24;--notice-warning-bg:rgba(217, 119, 6, 0.12);--notice-info:#93bbfd;--notice-info-bg:rgba(91, 141, 238, 0.12);--notice-caution:#f9a8d4;--notice-caution-bg:rgba(244, 114, 182, 0.12);--banner-bg-1:#0b0f19;--banner-bg-2:#111d35;--banner-bg-accent-1:rgba(91, 141, 238, 0.3);--banner-bg-accent-2:rgba(244, 114, 182, 0.15);--banner-overlay:linear-gradient(135deg, rgba(11, 15, 25, 0.7), rgba(91, 141, 238, 0.15));--banner-text:#ffffff;--banner-subtitle:rgba(255, 255, 255, 0.6);--banner-gradient-from:#5b8dee;--banner-gradient-to:#f472b6}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.8;transition:background var(--transition),color var(--transition);overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-warm)}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100%;left:1rem;z-index:10000;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem}.skip-link:focus{top:1rem;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--selection-bg);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin-bottom:1.3rem;line-height:1.9;font-size:1rem}blockquote{border-left:3px solid var(--accent);padding:.5rem 1.2rem;margin:1.5rem 0;color:var(--text-secondary);background:var(--accent-glow);border-radius:0 var(--radius-sm)var(--radius-sm)0}ul,ol{padding-left:1.5rem;margin-bottom:1.3rem}li{margin-bottom:.3rem}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}strong{font-weight:700}code{font-family:var(--font-mono);font-size:.85em;background:var(--accent-glow);padding:2px 6px;border-radius:var(--radius-xs);color:var(--accent)}pre code{background:0 0;padding:0;border-radius:0;color:var(--code-text)}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{padding:.6rem 1rem;border:1px solid var(--border);text-align:left}th{background:var(--accent-glow);font-family:var(--font-display);font-weight:600}.site-wrapper{min-height:100vh;position:relative;z-index:1}.js .site-wrapper{opacity:0;transform:translateY(30px)scale(.985)}.site-wrapper.revealed{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1)}.content-area{margin-left:var(--sidebar-width);min-width:0;overflow-x:clip;background:var(--bg-primary);transition:margin-left var(--transition)}.banner+.main-content{margin-top:-120px;position:relative;z-index:4}.main-content{max-width:1200px;margin:0 auto;padding:3rem 2.5rem;position:relative;z-index:2}.sidebar{width:var(--sidebar-width);position:fixed;top:0;left:0;bottom:0;background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;overflow-y:scroll;overscroll-behavior:contain;padding:2rem 1.5rem;scrollbar-width:none;-ms-overflow-style:none;transition:background var(--transition),border-color var(--transition),width var(--transition),padding var(--transition),transform var(--transition);--text-primary:#111318;--text-secondary:#2e3340}[data-theme=dark] .sidebar{--text-primary:#f2f4f8;--text-secondary:#cdd4e0}.sidebar::-webkit-scrollbar{display:none}.sidebar-profile{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 12px;position:relative;background:linear-gradient(135deg,var(--accent),var(--accent-warm));padding:3px}.avatar::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px dashed var(--border);animation:spin 8s linear infinite;will-change:transform}.avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:background var(--transition);overflow:hidden}.avatar-inner img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sidebar-name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin-bottom:4px}.sidebar-tagline{font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:500;color:var(--text-secondary);letter-spacing:1px}.sidebar-bio{font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin-top:10px}.profile-social{display:flex;justify-content:center;gap:10px;margin-top:12px}.profile-social a{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color var(--transition),border-color var(--transition),box-shadow var(--transition)}.profile-social a svg{width:14px;height:14px}.profile-social a:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.sidebar-nav{margin-bottom:2rem}.sidebar-nav-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:var(--gap-xxs)}.sidebar-nav-label::before{content:'';width:12px;height:1px;background:var(--accent)}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;margin-bottom:4px;border:none;border-radius:var(--radius-sm);background:0 0;color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:color var(--transition),background var(--transition),opacity var(--transition);position:relative;opacity:var(--opacity-muted)}.sidebar-nav a .nav-icon,.sidebar-nav button .nav-icon{width:18px;text-align:center;font-size:.9rem}.sidebar-nav a:hover,.sidebar-nav a.active,.sidebar-nav button:hover,.sidebar-nav button.active{opacity:1;color:var(--text-primary);background:var(--accent-glow)}.sidebar-nav a.active::before,.sidebar-nav button.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--accent),var(--accent-warm))}.sidebar-tags{margin-bottom:2rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.sidebar-tags .tag{font-weight:500;padding:3px 9px;cursor:pointer}.sidebar-categories{margin-bottom:2rem}.sidebar-view-all{margin-left:auto;font-size:.6rem;color:var(--accent);text-decoration:none;opacity:.85;transition:opacity var(--transition)}.sidebar-view-all:hover{opacity:1}.sidebar-category-item{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;margin-bottom:4px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.2px;opacity:var(--opacity-muted);transition:opacity var(--transition),background var(--transition)}.sidebar-category-item:hover,.sidebar-category-item.active{opacity:1;background:var(--accent-glow)}.sidebar-category-item.active{color:var(--accent)}.category-count{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--accent-glow);color:var(--accent);padding:1px 8px;border-radius:10px;min-width:24px;text-align:center}.sidebar-recent{margin-bottom:1rem}.sidebar-recent-item{display:block;font-size:.85rem;font-weight:600;letter-spacing:.2px;color:var(--text-primary);opacity:var(--opacity-muted);text-decoration:none;padding:9px 0;line-height:1.4;border-bottom:1px solid var(--border);transition:opacity var(--transition),color var(--transition)}.sidebar-recent-item:last-child{border-bottom:none}.sidebar-recent-item:hover{opacity:1;color:var(--accent)}.sidebar-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.theme-toggle{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-xs);transition:color var(--transition),border-color var(--transition),box-shadow var(--transition);margin-bottom:12px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.lang-switcher{margin-bottom:12px}.lang-switch-btn{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-xs);transition:color var(--transition),border-color var(--transition),box-shadow var(--transition);text-decoration:none}.lang-switch-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.social-links{display:flex;gap:var(--gap-xs);margin-bottom:12px}.social-links a{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color var(--transition),border-color var(--transition),box-shadow var(--transition)}.social-links a:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.sidebar-copyright{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);opacity:var(--opacity-muted)}.sidebar-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:1.2rem;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:border-color var(--transition),box-shadow var(--transition);align-items:center;justify-content:center}.sidebar-toggle:hover{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.sidebar-collapsed-icon{display:none}.sidebar-collapse-btn{display:none;position:fixed;left:calc(var(--sidebar-width) - 12px);top:50%;transform:translateY(-50%);z-index:101;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;padding:0;opacity:0;pointer-events:none;transition:opacity .2s ease,left var(--transition),color .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px rgba(0,0,0,.1)}.sidebar-collapse-btn .collapse-icon-expand{display:none}.sidebar-collapse-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}@media(min-width:901px){html.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width);padding:1rem .5rem;overflow:visible}html.sidebar-collapsed .content-area{margin-left:var(--sidebar-collapsed-width)}html.sidebar-collapsed .sidebar-profile{margin-bottom:1rem;padding-bottom:1rem}html.sidebar-collapsed .avatar{width:36px;height:36px}html.sidebar-collapsed .avatar::after{inset:-3px}html.sidebar-collapsed .avatar-inner{font-size:1rem}html.sidebar-collapsed .sidebar-name,html.sidebar-collapsed .sidebar-tagline,html.sidebar-collapsed .sidebar-bio,html.sidebar-collapsed .profile-social{display:none}html.sidebar-collapsed .sidebar-nav{margin-bottom:1rem}html.sidebar-collapsed .sidebar-nav-label{display:none}html.sidebar-collapsed .sidebar-nav a,html.sidebar-collapsed .sidebar-nav button{justify-content:center;padding:10px 0}html.sidebar-collapsed .sidebar-nav a .nav-icon,html.sidebar-collapsed .sidebar-nav button .nav-icon{width:auto}html.sidebar-collapsed .sidebar-nav a .nav-text,html.sidebar-collapsed .sidebar-nav button .nav-text{display:none}html.sidebar-collapsed .sidebar-nav a::after,html.sidebar-collapsed .sidebar-nav button::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;padding:4px 10px;border-radius:6px;border:1px solid var(--border);box-shadow:var(--card-shadow);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:200}html.sidebar-collapsed .sidebar-nav a:hover::after,html.sidebar-collapsed .sidebar-nav button:hover::after{opacity:1}html.sidebar-collapsed .sidebar-nav a.active::before,html.sidebar-collapsed .sidebar-nav button.active::before{left:0}html.sidebar-collapsed .sidebar-categories,html.sidebar-collapsed .sidebar-tags{margin-bottom:.5rem}html.sidebar-collapsed .sidebar-categories .sidebar-nav-label,html.sidebar-collapsed .sidebar-categories .sidebar-category-item,html.sidebar-collapsed .sidebar-categories .tag-cloud,html.sidebar-collapsed .sidebar-categories .sidebar-view-all,html.sidebar-collapsed .sidebar-tags .sidebar-nav-label,html.sidebar-collapsed .sidebar-tags .sidebar-category-item,html.sidebar-collapsed .sidebar-tags .tag-cloud,html.sidebar-collapsed .sidebar-tags .sidebar-view-all{display:none}html.sidebar-collapsed .sidebar-recent{display:none}html.sidebar-collapsed .sidebar-collapsed-icon{display:flex;align-items:center;justify-content:center;padding:10px 0;color:var(--text-primary);text-decoration:none;opacity:var(--opacity-muted);border-radius:var(--radius-sm);transition:opacity var(--transition),background var(--transition);position:relative}html.sidebar-collapsed .sidebar-collapsed-icon svg{width:18px;height:18px}html.sidebar-collapsed .sidebar-collapsed-icon:hover{opacity:1;background:var(--accent-glow)}html.sidebar-collapsed .sidebar-collapsed-icon::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;padding:4px 10px;border-radius:6px;border:1px solid var(--border);box-shadow:var(--card-shadow);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:200}html.sidebar-collapsed .sidebar-collapsed-icon:hover::after{opacity:1}html.sidebar-collapsed .sidebar-footer{margin-top:1rem;padding-top:1rem}html.sidebar-collapsed .theme-toggle{padding:8px 0}html.sidebar-collapsed .theme-toggle #themeLabel{display:none}html.sidebar-collapsed .lang-switcher .lang-switch-btn{justify-content:center;padding:8px 0}html.sidebar-collapsed .lang-switcher .lang-switch-btn .lang-text{display:none}html.sidebar-collapsed .sidebar-copyright{display:none}html.sidebar-collapsed .sidebar-collapse-btn{left:calc(var(--sidebar-collapsed-width) - 12px)}html.sidebar-collapsed .sidebar-collapse-btn .collapse-icon-collapse{display:none}html.sidebar-collapsed .sidebar-collapse-btn .collapse-icon-expand{display:flex}.sidebar-collapse-btn{display:flex}.sidebar:hover~.sidebar-collapse-btn,.sidebar-collapse-btn:hover{opacity:1;pointer-events:auto}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:140;opacity:0;pointer-events:none;transition:opacity var(--transition)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}@keyframes sweepAcross{0%{transform:scaleX(0);transform-origin:left;opacity:1}50%{transform:scaleX(1);transform-origin:left;opacity:1}100%{transform:scaleX(1);opacity:0}}.loading-screen{position:fixed;inset:0;z-index:9999;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-icon{width:48px;height:48px;position:relative}.loading-icon::before,.loading-icon::after{content:'';position:absolute;border-radius:50%}.loading-icon::before{inset:0;border:2px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite;will-change:transform}.loading-icon::after{inset:8px;border:2px solid var(--border-warm);border-bottom-color:var(--accent-warm);animation:spin .7s linear infinite reverse;will-change:transform}.loading-text{margin-top:20px;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:2px}.loading-text::after{content:'';animation:dots 1.5s steps(4)infinite}.scan-line{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 5%,var(--accent),var(--accent-warm),transparent 95%);z-index:9998;transform:scaleX(0);opacity:0;pointer-events:none;box-shadow:0 0 12px var(--accent),0 0 24px var(--accent-glow)}.scan-line.active{animation:sweepAcross .7s cubic-bezier(.16,1,.3,1)forwards}.spectra-revisit .loading-screen{display:none}.spectra-revisit .site-wrapper{opacity:1;transform:none}.loading-disabled .site-wrapper{opacity:1;transform:none}.welcome-screen{position:fixed;inset:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none}.welcome-screen.active{opacity:1;pointer-events:auto}.welcome-text{text-align:center}.welcome-line{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1.5;color:var(--text-primary);overflow:hidden}.welcome-line .line-inner{display:block;transform:translateY(110%)}.welcome-sub{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent);letter-spacing:4px;text-transform:uppercase;margin-top:1.5rem;opacity:0}.spectra-revisit .welcome-screen{display:none}@media(max-width:600px){.welcome-line{font-size:1.6rem}}@keyframes float{0%,100%{transform:translateY(0)translateX(0);opacity:.4}25%{transform:translateY(-30px)translateX(10px);opacity:.6}50%{transform:translateY(-15px)translateX(-10px);opacity:.3}75%{transform:translateY(-40px)translateX(5px);opacity:.5}}.banner{position:relative;height:55vh;min-height:320px;display:flex;align-items:center;justify-content:center}.banner-bg{position:absolute;top:0;left:0;right:0;bottom:-400px;background:var(--banner-overlay),radial-gradient(ellipse at 30% 40%,var(--banner-bg-accent-1),transparent 60%),radial-gradient(ellipse at 70% 60%,var(--banner-bg-accent-2),transparent 60%),linear-gradient(135deg,var(--banner-bg-1),var(--banner-bg-2));transition:background .5s ease,opacity .4s ease;mask-image:linear-gradient(to bottom,black 20%,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 85%)}.banner-image{position:absolute;top:0;left:0;right:0;bottom:-400px;z-index:1;mask-image:linear-gradient(to bottom,black 10%,transparent 75%);-webkit-mask-image:linear-gradient(to bottom,black 10%,transparent 75%)}.banner-image img{width:100%;height:100%;object-fit:cover}.banner-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.4) 100%)}.banner.has-image .banner-content h1{color:var(--banner-image-text,#fff)}.banner.has-image .banner-content h1 span{background:var(--banner-image-gradient,none);-webkit-background-clip:text;-webkit-text-fill-color:var(--banner-image-gradient-fill,unset);background-clip:text;color:inherit}.banner.has-image .banner-subtitle{color:var(--banner-image-subtitle,rgba(255,255,255,.8))}.banner-content{position:relative;z-index:2;text-align:center;padding:2rem}.banner-content h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:var(--banner-text);margin-bottom:.5rem;line-height:1.3;transition:color var(--transition)}.banner-content h1 span{background:linear-gradient(135deg,var(--banner-gradient-from),var(--banner-gradient-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--banner-subtitle);letter-spacing:1px;transition:color var(--transition)}.banner-particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:.4;animation:float linear infinite;will-change:transform}.particle:nth-child(1){left:15%;top:30%;animation-duration:8s}.particle:nth-child(2){left:45%;top:60%;animation-duration:12s;animation-delay:2s;width:3px;height:3px;background:var(--accent-warm)}.particle:nth-child(3){left:75%;top:20%;animation-duration:10s;animation-delay:4s}.particle:nth-child(4){left:85%;top:70%;animation-duration:9s;animation-delay:1s;width:5px;height:5px}.particle:nth-child(5){left:30%;top:80%;animation-duration:11s;animation-delay:3s;background:var(--accent-warm);opacity:.3}.corner-brackets{position:absolute;inset:1.5rem 1.5rem 8rem;pointer-events:none;z-index:2}.corner-brackets::before,.corner-brackets::after,.corner-brackets span::before,.corner-brackets span::after{content:'';position:absolute;width:20px;height:20px;border-color:var(--corner-bracket);border-style:solid;border-width:0}.corner-brackets::before{top:0;left:0;border-top-width:2px;border-left-width:2px;border-radius:3px 0 0 0}.corner-brackets::after{top:0;right:0;border-top-width:2px;border-right-width:2px;border-radius:0 3px 0 0}.corner-brackets span::before{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 3px}.corner-brackets span::after{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 3px 0}.theme-transitioning,.theme-transitioning *,.theme-transitioning *::before,.theme-transitioning *::after{transition:background-color .5s cubic-bezier(.25,.1,.25,1),color .5s cubic-bezier(.25,.1,.25,1),border-color .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1),fill .5s cubic-bezier(.25,.1,.25,1),stroke .5s cubic-bezier(.25,.1,.25,1)!important}.theme-transitioning .banner-bg{opacity:0!important;transition:opacity .4s ease!important}.mouse-glow{display:none}[data-theme=dark] .mouse-glow{display:block;position:fixed;width:var(--glow-size);height:var(--glow-size);border-radius:50%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,rgba(91,141,238,.12) 0%,rgba(244,114,182,6%) 40%,transparent 70%)}.section-label{font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:var(--gap-xs)}.section-label::before{content:'';width:20px;height:1px;background:var(--accent)}.section-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:2.5rem}.post-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;margin-bottom:1.8rem;position:relative;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:row-reverse;overflow:hidden}.scroll-animate .post-card{opacity:0}.post-card:hover{border-color:var(--accent);box-shadow:var(--card-shadow),0 0 0 1px var(--accent),0 0 24px var(--accent-glow)}.post-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.post-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2.4rem;position:relative;z-index:1;background:var(--bg-surface);margin-right:-1px}.post-card-body::before{content:'';position:absolute;top:2.2rem;right:2.4rem;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-warm));opacity:.6}.post-card-body::after{content:'';position:absolute;top:0;bottom:0;right:-30px;width:30px;background:var(--bg-surface);mask-image:linear-gradient(to right,black,transparent);-webkit-mask-image:linear-gradient(to right,black,transparent);pointer-events:none;z-index:2}.post-card-meta{font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary);margin-bottom:.8rem;display:flex;align-items:center;gap:1rem}.post-card h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin-bottom:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card h3 a{color:var(--text-primary);text-decoration:none;transition:color var(--transition)}.post-card h3 a::after{content:'';position:absolute;inset:0}.post-card h3 a:hover{color:var(--accent)}.post-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.75;margin-bottom:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-cover{position:relative;width:240px;min-height:180px;flex-shrink:0;overflow:hidden;background:var(--bg-surface)}.post-card-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:opacity .4s ease,transform .5s cubic-bezier(.25,.1,.25,1)}.js .post-card-cover img{opacity:0}.js .post-card-cover img.loaded{opacity:1}.post-card-cover::before{content:'';position:absolute;top:0;bottom:0;left:0;width:100px;background:var(--bg-surface);mask-image:linear-gradient(to right,black,transparent);-webkit-mask-image:linear-gradient(to right,black,transparent);z-index:1;pointer-events:none}.post-card:hover .post-card-cover img.loaded{transform:scale(1.04)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--gap-xxs);position:relative;z-index:1;pointer-events:none}.tag{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:3px 10px;border-radius:20px;background:var(--accent-glow);color:var(--accent);border:1px solid var(--border);text-decoration:none;pointer-events:auto;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tag:hover{background:var(--accent);color:#fff}.tag.warm{background:var(--accent-warm-glow);color:var(--accent-warm);border-color:var(--border-warm)}.tag.warm:hover{background:var(--accent-warm);color:#fff}.article-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:3rem;margin-top:1rem;box-shadow:var(--card-shadow);overflow-wrap:break-word;word-break:break-word;overflow-x:auto}.scroll-animate .article-content{opacity:0}.article-content h2{font-family:var(--font-display);font-size:1.65rem;font-weight:600;margin:2.5rem 0 1.2rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.article-content h2:first-child{margin-top:0}.article-content p{margin-bottom:1.4rem;color:var(--text-primary);line-height:1.9;font-size:1.08rem}.article-content ul,.article-content ol{font-size:1.05rem;line-height:1.85}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1.5rem 0;box-shadow:0 2px 16px rgba(0,0,0,.1)}.article-content figure{margin:2rem 0;text-align:center}.article-content figure img{margin:0 auto .8rem;display:block}.article-content figure figcaption{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:var(--gap-xxs);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;margin-bottom:1.2rem;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.back-link:hover{color:var(--accent);border-color:var(--accent)}.back-icon{flex-shrink:0}.article-header{margin-bottom:1rem}.article-header h1{font-family:var(--font-display);font-size:2.4rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.article-meta{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.article-tags{margin-bottom:1.5rem}.content-footer{text-align:center;padding:3rem 1.5rem;font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary);border-top:1px solid var(--border);margin-top:3rem}.footer-theme-credit{margin-top:6px;font-size:var(--font-size-xs);opacity:.7}.footer-theme-credit a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}.footer-theme-credit a:hover{opacity:.8}.footer-deco{display:inline-flex;align-items:center;gap:var(--gap-xs);margin-bottom:8px}.footer-deco span{width:6px;height:6px;border-radius:50%}.footer-deco span:nth-child(1){background:var(--accent);opacity:.5}.footer-deco span:nth-child(2){background:var(--accent-warm);opacity:.5}.footer-deco span:nth-child(3){background:var(--accent-soft);opacity:.5}.math-block{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.5rem;margin:1.5rem 0;text-align:center;overflow-x:auto;color:var(--text-primary);font-size:1.1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;font-family:var(--font-mono);font-size:.85rem}.pagination a,.pagination span{padding:.4rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:color var(--transition),border-color var(--transition)}.pagination a:hover{color:var(--accent);border-color:var(--accent)}.pagination .active{background:var(--accent);color:#fff;border-color:var(--accent)}.single-layout{display:flex;gap:2rem;align-items:flex-start}.toc-sidebar{position:sticky;top:2rem;flex-shrink:0;width:200px;max-height:calc(100vh - 4rem);overflow-y:auto;order:2;margin-top:2.5rem;scrollbar-width:none;-ms-overflow-style:none}.toc-sidebar::-webkit-scrollbar{display:none}.single-layout .article-content{flex:1;min-width:0}.toc-nav{font-family:var(--font-mono);font-size:var(--font-size-label)}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li{margin-bottom:0}.toc-nav a{display:block;padding:4px 0 4px 12px;color:var(--text-secondary);text-decoration:none;border-left:2px solid var(--border);transition:color var(--transition),border-left-color var(--transition);line-height:1.5}.toc-nav a:hover{color:var(--accent);border-left-color:var(--accent)}.toc-nav a.active{color:var(--accent);border-left-color:var(--accent)}.toc-nav ul ul{padding-left:.8rem}.toc-nav ul ul a{font-size:var(--font-size-xs)}.toc-float-toggle{display:none}.toc-float-panel{display:none}.toc-float-overlay{display:none}.article-cover{margin:1.5rem 0 0;border-radius:var(--radius);overflow:hidden;max-height:400px}.article-cover img{width:100%;height:100%;object-fit:cover}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.post-nav-link{display:flex;flex-direction:column;gap:4px;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition);max-width:48%}.post-nav-link:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.post-nav-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.post-nav-title{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary);line-height:1.4}.post-nav-next{text-align:right;margin-left:auto}.terms-list{display:flex;flex-wrap:wrap;gap:10px}.term-item{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);transition:border-color var(--transition),background var(--transition),color var(--transition)}.term-item:hover{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.term-count{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--accent-glow);padding:2px 8px;border-radius:10px}.terms-view-toggle{display:flex;gap:var(--gap-xxs);margin-bottom:2rem}.view-btn{font-family:var(--font-mono);font-size:var(--font-size-label);padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.view-btn:hover{color:var(--accent);border-color:var(--accent)}.view-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1)}.category-card{display:flex;flex-direction:column;gap:var(--gap-xs);padding:1.8rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--card-shadow)}.category-card:hover{border-color:var(--accent);box-shadow:var(--card-shadow),0 0 0 1px var(--accent),0 0 20px var(--accent-glow);transform:translateY(-2px)}.category-card-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary)}.category-card-count{font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary)}.category-card-deco{position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,var(--accent-glow),var(--accent-warm-glow));border-radius:0 var(--radius)0 40px;opacity:.6}.terms-list-view{display:flex;flex-direction:column;gap:12px;transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1)}.terms-list-view .category-card{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:var(--radius-sm)}.terms-list-view .category-card-name{font-size:1rem}.terms-list-view .category-card-count{flex-shrink:0}.terms-list-view .category-card-deco{display:none}.terms-list-view .category-card:hover{transform:none}html.terms-view-list .terms-grid{display:flex;flex-direction:column;gap:12px}html.terms-view-list .terms-grid .category-card{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:var(--radius-sm)}html.terms-view-list .terms-grid .category-card-name{font-size:1rem}html.terms-view-list .terms-grid .category-card-count{flex-shrink:0}html.terms-view-list .terms-grid .category-card-deco{display:none}html.terms-view-list .grid-btn.active{background:0 0;color:var(--text-secondary);border-color:var(--border)}html.terms-view-list .list-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.error-page{text-align:center;padding:4rem 1.5rem;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-code{font-family:var(--font-display);font-size:clamp(4rem,12vw,8rem);font-weight:700;letter-spacing:.1em;line-height:1;margin-bottom:1rem}.error-digit{color:var(--text-primary)}.error-digit.accent{background:linear-gradient(135deg,var(--accent),var(--accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-decoration{position:relative;width:120px;height:60px;margin:.5rem auto 2rem}.error-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.8rem}.error-message{font-size:.95rem;color:var(--text-secondary);max-width:400px;margin-bottom:2.5rem}.error-home-link{display:inline-flex;align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);font-size:.85rem;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition),border-color var(--transition),box-shadow var(--transition)}.error-home-link:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.notice{border:1px solid var(--border);border-radius:var(--radius-sm);margin:1.5rem 0;overflow:hidden}.notice-header{display:flex;align-items:center;gap:var(--gap-xs);padding:.6rem 1.2rem;font-family:var(--font-display);font-size:.85rem;font-weight:600}.notice-icon{font-size:1rem;flex-shrink:0}.notice-content{padding:.8rem 1.2rem;font-size:.95rem}.notice-content p:last-child{margin-bottom:0}.notice-info{border-left:3px solid var(--accent)}.notice-info .notice-header{background:var(--notice-info-bg);color:var(--notice-info)}.notice-tip{border-left:3px solid var(--notice-tip)}.notice-tip .notice-header{background:var(--notice-tip-bg);color:var(--notice-tip)}.notice-warning{border-left:3px solid var(--notice-warning)}.notice-warning .notice-header{background:var(--notice-warning-bg);color:var(--notice-warning)}.notice-caution{border-left:3px solid var(--accent-warm)}.notice-caution .notice-header{background:var(--notice-caution-bg);color:var(--notice-caution)}.details-block{border:1px solid var(--border);border-radius:var(--radius-sm);margin:1.5rem 0;overflow:hidden}.details-block summary{padding:.8rem 1.2rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;transition:background var(--transition);list-style:none;display:flex;align-items:center;gap:var(--gap-xs)}.details-block summary::before{content:'\25B6';font-size:.6rem;color:var(--accent);transition:transform var(--transition)}.details-block summary:hover{background:var(--accent-glow)}.details-block[open] summary::before{transform:rotate(90deg)}.details-content{padding:.8rem 1.2rem;border-top:1px solid var(--border);font-size:.95rem}.details-content p:last-child{margin-bottom:0}.figure-block{margin:2rem 0;text-align:center}.figure-block .figure-image{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--card-shadow)}.figure-block .figure-image img{display:block;width:100%;height:auto;margin:0;border-radius:0;box-shadow:none}.figure-block figcaption{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:.8rem;padding:0 1rem}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.reading-progress.visible{opacity:1}.reading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-warm));transition:width .1s linear;border-radius:0 2px 2px 0}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity var(--transition),transform var(--transition),border-color var(--transition),color var(--transition);z-index:100;box-shadow:var(--card-shadow)}.scroll-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{border-color:var(--accent);color:var(--accent)}.scroll-top-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1rem}.related-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;background:var(--bg-surface);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--card-shadow)}.related-card:hover{border-color:var(--accent);box-shadow:var(--card-shadow),0 0 16px var(--accent-glow);transform:translateY(-2px)}.related-card-cover{height:120px;overflow:hidden;background:var(--bg-code)}.related-card-cover img{width:100%;height:100%;object-fit:cover}.related-card-body{padding:.8rem 1rem;display:flex;flex-direction:column;gap:4px}.related-card-date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.related-card-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-nav{border:1px solid var(--border);border-radius:var(--radius-sm);margin:1.5rem 0;overflow:hidden;background:var(--bg-surface)}.series-header{display:flex;align-items:center;gap:var(--gap-xs);padding:.8rem 1.2rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size-sm)}.series-label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:var(--font-size-xs);flex-shrink:0}.series-title{color:var(--text-primary);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-count{color:var(--text-secondary);flex-shrink:0}.series-list-toggle summary{padding:.6rem 1.2rem;font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary);cursor:pointer;user-select:none;transition:color var(--transition)}.series-list-toggle summary:hover{color:var(--accent)}.series-list-content{overflow:hidden;transition:height .35s cubic-bezier(.25,.1,.25,1)}.series-list{padding:0 1.2rem .8rem 2.4rem;margin:0;font-size:.85rem}.series-list li{padding:4px 0;line-height:1.5}.series-list a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.series-list a:hover{color:var(--accent)}.series-current{color:var(--accent);font-weight:600}.series-current span{position:relative;padding-left:4px}.series-current span::before{content:'\25B8';position:absolute;left:-12px;color:var(--accent)}.share-buttons{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.share-label{font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.share-links{display:flex;gap:var(--gap-xs)}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:0 0;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.share-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn.copied{color:var(--code-copy-success);border-color:var(--code-copy-success)}.code-block-wrapper{position:relative;margin:1.5rem 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-code-header);font-family:var(--font-mono);font-size:var(--font-size-label)}.code-lang{color:var(--accent);letter-spacing:1px;text-transform:uppercase}.code-copy{background:0 0;border:1px solid var(--code-copy-border);color:var(--code-copy-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:3px 10px;border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.code-copy:hover{border-color:var(--accent);color:var(--accent)}.code-copy.copied{border-color:var(--code-copy-success);color:var(--code-copy-success)}.highlight{margin:1.5rem 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.highlight pre{margin:0;border:none;border-radius:0}.code-block-wrapper .highlight{margin:0;border:none;border-radius:0}pre{background:var(--bg-code);padding:1.2rem 1.5rem;overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius-sm)}pre code{font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--code-text);background:0 0;padding:0;border-radius:0}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--code-keyword)}.highlight .s,.highlight .sa,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:var(--code-string)}.highlight .c,.highlight .ch,.highlight .cm,.highlight .c1,.highlight .cs,.highlight .cp,.highlight .cpf{color:var(--code-comment);font-style:italic}.highlight .nf,.highlight .fm,.highlight .nb{color:var(--code-function)}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:var(--code-number)}.highlight .o,.highlight .ow{color:var(--code-operator)}.highlight .nc,.highlight .nn,.highlight .ne{color:var(--code-class)}.highlight .n,.highlight .na,.highlight .no,.highlight .nd,.highlight .ni,.highlight .nv,.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:var(--code-variable)}.highlight .p{color:var(--code-punctuation)}.highlight .ln,.highlight .lnt{color:var(--code-line-number)}.highlight .gd{color:var(--code-deleted)}.highlight .gi{color:var(--code-inserted)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.code-header-actions{display:flex;align-items:center;gap:var(--gap-xxs)}.code-line-toggle{background:0 0;border:1px solid var(--code-copy-border);border-radius:var(--radius-xs);color:var(--code-copy-text);cursor:pointer;padding:2px 6px;font-family:var(--font-mono);font-size:.65rem;transition:color var(--transition),border-color var(--transition)}.code-line-toggle:hover{color:var(--accent);border-color:var(--accent)}.code-block-wrapper.hide-line-numbers .lntable td:first-child{display:none}.code-block-wrapper.hide-line-numbers .ln{display:none}.code-filename{font-weight:500;color:var(--text-primary);text-transform:none;letter-spacing:0}.highlight .hl{display:block;background:var(--accent-glow);border-left:3px solid var(--accent);margin:0 -1rem;padding:0 1rem 0 calc(1rem - 3px)}.article-content img[data-lightbox]{cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:zoom-out}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 0 60px rgba(0,0,0,.5);margin:0}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.lightbox-close:hover{background:rgba(255,255,255,.2)}.lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.search-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;opacity:0;pointer-events:none;transition:opacity .25s ease}.search-overlay.active{opacity:1;pointer-events:auto}.search-container{width:600px;max-width:90vw;max-height:70vh;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden}.search-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:var(--gap-xs)}.search-input-icon{flex-shrink:0;color:var(--text-secondary)}.search-input{flex:1;border:none;background:0 0;outline:none;font-family:var(--font-body);font-size:1.1rem;color:var(--text-primary)}.search-input::placeholder{color:var(--text-secondary)}.search-close{background:0 0;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.search-close:hover{border-color:var(--accent);color:var(--accent)}.search-results{overflow-y:auto;padding:.5rem}.search-result-item{padding:.8rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.search-result-item:hover,.search-result-item.active{background:var(--accent-glow)}.search-result-item a{text-decoration:none;color:inherit;display:block}.search-result-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.search-result-title mark{background:var(--accent-glow);color:var(--accent);border-radius:2px;padding:0 2px}.search-result-meta{font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary)}.search-result-desc{font-size:.85rem;color:var(--text-secondary);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}[data-theme=dark] .article-content img,[data-theme=dark] .post-card-cover img,[data-theme=dark] .article-cover img{opacity:.95}[data-theme=dark] .sidebar{box-shadow:inset -1px 0 0 var(--grid-color)}:root:not([data-theme=dark]) .sidebar{box-shadow:var(--sidebar-shadow)}:root:not([data-theme=dark]) .particle{opacity:.5}:root:not([data-theme=dark]) .loading-icon::before{border-color:var(--border);border-top-color:var(--accent)}:root:not([data-theme=dark]) .loading-icon::after{border-color:var(--accent-warm-glow);border-bottom-color:var(--accent-warm)}:root:not([data-theme=dark]) .scan-line{box-shadow:0 0 8px var(--accent),0 0 16px var(--accent-glow)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .sidebar{--text-primary:#f2f4f8;--text-secondary:#cdd4e0;box-shadow:inset -1px 0 0 var(--grid-color)}:root:not([data-theme]) .article-content img,:root:not([data-theme]) .post-card-cover img,:root:not([data-theme]) .article-cover img{opacity:.95}}@media(max-width:900px){.sidebar{position:fixed;top:auto;left:auto;bottom:5.5rem;right:1.5rem;width:min(320px,calc(100vw - 3rem));height:auto;max-height:calc(100vh - 8rem);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 40px rgba(0,0,0,.25);z-index:150;overflow-y:auto;transform:scale(.9)translateY(20px);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.sidebar.open{transform:scale(1)translateY(0);opacity:1;pointer-events:auto}.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.sidebar-collapse-btn{display:none}.content-area{margin-left:0}.banner{height:45vh;min-height:240px}.banner .banner-content h1{font-size:1.6rem}.main-content{padding:2rem 1rem}.post-card-body{padding:1.5rem}.post-card-body::before{top:1.5rem;right:1.5rem}.post-card-cover{width:200px;min-height:150px}.article-content{padding:1.5rem;max-width:100%}.mouse-glow,[data-theme=dark] .mouse-glow{display:none}.single-layout{flex-direction:column;max-width:100%}.toc-sidebar{display:none}.toc-float-toggle{display:flex;align-items:center;justify-content:center;position:fixed;bottom:1.5rem;left:1.5rem;z-index:200;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:1rem;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:border-color var(--transition),box-shadow var(--transition)}.toc-float-toggle:hover{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.toc-float-panel{display:block;position:fixed;bottom:5rem;left:1.5rem;width:min(280px,calc(100vw - 3rem));max-height:50vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 40px rgba(0,0,0,.25);z-index:160;padding:1rem 1.2rem;transform:scale(.9)translateY(20px);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.toc-float-panel .toc-nav{font-size:.85rem}.toc-float-panel .toc-nav ul ul a{font-size:.8rem}.toc-float-panel.open{transform:scale(1)translateY(0);opacity:1;pointer-events:auto}.toc-float-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.toc-float-close{background:0 0;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--transition)}.toc-float-close:hover{color:var(--accent)}.toc-float-back{display:flex;align-items:center;gap:var(--gap-xxs);margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size-label);color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.toc-float-back:hover{color:var(--accent)}.toc-float-overlay{display:block;position:fixed;inset:0;z-index:155;opacity:0;pointer-events:none;transition:opacity var(--transition)}.toc-float-overlay.visible{opacity:1;pointer-events:auto}.scroll-top-btn{bottom:5rem;right:1.5rem}.related-grid{grid-template-columns:1fr}}@media(max-width:600px){.main-content{padding:1.5rem .5rem}.post-card{flex-direction:column}.post-card-body{padding:1.2rem}.post-card-cover{width:100%;min-height:160px;max-height:200px}.post-card-cover::before{top:auto;left:0;right:0;bottom:0;width:100%;height:60px;mask-image:linear-gradient(to top,black,transparent);-webkit-mask-image:linear-gradient(to top,black,transparent)}.post-card-body::after{display:none}.article-content{padding:1rem}.banner{min-height:200px}}