:root{--glass-strong-bg:#06131f38;--glass-soft-bg:#0a1b2a29;--glass-border:#c9e1f84d;--glass-highlight:#ffffff12}.glass-surface,.glass-panel{border:1px solid var(--glass-border);background:linear-gradient(145deg, var(--glass-highlight), transparent 34%), var(--glass-strong-bg);-webkit-backdrop-filter:blur(28px)saturate(132%);backdrop-filter:blur(28px)saturate(132%);box-shadow:inset 0 1px #ffffff17,0 18px 48px #00081047}.glass-surface--soft{background:var(--glass-soft-bg);-webkit-backdrop-filter:blur(14px)saturate(118%);backdrop-filter:blur(14px)saturate(118%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface,.glass-panel{background:#0c1c2be6}}@media (max-width:860px){.glass-surface,.glass-panel{-webkit-backdrop-filter:blur(18px)saturate(118%);backdrop-filter:blur(18px)saturate(118%);box-shadow:inset 0 1px #ffffff14,0 10px 26px #00081038}}
.app-shell,.visionos-detail-layer{--vision-surface-window:#3031336b;--vision-surface-panel:#1d1e2061;--vision-surface-control:#ffffff13;--vision-surface-control-hover:#ffffff1d;--vision-line:#ffffff29;--vision-line-soft:#ffffff17;--vision-highlight:#ffffff1f;--vision-text:#f4f5f6;--vision-muted:#e5e8ebab;--vision-accent:#79b7ff;--vision-radius-window:28px;--vision-radius-panel:20px;--vision-radius-control:14px}.app-shell:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.app-shell .app-header{min-height:88px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:12px 28px;top:0}.app-shell .brand-lockup{filter:drop-shadow(0 6px 18px #00000052)}.app-shell .brand-divider{background:#ffffff4d}.app-shell .primary-nav{border:1px solid var(--vision-line);-webkit-backdrop-filter:blur(30px)saturate(112%);backdrop-filter:blur(30px)saturate(112%);background:linear-gradient(145deg,#ffffff17,#0000 44%),#1d1e2066;border-radius:25px;justify-self:center;gap:4px;padding:5px;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #ffffff09,0 12px 32px #00000040}.app-shell .nav-item{color:#f4f6f8c7;border-radius:19px;height:46px;padding-inline:15px;transition:color .15s,background-color .15s,box-shadow .15s}.app-shell .nav-item:hover{color:#fff;background:#ffffff16}.app-shell .nav-item.is-active{color:#fff;background:linear-gradient(145deg,#ffffff26,#ffffff13),#4a4c4e52;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff2e,0 7px 18px #0003}.app-shell .nav-item.is-active:after{display:none}.app-shell .header-pill{border-color:var(--vision-line);color:#f7f8f9e0;-webkit-backdrop-filter:blur(28px)saturate(110%);backdrop-filter:blur(28px)saturate(110%);background:linear-gradient(145deg,#ffffff13,#0000 50%),#1d1e206b;box-shadow:inset 0 1px #ffffff1c,0 10px 26px #00000038}.app-shell .steam-account:hover{background:#ffffff17;border-color:#ffffff40}.app-shell .locale-switch:focus-within{border-color:#79b7ffad;box-shadow:0 0 0 3px #79b7ff21}.app-shell .locale-switch:has(.app-select.is-open){border-color:#79b7ffad;box-shadow:0 0 0 3px #79b7ff21}.app-shell .glass-surface,.app-shell .glass-panel{border-color:var(--vision-line);background:linear-gradient(145deg, var(--vision-highlight), transparent 34%), var(--vision-surface-window);-webkit-backdrop-filter:blur(34px)saturate(108%);backdrop-filter:blur(34px)saturate(108%);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff06,0 24px 58px #0000004d}.app-shell .glass-surface--soft{background:linear-gradient(145deg, #ffffff12, transparent 42%), var(--vision-surface-panel);-webkit-backdrop-filter:blur(28px)saturate(106%);backdrop-filter:blur(28px)saturate(106%)}.performance-shell .performance-overview,.performance-shell .performance-empty-card{border-radius:var(--vision-radius-window)}.performance-shell .performance-filters,.performance-shell .performance-recent-panel{border-radius:24px}.performance-shell .performance-overview{padding:clamp(22px,2.2vw,32px)}.performance-shell .performance-filters{padding:16px 20px}.performance-shell .performance-recent-panel{padding:24px}.performance-shell .performance-eyebrow,.performance-shell .performance-section-heading>div>span{color:#eff1f39e;letter-spacing:.14em;font-weight:680}.performance-shell .performance-overview-heading>div>p:last-child,.performance-shell .performance-section-heading>span,.performance-shell .performance-list-summary>span,.performance-shell .performance-filters section>p{color:var(--vision-muted)}.performance-shell .performance-refresh-button,.performance-shell .performance-action-button{background:linear-gradient(#63a2e8d1,#2f69acc7),#2b63a4c2;border-color:#bcdcff8a;border-radius:17px;min-height:48px;padding-inline:19px;box-shadow:inset 0 1px #ffffff38,0 10px 24px #10427c42}.performance-shell .performance-refresh-button:hover:not(:disabled),.performance-shell .performance-action-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.performance-shell .performance-metrics{border-radius:var(--vision-radius-panel);background:#ffffff13;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.performance-shell .performance-metric{background:#18191b42}.performance-shell .performance-metric dt{color:#e5e8eb9e}.performance-shell .performance-chart-panel{border-radius:var(--vision-radius-panel);background:linear-gradient(145deg,#ffffff0e,#0000 45%),#1617193d;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0e}.performance-shell .performance-chart-grid{stroke:#ffffff1a}.performance-shell .performance-chart-line{stroke:#cfe1f2e6;filter:drop-shadow(0 1px 3px #44658457)}.performance-shell .performance-chart-caption{color:#dee2e685}.performance-shell .performance-chart-caption strong{color:#eff6fce0}.performance-shell .performance-filter-control{gap:8px;min-width:154px}.performance-shell .performance-filter-control>span{color:#ebedefa3;font-weight:600}.app-shell .app-select-trigger,.performance-shell .performance-filter-control .app-select-trigger{border-radius:var(--vision-radius-control);color:#f9fafbe6;background:linear-gradient(145deg, #ffffff13, transparent 48%), var(--vision-surface-control);border-color:#ffffff24;min-height:44px;box-shadow:inset 0 1px #ffffff17,0 8px 18px #00000024}.app-shell .app-select-trigger:hover{background:linear-gradient(145deg, #ffffff18, transparent 50%), var(--vision-surface-control-hover);border-color:#ffffff38}.app-shell .app-select-chevron{color:#eff2f499}.app-shell .app-select.is-open .app-select-trigger{background:linear-gradient(145deg,#ffffff1a,#0000 48%),#ffffff1a;border-color:#79b7ffa8;box-shadow:inset 0 1px #ffffff1c,0 0 0 3px #79b7ff21,0 15px 32px #0000003d}.app-shell .app-select.is-open .app-select-chevron{color:#f5f8fae6}.app-shell .locale-switch .app-select-trigger{min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 28px 0 3px}.app-shell .locale-switch .app-select-trigger:hover,.app-shell .locale-switch .app-select.is-open .app-select-trigger{box-shadow:none;background:0 0;border:0}.app-shell .locale-switch .app-select-trigger:focus-visible{outline:0}.app-shell .app-select-menu{-webkit-backdrop-filter:blur(34px)saturate(108%);backdrop-filter:blur(34px)saturate(108%);background:linear-gradient(145deg,#ffffff17,#0000 42%),#222325c2;border-color:#ffffff2b;border-radius:18px;padding:7px;top:calc(100% + 10px);box-shadow:inset 0 1px #ffffff1c,0 22px 50px #0000006b}.app-shell .app-select-option{color:#ebeef1b3;border-radius:12px;min-height:40px}.app-shell .app-select-option:hover,.app-shell .app-select-option:focus-visible{color:#fff;background:#ffffff1a}.app-shell .app-select-option[aria-selected=true]{color:#fff;background:#ffffff21}.app-shell .app-select-option svg{color:var(--vision-accent)}.performance-shell .performance-filters .app-select-trigger:focus-visible,.performance-shell .performance-match-row:focus-visible,.performance-shell .performance-refresh-button:focus-visible,.performance-shell .performance-action-button:focus-visible{outline-color:var(--vision-accent);outline-offset:3px}.performance-shell .performance-recent-winrate{border-radius:var(--vision-radius-control);background:linear-gradient(145deg,#ffffff0e,#0000 50%),#22634733;border-color:#70dba740}.performance-shell .performance-match-row{border-radius:var(--vision-radius-control);background:linear-gradient(145deg,#ffffff0b,#0000 46%),#16171947;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff09}.performance-shell .performance-match-row:hover{background:linear-gradient(145deg,#ffffff14,#0000 48%),#ffffff13;border-color:#fff3}.performance-shell .performance-match-row>svg{color:#ebeff294}.performance-shell .performance-map-thumbnail{background:#14151780;border-color:#ffffff2b;border-radius:10px}.visionos-detail-layer.match-drawer-backdrop{-webkit-backdrop-filter:blur(15px)saturate(104%);backdrop-filter:blur(15px)saturate(104%);background:#0506087a}.visionos-detail-layer.global-leaderboard-backdrop{-webkit-backdrop-filter:blur(12px)saturate(104%);backdrop-filter:blur(12px)saturate(104%);background:#0506084d}.visionos-detail-layer .global-leaderboard-modal{border-color:var(--vision-line);border-radius:var(--vision-radius-window);background:linear-gradient(145deg, var(--vision-highlight), transparent 34%), var(--vision-surface-window);-webkit-backdrop-filter:blur(34px)saturate(108%);backdrop-filter:blur(34px)saturate(108%);box-shadow:inset 0 1px #ffffff1f,0 30px 76px #0000005c}.visionos-detail-layer .global-leaderboard-header{border-bottom-color:var(--vision-line-soft);background:#ffffff06}.visionos-detail-layer .global-leaderboard-table th{border-bottom-color:var(--vision-line-soft);background:#1f20229e}.visionos-detail-layer .global-leaderboard-table tbody tr{background:#1213151f}.visionos-detail-layer .global-leaderboard-footer{border-top-color:var(--vision-line-soft);background:#ffffff06}.visionos-detail-layer .match-detail-drawer{border-color:var(--vision-line);border-radius:var(--vision-radius-window);background:linear-gradient(145deg, var(--vision-highlight), transparent 34%), #232426b8;-webkit-backdrop-filter:blur(38px)saturate(108%);backdrop-filter:blur(38px)saturate(108%);box-shadow:inset 0 1px #ffffff21,0 34px 90px #00000080}.visionos-detail-layer .match-detail-header{border-bottom-color:var(--vision-line-soft);background:#ffffff06}.visionos-detail-layer .match-detail-header>div>span,.visionos-detail-layer .match-player-heading>div>span{color:#e8ebee99}.visionos-detail-layer .match-detail-header button{border-radius:var(--vision-radius-control);background:#ffffff12;border-color:#ffffff2b;box-shadow:inset 0 1px #ffffff14}.visionos-detail-layer .match-player-card{border-radius:var(--vision-radius-panel);background:linear-gradient(145deg,#ffffff0e,#0000 42%),#1213154d;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0d}.visionos-detail-layer .match-player-metrics,.visionos-detail-layer .match-player-metric,.visionos-detail-layer .match-units-scroll,.visionos-detail-layer .match-units th,.visionos-detail-layer .match-units td{border-color:#ffffff16}.visionos-detail-layer .match-player-metric dt,.visionos-detail-layer .match-units th{color:#e1e5e98f}.visionos-detail-layer .match-units summary span{color:#e5eef7d1;background:#ffffff17}.visionos-detail-layer.arsenal-mobile-detail-layer{background:#05060894}.visionos-detail-layer .arsenal-mobile-detail-dialog{color:var(--vision-text);-webkit-backdrop-filter:blur(34px)saturate(106%);backdrop-filter:blur(34px)saturate(106%);background:linear-gradient(145deg,#ffffff12,#0000 36%),#222325db}.visionos-detail-layer .arsenal-mobile-detail-header{border-bottom-color:var(--vision-line-soft)}.visionos-detail-layer .arsenal-mobile-detail-header button{border-radius:var(--vision-radius-control);background:#ffffff12;border-color:#ffffff2e}.app-shell .quick-link-card,.app-shell .planned-card,.app-shell .academy-stage,.app-shell .academy-page>section[aria-label=学习进度],.app-shell .academy-filters,.app-shell .academy-article-card{border-color:var(--vision-line);background:linear-gradient(145deg, #ffffff12, transparent 40%), var(--vision-surface-panel);-webkit-backdrop-filter:blur(28px)saturate(106%);backdrop-filter:blur(28px)saturate(106%);box-shadow:inset 0 1px #ffffff17,0 18px 42px #0000003d}.app-shell .quick-link-card:hover,.app-shell .academy-article-card:hover{background:linear-gradient(145deg,#ffffff1b,#0000 44%),#ffffff17;border-color:#ffffff3d}.app-shell .benefit-icon,.app-shell .planned-icon{color:#f5f7f9e0;filter:none;background:#ffffff13;border-color:#fff3;box-shadow:inset 0 1px #ffffff1a}.app-shell .planned-card{border-radius:var(--vision-radius-window)}.app-shell .planned-eyebrow{color:#eff1f39e}.app-shell .planned-card a,.app-shell .quick-link-arrow{border-radius:var(--vision-radius-control);background:var(--vision-surface-control);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff14}.app-shell .assistant-panel:before{background:radial-gradient(circle at 50% 19%,#ffffff14,#0000 30%)}.app-shell .arsenal-sidebar,.app-shell .arsenal-canvas,.app-shell .arsenal-detail-panel{border-color:var(--vision-line);border-radius:var(--vision-radius-panel);background:linear-gradient(145deg, #ffffff13, transparent 34%), var(--vision-surface-window);-webkit-backdrop-filter:blur(32px)saturate(108%);backdrop-filter:blur(32px)saturate(108%);box-shadow:inset 0 1px #ffffff1a,0 20px 46px #00000047}.app-shell .arsenal-canvas-header{border-bottom-color:var(--vision-line-soft);background:#ffffff06}.app-shell .arsenal-search,.app-shell .arsenal-faction-row button,.app-shell .arsenal-specializations button,.app-shell .arsenal-unit-card{background:#ffffff0e;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0b}.app-shell .arsenal-category-nav button:hover,.app-shell .arsenal-faction-row button:hover,.app-shell .arsenal-specializations button:hover,.app-shell .arsenal-unit-card:hover{color:#fff;background:#ffffff17;border-color:#fff3}.app-shell .arsenal-faction-row button:not(.is-active),.app-shell .arsenal-specializations button:not(.is-active),.app-shell .arsenal-unit-card:not(.is-selected){border-color:#0000}.app-shell .arsenal-category-nav button.is-active,.app-shell .arsenal-faction-row button.is-active,.app-shell .arsenal-specializations button.is-active,.app-shell .arsenal-unit-card.is-selected{color:#fff;background:linear-gradient(145deg,#ffffff26,#ffffff13),#46484b52;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff29,0 8px 22px #0003}.app-shell .academy-hero:before{background:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px)}.app-shell .academy-hero:after{border-color:#ffffff1f;box-shadow:0 0 0 52px #ffffff05,0 0 0 116px #ffffff03}.app-shell .academy-eyebrow,.app-shell .academy-results-heading span,.app-shell .academy-filter>span{color:#eff1f39e}.app-shell .academy-release-summary,.app-shell .academy-results-heading p,.app-shell .academy-search-control{color:#eff2f4bf;background:var(--vision-surface-control);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff12}.app-shell .academy-stage:hover{color:#fff;background:#ffffff16;border-color:#ffffff38}.app-shell .academy-stage.is-active,.app-shell .academy-stage:last-child.is-active{color:#fff;background:linear-gradient(145deg,#ffffff24,#fff1),#4446484d;border-color:#ffffff42;box-shadow:inset 0 1px #ffffff26,0 8px 22px #0003}.app-shell .academy-stage.is-active:before,.app-shell .academy-stage:last-child.is-active:before{background:linear-gradient(90deg,#0000,#ffffffad,#0000)}.app-shell .academy-stage.is-active b,.app-shell .academy-stage:last-child.is-active b{color:#f2f4f6b3}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-shell .glass-surface,.app-shell .glass-panel,.app-shell .primary-nav,.app-shell .header-pill,.app-shell .app-select-menu,.visionos-detail-layer .match-detail-drawer,.visionos-detail-layer .arsenal-mobile-detail-dialog{background:#242527f0}}@media (max-width:1420px){.app-shell .app-header{padding-inline:20px}.app-shell .nav-item{padding-inline:12px}}@media (max-width:1180px){.app-shell .primary-nav{border-radius:23px}.app-shell .nav-item{width:44px;height:44px}}@media (max-width:860px){.app-shell .app-header{min-height:78px;padding:8px 14px}.performance-shell .performance-overview,.performance-shell .performance-filters,.performance-shell .performance-recent-panel{border-radius:22px}.performance-shell .performance-filters{padding:18px}.visionos-detail-layer .match-detail-drawer{border-radius:0}}@media (max-width:580px){.app-shell .app-header{padding-inline:10px}.app-shell .header-pill{box-shadow:inset 0 1px #ffffff1a,0 7px 20px #0003}.performance-shell .performance-filter-control .app-select-trigger{min-height:48px}}