:root{--ink:#f7f7f3;--muted:rgba(255,255,255,.72);--quiet:rgba(255,255,255,.48);--blue:#d5f5dc;--cyan:#8fd5aa;--green:#b8efc7;--line:rgba(255,255,255,.18);--glass:rgba(7,10,9,.38);--shadow:0 30px 80px rgba(0,0,0,.34);--max:1220px}
*{box-sizing:border-box}html{background:#050706}body{color:var(--ink);background:linear-gradient(180deg,rgba(2,4,3,.23) 0%,rgba(2,4,3,.38) 44%,rgba(2,4,3,.70) 100%),url('./assets/GPU服务器机房背景_20260819_1528.png') center top/cover fixed no-repeat;letter-spacing:-.012em}body:before{display:none!important}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 8%,rgba(255,255,255,.14) 8%,rgba(255,255,255,.14) calc(8% + 1px),transparent calc(8% + 1px),transparent 92%,rgba(255,255,255,.14) 92%,rgba(255,255,255,.14) calc(92% + 1px),transparent calc(92% + 1px));opacity:.7}.orb{display:none!important}
.glass{background:rgba(8,12,10,.42);border:1px solid rgba(255,255,255,.22);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(26px) saturate(118%);-webkit-backdrop-filter:blur(26px) saturate(118%)}
.nav{height:64px;background:rgba(4,7,5,.28);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}.navin{width:min(var(--max),calc(100% - 40px));padding:0 22px;border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14)}.brand{font-size:12px;font-weight:600;letter-spacing:.02em}.logo{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.48);box-shadow:none;color:#fff}.status{color:rgba(255,255,255,.66);font-size:11px}.pulse{background:#9ee5b3;box-shadow:0 0 0 5px rgba(158,229,179,.12)}
main{width:min(var(--max),calc(100% - 40px));margin:auto;padding:54px 30px 64px;border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14);background:rgba(2,5,3,.08)}.intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;min-height:290px;margin:0 -30px 44px;padding:38px 54px 48px;border-bottom:1px solid rgba(255,255,255,.18)}.kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);background:none;-webkit-background-clip:initial;margin-bottom:18px}.intro h1{font-family:Georgia,"Times New Roman","Songti SC",serif;font-size:clamp(58px,7.2vw,96px);line-height:.94;letter-spacing:-.06em;font-weight:400;text-shadow:0 4px 28px rgba(0,0,0,.32)}.intro p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.76);max-width:400px;text-shadow:0 2px 15px rgba(0,0,0,.5)}
.sectionline{margin-bottom:15px}.sectionline h2{font-size:16px;color:#fff}.sectionline p{font-size:10px;color:rgba(255,255,255,.5)}
.gpu-grid{gap:10px;margin-bottom:20px}.gpu-card{min-height:132px;padding:18px 16px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(9,13,11,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);color:#fff}.gpu-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);box-shadow:0 16px 34px rgba(0,0,0,.24)}.gpu-card.active{background:rgba(236,247,239,.91);border-color:rgba(255,255,255,.7);color:#101512;box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px 0 #fff}.gpu-card.active:before{display:none}.gpu-card.active .vram{color:#526057;background:rgba(15,30,20,.07)}.gpu-card.active .gpu-meta{color:#627067}.vram{color:rgba(255,255,255,.58);background:rgba(255,255,255,.09)}.gpu-price{font-size:27px}.gpu-meta{color:rgba(255,255,255,.5)}
.dashboard{border-radius:22px;padding:38px 40px 28px;overflow:hidden}.dashboard:before{display:none}.tag{font-size:13px;color:rgba(255,255,255,.66)}.bigprice{font-size:clamp(70px,9vw,108px);font-weight:620;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.25)}.unit{font-size:15px;color:rgba(255,255,255,.65)}.change{background:rgba(163,235,184,.12);color:#bdf1ca;border:1px solid rgba(189,241,202,.15)}.change.up{background:rgba(246,156,120,.13);color:#ffc4ab}.rangebox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.range{color:rgba(255,255,255,.62)}.range:hover{color:#fff}.range.active{background:rgba(244,248,245,.92);color:#101512;box-shadow:0 8px 20px rgba(0,0,0,.2)}.chartfoot{border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.5)}
.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 44px}.metric{border-radius:16px;padding:20px;background:rgba(7,11,9,.36);border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.mk{color:rgba(255,255,255,.5)}.mv{color:#fff}.ms{color:rgba(255,255,255,.56)}
.cloud-card{border-radius:22px;background:rgba(6,9,8,.58);margin-bottom:44px}.cloud-head h2{color:#fff}.cloud-head p{color:rgba(255,255,255,.6)}.cloud-badge{color:#c9f3d4;background:rgba(190,238,203,.09);border:1px solid rgba(190,238,203,.12)}.cloud-badge i{background:#9ee5b3}.quote-row{border-top:1px solid rgba(255,255,255,.13)}.quote-row:not(.quote-label):hover{background:rgba(255,255,255,.06)}.quote-label{color:rgba(255,255,255,.45);background:rgba(255,255,255,.04)}.quote-rank,.quote-date{color:rgba(255,255,255,.46)}.quote-provider,.quote-price{color:#fff}.quote-row.best .quote-provider,.quote-row.best .quote-price{color:#c9f3d4}.quote-note{border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.44)}
.timeline{gap:14px}.timeline-info,.compare{border-radius:20px;background:rgba(6,9,8,.52)}.timeline-info h3,.compare h3{color:#fff;font-family:Georgia,"Songti SC",serif;font-weight:400}.timeline-info>p,.compare>p{color:rgba(255,255,255,.6)}.level{border-top:1px solid rgba(255,255,255,.13)}.level span{color:rgba(255,255,255,.56)}.level em{color:#d0f3d8;background:rgba(202,241,212,.09)}.track{background:rgba(255,255,255,.12)}.fill{background:#c9f3d4}.note{background:rgba(7,11,9,.46);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(20px)}.note p{color:rgba(255,255,255,.58)}footer{border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.42)}.tip{background:rgba(4,7,5,.92);border:1px solid rgba(255,255,255,.18)}
@media(max-width:760px){body:after{display:none}.navin,main{border-left:0;border-right:0}.intro{grid-template-columns:1fr;min-height:auto;gap:20px;padding:30px 24px 38px}.intro h1{font-size:56px}.gpu-card{min-width:172px}.dashboard{padding:28px 21px 23px}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.intro h1{font-size:47px}.metrics{grid-template-columns:1fr}}