:root{
  --ink-950:#0A1424;
  --ink-800:#14253C;
  --ink-600:#27405F;
  --paper-50:#F6F2E9;
  --paper-200:#DCD5C6;
  --signal-500:#FF6B2C;
  --ember-600:#D93B22;
  --flow-500:#2FBF8F;
  --flow-700:#17694F;
  --text-100:#DCE6F2;
  --text-400:#93A7C0;
  --ink-on-paper:#1B2735;
  --header-h:72px;
  --rail-w:232px;
  --container:1280px;
  --font-head:"Arial Narrow","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --font-body:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  min-height:100vh;
  padding-top:var(--header-h);
  background:
    radial-gradient(circle at 82% 8%,rgba(47,191,143,.08),transparent 30%),
    radial-gradient(circle at 18% 0%,rgba(255,107,44,.07),transparent 26%),
    var(--ink-950);
  color:var(--text-100);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.75;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font:inherit;}
img,picture{max-width:100%;}
ul,ol{list-style:none;padding:0;margin:0;}
h1,h2,h3,h4,p{margin:0;}
:focus-visible{outline:2px solid var(--signal-500);outline-offset:3px;}
::selection{background:var(--signal-500);color:var(--ink-950);}
.skip-link{
  position:fixed;
  top:0;
  left:0;
  z-index:300;
  padding:10px 16px;
  background:var(--signal-500);
  color:var(--ink-950);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  transform:translateY(-120%);
  transition:transform .18s ease-out;
}
.skip-link:focus{transform:translateY(0);}
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:280;
  width:0;
  height:3px;
  background:linear-gradient(90deg,var(--signal-500),var(--flow-500));
  box-shadow:0 0 18px rgba(255,107,44,.55);
}
.site-header{position:relative;z-index:200;}
.site-header__top{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:240;
  height:var(--header-h);
  background:rgba(10,20,36,.94);
  border-bottom:1px solid var(--ink-600);
  backdrop-filter:blur(10px);
}
.site-header__inner{
  width:min(100% - 32px,var(--container));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand__mark{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 auto;
  background:linear-gradient(135deg,var(--signal-500),var(--ember-600));
  color:var(--ink-950);
  font-family:var(--font-mono);
  font-size:20px;
  font-weight:900;
  line-height:1;
  border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(246,242,233,.32);
}
.brand__text{display:grid;gap:1px;min-width:0;}
.brand__name{
  font-family:var(--font-head);
  font-size:20px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--paper-50);
  white-space:nowrap;
}
.brand__line{
  font-family:var(--font-mono);
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
  color:var(--text-400);
  white-space:nowrap;
}
.header-badges{display:flex;align-items:center;gap:8px;margin-left:8px;}
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--ink-600);
  border-radius:2px;
  background:rgba(20,37,60,.72);
  font-family:var(--font-mono);
  font-size:11px;
  line-height:1.1;
  letter-spacing:.08em;
  color:var(--text-400);
  transition:border-color .2s ease-out,color .2s ease-out,background .2s ease-out,transform .2s ease-out;
}
.badge:hover{transform:translateY(-1px);background:var(--ink-800);}
.badge--signal{border-color:rgba(255,107,44,.72);color:var(--signal-500);}
.badge--ember{border-color:rgba(217,59,34,.78);color:#FF8A70;}
.badge--flow{border-color:rgba(47,191,143,.72);color:var(--flow-500);}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:2px;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:800;
  line-height:1;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .18s ease-out,background .18s ease-out,border-color .18s ease-out,color .18s ease-out;
}
.button:hover{transform:translateY(-1px);}
.button--primary{
  background:linear-gradient(135deg,var(--signal-500),var(--ember-600));
  color:#fff;
  box-shadow:0 0 0 1px rgba(255,107,44,.38),0 8px 20px rgba(217,59,34,.18);
}
.button--primary:hover{background:linear-gradient(135deg,#FF7C45,var(--ember-600));}
.button--ghost{
  background:transparent;
  border-color:var(--flow-500);
  color:var(--flow-500);
}
.button--ghost:hover{background:rgba(47,191,143,.1);}
.nav-toggle{
  display:none;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 12px;
  border:1px solid var(--ink-600);
  border-radius:2px;
  background:var(--ink-800);
  color:var(--text-100);
  cursor:pointer;
}
.nav-toggle__box{
  position:relative;
  display:inline-block;
  width:18px;
  height:12px;
}
.nav-toggle__box::before,
.nav-toggle__box::after,
.nav-toggle__box span{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  border-radius:2px;
  background:currentColor;
}
.nav-toggle__box::before{top:0;}
.nav-toggle__box span{top:5px;}
.nav-toggle__box::after{bottom:0;}
.nav-toggle__text{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
}
.site-nav{
  position:fixed;
  top:var(--header-h);
  left:0;
  bottom:0;
  z-index:230;
  width:var(--rail-w);
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:24px 16px;
  background:linear-gradient(180deg,var(--ink-800),var(--ink-950));
  border-right:1px solid var(--ink-600);
}
.site-nav__list{
  counter-reset:nav;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.site-nav__item{counter-increment:nav;}
.site-nav__link{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:2px;
  color:var(--text-400);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out,transform .2s ease-out;
}
.site-nav__link::before{
  content:counter(nav,decimal-leading-zero);
  font-family:var(--font-mono);
  font-size:10px;
  color:var(--text-400);
  letter-spacing:.04em;
}
.site-nav__link:hover{
  color:var(--paper-50);
  background:rgba(39,64,95,.5);
  border-color:var(--ink-600);
  transform:translateX(2px);
}
.site-nav__link[aria-current="page"]{
  color:var(--paper-50);
  background:linear-gradient(90deg,rgba(255,107,44,.2),rgba(255,107,44,0));
  border-color:var(--signal-500);
}
.site-nav__link[aria-current="page"]::after{
  content:"";
  position:absolute;
  right:-16px;
  top:50%;
  width:6px;
  height:6px;
  background:var(--signal-500);
  border-radius:50%;
  transform:translateY(-50%);
}
.site-nav__foot{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--ink-600);
  color:var(--text-400);
  font-family:var(--font-mono);
  font-size:11px;
  line-height:1.5;
  letter-spacing:.04em;
}
.container{width:min(100% - 32px,var(--container));margin-inline:auto;}
.content-shell{
  width:min(100% - 32px,var(--container));
  margin-inline:auto;
  padding:48px 0 96px;
}
.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 32px;
  padding:0;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.04em;
  color:var(--text-400);
}
.breadcrumbs li{display:inline-flex;align-items:center;gap:8px;}
.breadcrumbs li:not(:last-child)::after{content:"/";color:var(--ink-600);}
.breadcrumbs a{color:var(--text-400);transition:color .18s ease-out;}
.breadcrumbs a:hover{color:var(--signal-500);}
.page-grid{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,3fr);
  gap:32px;
  align-items:start;
}
.main-column,.side-column{min-width:0;}
.section-head{display:grid;gap:10px;margin-bottom:28px;}
.section-kicker{
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.12em;
  color:var(--flow-500);
  text-transform:uppercase;
}
.section-title{
  font-family:var(--font-head);
  font-size:clamp(32px,5vw,64px);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.02em;
  color:var(--paper-50);
}
.section-lead{
  max-width:68ch;
  color:var(--text-400);
  font-size:17px;
  line-height:1.75;
}
.panel{
  background:var(--ink-800);
  border:1px solid var(--ink-600);
  border-radius:2px;
  padding:24px;
}
.panel--paper{
  background:var(--paper-50);
  color:var(--ink-on-paper);
  border-color:var(--paper-200);
  box-shadow:8px 8px 0 rgba(220,213,198,.12);
}
.panel--paper .section-title,
.panel--paper h2,
.panel--paper h3{color:var(--ink-on-paper);}
.panel--paper .section-lead,
.panel--paper p{color:#3E4A57;}
.card{
  position:relative;
  background:var(--ink-800);
  border:1px solid var(--ink-600);
  border-radius:2px;
  padding:20px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.card::before{
  content:"";
  position:absolute;
  top:6px;
  left:6px;
  right:-6px;
  bottom:-6px;
  z-index:-1;
  border:1px solid rgba(39,64,95,.72);
  border-radius:2px;
  background:rgba(10,20,36,.36);
}
.card--paper{background:var(--paper-50);color:var(--ink-on-paper);border-color:var(--paper-200);}
.card__head{display:grid;gap:6px;margin-bottom:12px;}
.card__body{color:var(--text-400);font-size:15px;}
.card--paper .card__body{color:#3E4A57;}
.card__foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--ink-600);}
.card--paper .card__foot{border-top-color:var(--paper-200);}
.timeline{position:relative;padding-left:28px;}
.timeline::before{
  content:"";
  position:absolute;
  left:8px;
  top:0;
  bottom:0;
  width:1px;
  background:var(--ink-600);
}
.timeline__item{position:relative;padding-bottom:28px;}
.timeline__item::before{
  content:"";
  position:absolute;
  left:-24px;
  top:7px;
  width:10px;
  height:10px;
  background:var(--flow-500);
  border-radius:50%;
  box-shadow:0 0 0 4px var(--ink-950);
}
.timeline__item--signal::before{background:var(--signal-500);}
.timeline__item--ember::before{background:var(--ember-600);}
.timeline__marker{
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.06em;
  color:var(--text-400);
}
.timeline__content{margin-top:6px;}
.number-anchor{
  font-family:var(--font-mono);
  font-size:clamp(48px,8vw,96px);
  font-weight:700;
  line-height:.9;
  letter-spacing:-.04em;
  color:var(--paper-50);
  font-variant-numeric:tabular-nums;
}
.number-anchor--signal{color:var(--signal-500);}
.number-anchor--flow{color:var(--flow-500);}
.stat{display:grid;gap:4px;padding-left:14px;border-left:1px solid var(--ink-600);}
.stat__value{
  font-family:var(--font-mono);
  font-size:clamp(36px,5vw,72px);
  font-weight:700;
  line-height:1;
  color:var(--paper-50);
  font-variant-numeric:tabular-nums;
}
.stat__label{
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.08em;
  color:var(--text-400);
}
.tag{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid var(--ink-600);
  border-radius:2px;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.2;
  letter-spacing:.06em;
  color:var(--text-400);
}
.tag--signal{border-color:var(--signal-500);color:var(--signal-500);}
.tag--flow{border-color:var(--flow-500);color:var(--flow-500);}
.tag--ember{border-color:var(--ember-600);color:#FF8A70;}
.tabs{display:grid;gap:18px;}
.tablist{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--ink-600);}
.tab{
  appearance:none;
  min-height:36px;
  padding:8px 12px;
  border:1px solid var(--ink-600);
  border-radius:2px;
  background:transparent;
  color:var(--text-400);
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1;
  letter-spacing:.06em;
  cursor:pointer;
  transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out;
}
.tab:hover{color:var(--paper-50);border-color:var(--text-400);}
.tab[aria-selected="true"]{
  color:var(--paper-50);
  background:linear-gradient(180deg,rgba(255,107,44,.22),rgba(255,107,44,.06));
  border-color:var(--signal-500);
}
.tabpanel{padding:16px 0;}
.tabpanel[hidden]{display:none;}
[data-reveal]{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .24s ease-out,transform .24s ease-out;
}
[data-reveal].is-visible{opacity:1;transform:none;}
.image-frame{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--ink-800),var(--ink-950));
  border:1px solid var(--ink-600);
  border-radius:2px;
}
.image-frame::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(220,213,198,.18);
  pointer-events:none;
}
.image-frame img,
.image-frame picture,
.image-frame__ph{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.image-frame--wide{aspect-ratio:16 / 9;}
.image-frame--square{aspect-ratio:1 / 1;}
.image-frame--tall{aspect-ratio:3 / 4;}
.image-frame__ph{
  display:grid;
  place-items:center;
  color:var(--text-400);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-align:center;
}
.site-footer{
  position:relative;
  z-index:1;
  margin-top:96px;
  background:var(--ink-800);
  border-top:1px solid var(--ink-600);
}
.footer__frame{
  width:min(100% - 32px,var(--container));
  margin:0 auto;
  padding:56px 0 28px;
}
.footer__mast{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:24px;
  border-bottom:1px dashed var(--ink-600);
}
.brand--footer .brand__name{color:var(--paper-50);}
.footer__region{
  max-width:560px;
  color:var(--text-400);
  font-size:14px;
  line-height:1.7;
}
.footer__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  padding:32px 0;
}
.footer__col{min-width:0;}
.footer__title{
  margin:0 0 14px;
  color:var(--paper-200);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.footer__links{display:grid;gap:8px;}
.footer__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--text-400);
  font-size:14px;
  line-height:1.6;
  transition:color .18s ease-out,transform .18s ease-out;
}
.footer__link::before{content:"›";color:var(--flow-500);}
.footer__link:hover{color:var(--paper-50);transform:translateX(2px);}
.footer__contact{
  display:grid;
  gap:8px;
  padding:24px 0;
  border-top:1px solid var(--ink-600);
}
.footer__contact-line,
.footer__address{
  color:var(--text-400);
  font-size:14px;
  line-height:1.7;
}
.footer__address{color:var(--paper-200);}
.footer__base{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:20px;
  border-top:1px solid var(--ink-600);
  color:var(--text-400);
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.5;
  letter-spacing:.04em;
}
.footer__copy{color:var(--text-400);}
.footer__icp{color:var(--paper-200);}
.footer__note{color:var(--text-400);}
@media (max-width:1100px){
  .page-grid{grid-template-columns:1fr;}
  .side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:1023px){
  body{padding-left:0;}
  .site-header__inner{padding:0 16px;gap:10px;}
  .header-badges{display:none;}
  .header-actions .button{display:none;}
  .nav-toggle{display:inline-flex;}
  .site-nav{
    top:var(--header-h);
    left:0;
    right:0;
    bottom:auto;
    width:auto;
    max-height:calc(100vh - var(--header-h));
    overflow:auto;
    padding:14px 16px 20px;
    border-right:0;
    border-bottom:1px solid var(--ink-600);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity .22s ease-out,transform .22s ease-out,visibility .22s ease-out;
  }
  .site-nav[data-open]{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .site-nav__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .site-nav__link{background:var(--ink-950);border-color:var(--ink-600);color:var(--text-100);}
  .site-nav__link[aria-current="page"]{background:linear-gradient(90deg,rgba(255,107,44,.22),rgba(255,107,44,.04));}
  .site-nav__link[aria-current="page"]::after{right:8px;}
  .site-nav__foot{margin-top:8px;}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  :root{--header-h:64px;}
  .site-header__inner{width:min(100% - 24px,var(--container));}
  .brand__mark{width:36px;height:36px;font-size:18px;}
  .brand__name{font-size:17px;}
  .brand__line{font-size:9px;}
  .site-nav__list{grid-template-columns:1fr;}
  .content-shell{padding:32px 0 72px;}
  .footer__mast{display:grid;}
  .footer__grid{grid-template-columns:1fr;gap:20px;}
  .footer__base{display:grid;}
  .panel,.card{padding:18px;}
  .side-column{grid-template-columns:1fr;}
}
@media (min-width:1024px){
  body{padding-left:var(--rail-w);}
  .site-footer{margin-left:calc(-1 * var(--rail-w));}
  .footer__frame{width:min(100% - 48px,var(--container));}
}
@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;
  }
  [data-reveal]{opacity:1;transform:none;}
}