:root{--bg: #0b0e14;--surface: #121724;--surface-2: #1a2133;--border: rgba(255, 255, 255, .08);--text: #e7eaf2;--muted: #9aa3b8;--accent: #ff453a;--accent-soft: rgba(255, 69, 58, .14);--link: #6db3ff;--ok: #32d583;--radius: 14px;--max: 1080px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.65}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;background:#0b0e14d9;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);letter-spacing:.2px}.logo:hover{text-decoration:none}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 #ff453a99;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff453a8c}70%{box-shadow:0 0 0 9px #ff453a00}to{box-shadow:0 0 #ff453a00}}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:var(--muted);font-size:14.5px;padding:7px 11px;border-radius:8px}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--surface-2);text-decoration:none}.hero{padding:64px 0 40px}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 14px;letter-spacing:-.5px}.hero p.sub{color:var(--muted);font-size:18px;max-width:640px;margin:0 0 22px}.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}.stats{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}.stat b{display:block;font-size:24px}.stat span{color:var(--muted);font-size:13.5px}section.block{padding:30px 0}section.block>.container>h2{font-size:22px;margin:0 0 6px;letter-spacing:-.3px}section.block>.container>p.section-sub{color:var(--muted);margin:0 0 18px;font-size:15px}.btn{display:inline-block;padding:10px 18px;border-radius:10px;font-weight:600;font-size:15px;border:1px solid var(--border);color:var(--text);background:var(--surface-2)}.btn:hover{text-decoration:none;border-color:#fff3}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px}.card h3{margin:0;font-size:17px}.card h3 a{color:var(--text)}.card .tagline{color:var(--muted);font-size:14.5px;margin:0}.card .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.example-prompt{color:var(--muted);font-size:13px;line-height:1.5;max-height:84px;overflow-y:auto;margin:6px 0 10px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge.live{background:var(--accent-soft);color:var(--accent);border-color:#ff453a59}.badge.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.8s infinite}.badge.ended{color:var(--muted)}.badge.estimate{color:#f7b955;border-color:#f7b9554d}.rank-list{display:flex;flex-direction:column;gap:10px}.rank-item{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.rank-item .rank{font-size:20px;font-weight:800;color:var(--muted);width:34px}.rank-item .who{flex:1;min-width:200px}.rank-item .who b{display:block}.rank-item .who span{color:var(--muted);font-size:14px}.rank-item .num{color:var(--muted);font-size:14px;white-space:nowrap}.prose{max-width:760px;margin:0 auto;padding:40px 20px 60px}.prose h1{font-size:clamp(26px,4vw,36px);line-height:1.2;letter-spacing:-.4px}.prose h2{font-size:22px;margin-top:38px;border-top:1px solid var(--border);padding-top:26px}.prose h3{font-size:17.5px;margin-top:26px}.prose .post-meta{color:var(--muted);font-size:14px;margin-bottom:28px}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;overflow-x:auto;font-size:13.5px;line-height:1.55}.prose code{background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:.9em}.prose pre code{background:none;padding:0}.prose blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 10px 10px 0;color:var(--muted)}.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}.prose th,.prose td{border:1px solid var(--border);padding:9px 12px;text-align:left}.prose th{background:var(--surface)}.prose ul,.prose ol{padding-left:24px}.def-grid{display:grid;grid-template-columns:170px 1fr;gap:8px 18px;font-size:15px}.def-grid dt{color:var(--muted)}.def-grid dd{margin:0}@media(max-width:560px){.def-grid{grid-template-columns:1fr;gap:2px}.def-grid dt{margin-top:10px}}.calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:20px 0}.calc .row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.calc label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted)}.calc input[type=number],.calc select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px;min-width:170px}.calc .check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:14.5px}.results{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px}.results th,.results td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.results th{color:var(--muted);font-weight:600;font-size:13px}.results td.big{font-size:16px;font-weight:700}.faq h3{margin-bottom:4px}.faq p{margin-top:0;color:var(--muted)}.newsletter{background:linear-gradient(180deg,var(--surface) 0%,rgba(18,23,36,.4) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:26px;text-align:center}.newsletter h2{margin:0 0 6px;font-size:20px}.newsletter p{color:var(--muted);margin:0 0 16px;font-size:15px}.site-footer{border-top:1px solid var(--border);margin-top:50px;padding:26px 0 40px}.site-footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13.5px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}
