:root{--bg-primary:#ffffff;--bg-secondary:#f7fbfd;--bg-tertiary:#f1f6f9;--text-primary:#0b1220;--text-secondary:#5b6b78;--accent:#4fc3f7;--accent-hover:#29b6f6;--accent-glow:rgba(79, 195, 247, 0.12);--border:rgba(11, 18, 32, 0.06);--border-hover:rgba(11, 18, 32, 0.12);--shadow-sm:0 1px 2px rgba(11, 18, 32, 0.04);--shadow-md:0 6px 18px rgba(11, 18, 32, 0.06);--shadow-lg:0 16px 40px rgba(11, 18, 32, 0.08);--glass-bg:rgba(255, 255, 255, 0.7);--header-bg:rgba(255, 255, 255, 0.85);--panel-bg:#ffffff;--player-bg:rgba(255, 255, 255, 0.95);--scrollbar-thumb:rgba(11, 18, 32, 0.12)}.dark{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a28;--text-primary:#e8e8f0;--text-secondary:#8888a0;--accent:#4fc3f7;--accent-hover:#29b6f6;--accent-glow:rgba(79, 195, 247, 0.2);--border:rgba(255, 255, 255, 0.06);--border-hover:rgba(255, 255, 255, 0.12);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.5);--glass-bg:rgba(18, 18, 26, 0.6);--header-bg:rgba(18, 18, 26, 0.8);--panel-bg:#12121a;--player-bg:rgba(18, 18, 26, 0.85);--tag-artist:#2dd4bf;--tag-genre:#a78bfa;--tag-decade:#fbbf24;--tag-custom:#9ca3af;--success:#34d399;--danger:#f87171;--primary-hue:187deg;--primary-saturation:90%;--primary-lightness:57%;--scrollbar-thumb:rgba(255, 255, 255, 0.12);--hover-bg:rgba(255, 255, 255, 0.04)}body,.hx-bg-light{background-color:var(--bg-primary)!important;color:var(--text-primary)}.hx-text-light{color:var(--text-primary)!important}.hextra-card svg{color:var(--accent)}.hextra-card:hover svg{color:var(--accent-hover)}.search-input{color:var(--text-primary)}.search-input::placeholder{color:var(--text-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}a{color:var(--accent);transition:color .2s ease}a:hover{color:var(--accent-hover)}code:not(.hextra-code-block code){color:var(--accent)}.toc a{color:var(--text-secondary);transition:color .2s ease}.toc a:hover{color:var(--accent)}.toc a:target,.hextra-toc a:target,.toc a[data-active=true],.toc li.active>a,.hextra-toc a[data-active=true],.hextra-toc li.active>a{color:var(--accent)!important;font-weight:600!important}.content,.content p,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:var(--text-primary)!important}.back-to-top{background:var(--glass-bg)!important;border:1px solid var(--border)!important;color:var(--accent)!important}.back-to-top:hover{background:var(--bg-tertiary)!important;box-shadow:0 0 12px var(--accent-glow)!important}.theme-toggle{background:0 0!important;color:var(--text-primary)!important}.theme-toggle:hover{color:var(--accent)!important}.sidebar-toggle{color:var(--text-primary)!important}.sidebar-toggle:hover{color:var(--accent)!important}.dark body,.hx-bg-dark{background-color:var(--bg-primary)!important}.dark{color:var(--text-primary)}.dark .nav-container-blur,.dark nav.hx-sticky hx-top-0 hx-z-20{background:var(--header-bg)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.dark .sidebar-container{background:var(--bg-secondary)!important}@media(max-width:767px){.dark .sidebar-container{background:var(--bg-secondary)!important}}.dark .hextra-card{background:var(--glass-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.dark .hextra-card:hover{background:rgba(26,26,40,.7);border-color:var(--border-hover);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow);transform:translateY(-2px)}.dark .hextra-card svg{color:var(--accent)}.dark .hextra-card:hover svg{color:var(--accent-hover)}.dark .search-wrapper,.dark .search-modal{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.dark .search-input{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.dark .search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.dark .search-input::placeholder{color:var(--text-secondary)}.dark ::-webkit-scrollbar{width:4px}.dark ::-webkit-scrollbar-track{background:0 0}.dark ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dark a{color:var(--accent);transition:color .2s ease}.dark a:hover{color:var(--accent-hover)}.dark pre,.dark code{background:var(--bg-tertiary)!important;border:1px solid var(--border)}.dark .hextra-code-block{background:var(--bg-secondary)!important;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.dark .hextra-code-block pre{background:0 0!important;border:none}.dark code:not(.hextra-code-block code){background:var(--bg-tertiary)!important;border:1px solid var(--border);color:var(--accent)}.dark table{border-color:var(--border)}.dark th{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.dark td{border-color:var(--border)}.dark tr:nth-child(even){background:rgba(255,255,255,2%)}.dark blockquote{border-color:var(--accent)!important;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;padding:1rem 1.5rem}.dark hr{border-color:var(--border)}.dark .hx-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);transition:all .2s ease}.dark .hx-btn:hover{background:var(--hover-bg);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.dark .hx-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-color:transparent;color:#fff}.dark .hx-btn-primary:hover{box-shadow:0 4px 16px var(--accent-glow)}.dark footer{background:var(--bg-secondary);border-top:1px solid var(--border)}.dark .toc{background:var(--bg-secondary);border:1px solid var(--border)}.dark .toc a{color:var(--text-secondary);transition:color .2s ease}.dark .toc a:hover{color:var(--accent)}.dark .toc a:target,.dark .hextra-toc a:target{color:var(--accent);font-weight:600}.dark .toc a[data-active=true],.dark .toc li.active>a,.dark .hextra-toc a[data-active=true],.dark .hextra-toc li.active>a{color:var(--accent);font-weight:600}.dark .hextra-toc a[data-active=true]{color:var(--accent)!important;font-weight:600!important}.dark .breadcrumbs{color:var(--text-secondary)}.dark .breadcrumbs a{color:var(--accent)}.dark .pagination a{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.dark .pagination a:hover{background:var(--hover-bg);border-color:var(--accent)}.dark .notice{background:var(--bg-tertiary);border-left:4px solid var(--accent)}.dark .notice-warning{border-left-color:var(--tag-decade)}.dark .notice-error{border-left-color:var(--danger)}.dark .notice-success{border-left-color:var(--success)}.dark .steps{counter-reset:step}.dark .steps>li{border-left:2px solid var(--border)}.dark .steps>li::before{background:var(--bg-tertiary);border:2px solid var(--accent);color:var(--accent)}.dark .hextra-feature-grid{background:var(--bg-secondary)}.dark .hextra-badge{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.dark .hextra-code-copy-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.dark .hextra-code-copy-btn:hover{background:var(--hover-bg);color:var(--accent)}.dark .back-to-top{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--accent)}.dark .back-to-top:hover{background:var(--bg-tertiary);box-shadow:0 0 12px var(--accent-glow)}.dark .sidebar-toggle{color:var(--text-primary)}.dark .sidebar-toggle:hover{color:var(--accent)}.dark .theme-toggle{color:var(--text-primary)}.dark .theme-toggle:hover{color:var(--accent)}.dark ::selection{background:var(--accent-glow);color:var(--text-primary)}.dark :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dark input::placeholder,.dark textarea::placeholder{color:var(--text-secondary)}.dark input,.dark textarea,.dark select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.dark input:focus,.dark textarea:focus,.dark select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.dark details{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px}.dark summary{color:var(--text-primary);cursor:pointer}.dark summary:hover{color:var(--accent)}.dark .mermaid{background:var(--bg-secondary);border-radius:8px;padding:1rem}.dark .katex{color:var(--text-primary)}.dark .giscus{background:var(--bg-secondary);border-radius:8px}.dark,.dark *,.dark *::before,.dark *::after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}