/* checkju.com：品牌天蓝 #0369A1（和 OTC 青、费率聚靛蓝、上币聚品红区分，也避开交易所品牌色）。
   颜色只作辅助：每个状态都有文字和符号（✓ ✗ ? ! ○）。对比度目标 ≥4.5:1。 */
:root{--bg:#f6f8fa;--card:#fff;--text:#14212b;--muted:#4a5a68;--line:#dde4ea;--line2:#c6d1da;--brand:#0369a1;--brand-ink:#fff;--soft:#eaf4fa;
  --yes:#146c34;--yes-bg:#e8f6ed;--no:#a3241b;--no-bg:#fcecea;--warn:#8a4600;--warn-bg:#fff4e0;--unk:#3b4f63;--unk-bg:#eef2f6;--neutral:#3b4f63;
  --r:12px}
@media (prefers-color-scheme:dark){:root{--bg:#0d141a;--card:#141e26;--text:#e6edf3;--muted:#a9b7c4;--line:#24323d;--line2:#34444f;--brand:#7cc4ee;--brand-ink:#08202e;--soft:#12283a;
  --yes:#7ddc9f;--yes-bg:#12291c;--no:#ff9f95;--no-bg:#2e1715;--warn:#ffc46b;--warn-bg:#2d2312;--unk:#c3d0dc;--unk-bg:#1c2731;--neutral:#c3d0dc}html{color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow-wrap:break-word}
a{color:var(--brand)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:var(--card);padding:8px 12px;z-index:10}
.top{background:var(--card);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:8px 20px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--text);text-decoration:none}
.brand svg{width:28px;height:28px}.brand em{font-style:normal;color:var(--brand)}
.top nav{display:flex;flex-wrap:wrap;gap:2px 4px}
.top nav a{padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--muted)}
.top nav a[aria-current]{color:var(--text);background:var(--soft)}
main.wrap{padding-top:20px;padding-bottom:28px}
h1{font-size:28px;line-height:1.3;margin:6px 0 12px}
h2{font-size:20px;margin:28px 0 10px}
.lead{max-width:780px;font-size:17px}
.crumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--muted)}
.notice{background:var(--warn-bg);color:var(--warn);border:1px solid var(--line2);border-radius:var(--r);padding:10px 14px}
.hint,.when,.src{color:var(--muted);font-size:14px}
.when{display:block}
.answer{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:16px 0}
.card-rows{margin:0}
.card-rows .row{display:grid;grid-template-columns:minmax(200px,38%) 1fr;gap:4px 16px;padding:12px 0;border-top:1px solid var(--line)}
.card-rows .row:first-child{border-top:0}
.card-rows dt{font-weight:600}.card-rows dd{margin:0}
.why-line{display:block;color:var(--muted);font-size:15px}
.summary{margin:12px 0 0}
.mark{display:inline-block;min-width:1.4em;text-align:center;border-radius:6px;font-weight:700;margin-right:4px}
.mark-yes{color:var(--yes);background:var(--yes-bg)}.mark-no{color:var(--no);background:var(--no-bg)}
.mark-warn{color:var(--warn);background:var(--warn-bg)}.mark-unk,.mark-neutral{color:var(--unk);background:var(--unk-bg)}
.chip{display:inline-block;border:1px solid var(--line2);border-radius:999px;padding:2px 10px;font-size:14px;margin:2px 6px 2px 0}
.cta-box{margin:16px 0 4px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0}
.btn{display:inline-block;background:var(--brand);color:var(--brand-ink);text-decoration:none;font-weight:700;padding:11px 18px;border-radius:10px;min-height:44px}
.btn-2{background:var(--card);color:var(--brand);border:2px solid var(--brand)}
.btn-sm{padding:6px 12px;min-height:36px;font-size:14px}
.ref code{font-size:15px;padding:2px 6px;background:var(--soft);border-radius:6px}
button{font:inherit;min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid var(--line2);background:var(--card);color:var(--text);cursor:pointer}
.copy-msg,.form-msg,.filter-msg{font-size:14px;color:var(--muted);margin-left:6px}
.sponsored,.asci,.cta-why{font-size:14px;color:var(--muted);margin:6px 0}
.asci{border-left:3px solid var(--warn);padding-left:10px}
blockquote{margin:6px 0;padding:4px 12px;border-left:3px solid var(--line2);color:var(--muted)}
.facts li{margin-bottom:12px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin:10px 0}
table{border-collapse:collapse;width:100%;min-width:640px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
thead th{border-top:0;font-size:13px;color:var(--muted);white-space:nowrap}
tbody th{position:sticky;left:0;background:var(--card);font-weight:600}
td.num{text-align:right}
table.vs{min-width:480px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.faq details{border-top:1px solid var(--line);padding:10px 0}
.faq summary{cursor:pointer;font-weight:600}
.report{margin:28px 0 0;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;background:var(--card)}
.report summary{cursor:pointer}
.report-form{display:grid;gap:6px;max-width:520px;margin-top:10px}
input,select,textarea{font:inherit;font-size:16px;min-height:44px;padding:8px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--text)}
.filter{display:grid;gap:6px;max-width:420px;margin:16px 0}
.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 24px}
.countries ul{list-style:none;padding:0;margin:0}
.countries li{padding:6px 0;border-top:1px solid var(--line)}
.countries .count{display:block;font-size:14px;color:var(--muted)}
.countries li[hidden]{display:none}
.filters{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin:12px 0}
.filters label{display:block;font-size:14px;color:var(--muted)}
.events li{margin-bottom:8px}
.store{display:inline-block;margin-left:6px}
.foot{border-top:1px solid var(--line);padding-top:16px;padding-bottom:28px;font-size:14px;color:var(--muted)}
@media (max-width:640px){h1{font-size:23px}.card-rows .row{grid-template-columns:1fr}.top nav{width:100%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){.mark,.chip,.btn,.btn-2{border:1px solid CanvasText;forced-color-adjust:auto}.btn{background:ButtonFace;color:ButtonText}}
