*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --color-bg:#0A0D14;
  --color-panel:#121721;
  --color-blue:#00A6FF;
  --color-cyan:#00E0C6;
  --color-orange:#FF6A00;
  --color-purple:#7A5AF8;
  --color-yellow:#FFD500;
  --color-red:#E03131;
  --color-text:#F5F8FC;
  --color-muted:#9AA7B8;
  --color-line:rgba(154,167,184,.18);
  --font-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,"Roboto Mono","DIN Alternate","SF Mono",Menlo,Consolas,monospace;
  --container-max:1280px;
  --header-top-h:37px;
  --header-nav-h:48px;
}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.75;min-height:100vh}
img,picture,video,svg{display:block;max-width:100%}
a{color:var(--color-blue);text-decoration:none}
a:hover{color:var(--color-cyan)}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:none}
:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}
::selection{background:var(--color-cyan);color:#06121a}

.container{width:min(100% - 48px,var(--container-max));margin-inline:auto}
.site-main{min-height:60vh}

.skip-link{position:absolute;left:16px;top:-60px;z-index:200;padding:12px 20px;background:var(--color-cyan);color:#06121a;font-weight:700;transition:top .2s ease}
.skip-link:focus{top:16px}

.progress-indicator{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--color-orange),var(--color-blue),var(--color-cyan));z-index:300;pointer-events:none;transition:width .1s linear}

.site-header{position:sticky;top:0;z-index:200;background:var(--color-bg);border-bottom:1px solid var(--color-line)}
.site-header__top{background:linear-gradient(90deg,rgba(255,106,0,.22),var(--color-panel) 55%);border-bottom:1px solid var(--color-line);max-height:var(--header-top-h);opacity:1;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}
.site-header__top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-top-h)}
.site-header__notice{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);line-height:1.4}
.site-header__notice-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 0 3px rgba(0,224,198,.18)}
.site-header__notice-label{font-weight:700;letter-spacing:.02em}
.site-header__notice-note{color:var(--color-muted);font-weight:400}
.site-header__contact{color:var(--color-orange);font-weight:700;font-size:13px;letter-spacing:.05em;white-space:nowrap;transition:color .2s ease}
.site-header__contact::after{content:" →";transition:margin-left .2s ease}
.site-header__contact:hover::after{margin-left:4px}
.site-header__contact:hover{color:var(--color-cyan)}

.site-header__main{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:18px;max-height:160px;opacity:1;overflow:hidden;transition:max-height .35s ease,opacity .35s ease,padding .35s ease}
.brand{display:inline-flex;align-items:center;gap:14px}
.brand__mark{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;background:linear-gradient(135deg,var(--color-blue),var(--color-purple));color:var(--color-text);font-family:var(--font-mono);font-weight:800;font-size:21px;letter-spacing:-.02em;line-height:1;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);box-shadow:0 0 0 1px rgba(0,166,255,.4)}
.brand__text{display:flex;flex-direction:column;line-height:1.25}
.brand__text strong{font-size:25px;font-weight:900;letter-spacing:.08em;color:var(--color-text)}
.brand__text small{color:var(--color-muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.site-header__meta{display:flex;gap:24px;flex-wrap:wrap;color:var(--color-muted);font-family:var(--font-mono);font-size:13px}
.site-header__meta span::before{content:"▍";color:var(--color-orange);margin-right:6px}

.site-header__navwrap{background:var(--color-panel);border-top:1px solid rgba(0,166,255,.22);position:relative}
.site-header__nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-nav-h)}
.site-nav{display:flex;align-items:center;gap:4px}
.site-nav a{display:block;position:relative;padding:13px 14px;color:var(--color-text);font-size:15px;font-weight:600;letter-spacing:.03em;transition:color .2s ease}
.site-nav a::after{content:"";position:absolute;left:14px;right:calc(100% - 14px);bottom:0;height:3px;background:linear-gradient(90deg,var(--color-orange),var(--color-blue));transition:right .25s ease}
.site-nav a:hover{color:var(--color-cyan)}
.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{right:14px}
.site-nav a[aria-current="page"]{color:var(--color-cyan)}

.nav-toggle{display:none;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;color:var(--color-text);font-weight:700;font-size:14px}
.nav-toggle__bar,.nav-toggle__bar::before,.nav-toggle__bar::after{content:"";display:block;width:22px;height:2px;background:var(--color-orange);transition:transform .25s ease,background .25s ease}
.nav-toggle__bar{position:relative}
.nav-toggle__bar::before,.nav-toggle__bar::after{position:absolute;left:0;width:100%}
.nav-toggle__bar::before{top:-7px}
.nav-toggle__bar::after{top:7px}
.nav-toggle.is-open .nav-toggle__bar{background:transparent}
.nav-toggle.is-open .nav-toggle__bar::before{top:0;transform:rotate(45deg)}
.nav-toggle.is-open .nav-toggle__bar::after{top:0;transform:rotate(-45deg)}

.site-header.is-scrolled .site-header__top,.site-header.is-scrolled .site-header__main{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}
.site-header.is-scrolled .site-header__navwrap{background:rgba(18,23,33,.92);border-top-color:transparent}

.site-footer{background:var(--color-panel);border-top:1px solid rgba(0,166,255,.25)}
.site-footer__top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:48px;padding:48px 0 40px}
.site-footer__brand{max-width:420px}
.site-footer__brand .brand__mark{width:44px;height:44px;flex-basis:44px;font-size:18px}
.site-footer__statement{margin-top:18px;border-left:3px solid var(--color-orange);padding-left:14px;color:var(--color-muted);font-size:13px;line-height:1.8}
.site-footer__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.site-footer__col h3{position:relative;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--color-line);font-size:16px;font-weight:800;letter-spacing:.06em}
.site-footer__col h3::after{content:"";position:absolute;left:0;bottom:-1px;width:34px;height:2px;background:var(--color-orange)}
.site-footer__col li{margin-bottom:6px}
.site-footer__col a{display:inline-block;color:var(--color-muted);font-size:14px;transition:color .2s ease,transform .2s ease}
.site-footer__col a:hover{color:var(--color-cyan);transform:translateX(4px)}
.site-footer__col--contact li{color:var(--color-muted);font-size:14px;margin-bottom:10px}
.site-footer__col--contact li::before{content:"▍";color:var(--color-orange);margin-right:6px}
.site-footer__meta-label{color:var(--color-cyan);font-weight:700;margin-right:4px}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--color-line);padding:18px 0;color:var(--color-muted);font-size:13px}
.site-footer__bottom a{color:var(--color-muted);margin-left:16px;transition:color .2s ease}
.site-footer__bottom a:hover{color:var(--color-cyan)}

.slash-divider{height:2px;border:0;background:linear-gradient(90deg,var(--color-orange) 0%,var(--color-blue) 55%,transparent 100%)}
.panel{position:relative;background:var(--color-panel);border:1px solid var(--color-line);border-left:3px solid var(--color-blue);padding:32px}
.panel::before{content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,transparent 50%,var(--color-orange) 50%);opacity:.45;pointer-events:none}
.panel--inset{background:var(--color-bg);border-left-color:var(--color-orange)}
.panel--violet{border-left-color:var(--color-purple)}
.panel--violet::before{background:linear-gradient(135deg,transparent 50%,var(--color-purple) 50%)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--color-blue);color:#06121a;font-weight:700;font-size:15px;line-height:1;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);transition:background .2s ease,color .2s ease,transform .2s ease;cursor:pointer}
.btn:hover{background:var(--color-cyan);color:#06121a;transform:translateX(4px)}
.btn--primary{background:var(--color-orange);color:#fff}
.btn--primary:hover{background:var(--color-blue)}
.btn--ghost{background:transparent;border:1px solid var(--color-blue);color:var(--color-text);clip-path:none}
.btn--ghost:hover{background:rgba(0,166,255,.12);color:var(--color-cyan);transform:none}

.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(122,90,248,.14);border:1px solid var(--color-purple);color:var(--color-text);font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1}
.tag--new{background:rgba(0,224,198,.1);border-color:var(--color-cyan);color:var(--color-cyan)}
.tag--hot{background:rgba(255,106,0,.12);border-color:var(--color-orange);color:var(--color-orange)}

.section-index{font-family:var(--font-mono);font-size:clamp(48px,5vw,80px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px var(--color-muted);display:block;letter-spacing:-.03em}
.section-heading{font-size:clamp(28px,3vw,42px);font-weight:900;color:var(--color-text);line-height:1.3;letter-spacing:.01em}
.eyebrow{display:inline-block;color:var(--color-orange);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.hero-title{font-size:clamp(36px,6vw,72px);font-weight:900;line-height:1.08;letter-spacing:-.01em;color:var(--color-text)}
.hero-subtitle{max-width:60ch;margin-top:18px;font-size:clamp(15px,1.5vw,20px);line-height:1.8;color:var(--color-muted)}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
.stat{position:relative;background:var(--color-bg);border-top:2px solid var(--color-blue);padding:20px 18px 18px}
.stat::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--color-orange)}
.stat__value{font-family:var(--font-mono);font-size:34px;font-weight:800;line-height:1.1;color:var(--color-orange)}
.stat__label{margin-top:6px;color:var(--color-muted);font-size:13px}

.table-wrap{overflow-x:auto;background:var(--color-panel);border:1px solid var(--color-line)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.table-wrap th,.table-wrap td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-line);white-space:nowrap}
.table-wrap th{background:rgba(0,166,255,.12);color:var(--color-cyan);font-weight:700}
.table-wrap tr:last-child td{border-bottom:0}

.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;color:var(--color-muted);font-size:14px}
.breadcrumb a{color:var(--color-muted);transition:color .2s ease}
.breadcrumb a:hover{color:var(--color-cyan)}
.breadcrumb li + li::before{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid var(--color-orange);border-right:2px solid var(--color-orange);transform:rotate(45deg);margin-right:8px}

.image-frame{position:relative;overflow:hidden;background:var(--color-panel);border:1px solid var(--color-line);aspect-ratio:16/9}
.image-frame--portrait{aspect-ratio:3/4}
.image-frame img{width:100%;height:100%;object-fit:cover}
.image-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(0,166,255,.08) 45%,transparent 55%);pointer-events:none}

html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
html.js .reveal[data-revealed]{opacity:1;transform:none}

.scroll-top{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;place-items:center;width:44px;height:44px;background:var(--color-orange);color:#fff;font-size:20px;line-height:1;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background .3s ease;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.scroll-top[data-visible="true"]{opacity:1;transform:none;pointer-events:auto}
.scroll-top:hover{background:var(--color-blue)}

.link-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-cyan);font-weight:700;transition:color .2s ease}
.link-arrow::after{content:"→";transition:transform .2s ease}
.link-arrow:hover::after{transform:translateX(6px)}
.link-arrow:hover{color:var(--color-orange)}

@media (max-width:1024px){
  .container{width:min(100% - 32px,var(--container-max))}
  .site-header__main{gap:16px}
  .site-header__meta{gap:12px;font-size:12px}
  .site-footer__top{grid-template-columns:1fr;gap:36px}
  .site-footer__brand{max-width:none}
}
@media (max-width:768px){
  .container{width:min(100% - 24px,var(--container-max))}
  .site-header__top-inner{justify-content:center}
  .site-header__notice-note{display:none}
  .site-header__contact{display:none}
  .site-header__main{flex-direction:column;align-items:flex-start;gap:10px;padding-block:14px}
  .site-header__meta{width:100%;justify-content:space-between;font-size:12px}
  .site-header__nav-inner{min-height:0;padding-block:8px;justify-content:flex-end}
  .nav-toggle{display:inline-flex}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--color-panel);border-bottom:1px solid var(--color-line);padding:6px 0 10px}
  .site-nav[data-open]{display:flex}
  .site-nav a{padding:12px 16px;border-bottom:1px solid var(--color-line)}
  .site-nav a::after{display:none}
  .site-footer__top{padding:36px 0 28px;gap:32px}
  .site-footer__columns{grid-template-columns:1fr 1fr;gap:24px}
  .site-footer__col--contact{grid-column:1/-1}
  .site-footer__bottom{flex-direction:column;align-items:flex-start}
  .site-footer__bottom a{margin-left:0;margin-right:14px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  html.js .reveal{opacity:1;transform:none}
}