:root{--bg:#0f1720;--bg-soft:#16222e;--card:#1b2a38;--line:#2a3c4e;--text:#e8eef4;--text-dim:#93a5b5;--brand:#22c55e;--brand-strong:#16a34a;--accent:#f59e0b;--danger:#ef4444;--ok-bg:rgba(34,197,94,0.12);--bad-bg:rgba(239,68,68,0.12);--radius:12px;--tile-w:46px;--tile-h:62px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--bg-soft);position:-webkit-sticky;position:sticky;top:0;z-index:20}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px}.brand{font-weight:800;color:var(--brand);font-size:18px;white-space:nowrap}.site-nav{display:flex;gap:4px;overflow-x:auto}.site-nav a{color:var(--text-dim);padding:6px 10px;border-radius:8px;font-size:14px;white-space:nowrap}.site-nav a.active,.site-nav a:hover{color:var(--text);background:rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:9px 18px;font-size:15px;cursor:pointer;transition:all .15s ease}.btn:hover{border-color:var(--text-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);border-color:var(--brand);color:#06230f;font-weight:700}.btn--primary:hover{background:var(--brand-strong)}.btn--ghost{background:transparent}.btn--lg{padding:12px 26px;font-size:16px}.btn--sm{padding:6px 12px;font-size:13px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel+.panel{margin-top:14px}.panel-title{margin:0 0 12px;font-size:16px;font-weight:700}.panel-ok{border-color:var(--brand);background:var(--ok-bg)}.panel-bad{border-color:var(--danger);background:var(--bad-bg)}.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.stat-pill{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:13px;color:var(--text-dim)}.stat-pill b{color:var(--text)}.tile-btn,.tile-view{border:1px solid #d9d2bd;background:linear-gradient(180deg,#fdfbf3,#f6f1e3 62%,#e9e2cd);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 0 rgba(120,110,85,.16),0 2px 4px rgba(0,0,0,.42);display:inline-flex;align-items:center;justify-content:center;width:var(--tile-w);height:var(--tile-h);line-height:1;padding:3px 3px 4px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile-btn{cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.tile-btn:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 0 rgba(120,110,85,.16),0 5px 10px rgba(0,0,0,.5)}.tile-btn:disabled{cursor:default;transform:none}.tile-face{display:block;width:100%;height:100%}.tile-s-m{color:#c0271d}.tile-s-p{color:#1a5fb4}.tile-s-s{color:#147a3c}.tile-btn.sel{outline:3px solid var(--accent);outline-offset:1px}.tile-btn.dim,.tile-view.dim{opacity:.28}.tile-view.wrong{opacity:.45;outline:2px solid var(--danger);outline-offset:1px}.tile-view.hit{outline:2px solid var(--brand);outline-offset:1px}.tile-sm{--tile-w:34px;--tile-h:46px}.tile-lg{--tile-w:56px;--tile-h:76px}.hand-row{display:flex;flex-wrap:wrap;gap:6px;min-height:var(--tile-h)}.hand-row.wrap-any{min-height:auto}.kind-grid{display:grid;grid-template-columns:repeat(9,auto);grid-gap:6px;gap:6px;justify-content:start}.suit-sep{grid-column:1/-1;height:0}.hero{padding:76px 0 52px;text-align:center}.hero-badge{display:inline-block;color:var(--brand);border:1px solid var(--brand);border-radius:999px;padding:4px 14px;font-size:14px}.hero h1{font-size:clamp(30px,5vw,48px);margin:22px 0 12px;line-height:1.25}.hero-sub{color:var(--text-dim);max-width:620px;margin:0 auto 28px;font-size:17px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:30px 0 60px}.section-title{font-size:24px;margin:0 0 18px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:block;transition:border-color .15s ease,transform .15s ease}.feature-card:hover{border-color:var(--brand);transform:translateY(-2px)}.feature-card h3{margin:0 0 8px}.feature-card p{color:var(--text-dim);margin:0;font-size:14px}.feature-card .go{display:inline-block;margin-top:12px;color:var(--brand);font-size:14px;font-weight:700}.trainer{max-width:920px;margin:0 auto;padding:24px 20px 80px}.trainer-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.trainer-head h1{margin:0;font-size:24px}.trainer-head p{color:var(--text-dim);margin:2px 0 0}.question-num{color:var(--text-dim);font-size:14px}.answer-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.answer-line,.feedback{margin-top:14px}.feedback h3{margin:0 0 8px;font-size:16px}.cand-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.cand-table td,.cand-table th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.cand-table th{color:var(--text-dim);font-weight:600;font-size:12px}.cand-table tr.best-row td{background:var(--ok-bg)}.cand-table tr.picked-row td{background:var(--bad-bg)}.cand-table tr.best-row.picked-row td{background:var(--ok-bg)}.meter{height:6px;border-radius:3px;background:var(--bg-soft);overflow:hidden;min-width:60px}.meter>i{display:block;height:100%;background:var(--brand)}.meter-bad>i{background:var(--accent)}.gap-row{display:flex;gap:16px;flex-wrap:wrap}.gap-row>*{flex:1 1 280px}.foot-note{color:var(--text-dim);font-size:13px;margin-top:18px}.leaderboard-row{display:grid;grid-template-columns:44px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.leaderboard-row .rank{font-weight:800;color:var(--text-dim);text-align:center}.leaderboard-row.top .rank{color:var(--accent)}.leaderboard-row .nick{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row .score{font-weight:800;color:var(--brand)}@media (max-width:560px){.hand-row,.kind-grid{gap:4px}}.kind-picker{display:flex;flex-direction:column;gap:6px}.pick-row{display:flex;align-items:center;gap:6px}.pick-suit{width:24px;font-weight:800;font-size:15px;text-align:center}.pick-suit.tile-s-m{color:#c0271d}.pick-suit.tile-s-p{color:#5a9df0}.pick-suit.tile-s-s{color:#35c66b}.score-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.score-form input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px;font-size:14px;min-width:160px}.score-form input:focus{outline:none;border-color:var(--brand)}.submit-ok{color:var(--brand);font-size:14px}.submit-err{color:var(--danger);font-size:14px}.level-row{display:flex;gap:8px;flex-wrap:wrap}.level-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px}.level-btn.active{border-color:var(--brand);color:var(--brand)}.answer-num-row{display:flex;gap:8px;flex-wrap:wrap}.answer-num{min-width:46px}.empty-hint{color:var(--text-dim);text-align:center;padding:30px 10px}.exam-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.progress{height:8px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--line);overflow:hidden;flex:1 1 160px}.progress>i{display:block;height:100%;background:var(--brand);transition:width .25s ease}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.timer.over{color:var(--danger)}.tier-panel{text-align:center}.tier-badge{font-size:52px;line-height:1}.tier-name{font-size:30px;font-weight:800;margin:8px 0 4px}.tier-desc{color:var(--text-dim);font-size:14px}.score-big{font-size:44px;font-weight:800;color:var(--brand);line-height:1.1}.score-sub{color:var(--text-dim);font-size:13px}.dim-row{display:grid;grid-template-columns:92px 1fr 88px;grid-gap:10px;gap:10px;align-items:center;padding:6px 0}.dim-label{font-size:14px}.dim-bar{height:10px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--line);overflow:hidden}.dim-bar>i{display:block;height:100%}.dim-bar>i.ok{background:var(--brand)}.dim-bar>i.warn{background:var(--accent)}.dim-bar>i.bad{background:var(--danger)}.dim-meta{font-size:13px;color:var(--text-dim);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rating{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.rating.strong{color:var(--brand);border:1px solid var(--brand)}.rating.mid{color:var(--accent);border:1px solid var(--accent)}.rating.weak{color:var(--danger);border:1px solid var(--danger)}.suggest-item{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;padding:12px 14px;margin-bottom:10px}.suggest-item h4{margin:0 0 6px;font-size:15px}.suggest-item p{margin:0;color:var(--text-dim);font-size:14px}.suggest-item a{display:inline-block;margin-top:8px;color:var(--brand);font-weight:700;font-size:14px}.choice-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.history-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-dim);padding:5px 0;border-bottom:1px dashed var(--line)}