/* CoinSalve · 欧意注册直通站 · 板岩蓝 × 白净 × OKX黑 设计系统 v2 */
:root{
  --ink:#1b2632; --sub:#59636f; --faint:#98a2ac;
  --slate:#233543; --slate-2:#1a2731; --slate-line:#33485a; --slate-sub:#a9b6c2;
  --hairline:#e8ecf0; --hair2:#dde3e9;
  --mark:#f4c53d; --mark-deep:#eab308; --mark-ink:#6b5300; --mark-soft:#fbf1cf; --gold:#c79a3c;
  --paper:#ffffff; --paper-warm:#f7f9fb; --panel:#f3f6f9;
  --ok:#0a8f5b; --up:#0a8f5b; --down:#d43a3a;
  --radius:12px; --radius-s:9px;
  --shadow:0 10px 30px rgba(27,38,50,.08); --shadow-s:0 3px 12px rgba(27,38,50,.06);
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --en:"Inter","Helvetica Neue",Arial,sans-serif;
  --cn:"Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--cn);line-height:1.78;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit}
.wrap{max-width:1150px;margin:0 auto;padding:0 22px}
::selection{background:var(--mark-soft);color:var(--ink)}

/* ── 披露细条(深板岩顶栏) ── */
.disc{font-size:12px;color:var(--slate-sub);background:var(--slate-2)}
.disc .wrap{display:flex;justify-content:space-between;height:32px;align-items:center;gap:10px}
.disc b{font-family:var(--en);font-weight:700;color:#fff;letter-spacing:.3px}
.disc .r{white-space:nowrap}
@media(max-width:640px){
  .disc .wrap{height:auto;min-height:30px;padding:4px 22px}
  .disc .wrap>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
  .disc .r{display:none}
}

/* ── 报头(深板岩品牌带) ── */
.masthead{padding:22px 0 20px;background:var(--slate);color:#fff}
.masthead .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.mast-l .kanji{font-weight:900;font-size:38px;line-height:1.15;letter-spacing:2px;color:#fff}
.mast-l .kanji a{display:inline}
.mast-l .kanji em{font-style:normal;color:var(--mark);border-bottom:3px solid var(--mark);padding-bottom:1px}
.mast-l .sub{margin-top:7px;font-size:13px;color:var(--slate-sub);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mast-l .sub .en{font-family:var(--en);font-weight:800;color:#fff;letter-spacing:-.3px}
.mast-l .sub .sep{width:1px;height:12px;background:var(--slate-line)}
.mast-r{text-align:right;font-family:var(--mono);font-size:12px;color:var(--slate-sub);line-height:1.9;flex:0 0 auto}
.mast-r .ok{color:#4bd6a0;font-weight:600}
.mast-r .date{font-weight:600;color:#fff}
.rule{display:none}

/* ── 栏目导航(白净·金下划线) ── */
nav.cols{border-bottom:1px solid var(--hairline);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40;box-shadow:var(--shadow-s)}
nav.cols .wrap{display:flex;align-items:stretch;height:50px;overflow-x:auto;scrollbar-width:none}
nav.cols .wrap::-webkit-scrollbar{display:none}
nav.cols a{display:flex;align-items:center;padding:0 18px;font-size:14.5px;font-weight:600;color:#3e4854;white-space:nowrap;position:relative}
nav.cols a:first-child{padding-left:0}
nav.cols a::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2.5px;background:var(--mark);transform:scaleX(0);transition:transform .16s}
nav.cols a:first-child::after{left:0}
nav.cols a:hover{color:var(--ink)}
nav.cols a:hover::after,nav.cols a.now::after{transform:scaleX(1)}
nav.cols a.now{color:var(--ink);font-weight:700}
nav.cols .sp{flex:1;border:0;min-width:10px}
nav.cols .mono{font-family:var(--mono);font-size:12px;color:var(--faint);display:flex;align-items:center;white-space:nowrap}

/* ── 通栏转化条(白净·金顶线) ── */
.convbar{background:var(--panel);border-top:2.5px solid var(--mark);border-bottom:1px solid var(--hairline)}
.convbar .wrap{display:flex;align-items:center;gap:24px;padding:18px 22px}
.cv-okx{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.okx-logo{font-family:var(--en);font-weight:900;font-size:38px;letter-spacing:-2px;line-height:1;color:var(--ink)}
.cv-okx .x{font-size:15px;color:var(--faint)}
.cv-okx .cs{font-family:var(--en);font-weight:800;font-size:16px}
.cv-code{flex:1;display:flex;align-items:center;gap:14px;min-width:0}
.cv-code .lab{font-size:13px;font-weight:600;color:var(--sub);flex:0 0 auto}
.cv-code .box{display:flex;align-items:center;background:#fff;border:1.5px solid var(--hair2);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-s)}
.cv-code .code{font-family:var(--mono);font-weight:600;font-size:24px;letter-spacing:3px;padding:8px 18px;user-select:all}
.cv-code .cp{font-size:13px;font-weight:600;background:var(--panel);color:var(--ink);border:0;border-left:1.5px solid var(--hair2);padding:12px 16px;cursor:pointer;transition:background .12s}
.cv-code .cp:hover{background:var(--mark-soft)}
.cv-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-weight:700;font-size:16px;padding:13px 26px;border-radius:10px;box-shadow:var(--shadow-s);transition:transform .12s,background .12s}
.btn-cta:hover{transform:translateY(-1px);background:#0f1a24}
.cv-benefit{font-size:12.5px;font-weight:500;color:var(--sub)}
.cv-benefit b{color:var(--ink)}
.convbar .foot{padding:0 22px 11px;font-size:11px;color:var(--faint)}

/* ── 首屏精选(杂志头条式) ── */
.featured{background:#fff;padding:26px 0 8px}
.featured .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:stretch}
.feat-lead{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s}
.feat-lead:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(27,38,50,.13)}
.feat-lead .fimg{position:relative;overflow:hidden}
.feat-lead .fimg img{width:100%;height:290px;object-fit:cover;display:block}
.feat-lead .fkick{position:absolute;top:14px;left:14px;font-family:var(--en);font-weight:700;font-size:11px;letter-spacing:1px;color:var(--ink);background:var(--mark);padding:5px 11px;border-radius:5px}
.feat-lead .ftxt{padding:16px 20px 20px}
.feat-lead h2{font-size:23px;font-weight:800;line-height:1.35;letter-spacing:.3px;margin:0 0 8px}
.feat-lead .fdek{font-size:14px;color:var(--sub);margin:0 0 12px}
.feat-lead .fgo{font-size:13.5px;font-weight:700;color:var(--gold)}
.feat-side{display:flex;flex-direction:column;gap:13px}
.feat-side>.fslabel{font-family:var(--en);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--faint)}
.feat-side a{display:flex;gap:13px;align-items:center;border:1px solid var(--hairline);border-radius:var(--radius-s);overflow:hidden;background:#fff;transition:border-color .14s,box-shadow .14s;flex:1}
.feat-side a:hover{border-color:var(--hair2);box-shadow:var(--shadow-s)}
.feat-side a img{width:104px;height:100%;min-height:76px;object-fit:cover;flex:0 0 auto}
.feat-side a .st{padding:9px 13px 9px 0;min-width:0}
.feat-side a .st .sk{font-family:var(--en);font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--gold)}
.feat-side a .st .stt{font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── 四按钮矩阵 ── */
.matrix{border-bottom:1px solid var(--hairline);background:#fff}
.matrix .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.mx{border-right:1px solid var(--hairline);padding:20px 20px 17px;display:flex;flex-direction:column;gap:6px;transition:background .14s}
.mx:first-child{padding-left:0}
.mx:last-child{border-right:0}
.mx:hover{background:var(--paper-warm)}
.mx:hover .t::after{transform:translateX(5px)}
.mx svg{width:26px;height:26px;stroke:var(--gold);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mx .t{font-size:16.5px;font-weight:800;display:flex;align-items:center;gap:7px}
.mx .t::after{content:"→";font-weight:700;color:var(--gold);transition:transform .15s}
.mx .t em{font-style:normal;border-bottom:2.5px solid var(--mark)}
.mx .d{font-size:12.5px;color:var(--sub)}
.mx .meta{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px}

/* ── 门户区块通用 ── */
.portal{padding:28px 0 46px}
.portal .wrap{display:grid;grid-template-columns:1fr 330px;gap:36px;align-items:start}
.portal .wrap>*,.featured .wrap>*,.duo>*,.art-grid>*,.matrix .wrap>*,.feat-side a{min-width:0}
.sech{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:.5px;margin:28px 0 6px}
.sech:first-child{margin-top:0}
.sech::before{content:"";width:4px;height:18px;background:var(--mark);border-radius:2px;flex:0 0 auto}
.sech .mono{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--faint);letter-spacing:0;margin-left:auto}
.sech .more-inline{font-size:12.5px;font-weight:500;color:var(--sub);margin-left:12px}
.sech .more-inline:hover{color:var(--ink)}

/* 问答/文章列表 */
.qa{border-top:1.5px solid var(--hair2)}
.qa a{display:flex;align-items:baseline;gap:14px;padding:13px 6px;border-bottom:1px solid var(--hairline);border-radius:7px;transition:background .12s}
.qa a:hover{background:var(--paper-warm)}
.qa .no{font-family:var(--mono);font-size:12px;color:var(--gold);font-weight:600;flex:0 0 26px}
.qa .body{flex:1;min-width:0}
.qa .q{font-size:15.5px;font-weight:700;display:block}
.qa .q .tag{display:inline-block;font-size:11px;font-weight:600;color:var(--mark-ink);background:var(--mark-soft);border-radius:4px;padding:1px 8px;margin-left:8px;vertical-align:1px}
.qa .a{font-size:13px;color:var(--sub);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa .dt{font-family:var(--mono);font-size:11px;color:var(--faint);flex:0 0 auto}
.more{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--mark);padding-bottom:1px}
.more:hover{color:var(--gold)}

/* 教程双列卡(白净卡片) */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.duo a{display:flex;flex-direction:column;gap:5px;padding:14px 14px 15px;border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;transition:transform .14s,box-shadow .14s,border-color .14s}
.duo a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--hair2)}
.duo .k{font-family:var(--mono);font-size:10.5px;color:var(--gold);font-weight:500;letter-spacing:.5px}
.duo .t{font-size:15.5px;font-weight:700;line-height:1.5}
.duo .d{font-size:12.5px;color:var(--sub)}
.duo .thumb{width:100%;height:150px;object-fit:cover;object-position:center;border-radius:var(--radius-s);margin-bottom:8px}
/* 侧栏图解入口卡 */
.side .guidecard .bd{padding:12px}
.side .guidecard img{width:100%;height:auto;border-radius:var(--radius-s);display:block}
.side .guidecard .cap{display:block;font-size:13.5px;font-weight:600;padding:11px 4px 3px}
.side .guidecard .cap:hover{color:var(--gold)}

/* 侧栏 */
.side>div{border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-s)}
.side .hd{display:flex;align-items:center;gap:8px;background:var(--slate);color:#fff;font-size:13px;font-weight:700;padding:10px 15px;letter-spacing:.5px}
.side .hd .mono{font-family:var(--mono);font-weight:400;font-size:10.5px;color:var(--slate-sub);margin-left:auto;letter-spacing:0}
.pcard .bd{padding:15px 16px 14px}
.pcard .row{display:flex;align-items:center;gap:10px}
.pcard .okx-logo{font-size:32px}
.pcard .x{color:var(--faint)}
.pcard .cs{font-family:var(--en);font-weight:800;font-size:14.5px}
.pcard p{font-size:12px;color:var(--sub);line-height:1.7;margin-top:10px;border-top:1px solid var(--hairline);padding-top:10px}
.side .codemini{margin:12px 0 2px;display:flex;align-items:center;border:1.5px dashed var(--gold);border-radius:9px;background:var(--paper-warm);overflow:hidden}
.side .codemini .c{flex:1;font-family:var(--mono);font-weight:600;font-size:18px;letter-spacing:2px;padding:8px 12px}
.side .codemini button{font-size:12px;font-weight:600;background:var(--ink);color:#fff;border:0;padding:11px 14px;cursor:pointer}
.tick .bd{padding:9px 14px;font-family:var(--mono)}
.tick .r{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid var(--hairline)}
.tick .r:last-child{border:0}
.tick .up{color:var(--up);font-weight:600}
.tick .down{color:var(--down);font-weight:600}
.tick .note{font-size:10.5px;color:var(--faint)}
.tools-list .bd{padding:6px 0}
.tools-list a{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;padding:10px 16px;transition:background .12s}
.tools-list a:hover{background:var(--paper-warm);color:var(--gold)}
.tools-list .mono{font-family:var(--mono);font-size:11px;color:var(--faint)}
.side .toc-side a{display:block;font-size:13.5px;padding:9px 16px;border-bottom:1px solid var(--hairline)}
.side .toc-side a:last-child{border:0}
.side .toc-side a:hover{background:var(--paper-warm)}

/* ── footer ── */
footer{border-top:1px solid var(--hairline);margin-top:34px;background:var(--slate);color:var(--slate-sub)}
footer .fwrap{max-width:1150px;margin:0 auto;padding:34px 22px 30px}
footer .cols3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
footer h4{font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:11px;color:#fff}
footer a{display:block;font-size:13px;color:var(--slate-sub);padding:3px 0}
footer a:hover{color:#fff}
footer .brandline{display:flex;align-items:center;gap:10px;margin-bottom:8px}
footer .brandline .en{font-family:var(--en);font-weight:900;font-size:17px;color:#fff}
footer p.small{font-size:12px;color:var(--slate-sub);line-height:1.7}
footer .legal{border-top:1px solid var(--slate-line);margin-top:22px;padding-top:15px;font-size:11.5px;color:var(--faint);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer .legal a{display:inline;color:var(--slate-sub)}
footer .okxrow{display:flex;align-items:center;gap:8px;margin-top:12px}
footer .okxrow .okx-logo{font-size:22px;color:#fff}
footer .okxrow span{font-size:11.5px;color:var(--slate-sub)}

/* ── 文章页 ── */
.art-head{padding:30px 0 18px;border-bottom:1px solid var(--hairline)}
.art-head .crumb{font-family:var(--mono);font-size:12px;color:var(--sub);margin-bottom:12px}
.art-head .crumb a:hover{color:var(--gold)}
.art-head h1{font-size:clamp(26px,3.6vw,38px);font-weight:900;line-height:1.35;letter-spacing:.5px}
.art-head .std{display:flex;gap:18px;align-items:center;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--sub);flex-wrap:wrap}
.art-head .std .ok{color:var(--ok)}
.art-grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start;padding:26px 0 40px}
.art-grid .side{position:sticky;top:62px;align-self:start;max-height:calc(100vh - 78px);overflow-y:auto;scrollbar-width:thin}
.art-grid .side::-webkit-scrollbar{width:6px}
.art-grid .side::-webkit-scrollbar-thumb{background:var(--hair2);border-radius:3px}
article.body{min-width:0}
article.body>p{margin:0 0 18px}
article.body h2{font-size:22px;font-weight:800;letter-spacing:.5px;margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--mark)}
article.body h3{font-size:17.5px;font-weight:700;margin:24px 0 10px;color:var(--ink)}
article.body h3::before{content:"";display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:2px;margin-right:8px;vertical-align:2px}
article.body ul,article.body ol{margin:0 0 18px;padding-left:24px}
article.body li{margin-bottom:6px}
article.body em{font-style:normal;font-weight:600;border-bottom:2px solid var(--mark)}
article.body .cover{border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;margin:0 0 22px}
article.body figure{margin:20px 0 22px}
article.body figure img{border:1px solid var(--hairline);border-radius:var(--radius-s)}
article.body figcaption{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:8px}
article.body table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:14px;border:1px solid var(--hairline);border-radius:var(--radius-s);overflow:hidden}
article.body th{background:var(--slate);color:#fff;font-weight:600;text-align:left;padding:9px 12px;font-size:13px}
article.body td{border-top:1px solid var(--hairline);padding:9px 12px;vertical-align:top}
article.body tr:nth-child(even) td{background:var(--paper-warm)}
.toc{border:1px solid var(--hairline);border-left:4px solid var(--mark);border-radius:var(--radius-s);background:var(--paper-warm);padding:14px 18px;margin:0 0 24px}
.toc .t{font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:8px}
.toc ol{margin:0;padding-left:20px;font-size:14px}
.toc li{margin-bottom:3px}
.toc a:hover{color:var(--gold)}
/* 步骤块 */
.step{display:flex;gap:14px;margin:0 0 12px;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:14px 16px;background:#fff;box-shadow:var(--shadow-s)}
.step .n{font-family:var(--en);font-weight:900;font-size:20px;flex:0 0 32px;color:var(--gold);line-height:1.3}
.step .b{min-width:0}
.step .b b{display:block;font-size:15.5px;margin-bottom:2px}
.step .b p{font-size:14px;color:#4a545f;margin:0}
/* 警示/提示框 */
.callout{border:1px solid var(--hairline);border-left:5px solid var(--slate);border-radius:var(--radius-s);padding:13px 16px;margin:18px 0;font-size:14px;background:#fff}
.callout.warn{border-left-color:var(--down);background:#fdf5f5}
.callout.tip{border-left-color:var(--mark-deep);background:var(--paper-warm)}
.callout.info{border-left-color:var(--slate)}
.callout b.cap{display:block;font-size:13px;letter-spacing:.5px;margin-bottom:4px}
/* 文内转化卡 */
.cta-card{border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);margin:28px 0;background:#fff;overflow:hidden}
.cta-card .top{display:flex;align-items:center;gap:12px;background:var(--slate);color:#fff;padding:12px 16px}
.cta-card .top .okx-logo{font-size:26px;color:#fff}
.cta-card .top span{font-size:12px;color:var(--slate-sub)}
.cta-card .bd{display:flex;align-items:center;gap:16px;padding:16px;flex-wrap:wrap}
.cta-card .codemini{display:flex;align-items:center;border:1.5px dashed var(--gold);border-radius:9px;background:var(--paper-warm);overflow:hidden}
.cta-card .codemini .c{font-family:var(--mono);font-weight:600;font-size:18px;letter-spacing:2px;padding:8px 14px}
.cta-card .codemini button{font-size:12px;font-weight:600;background:var(--ink);color:#fff;border:0;padding:11px 14px;cursor:pointer}
.cta-card .btn-cta{font-size:14.5px;padding:12px 22px}
.cta-card .note{flex-basis:100%;font-size:11px;color:var(--faint);margin-top:2px}
/* FAQ */
.faq{border-top:1.5px solid var(--hair2);margin-top:8px}
.faq details{border-bottom:1px solid var(--hairline)}
.faq summary{cursor:pointer;font-size:15.5px;font-weight:700;padding:14px 4px;list-style:none;display:flex;gap:10px}
.faq summary::before{content:"+";font-family:var(--mono);font-weight:600;color:var(--gold)}
.faq details[open] summary::before{content:"−"}
.faq summary:hover{color:var(--gold)}
.faq .ans{padding:0 4px 15px 26px;font-size:14.5px;color:#4a545f}
/* 相关阅读 */
.related{border-top:1.5px solid var(--hair2);margin-top:30px;padding-top:6px}
.prev-next{display:flex;gap:14px;margin-top:18px}
.prev-next a{flex:1;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:13px 15px;font-size:13.5px;font-weight:500;transition:border-color .12s,box-shadow .12s}
.prev-next a b{display:block;font-size:11px;font-family:var(--mono);color:var(--gold);font-weight:400;margin-bottom:3px}
.prev-next a:hover{border-color:var(--hair2);box-shadow:var(--shadow-s)}

/* ── 工具页 ── */
.tool-shell{border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);margin:22px 0 26px;background:#fff;overflow:hidden}
.tool-shell .thead{display:flex;align-items:center;gap:10px;background:var(--slate);color:#fff;padding:11px 16px;font-weight:600;letter-spacing:.5px;font-size:14px}
.tool-shell .thead .mono{font-family:var(--mono);font-weight:400;font-size:10.5px;color:var(--slate-sub);margin-left:auto}
.tool-shell .tbody{padding:20px 20px 22px}
.tool-shell label{display:block;font-size:13px;font-weight:700;margin:0 0 6px}
.tool-shell input[type=number],.tool-shell input[type=text],.tool-shell select{width:100%;border:1.5px solid var(--hair2);border-radius:9px;padding:11px 12px;font-family:var(--mono);font-size:16px;background:#fff;outline:none;transition:border-color .12s}
.tool-shell input:focus,.tool-shell select:focus{border-color:var(--slate);background:#fff}
.tool-shell .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.tool-shell .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}
.tool-shell .calc{width:100%;background:var(--ink);color:#fff;font-weight:700;font-size:16px;border:0;border-radius:10px;padding:14px;cursor:pointer;margin-top:4px;transition:background .12s}
.tool-shell .calc:hover{background:#0f1a24}
/* 深色结果卡(工具页高端标准) */
.result{background:var(--slate);color:#fff;margin-top:18px;padding:22px;border-radius:var(--radius-s);position:relative}
.result .cap{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:#999;margin-bottom:8px}
.result .big{font-family:var(--mono);font-weight:600;font-size:clamp(30px,4.5vw,44px);line-height:1.15;color:var(--mark)}
.result .unit{font-size:15px;color:#ccc;margin-left:6px}
.result .sub-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;margin-top:14px;border-top:1px solid #333;padding-top:12px}
.result .sr{display:flex;justify-content:space-between;font-size:13.5px}
.result .sr .k{color:#999}
.result .sr .v{font-family:var(--mono);font-weight:500}
.result .bar{height:10px;background:#2a2a2a;margin-top:14px;position:relative;overflow:hidden}
.result .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--mark)}
.result .note{font-size:11px;color:#888;margin-top:10px}

/* ── 通用页(关于等) ── */
.plain{max-width:760px;margin:0 auto;padding:30px 22px 50px}
.plain h1{font-size:30px;font-weight:900;letter-spacing:1px;margin-bottom:18px}
.plain h2{font-size:19px;font-weight:900;margin:26px 0 10px;padding-left:12px;border-left:5px solid var(--ink)}
.plain p,.plain li{font-size:15px;color:#2e3136;margin-bottom:12px}
.plain ul{padding-left:22px}

/* ── 404 ── */
.err{max-width:640px;margin:0 auto;text-align:center;padding:70px 22px 80px}
.err .code{font-family:var(--en);font-weight:900;font-size:120px;line-height:1;letter-spacing:-4px}
.err .code em{font-style:normal;background:linear-gradient(transparent 55%,var(--mark) 55% 90%,transparent 90%)}
.err p{color:var(--sub);margin:12px 0 24px}

/* ── 触摸目标 ── */
.btn-cta,.cv-code .cp,.side .codemini button,.cta-card .codemini button{min-height:44px}

/* ── 响应式 ── */
@media(max-width:920px){
  .mast-l .kanji{font-size:28px}
  .mast-r{display:none}
  nav.cols a{padding:0 13px;font-size:13.5px}
  nav.cols .mono{display:none}
  .convbar .wrap{flex-wrap:wrap;gap:10px;padding:13px 22px 4px}
  .cv-okx .cs{font-size:14px}
  .cv-okx .x{font-size:13px}
  .okx-logo{font-size:32px}
  .cv-code{flex:1 1 100%;order:3}
  .cv-code .lab{display:none}
  .cv-code .box{flex:1}
  .cv-code .code{flex:1;font-size:21px;padding:6px 12px}
  .cv-right{order:2;margin-left:auto}
  .matrix .wrap{grid-template-columns:1fr 1fr;padding:0}
  .mx{padding:14px;border-bottom:1px solid var(--hairline)}
  .mx:first-child{padding-left:14px}
  .mx:nth-child(even){border-right:0}
  .portal .wrap,.art-grid{grid-template-columns:1fr}
  .art-grid .side{position:static;max-height:none;overflow:visible}
  .featured{padding:18px 0 4px}
  .featured .wrap{grid-template-columns:1fr;gap:14px}
  .feat-lead .fimg img{height:200px}
  .feat-lead h2{font-size:20px}
  .duo{grid-template-columns:1fr}
  .duo a:nth-child(odd){border-right:0}
  footer .cols3{grid-template-columns:1fr}
  .tool-shell .row3{grid-template-columns:1fr}
  .result .sub-rows{grid-template-columns:1fr}
}
@media(max-width:640px){
  article.body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:420px){
  .mast-l .kanji{font-size:24px;letter-spacing:1px}
  .btn-cta{font-size:14.5px;padding:11px 16px}
  .qa a{gap:9px}
  .qa .no{flex:0 0 20px}
  .prev-next{flex-direction:column}
  .tool-shell .row2{grid-template-columns:1fr}
  .step{padding:12px}
  .step .n{flex:0 0 26px;font-size:18px}
}