/* AI 收入图谱：档位墙、增长曲线、表格 */
:root{--t1:#7a4cff;--t2:#1f5eff;--t3:#0f8f8f;--t4:#178a4c;--t5:#b7791f;--t6:#8a8f99;--old:#c4473a}
html{overflow-y:scroll}
.wrap.wide{max-width:1360px}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px;min-width:104px}
.stat b{display:block;font:700 26px/1.1 "Barlow Condensed",sans-serif}.stat span{font-size:12px;color:var(--mute)}
.dbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0 8px}
.vtabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:4px}
.vtabs a{padding:6px 16px;border-radius:99px;color:var(--mute);font-size:14px;white-space:nowrap;cursor:pointer}
.vtabs a:hover{text-decoration:none;color:var(--ink)}
.vtabs a.on{background:var(--ink);color:var(--bg);font-weight:700}
.fbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:10px 0}
.fbar .fg{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint);flex-wrap:wrap}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px}
.seg button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:4px 11px;font:500 13px "Noto Sans SC";cursor:pointer}
.seg button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#q{height:34px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:0 12px;outline:none;width:220px;max-width:100%}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}
.tags button{border:1px solid var(--line);background:var(--card2);color:var(--mute);border-radius:7px;padding:2px 9px;font-size:12.5px;cursor:pointer}
.tags button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.tags button i{font-style:normal;opacity:.65;margin-left:3px}
.shown{color:var(--faint);font-size:12.5px;margin:0 0 6px}

/* 档位 */
.tier{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0 0 12px;overflow:hidden}
.tier>.th{padding:16px 14px;border-right:1px solid var(--line);background:var(--card2);position:relative}
.tier>.th::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tc)}
.tier>.th b{display:block;font:700 30px/1.05 "Barlow Condensed",sans-serif;color:var(--tc)}
.tier>.th span{display:block;font-size:12.5px;color:var(--mute);margin-top:4px;line-height:1.5}
.tier>.th em{font-style:normal;display:inline-block;margin-top:6px;font:700 15px "Barlow Condensed";color:var(--ink)}
.cards{display:grid;gap:8px;padding:12px;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));align-content:start}
.card{border:1px solid var(--line);border-radius:11px;background:var(--card);padding:9px 10px 8px;cursor:pointer;display:grid;gap:3px;min-width:0;text-align:left;color:var(--ink);font:inherit}
.card:hover{border-color:var(--tc);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.card .hd{display:flex;align-items:center;gap:7px;min-width:0}
.card img,.lg{width:26px;height:26px;border-radius:6px;object-fit:contain;background:#fff;flex:none;border:1px solid var(--line)}
.lg{display:grid;place-items:center;font:700 13px "Barlow Condensed";color:var(--mute);background:var(--chip)}
.card .nm{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .num{font:700 24px/1.05 "Barlow Condensed",sans-serif;color:var(--tc)}
.card .num small{font:500 12px "Noto Sans SC";color:var(--mute);margin-left:5px}
.card .sub{font-size:11.5px;color:var(--faint);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .bd{display:flex;flex-wrap:wrap;gap:3px}
.bdg{font-size:10.5px;border-radius:5px;padding:0 5px;background:var(--chip);color:var(--mute);white-space:nowrap}
.bdg.old{background:transparent;border:1px solid var(--old);color:var(--old)}
.bdg.acq{background:transparent;border:1px solid var(--warn);color:var(--warn)}
.bdg.ref{background:transparent;border:1px solid var(--acc);color:var(--acc)}
.bdg.est{background:transparent;border:1px dashed var(--faint)}
.tier.pend .card .num{font-size:15px;color:var(--mute)}
@media (max-width:700px){.tier{grid-template-columns:1fr}.tier>.th{border-right:0;border-bottom:1px solid var(--line)}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

/* 抽屉 */
.drawer{position:fixed;inset:0;background:var(--shade);z-index:20;display:flex;justify-content:flex-end}
.dpanel{width:min(640px,100%);height:100%;overflow:auto;background:var(--bg);padding:22px 20px 40px;position:relative}
.dpanel .x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;color:var(--mute);cursor:pointer}
.dpanel h2{margin:0 0 4px;font-size:24px;display:flex;align-items:center;gap:10px}
.dpanel h2 img,.dpanel h2 .lg{width:36px;height:36px}
.dpanel .big{font:700 40px/1 "Barlow Condensed";margin:10px 0 2px}
.dpanel p{margin:6px 0;font-size:14px}
.dpanel h3{font-size:15px;margin:20px 0 8px}
.dpanel .mut{color:var(--mute);font-size:13px}

/* 表格 */
.tscroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.tbl{border-collapse:collapse;width:100%;font-size:13px}
.tbl th,.tbl td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{background:var(--card2);font-weight:700;white-space:nowrap;cursor:pointer;position:sticky;top:0}
.tbl td.n{font:600 15px "Barlow Condensed";white-space:nowrap;text-align:right}
.tbl tr:hover td{background:var(--card2)}
.tbl a{word-break:break-all}

/* 增长 */
.gchips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
.gchips button{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:2px 10px 2px 8px;font-size:12.5px;cursor:pointer;color:var(--faint);display:inline-flex;align-items:center;gap:5px}
.gchips button i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.gchips button.on{color:var(--ink)}
.chartbox{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px}
#chart{width:100%;height:auto;display:block}
#chart text{font:12px "Noto Sans SC";fill:var(--mute)}
#chart .grid{stroke:var(--line);stroke-width:1}
#chart .ln{fill:none;stroke-width:2.2}
#chart .lbl{font:700 12px "Noto Sans SC"}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--bg);font-size:12px;padding:6px 9px;border-radius:8px;max-width:260px;line-height:1.5}
.method{margin:30px 0 60px}
.method .mgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.method .box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.75}
.method .box h3{margin:0 0 4px;font-size:15px}
.hero{padding:22px 0 0}.sub1{margin:0;color:var(--mute);font-size:14.5px}
.more summary{cursor:pointer;font-size:13px;color:var(--acc)}.more[open]{flex-basis:100%}.more .fbar{margin:8px 0 0}
.stats{gap:6px;margin:12px 0 0}
.stat{display:flex;align-items:baseline;gap:6px;padding:4px 11px;min-width:0;border-radius:99px}
.stat b{display:inline;font-size:19px}
.bdg{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* 筛选面板收起 / 展开 */
.fpanel{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px 6px;margin:8px 0 8px}
.ftoggle{position:absolute;top:22px;right:0;border:1px solid var(--line);background:var(--card2);color:var(--ink);border-radius:99px;padding:4px 12px;font:500 13px "Noto Sans SC";cursor:pointer;z-index:1}
.ftoggle:hover{border-color:var(--acc);color:var(--acc)}
.fpanel .fbar{margin:0 0 6px}
@media (max-width:600px){.fpanel .fbar #q{width:100%}}
/* 多视图 */
.dbar{gap:10px}
.dseg button{padding:4px 10px;font-size:12.5px}
body[data-w=std] .wrap.wide{max-width:1120px}
body[data-w=wide] .wrap.wide{max-width:1360px}
body[data-w=full] .wrap.wide{max-width:none;padding:0 20px}
.seg button i{font-style:normal;color:var(--faint);margin-left:4px;font-size:11px}.seg button.on i{color:var(--bg);opacity:.7}
.fg[title]>span{border-bottom:1px dotted var(--faint);cursor:help}
.tags .tl{font-size:13px;color:var(--faint);margin-right:4px;align-self:center}
.fclear{font-size:12.5px;padding:3px 12px}.fclear:disabled{opacity:.4;cursor:default}
/* 显示档 */
.tier.d-logo .cards{grid-template-columns:repeat(auto-fill,58px);gap:6px}
.card.mini{padding:8px;display:grid;place-items:center}.card.mini img,.card.mini .lg{width:38px;height:38px}
.tier.d-name .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.card.nm1{padding:7px 9px}
/* 收入柱 */
.bgrp{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--tc);border-radius:12px;padding:10px 14px;margin:0 0 12px}
.bgrp h3{margin:0 0 6px;font:700 22px "Barlow Condensed";color:var(--tc)}.bgrp h3 small{font:500 12.5px "Noto Sans SC";color:var(--mute)}
.brow{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:10px;align-items:center;padding:3px 0;font-size:13px}
.brow[data-n]{cursor:pointer}.brow[data-n]:hover{background:var(--card2)}
.brow .bn{display:flex;gap:7px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.brow .bn img,.brow .bn .lg{width:20px;height:20px}
.btrack{position:relative;height:14px;background:var(--card2);border-radius:4px}
.btrack i{position:absolute;left:0;top:0;bottom:0;background:var(--tc);border-radius:4px;opacity:.85}
.btrack em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.55}
.brow.axis .btrack{background:none;height:16px}.brow.axis .btrack span{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--faint)}
.brow .bv{font:600 15px "Barlow Condensed";white-space:nowrap}.brow .bv small{font:400 11.5px "Noto Sans SC";color:var(--faint)}
@media (max-width:700px){.brow{grid-template-columns:110px minmax(0,1fr) 70px}.brow .bv small{display:none}}
/* 散点 */
#sc{width:100%;height:auto;display:block}
#sc text{font:12px "Noto Sans SC";fill:var(--mute)}#sc .grid{stroke:var(--line)}
#sc .sl{font:600 11.5px "Noto Sans SC";fill:var(--ink)}#sc .mlt{fill:var(--faint);font-size:11px}
#sc circle{cursor:pointer;stroke:var(--card);stroke-width:1.5}
/* 矩阵 */
.mx{border-collapse:collapse;width:100%;font-size:12.5px;min-width:900px}
.mx th,.mx td{border:1px solid var(--line);padding:6px;vertical-align:top;text-align:left}
.mx thead th{background:var(--card2);font:700 16px "Barlow Condensed";white-space:nowrap}
.mx tbody th{background:var(--card2);white-space:nowrap;font-size:13px}.mx tbody th small{color:var(--faint);margin-left:4px;font-weight:400}
.mxc{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:3px 6px;margin:2px;cursor:pointer;color:var(--ink);font:inherit;font-size:12px}
.mxc:hover{border-color:var(--acc)}.mxc img,.mxc .lg{width:20px;height:20px}.mxc b{font:600 13px "Barlow Condensed";color:var(--mute)}
img.dk{background:#1d1f24!important}
.mxc{white-space:nowrap}
.vtabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.vtabs::-webkit-scrollbar{display:none}
.dbar{min-width:0}.dbar>*{min-width:0}
@media (max-width:700px){#wid{display:none}.chartbox{overflow-x:auto}.tscroll{max-width:100%}}
#f-vc{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:13px "Noto Sans SC";max-width:220px}.ilink{font-size:12.5px}

/* 收起：只留标题 */
.hero{position:relative}.hero h1{padding-right:110px}
body.fcol .hero>*:not(h1):not(.ftoggle),body.fcol .fpanel,body.fcol .dbar,body.fcol .shown,body.fcol .stats{display:none!important}
body.fcol .hero{padding-bottom:10px}
#gchips small{color:var(--mut,#888);font-size:11px;margin-left:2px}
#gchips button[data-all]{border-style:dashed}
#gchips .gmiss{font-size:12px;color:var(--mut,#888);align-self:center;margin-left:6px}
