/* ===== A股数据平台 网页端样式（纯原生，无第三方依赖） ===== */
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",Segoe UI,sans-serif;background:#E9EDF2;color:#1E293B;}
.v-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.card{background:#fff;border:0.5px solid #E5E7EB;border-radius:12px;padding:14px;margin-bottom:12px;}
.mut{color:#6B7280;font-size:12px;}
.red{color:#C0392B;} .grn{color:#2E7D32;}
.row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:0.5px solid #F1F5F9;}
.row:last-child{border-bottom:none;}
.bar{height:8px;border-radius:4px;background:#F1F5F9;overflow:hidden;}
.tbtn{padding:8px 18px;border:0.5px solid #CBD5E1;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;color:#374151;}
.tbtn.on{background:#185FA5;color:#fff;border-color:#185FA5;}
.page{display:none;} .page.on{display:block;}
.badge{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;}
.live{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#2E7D32;}
.dot{width:7px;height:7px;border-radius:50%;background:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.15);animation:pulse 1.6s infinite;}
@keyframes pulse{0%{opacity:1;}50%{opacity:.4;}100%{opacity:1;}}
/* 布局 */
.app{display:flex;min-height:640px;}
.side{width:158px;background:#0C2746;color:#CFE0F0;padding:14px 8px;border-radius:12px 0 0 12px;flex:0 0 auto;}
.side h3{font-size:13px;color:#7FA8D6;margin:6px 8px 8px;font-weight:500;}
.snav{padding:9px 10px;border-radius:8px;font-size:13px;cursor:pointer;margin-bottom:3px;color:#CFE0F0;}
.snav:hover{background:#163A5F;}
.snav.on{background:#185FA5;color:#fff;}
.main{flex:1;background:#F4F6F9;padding:14px;min-width:0;}
.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:0.5px solid #E5E7EB;border-radius:10px;padding:10px 14px;margin-bottom:12px;}
.h2{font-size:16px;font-weight:600;color:#0C447C;margin:0 0 10px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.heat{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px;}
.hcell{border-radius:8px;padding:10px 6px;text-align:center;color:#fff;font-size:12px;}
.hcell .lb{font-weight:600;font-size:13px;}
.ky{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.kchip{padding:5px 10px;border-radius:7px;background:#EAF1F9;color:#185FA5;font-size:12px;cursor:pointer;}
.cfg{border:0.5px solid #E5E7EB;border-radius:10px;padding:12px;margin-bottom:10px;background:#fff;}
.sw{width:38px;height:22px;border-radius:12px;background:#CBD5E1;position:relative;display:inline-block;vertical-align:middle;cursor:pointer;}
.sw.on{background:#185FA5;} .sw::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;}
.sw.on::after{left:18px;}
.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;background:#EEF2F7;color:#475569;margin:2px;cursor:pointer;}
.tag.on{background:#185FA5;color:#fff;}
/* 图表容器 */
.chart{width:100%;display:block;}
.kline-up{fill:#C0392B;} .kline-dn{fill:#2E7D32;}