/* ============================================================
   全球大模型态势和动态 · screen.css v1.7
   v1.7: 左栏榜单扩容至 TOP50大模型（t20 表最大高 700px）
   v1.6: 地图栏缩至 60%（栅格 7.2fr:3.4fr → 6fr:4fr）
   v1.5: 地图栏收窄（栅格 8.2fr→7.2fr，右侧榜单适度加宽）
   v1.4: TOP20 精简表 / 评分色点 / grank前10强化 / 评分图例
   v1.3: 移除 .hm-toggle（热力层开关已去除，热力层常开）
   ============================================================ */
html,body{margin:0;padding:0}
body{background:#03101e;color:#dbe9f7;font:14px/1.6 "Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  background-image:radial-gradient(1200px 600px at 20% -10%,rgba(29,78,216,.18),transparent 60%),
    radial-gradient(1000px 500px at 85% 0%,rgba(0,194,255,.10),transparent 55%)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;
  border-bottom:1px solid rgba(90,160,255,.18);background:linear-gradient(180deg,rgba(8,24,44,.92),rgba(6,18,34,.75))}
.hd-mid{text-align:center;flex:1}
.hd h1{margin:0;font-size:26px;letter-spacing:2px;color:#eaf6ff;text-shadow:0 0 18px rgba(0,194,255,.45)}
.hd .sub{margin:4px 0 0;font-size:12px;letter-spacing:3px;color:#7fa4c8}
.t-orn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}
.t-orn i{display:block;height:1px;width:130px;background:linear-gradient(90deg,transparent,rgba(0,194,255,.6))}
.t-orn i.r{background:linear-gradient(90deg,rgba(0,194,255,.6),transparent)}
.t-orn b{color:#00c2ff;font-size:10px}
.hd-side{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:190px}
.hd-right{align-items:flex-end}
.pill{display:inline-block;padding:3px 10px;font-size:12px;border-radius:999px;color:#bfeaff;
  border:1px solid rgba(0,194,255,.45);background:rgba(0,194,255,.08)}
.pill.ghost{color:#8fb0cd;border-color:rgba(120,160,220,.25);background:rgba(120,160,220,.06)}
.wrap{max-width:1560px;margin:0 auto;padding:18px 22px 40px}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px}
.kpi{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;
  border:1px solid rgba(90,160,255,.22);background:linear-gradient(180deg,rgba(12,32,58,.85),rgba(8,22,40,.85))}
.kpi b{display:block;font-size:26px;color:#eaf6ff;line-height:1.1}
.kpi span{font-size:12px;color:#8fb0cd}
.k-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}
.i1{background:rgba(0,194,255,.15)}
.i2{background:rgba(77,217,255,.14)}
.i3{background:rgba(255,197,61,.14)}
.i4{background:rgba(179,136,255,.15)}
.i5{background:rgba(255,111,165,.13)}
.panel{position:relative;border-radius:12px;margin-bottom:16px;overflow:hidden;
  border:1px solid rgba(90,160,255,.22);background:linear-gradient(180deg,rgba(10,28,52,.88),rgba(6,18,34,.88))}
.panel.full{width:100%}
.p-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;
  border-bottom:1px solid rgba(90,160,255,.16)}
.p-hd h2{margin:0;font-size:17px;color:#eaf6ff;letter-spacing:1px}
.p-hd h2::before{content:"▍";color:#00c2ff;margin-right:6px}
.p-note{font-size:12px;color:#8fb0cd}
.p-bd{padding:14px 16px}
.p-ft{padding:8px 16px;font-size:12px;color:#7292b5;border-top:1px dashed rgba(90,160,255,.14);background:rgba(4,14,26,.5)}
.grid-map{display:grid;grid-template-columns:6fr 4fr;gap:16px;margin-bottom:16px;align-items:stretch}
.grid-map .panel{margin-bottom:0}
canvas{display:block;width:100%}
#mapCanvas{height:500px;border-radius:8px;background:#04121f;cursor:grab}
.table-box{overflow:auto;max-height:520px}
.table-box.t20{max-height:520px}
.table-box.t100{max-height:760px}
.dtable{width:100%;border-collapse:collapse;font-size:12.5px;min-width:820px}
.dtable.slim{min-width:0}
.dtable th{position:sticky;top:0;z-index:2;text-align:left;padding:9px 8px;color:#9cc3ea;font-weight:600;
  background:#0a1e36;border-bottom:1px solid rgba(90,160,255,.25);white-space:nowrap}
.dtable td{padding:7px 8px;border-bottom:1px solid rgba(90,160,255,.10);white-space:nowrap;vertical-align:top}
.dtable tbody tr:hover{background:rgba(0,194,255,.07)}
.dtable tbody tr{cursor:pointer}
.dtable .ta-r{text-align:right}
.dtable .c-val{color:#ffd75e;font-weight:600}
.dtable b{color:#eaf6ff}
.dim{color:#7292b5}
.grank{display:inline-block;min-width:34px;padding:2px 7px;font-size:12.5px;font-weight:700;color:#bfeaff;
  border:1px solid rgba(0,194,255,.35);border-radius:8px;background:rgba(0,194,255,.08);letter-spacing:.5px}
.grank.g10{color:#0a1830;background:linear-gradient(135deg,#7ddcff,#00c2ff);border-color:transparent;
  box-shadow:0 0 10px rgba(0,194,255,.35)}
.no{display:inline-flex;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;
  font-style:normal;font-size:12px;color:#9cc3ea;background:rgba(90,160,255,.12);border:1px solid rgba(90,160,255,.25)}
.no.top1{color:#05121f;background:linear-gradient(135deg,#ffd75e,#ffab2e);border-color:transparent;font-weight:700}
.no.top2{color:#05121f;background:linear-gradient(135deg,#cfe4ff,#8fb8e8);border-color:transparent;font-weight:700}
.no.top3{color:#05121f;background:linear-gradient(135deg,#ffc08a,#e88d5a);border-color:transparent;font-weight:700}
.sub-line{margin-top:3px;font-size:11px;line-height:1.4}
.oss{color:#8be0a5;font-size:11.5px}
.tag{display:inline-block;padding:2px 8px;font-size:11px;border-radius:999px;border:1px solid rgba(120,160,220,.35);color:#bfeaff}
.tag.tb{color:#7ddcff;border-color:rgba(0,194,255,.5);background:rgba(0,194,255,.10)}
.tag.ty{color:#ffd75e;border-color:rgba(255,197,61,.5);background:rgba(255,197,61,.10)}
.tag.tg{color:#8be0a5;border-color:rgba(120,220,150,.4);background:rgba(120,220,150,.08)}
.tag.tb2{color:#ff9fbe;border-color:rgba(255,111,165,.4);background:rgba(255,111,165,.08)}
.tag.tg2{color:#b39dff;border-color:rgba(179,136,255,.4);background:rgba(179,136,255,.10)}
.n-link{color:#4d9fff;text-decoration:none;border-bottom:1px dashed rgba(77,159,255,.5)}
.n-link:hover{color:#8fc3ff}
.mini-btn{padding:4px 12px;font-size:12px;border-radius:8px;border:1px solid rgba(0,194,255,.5);
  color:#bfeaff;background:rgba(0,194,255,.08);cursor:pointer}
.mini-btn:hover{background:rgba(0,194,255,.18)}
.map-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 4px 0;font-size:12px;color:#8fb0cd}
.map-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}
.lg-score{display:inline-flex;align-items:center;gap:10px}
.lg-score .sd{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.map-tip{position:absolute;z-index:9;max-width:340px;padding:10px 12px;font-size:12px;line-height:1.7;color:#dbe9f7;
  border:1px solid rgba(0,194,255,.4);border-radius:8px;background:rgba(5,20,36,.96);
  box-shadow:0 8px 24px rgba(0,0,0,.45);pointer-events:none}
.score-legend{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#9cc3ea;margin-top:6px}
.score-legend li{display:flex;align-items:center;gap:8px;list-style:none}
.score-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 12px}
.sd-dot{display:flex;align-items:center;gap:7px;list-style:none}
.sd-dot i{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 10px}
.sdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}
.sdot.s1{background:#4d9fff;box-shadow:0 0 6px rgba(77,159,255,.8)}
.sdot.s2{background:#00eaff;box-shadow:0 0 6px rgba(0,234,255,.8)}
.sdot.s3{background:#ffc53d;box-shadow:0 0 6px rgba(255,197,61,.8)}
.sdot.s4{background:#ff8c3d;box-shadow:0 0 6px rgba(255,140,61,.8)}
.sdot.s5{background:#ff5c5c;box-shadow:0 0 6px rgba(255,92,92,.9)}
.news-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.news-grid li{display:flex;gap:12px;padding:12px;border-radius:10px;border:1px solid rgba(90,160,255,.16);
  background:rgba(10,28,52,.5)}
.nw-date{flex:0 0 52px;text-align:center;padding-top:2px}
.nw-date b{display:block;font-size:20px;color:#eaf6ff;line-height:1.1}
.nw-date span{font-size:11px;color:#7292b5}
.nw-main{flex:1;min-width:0}
.nw-title{font-size:14px;color:#eaf6ff;font-weight:600;line-height:1.5}
.nw-tags{margin-left:8px;white-space:nowrap}
.nw-tags .tag{margin-right:6px}
.nw-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;align-items:center}
.n-chip{display:inline-block;padding:2px 8px;font-size:11px;border-radius:999px;color:#9cc3ea;
  border:1px solid rgba(120,160,220,.25);background:rgba(120,160,220,.07)}
.nw-sum{margin-top:6px;font-size:12px;color:#8fb0cd;line-height:1.7}
.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.comp-card{padding:14px;border-radius:10px;border:1px solid rgba(90,160,255,.18);background:rgba(10,28,52,.5)}
.cc-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc-hd b{color:#eaf6ff;font-size:15px}
.cc-fw{margin-top:6px;font-size:13px;color:#7ddcff}
.cc-kp{margin-top:8px;font-size:12px;color:#8fb0cd;line-height:1.8}
.cc-ft{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ft{margin-top:10px;padding:16px 0 6px;text-align:center;font-size:12px;color:#62809f}
@media (max-width:1100px){
  .kpis{grid-template-columns:repeat(2,1fr)}
  .grid-map{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .comp-grid{grid-template-columns:1fr}
  .hd-side{display:none}
}