:root {
  --bg-app: #04040a;
  --bg-left: #0a0b14;
  --bg-detail: #0d0d14;
  --bg-card: #161624;
  --bg-card2: #1a1a2e;
  --gold: #c9a84c;
  --gold-dim: #7a6330;
  --gold-light: #e8d5a3;
  --gold-glow: rgba(180,150,80,0.12);
  --green: #22c55e;
  --red-c: #ef4444;
  --blue: #3b82f6;
  --text-1: rgba(255,255,255,0.92);
  --text-2: rgba(255,255,255,0.8);
  --text-3: rgba(255,255,255,0.55);
  --border: rgba(255,255,255,0.08);
  --border-m: rgba(180,150,80,0.15);
  --accent: #6366f1;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;}
body{font-family:'Noto Sans SC',sans-serif;background:var(--bg-app);color:var(--text-1);font-size:14px;line-height:1.7;}

/* ═══ TOPNAV ═══ */
.nav{height:44px;background:#0d0d14;border-bottom:1px solid rgba(180,150,80,0.12);display:flex;align-items:center;padding:0 20px;gap:12px;position:sticky;top:0;z-index:999;}
.nav-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.nav-logo-mark{width:24px;height:24px;background:linear-gradient(135deg,var(--gold),#9a7b35);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#04040a;font-family:'Cinzel',serif;flex-shrink:0;}
.nav-name{font-family:'Cinzel',serif;font-size:13px;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap;}
.nav-div{width:1px;height:16px;background:var(--border-m);flex-shrink:0;}
.nav-sub{font-size:12px;color:var(--text-2);white-space:nowrap;flex-shrink:0;}
.nav-tools{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;}
.nav-back{font-size:11px;color:var(--text-3);text-decoration:none;display:flex;align-items:center;gap:5px;transition:color 0.2s;font-family:'DM Mono',monospace;flex-shrink:0;margin-left:8px;white-space:nowrap;}
.nav-back:hover{color:var(--gold);}

/* ═══ LAYOUT ═══ */
.layout{display:flex;height:calc(100vh - 44px);}

/* ═══ LEFT PANEL ═══ */
.left{width:300px;flex-shrink:0;background:var(--bg-left);border-right:1px solid rgba(180,150,80,0.08);display:flex;flex-direction:column;overflow:hidden;}

/* stats grid */
.side-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.01);}
.ss-cell{padding:12px 6px;text-align:center;border-right:1px solid rgba(255,255,255,0.03);}
.ss-cell:last-child{border-right:none;}
.ss-val{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:3px;letter-spacing:0.5px;}
.ss-unit{font-family:'DM Mono','Noto Sans SC',monospace;font-size:8px;letter-spacing:0.8px;color:rgba(255,255,255,0.22);}

/* date strip */
.side-date{padding:5px 16px;border-bottom:1px solid rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.008);}
.sd-left{font-family:'DM Mono','Noto Sans SC',monospace;font-size:9px;color:rgba(255,255,255,0.18);letter-spacing:1px;}
.sd-dot{width:4px;height:4px;border-radius:50%;background:rgba(180,150,80,0.4);margin-right:5px;display:inline-block;}
.sd-right{font-family:'DM Mono',monospace;font-size:9px;color:rgba(180,150,80,0.25);letter-spacing:0.5px;}
.left-head{padding:12px;border-bottom:1px solid var(--border);}
.search-wrap{position:relative;margin-bottom:10px;}
.search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:11px;}
.search-inp{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border-m);border-radius:10px;padding:7px 10px 7px 28px;font-size:12px;color:var(--text-1);font-family:'Noto Sans SC',sans-serif;outline:none;transition:border-color 0.2s;}
/* Desktop: filter button inside search-wrap as normal flow */
.filt-inside-btn{margin-top:8px;}
.search-inp:focus{border-color:rgba(180,150,80,0.35);}
.search-inp::placeholder{color:var(--text-3);}
.chips{display:flex;flex-wrap:wrap;gap:4px;}
.chip{font-size:11px;padding:3px 8px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-3);transition:all 0.15s;user-select:none;font-family:'Noto Sans SC',sans-serif;}
.chip:hover{border-color:var(--border-m);color:var(--text-2);}
.chip.on{background:var(--gold-glow);border-color:rgba(180,150,80,0.3);color:var(--gold);}
/* filter groups */
/* ── Filter dropdown ── */
.filt-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:11px;font-family:'Noto Sans SC',sans-serif;cursor:pointer;transition:all 0.15s;user-select:none;}
.filt-toggle-btn:hover,.filt-toggle-btn.active{border-color:rgba(180,150,80,0.4);color:var(--gold);background:var(--gold-glow);}
.filt-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--gold);color:#04040a;font-size:11px;font-weight:700;border-radius:8px;font-family:'DM Mono',monospace;}
.filt-summary{font-size:11px;color:var(--text-3);font-family:'DM Mono',monospace;flex:1;}
.filt-panel{display:none;padding:12px 12px 2px;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.012);}
.filt-panel.open{display:block;}
.filt-grp{margin-bottom:10px;}
.filt-grp-lbl{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;}
.filt-grp-reset{font-size:11px;color:rgba(180,150,80,0.65);cursor:pointer;letter-spacing:0;text-transform:none;font-family:'Noto Sans SC',sans-serif;}
.filt-grp-reset:hover{color:var(--gold);}
.filt-chips{display:flex;flex-wrap:wrap;gap:4px;}
.fchip{font-size:11px;padding:3px 8px;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-3);transition:all 0.12s;user-select:none;font-family:'Noto Sans SC',sans-serif;line-height:1.6;}
.fchip:hover{border-color:var(--border-m);color:var(--text-2);}
.fchip.on{background:var(--gold-glow);border-color:rgba(180,150,80,0.28);color:var(--gold);}
.filt-panel-footer{padding:4px 0 8px;font-size:11px;font-family:'DM Mono',monospace;text-align:right;}
.filt-panel-footer span{color:rgba(180,150,80,0.65);cursor:pointer;}
.filt-panel-footer span:hover{color:var(--gold);}
.left-head-divider{height:1px;background:var(--border);margin:0;}

/* brand list */
.blist{flex:1;overflow-y:auto;padding:0;}
.blist::-webkit-scrollbar{width:2px;}
.blist::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}

/* section label */
.bl-section{padding:8px 14px;font-family:'Noto Sans SC','DM Mono',sans-serif;font-size:10px;letter-spacing:1px;color:rgba(180,150,80,0.35);background:var(--bg-left);border-bottom:1px solid rgba(255,255,255,0.04);display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:2;white-space:nowrap;}
.bl-section::after{content:'';flex:1;height:1px;background:rgba(180,150,80,0.08);}
.bl-section-count{color:rgba(255,255,255,0.15);}

.bitem{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;border-left:2px solid transparent;transition:all 0.12s;border-bottom:1px solid rgba(255,255,255,0.02);}
.bitem:hover{background:rgba(255,255,255,0.02);border-left-color:rgba(180,150,80,0.15);}
.bitem.on{background:rgba(180,150,80,0.04);border-left-color:var(--gold);}

/* star */
.bstar{width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;color:rgba(255,255,255,0.10);transition:all 0.15s;flex-shrink:0;border-radius:3px;}
.bstar:hover{color:rgba(180,150,80,0.5);background:rgba(180,150,80,0.05);}
.bstar.on{color:var(--gold);}

/* hide square logos */
.blogo{display:none;}
.bitem.gone{display:none;}

.binfo{flex:1;min-width:0;}
.bname{font-size:13px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;}
.b-en{font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btags{display:flex;gap:3px;flex-wrap:wrap;}
.mtag{font-size:11px;padding:1px 5px;border-radius:5px;font-weight:500;letter-spacing:0.3px;}
.t-s{background:rgba(34,197,94,0.12);color:#4ade80;}
.t-c{background:rgba(239,68,68,0.12);color:#f87171;}
.t-r{background:rgba(180,150,80,0.12);color:var(--gold);}
.t-o{background:rgba(59,130,246,0.12);color:#60a5fa;}
.t-st{background:rgba(167,139,250,0.12);color:#a78bfa;}
.t-h{background:rgba(20,184,166,0.12);color:#2dd4bf;}

/* ═══ RIGHT PANEL ═══ */
.right{flex:1;overflow-y:auto;background:var(--bg-detail);}
.right::-webkit-scrollbar{width:4px;}
.right::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:4px;}

/* empty */
.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-3);}
.empty-ico{font-size:40px;opacity:0.3;}
.empty-t{font-size:14px;font-family:'Cinzel',serif;color:var(--text-2);}
.empty-s{font-size:11px;font-family:'DM Mono',monospace;}

/* ═══ DETAIL ═══ */

/* hero */
.d-hero{padding:36px 40px 0;background:#04040a;border-bottom:1px solid rgba(180,150,80,0.15);position:relative;overflow:hidden;}
.d-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(180,150,80,0.015) 1px, transparent 1px),linear-gradient(90deg, rgba(180,150,80,0.015) 1px, transparent 1px);background-size:60px 60px;pointer-events:none;}
.d-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%, rgba(180,150,80,0.05) 0%, transparent 65%);pointer-events:none;}

.d-top{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;position:relative;z-index:1;}
.d-logo-wrap{display:none;}
.d-logo{display:none;}
.d-logo img{width:100%;height:100%;object-fit:contain;padding:8px;}
.d-logo-fb{font-size:22px;font-weight:700;font-family:'Cinzel',serif;color:var(--text-2);}

.d-meta{flex:1;}
.d-name{font-family:'Noto Serif SC',serif;font-size:26px;color:var(--text-1);line-height:1.15;margin-bottom:4px;position:relative;z-index:1;}
.d-en{font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:10px;}
.d-tags{display:flex;flex-wrap:wrap;gap:5px;}
.dtag{font-size:11px;padding:3px 10px;border-radius:8px;font-weight:500;letter-spacing:0.3px;}
.dt-s{background:rgba(34,197,94,0.1);color:#4ade80;border:1px solid rgba(34,197,94,0.2);}
.dt-c{background:rgba(239,68,68,0.1);color:#f87171;border:1px solid rgba(239,68,68,0.2);}
.dt-r{background:rgba(180,150,80,0.1);color:var(--gold);border:1px solid rgba(180,150,80,0.2);}
.dt-o{background:rgba(59,130,246,0.1);color:#60a5fa;border:1px solid rgba(59,130,246,0.2);}
.dt-st{background:rgba(167,139,250,0.1);color:#a78bfa;border:1px solid rgba(167,139,250,0.2);}
.dt-h{background:rgba(20,184,166,0.1);color:#2dd4bf;border:1px solid rgba(20,184,166,0.2);}

.d-lead{font-size:14px;color:var(--text-2);line-height:1.85;max-width:680px;margin-bottom:24px;position:relative;z-index:1;}

/* stock bar */
.stock-bar{display:flex;align-items:stretch;gap:0;background:rgba(0,0,0,0.25);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:28px;position:relative;z-index:1;}
.sb-item{flex:1;padding:12px 16px;border-right:1px solid var(--border);min-width:100px;}
.sb-item:last-child{border-right:none;}
.sb-label{font-size:12px;color:var(--text-3);letter-spacing:1.5px;text-transform:uppercase;font-family:'DM Mono',monospace;margin-bottom:5px;}
.sb-val{font-size:15px;font-weight:600;color:var(--text-1);font-family:'DM Mono',monospace;line-height:1.2;}
.sb-val.gold{color:var(--gold);}
.sb-val.green{color:var(--green);}
.sb-val.red{color:var(--red-c);}
.sb-sub{font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;margin-top:2px;}
.sb-exchange{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,0.05);color:var(--text-3);font-family:'DM Mono',monospace;margin-top:4px;}
.stock-note{padding:8px 16px;font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;text-align:right;border-top:1px solid var(--border);}
.private-badge{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;font-size:11px;color:var(--text-3);font-family:'DM Mono',monospace;}

/* detail body */
.d-body{padding:28px 40px 56px;}

.sec{margin-bottom:28px;}
.sec-title{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(180,150,80,0.85);margin-bottom:14px;display:flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;}
.sec-title::before{content:'';display:inline-block;width:16px;height:1px;background:var(--gold);opacity:0.5;}

/* timeline */
.tl{display:flex;flex-direction:column;}
.tl-row{display:flex;gap:14px;padding-bottom:18px;}
.tl-row:last-child{padding-bottom:0;}
.tl-row:last-child .tl-line{display:none;}
.tl-side{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:4px;}
.tl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dot-gold{background:var(--gold);}
.dot-red{background:var(--red-c);}
.dot-green{background:var(--green);}
.tl-line{flex:1;width:1px;background:var(--border);margin-top:5px;}
.tl-yr{font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:3px;}
.tl-txt{font-size:12.5px;color:var(--text-2);line-height:1.72;}
.tl-txt strong{color:var(--text-1);font-weight:500;}

/* insight grid */
.ig{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.ic{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:13px 15px;position:relative;overflow:hidden;}
.ic::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold),transparent);}
.ic-lbl{font-size:12px;color:var(--text-3);letter-spacing:1px;text-transform:uppercase;font-family:'DM Mono',monospace;margin-bottom:5px;}
.ic-val{font-size:12.5px;color:var(--text-2);line-height:1.55;}
.ic-val strong{color:var(--text-1);}

/* meacheal conclusion */
.mc-box{background:linear-gradient(135deg,rgba(180,150,80,0.07),rgba(180,150,80,0.02));border:1px solid rgba(180,150,80,0.15);border-radius:12px;padding:18px 22px;position:relative;overflow:hidden;}
.mc-box::after{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(180,150,80,0.1),transparent 70%);pointer-events:none;}
.mc-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.mc-logo-m{width:18px;height:18px;background:linear-gradient(135deg,var(--gold),#9a7b35);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#04040a;font-family:'Cinzel',serif;flex-shrink:0;}
.mc-brand{font-size:12px;color:var(--gold);font-family:'DM Mono',monospace;letter-spacing:1px;}
.mc-text{font-size:13px;color:var(--text-2);line-height:1.85;}
.mc-text strong{color:var(--text-1);font-weight:500;}

/* related */
.rel-grid{display:flex;flex-wrap:wrap;gap:8px;}
.rel-chip{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;transition:all 0.15s;color:var(--text-2);font-family:'Noto Sans SC',sans-serif;}
.rel-chip:hover{border-color:rgba(180,150,80,0.3);color:var(--gold);background:var(--gold-glow);}
.rel-chip-logo{width:18px;height:18px;border-radius:4px;overflow:hidden;background:var(--bg-card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rel-chip-logo img{width:100%;height:100%;object-fit:contain;padding:1px;}
.rel-chip-fb{font-size:11px;font-weight:700;color:var(--text-3);font-family:'Cinzel',serif;}

/* capital history */
.cap-table{width:100%;border-collapse:collapse;}
.cap-table tr{border-bottom:1px solid rgba(255,255,255,0.04);}
.cap-table tr:last-child{border-bottom:none;}
.cap-table tr:hover td{background:rgba(255,255,255,0.02);}
.cap-table td{padding:12px 14px;vertical-align:top;}
.cap-yr{font-size:11px;color:var(--text-3);font-family:'DM Mono',monospace;white-space:nowrap;width:60px;}
.cap-tag{display:inline-block;font-size:11px;padding:2px 7px;border-radius:4px;font-family:'DM Mono',monospace;letter-spacing:0.5px;margin-bottom:4px;}
.cap-tag-ipo{background:rgba(34,197,94,0.12);color:#4ade80;}
.cap-tag-上市{background:rgba(34,197,94,0.12);color:#4ade80;}
.cap-tag-退市{background:rgba(239,68,68,0.12);color:#f87171;}
.cap-tag-回购{background:rgba(99,102,241,0.12);color:#818cf8;}
.cap-tag-分红{background:rgba(180,150,80,0.12);color:var(--gold);}
.cap-tag-估值{background:rgba(59,130,246,0.12);color:#60a5fa;}
.cap-tag-融资{background:rgba(167,139,250,0.12);color:#a78bfa;}
.cap-tag-并购{background:rgba(249,115,22,0.12);color:#fb923c;}
.cap-tag-配售{background:rgba(236,72,153,0.12);color:#f472b6;}
.cap-ev{font-size:12.5px;color:var(--text-1);font-weight:500;margin-bottom:3px;}
.cap-detail{font-size:11.5px;color:var(--text-2);line-height:1.7;}

/* founder */
.fdr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.fdr-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:rgba(255,255,255,0.04);}
.fdr-cell{padding:14px 16px;background:var(--bg-detail);}
.fdr-cell-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:6px;}
.fdr-cell-val{font-size:13px;color:var(--text-1);font-weight:500;}
.fdr-cell-val.gold{color:var(--gold);}
.fdr-cell-sub{font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;margin-top:3px;}
.fdr-path{padding:18px 20px;border-top:1px solid var(--border);}
.fdr-path-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:14px;}
.fdr-step{display:flex;gap:12px;padding-bottom:14px;}
.fdr-step:last-child{padding-bottom:0;}
.fdr-step-yr{font-size:12px;color:var(--gold-dim);font-family:'DM Mono',monospace;min-width:38px;padding-top:2px;}
.fdr-step-txt{font-size:12px;color:var(--text-2);line-height:1.7;border-left:1px solid rgba(180,150,80,0.15);padding-left:12px;}
.fdr-note{padding:14px 20px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-3);line-height:1.8;font-style:italic;}

/* source */
.src-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-decoration:none;font-size:12px;color:var(--text-2);transition:all 0.2s;font-family:'Noto Sans SC',sans-serif;}
.src-btn:hover{border-color:rgba(180,150,80,0.3);color:var(--gold);background:var(--gold-glow);}

/* ── KEY METRICS TABLE ── */
/* ═══ KEY METRICS — 3 BLOCK SYSTEM ═══ */

/* ── Block 1: Revenue Comparison Table ── */
.km-section{margin-bottom:16px;}
.km-section-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.km-section-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.08);}

.cmp-table{width:100%;border-collapse:collapse;}
.cmp-table th{padding:8px 14px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);font-family:'DM Mono',monospace;font-weight:400;text-align:right;border-bottom:1px solid rgba(255,255,255,0.08);}
.cmp-table th:first-child{text-align:left;width:28%;}
.cmp-table td{padding:14px 14px;vertical-align:middle;text-align:right;border-bottom:1px solid rgba(255,255,255,0.04);}
.cmp-table td:first-child{text-align:left;}
.cmp-table tbody tr:last-child td{border-bottom:none;}
.cmp-table tbody tr:hover td{background:rgba(255,255,255,0.02);}
.cmp-metric{font-size:11px;color:var(--text-2);}
.cmp-old{font-size:14px;font-weight:500;color:var(--text-2);font-family:'DM Mono',monospace;}
.cmp-cur{font-size:18px;font-weight:700;color:var(--text-1);font-family:'DM Mono',monospace;letter-spacing:0.3px;}
.cmp-cur-col{background:rgba(180,150,80,0.04);border-left:1px solid rgba(180,150,80,0.1)!important;border-right:1px solid rgba(180,150,80,0.1)!important;}
.cmp-cur-head{color:var(--gold)!important;}
.cmp-yoy{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:'DM Mono',monospace;padding:2px 8px;border-radius:4px;margin-top:4px;}
.cmp-yoy.up{color:#4ade80;background:rgba(74,222,128,0.1);}
.cmp-yoy.dn{color:#f87171;background:rgba(248,113,113,0.1);}
.cmp-bar-cell{vertical-align:middle!important;text-align:center!important;}
.cmp-bar-inner{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:44px;}
.cmp-bar-s{width:18px;border-radius:2px 2px 0 0;background:rgba(180,150,80,0.25);}
.cmp-bar-s.hi{background:rgba(180,150,80,0.82);}
/* bar row should NOT inherit the column highlight background */
.cmp-bar-row td.cmp-cur-col{background:transparent!important;}

/* ── Block 2: Financial Ratio Table ── */
.fin-table{width:100%;border-collapse:collapse;}
.fin-table tr{border-bottom:1px solid rgba(255,255,255,0.04);}
.fin-table tr:last-child{border-bottom:none;}
.fin-table tr:hover td{background:rgba(255,255,255,0.02);}
.fin-table td{padding:13px 14px;vertical-align:middle;}
.fin-label{font-size:12px;color:var(--text-2);font-weight:500;}
.fin-val{font-size:22px;font-weight:700;color:var(--text-1);font-family:'DM Mono',monospace;text-align:right;}
.fin-bar-col{width:120px;padding:13px 14px 13px 0!important;}
.fin-gauge{height:5px;background:rgba(255,255,255,0.07);border-radius:3px;overflow:hidden;}
.fin-gauge-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,rgba(180,150,80,0.5),rgba(180,150,80,0.9));}
.fin-bench{font-size:11px;color:var(--text-3);font-family:'DM Mono',monospace;margin-top:5px;white-space:nowrap;}
.fin-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:'DM Mono',monospace;padding:2px 8px;border-radius:4px;white-space:nowrap;}
.fin-badge.good{color:#4ade80;background:rgba(74,222,128,0.1);}
.fin-badge.warn{color:#fbbf24;background:rgba(251,191,36,0.1);}

/* ── Block 3: Operational Data Table ── */
.ops-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;}
.ops-cell{background:var(--bg-detail);padding:16px 18px;}
.ops-cell-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);font-family:'DM Mono',monospace;margin-bottom:10px;}
.ops-cell-val{font-size:22px;font-weight:700;color:var(--text-1);font-family:'DM Mono',monospace;letter-spacing:0.3px;margin-bottom:6px;}
.ops-cell-note{font-size:11px;color:var(--text-3);line-height:1.5;}
.ops-cell-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:'DM Mono',monospace;padding:2px 7px;border-radius:3px;margin-top:6px;}
.ops-cell-tag.up{color:#4ade80;background:rgba(74,222,128,0.08);}
.ops-cell-tag.dn{color:#f87171;background:rgba(248,113,113,0.08);}
.ops-cell-tag.fl{color:var(--text-3);background:rgba(255,255,255,0.05);}

/* separator line */
.d-sep{height:1px;background:var(--border);margin:0 40px;}

/* ═══ SCATTER CHART OVERLAY ═══ */
.chart-btn{font-size:11px;padding:3px 10px;background:var(--gold-glow);border:1px solid rgba(180,150,80,0.25);border-radius:6px;color:var(--gold);cursor:pointer;font-family:'DM Mono',monospace;letter-spacing:0.5px;transition:all 0.15s;white-space:nowrap;}
.chart-btn:hover{background:rgba(180,150,80,0.18);border-color:rgba(180,150,80,0.6);}
.chart-ov{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-app);z-index:9990;display:none;flex-direction:column;overflow:hidden;}
.chart-ov.on{display:flex;}
.chart-bar{height:44px;display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:1px solid rgba(180,150,80,0.2);flex-shrink:0;}
.chart-bar-title{font-family:'Noto Serif SC',serif;font-size:16px;color:var(--text-1);}
.chart-bar-sub{font-size:13px;color:var(--text-3);font-family:'DM Mono',monospace;}
.chart-close-btn{margin-left:auto;font-size:11px;color:var(--text-3);cursor:pointer;font-family:'DM Mono',monospace;padding:3px 10px;border:1px solid var(--border);border-radius:5px;background:transparent;transition:all 0.15s;}
.chart-close-btn:hover{color:var(--text-1);border-color:var(--border-m);}
.chart-main{flex:1;display:flex;min-height:0;overflow:hidden;padding:14px 16px 14px 12px;gap:12px;}
.chart-svg-box{flex:1;min-width:0;min-height:0;position:relative;}
#chartSvg{width:100%;height:100%;min-height:400px;display:block;}
.chart-leg{width:122px;flex-shrink:0;display:flex;flex-direction:column;gap:5px;padding-top:2px;}
.cl-head{font-size:11px;letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;font-family:'DM Mono',monospace;margin-top:10px;margin-bottom:2px;}
.cl-head:first-child{margin-top:0;}
.cl-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2);}
.cl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.chart-tip{position:fixed;background:rgba(4,4,10,0.97);border:1px solid rgba(180,150,80,0.2);border-radius:12px;padding:11px 14px;pointer-events:none;display:none;z-index:10001;min-width:168px;box-shadow:0 8px 32px rgba(0,0,0,0.6);}
.ct-name{font-size:14px;font-weight:500;color:var(--text-1);margin-bottom:5px;}
.ct-seg{font-size:12px;font-family:'DM Mono',monospace;margin-bottom:7px;letter-spacing:0.5px;}
.ct-line{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--text-3);font-family:'DM Mono',monospace;margin-top:3px;}
.ct-v{color:var(--text-2);}
.ct-hint{margin-top:7px;font-size:12px;color:rgba(255,255,255,0.30);font-family:'DM Mono',monospace;}

/* ═══ DEMOGRAPHIC SHIFT OVERLAY ═══ */
.demo-ov{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-app);z-index:9990;display:none;flex-direction:column;overflow:hidden;}
.demo-ov.on{display:flex;}
.demo-main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;}
.demo-left{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-right:none;padding:24px 28px;}
.demo-right{background:rgba(255,255,255,0.02);border:1px solid var(--border);padding:24px 28px;display:flex;flex-direction:column;}
.demo-sec-label{font-family:'DM Mono',monospace;font-size:13px;color:var(--text-3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px;}
.demo-chart-group{display:flex;flex-direction:column;gap:28px;}
.demo-chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.demo-chart-label{font-family:'DM Mono',monospace;font-size:13px;color:rgba(255,255,255,0.55);letter-spacing:1.2px;text-transform:uppercase;}
.demo-chart-unit{font-family:'DM Mono',monospace;font-size:13px;color:rgba(255,255,255,0.30);}
.demo-bars{display:flex;align-items:flex-end;height:80px;gap:4px;}
.demo-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;cursor:default;}
.demo-bar{width:100%;max-width:32px;border-radius:2px 2px 0 0;}
.demo-bar-val{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;margin-bottom:2px;white-space:nowrap;}
.demo-bar-years{display:flex;gap:4px;margin-top:4px;}
.demo-bar-year{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.30);}
.demo-summary{margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.04);display:flex;gap:20px;}
.demo-sum-item{display:flex;align-items:center;gap:6px;}
.demo-sum-label{font-family:'DM Mono',monospace;font-size:13px;color:rgba(255,255,255,0.55);}
.demo-sum-val{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;}
.demo-sum-span{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.30);}
.demo-insight-head{display:flex;align-items:center;gap:10px;margin-bottom:22px;}
.demo-insight-logo{width:20px;height:20px;background:linear-gradient(135deg,var(--gold),#9a7b35);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#04040a;font-family:'Cinzel',serif;}
.demo-insight-block{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.04);margin-bottom:18px;}
.demo-insight-block:last-child{padding-bottom:0;border-bottom:none;margin-bottom:0;}
.demo-insight-tag{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:2px 6px;display:inline-block;margin-bottom:8px;}
.demo-insight-title{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:600;color:rgba(255,255,255,0.92);margin-bottom:8px;line-height:1.5;}
.demo-insight-body{font-family:'Noto Sans SC',sans-serif;font-size:13px;color:rgba(255,255,255,0.55);line-height:1.8;}
.demo-insight-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.04);font-family:'DM Mono',monospace;font-size:12px;color:rgba(255,255,255,0.30);line-height:1.8;}

/* ═══ EIM BAR CHART ═══ */
.eim-barchart{max-width:1200px;margin:0 auto 1px;background:rgba(255,255,255,0.02);border:1px solid var(--border);border-bottom:none;padding:20px 28px 16px;}
.eim-barchart-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.eim-barchart-label{font-family:'DM Mono',monospace;font-size:13px;color:rgba(255,255,255,0.55);letter-spacing:1.5px;text-transform:uppercase;}
.eim-barchart-legend{display:flex;gap:18px;}
.eim-barchart-legitem{display:flex;align-items:center;gap:5px;}
.eim-barchart-legdot{width:10px;height:6px;border-radius:1px;}
.eim-barchart-leglabel{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.55);letter-spacing:0.5px;}
.eim-bars-wrap{display:flex;gap:8px;}
.eim-bars-yaxis{display:flex;flex-direction:column;justify-content:space-between;height:130px;padding-bottom:2px;}
.eim-bars-yval{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.30);text-align:right;width:20px;}
.eim-bars-area{flex:1;position:relative;}
.eim-bars-grid{position:absolute;left:0;right:0;height:1px;}
.eim-bars-container{display:flex;align-items:flex-end;height:130px;gap:3px;position:relative;z-index:1;}
.eim-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;}
.eim-bar-tooltip{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;margin-bottom:3px;}
.eim-bar-stick{width:100%;max-width:56px;border-radius:2px 2px 0 0;position:relative;}
.eim-bar-eventlabel{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.55);letter-spacing:0.3px;white-space:nowrap;writing-mode:vertical-rl;}
.eim-bars-xlabels{display:flex;gap:3px;margin-top:6px;}
.eim-bar-xlabel{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:11px;}
.eim-bars-enames{display:flex;gap:3px;margin-top:2px;}
.eim-bar-ename{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.3px;}

/* ═══ EVENT IMPACT MATRIX OVERLAY ═══ */
.eim-ov{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-app);z-index:9990;display:none;flex-direction:column;overflow:hidden;}
.eim-ov.on{display:flex;}
.eim-bar{height:44px;display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:1px solid rgba(180,150,80,0.1);flex-shrink:0;}
.eim-tag{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#c9a84c;background:rgba(180,150,80,0.05);border:1px solid rgba(180,150,80,0.25);padding:3px 8px;}
.eim-bar-title{font-family:'Cinzel',serif;font-size:16px;font-weight:600;color:var(--text-3);letter-spacing:1.5px;}
.eim-bar-sub{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.55);letter-spacing:0.5px;margin-left:auto;margin-right:12px;}
.eim-body{flex:1;overflow-y:auto;padding:24px 28px 40px;}

/* filter bar */
.eim-filter{max-width:1200px;margin:0 auto;background:rgba(180,150,80,0.05);border:1px solid rgba(255,255,255,0.08);border-top:1px solid rgba(180,150,80,0.1);border-bottom:none;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.eim-filter-btns{display:flex;gap:3px;}
.eim-fbtn{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1px;padding:4px 10px;cursor:pointer;border-radius:0;background:transparent;border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.55);}
.eim-fbtn.active{background:rgba(180,150,80,0.05);border-color:rgba(180,150,80,0.25);color:#c9a84c;}
.eim-fbtn:hover{border-color:rgba(180,150,80,0.15);}
.eim-pin-hint{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.55);letter-spacing:0.5px;display:flex;align-items:center;gap:5px;}

/* matrix table */
.eim-matrix{max-width:1200px;margin:0 auto;background:rgba(255,255,255,0.02);border:1px solid var(--border);border-top:1px solid rgba(255,255,255,0.04);overflow-x:auto;}
.eim-hcell{padding:10px 8px;text-align:center;border-left:1px solid rgba(255,255,255,0.04);}
.eim-hcell:first-child{text-align:left;padding-left:16px;border-left:none;}
.eim-hcell-year{font-family:'DM Mono',monospace;font-size:13px;color:#c9a84c;font-weight:500;}
.eim-hcell-name{font-family:'Noto Sans SC',sans-serif;font-size:12px;color:rgba(255,255,255,0.55);margin-top:2px;}
.eim-hcell-label{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:1.5px;color:rgba(255,255,255,0.55);text-transform:uppercase;}

/* brand rows */
.eim-row{display:grid;grid-template-columns:180px repeat(5,1fr);min-width:940px;border-bottom:1px solid rgba(255,255,255,0.04);}
.eim-header-row{border-bottom:1px solid var(--border);}
.eim-row:last-child{border-bottom:none;}
.eim-row:hover{background:rgba(255,255,255,0.015);}
.eim-row.pinned{background:rgba(180,150,80,0.05);border-left:2px solid rgba(180,150,80,0.25);}
.eim-row.pinned:hover{background:rgba(180,150,80,0.07);}

.eim-brand-cell{padding:14px 10px 14px 12px;border-right:1px solid rgba(255,255,255,0.04);display:flex;align-items:center;gap:8px;}
.eim-star{background:none;border:none;cursor:pointer;padding:0;font-size:14px;line-height:1;color:rgba(255,255,255,0.30);flex-shrink:0;}
.eim-star:hover{color:rgba(180,150,80,0.65);}
.eim-star.on{color:#c9a84c;}
.eim-brand-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.eim-status-tag{font-family:'DM Mono',monospace;font-size:11px;padding:1px 5px;letter-spacing:0.5px;flex-shrink:0;border:1px solid;}
.eim-status-tag.listed{color:rgba(34,197,94,0.7);border-color:rgba(34,197,94,0.15);}
.eim-status-tag.preipo{color:rgba(234,179,8,0.7);border-color:rgba(234,179,8,0.15);}
.eim-status-tag.private{color:var(--text-3);border-color:var(--border);}
.eim-brand-meta{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,0.30);margin-top:3px;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* decision cells */
.eim-dcell{padding:14px 10px;border-left:1px solid rgba(255,255,255,0.04);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;gap:8px;min-height:88px;}
.eim-dcell.unfilled{opacity:0.3;}
.eim-daction{font-size:12px;color:var(--text-2);line-height:1.55;flex:1;display:flex;align-items:center;}
.eim-dresult{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;padding:2px 7px;border-radius:2px;letter-spacing:0.3px;flex-shrink:0;white-space:nowrap;}
.eim-dresult.positive{color:#22c55e;background:rgba(34,197,94,0.07);border:1px solid rgba(34,197,94,0.18);}
.eim-dresult.negative{color:#ef4444;background:rgba(239,68,68,0.07);border:1px solid rgba(239,68,68,0.18);}
.eim-dresult.neutral{color:#eab308;background:rgba(234,179,8,0.07);border:1px solid rgba(234,179,8,0.18);}
.eim-dresult.na{color:rgba(255,255,255,0.30);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);}

/* expand button */
.eim-expand{max-width:1200px;margin:0 auto;background:rgba(255,255,255,0.02);border:1px solid var(--border);border-top:none;padding:13px;text-align:center;cursor:pointer;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:1.2px;color:var(--text-3);}
.eim-expand:hover{color:var(--gold);}

/* footer */
.eim-footer{max-width:1200px;margin:10px auto 0;display:flex;justify-content:space-between;gap:8px;}
.eim-footer span{font-family:'DM Mono',monospace;font-size:12px;color:rgba(255,255,255,0.30);letter-spacing:0.5px;}

/* ═══ MOBILE-ONLY ELEMENTS (hidden on desktop) ═══ */
.mob-back{display:none;}
.btn-short{display:none;}
@media(max-width:768px){
  .btn-full{display:none;}
  .btn-short{display:inline;}
}

/* ═══ MOBILE ≤768px ═══ */
@media(max-width:768px){
  html,body{overflow:hidden!important;height:100%!important;overflow-x:hidden!important;max-width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  .layout,.left,.nav{max-width:100%;overflow-x:hidden;}

  /* ══════════════════════════════════
     NAV — 紧凑单行，按钮缩写不截断
     ══════════════════════════════════ */
  .nav{padding:0 10px;gap:5px;height:42px;position:sticky;top:0;z-index:999;}
  .nav-brand{gap:5px;}
  .nav-logo-mark{width:22px;height:22px;font-size:10px;}
  .nav-name{font-size:11px;letter-spacing:1px;}
  .nav-sub{display:none;}
  .nav-div{display:none;}
  .nav-back{font-size:11px;padding:4px 8px;margin-left:4px;}
  .nav-tools{gap:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:1;min-width:0;}
  .nav-tools::-webkit-scrollbar{display:none;}
  .chart-btn{font-size:10px;padding:6px 10px;min-height:36px;letter-spacing:0;white-space:nowrap;flex-shrink:0;border-radius:4px;}
  .chip{min-height:44px;}
  .filt-toggle-btn{min-height:44px;}

  /* ══════════════════════════════════
     LAYOUT — 全屏锁定，不允许页面滚动
     品牌列表内部滚动，页面固定
     ══════════════════════════════════ */
  .layout{flex-direction:column;height:calc(100vh - 42px);height:calc(100dvh - 42px);overflow:hidden;}
  .left{width:100%;flex:1;min-height:0;border-right:none;border-bottom:none;overflow:hidden;display:flex;flex-direction:column;}

  /* ══════════════════════════════════
     STATS — 始终一行4格，极度压缩
     ══════════════════════════════════ */
  .side-stats{grid-template-columns:repeat(4,1fr);border-bottom:none;}
  .ss-cell{padding:4px 2px 3px;border-right-color:rgba(255,255,255,0.04);}
  .ss-val{font-size:13px;margin-bottom:0;line-height:1.2;}
  .ss-unit{font-size:8px;color:rgba(255,255,255,0.22);letter-spacing:0;}

  /* date strip — 极度压缩 */
  .side-date{padding:2px 10px;border-bottom:1px solid rgba(255,255,255,0.04);opacity:0.45;}
  .sd-left{font-size:8px;}
  .sd-right{font-size:8px;}

  /* ══════════════════════════════════
     HOW TO READ / MRC REPORTS — 并排一行
     两个折叠标题并排显示，各占一半宽度
     ══════════════════════════════════ */
  .mob-collapse-row{
    display:flex!important;
    flex-shrink:0;
  }
  .mob-collapse-row > div{
    flex:1;
  }
  .left [style*="padding:10px 16px 6px"]{
    padding:3px 10px 2px!important;
    border-bottom:none!important;
    border-right:1px solid rgba(255,255,255,0.04)!important;
  }
  .left [style*="padding:10px 16px 6px"]:last-child{
    border-right:none!important;
  }
  .left [style*="font-size:10px"][style*="letter-spacing:1.5px"]{
    font-size:9px!important;
    letter-spacing:0.5px!important;
  }
  .left [style*="font-size:9px"][style*="color:rgba(255,255,255,0.30)"]{
    font-size:8px!important;
  }
  /* 展开内容 */
  .left [style*="font-size:11.5px"]{font-size:13px!important;}
  .left [style*="display:none;margin-top:8px"]{
    max-height:50vh!important;
    padding-bottom:6px!important;
  }

  /* ══════════════════════════════════
     SEARCH & FILTER — 紧凑，搜索框轻量化
     ══════════════════════════════════ */
  .left-head{padding:8px 12px 6px;}
  .search-wrap{margin-bottom:0;display:flex;align-items:center;position:relative;}
  .search-inp{
    font-size:16px;
    padding:7px 68px 7px 28px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.06);
    background:rgba(255,255,255,0.03);
    flex:1;
  }
  .search-inp:focus{border-color:rgba(180,150,80,0.3);}
  .search-ico{font-size:12px;left:9px;z-index:1;}
  /* 方案A：筛选嵌入搜索框内部右侧 */
  .filt-inside-btn{
    position:absolute;right:4px;top:50%;transform:translateY(-50%);
    margin-top:0;
    font-size:10px;padding:4px 8px;border-radius:4px;
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
    z-index:1;
  }
  .filt-summary{font-size:10px;color:rgba(255,255,255,0.45);margin-top:3px;}
  .filt-panel{padding:8px 12px 2px;}
  .filt-grp{margin-bottom:6px;}
  .filt-grp-lbl{font-size:11px;margin-bottom:4px;}
  .fchip{font-size:11px;padding:5px 10px;line-height:1.5;min-height:36px;}
  .left-head-divider{display:none;}

  /* ══════════════════════════════════
     BRAND LIST — 高密度，每条item极紧凑
     目标：一屏至少8-10个品牌
     ══════════════════════════════════ */
  .blist{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
  .bitem{
    padding:9px 12px;
    gap:8px;
    min-height:44px;
    border-left-width:2px;
    border-bottom:1px solid rgba(255,255,255,0.05);
  }
  .bstar{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,0.15);}
  .binfo{gap:0;}
  .bname{font-size:14px;font-weight:500;margin-bottom:0;line-height:1.3;}
  .b-en{font-size:11px;line-height:1.3;margin-top:1px;color:rgba(255,255,255,0.50);}
  .btags{margin-top:2px;}
  .mtag{font-size:10px;padding:1px 5px;border-radius:3px;}
  /* section labels in list — 明确分组 */
  .bl-section{padding:6px 12px;font-size:9px;letter-spacing:0.8px;background:rgba(180,150,80,0.03);border-top:1px solid rgba(180,150,80,0.06);border-bottom:1px solid rgba(180,150,80,0.06);}
  /* active brand item — 更强视觉反馈 */
  .bitem.on{background:rgba(180,150,80,0.06);border-left-color:var(--gold);}
  .bitem.on .bname{color:var(--gold-light);}
  .bitem:active{background:rgba(255,255,255,0.04);}

  /* ══════════════════════════════════
     RIGHT PANEL = FULLSCREEN OVERLAY
     ══════════════════════════════════ */
  .right{
    position:fixed;top:0;left:0;right:0;bottom:0;
    z-index:9000;
    background:var(--bg-detail);
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    transform:translate3d(100%,0,0);
    transition:transform 0.25s ease;
    will-change:transform;
  }
  .right.mob-show{transform:translate3d(0,0,0);}

  /* back button */
  .mob-back{
    display:flex;align-items:center;gap:5px;
    position:sticky;top:0;z-index:10;
    padding:12px 14px;min-height:44px;
    background:rgba(13,13,20,0.97);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(180,150,80,0.08);
    font-size:14px;color:var(--gold);cursor:pointer;
    font-family:'Noto Sans SC',sans-serif;
    -webkit-tap-highlight-color:transparent;
    letter-spacing:0.3px;
  }
  .mob-back:active{opacity:0.6;}

  .empty{display:none!important;}

  /* ══════════════════════════════════
     DETAIL CONTENT — 紧凑但可读
     ══════════════════════════════════ */
  .d-hero{padding:16px 14px 0;}
  .d-top{gap:8px;}
  .d-name{font-size:20px;line-height:1.2;}
  .d-en{font-size:12px;}
  .d-lead{font-size:14px;line-height:1.75;max-width:100%;margin-bottom:16px;}
  .d-tags{gap:4px;margin-top:6px;}
  .dtag{font-size:11px;padding:2px 8px;border-radius:4px;}
  .d-body{padding:16px 14px 50px;}
  .sec{margin-bottom:20px;}
  .sec-title{font-size:11px;letter-spacing:2px;margin-bottom:10px;}

  /* ── Stock bar: 2x2 grid 紧凑 ── */
  .stock-bar{display:grid!important;grid-template-columns:1fr 1fr;flex-wrap:initial;border-radius:8px;gap:0;}
  .sb-item{padding:10px 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0!important;flex:initial!important;}
  .sb-item:nth-child(2n){border-right:none;}
  .sb-item:nth-last-child(-n+2){border-bottom:none;}
  .sb-label{font-size:10px;letter-spacing:0.8px;}
  .sb-val{font-size:14px;}
  .sb-sub{font-size:11px;}

  /* ── Timeline ── */
  .tl-yr{font-size:12px;}
  .tl-txt{font-size:13px;line-height:1.7;}

  /* ── Insight grid ── */
  .ig{grid-template-columns:1fr;gap:8px;}
  .ic{padding:12px 14px;}
  .ic-lbl{font-size:10px;}
  .ic-val{font-size:13px;line-height:1.65;}

  /* ── Ops grid: 2col compact ── */
  .ops-grid{grid-template-columns:1fr 1fr;}
  .ops-cell{padding:10px 12px;}
  .ops-cell-label{font-size:10px;margin-bottom:6px;}
  .ops-cell-val{font-size:16px;margin-bottom:3px;}
  .ops-cell-note{font-size:11px;}
  .ops-cell-tag{font-size:10px;}

  /* ── Founder card ── */
  .fdr-head{grid-template-columns:1fr 1fr 1fr;}
  .fdr-cell{padding:10px 10px;}
  .fdr-cell-label{font-size:10px;margin-bottom:3px;}
  .fdr-cell-val{font-size:13px;}
  .fdr-cell-sub{font-size:11px;}
  .fdr-path{padding:12px 14px;}
  .fdr-path-label{font-size:10px;margin-bottom:10px;}
  .fdr-step{padding-bottom:10px;}
  .fdr-step-yr{font-size:11px;min-width:34px;}
  .fdr-step-txt{font-size:13px;line-height:1.7;padding-left:10px;}
  .fdr-note{font-size:12px;padding:10px 14px;line-height:1.7;}

  /* ── Financial table ── */
  .fin-table td{padding:10px 8px;}
  .fin-label{font-size:13px;}
  .fin-val{font-size:16px;}
  .fin-bar-col{width:70px;padding:10px 8px 10px 0!important;}
  .fin-bench{font-size:10px;}
  .fin-badge{font-size:10px;}

  /* ── Revenue comparison table ── */
  .cmp-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .cmp-table th{font-size:10px;padding:6px 8px;}
  .cmp-table td{padding:8px 8px;}
  .cmp-metric{font-size:11px;}
  .cmp-old{font-size:12px;}
  .cmp-cur{font-size:15px;}
  .cmp-yoy{font-size:10px;}

  /* ── Capital table ── */
  .cap-table td{padding:8px 8px;}
  .cap-yr{font-size:11px;width:45px;}
  .cap-ev{font-size:13px;margin-bottom:2px;}
  .cap-detail{font-size:12px;line-height:1.6;}
  .cap-tag{font-size:10px;padding:1px 5px;}

  /* ── Related chips ── */
  .rel-grid{gap:6px;}
  .rel-chip{padding:6px 10px;font-size:13px;min-height:36px;}
  .rel-chip-logo{width:16px;height:16px;}

  /* ── MC box ── */
  .mc-box{padding:14px 14px;border-radius:10px;}
  .mc-header{margin-bottom:8px;}
  .mc-brand{font-size:11px;}
  .mc-text{font-size:13px;line-height:1.75;}

  /* ── Source button ── */
  .src-btn{font-size:13px;padding:8px 14px;border-radius:8px;}

  /* ── Key metrics section ── */
  .km-section{margin-bottom:12px;}
  .km-section-label{font-size:10px;margin-bottom:8px;}
  .d-sep{margin:0 14px;}

  /* ══════════════════════════════════
     CHART / ANALYSIS OVERLAYS
     ══════════════════════════════════ */
  .chart-ov,.demo-ov,.eim-ov{overflow-y:auto;}
  .chart-main{flex-direction:column;padding:10px;}
  .chart-leg{width:100%;flex-direction:row;flex-wrap:wrap;gap:6px;padding:8px 0 0;}
  .cl-head{font-size:10px;margin-top:6px;}
  .cl-row{font-size:11px;}
  .chart-bar{flex-wrap:wrap;gap:5px;height:auto;padding:8px 12px;}
  .chart-bar-title{font-size:14px;}
  .chart-bar-sub{font-size:10px;display:none;}
  .chart-close-btn{font-size:12px;padding:3px 8px;min-height:36px;}
  #chartSvg{min-height:280px;}

  /* ── Demo overlay ── */
  .demo-main{grid-template-columns:1fr;}
  .demo-left,.demo-right{padding:14px;border:1px solid var(--border);}
  .demo-right{border-top:none;}
  .demo-sec-label{font-size:12px;margin-bottom:16px;}
  .demo-chart-label{font-size:12px;}
  .demo-chart-unit{font-size:11px;}
  .demo-bar-val{font-size:10px;}
  .demo-bar-year{font-size:10px;}
  .demo-summary{gap:12px;flex-wrap:wrap;}
  .demo-sum-label{font-size:12px;}
  .demo-insight-title{font-size:15px;}
  .demo-insight-body{font-size:13px;}
  .demo-insight-tag{font-size:10px;}
  .demo-insight-footer{font-size:11px;}

  /* ── EIM overlay ── */
  .eim-bar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:5px;}
  .eim-tag{font-size:9px;padding:2px 6px;}
  .eim-bar-title{font-size:13px;}
  .eim-bar-sub{display:none;}
  .eim-body{padding:16px 12px 30px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .eim-barchart{padding:12px 10px;}
  .eim-barchart-top{flex-direction:column;gap:6px;align-items:flex-start;}
  .eim-barchart-label{font-size:12px;}
  .eim-barchart-leglabel{font-size:10px;}
  .eim-filter{padding:6px 10px;flex-wrap:wrap;gap:4px;}
  .eim-fbtn{font-size:10px;padding:3px 7px;}
  .eim-pin-hint{font-size:10px;}
  .eim-brand-name{font-size:13px;}
  .eim-brand-meta{font-size:10px;}
  .eim-status-tag{font-size:9px;}
  .eim-daction{font-size:12px;line-height:1.4;}
  .eim-dresult{font-size:11px;padding:1px 5px;}
  .eim-expand{font-size:11px;padding:10px;}
  .eim-footer{flex-direction:column;gap:3px;}
  .eim-footer span{font-size:11px;}
  .eim-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* ══════════════════════════════════
     TOUCH INTERACTIONS — :active states
     ══════════════════════════════════ */
  .chip:active,.fchip:active{opacity:0.7;transform:scale(0.97);}
  .bstar:active{opacity:0.7;}
  .filt-toggle-btn:active{opacity:0.7;}
  .chart-btn:active{opacity:0.7;}
  .rel-chip:active{opacity:0.7;}
  .src-btn:active{opacity:0.7;}
  .bitem:active{background:rgba(255,255,255,0.06);}
}

/* ═══ SMALL PHONE (≤500px) ═══ */
@media(max-width:500px){
  .nav{height:42px;padding:0 8px;}
  .nav-name{font-size:10px;letter-spacing:0.5px;}
  .nav-logo-mark{width:20px;height:20px;font-size:9px;}
  .chart-btn{font-size:9px;padding:6px 8px;min-height:36px;}
  .nav-tools{gap:3px;}

  /* Stats: keep 4-col but increase minimum font sizes */
  .ss-val{font-size:12px;}
  .ss-unit{font-size:8px;}
  .ss-cell{padding:5px 3px 4px;}
  .side-date{font-size:8px;padding:2px 8px;}

  /* Search + filter */
  .filt-inside-btn{font-size:9px;padding:4px 7px;min-height:32px;}
  .search-inp{padding-right:60px;font-size:15px;}
  .fchip{min-height:36px;font-size:10px;padding:6px 10px;}

  /* Brand list */
  .bitem{padding:10px 12px;min-height:48px;}
  .bname{font-size:13px;}
  .bl-section{font-size:10px;padding:6px 10px;}
  .mtag{font-size:9px;padding:2px 6px;}

  /* Detail */
  .d-name{font-size:18px;}
  .d-body{padding:14px 12px 44px;}
  .fdr-head{grid-template-columns:1fr;}
  .fdr-cell{border-bottom:1px solid rgba(255,255,255,0.04);}
  .stock-bar{grid-template-columns:1fr 1fr;}

  /* Footer */
  .footer-brand{font-size:13px;letter-spacing:3px;}
  .footer-feature{font-size:8px;}
  .fmi{padding:4px 6px;}
  .fmi-label{font-size:8px;}
  .fmi-value{font-size:10px;}
}

/* ═══ TINY PHONE (≤360px) ═══ */
@media(max-width:360px){
  .nav{padding:0 6px;gap:3px;height:40px;}
  .nav-name{display:none;}
  .nav-logo-mark{width:18px;height:18px;font-size:8px;}
  .chart-btn{font-size:8px;padding:5px 6px;min-height:34px;}

  .ss-val{font-size:11px;}
  .ss-unit{font-size:8px;letter-spacing:0;}
  .ss-cell{padding:4px 2px 3px;}

  /* Search + filter */
  .filt-inside-btn{font-size:8px;padding:3px 5px;min-height:28px;}
  .search-inp{font-size:14px;padding-right:52px;}
  .fchip{min-height:34px;font-size:9px;padding:5px 8px;}

  /* Brand list */
  .bitem{padding:8px 10px;min-height:44px;}
  .bname{font-size:12px;}
  .bl-section{font-size:9px;padding:5px 8px;}

  /* Detail */
  .d-name{font-size:16px;}
  .d-body{padding:12px 10px 40px;}
  .stock-bar{grid-template-columns:1fr;}

  /* Footer */
  .footer-brand{font-size:12px;letter-spacing:2px;}
  .footer-features-grid{grid-template-columns:1fr !important;}
  .footer-feature{border-right:none !important;text-align:left;font-size:8px;padding:3px 0;}
  .footer-feature:nth-child(n+2){border-top:1px solid rgba(255,255,255,0.04);}
  .site-footer{padding:12px 8px max(10px, env(safe-area-inset-bottom));}
  .fmi{padding:3px 5px;}
  .fmi-value{font-size:10px;}
  .fc-badge{font-size:8px;padding:2px 5px;}
  .fc-text{font-size:8px;}
  .fc-version{font-size:8px;}
  .footer-copyright{font-size:8px;}
}