:root{--bg: #FAF8F3;--fg: #2C2C2C;--fg-secondary: #666;--fg-muted: #888;--border: #E8E4DC;--card-bg: #fff;--accent: #8B7355;--accent-green: #2F4F4F;--accent-purple: #6B5B95;--red: #CC5555;--green: #6B8E5A;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);line-height:1.7;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:40px 24px}header{border-bottom:1px solid var(--border);padding-bottom:32px;margin-bottom:32px}header h1{font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--fg);letter-spacing:.5px}header .subtitle{font-size:14px;color:var(--accent);margin-top:8px;letter-spacing:1px;text-transform:uppercase;font-weight:500}.tabs{display:flex;gap:4px;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:0}.tab-btn{padding:10px 20px;border:none;background:transparent;font-family:var(--font-sans);font-size:14px;color:var(--fg-muted);cursor:pointer;position:relative;transition:color .2s;letter-spacing:.5px}.tab-btn:hover{color:var(--fg)}.tab-btn.active{color:var(--fg);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.toolbar-label{font-size:13px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px}.toolbar-note{font-size:13px;color:var(--fg-muted);margin-left:auto;font-family:var(--font-mono)}.currency-toggle,.channel-toggle{padding:4px 12px;border:1px solid var(--border);background:var(--card-bg);font-size:13px;font-family:var(--font-mono);cursor:pointer;transition:all .2s}.currency-toggle.active,.channel-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.table-wrap{overflow-x:auto;margin-bottom:24px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card-bg);min-width:800px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-family:var(--font-serif);font-weight:600;background:var(--bg);color:#5d4e37;font-size:13px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th:hover{background:#f0ece4}th[data-sort]:after{content:" ⇅";font-family:var(--font-sans);font-size:11px;color:var(--fg-muted);opacity:.5}th[data-sort].asc:after{content:" ↑";opacity:1}th[data-sort].desc:after{content:" ↓";opacity:1}tr:hover td{background:var(--bg)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.premium-ok{color:var(--green);font-weight:500}.premium-bad{color:var(--red);font-weight:600}.premium-mid{color:var(--accent)}.highlight{background:#f5f0e8;padding:2px 6px;font-family:var(--font-mono);font-size:13px;border-radius:2px}.highlight.red{background:#fce8e8;color:var(--red)}.highlight.green{background:#e8f5e8;color:var(--green)}.section-desc{font-size:14px;color:var(--fg-secondary);margin-bottom:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.kpi-card{background:var(--card-bg);border:1px solid var(--border);padding:24px;position:relative}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.kpi-card.kimi:before{background:var(--accent-green)}.kpi-card.minimax:before{background:var(--accent-purple)}.kpi-card.deepseek:before{background:#4a6fa5}.kpi-label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--fg);line-height:1.2}.kpi-unit{font-size:14px;color:var(--fg-muted);margin-left:4px}.kpi-detail{font-size:13px;color:var(--fg-secondary);margin-top:8px;line-height:1.5}.insight-box{background:var(--card-bg);border-left:4px solid var(--accent);padding:20px 24px;margin-bottom:24px}.insight-box h4{font-family:var(--font-serif);font-size:16px;font-weight:600;color:#5d4e37;margin-bottom:12px}.insight-box ul{list-style:none;padding-left:0}.insight-box li{font-size:14px;color:#444;padding:6px 0 6px 20px;position:relative;line-height:1.6}.insight-box li:before{content:"—";position:absolute;left:0;color:var(--accent)}.calc-layout{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}@media (max-width: 900px){.calc-layout{grid-template-columns:1fr}}.calc-inputs{background:var(--card-bg);border:1px solid var(--border);padding:24px}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.input-group input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--border);font-family:var(--font-mono);font-size:15px;color:var(--fg);background:var(--bg);transition:border-color .2s}.input-group input[type=number]:focus{outline:none;border-color:var(--accent)}.toggle-row{display:flex;gap:4px}.calc-results{background:var(--card-bg);border:1px solid var(--border)}.result-header{font-family:var(--font-serif);font-size:16px;font-weight:600;color:#5d4e37;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.result-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);transition:background .15s}.result-item:hover{background:var(--bg)}.result-item:last-child{border-bottom:none}.result-name{font-size:14px;font-weight:500}.result-cost{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--fg)}.result-cost .unit{font-size:13px;color:var(--fg-muted);margin-left:4px}.result-breakdown{font-size:12px;color:var(--fg-muted);margin-top:2px;font-family:var(--font-mono)}.result-bar{width:100%;height:3px;background:var(--border);margin-top:8px;position:relative}.result-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.result-bar-fill.cheap{background:var(--green)}.result-bar-fill.expensive{background:var(--red)}footer{border-top:1px solid var(--border);padding-top:24px;margin-top:48px;font-size:12px;color:var(--fg-muted);text-align:center;line-height:1.8}@media (max-width: 768px){.container{padding:24px 16px}header h1{font-size:24px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab-btn{white-space:nowrap}.kpi-grid{grid-template-columns:1fr}}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-track{background:var(--bg)}.table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)}