/* 钱包排行榜 + 钱包详情（在 site / ui / v24ui / exchanges.css 之后加载）。颜色全部走变量，黑夜模式自动跟随；少数写死的色在文件末尾补黑夜值。 */
.wl-dim{color:var(--fg3)}
.hero .wrap #v24-mods-box{width:100%}
html.v24 .hero .wrap{display:block!important}

/* 视图切换行 */
.wl-top{justify-content:flex-start;gap:14px;align-items:center;border-bottom:0;margin-bottom:10px}
.wl-top .viewsw{order:0;margin:0}
.wl-top .exc{order:1}

/* 筛选 */
.wl-filters{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.wl-frow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wl-forms button small{margin-left:5px;font-size:11px;color:var(--fg3);font-weight:400}
.wl-forms button.on small{color:inherit;opacity:.7}
.wl-q{max-width:320px;margin-left:auto}
.wl-frow2{justify-content:space-between}
.wl-chains{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.wl-lab{font-size:12px;color:var(--fg3);margin-right:4px;white-space:nowrap;flex:none}
.wl-chains button,.wl-more{font:inherit;font-size:12px;line-height:1;padding:6px 9px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--fg2);cursor:pointer}
.wl-chains button:hover,.wl-more:hover{border-color:var(--accent);color:var(--accent)}
.wl-chains button.on,.wl-more.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}
.wl-more{padding:5px 6px;max-width:96px}
.wl-tg{display:flex;gap:6px;flex:none;margin-left:auto}
.wl-ck{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--fg2);padding:5px 10px;border:1px solid var(--line);border-radius:999px;cursor:pointer;user-select:none;background:var(--bg)}
.wl-ck input{margin:0;accent-color:var(--accent);width:13px;height:13px}
.wl-ck.on{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}

/* 表格 */
.wl-tablewrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wl-table{font-size:13px}
.wl-table th{background:var(--bg);padding:10px 8px}
.wl-table td{padding:11px 8px}
.wl-table th:first-child,.wl-table td:first-child{padding-left:14px;width:34px}
.wl-table th:last-child,.wl-table td:last-child{padding-right:14px}
.wl-table .rk{color:var(--fg3);font-variant-numeric:tabular-nums}
.wl-table td.r,.wl-table td.b{font-variant-numeric:tabular-nums}
.wl-table td.b{font-weight:600}
.wl-table tr:last-child td{border-bottom:0}
.wl-table .co .nm{color:var(--fg);text-decoration:none;max-width:190px}
.wl-table .co .nm:hover{color:var(--accent)}
.wl-table .co .t{max-width:210px}
.wlogo{background:#fff;border:1px solid var(--line);overflow:hidden;color:var(--accent);width:30px;height:30px}
.wlogo img{width:100%;height:100%;object-fit:contain;display:block}
.wl-aka{color:var(--fg2)}
.wl-sym{font-size:11px;color:var(--fg3);font-weight:500}
.wl-wn{font-weight:500;color:var(--fg2)}
.pin{font-size:10px;color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:1px 5px;font-weight:600}

.wl-forms-c{display:flex;gap:4px;flex-wrap:wrap}
.wl-f{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--fg2);background:var(--bg2);border-radius:6px;padding:3px 6px;white-space:nowrap}
.wl-f svg{flex:none;color:var(--fg3)}
.wl-f em{font-style:normal}
.wl-f-hw{background:#eef3ff;color:#2a4fb8}.wl-f-hw svg{color:#2a62f5}
.wl-chips{display:flex;align-items:center;gap:3px;flex-wrap:nowrap}
.wl-chip{font-size:11px;line-height:18px;padding:0 5px;border-radius:5px;background:var(--bg2);color:var(--fg2);font-weight:500;letter-spacing:.2px}
.wl-chip.more{background:transparent;color:var(--fg3);padding:0 2px}
.wl-cn{display:none}
.wl-mf{display:none}
.wl-sec{display:flex;gap:4px;flex-wrap:wrap}
.wl-b{font-size:11px;line-height:18px;padding:0 6px;border-radius:5px;white-space:nowrap;font-weight:500}
.wl-b.self{background:#e8f7ee;color:#0f6b36}
.wl-b.mpc{background:#eef3ff;color:#2a4fb8}
.wl-b.cus{background:#fff4dc;color:#8a5a00}
.wl-b.open{background:transparent;color:var(--fg2);box-shadow:inset 0 0 0 1px var(--line)}
.wl-b.part{background:transparent;color:var(--fg3);box-shadow:inset 0 0 0 1px var(--line)}
.wl-tok{line-height:1.35;white-space:nowrap}
.wl-tok b{font-weight:600}
.wl-tok div{font-size:12px}
.wl-site{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--accent);text-decoration:none;padding:4px 8px;border-radius:6px;background:var(--accent-bg)}
.wl-site:hover{filter:brightness(.96)}
.wl-tablewrap.tok .wl-table td{padding-block:10px}

/* 右栏 */
.wl-side .wl-card{background:var(--bg);padding:14px 16px}
.wl-side .wl-card h3{font-size:14px;margin:0 0 10px}
.wl-rows{display:flex;flex-direction:column;gap:7px;font-size:12.5px}
.wl-rows div{display:flex;justify-content:space-between;gap:10px}
.wl-rows span{color:var(--fg3);flex:none}
.wl-rows b{font-weight:500;color:var(--fg2);text-align:right}
.wl-small{font-size:12px!important;color:var(--fg3)!important;margin:10px 0 0!important;line-height:1.6}
.wl-mvs{display:flex;flex-direction:column}
.wl-mvh{font-size:11.5px;color:var(--fg3);margin:4px 0 2px}
.wl-mv{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:8px;align-items:center;font-size:12.5px;padding:5px 0;color:var(--fg);text-decoration:none;font-variant-numeric:tabular-nums}
.wl-mv:hover b{color:var(--accent)}
.wl-mv>span:last-child{text-align:right}
.wl-mv-n{display:flex;align-items:center;gap:6px;min-width:0}
.wl-mvl{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent-bg);color:var(--accent);font-size:10px;font-style:normal;font-weight:700;overflow:hidden;flex:none}
.wl-mvl img{width:18px;height:18px;border-radius:50%;display:block}
.wl-link{margin-top:8px;font:inherit;font-size:12.5px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer}
.wl-stk{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line);font-size:12.5px}
.wl-stk:first-of-type{border-top:0;padding-top:0}
.wl-stk-l{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
.wl-stk-t{font-weight:700;color:var(--fg);text-decoration:none;margin-right:6px}
a.wl-stk-t[href]:hover{color:var(--accent)}
.wl-stk span{color:var(--fg3)}
.wl-stk .r{text-align:right;display:flex;gap:6px;align-items:baseline;justify-content:flex-end;font-variant-numeric:tabular-nums}
.wl-stk-w{grid-column:1/-1;color:var(--fg3);display:flex;gap:8px;align-items:center}
.wl-stk-w a{color:var(--fg2)}
.wl-tag{font-size:10.5px;color:var(--accent)!important;background:var(--accent-bg);border-radius:4px;padding:0 5px;text-decoration:none;margin-left:auto}
.wl-safe ul{margin:0;padding:0 0 0 16px;font-size:12.5px;color:var(--fg2);line-height:1.65}
.wl-safe li+li{margin-top:3px}
.wl-rel{display:block;font-size:13px;color:var(--accent);text-decoration:none;padding:3px 0}

/* 手机 / 窄屏 */
@media (max-width:1280px){.wl-table .hm2{display:none}}
@media (max-width:1100px){.wl-q{max-width:none;flex:1}}
@media (max-width:760px){
  .wl-table .hm,.wl-table .hm2{display:none}
  .wl-table td,.wl-table th{padding:9px 5px}
  .wl-table th:first-child,.wl-table td:first-child{padding-left:8px;width:22px}
  .wl-table .co .nm{max-width:118px}.wl-table .co .t{max-width:130px}
  .wl-f em{display:none}.wl-f{padding:3px 4px}
  .wl-mf{display:inline-flex;gap:2px;margin-left:2px}.wl-mi{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:4px;background:var(--bg2);color:var(--fg3)}
  .wl-tp{display:none}
  .wl-chip{display:none}.wl-cn{display:inline;font-size:12px;color:var(--fg2);font-weight:600}
  .wl-chips::after{content:"";}
  .wl-forms{overflow-x:auto;max-width:100%;flex-wrap:nowrap}
  .wl-forms button{white-space:nowrap;padding:6px 10px}
  .wl-chains{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;width:100%;max-width:100%}
  .wl-filters,.wl-frow{min-width:0;max-width:100%}
  .wl-table{min-width:0!important;table-layout:auto}
  .wl-q{order:-1;flex-basis:100%}
  .wl-tg{margin-left:0}
  .wl-more{flex:none}
  .wl-chains::-webkit-scrollbar{display:none}
  .wl-chains button{flex:none}
  .wl-frow2{flex-direction:column;align-items:stretch}
  .wl-tg{flex-wrap:wrap}
  .wl-top{flex-wrap:nowrap}
}

/* ===== 详情页 ===== */
.wd-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 18px;align-items:center}
.wd-head .wlogo{width:64px;height:64px;border-radius:16px;font-size:26px;font-weight:700}
.wd-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wd-name h1{font-size:24px;margin:0;line-height:1.2}
.wd-rank{font-size:12px;color:var(--accent);background:var(--accent-bg);border-radius:6px;padding:2px 8px;font-weight:600}
.wd-sub{font-size:13px;color:var(--fg3);margin-top:4px}
.wd-sub b{color:var(--fg2);font-weight:500}
.wd-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wd-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.wd-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:8px 14px;border-radius:9px;text-decoration:none;border:1px solid var(--line);color:var(--fg);background:var(--bg);white-space:nowrap}
.wd-btn:hover{border-color:var(--accent);color:var(--accent)}
.wd-btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.wd-btn.pri:hover{filter:brightness(1.05);color:#fff}
.wd-soc{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}
.wd-soc a{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;color:var(--fg3);border:1px solid var(--line)}
.wd-soc a:hover{color:var(--accent);border-color:var(--accent)}
.wd-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.wd-k{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.wd-k .l{font-size:12px;color:var(--fg3)}
.wd-k .v{font-size:20px;font-weight:700;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-k .v small{font-size:12px;font-weight:500;color:var(--fg3);margin-left:4px}
.wd-k .s{font-size:12px;color:var(--fg2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin:0 0 12px}
.wd-grid>.xd-card,.wd-grid2>.xd-card{margin:0}
.wd-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}
.wd-grid2:has(#wd-stock[hidden]){grid-template-columns:1fr}
.wd-grid2:has(#wd-token[hidden]){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.wd-token .wd-tokbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:center}
.wd-token .wd-chart{margin-top:0}
.wd-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;align-items:start}
.wd-two>.xd-card{margin:0}
.wd-col{display:flex;flex-direction:column;gap:12px}
.wd-col>.xd-card{margin:0}
.wd-desc{font-size:14px;line-height:1.85;color:var(--fg2);white-space:pre-line}
.wd-desc.clip{max-height:9.3em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.wd-more{font:inherit;font-size:13px;color:var(--accent);background:none;border:0;padding:6px 0 0;cursor:pointer}
.wd-chains{display:flex;flex-wrap:wrap;gap:6px}
.wd-chain{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 10px;border-radius:8px;background:var(--bg2);color:var(--fg);text-decoration:none}
.wd-chain b{font-weight:600}
.wd-chain span{color:var(--fg3);font-size:12px}
.wd-note{font-size:12px;color:var(--fg3);margin:10px 0 0;line-height:1.6}
.wd-sec{display:flex;flex-direction:column}
.wd-sec div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.wd-sec div:first-child{border-top:0;padding-top:2px}
.wd-sec span{color:var(--fg2)}
.wd-yes{color:#0f6b36;font-weight:600}.wd-no{color:var(--fg3)}.wd-mid{color:#8a5a00;font-weight:600}
.wd-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wd-dl a{display:flex;align-items:center;gap:8px;font-size:13px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);color:var(--fg);text-decoration:none;min-width:0}
.wd-dl a:hover{border-color:var(--accent);color:var(--accent)}
.wd-dl a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-tokrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.wd-tokrow .wlogo{width:40px;height:40px}
.wd-tokp{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.wd-tokp span{font-size:13px;font-weight:600;margin-left:8px}
.wd-tokm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.wd-tokm div{background:var(--bg2);border-radius:10px;padding:9px 11px;min-width:0}
.wd-tokm span{display:block;font-size:11.5px;color:var(--fg3)}
.wd-tokm b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.wd-chart{margin-top:12px}
.wd-chart svg{display:block;width:100%;height:150px}
.wd-chart-ax{display:flex;justify-content:space-between;font-size:11px;color:var(--fg3);margin-top:4px}
.wd-peers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.wd-peer{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--fg);min-width:0;background:var(--bg)}
.wd-peer:hover{border-color:var(--accent)}
.wd-peer .top{display:flex;align-items:center;gap:8px;min-width:0}
.wd-peer .top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.wd-peer .wlogo{width:26px;height:26px;flex:none}
.wd-peer .meta{font-size:12px;color:var(--fg3)}
.wd-ask{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:10px 14px;border:1px solid var(--ai-line,#cfe0ff);border-radius:14px;background:linear-gradient(100deg,#f0f6ff,var(--bg) 65%)}
.wd-ask .lab{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);margin-right:4px}
.wd-ask a{font-size:12.5px;color:var(--fg2);text-decoration:none;padding:5px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}
.wd-ask a:hover{color:var(--accent);border-color:var(--accent)}
.wd-gone{text-align:center;padding:60px 16px;color:var(--fg2)}
.wd-gone h1{font-size:20px;margin:0 0 8px;color:var(--fg)}
@media (max-width:1100px){.wd-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin:0 0 12px}
.wd-grid>.xd-card,.wd-grid2>.xd-card{margin:0}
.wd-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}
.wd-grid2:has(#wd-stock[hidden]){grid-template-columns:1fr}
.wd-grid2:has(#wd-token[hidden]){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.wd-token .wd-tokbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:center}
.wd-token .wd-chart{margin-top:0}
.wd-two{grid-template-columns:1fr}.wd-peers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .wd-head{grid-template-columns:auto minmax(0,1fr)}
  .wd-head .wlogo{width:52px;height:52px;border-radius:13px}
  .wd-name h1{font-size:20px}
  .wd-act{grid-column:1/-1;justify-content:flex-start}
  .wd-soc{justify-content:flex-start}
  .wd-kpi{grid-template-columns:1fr 1fr;gap:8px}
  .wd-k{padding:11px 12px}.wd-k .v{font-size:17px}
  .wd-tokm{grid-template-columns:1fr 1fr}
  .wd-peers{grid-template-columns:1fr 1fr}
  .wd-dl{grid-template-columns:1fr}
}

/* ===== 钱包代币详情（版式沿用 market.css 的币种详情） ===== */
.tk-tag{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-bg);border-radius:5px;padding:2px 7px;vertical-align:middle}
#cd-head .ava{background:#fff;border:1px solid var(--line)}
.tk-w{display:block;text-decoration:none;color:var(--fg)}
.tk-w:hover{border-color:var(--accent)}
.tk-w-top{display:flex;align-items:center;gap:10px}
.tk-w-top .wlogo{width:36px;height:36px;border-radius:10px}
.tk-w-top b{display:block;font-size:14px}.tk-w-top small{color:var(--fg3);font-size:12px}
.tk-w-go{margin-left:auto;color:var(--fg3);font-size:20px}
.tk-w-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}
.tk-on{font-size:10px;color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:0 5px;font-weight:600}
.tk-mk .nm{color:var(--fg);text-decoration:none}.tk-mk a.nm:hover{color:var(--accent)}
.tk-mk td,.tk-mk th{padding-block:9px}
.tk-cats{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 10px}
.tk-peers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.tk-pp{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-variant-numeric:tabular-nums}
.tk-pp span{font-weight:600}
@media (max-width:1280px){.tk-peers{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.tk-peers{grid-template-columns:1fr 1fr}.tk-mk .hm{display:none}.tk-mk .mv-table{min-width:0}}

/* ===== 黑夜模式：写死的颜色 ===== */
html[data-theme="dark"] .wlogo{background:#fff;border-color:#2b3646}
html[data-theme="dark"] .wl-f-hw{background:#172540;color:#9db8ff}
html[data-theme="dark"] .wl-f-hw svg{color:#7aa0ff}
html[data-theme="dark"] .wl-b.self{background:#0f2d1e;color:#5fd59a}
html[data-theme="dark"] .wl-b.mpc{background:#172540;color:#9db8ff}
html[data-theme="dark"] .wl-b.cus{background:#33270f;color:#e9a640}
html[data-theme="dark"] .wd-yes{color:#5fd59a}
html[data-theme="dark"] .wd-mid{color:#e9a640}
html[data-theme="dark"] .vm4 .iss{background:#1c2533!important;color:#a2adc0!important}
html[data-theme="dark"] .wd-ask{background:linear-gradient(100deg,#14233f,var(--bg) 65%);border-color:#26406f}

html[data-theme="dark"] #cd-head .ava{background:#fff}