/* v14.29 行情中心 /quotes：列表 + K 线，双栏（≥980px）/ 单栏 */
.qt-main{max-width:1280px;margin:0 auto;padding:16px 20px 40px}
.qt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 14px}
.qt-head h1{font-size:22px;font-weight:700;margin:0;letter-spacing:.2px}
.qt-head p{margin:0;font-size:12.5px;color:var(--text-3)}
.qt-grid{display:grid;grid-template-columns:minmax(340px,38%) 1fr;gap:16px;align-items:start}
.qt-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
/* 列表 */
.qt-tools{padding:12px 14px 8px;border-bottom:1px solid var(--line)}
.qt-search{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border-radius:10px;padding:8px 12px}
.qt-search input{flex:1;border:0;background:transparent;font-size:14px;color:var(--text-1);outline:0}
.qt-search i{color:var(--text-3);font-size:13px}
.qt-segs{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.qt-segs::-webkit-scrollbar{display:none}
.qt-seg{flex:none;border:0;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--text-2);background:var(--bg-soft);cursor:pointer}
.qt-seg.on{color:#fff;background:var(--text-1)}
[data-theme=dark] .qt-seg.on{color:#0f1214;background:#f2f4f6}
.qt-thead{display:grid;grid-template-columns:1fr 110px 92px;padding:8px 14px 6px;font-size:11.5px;color:var(--text-3)}
.qt-thead button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left;padding:0;display:inline-flex;align-items:center;gap:2px}
.qt-thead button.on{color:var(--text-1);font-weight:600}
.qt-thead .r,.qt-row .r{text-align:right;justify-content:flex-end}
.qt-list{max-height:calc(100vh - 300px);min-height:360px;overflow:auto}
.qt-row{display:grid;grid-template-columns:1fr 110px 92px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);cursor:pointer;text-decoration:none;color:inherit}
.qt-row:hover{background:var(--bg-soft)}
.qt-row.on{background:var(--bg-soft);box-shadow:inset 3px 0 0 var(--brand)}
.qt-sym{font-size:14.5px;font-weight:700}
.qt-sym small{font-size:11px;font-weight:500;color:var(--text-3)}
.qt-sub{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:1px}
.qt-price{font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}
.qt-price.flash-up{color:var(--up)}.qt-price.flash-down{color:var(--down)}
.qt-chg{display:inline-block;min-width:66px;text-align:center;padding:3px 7px;border-radius:7px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.qt-chg.up{color:var(--up);background:color-mix(in srgb,var(--up) 12%,transparent)}
.qt-chg.down{color:var(--down);background:color-mix(in srgb,var(--down) 12%,transparent)}
.qt-tag{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:600;color:var(--text-2);background:var(--bg-soft);vertical-align:1px}
.qt-foot{padding:10px 14px;font-size:11.5px;color:var(--text-3);border-top:1px solid var(--line)}
.qt-empty{padding:40px 14px;text-align:center;color:var(--text-3);font-size:13px}
/* 详情 */
.qt-dhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;padding:16px 18px 10px}
.qt-dtitle{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}
.qt-dprice{display:flex;align-items:baseline;gap:10px}
.qt-dprice b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.qt-dstats{display:flex;flex-wrap:wrap;gap:14px;padding:0 18px 10px;font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}
.qt-dstats b{color:var(--text-2);font-weight:600;margin-left:4px}
.qt-ctrls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.qt-ivs{display:flex;gap:2px}
.qt-iv{border:0;background:none;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}
.qt-iv.on{color:#fff;background:var(--text-1)}
[data-theme=dark] .qt-iv.on{color:#0f1214;background:#f2f4f6}
.qt-ma{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-3)}
.qt-ma label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.qt-ma i{display:inline-block;width:10px;height:2px;border-radius:1px}
.qt-canvas-wrap{position:relative;height:440px;touch-action:none;user-select:none}
.qt-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.qt-src{padding:8px 18px 14px;font-size:11.5px;color:var(--text-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.qt-news{padding:6px 18px 16px}
.qt-news h2{font-size:15px;font-weight:700;margin:10px 0 6px}
.qt-news a{display:flex;gap:12px;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit;font-size:13.5px;line-height:1.5}
.qt-news a:first-of-type{border-top:0}
.qt-news time{flex:none;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px;padding-top:2px}
.qt-news a:hover span{color:var(--brand)}
@media (max-width:980px){
  .qt-grid{grid-template-columns:1fr}
  .qt-list{max-height:none;min-height:0}
  .qt-canvas-wrap{height:340px}
  .qt-detail{order:-1}
  .qt-thead,.qt-row{grid-template-columns:1fr 100px 80px}
}
