*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + 1rem)}
body{font-family:'Noto Sans SC',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:1rem;line-height:1.75;color:#F4F6FB;background:#081226;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:#F4F6FB;text-decoration:none;transition:color 280ms cubic-bezier(.4,0,.2,1)}
a:hover{color:#FFC300}
ul,ol{list-style:none;padding:0;margin:0}
button{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid #FFC300;outline-offset:3px;border-radius:4px}
::selection{background:rgba(255,195,0,.3);color:#F4F6FB}

:root{
--c-bg:#081226;
--c-bg-2:#0D1B33;
--c-brand:#142640;
--c-data:#1D3D6F;
--c-yellow:#FFC300;
--c-orange:#FF6B35;
--c-text:#F4F6FB;
--c-muted:#9AA9BC;
--c-light:#E8EEF9;
--c-green:#22C55E;
--font-head:'Noto Sans SC','Source Han Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
--font-body:'Noto Sans SC',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
--font-data:'DIN Alternate','Roboto Mono','SFMono-Regular',Menlo,monospace;
--container:1200px;
--container-pad:clamp(1rem,4vw,1.5rem);
--header-h:76px;
--r-lg:24px;
--r-md:16px;
--r-sm:10px;
--r-pill:999px;
--ease:cubic-bezier(.4,0,.2,1);
--dur:280ms;
--header-bg:rgba(8,18,38,.88);
--sp-1:.25rem;
--sp-2:.5rem;
--sp-3:1rem;
--sp-4:1.5rem;
--sp-5:2rem;
--sp-6:3rem;
--sp-7:5rem;
--sp-8:7rem
}

h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:1.2;color:var(--c-text);letter-spacing:-.01em}
h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}
h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.02em}
h3{font-size:1.25rem;font-weight:700}
h4{font-size:1.0625rem;font-weight:700}
p{margin-bottom:1rem}
.text-muted{color:var(--c-muted)}
.text-lg{font-size:1.125rem;line-height:1.75}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--container-pad)}
.container--narrow{max-width:820px}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-3.5rem;left:1rem;z-index:2000;padding:.75rem 1.5rem;background:var(--c-yellow);color:var(--c-bg);font-weight:700;font-size:.9375rem;border-radius:var(--r-sm);box-shadow:0 8px 24px rgba(0,0,0,.3);transition:top 200ms var(--ease)}
.skip-link:focus{top:1rem;color:var(--c-bg)}

.page-body{padding-top:calc(var(--header-h) + var(--sp-4));min-height:60vh}
.page-title{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--sp-4)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8125rem 1.875rem;border-radius:var(--r-pill);font-family:var(--font-body);font-size:.9375rem;font-weight:700;line-height:1.2;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.btn--primary{background:var(--c-yellow);color:var(--c-bg)}
.btn--primary:hover{background:var(--c-orange);color:var(--c-bg);transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,107,53,.25)}
.btn--ghost{background:transparent;border-color:rgba(244,246,251,.28);color:var(--c-text)}
.btn--ghost:hover{border-color:var(--c-yellow);color:var(--c-yellow);transform:translateY(-2px)}
.btn--small{padding:.5rem 1.125rem;font-size:.8125rem}

.section{padding:var(--sp-7) 0}
.section--alt{background:var(--c-bg-2)}
.section--tight{padding:var(--sp-5) 0}
.section__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5)}
.section__title{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.02em}
.section__index{font-family:var(--font-data);font-size:.9375rem;font-weight:400;color:var(--c-yellow);letter-spacing:.08em;white-space:nowrap}
.section__lead{font-size:1rem;color:var(--c-muted);max-width:46ch;margin-bottom:0}

.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background:rgba(255,195,0,.1);border:1px solid rgba(255,195,0,.25);border-radius:var(--r-pill);font-size:.8125rem;font-weight:700;letter-spacing:.08em;color:var(--c-yellow)}
.kicker{display:block;font-family:var(--font-data);font-size:.875rem;color:var(--c-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp-2)}

.divider-brand{display:block;height:3px;width:64px;border-radius:3px;background:linear-gradient(90deg,var(--c-yellow),var(--c-orange));border:none;margin:var(--sp-4) 0}

.grid{display:grid;gap:var(--sp-4)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.grid-sidebar{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-6)}

.panel{background:var(--c-brand);border-radius:var(--r-lg);padding:var(--sp-5);border:1px solid rgba(244,246,251,.06);position:relative;overflow:hidden}
.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.panel__body{position:relative}

.data-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--r-pill);font-family:var(--font-data);font-size:.8125rem;font-weight:700;letter-spacing:.04em;background:rgba(244,246,251,.08);color:var(--c-light);white-space:nowrap}
.data-chip--live{background:var(--c-orange);color:#fff}
.data-chip--done{background:rgba(34,197,94,.15);color:var(--c-green)}
.data-chip--live::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse-dot 1.2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-orange);box-shadow:0 0 0 4px rgba(255,107,53,.2)}
.metric-value{font-family:var(--font-data);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1;color:var(--c-yellow);letter-spacing:-.02em}
.score-line{font-family:var(--font-data);font-size:1.125rem;font-weight:700;letter-spacing:.06em;color:var(--c-text);font-variant-numeric:tabular-nums}

.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:0;margin:0 0 var(--sp-5);font-size:.875rem;list-style:none}
.breadcrumb__item{display:inline-flex;align-items:center;gap:.5rem}
.breadcrumb__item:not(:last-child)::after{content:'/';color:var(--c-muted);opacity:.4;font-family:var(--font-data)}
.breadcrumb__link{color:var(--c-muted);text-decoration:none;transition:color var(--dur) var(--ease)}
.breadcrumb__link:hover{color:var(--c-yellow)}
.breadcrumb__current{color:var(--c-text);font-weight:500}

.image-frame{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--c-brand),var(--c-data))}
.image-frame::before{content:'';display:block;padding-bottom:56.25%}
.image-frame--hero::before{padding-bottom:66.67%}
.image-frame--portrait::before{padding-bottom:133.33%}
.image-frame--square::before{padding-bottom:100%}
.image-frame__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--c-muted);font-size:.875rem;font-family:var(--font-data);letter-spacing:.12em;background:radial-gradient(circle at 30% 20%,rgba(29,61,111,.5),transparent 60%),linear-gradient(135deg,transparent,var(--c-brand))}

.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),backdrop-filter var(--dur) var(--ease),-webkit-backdrop-filter var(--dur) var(--ease)}
.site-header[data-scrolled="true"]{background:var(--header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(244,246,251,.06)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--header-h);max-width:var(--container);margin:0 auto;padding:0 var(--container-pad)}
.site-header__progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--c-yellow),var(--c-orange));border-radius:0 2px 2px 0;transition:width 80ms ease-out;pointer-events:none}

.site-brand{display:inline-flex;align-items:center;gap:var(--sp-3);flex-shrink:0;color:var(--c-text)}
.site-brand:hover{color:var(--c-text)}
.site-brand__mark{display:grid;place-items:center;width:42px;height:42px;background:var(--c-yellow);color:var(--c-bg);font-family:var(--font-head);font-weight:900;font-size:1.375rem;border-radius:14px;box-shadow:0 4px 16px rgba(255,195,0,.25);transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.site-brand:hover .site-brand__mark{background:var(--c-orange);transform:rotate(-6deg)}
.site-brand__text{display:flex;flex-direction:column;line-height:1.2}
.site-brand__name{font-family:var(--font-head);font-weight:800;font-size:1.0625rem;letter-spacing:.04em}
.site-brand__tagline{font-size:.75rem;color:var(--c-muted);letter-spacing:.14em}

.site-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}
.site-header__cta{display:none}

.site-nav{display:flex;align-items:center;gap:var(--sp-4)}
.site-nav__list{display:flex;align-items:center;gap:var(--sp-1)}
.site-nav__link{position:relative;display:inline-block;padding:.5rem .875rem;color:var(--c-text);font-size:.9375rem;font-weight:500;text-decoration:none;border-radius:var(--r-pill);transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}
.site-nav__link::after{content:'';position:absolute;bottom:.25rem;left:.875rem;right:.875rem;height:2px;background:var(--c-yellow);border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform var(--dur) var(--ease)}
.site-nav__link:hover,.site-nav__link:focus-visible{color:var(--c-yellow)}
.site-nav__link:hover::after,.site-nav__link:focus-visible::after,.site-nav__link[aria-current="page"]::after{transform:scaleX(1)}
.site-nav__link[aria-current="page"]{color:var(--c-yellow);font-weight:700}
.site-nav__note{display:none;font-size:.8125rem;color:var(--c-muted);white-space:nowrap;border-left:1px solid rgba(154,169,188,.3);padding-left:var(--sp-3)}

.site-nav-toggle{display:none;position:relative;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(244,246,251,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.site-nav-toggle__bar{position:absolute;left:11px;right:11px;height:2px;background:var(--c-text);border-radius:2px;transition:transform 260ms var(--ease),top 260ms var(--ease),opacity 160ms var(--ease)}
.site-nav-toggle__bar:nth-child(1){top:13px}
.site-nav-toggle__bar:nth-child(2){top:21px}
.site-nav-toggle__bar:nth-child(3){top:29px}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle__bar:nth-child(1){top:21px;transform:rotate(45deg)}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle__bar:nth-child(2){opacity:0}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle__bar:nth-child(3){top:21px;transform:rotate(-45deg)}

.site-footer{position:relative;background:linear-gradient(180deg,var(--c-bg),#050B17);border-top:1px solid rgba(255,195,0,.12);padding:var(--sp-7) 0 var(--sp-4);overflow:hidden}
.site-footer::before{content:'';position:absolute;top:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--c-yellow),var(--c-orange),transparent);opacity:.5}
.site-footer::after{content:'GOAL·BOYU';position:absolute;right:-.5rem;bottom:-1rem;font-family:var(--font-data);font-size:clamp(5rem,12vw,10rem);font-weight:700;color:rgba(244,246,251,.025);letter-spacing:-.05em;pointer-events:none;z-index:0}
.site-footer .container{position:relative;z-index:1}
.site-footer__top{display:grid;grid-template-columns:1.4fr 1fr .8fr 1.2fr;gap:var(--sp-6);padding-bottom:var(--sp-6);border-bottom:1px solid rgba(154,169,188,.15)}
.site-footer__logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-size:1.25rem;font-weight:800;letter-spacing:.02em;margin-bottom:var(--sp-3)}
.site-footer__logo::before{content:'';width:10px;height:10px;border-radius:3px;background:var(--c-yellow);box-shadow:0 0 12px rgba(255,195,0,.4)}
.site-footer__about{font-size:.9375rem;color:var(--c-muted);line-height:1.7;max-width:30ch}
.site-footer__nav-title{font-size:.8125rem;font-weight:700;color:var(--c-light);letter-spacing:.12em;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);position:relative}
.site-footer__nav-title::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--c-yellow);border-radius:2px}
.site-footer__nav-list{display:flex;flex-direction:column;gap:var(--sp-1)}
.site-footer__link{display:inline-block;padding:.25rem 0;color:var(--c-muted);font-size:.9375rem;text-decoration:none;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.site-footer__link:hover{color:var(--c-yellow);transform:translateX(4px)}
.site-footer__contact-line{font-size:.9375rem;color:var(--c-muted);margin-bottom:var(--sp-2)}
.site-footer__contact-address{font-size:.875rem;color:var(--c-muted);opacity:.75;margin-top:var(--sp-2)}
.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-5);font-size:.8125rem;color:var(--c-muted)}
.site-footer__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}
.site-footer__trust{width:100%;font-size:.8125rem;color:var(--c-muted);opacity:.7;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid rgba(154,169,188,.08);line-height:1.6}
.site-footer__icp{font-size:.8125rem;color:var(--c-muted);opacity:.8}

@media (min-width:1280px){
.site-nav__note{display:block}
}

@media (min-width:961px){
.site-header__cta{display:inline-flex}
.site-nav-toggle{display:none}
}

@media (max-width:1024px){
.site-footer__top{grid-template-columns:1fr 1fr;gap:var(--sp-5)}
.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
.grid-sidebar{grid-template-columns:1fr}
}

@media (max-width:960px){
.site-nav-toggle{display:block}
.site-nav{position:fixed;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(8,18,38,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--sp-3) var(--container-pad) var(--sp-5);border-top:1px solid rgba(255,195,0,.15);box-shadow:0 24px 48px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity 260ms var(--ease),transform 260ms var(--ease),visibility 260ms var(--ease);overflow-y:auto;max-height:calc(100vh - var(--header-h))}
.site-nav[data-open]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.site-nav__list{flex-direction:column;align-items:stretch;gap:var(--sp-1)}
.site-nav__link{display:block;padding:.8125rem var(--sp-3);font-size:1rem;border-radius:var(--r-md)}
.site-nav__link::after{left:var(--sp-3);right:auto;width:32px;height:2px;bottom:.375rem}
.site-nav__note{display:block;margin-top:var(--sp-3);margin-left:var(--sp-3);padding-left:0;border-left:none;border-top:1px solid rgba(154,169,188,.25);padding-top:var(--sp-3);font-size:.8125rem}
.site-header__cta{display:none}
}

@media (max-width:600px){
:root{--header-h:64px}
.site-header__inner{min-height:64px}
.site-brand__mark{width:36px;height:36px;font-size:1.125rem;border-radius:10px}
.site-brand__name{font-size:.9375rem}
.site-brand__tagline{display:none}
.site-footer__top{grid-template-columns:1fr;gap:var(--sp-5)}
.site-footer__bottom{flex-direction:column;align-items:flex-start}
.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
.site-header__progress{height:2px}
}

@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}