/* Production visual system — ARK TERMINAL */
.v2{
  --bg:#07090d;--surface:#0e131b;--surface-2:#121b25;--ink:#edf8ff;--muted:#8093a3;--line:#22313f;
  --accent:#00e7ff;--accent-soft:#08242b;--blue:#00e7ff;--green:#43ffb1;--amber:#ffd45c;
  --shadow:0 0 0 1px rgba(0,231,255,.02),0 18px 70px rgba(0,0,0,.5);--radius:4px;
  color-scheme:dark;background-color:#07090d;
  background-image:linear-gradient(rgba(0,231,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,231,255,.035) 1px,transparent 1px),radial-gradient(circle at 80% -10%,rgba(0,231,255,.12),transparent 35%);
  background-size:32px 32px,32px 32px,auto;
  font-family:"Cascadia Code","SFMono-Regular",Consolas,"Microsoft YaHei",monospace;
}
.v2:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}
.v2 .shell{width:min(1440px,calc(100% - 36px))}
.v2 .topbar{background:rgba(7,9,13,.86);border-bottom:1px solid #00e7ff;box-shadow:0 0 28px rgba(0,231,255,.08)}
.v2 .brand{letter-spacing:.06em;text-transform:uppercase;color:#baf8ff}
.v2 .brand-mark{border-radius:2px;background:#00e7ff;color:#061014;box-shadow:0 0 20px rgba(0,231,255,.45)}
.v2 .navlinks{background:#090d13;border-radius:3px;border-color:#29414f}
.v2 .navlinks a{border-radius:2px}
.v2 .navlinks a.active,.v2 .navlinks a:hover{background:#00e7ff;color:#061014}
.v2 main{padding-top:32px}
.v2 .season-btn,.v2 .chip,.v2 .team-btn,.v2 .navlinks a,.v2 .card,.v2 .search input{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.v2 .card:hover{transform:translateY(-1px)}

.v2 .hero-row,.v2 .ranker-hero{position:relative;padding:28px;border:1px solid #23404d;background:linear-gradient(90deg,rgba(0,231,255,.045),transparent);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
.v2 .hero-row{grid-template-columns:1fr auto}
.v2 .hero-row:after{content:"ARK // SOLO RAID // CN";position:absolute;right:28px;top:12px;color:#325362;font-size:10px;letter-spacing:.18em}
.v2 .ranker-hero:after{content:"ARK // RATING // CN";position:absolute;right:28px;top:12px;color:#325362;font-size:10px;letter-spacing:.18em}
.v2 .ranker-hero{margin-bottom:18px}
.v2 .kicker{color:#43ffb1}
.v2 h1{font-size:clamp(42px,5.6vw,78px);letter-spacing:-.055em;text-shadow:0 0 28px rgba(0,231,255,.14)}
.v2 .hero-sub{color:#91a9b7}
.v2 .pill{border-radius:2px;background:#08121a;border-color:#244451;color:#9fc1ce}
.v2 .dot{box-shadow:0 0 12px currentColor}

.v2 .season-strip{gap:7px}
.v2 .season-btn,.v2 .chip,.v2 .team-btn{border-radius:2px;background:#0a1119;border-color:#29404e;color:#9eb6c4;text-transform:uppercase}
.v2 .season-btn.active,.v2 .chip.active{background:#082a31;color:#00e7ff;border-color:#00e7ff;box-shadow:inset 0 0 18px rgba(0,231,255,.12),0 0 12px rgba(0,231,255,.1)}
.v2 .info-grid{grid-template-columns:1.22fr .78fr}
.v2 .card{background:linear-gradient(160deg,rgba(18,25,35,.94),rgba(9,13,19,.98));border-color:#233744}
.v2 .boss-card{grid-template-columns:1fr 34%;position:relative}
.v2 .boss-card:after{content:"TARGET DATA";position:absolute;top:9px;right:12px;color:#38505d;font-size:10px;letter-spacing:.16em}
.v2 .boss-image{background:radial-gradient(circle,#0d3540 0,#0a131a 55%,#070a0e 100%);border-color:#23424e;color:#537785}
.v2 .boss-image:before{content:"◎";display:block;font-size:72px;color:#00e7ff;opacity:.42;filter:drop-shadow(0 0 18px #00e7ff)}
.v2 .stat{border-radius:2px;background:#0a151e;border:1px solid #203746}
.v2 .stat b{color:#d8fbff}
.v2 .source-credit{border-radius:2px;background:#0a2227;border-color:#1b626b}
.v2 .source-credit b{color:#43ffb1}
.v2 .coverage>div{border-radius:2px;border-color:#27404c;background:#0a1017}
.v2 .notice{border-radius:2px;background:#211b09;border-color:#665419;color:#e5c86a}
.v2 .search input{border-radius:2px;background:#080d13;border-color:#29404e;color:#dffaff}
.v2 .search input:focus{border-color:#00e7ff;box-shadow:0 0 0 3px rgba(0,231,255,.08)}

/* Critical table behavior: header sits at table top; it never overlays row #1. */
.v2 .table-card{border-radius:2px;box-shadow:0 0 50px rgba(0,0,0,.35)}
.v2 th{background:#09121a;color:#6fdbea;border-color:#27404d;top:0}
.v2 td{border-color:#172631}
.v2 tbody tr.data-row:hover{background:rgba(0,231,255,.045)}
.v2 .rank.top1{color:#43ffb1;text-shadow:0 0 10px rgba(67,255,177,.3)}
.v2 .server.qq{background:#07252c;color:#00e7ff}
.v2 .server.wx{background:#09281c;color:#43ffb1}
.v2 .blank-row{color:#34434e}
.v2 .team-btn:hover{border-color:#00e7ff;color:#00e7ff;box-shadow:0 0 12px rgba(0,231,255,.1)}
.v2 .detail-row td{background:#080e14}
.v2 .team-slot{background:#091119;border-color:#27404d}

.v2 .metric{background:linear-gradient(145deg,#0b1219,#0d1720);border-color:#213b48;position:relative;overflow:hidden}
.v2 .metric:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#00e7ff;opacity:.65}
.v2 .metric b{color:#d8fbff;text-shadow:0 0 18px rgba(0,231,255,.18)}
.v2 .podium-card{border-color:#25404d;background:linear-gradient(145deg,#0e1821,#090e14)}
.v2 .podium-card:nth-child(1){border-color:#2c7864;box-shadow:inset 0 0 28px rgba(67,255,177,.035)}
.v2 .podium-card .num{color:#183039}
.v2 .podium-card:nth-child(1) .num{color:#174a3d}
.v2 .podium-card strong{color:#00e7ff;text-shadow:0 0 18px rgba(0,231,255,.18)}
.v2 .formula{border-color:#25434f;background:linear-gradient(90deg,rgba(0,231,255,.035),rgba(9,13,19,.96));position:relative}
.v2 .formula:before{content:"RATING MODEL";position:absolute;right:15px;top:10px;color:#345562;font-size:10px;letter-spacing:.16em}
.v2 .formula h2{color:#d8fbff}
.v2 .formula code{background:#06171e;border:1px solid #1d4652;color:#8ef2ff}
.v2 .rating{color:#00e7ff;text-shadow:0 0 12px rgba(0,231,255,.18)}
.v2 .delta.up{color:#43ffb1}.v2 .delta.down{color:#ff8b8b}
.v2 .quality{color:#ffd45c}
.v2 .footer{border-color:#1d3440}

@media (max-width:860px){
  .v2 .hero-row{grid-template-columns:1fr}
  .v2 .hero-row:after,.v2 .ranker-hero:after{display:none}
  .v2 .info-grid{grid-template-columns:1fr}
  .v2 .boss-card{grid-template-columns:1fr}
}
@media (max-width:620px){
  .v2 .shell{width:min(100% - 20px,1440px)}
  .v2 h1{font-size:clamp(36px,12vw,54px)}
  .v2 .hero-row,.v2 .ranker-hero{padding:20px}
  .v2 th{top:0}
}