/**
 * ♈ 白羊战区 · 击杀榜 V2
 * 重构：焦点战区为视觉主角，紧凑信息密度，清晰层级
 */

/* ===== Header ===== */
.header { background:#0e1c2a;border-bottom:1px solid rgba(100,168,255,0.2);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100; }
.header-left { display:flex;align-items:center;gap:10px;flex-shrink:0; }
.header-back { font-family:'JetBrains Mono',monospace;font-size:12px;color:#8aaccc;text-decoration:none;letter-spacing:1px;margin-right:8px;transition:color 0.2s; }
.header-back:hover { color:var(--brand-yellow); }
.logo-mark { width:4px;height:28px;background:var(--red); }
.logo-block { white-space:nowrap; }
.logo-text { font-family:'Noto Sans SC','Orbitron',monospace;font-weight:800;font-size:18px;color:#fff;letter-spacing:2px; }
.logo-sub { font-size:13px;color:#8aaccc;font-family:'JetBrains Mono',monospace;letter-spacing:1.5px;margin-top:2px; }
.header-right { display:flex;align-items:center;gap:12px;flex-shrink:0; }
.header-link { font-family:'JetBrains Mono',monospace;font-size:12px;color:#8aaccc;text-decoration:none;padding:6px 12px;border-radius:3px;border:1px solid rgba(100,168,255,0.15);transition:all 0.2s;white-space:nowrap; }
.header-link:hover { color:var(--brand-yellow);border-color:rgba(255,209,0,0.2);background:rgba(255,209,0,0.06); }

/* ===== Main ===== */
.main { padding:18px 40px; flex:1; }
body { display:flex;flex-direction:column;min-height:100vh; }

/* ===== 统计条 ===== */
.gs-row { display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px; }
.gs-card {
  background:var(--bg-panel);border:1px solid var(--border-glow);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  padding:10px 14px;position:relative;
}
.gs-card::before { content:'';position:absolute;top:0;left:0;width:6px;height:6px;background:linear-gradient(135deg,rgba(255,85,119,0.35) 50%,transparent 50%); }
.gs-accent { border-color:rgba(255,85,119,0.4); }
.gs-accent::before { background:linear-gradient(135deg,rgba(255,85,119,0.6) 50%,transparent 50%); }
.gs-label { font-family:'Noto Sans SC',sans-serif;font-size:12px;color:var(--text-dim);margin-bottom:3px; }
.gs-value { font-family:'Orbitron',monospace;font-size:22px;font-weight:700;line-height:1; }
.gs-red { color:var(--red);text-shadow:0 0 12px rgba(255,85,119,0.15); }
.gs-blue { color:var(--func-blue-bright); }
.gs-orange { color:var(--orange); }
.gs-green { color:var(--green); }
.gs-yellow { color:var(--brand-yellow); }

/* ===== Hero Layout: 主区 + 侧栏 ===== */
.hero-layout { display:grid;grid-template-columns:1fr 360px;gap:18px;margin-bottom:24px; }
.hero-main { display:flex;flex-direction:column;gap:16px;min-width:0; }
.hero-side { display:flex;flex-direction:column;gap:10px;min-width:0; }

/* ===== 焦点卡：C位视觉主角 ===== */
.focus-card {
  position:relative;
  background:linear-gradient(135deg, #0e1a2e 0%, #14223a 40%, #1a1428 100%);
  border:1px solid rgba(255,85,119,0.3);
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
  overflow:hidden;
  min-height:180px;
}
.focus-glow {
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 80% at 10% 50%, rgba(255,85,119,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 90% 30%, rgba(58,155,200,0.06) 0%, transparent 70%);
}
.focus-inner { position:relative;z-index:1;padding:20px 24px; }
.focus-badge {
  display:inline-block;
  font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:2px;
  color:var(--red);
  padding:4px 12px;margin-bottom:14px;
  border:1px solid rgba(255,85,119,0.3);
  background:rgba(255,85,119,0.08);
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
  animation:badgePulse 3s ease-in-out infinite;
}
@keyframes badgePulse { 0%,100%{opacity:1;} 50%{opacity:0.7;} }

/* 焦点内容 - 热门星系卡片 */
.focus-top3 { display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px; }
.focus-system {
  padding:14px 16px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(58,155,200,0.15);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  transition:border-color 0.2s, background 0.2s;
  cursor:default;
}
.focus-system:first-child { border-color:rgba(255,85,119,0.35);background:rgba(255,85,119,0.04); }
.focus-system:hover { background:rgba(58,155,200,0.05);border-color:rgba(58,155,200,0.3); }
.focus-rank { font-family:'Orbitron',monospace;font-size:13px;color:var(--text-dim);margin-bottom:4px; }
.focus-system:first-child .focus-rank { color:var(--red); }
.focus-sys-name { font-size:16px;font-weight:700;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.focus-sys-region { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);margin-bottom:8px; }
.focus-sys-stats { display:flex;gap:12px;flex-wrap:wrap; }
.focus-stat { font-family:'JetBrains Mono',monospace;font-size:13px; }
.focus-stat-val { color:var(--red);font-weight:700;font-family:'Orbitron',monospace; }
.focus-stat-label { color:var(--text-dim);margin-left:3px; }
.focus-sec { font-family:'JetBrains Mono',monospace;font-size:12px;padding:1px 5px;border-radius:2px;margin-left:4px; }

/* ===== 通用面板 ===== */
.kill-panel {
  background:var(--bg-panel);border:1px solid var(--border-glow);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  overflow:hidden;position:relative;
}
.kill-panel::before { content:'';position:absolute;top:0;left:0;width:10px;height:10px;background:linear-gradient(135deg,rgba(255,85,119,0.3) 50%,transparent 50%);z-index:2; }
.kp-header {
  padding:10px 14px;border-bottom:1px solid var(--border-color);
  display:flex;align-items:center;gap:10px;
  background:rgba(5,14,30,0.5);
}
.kp-title { font-family:'Noto Sans SC',sans-serif;font-size:14px;font-weight:600;color:#fff;white-space:nowrap; }
.kp-sub { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);margin-left:auto; }
.kp-badge { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--red);letter-spacing:1px;padding:2px 6px;border:1px solid rgba(255,85,119,0.2);border-radius:3px;background:rgba(255,85,119,0.06); }
.kp-body { overflow-y:auto; }
.kp-tabs { display:flex;gap:4px;margin-left:auto; }
.kp-tab {
  font-family:'Noto Sans SC',sans-serif;font-size:12px;color:var(--text-dim);
  background:transparent;border:1px solid transparent;padding:3px 8px;
  border-radius:3px;cursor:pointer;transition:all 0.15s;white-space:nowrap;
}
.kp-tab.active { color:var(--red);border-color:rgba(255,85,119,0.2);background:rgba(255,85,119,0.06); }
.kp-tab:hover:not(.active) { color:var(--text-secondary);background:rgba(255,255,255,0.02); }

/* ===== 安全等级 filter (inline in header) ===== */
.sec-filter-inline { display:flex;gap:10px;margin-left:8px;padding-left:10px;border-left:1px solid var(--border-color); }
.sf-check {
  display:flex;align-items:center;gap:4px;cursor:pointer;
  font-family:'Noto Sans SC',sans-serif;font-size:12px;color:var(--text-secondary);
}
.sf-check input { accent-color:var(--red);width:13px;height:13px; }
.sf-dot { width:6px;height:6px;border-radius:50%;flex-shrink:0; }

/* ===== Hot List 紧凑版 ===== */
.hot-list-compact { max-height:480px; }
.hot-row {
  display:flex;align-items:center;gap:8px;padding:6px 14px;
  border-bottom:1px solid rgba(30,42,58,0.4);transition:background 0.15s;cursor:default;
}
.hot-row:hover { background:rgba(58,155,200,0.04); }
.hot-rank { font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:var(--text-dim);width:24px;text-align:center;flex-shrink:0; }
.hot-rank.top3 { color:var(--brand-yellow); }
.hot-name { font-family:'Noto Sans SC',sans-serif;font-size:14px;color:#fff;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hot-sec { font-family:'JetBrains Mono',monospace;font-size:12px;width:30px;text-align:center;flex-shrink:0;border-radius:2px;padding:1px 3px; }
.hot-region { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);flex-shrink:0;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hot-bar { width:60px;height:4px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;flex-shrink:0; }
.hot-bar-inner { height:100%;border-radius:2px; }
.hot-bar-kills { background:linear-gradient(90deg,var(--red),#ff8899); }
.hot-bar-npc { background:linear-gradient(90deg,var(--func-blue),#88ccff); }
.hot-bar-jumps { background:linear-gradient(90deg,var(--green),#8fffca); }
.hot-val { font-family:'Orbitron',monospace;font-size:14px;font-weight:700;flex-shrink:0;min-width:48px;text-align:right; }
.hot-val-kills { color:var(--red); }
.hot-val-npc { color:var(--func-blue-bright); }
.hot-val-jumps { color:var(--green); }

/* ===== 军团概览面板 ===== */
.corp-panel { border-color:rgba(255,209,0,0.2); }
.corp-panel::before { background:linear-gradient(135deg,rgba(255,209,0,0.35) 50%,transparent 50%); }
.corp-stats { display:grid;grid-template-columns:1fr 1fr 1fr;gap:0; }
.corp-stat { text-align:center;padding:10px 6px;border-right:1px solid var(--border-color); }
.corp-stat:last-child { border-right:none; }
.corp-stat-val { font-family:'Orbitron',monospace;font-size:20px;font-weight:700;line-height:1;margin-bottom:3px; }
.corp-stat-label { font-size:12px;color:var(--text-dim); }
.corp-eff-bar { margin-top:10px;padding:0 4px; }
.corp-eff-track { height:6px;background:rgba(255,85,119,0.15);border-radius:3px;overflow:hidden; }
.corp-eff-fill { height:100%;background:linear-gradient(90deg,var(--green),#8fffca);border-radius:3px;transition:width 0.6s ease; }
.corp-eff-text { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);text-align:center;margin-top:4px; }

/* ===== 个人战绩 ===== */
.ps-row { display:flex;gap:0;border:1px solid var(--border-glow);border-radius:4px;overflow:hidden; }
.ps-item { flex:1;text-align:center;padding:8px 6px;border-right:1px solid var(--border-color); }
.ps-item:last-child { border-right:none; }
.ps-val { font-family:'Orbitron',monospace;font-size:18px;font-weight:700;line-height:1;margin-bottom:3px; }
.ps-label { font-size:12px;color:var(--text-dim); }
.ps-green { color:var(--green); }
.ps-red { color:var(--red); }
.ps-yellow { color:var(--brand-yellow); }

/* Kill Tab */
.kill-tab {
  padding:8px 14px;font-family:'Noto Sans SC',sans-serif;font-size:13px;
  cursor:pointer;color:var(--text-secondary);background:transparent;border:none;
  border-bottom:2px solid transparent;transition:all 0.15s;
}
.kill-tab.active { color:var(--red);border-bottom-color:var(--red);background:rgba(255,85,119,0.04); }
.kill-tab:hover:not(.active) { background:rgba(255,255,255,0.02); }

/* Kill Card - 紧凑 */
.kill-card {
  display:flex;align-items:center;gap:8px;padding:7px 12px;
  border-bottom:1px solid rgba(30,42,58,0.3);cursor:pointer;transition:background 0.15s;position:relative;
}
.kill-card:nth-child(odd) { background:rgba(0,0,0,0.1); }
.kill-card:nth-child(even) { background:transparent; }
.kill-card:hover { background:rgba(58,155,200,0.05); }
.kill-card::after { content:'';position:absolute;left:0;top:0;bottom:0;width:3px; }
.kill-card.is-kill::after { background:var(--green); }
.kill-card.is-loss::after { background:var(--red); }
.kc-icon { width:36px;height:36px;border-radius:4px;border:1px solid rgba(100,168,255,0.15);background:var(--bg-secondary);flex-shrink:0; }
.kc-main { flex:1;min-width:0; }
.kc-top { display:flex;align-items:center;gap:5px;margin-bottom:1px; }
.kc-ship { font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.kc-badge { font-family:'JetBrains Mono',monospace;font-size:12px;padding:1px 4px;border-radius:2px;flex-shrink:0; }
.kc-badge-kill { background:rgba(61,232,154,0.1);color:var(--green);border:1px solid rgba(61,232,154,0.2); }
.kc-badge-loss { background:rgba(255,85,119,0.1);color:var(--red);border:1px solid rgba(255,85,119,0.2); }
.kc-bottom { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);display:flex;gap:6px;flex-wrap:wrap; }
.kc-system { color:var(--func-blue-bright); }
.kc-time { margin-left:auto; }

/* ===== Login Button ===== */
.login-btn {
  background:var(--red);color:#fff;border:none;padding:10px 24px;
  font-family:'Orbitron',monospace;font-weight:700;font-size:12px;letter-spacing:1.5px;
  cursor:pointer;transition:all 0.15s;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);
}
.login-btn:hover { background:#ff7799;transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,85,119,0.25); }

/* ===== Upload Panel ===== */
.upload-panel { border-color:rgba(58,155,200,0.2); }
.upload-panel::before { background:linear-gradient(135deg,rgba(58,155,200,0.3) 50%,transparent 50%); }
.upload-toggle { cursor:pointer;user-select:none; }
.upload-toggle:hover { background:rgba(58,155,200,0.06); }
.upload-arrow { font-size:14px;color:var(--text-dim);transition:transform 0.2s;margin-left:6px; }
.upload-arrow.open { transform:rotate(90deg); }

/* ===== 排行区 ===== */
.rank-section { margin-top:4px; }
.rank-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.rank-body { max-height:320px;overflow-y:auto; }

/* Region hot row */
.rg-row {
  display:flex;align-items:center;gap:6px;padding:6px 12px;
  border-bottom:1px solid rgba(30,42,58,0.2);font-size:13px;
}
.rg-row:nth-child(odd) { background:rgba(0,0,0,0.12); }
.rg-row:nth-child(even) { background:transparent; }
.rg-row:hover { background:rgba(58,155,200,0.04); }
.rg-rank { font-family:'Orbitron',monospace;font-size:12px;color:var(--green);width:22px;text-align:center;flex-shrink:0; }
.rg-rank.top3 { color:var(--green);text-shadow:0 0 6px rgba(61,232,154,0.3); }
.rg-name { flex:1;color:var(--text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.rg-val { font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--red); }
.rg-bar { width:50px;height:4px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden; }
.rg-bar-inner { height:100%;background:var(--red);border-radius:2px; }

/* FW stats */
.fw-row {
  display:flex;justify-content:space-between;align-items:center;padding:7px 12px;
  border-bottom:1px solid rgba(30,42,58,0.2);font-size:13px;
}
.fw-row:nth-child(odd) { background:rgba(0,0,0,0.12); }
.fw-row:nth-child(even) { background:transparent; }
.fw-row:last-child { border-bottom:none; }
.fw-faction { color:var(--text-label); }
.fw-val { font-family:'JetBrains Mono',monospace;color:var(--text-primary);font-weight:500; }
.fw-sub { font-size:12px;color:var(--text-dim);padding-left:8px;display:flex;justify-content:space-between; }

/* Member ranking rows */
.mr-row {
  display:flex;align-items:center;gap:8px;padding:7px 12px;
  border-bottom:1px solid rgba(30,42,58,0.2);
  position:relative;
}
.mr-row:nth-child(odd) { background:rgba(0,0,0,0.12); }
.mr-row:nth-child(even) { background:transparent; }
.mr-row:hover { background:rgba(58,155,200,0.05); }
.mr-rank { font-family:'Orbitron',monospace;font-size:12px;color:var(--text-dim);width:22px;text-align:center;flex-shrink:0; }
.mr-rank.top3 { color:var(--brand-yellow);text-shadow:0 0 6px rgba(255,209,0,0.3); }
.mr-portrait { width:28px;height:28px;border-radius:50%;border:1px solid rgba(100,168,255,0.15);flex-shrink:0; }
.mr-name { font-size:13px;color:#fff;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mr-kills { font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--red);flex-shrink:0; }
.mr-fb { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);flex-shrink:0; }

/* Panel left accent bar — add .panel-accent-X to panel for full-height left color bar */
.panel-accent-yellow { border-left:4px solid var(--brand-yellow) !important; }
.panel-accent-red { border-left:4px solid var(--red) !important; }
.panel-accent-blue { border-left:4px solid var(--func-blue) !important; }
.panel-accent-green { border-left:4px solid var(--green) !important; }
.panel-accent-orange { border-left:4px solid var(--orange) !important; }

/* Theme-colored rank numbers for alliance panel */
.mr-rank.rank-yellow { color:var(--brand-yellow); }
.mr-rank.rank-yellow.top3 { text-shadow:0 0 8px rgba(255,209,0,0.4); }
.mr-rank.rank-red { color:var(--red); }
.mr-rank.rank-red.top3 { text-shadow:0 0 8px rgba(255,68,102,0.35); }
.mr-rank.rank-blue { color:var(--func-blue); }
.mr-rank.rank-blue.top3 { text-shadow:0 0 8px rgba(58,155,200,0.4); }

/* Ship rows */
.ship-row {
  display:flex;align-items:center;gap:8px;padding:6px 12px;
  border-bottom:1px solid rgba(30,42,58,0.2);
}
.ship-row:nth-child(odd) { background:rgba(0,0,0,0.12); }
.ship-row:nth-child(even) { background:transparent; }
.ship-row:hover { background:rgba(58,155,200,0.04); }
.ship-icon { width:28px;height:28px;border-radius:3px;border:1px solid rgba(100,168,255,0.12);flex-shrink:0; }
.ship-name { font-size:13px;color:var(--text-label);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ship-count { font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--func-blue-bright);flex-shrink:0; }

/* ===== Kill Modal ===== */
.kill-modal { position:fixed;inset:0;z-index:1000;display:grid;place-items:center; }
.kill-modal-backdrop { position:absolute;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px); }
.kill-modal-content { position:relative;z-index:1;background:var(--bg-panel);border:1px solid rgba(255,85,119,0.2);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);max-width:680px;width:92vw;max-height:85vh;overflow-y:auto; }
.kill-modal-content::before { content:'';position:absolute;top:0;left:0;width:14px;height:14px;background:linear-gradient(135deg,rgba(255,85,119,0.45) 50%,transparent 50%);z-index:2; }
.kd-header { padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:16px;background:rgba(5,14,30,0.5); }
.kd-ship-icon { width:64px;height:64px;border-radius:6px;border:2px solid rgba(100,168,255,0.2);background:var(--bg-secondary); }
.kd-info { flex:1; }
.kd-ship-name { font-size:20px;font-weight:700;color:#fff;margin-bottom:4px; }
.kd-meta { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-secondary); }
.kd-close { font-size:20px;color:var(--text-dim);cursor:pointer;background:none;border:none;padding:8px; }
.kd-close:hover { color:var(--red); }
.kd-body { padding:20px 24px; }
.kd-row { display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(30,42,58,0.4); }
.kd-row:last-child { border-bottom:none; }
.kd-row-label { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase; }
.kd-row-value { font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text-primary); }
.kd-attackers-title { font-family:'Noto Sans SC',sans-serif;font-size:14px;color:var(--red);font-weight:600;margin:14px 0 8px; }
.kd-attacker { display:flex;align-items:center;gap:10px;padding:6px 10px;margin-bottom:3px;background:rgba(255,85,119,0.03);border-radius:3px;border:1px solid rgba(255,85,119,0.06); }
.kd-attacker.final-blow { border-color:rgba(255,85,119,0.2);background:rgba(255,85,119,0.06); }
.kd-att-portrait { width:28px;height:28px;border-radius:50%;border:1px solid rgba(100,168,255,0.15); }
.kd-att-info { flex:1;min-width:0; }
.kd-att-name { font-size:13px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.kd-att-ship { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim); }
.kd-att-damage { font-family:'Orbitron',monospace;font-size:13px;color:var(--red);flex-shrink:0; }
.kd-att-final { font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--red);letter-spacing:1px;padding:1px 4px;border:1px solid rgba(255,85,119,0.3);border-radius:2px;margin-left:6px; }

/* ===== Misc ===== */
.kill-loading { text-align:center;padding:24px;color:var(--text-dim);font-size:13px; }
.kill-loading .loading-bar { width:140px;height:2px;background:var(--border-color);margin:6px auto;border-radius:1px;overflow:hidden; }
.kill-loading .loading-bar-inner { width:30%;height:100%;background:var(--red);border-radius:1px;animation:kl-slide 1s ease-in-out infinite; }
@keyframes kl-slide { 0%{transform:translateX(-100%);}100%{transform:translateX(400%);} }
.kill-empty { text-align:center;padding:24px;color:var(--text-dim);font-size:13px; }

/* ===== Responsive ===== */
@media(max-width:1200px) {
  .hero-layout { grid-template-columns:1fr 320px; }
  .focus-top3 { grid-template-columns:1fr 1fr;gap:10px; }
  .focus-top3 > :nth-child(3) { grid-column:span 2; }
}
@media(max-width:900px) {
  .hero-layout { grid-template-columns:1fr; }
  .hero-side { order:-1; }
  .gs-row { grid-template-columns:repeat(3,1fr); }
  .gs-row .gs-card:nth-child(n+4) { display:none; }
  .rank-grid { grid-template-columns:1fr; }
  .main { padding:14px 16px; }
}
@media(max-width:640px) {
  .gs-row { grid-template-columns:repeat(2,1fr); }
  .gs-row .gs-card:nth-child(n+3) { display:none; }
  .focus-top3 { grid-template-columns:1fr; }
  .focus-top3 > :nth-child(3) { grid-column:auto; }
  .sec-filter-inline { display:none; }
  .header { padding:10px 12px; }
  .main { padding:10px; }
}

/* ===== 配装区块 ===== */
.kd-fitting-section { margin-top:16px;padding-top:14px;border-top:1px solid rgba(30,42,58,0.5); }
.kd-fitting-title { font-family:'Rajdhani',sans-serif;font-size:13px;letter-spacing:.1em;color:#6a8098;text-transform:uppercase;margin-bottom:10px; }
.kd-fitting-empty { font-size:13px;color:var(--text-dim);padding:8px 0;text-align:center; }
.kd-slot-group { margin-bottom:10px; }
.kd-slot-label { font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;opacity:.9; }
.kd-slot-items { display:flex;flex-direction:column;gap:3px; }
.kd-fit-item { display:flex;align-items:center;gap:8px;padding:4px 8px;background:rgba(10,18,28,0.6);border:1px solid rgba(30,50,72,0.4);border-radius:2px; }
.kd-fit-item:hover { background:rgba(58,155,200,0.06);border-color:rgba(58,155,200,0.2); }
.kd-fit-name { font-size:13px;color:#c8dae8;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.kd-fit-qty { font-family:'JetBrains Mono',monospace;font-size:12px;color:#FFD100;flex-shrink:0; }

/* ===== 军团击杀流行 ===== */
.ck-row { display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(20,36,52,0.4);transition:background .15s; }
.ck-row:nth-child(odd) { background:rgba(0,0,0,0.1); }
.ck-row:nth-child(even) { background:transparent; }
.ck-row:hover { background:rgba(58,155,200,0.05); }
.ck-icon { width:32px;height:32px;border-radius:3px;background:#080c12;flex-shrink:0; }
.ck-info { flex:1;min-width:0; }
.ck-ship { font-size:13px;color:#e0eaf4;font-weight:600;display:flex;align-items:center;gap:6px; }
.ck-meta { font-family:'JetBrains Mono',monospace;font-size:11px;color:#4a6880;margin-top:2px; }
.ck-badge { font-size:10px;padding:1px 6px;border-radius:2px;font-family:'Rajdhani',sans-serif;letter-spacing:.06em;font-weight:600; }
.ck-kill { color:#3de89a;border:1px solid rgba(61,232,154,0.3);background:rgba(61,232,154,0.06); }
.ck-loss { color:#ff5577;border:1px solid rgba(255,85,119,0.3);background:rgba(255,85,119,0.06); }
.ck-fit-btn { flex-shrink:0;padding:4px 10px;background:rgba(58,155,200,0.1);border:1px solid rgba(58,155,200,0.3);color:#3a9bc8;font-size:12px;cursor:pointer;border-radius:2px;white-space:nowrap;transition:background .15s; }
.ck-fit-btn:hover { background:rgba(58,155,200,0.22);border-color:rgba(58,155,200,0.6); }