:root{--bg: #f8fafc;--bg-accent: radial-gradient(ellipse 80% 60% at 15% 5%, rgba(30, 64, 175, .06), transparent 45%), radial-gradient(ellipse 60% 70% at 85% 10%, rgba(59, 130, 246, .04), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(6, 182, 212, .03), transparent 45%);--bg-float: radial-gradient(circle at 20% 30%, rgba(30, 64, 175, .03) 0%, transparent 50%), radial-gradient(circle at 75% 60%, rgba(59, 130, 246, .02) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(6, 182, 212, .02) 0%, transparent 50%);--header-bg: rgba(248, 250, 252, .8);--header-border: rgba(148, 163, 184, .35);--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .95);--text: #1e293b;--text-soft: #64748b;--border: rgba(148, 163, 184, .15);--primary: #1e40af;--primary-deep: #1e3a8a;--primary-glow: rgba(30, 64, 175, .15);--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-orange: #f97316;--shadow: 0 12px 36px rgba(15, 23, 42, .06);--shadow-soft: 0 4px 18px rgba(15, 23, 42, .04);--shadow-glow: 0 0 24px rgba(30, 64, 175, .08);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-heading: var(--font-body)}body[data-bg-mode=aurora]{--bg: #f8fafc;--bg-accent: radial-gradient(ellipse 80% 60% at 15% 5%, rgba(30, 64, 175, .06), transparent 45%), radial-gradient(ellipse 60% 70% at 85% 10%, rgba(59, 130, 246, .04), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(6, 182, 212, .03), transparent 45%);--bg-float: radial-gradient(circle at 20% 30%, rgba(30, 64, 175, .03) 0%, transparent 50%), radial-gradient(circle at 75% 60%, rgba(59, 130, 246, .02) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(6, 182, 212, .02) 0%, transparent 50%);--header-bg: rgba(248, 250, 252, .8);--header-border: rgba(148, 163, 184, .35)}body[data-bg-mode=dawn]{--bg: #fefcf5;--bg-accent: radial-gradient(ellipse 70% 50% at 18% 8%, rgba(249, 115, 22, .12), transparent 40%), radial-gradient(ellipse 60% 60% at 85% 12%, rgba(234, 179, 8, .08), transparent 38%), radial-gradient(ellipse 50% 50% at 50% 85%, rgba(251, 146, 60, .06), transparent 42%);--bg-float: radial-gradient(circle at 15% 25%, rgba(249, 115, 22, .06) 0%, transparent 50%), radial-gradient(circle at 80% 55%, rgba(234, 179, 8, .04) 0%, transparent 50%), radial-gradient(circle at 45% 85%, rgba(251, 146, 60, .03) 0%, transparent 50%);--header-bg: rgba(254, 252, 245, .8);--header-border: rgba(203, 171, 129, .35)}body[data-bg-mode=sunset]{--bg: #fef4ed;--bg-accent: radial-gradient(ellipse 75% 55% at 20% 6%, rgba(239, 68, 68, .1), transparent 42%), radial-gradient(ellipse 65% 65% at 82% 8%, rgba(249, 115, 22, .08), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(251, 146, 60, .05), transparent 42%);--bg-float: radial-gradient(circle at 18% 28%, rgba(239, 68, 68, .05) 0%, transparent 50%), radial-gradient(circle at 78% 58%, rgba(249, 115, 22, .04) 0%, transparent 50%), radial-gradient(circle at 50% 82%, rgba(251, 146, 60, .03) 0%, transparent 50%);--header-bg: rgba(254, 244, 237, .8);--header-border: rgba(200, 160, 140, .35)}body[data-bg-mode=coral]{--bg: #fef2ef;--bg-accent: radial-gradient(ellipse 65% 50% at 12% 8%, rgba(239, 68, 68, .09), transparent 40%), radial-gradient(ellipse 55% 55% at 88% 10%, rgba(249, 115, 22, .07), transparent 38%), radial-gradient(ellipse 45% 45% at 50% 88%, rgba(200, 80, 50, .04), transparent 40%);--bg-float: radial-gradient(circle at 22% 32%, rgba(239, 68, 68, .04) 0%, transparent 50%), radial-gradient(circle at 72% 52%, rgba(249, 115, 22, .03) 0%, transparent 50%), radial-gradient(circle at 50% 78%, rgba(200, 80, 50, .02) 0%, transparent 50%);--header-bg: rgba(254, 242, 239, .8);--header-border: rgba(180, 120, 100, .35)}body[data-bg-mode=golden]{--bg: #fefcf0;--bg-accent: radial-gradient(ellipse 70% 50% at 15% 8%, rgba(234, 179, 8, .1), transparent 38%), radial-gradient(ellipse 60% 60% at 85% 10%, rgba(249, 115, 22, .07), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 88%, rgba(180, 100, 10, .04), transparent 42%);--bg-float: radial-gradient(circle at 25% 28%, rgba(234, 179, 8, .05) 0%, transparent 50%), radial-gradient(circle at 75% 55%, rgba(249, 115, 22, .04) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(180, 100, 10, .03) 0%, transparent 50%);--header-bg: rgba(254, 252, 240, .8);--header-border: rgba(200, 170, 120, .35)}body[data-bg-mode=rose]{--bg: #fef0eb;--bg-accent: radial-gradient(ellipse 70% 50% at 18% 6%, rgba(239, 68, 68, .1), transparent 40%), radial-gradient(ellipse 60% 60% at 82% 10%, rgba(249, 115, 22, .08), transparent 38%), radial-gradient(ellipse 50% 50% at 50% 88%, rgba(220, 50, 30, .05), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(239, 68, 68, .05) 0%, transparent 50%), radial-gradient(circle at 72% 55%, rgba(249, 115, 22, .04) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(220, 50, 30, .03) 0%, transparent 50%);--header-bg: rgba(254, 240, 235, .8);--header-border: rgba(180, 100, 80, .35)}body[data-bg-mode=apricot]{--bg: #fef9f0;--bg-accent: radial-gradient(ellipse 65% 50% at 14% 8%, rgba(249, 115, 22, .09), transparent 40%), radial-gradient(ellipse 55% 55% at 86% 10%, rgba(234, 179, 8, .06), transparent 38%), radial-gradient(ellipse 45% 45% at 50% 85%, rgba(200, 130, 50, .04), transparent 42%);--bg-float: radial-gradient(circle at 20% 30%, rgba(249, 115, 22, .04) 0%, transparent 50%), radial-gradient(circle at 75% 55%, rgba(234, 179, 8, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(200, 130, 50, .02) 0%, transparent 50%);--header-bg: rgba(254, 249, 240, .8);--header-border: rgba(180, 150, 110, .35)}body[data-bg-mode=warmth]{--bg: #fefde8;--bg-accent: radial-gradient(ellipse 70% 50% at 20% 6%, rgba(234, 179, 8, .1), transparent 40%), radial-gradient(ellipse 60% 60% at 80% 10%, rgba(249, 115, 22, .08), transparent 38%), radial-gradient(ellipse 50% 50% at 50% 88%, rgba(180, 120, 20, .04), transparent 42%);--bg-float: radial-gradient(circle at 18% 25%, rgba(234, 179, 8, .05) 0%, transparent 50%), radial-gradient(circle at 78% 55%, rgba(249, 115, 22, .04) 0%, transparent 50%), radial-gradient(circle at 50% 82%, rgba(180, 120, 20, .03) 0%, transparent 50%);--header-bg: rgba(254, 253, 232, .8);--header-border: rgba(180, 160, 110, .35)}body[data-bg-mode=terra]{--bg: #f5f0ea;--bg-accent: radial-gradient(ellipse 65% 50% at 16% 8%, rgba(139, 69, 19, .07), transparent 40%), radial-gradient(ellipse 55% 55% at 84% 10%, rgba(180, 120, 60, .05), transparent 38%), radial-gradient(ellipse 50% 50% at 50% 88%, rgba(100, 60, 30, .03), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(139, 69, 19, .04) 0%, transparent 50%), radial-gradient(circle at 72% 55%, rgba(180, 120, 60, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(100, 60, 30, .02) 0%, transparent 50%);--header-bg: rgba(245, 240, 234, .8);--header-border: rgba(150, 130, 110, .35)}body[data-bg-mode=honey]{--bg: #fefbe8;--bg-accent: radial-gradient(ellipse 70% 55% at 15% 5%, rgba(234, 179, 8, .09), transparent 42%), radial-gradient(ellipse 60% 65% at 85% 8%, rgba(249, 115, 22, .07), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(180, 100, 10, .04), transparent 42%);--bg-float: radial-gradient(circle at 20% 30%, rgba(234, 179, 8, .04) 0%, transparent 50%), radial-gradient(circle at 75% 60%, rgba(249, 115, 22, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(180, 100, 10, .03) 0%, transparent 50%);--header-bg: rgba(254, 251, 232, .8);--header-border: rgba(180, 150, 100, .35)}body[data-bg-mode=ember]{--bg: #1f0606;--bg-accent: radial-gradient(ellipse 75% 50% at 15% 3%, rgba(220, 38, 38, .22), transparent 48%), radial-gradient(ellipse 65% 55% at 85% 8%, rgba(249, 115, 22, .16), transparent 42%), radial-gradient(ellipse 50% 50% at 50% 92%, rgba(239, 68, 68, .08), transparent 45%);--bg-float: radial-gradient(circle at 18% 28%, rgba(220, 38, 38, .08) 0%, transparent 50%), radial-gradient(circle at 76% 55%, rgba(249, 115, 22, .06) 0%, transparent 50%), radial-gradient(circle at 50% 82%, rgba(239, 68, 68, .04) 0%, transparent 50%);--header-bg: rgba(31, 6, 6, .7);--header-border: rgba(180, 40, 30, .3)}body[data-bg-mode=coffee]{--bg: #1c0e04;--bg-accent: radial-gradient(ellipse 70% 50% at 14% 5%, rgba(180, 120, 60, .18), transparent 45%), radial-gradient(ellipse 60% 55% at 84% 10%, rgba(210, 160, 90, .12), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(150, 100, 50, .06), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(180, 120, 60, .08) 0%, transparent 50%), radial-gradient(circle at 72% 58%, rgba(210, 160, 90, .05) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(150, 100, 50, .04) 0%, transparent 50%);--header-bg: rgba(28, 14, 4, .7);--header-border: rgba(130, 85, 45, .3)}body[data-bg-mode=ocean]{--bg: #f4f8fc;--bg-accent: radial-gradient(ellipse 70% 50% at 12% 8%, rgba(14, 165, 233, .08), transparent 40%), radial-gradient(ellipse 60% 60% at 86% 8%, rgba(56, 189, 248, .06), transparent 38%), radial-gradient(ellipse 50% 50% at 50% 88%, rgba(6, 182, 212, .04), transparent 42%);--bg-float: radial-gradient(circle at 20% 30%, rgba(14, 165, 233, .04) 0%, transparent 50%), radial-gradient(circle at 75% 60%, rgba(56, 189, 248, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(6, 182, 212, .03) 0%, transparent 50%);--header-bg: rgba(244, 248, 252, .7);--header-border: rgba(170, 190, 210, .45)}body[data-bg-mode=mist]{--bg: #f2f4f7;--bg-accent: radial-gradient(ellipse 65% 50% at 16% 8%, rgba(148, 163, 184, .1), transparent 40%), radial-gradient(ellipse 55% 55% at 84% 10%, rgba(203, 213, 225, .08), transparent 38%), radial-gradient(ellipse 45% 45% at 50% 85%, rgba(226, 232, 240, .04), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(148, 163, 184, .04) 0%, transparent 50%), radial-gradient(circle at 72% 55%, rgba(203, 213, 225, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(226, 232, 240, .03) 0%, transparent 50%);--header-bg: rgba(242, 244, 247, .7);--header-border: rgba(180, 190, 200, .45)}body[data-bg-mode=frost]{--bg: #f8faff;--bg-accent: radial-gradient(circle at 15% 8%, rgba(191, 219, 254, .18), transparent 30%), radial-gradient(circle at 85% 12%, rgba(147, 197, 253, .12), transparent 32%), linear-gradient(180deg, rgba(248, 250, 255, .96) 0%, rgba(240, 244, 252, .96) 100%);--bg-float: radial-gradient(circle at 20% 30%, rgba(191, 219, 254, .04) 0%, transparent 50%), radial-gradient(circle at 75% 60%, rgba(147, 197, 253, .03) 0%, transparent 50%);--header-bg: rgba(248, 250, 255, .7);--header-border: rgba(180, 200, 225, .45)}body[data-bg-mode=lavender]{--bg: #f4f6f9;--bg-accent: radial-gradient(ellipse 70% 50% at 18% 8%, rgba(99, 102, 241, .08), transparent 40%), radial-gradient(ellipse 60% 60% at 82% 10%, rgba(59, 130, 246, .06), transparent 38%), radial-gradient(ellipse 50% 50% at 50% 88%, rgba(147, 51, 234, .03), transparent 42%);--bg-float: radial-gradient(circle at 20% 30%, rgba(99, 102, 241, .04) 0%, transparent 50%), radial-gradient(circle at 75% 55%, rgba(59, 130, 246, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(147, 51, 234, .02) 0%, transparent 50%);--header-bg: rgba(244, 246, 249, .8);--header-border: rgba(150, 160, 200, .35)}body[data-bg-mode=slate]{--bg: #f1f5f9;--bg-accent: radial-gradient(ellipse 65% 50% at 14% 8%, rgba(100, 116, 139, .08), transparent 40%), radial-gradient(ellipse 55% 55% at 86% 10%, rgba(148, 163, 184, .06), transparent 38%), radial-gradient(ellipse 45% 45% at 50% 85%, rgba(203, 213, 225, .04), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(100, 116, 139, .04) 0%, transparent 50%), radial-gradient(circle at 72% 55%, rgba(148, 163, 184, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(203, 213, 225, .03) 0%, transparent 50%);--header-bg: rgba(241, 245, 249, .7);--header-border: rgba(175, 185, 200, .45)}body[data-bg-mode=sky]{--bg: #f0f9ff;--bg-accent: radial-gradient(ellipse 70% 50% at 15% 5%, rgba(56, 189, 248, .08), transparent 42%), radial-gradient(ellipse 60% 60% at 85% 8%, rgba(125, 211, 252, .06), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(186, 230, 253, .04), transparent 42%);--bg-float: radial-gradient(circle at 20% 30%, rgba(56, 189, 248, .04) 0%, transparent 50%), radial-gradient(circle at 75% 60%, rgba(125, 211, 252, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(186, 230, 253, .03) 0%, transparent 50%);--header-bg: rgba(240, 249, 255, .7);--header-border: rgba(170, 200, 225, .45)}body[data-bg-mode=midnight]{--bg: #040c24;--bg-accent: radial-gradient(ellipse 75% 50% at 15% 3%, rgba(37, 99, 235, .22), transparent 48%), radial-gradient(ellipse 65% 55% at 85% 8%, rgba(59, 130, 246, .16), transparent 42%), radial-gradient(ellipse 50% 50% at 50% 92%, rgba(99, 102, 241, .08), transparent 45%);--bg-float: radial-gradient(circle at 18% 26%, rgba(37, 99, 235, .08) 0%, transparent 50%), radial-gradient(circle at 76% 55%, rgba(59, 130, 246, .06) 0%, transparent 50%), radial-gradient(circle at 50% 82%, rgba(99, 102, 241, .04) 0%, transparent 50%);--header-bg: rgba(4, 12, 36, .7);--header-border: rgba(40, 70, 140, .3)}body[data-bg-mode=twilight]{--bg: #180428;--bg-accent: radial-gradient(ellipse 70% 50% at 14% 5%, rgba(168, 85, 247, .2), transparent 45%), radial-gradient(ellipse 60% 55% at 84% 10%, rgba(192, 132, 252, .14), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(139, 92, 246, .07), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(168, 85, 247, .08) 0%, transparent 50%), radial-gradient(circle at 72% 58%, rgba(192, 132, 252, .05) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(139, 92, 246, .04) 0%, transparent 50%);--header-bg: rgba(24, 4, 40, .7);--header-border: rgba(100, 50, 140, .3)}body[data-bg-mode=storm]{--bg: #080e18;--bg-accent: radial-gradient(ellipse 70% 50% at 15% 5%, rgba(71, 85, 105, .18), transparent 45%), radial-gradient(ellipse 60% 55% at 85% 10%, rgba(100, 116, 139, .12), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(51, 65, 85, .06), transparent 42%);--bg-float: radial-gradient(circle at 20% 30%, rgba(71, 85, 105, .08) 0%, transparent 50%), radial-gradient(circle at 75% 58%, rgba(100, 116, 139, .05) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(51, 65, 85, .04) 0%, transparent 50%);--header-bg: rgba(8, 14, 24, .7);--header-border: rgba(60, 70, 90, .3)}body[data-bg-mode=moonlight]{--bg: #06141e;--bg-accent: radial-gradient(ellipse 72% 50% at 14% 4%, rgba(14, 165, 233, .18), transparent 46%), radial-gradient(ellipse 62% 55% at 86% 9%, rgba(56, 189, 248, .1), transparent 42%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(6, 182, 212, .06), transparent 44%);--bg-float: radial-gradient(circle at 20% 28%, rgba(14, 165, 233, .07) 0%, transparent 50%), radial-gradient(circle at 74% 56%, rgba(56, 189, 248, .05) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(6, 182, 212, .03) 0%, transparent 50%);--header-bg: rgba(6, 20, 30, .7);--header-border: rgba(30, 80, 110, .3)}body[data-bg-mode=obsidian]{--bg: #0a0418;--bg-accent: radial-gradient(ellipse 70% 50% at 15% 5%, rgba(88, 28, 135, .18), transparent 45%), radial-gradient(ellipse 60% 55% at 85% 10%, rgba(126, 34, 206, .12), transparent 40%), radial-gradient(ellipse 50% 50% at 50% 90%, rgba(147, 51, 234, .06), transparent 42%);--bg-float: radial-gradient(circle at 22% 30%, rgba(88, 28, 135, .07) 0%, transparent 50%), radial-gradient(circle at 72% 58%, rgba(126, 34, 206, .05) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(147, 51, 234, .04) 0%, transparent 50%);--header-bg: rgba(10, 4, 24, .7);--header-border: rgba(70, 30, 110, .3)}body[data-bg-mode=charcoal]{--bg: #0e0e0e;--bg-accent: radial-gradient(ellipse 65% 45% at 16% 6%, rgba(113, 113, 122, .1), transparent 42%), radial-gradient(ellipse 55% 50% at 84% 10%, rgba(161, 161, 170, .06), transparent 38%), radial-gradient(ellipse 45% 45% at 50% 90%, rgba(82, 82, 91, .04), transparent 40%);--bg-float: radial-gradient(circle at 20% 32%, rgba(113, 113, 122, .05) 0%, transparent 50%), radial-gradient(circle at 76% 55%, rgba(161, 161, 170, .03) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(82, 82, 91, .03) 0%, transparent 50%);--header-bg: rgba(14, 14, 14, .7);--header-border: rgba(80, 80, 85, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);background:var(--bg);background-image:var(--bg-accent);background-attachment:fixed;color:var(--text);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:font-family .3s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg-float);animation:bg-drift 30s ease-in-out infinite}@keyframes bg-drift{0%,to{opacity:.6}50%{opacity:1}}a{text-decoration:none;color:inherit;transition:color .2s ease}a:hover{color:var(--primary)}h1,h2,h3,h4{margin:0 0 12px;color:#2d1f14;font-weight:700;letter-spacing:-.02em;font-family:var(--font-heading)}h2{font-size:28px;color:#3d2e1c}h3{font-size:20px}p{line-height:1.7}:focus-visible{outline:2px solid rgba(232,83,108,.4);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto}.container{max-width:1080px;margin:0 auto;padding:28px 20px 36px}.container:has(.home-layout){max-width:none;width:100%;margin:0;padding:28px 0 36px;box-sizing:border-box}.container:has(.post-layout){max-width:none;width:100%;margin:0;padding:28px 0 36px;box-sizing:border-box}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--header-border);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.header-inner{max-width:1640px;margin:0 auto;padding:12px clamp(16px,2vw,32px);display:flex;justify-content:space-between;align-items:center;gap:14px}.brand-mark{display:flex;flex-direction:column;gap:2px;min-width:200px;text-decoration:none;padding:4px 0;transition:opacity .2s ease}.brand-mark:hover{opacity:.85}.brand-mark-top{font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:#3b82f6;font-weight:600;padding-left:2px}.brand-mark-main{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.brand-icon{width:30px;height:30px;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(30,64,175,.2));transition:transform .3s ease,filter .3s ease}.brand-mark:hover .brand-icon{transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 3px 10px rgba(30,64,175,.35))}.brand-text{background:linear-gradient(135deg,#1e40af,#3b82f6 35%,#06b6d4 65%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.brand-mark-sub{font-size:10px;color:#a89880;letter-spacing:.1em;text-transform:uppercase;padding-left:2px}.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bg-mode-select,.font-select{min-width:100px;width:auto;margin:0;padding:7px 10px;border-radius:999px;background:#fffcf7b3;border:1px solid rgba(180,160,140,.2);font-size:13px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) minmax(0,1fr);column-gap:clamp(14px,1.6vw,22px);row-gap:16px;width:100%;max-width:1640px;margin-inline:auto;padding-inline:clamp(12px,1.5vw,24px);align-items:start;box-sizing:border-box}.home-content{width:100%;min-width:0;max-width:1040px;margin-inline:auto;padding-left:0;box-sizing:border-box}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start;width:100%;max-width:1366px;margin-inline:auto;padding-inline:clamp(12px,1.5vw,24px);box-sizing:border-box}.post-bottom-section{width:100%;max-width:1366px;margin-inline:auto;padding-inline:clamp(12px,1.5vw,24px);box-sizing:border-box;margin-top:16px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.site-footer{margin-top:48px;padding:32px 20px 28px;border-top:1px solid rgba(210,190,170,.5);background:#fef9f080;backdrop-filter:blur(12px)}.footer-inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-brand-name{font-size:16px;font-weight:700;color:#3d2e1c}.footer-brand-desc{font-size:12px;color:#a89880}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.footer-links a{color:#8c7a6b;transition:color .2s ease}.footer-links a:hover{color:var(--primary)}.footer-copy{font-size:12px;color:#a89880;text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(210,190,170,.4)}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:end;padding:28px}.hero-eyebrow{margin-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#3b82f6;font-weight:700}.hero-title{margin-bottom:12px;font-size:38px;line-height:1.1}.hero-copy{max-width:640px;margin:0;color:#6b5a4a;font-size:15px}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-meta-item,.stats-tile{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;background:#fff9;border:1px solid rgba(203,213,225,.35);transition:transform .2s ease,box-shadow .2s ease}.hero-meta-item:hover,.stats-tile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e40af14}.hero-meta-value,.stats-value{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#1e40af}.hero-meta-label,.stats-label{font-size:12px;color:#8c7a6b}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.filter-card{margin-bottom:18px}.filter-summary{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:#fffcf7b3;border:1px solid rgba(200,180,160,.4);color:#8c7a6b}.filter-summary strong{font-size:18px;color:#3b82f6;font-weight:700}.post-header-card{padding:28px 28px 22px}.post-header-card h2{font-size:30px;margin-bottom:14px;line-height:1.3}.post-header-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-bottom:14px}.post-header-stat{display:flex;align-items:center;gap:5px;font-size:13px;color:#8c7a6b}.post-header-stat svg{width:15px;height:15px;opacity:.7}.post-header-divider{height:1px;margin:0 0 16px;background:linear-gradient(90deg,rgba(232,83,108,.25),rgba(245,158,11,.15),transparent)}.article-meta-row{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-bottom:6px}.article-meta-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#8c7a6b;padding:3px 8px;border-radius:999px;background:#b4a08c1a}.article-meta-tag.pinned{color:#dc2626;background:#dc262614}.article-meta-tag.recommended{color:#3b82f6;background:#1e40af14}.article-meta-tag.read-time{color:#0d9488;background:#0d948814}.article-card{border-left:3px solid transparent;transition:border-left-color .25s ease,transform .25s ease,box-shadow .25s ease}.article-card:hover{border-left-color:#1e40af66}.article-card h3{font-size:18px;margin-bottom:6px;line-height:1.4}.list-section{position:relative;min-height:100px}.list-loading-mask{position:absolute;inset:0;border-radius:var(--radius-lg);background:#fef9f080;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:8px;color:#5c4a3a;font-weight:600;pointer-events:none}.loading-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(30,64,175,.15);border-top-color:#3b82f6;animation:loading-spin .7s linear infinite}.skeleton-line{height:12px;margin-bottom:10px;border-radius:999px;background:linear-gradient(90deg,#d2beaab3,#ebdcc8e6 45%,#d2beaab3);background-size:240% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.w-20{width:20%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reading-progress{position:fixed;top:0;left:0;z-index:200;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4,#22d3ee);border-radius:0 2px 2px 0;transition:width .15s linear;box-shadow:0 0 8px #1e40af4d}.back-top-btn{position:fixed;right:24px;bottom:36px;z-index:800;width:42px;height:42px;border:1px solid rgba(148,163,184,.2);border-radius:50%;background:#fffc;color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #1e40af1a;backdrop-filter:blur(12px);transition:transform .25s ease,box-shadow .25s ease,color .2s ease,background .2s ease}.back-top-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1e40af2e;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:transparent}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;margin-bottom:16px;box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(135deg,#1e40af08,#3b82f605,#06b6d405);z-index:0}.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0f172a12,0 0 0 1px #1e40af14;border-color:#1e40af26}.card:hover:before{opacity:1}.card>*{position:relative;z-index:1}.btn{border:none;background:linear-gradient(135deg,#2563eb,#1e40af 40% 100%);color:#fff;padding:9px 18px;border-radius:999px;cursor:pointer;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 16px #1e40af33;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 60%);pointer-events:none}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #1e40af4d;filter:brightness(1.05)}.btn:active{transform:translateY(0) scale(.98)}.btn.secondary{background:#ffffffbf;color:#334155;border:1px solid rgba(148,163,184,.2);box-shadow:0 2px 8px #0f172a08}.btn.secondary:before{background:linear-gradient(135deg,rgba(30,64,175,.06) 0%,transparent 60%)}.btn.secondary:hover{box-shadow:0 6px 18px #1e40af1a;border-color:#1e40af33;filter:none}.btn.danger{background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444433}.btn.danger:hover{box-shadow:0 8px 24px #ef44444d}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:none}input,textarea,select{width:100%;padding:10px 14px;border:1px solid rgba(148,163,184,.5);border-radius:var(--radius-sm);margin-top:6px;margin-bottom:12px;background:#ffffffb3;color:var(--text);outline:none;font-family:var(--font-body);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,textarea:focus,select:focus{border-color:#e8536c66;box-shadow:0 0 0 3px #e8536c14;background:#fffcf7e6}label{font-size:14px;color:#6b5a4a;font-weight:600}.tag-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{border:1px solid rgba(200,180,160,.5);background:#fffcf7b3;color:#5c4a3a;padding:7px 14px;border-radius:999px;cursor:pointer;font-weight:550;font-size:13px;transition:all .2s ease}.chip:hover{border-color:#e8536c4d;transform:translateY(-1px);box-shadow:0 2px 8px #e8536c14}.chip.active{background:#e8536c1a;border-color:#e8536c59;color:var(--primary-deep);font-weight:600}.chip-delete{border:none;background:transparent;color:#8c7a6b;margin-left:4px;cursor:pointer}.cover-preview{margin-bottom:12px}.cover-preview img{width:100%;max-height:260px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-soft)}.check-item{display:flex;align-items:center;gap:6px;margin:0}.check-item input{width:auto;margin:0}.muted{color:var(--text-soft);font-size:13px}.empty-state{text-align:center;padding:28px 20px;color:#8c7a6b}.form-error{color:#dc2626;font-size:13px;margin-top:-6px;margin-bottom:10px}.draft-banner{display:flex;justify-content:space-between;gap:12px;align-items:center}.toast{position:fixed;right:20px;top:20px;z-index:9999;min-width:200px;max-width:340px;padding:12px 16px;border-radius:14px;color:#fff;box-shadow:0 12px 32px #0f172a26;backdrop-filter:blur(16px);animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-info{background:#334155e6}.toast-success{background:#16a34ae6}.toast-error{background:#dc2626e6}.toast-warning{background:#d97706e6}.music-player-shell{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.music-player-toggle{border:1px solid rgba(255,252,247,.4);background:#fffcf7cc;color:#2d1f14;padding:8px 12px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}.music-player-panel{width:300px;background:#fffcf7d9;border:1px solid rgba(200,180,160,.5);border-radius:18px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.music-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.music-player-track{margin-bottom:10px}.music-track-title{font-weight:700;margin-bottom:4px}.music-player-audio{width:100%;margin-bottom:10px}.music-player-actions{display:flex;gap:8px;margin-bottom:10px}.music-player-actions .btn{flex:1}.music-player-playlist{display:flex;flex-direction:column;gap:6px}.music-playlist-item{border:1px solid rgba(200,180,160,.6);background:#fffcf7b3;color:#3d2e1c;border-radius:10px;padding:8px 10px;text-align:left;cursor:pointer}.music-playlist-item.active{border-color:#e8536c59;background:#e8536c1a;color:var(--primary-deep)}.music-player-hint{margin:8px 0 0;line-height:1.5}.music-player-shell.collapsed .music-player-panel{display:none}.home-sidebar-shell{position:sticky;top:110px;z-index:2;width:100%;min-width:0;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 118px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px;box-sizing:border-box}.home-sidebar-shell::-webkit-scrollbar{width:5px}.home-sidebar-shell::-webkit-scrollbar-thumb{background:#e8536c33;border-radius:999px}.home-sidebar-shell .sidebar-card{position:relative;overflow:hidden;flex-shrink:0;margin-bottom:0;background:linear-gradient(155deg,#ffffffc7,#ffffff8c,#f8f6ff73);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px #0f172a0d,inset 0 1px #fffc;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.home-sidebar-shell .sidebar-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,83,108,.2),rgba(245,158,11,.12),transparent);pointer-events:none}.home-sidebar-shell .stats-tile{background:#ffffff8c;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #ffffffb3}.home-right-promo{position:sticky;top:110px;z-index:2;width:100%;min-width:0;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 118px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box}.home-right-promo::-webkit-scrollbar{width:5px}.home-right-promo::-webkit-scrollbar-thumb{background:#e8536c33;border-radius:999px}.detail-side-panel{display:flex;flex-direction:column;gap:12px;position:sticky;top:110px;z-index:2;width:100%;min-width:0;max-height:calc(100vh - 118px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box}.detail-side-panel::-webkit-scrollbar{width:5px}.detail-side-panel::-webkit-scrollbar-thumb{background:#e8536c33;border-radius:999px}.side-promo-card{margin-bottom:0;text-align:center;background:linear-gradient(155deg,#ffffffc7,#fdf5fa8c,#f8f6ff73)!important}.side-desc-card{margin-bottom:0}.side-promo-text{margin:0 0 8px;font-size:14px;font-weight:650;color:#3b82f6}.side-desc-title{margin:0 0 6px;font-size:14px;font-weight:700;color:#3d2e1c}.site-desc{margin:0;padding:8px 10px;border-radius:10px;background:#fffcf78c;color:#6b5a4a;font-size:13px;line-height:1.6;text-align:left}.side-promo-image{width:100%;max-width:300px;border-radius:12px;display:block;box-shadow:var(--shadow-soft);transition:transform .25s ease}.side-promo-image:hover{transform:scale(1.02)}.sidebar-card h3{font-size:17px;margin-bottom:14px;color:#1e40af}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar-info-item{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid rgba(226,232,240,.6)}.sidebar-info-item:last-child{border-bottom:none}.sidebar-info-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a89880}.sidebar-info-value{font-size:14px;color:#3d2e1c;font-weight:600}.sidebar-divider{height:1px;margin:14px 0 12px;background:linear-gradient(90deg,transparent,rgba(232,83,108,.18),rgba(245,158,11,.1),transparent)}.sidebar-compact-metrics{display:flex;flex-direction:column;gap:8px}.sidebar-metric-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.sidebar-metric-label{color:#8c7a6b;font-weight:550}.sidebar-metric-value{color:#2d1f14;font-weight:650;text-align:right;word-break:break-all}.sidebar-category-hint{margin:-4px 0 10px;font-size:12px;color:#8c7a6b;line-height:1.4}.sidebar-category-scroll{overflow:visible;padding-right:0;margin-right:0}.sidebar-cat-block{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(226,232,240,.65)}.sidebar-cat-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-cat-title-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px}.sidebar-cat-name{font-size:14px;font-weight:650;color:#2d1f14}.sidebar-cat-count{font-size:11px;font-weight:600;color:#3b82f6;white-space:nowrap;background:#1e40af14;padding:2px 7px;border-radius:999px}.sidebar-cat-post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar-cat-post-link{display:block;font-size:13px;line-height:1.4;color:#5c4a3a;padding:4px 7px;border-radius:6px;transition:color .2s ease,background .2s ease,padding-left .2s ease}.sidebar-cat-post-link:hover{color:var(--primary);background:#e8536c0f;padding-left:12px}.sidebar-cat-toggle{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 10px;border:none;border-radius:999px;background:#e8536c14;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.sidebar-cat-toggle:hover{background:#e8536c24;transform:scale(1.03)}.sidebar-cat-chevron{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transform:rotate(0);transition:transform .2s ease;opacity:.8}.sidebar-cat-chevron.open{transform:rotate(180deg)}.sidebar-category-empty{margin:0;font-size:13px}.side-tool-link{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;color:#5c4a3a;transition:all .2s ease;margin-bottom:2px}.side-tool-link:hover{background:#e8536c0f;color:var(--primary);padding-left:14px}.side-tool-link .tool-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.side-tool-link .tool-dot.purple{background:#1e40af}.side-tool-link .tool-dot.pink{background:#06b6d4}.side-tool-link .tool-dot.blue{background:#3b82f6}.side-tool-link .tool-dot.emerald{background:#0d9488}.post-main{display:flex;flex-direction:column;gap:16px;min-width:0}.cover-banner{border-radius:var(--radius-lg);overflow:hidden;max-height:420px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.cover-banner img{width:100%;height:100%;object-fit:cover;display:block}.post-content-card{padding:32px 36px}.post-content{font-size:16px;line-height:1.9;color:var(--text)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:32px;margin-bottom:12px;line-height:1.35;font-weight:700;color:var(--text)}.post-content h1{font-size:26px;margin-top:36px}.post-content h2{font-size:22px;margin-top:36px;padding-bottom:8px;border-bottom:1px solid var(--border)}.post-content h3{font-size:18px}.post-content h4{font-size:16px}.post-content p{margin:0 0 16px}.post-content a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-content a:hover{border-bottom-color:var(--primary)}.post-content img{max-width:100%;height:auto;border-radius:12px;margin:20px auto;display:block;box-shadow:var(--shadow-soft)}.post-content img+em{display:block;text-align:center;font-size:13px;color:#8c7a6b;margin-top:-12px;margin-bottom:20px}.post-content strong{font-weight:700;color:var(--text)}.post-content em{font-style:italic}.post-content blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--primary);background:#e8536c0a;border-radius:0 10px 10px 0;color:#6b5a4a;font-style:normal}.post-content blockquote p:last-child{margin-bottom:0}.post-content code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.88em;padding:2px 7px;border-radius:5px;background:#b4a08c1f;color:#c0392b;word-break:break-word}.post-content pre{margin:20px 0;padding:18px 20px;border-radius:12px;background:#2d2418;color:#e8ddd0;font-size:14px;line-height:1.65;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(120,100,80,.2)}.post-content pre code{padding:0;border-radius:0;background:none;color:inherit;font-size:inherit;word-break:normal}.post-content ul,.post-content ol{margin:0 0 16px;padding:0 0 16px 24px}.post-content li{margin-bottom:6px}.post-content li>ul,.post-content li>ol{margin-bottom:0;padding-top:6px}.post-content hr{margin:28px 0;border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.post-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;border-radius:10px;overflow:hidden}.post-content th,.post-content td{padding:10px 14px;text-align:left;border:1px solid var(--border)}.post-content th{background:#e8536c0f;font-weight:700;color:var(--text)}.post-content td{background:var(--surface)}.post-content tr:nth-child(2n) td{background:#b4a08c0a}.post-content iframe{max-width:100%;border-radius:12px;margin:20px 0}.toc-card{position:sticky;top:85px}.toc-toggle{display:none;width:100%;margin-bottom:10px}.toc-item{padding:7px 0 7px 10px;cursor:pointer;color:#6b5a4a;font-size:14px;border-left:2px solid transparent;transition:color .2s ease,border-color .2s ease,padding-left .2s ease;border-radius:0 6px 6px 0}.toc-item:hover{color:var(--primary);padding-left:14px}.toc-item.level-2{padding-left:22px}.toc-item.level-3{padding-left:34px}.toc-item.active{color:var(--primary);border-left-color:var(--primary);font-weight:650;background:linear-gradient(90deg,rgba(232,83,108,.06) 0%,transparent 100%)}.reply-card{margin-top:12px;margin-left:20px;padding:12px 0 0 12px;border-left:3px solid rgba(232,83,108,.2);border-radius:0 6px 6px 0}body[data-bg-type=dark]{--surface: rgba(30, 41, 59, .75);--surface-strong: rgba(30, 41, 59, .9);--text: #f1f5f9;--text-soft: #94a3b8;--border: rgba(71, 85, 105, .28);--shadow: 0 12px 36px rgba(0, 0, 0, .4);--shadow-soft: 0 4px 18px rgba(0, 0, 0, .3)}body[data-bg-type=dark]:before{background:var(--bg-float)}body[data-bg-type=dark] .header{background:var(--header-bg);border-bottom-color:var(--header-border)}body[data-bg-type=dark] .btn.secondary,body[data-bg-type=dark] .chip,body[data-bg-type=dark] input,body[data-bg-type=dark] textarea,body[data-bg-type=dark] select,body[data-bg-type=dark] .music-player-toggle,body[data-bg-type=dark] .music-playlist-item,body[data-bg-type=dark] .bg-mode-select,body[data-bg-type=dark] .font-select{background:#1e293bb3;color:#f1f5f9;border-color:#47556959}body[data-bg-type=dark] .music-player-panel,body[data-bg-type=dark] .toast-info{border-color:#47556959}body[data-bg-type=dark] .chip.active,body[data-bg-type=dark] .music-playlist-item.active{background:#1e40af2e;color:#60a5fa;border-color:#1e40af66}body[data-bg-type=dark] h1,body[data-bg-type=dark] h2,body[data-bg-type=dark] h3,body[data-bg-type=dark] h4{color:#f8fafc}body[data-bg-type=dark] h2{color:#f1f5f9}body[data-bg-type=dark] .brand-mark-top,body[data-bg-type=dark] .hero-eyebrow,body[data-bg-type=dark] .hero-meta-label,body[data-bg-type=dark] .stats-label,body[data-bg-type=dark] .sidebar-info-label,body[data-bg-type=dark] .brand-mark-sub{color:#94a3b8}body[data-bg-type=dark] .brand-mark-top{color:#60a5fa}body[data-bg-type=dark] .brand-text{background:linear-gradient(135deg,#60a5fa,#3b82f6 35%,#06b6d4 65%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}body[data-bg-type=dark] .brand-icon{filter:drop-shadow(0 2px 6px rgba(59,130,246,.3))}body[data-bg-type=dark] .brand-mark:hover .brand-icon{filter:drop-shadow(0 3px 12px rgba(59,130,246,.45))}body[data-bg-type=dark] .hero-copy,body[data-bg-type=dark] .sidebar-info-value,body[data-bg-type=dark] .sidebar-metric-value{color:#cbd5e1}body[data-bg-type=dark] .sidebar-metric-label,body[data-bg-type=dark] .sidebar-category-hint{color:#94a3b8}body[data-bg-type=dark] .sidebar-cat-name{color:#f8fafc}body[data-bg-type=dark] .sidebar-cat-count{color:#60a5fa;background:#1e40af1f}body[data-bg-type=dark] .sidebar-cat-post-link{color:#cbd5e1}body[data-bg-type=dark] .sidebar-cat-post-link:hover{color:#60a5fa;background:#1e40af14}body[data-bg-type=dark] .sidebar-cat-block{border-bottom-color:#47556966}body[data-bg-type=dark] .sidebar-cat-toggle{background:#1e40af24;color:#60a5fa}body[data-bg-type=dark] .sidebar-cat-toggle:hover{background:#1e40af33}body[data-bg-type=dark] .hero-meta-item,body[data-bg-type=dark] .stats-tile{background:#1e293ba6;border-color:#47556959}body[data-bg-type=dark] .hero-meta-value,body[data-bg-type=dark] .stats-value{color:#60a5fa}body[data-bg-type=dark] .sidebar-info-item{border-bottom-color:#47556959}body[data-bg-type=dark] .home-sidebar-shell::-webkit-scrollbar-thumb{background:#1e40af4d}body[data-bg-type=dark] .home-right-promo::-webkit-scrollbar-thumb{background:#1e40af4d}body[data-bg-type=dark] .home-sidebar-shell .sidebar-card{background:linear-gradient(155deg,#1e293bc7,#1e293b99 54%,#0f172a33);border-color:#4755692e;box-shadow:0 12px 32px #00000059,inset 0 1px #4755691f}body[data-bg-type=dark] .home-sidebar-shell .sidebar-card:after{background:linear-gradient(90deg,transparent,rgba(30,64,175,.2),rgba(6,182,212,.12),transparent)}body[data-bg-type=dark] .home-sidebar-shell .stats-tile{background:#1e293b8c;border-color:#4755692e;box-shadow:inset 0 1px #4755691a}body[data-bg-type=dark] .filter-summary{background:#1e293bb3;border-color:#47556959;color:#94a3b8}body[data-bg-type=dark] .filter-summary strong{color:#60a5fa}body[data-bg-type=dark] .list-loading-mask{background:#0f172a73;color:#cbd5e1}body[data-bg-type=dark] .skeleton-line{background:linear-gradient(90deg,#475569a6,#64748bcc 45%,#475569a6);background-size:240% 100%}body[data-bg-type=dark] .article-card:hover{box-shadow:0 16px 40px #0006,0 0 0 1px #1e40af1f;border-left-color:#60a5fa}body[data-bg-type=dark] .article-card:hover h3{color:#60a5fa}body[data-bg-type=dark] .side-promo-card{background:linear-gradient(155deg,#1e293bc7,#1e293b8c,#0f172a66)!important}body[data-bg-type=dark] .side-promo-text,body[data-bg-type=dark] .sidebar-card h3{color:#60a5fa}body[data-bg-type=dark] .sidebar-divider{background:linear-gradient(90deg,transparent,rgba(30,64,175,.22),rgba(6,182,212,.14),transparent)}body[data-bg-type=dark] .toc-item.active{background:linear-gradient(90deg,rgba(30,64,175,.1) 0%,transparent 100%)}body[data-bg-type=dark] .reply-card{border-left-color:#1e40af40}body[data-bg-type=dark] .side-desc-title{color:#f1f5f9}body[data-bg-type=dark] .card:hover{box-shadow:0 16px 40px #00000059,0 0 0 1px #1e40af1f;border-color:#1e40af33}body[data-bg-type=dark] .btn{box-shadow:0 4px 16px #1e40af40}body[data-bg-type=dark] .btn:hover{box-shadow:0 8px 24px #1e40af59}body[data-bg-type=dark] .btn.secondary{background:#1e293bb3;color:#f1f5f9;border-color:#47556959}body[data-bg-type=dark] .btn.secondary:hover{box-shadow:0 6px 18px #1e40af26;border-color:#1e40af4d}body[data-bg-type=dark] .post-content h2{color:#f1f5f9}body[data-bg-type=dark] .post-content blockquote{background:#1e40af14;color:#cbd5e1;border-left-color:#60a5fa}body[data-bg-type=dark] .post-content code{background:#47556926;color:#60a5fa}body[data-bg-type=dark] .post-content pre{background:#0f172a;color:#e2e8f0;border-color:#4755694d}body[data-bg-type=dark] .post-content th{background:#1e40af1a}body[data-bg-type=dark] .post-content td{background:#0f172a80}body[data-bg-type=dark] .post-content tr:nth-child(2n) td{background:#1e293b66}body[data-bg-type=dark] .post-content img+em{color:#64748b}body[data-bg-type=dark] .cover-banner{background:#0f172a80;border-color:#47556940}body[data-bg-type=dark] .site-footer{border-top-color:#47556959;background:#0f172a66}body[data-bg-type=dark] .footer-brand-name{color:#f1f5f9}body[data-bg-type=dark] .footer-links a{color:#94a3b8}body[data-bg-type=dark] .footer-links a:hover{color:#60a5fa}body[data-bg-type=dark] .footer-copy{border-top-color:#4755694d}body[data-bg-type=dark] .article-meta-tag{background:#4755691f;color:#94a3b8}body[data-bg-type=dark] .article-meta-tag.pinned{color:#fca5a5;background:#dc26261f}body[data-bg-type=dark] .article-meta-tag.recommended{color:#60a5fa;background:#1e40af1f}body[data-bg-type=dark] .article-meta-tag.read-time{color:#5eead4;background:#0d94881f}body[data-bg-type=dark] .post-header-divider{background:linear-gradient(90deg,rgba(30,64,175,.2),rgba(6,182,212,.1),transparent)}body[data-bg-type=dark] .side-tool-link{color:#cbd5e1}body[data-bg-type=dark] .side-tool-link:hover{background:#1e40af1a;color:#60a5fa}body[data-bg-type=dark] .back-top-btn{background:#1e293bc7;color:#60a5fa;border-color:#47556959}body[data-bg-type=dark] .back-top-btn:hover{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb)}body[data-bg-type=dark] .reading-progress{background:linear-gradient(90deg,#3b82f6,#06b6d4,#22d3ee);box-shadow:0 0 8px #3b82f64d}@media (max-width: 900px){.container{padding:20px 14px 28px}.container:has(.home-layout){max-width:1080px;margin:0 auto;padding:20px 14px 28px}.header-inner{padding:10px clamp(14px,2vw,24px)}h2{font-size:24px}.brand-mark-main{font-size:22px}.brand-icon{width:26px;height:26px}.hero-card{grid-template-columns:1fr;padding:24px 20px}.hero-meta{grid-template-columns:1fr 1fr}.home-layout{grid-template-columns:1fr;max-width:none;padding-inline:0;row-gap:16px}.home-sidebar-shell,.home-right-promo{position:static;width:100%;max-height:none;overflow:visible;margin-bottom:0}.home-content{width:100%;max-width:none;margin-inline:0;padding-left:0}.section-heading{align-items:start;flex-direction:column}.post-layout{grid-template-columns:1fr}.post-content-card{padding:22px 18px}.cover-banner{max-height:240px;border-radius:12px}.toc-card{position:static}.toc-toggle{display:inline-block}.music-player-shell{right:10px;bottom:14px;top:auto;transform:none}.music-player-panel{width:250px}.back-top-btn{right:14px;bottom:20px}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}.post-header-card{padding:22px 18px 18px}.post-header-card h2{font-size:24px}}