*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{min-height:100vh;background:var(--c-void);color:var(--c-paper);font-family:var(--font-body);font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
main{display:block}
#main-content{scroll-margin-top:calc(var(--header-h) + 16px)}
:focus-visible{outline:3px solid var(--c-fluor);outline-offset:3px}
::selection{background:var(--c-fluor);color:var(--c-void)}
a{color:inherit}
a:hover{color:var(--c-fluor)}
img,svg,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}

:root{
  --c-space:#0A1E5C;
  --c-fluor:#00FF9D;
  --c-silver:#C8CCD0;
  --c-orange:#FF6B00;
  --c-void:#060A1A;
  --c-card:#112240;
  --c-muted:#7A8AA5;
  --c-paper:#F2F5F7;
  --font-head:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-body:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-data:"DIN Alternate","Bahnschrift","Roboto Condensed","Arial Narrow",sans-serif;
  --header-h:84px;
  --gap:32px;
  --radius:0;
  --shadow:8px 8px 0 rgba(0,0,0,.35);
  --border:2px solid rgba(200,204,208,.28)
}

.container{width:min(calc(100% - clamp(24px,5vw,64px)),1440px);margin-inline:auto}
.page-wrap{padding-top:clamp(32px,6vw,80px);padding-bottom:clamp(48px,8vw,112px)}
.prose{max-width:72ch}
.prose p{margin-bottom:1.25em}

.section{margin-bottom:clamp(48px,8vw,96px)}
.section-header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(200,204,208,.18)}
.section-kicker{display:block;margin-bottom:6px;font-family:var(--font-data);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-fluor)}
.section-title{font-family:var(--font-head);font-size:clamp(32px,4vw,56px);line-height:1.1;font-weight:900;letter-spacing:-.02em}
.section-copy{color:var(--c-muted);max-width:58ch}

.grid{display:grid;gap:var(--gap)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.card{position:relative;background:var(--c-card);border:var(--border);box-shadow:var(--shadow);padding:clamp(20px,3vw,32px)}
.card--accent{border-top:4px solid var(--c-fluor)}
.card--warn{border-left:6px solid var(--c-orange)}
.card--live{border-left:6px solid var(--c-fluor)}
.card--live::after{content:"";position:absolute;top:16px;right:16px;width:10px;height:10px;background:var(--c-fluor);border-radius:50%;animation:livePulse 1.8s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(0,255,157,.55)}70%{box-shadow:0 0 0 12px rgba(0,255,157,0)}100%{box-shadow:0 0 0 0 rgba(0,255,157,0)}}
.card-title{font-family:var(--font-head);font-size:1.1rem;font-weight:900;margin-bottom:.5rem}
.card-meta{font-family:var(--font-data);color:var(--c-muted);font-size:.875rem}
.card-text{color:var(--c-paper)}
.card-link{display:inline-block;margin-top:.75rem;color:var(--c-fluor);font-weight:700;text-decoration:none}
.card-link:hover{text-decoration:underline}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;border:2px solid var(--c-fluor);background:transparent;color:var(--c-fluor);font-weight:700;letter-spacing:.05em;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{background:var(--c-fluor);color:var(--c-void);box-shadow:6px 6px 0 rgba(0,0,0,.25);transform:translate(-2px,-2px)}
.btn-primary{background:var(--c-fluor);color:var(--c-void);border-color:var(--c-fluor);box-shadow:6px 6px 0 var(--c-space)}
.btn-primary:hover{background:var(--c-paper);border-color:var(--c-paper);color:var(--c-void);box-shadow:6px 6px 0 var(--c-space)}
.btn-ghost{border-color:var(--c-silver);color:var(--c-paper)}
.btn-ghost:hover{background:var(--c-paper);border-color:var(--c-paper);color:var(--c-void);box-shadow:6px 6px 0 var(--c-silver)}
.btn-accent{background:var(--c-orange);color:var(--c-void);border-color:var(--c-orange);box-shadow:6px 6px 0 var(--c-space)}
.btn-accent:hover{background:var(--c-paper);border-color:var(--c-paper);color:var(--c-void);box-shadow:6px 6px 0 var(--c-orange)}

.breadcrumb{margin-bottom:24px}
.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.breadcrumb-item{display:inline-flex;align-items:center;gap:.5rem}
.breadcrumb-item+.breadcrumb-item::before{content:"/";color:var(--c-silver);font-family:var(--font-data)}
.breadcrumb-link{color:var(--c-muted);text-decoration:none}
.breadcrumb-link:hover{color:var(--c-fluor)}
.breadcrumb-item[aria-current="page"]{color:var(--c-paper);font-weight:700}

.chip{display:inline-flex;align-items:center;padding:.3rem .65rem;background:var(--c-fluor);color:var(--c-void);font-family:var(--font-data);font-size:.85rem;font-weight:700;line-height:1}
.stat{padding:1rem 1.25rem;background:var(--c-card);border-left:6px solid var(--c-fluor);box-shadow:var(--shadow)}
.stat-value{display:block;font-family:var(--font-data);font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1;letter-spacing:-.04em}
.stat-label{display:block;margin-top:.4rem;font-size:.85rem;letter-spacing:.12em;color:var(--c-muted)}

.media-frame{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(10,30,92,.85),rgba(17,34,64,.95));border:2px solid var(--c-space);box-shadow:var(--shadow);aspect-ratio:16/10}
.media-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.media-frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(transparent,rgba(6,10,26,.72));pointer-events:none}
.media-frame--portrait{aspect-ratio:4/5}
.media-frame--tall{aspect-ratio:3/4}
.media-frame--wide{aspect-ratio:21/9}
.media-caption{padding-top:.5rem;color:var(--c-muted);font-size:.85rem}

.skip-link{position:absolute;left:16px;top:-80px;z-index:200;padding:.75rem 1.1rem;background:var(--c-fluor);color:var(--c-void);font-weight:900;text-decoration:none;box-shadow:4px 4px 0 var(--c-orange);transition:top .2s ease}
.skip-link:focus{top:12px}

.site-header{position:sticky;top:0;z-index:100;background:rgba(6,10,26,.96);border-bottom:1px solid rgba(200,204,208,.18);box-shadow:0 8px 24px rgba(0,0,0,.28)}
@supports (backdrop-filter:blur(12px)){.site-header{background:rgba(6,10,26,.84);backdrop-filter:blur(12px)}}

.site-header-inner{position:relative;max-width:1440px;margin-inline:auto;padding:0 clamp(16px,3vw,40px);min-height:var(--header-h);display:flex;align-items:stretch;gap:clamp(10px,2vw,24px)}
.brand{display:flex;align-items:center;gap:12px;padding-right:clamp(16px,2.5vw,32px);border-right:1px solid rgba(200,204,208,.18);color:var(--c-paper);text-decoration:none}
.brand:hover{color:var(--c-paper)}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--c-fluor);color:var(--c-void);font-family:var(--font-data);font-weight:900;font-size:1.4rem;line-height:1;transform:skewX(-8deg);box-shadow:6px 6px 0 var(--c-orange)}
.brand-text{display:flex;flex-direction:column;justify-content:center}
.brand-name{font-family:var(--font-head);font-weight:900;font-size:1.28rem;line-height:1.1;letter-spacing:.04em}
.brand-sub{margin-top:3px;font-family:var(--font-data);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-silver)}

.site-nav{display:flex;align-items:stretch;margin-left:auto}
.nav-list{display:flex;align-items:stretch;gap:0}
.nav-item{display:flex}
.nav-link{display:flex;align-items:center;padding:0 .9rem;position:relative;color:var(--c-silver);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-decoration:none;transition:color .15s}
.nav-link::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:0;height:4px;background:var(--c-fluor);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-link:hover{color:var(--c-paper)}
.nav-link:hover::after{transform:scaleX(1)}
.nav-link[aria-current="page"]{color:var(--c-fluor)}
.nav-link[aria-current="page"]::after{transform:scaleX(1)}

.header-action{display:inline-flex;align-items:center;align-self:center;margin-left:clamp(6px,1vw,16px);padding:.7rem 1.1rem;background:var(--c-fluor);color:var(--c-void);border:2px solid var(--c-space);box-shadow:5px 5px 0 var(--c-silver);font-weight:900;font-size:.9rem;letter-spacing:.08em;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s,box-shadow .15s}
.header-action:hover{background:var(--c-orange);color:var(--c-void);border-color:var(--c-orange);box-shadow:5px 5px 0 var(--c-paper);transform:translate(-2px,-2px)}

.nav-toggle{display:none;align-items:center;gap:.5rem;padding:.6rem .4rem;color:var(--c-paper);font-weight:700}
.nav-toggle[aria-expanded="true"]{color:var(--c-fluor)}
.nav-toggle-box{position:relative;display:block;width:24px;height:18px}
.nav-toggle-box span{position:absolute;left:0;width:100%;height:2px;background:currentColor;transition:top .2s,opacity .2s,transform .2s}
.nav-toggle-box span:nth-child(1){top:0}
.nav-toggle-box span:nth-child(2){top:8px}
.nav-toggle-box span:nth-child(3){top:16px}
.nav-toggle[aria-expanded="true"] .nav-toggle-box span:nth-child(1){top:8px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-box span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-box span:nth-child(3){top:8px;transform:rotate(-45deg)}
.nav-toggle-text{font-size:.85rem;letter-spacing:.08em}

.site-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(200,204,208,.16);pointer-events:none}
.site-progress-bar{display:block;width:0%;height:100%;background:var(--c-fluor);box-shadow:0 0 12px var(--c-fluor);transition:width .1s linear}

.site-footer{position:relative;background:var(--c-void);border-top:6px solid var(--c-space);overflow:hidden;color:var(--c-paper)}
.site-footer::after{content:"LIVE / 24";position:absolute;right:-20px;bottom:-80px;z-index:0;font-family:var(--font-data);font-size:clamp(120px,24vw,320px);font-weight:900;line-height:1;letter-spacing:-.04em;color:rgba(0,255,157,.05);transform:rotate(-8deg);pointer-events:none}
.footer-inner{position:relative;z-index:1;max-width:1440px;margin-inline:auto;padding:clamp(48px,7vw,96px) clamp(16px,4vw,40px) 0}
.footer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.footer-brand{grid-column:span 5}
.footer-links{grid-column:span 2}
.footer-legal{grid-column:span 2}
.footer-contact{grid-column:span 3}
.footer-logo{display:inline-flex;align-items:center;gap:.75rem;color:var(--c-paper);text-decoration:none;font-family:var(--font-head);font-weight:900;font-size:1.5rem;letter-spacing:.04em}
.footer-logo::before{content:"Q";display:grid;place-items:center;width:40px;height:40px;background:var(--c-fluor);color:var(--c-void);font-family:var(--font-data);font-weight:900;font-size:1.2rem;transform:skewX(-8deg);box-shadow:4px 4px 0 var(--c-orange)}
.footer-logo:hover{color:var(--c-fluor)}
.footer-logo:hover::before{background:var(--c-orange)}
.footer-tagline{margin-top:.5rem;color:var(--c-silver);font-size:.9rem;letter-spacing:.14em}
.footer-trust{margin-top:1.5rem;padding:1rem;background:rgba(10,30,92,.35);border-left:4px solid var(--c-fluor);color:var(--c-muted);font-size:.9rem;max-width:46ch}
.footer-label{font-family:var(--font-head);font-weight:900;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-fluor);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(200,204,208,.2)}
.footer-list{display:grid;gap:.65rem}
.footer-list a{color:var(--c-silver);text-decoration:none;font-size:.95rem;transition:color .15s,margin-left .15s}
.footer-list a:hover{color:var(--c-fluor);margin-left:4px}
.footer-contact p{color:var(--c-silver);margin-bottom:.8rem;line-height:1.5}
.contact-line{display:block;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--c-fluor)}
.footer-bottom{position:relative;z-index:1;max-width:1440px;margin-inline:auto;margin-top:clamp(40px,6vw,72px);padding:1.25rem clamp(16px,4vw,40px) 1.5rem;border-top:1px solid rgba(200,204,208,.14);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.footer-copy,.footer-note{color:var(--c-muted);font-size:.85rem}
.footer-note{max-width:60ch}

@media (max-width:1024px){
  .nav-link{padding:0 .6rem;font-size:.86rem}
  .footer-brand{grid-column:span 6}
  .footer-links{grid-column:span 3}
  .footer-legal{grid-column:span 3}
  .footer-contact{grid-column:span 6}
  .grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .site-header-inner{flex-wrap:wrap;align-items:center;min-height:0;padding-top:10px;padding-bottom:10px}
  .brand{order:0;flex:1 1 auto;border-right:0;padding-right:0}
  .site-nav{order:3;display:none;flex-basis:100%;margin-left:0;border-top:1px solid rgba(200,204,208,.18);margin-top:8px;padding-top:4px}
  .site-nav[data-open]{display:flex;align-items:stretch}
  .nav-list{flex-direction:column;width:100%}
  .nav-item{border-bottom:1px solid rgba(200,204,208,.14)}
  .nav-link{min-height:50px;padding:0 1rem}
  .nav-link::after{display:none}
  .nav-link[aria-current="page"]{background:rgba(0,255,157,.1);border-left:4px solid var(--c-fluor);color:var(--c-fluor)}
  .header-action{order:1;margin-left:auto;padding:.6rem .8rem;font-size:.82rem}
  .nav-toggle{order:2;display:inline-flex}
}

@media (max-width:600px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}
  .section-header{align-items:flex-start}
  .footer-brand,.footer-links,.footer-legal,.footer-contact{grid-column:span 12}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .brand-mark{width:38px;height:38px;font-size:1.2rem;box-shadow:4px 4px 0 var(--c-orange)}
  .brand-name{font-size:1.05rem}
  .brand-sub{font-size:.62rem;letter-spacing:.12em}
  .nav-toggle-text{display:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .site-progress-bar,.nav-link::after,.btn,.header-action,.nav-toggle-box span{transition:none !important}
}