:root{--bg: hsl(0 0% 98%);--surface: hsl(0 0% 100%);--surface-2: hsl(0 0% 96%);--primary: hsl(0 0% 9%);--primary-foreground: hsl(0 0% 100%);--accent: hsl(243 75% 59%);--accent-soft: hsl(243 75% 59% / .08);--accent-foreground: hsl(0 0% 100%);--text: hsl(0 0% 12%);--text-secondary: hsl(0 0% 40%);--text-tertiary: hsl(0 0% 55%);--border: hsl(0 0% 90%);--border-strong: hsl(0 0% 82%);--ring: hsl(243 75% 59% / .35);--sidebar-w: 240px;--sidebar-w-collapsed: 64px;--topbar-h: 60px;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--max-width: 1100px;--font-sans: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Menlo, Monaco, monospace;--shadow-sm: 0 1px 2px hsl(0 0% 0% / .04), 0 1px 3px hsl(0 0% 0% / .06);--shadow-md: 0 4px 16px hsl(0 0% 0% / .06);--shadow-lg: 0 12px 40px hsl(0 0% 0% / .1)}[data-theme=dark]{--bg: hsl(240 10% 7%);--surface: hsl(240 9% 11%);--surface-2: hsl(240 8% 14%);--primary: hsl(0 0% 96%);--primary-foreground: hsl(240 10% 9%);--accent: hsl(243 80% 70%);--accent-soft: hsl(243 75% 59% / .16);--accent-foreground: hsl(240 10% 9%);--text: hsl(0 0% 92%);--text-secondary: hsl(0 0% 66%);--text-tertiary: hsl(0 0% 50%);--border: hsl(240 6% 20%);--border-strong: hsl(240 6% 28%);--ring: hsl(243 80% 70% / .4);--shadow-sm: 0 1px 2px hsl(0 0% 0% / .3);--shadow-md: 0 4px 16px hsl(0 0% 0% / .4);--shadow-lg: 0 12px 40px hsl(0 0% 0% / .5)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-weight:400;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .18s ease}a:hover{color:var(--accent);filter:brightness(.9)}img{max-width:100%;height:auto}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:var(--text);letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}::selection{background:var(--accent-soft);color:var(--accent)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;transition:width .22s ease;overflow:hidden}.shell--collapsed .sidebar{width:var(--sidebar-w-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 16px;border-bottom:1px solid var(--border);color:var(--text);font-weight:700;font-size:1.05rem;white-space:nowrap}.sidebar-brand .brand-mark{width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--accent-foreground);display:grid;place-items:center;font-size:1rem;flex-shrink:0}.sidebar-brand b{color:var(--accent)}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 12px}.nav-group{margin-bottom:18px}.nav-group-title{font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;padding:0 12px 8px;white-space:nowrap}.shell--collapsed .nav-group-title{opacity:0;height:8px;padding:0}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.92rem;font-weight:500;white-space:nowrap;transition:background .16s ease,color .16s ease}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .mono{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:.85rem;font-weight:700;background:var(--surface-2);color:var(--text-secondary)}.nav-item.active .mono{background:var(--accent);color:var(--accent-foreground)}.shell--collapsed .nav-item-label{display:none}.sidebar-foot{border-top:1px solid var(--border);padding:12px}.collapse-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:500;transition:background .16s ease}.collapse-btn:hover{background:var(--surface-2);color:var(--text)}.shell--collapsed .collapse-btn .label{display:none}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title{font-weight:600;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .16s ease}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.menu-toggle{display:none}.shell-content{flex:1}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.container-narrow{max-width:820px;margin:0 auto;padding:0 24px}.site-footer{border-top:1px solid var(--border);padding:36px 24px;margin-top:72px;background:var(--surface)}.site-footer .footer-inner{max-width:var(--max-width);margin:0 auto}.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px}.site-footer .footer-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.site-footer .footer-links a:hover{color:var(--accent)}.site-footer p{color:var(--text-tertiary);font-size:.85rem;line-height:1.8}.site-footer .footer-disclaim{margin-top:10px;font-size:.8rem;color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:24px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:all .18s ease}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{filter:brightness(1.12);color:var(--primary-foreground)}.btn-accent{background:var(--accent);color:var(--accent-foreground)}.btn-accent:hover{filter:brightness(1.08);color:var(--accent-foreground)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:all .18s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-grid{display:grid;gap:16px}@media (min-width: 640px){.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.section-head{margin:8px 0 24px}.section-head .eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.section-head h2{font-size:1.5rem}.section-head p{color:var(--text-secondary);margin-top:8px;font-size:.98rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:20px;font-size:.78rem;font-weight:600;background:var(--accent-soft);color:var(--accent)}.badge-muted{background:var(--surface-2);color:var(--text-tertiary)}.badge-amazon{background:var(--accent-soft);color:var(--accent)}.badge-ai{background:#a73cdd1f;color:#9d26d9}.page-hero{padding:48px 0 32px}.page-hero h1{font-size:2.2rem;letter-spacing:-.02em}.page-hero h1 .accent{color:var(--accent)}.page-hero p{color:var(--text-secondary);margin-top:14px;font-size:1.08rem;max-width:640px}.stat-row{display:flex;flex-wrap:wrap;gap:28px;margin-top:26px}.stat .num{font-size:1.7rem;font-weight:700;color:var(--text)}.stat .label{font-size:.85rem;color:var(--text-tertiary)}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;z-index:200;transform:translate(-100%);transition:transform .22s ease,width .22s ease}.shell--open .sidebar{transform:translate(0);box-shadow:var(--shadow-lg)}.shell--collapsed .sidebar{width:var(--sidebar-w)}.shell--collapsed .nav-item-label,.shell--collapsed .nav-group-title,.shell--collapsed .collapse-btn .label{display:revert}.menu-toggle{display:grid}.scrim{display:none;position:fixed;inset:0;background:#0006;z-index:150}.shell--open .scrim{display:block}.topbar,.container,.container-narrow{padding:0 16px}.page-hero h1{font-size:1.7rem}}