*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
:root{
  --color-bg:#F4F6FB;
  --color-ink:#0D0F1C;
  --color-navy:#1E2A5A;
  --color-purple:#7C3AED;
  --color-purple-bright:#8B4AFF;
  --color-neon:#C8F068;
  --color-red:#FF5A5F;
  --color-border:#E9EDF5;
  --color-muted:#64748B;
  --color-white:#FFFFFF;
  --line-on-dark:rgba(244,246,251,.08);
  --line-on-dark-soft:rgba(244,246,251,.05);
  --line-on-dark-strong:rgba(244,246,251,.1);
  --font-sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  --font-mono:"SF Mono","Consolas","Roboto Mono",monospace;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-pill:999px;
  --ease:cubic-bezier(.2,0,0,1);
  --shadow-card:0 14px 34px -18px rgba(13,15,28,.22);
  --shadow-card-lg:0 16px 36px -20px rgba(13,15,28,.25);
  --shadow-btn:0 10px 22px -14px rgba(124,58,237,.8);
  --shadow-pill:0 8px 18px -10px rgba(124,58,237,.7);
  --header-h:64px;
}
body{font-family:var(--font-sans);font-size:16px;line-height:1.75;background:var(--color-bg);color:var(--color-ink);min-height:100vh}
img,svg{display:block;max-width:100%;height:auto}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--color-purple);outline-offset:3px;border-radius:4px}
.container{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.skip{position:fixed;top:-64px;left:16px;z-index:300;background:var(--color-purple);color:var(--color-white);padding:10px 18px;border-radius:var(--radius-sm);font-weight:700;transition:transform 120ms var(--ease),opacity 120ms var(--ease)}
.skip:focus{top:12px}
.progress{position:absolute;left:0;bottom:-2px;height:3px;width:0;background:var(--color-neon);z-index:20;pointer-events:none}
.commandbar{position:sticky;top:0;z-index:100;background:var(--color-ink);color:var(--color-white);border-bottom:1px solid var(--line-on-dark)}
.commandbar__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand__mark{background:var(--color-purple);color:var(--color-white);font-weight:800;font-size:16px;line-height:1;padding:7px 12px;border-radius:4px 12px 4px 4px;letter-spacing:.06em;box-shadow:0 4px 18px -8px rgba(124,58,237,.9)}
.brand__text{display:flex;flex-direction:column;line-height:1.2}
.brand__name{font-weight:800;font-size:16px;letter-spacing:.02em;white-space:nowrap}
.brand__note{font-size:12px;color:var(--color-muted);letter-spacing:.04em}
.nav__list{display:flex;align-items:center;gap:2px}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;letter-spacing:.03em;color:rgba(244,246,251,.68);padding:8px 10px;border-radius:6px;transition:color 120ms var(--ease),background 120ms var(--ease)}
.nav__link:hover{color:var(--color-white);background:rgba(124,58,237,.14)}
.nav__link[aria-current="page"]{color:var(--color-white)}
.nav__link[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--color-purple);border-radius:2px}
.nav__idx{font-size:11px;color:var(--color-purple);opacity:.9}
.commandbar__meta{display:flex;align-items:center;gap:16px;flex-shrink:0}
.commandbar__domain{font-family:var(--font-mono);font-size:12px;color:var(--color-neon);background:rgba(200,240,104,.08);border:1px solid rgba(200,240,104,.28);padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap}
.navtoggle{display:none;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(244,246,251,.18);border-radius:var(--radius-sm);background:rgba(244,246,251,.04)}
.navtoggle__box{display:flex;flex-direction:column;gap:4px;width:18px}
.navtoggle__bar{display:block;height:2px;width:100%;background:var(--color-white);border-radius:2px;transition:transform 120ms var(--ease),opacity 120ms var(--ease)}
.navtoggle__label{font-size:12px;letter-spacing:.05em}
.navtoggle[aria-expanded="true"] .navtoggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.navtoggle[aria-expanded="true"] .navtoggle__bar:nth-child(2){opacity:0}
.navtoggle[aria-expanded="true"] .navtoggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.footer{background:var(--color-ink);color:var(--color-white);margin-top:80px}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding:56px 0 36px}
.footer__title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:12px;font-family:var(--font-mono)}
.footer__mark{font-size:22px;font-weight:800;color:var(--color-neon);letter-spacing:.06em;margin-bottom:8px}
.footer__note{font-size:14px;color:rgba(244,246,251,.68);line-height:1.6}
.footer__truste{font-size:12px;color:var(--color-muted);margin-top:12px;line-height:1.6}
.footer__nav ul,.footer__legal ul{display:flex;flex-direction:column;gap:2px}
.footer__nav a,.footer__legal a{font-size:14px;color:rgba(244,246,251,.78);padding:5px 0;display:inline-block;transition:color 120ms var(--ease),transform 120ms var(--ease)}
.footer__nav a:hover,.footer__legal a:hover{color:var(--color-white);transform:translateX(3px)}
.footer__phone{font-size:18px;font-weight:800;margin-bottom:4px}
.footer__email{font-size:14px;margin-bottom:4px}
.footer__address{font-size:13px;color:rgba(244,246,251,.6);line-height:1.6}
.footer__hours{font-size:12px;color:var(--color-muted);margin-top:8px}
.copyzone{display:inline-flex;cursor:pointer;border-bottom:1px dashed var(--color-muted);color:var(--color-neon);position:relative;transition:color 120ms var(--ease),border-color 120ms var(--ease)}
.copyzone:hover{color:var(--color-white);border-color:var(--color-neon)}
.copyzone.is-copied::after{content:"已复制";position:absolute;right:0;top:calc(100% + 4px);background:var(--color-neon);color:var(--color-ink);font-size:11px;padding:2px 8px;border-radius:4px;white-space:nowrap}
.footer__oldzone{margin-top:8px;border:1px dashed rgba(255,90,95,.55);border-radius:var(--radius-lg);padding:20px 24px;background:rgba(255,90,95,.06)}
.oldentry{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.oldentry__badge{background:var(--color-red);color:var(--color-white);font-weight:800;font-size:13px;padding:4px 12px;border-radius:40px;letter-spacing:.06em;white-space:nowrap}
.oldentry__text{font-size:14px;color:rgba(244,246,251,.8);line-height:1.6;flex:1;min-width:220px}
.oldentry__link{font-size:14px;font-weight:700;color:var(--color-white);background:var(--color-purple);padding:7px 16px;border-radius:var(--radius-sm);transition:background 120ms var(--ease),transform 120ms var(--ease)}
.oldentry__link:hover{background:var(--color-purple-bright);transform:translateY(-1px)}
.oldentry__link--faq{background:transparent;border:1px solid rgba(244,246,251,.3)}
.oldentry__link--faq:hover{background:rgba(244,246,251,.08)}
.footer__bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;border-top:1px solid var(--line-on-dark-strong);padding:22px 0 34px;font-size:13px;color:var(--color-muted)}
.footer__copy,.footer__icp,.footer__domain{font-family:var(--font-mono);font-size:12px}
.pagehead{padding:64px 0 28px;border-bottom:1px solid var(--color-border);margin-bottom:40px;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.04) 100%)}
.pagehead__index{font-family:var(--font-mono);font-size:12px;color:var(--color-purple);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.pagehead__title{font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.02em;max-width:24em}
.pagehead__desc{font-size:16px;color:var(--color-muted);margin-top:12px;max-width:60em}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--color-muted);margin-bottom:24px}
.breadcrumbs a{color:var(--color-purple);font-weight:600}
.breadcrumbs a:hover{text-decoration:underline}
.section{margin:48px 0}
.section__head{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--color-border);padding-bottom:12px;margin-bottom:24px}
.section__index{font-family:var(--font-mono);font-size:12px;color:var(--color-purple);letter-spacing:.14em;white-space:nowrap}
.section__title{font-size:clamp(20px,3vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.01em}
.section__desc{font-size:14px;color:var(--color-muted);margin-left:auto;max-width:32em;line-height:1.6}
.prose{max-width:60em;font-size:16px;color:var(--color-navy);line-height:1.75}
.prose p + p{margin-top:1em}
.plate{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.plate:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}
.plate__index{font-family:var(--font-mono);font-size:12px;color:var(--color-purple);letter-spacing:.1em;display:block;margin-bottom:6px}
.plate__title{font-weight:800;font-size:18px;line-height:1.3;margin-bottom:8px}
.plate__body{font-size:14px;color:var(--color-muted);line-height:1.6}
.datapanel{background:var(--color-navy);color:var(--color-white);border-radius:16px;padding:26px;position:relative;overflow:hidden}
.datapanel::before{content:"";position:absolute;right:-24px;top:-24px;width:96px;height:96px;border-radius:50%;background:rgba(200,240,104,.12)}
.datapanel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.datapanel__head .plate__index{color:var(--color-neon)}
.datapanel__body{font-size:14px;line-height:1.6;color:rgba(244,246,251,.85)}
.num{font-family:var(--font-mono);font-size:48px;font-weight:800;line-height:1;color:var(--color-neon);display:block}
.num--green{color:var(--color-neon)}
.slicecard{background:var(--color-white);border:1px solid var(--color-border);padding:24px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.slicecard:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-lg)}
.slicecard--purple{background:var(--color-purple);color:var(--color-white);border:none}
.slicecard--navy{background:var(--color-navy);color:var(--color-white);border:none}
.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.filterbtn{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-navy);font-size:14px;font-weight:700;padding:8px 18px;border-radius:var(--radius-pill);transition:background 120ms var(--ease),color 120ms var(--ease),border-color 120ms var(--ease),box-shadow 120ms var(--ease)}
.filterbtn:hover{border-color:var(--color-purple);color:var(--color-purple)}
.filterbtn[aria-pressed="true"]{background:var(--color-purple);color:var(--color-white);border-color:var(--color-purple);box-shadow:var(--shadow-pill)}
[data-filter-item].is-filtered{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;padding:12px 26px;border-radius:var(--radius-md);line-height:1;transition:transform 120ms var(--ease),background 120ms var(--ease),box-shadow 120ms var(--ease)}
.btn--primary{background:var(--color-purple);color:var(--color-white);box-shadow:var(--shadow-btn)}
.btn--primary:hover{background:var(--color-purple-bright);transform:translateY(-1px)}
.btn--ghost{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-ink)}
.btn--ghost:hover{border-color:var(--color-purple);color:var(--color-purple)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-navy)}
.badge--red{background:rgba(255,90,95,.12);color:var(--color-red)}
.statusdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-muted)}
.statusdot--live{background:var(--color-neon);box-shadow:0 0 0 3px rgba(200,240,104,.25)}
.accordion{max-width:60em}
.accordion__item{border:1px solid var(--color-border);border-radius:12px;background:var(--color-white);margin-bottom:10px;overflow:hidden}
.accordion__btn{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;font-weight:800;font-size:15px;text-align:left;background:transparent;transition:background 120ms var(--ease)}
.accordion__btn:hover{background:rgba(124,58,237,.05)}
.accordion__btn::after{content:"+";font-family:var(--font-mono);font-size:18px;color:var(--color-purple);flex-shrink:0}
.accordion__item[data-open="true"] .accordion__btn::after{content:"−"}
.accordion__panel{max-height:0;overflow:hidden;transition:max-height 240ms var(--ease);background:var(--color-bg);border-top:1px solid transparent}
.accordion__item[data-open="true"] .accordion__panel{border-top-color:var(--color-border)}
.accordion__panel p{font-size:14px;line-height:1.7;color:var(--color-navy);padding:16px 20px}
.datatable{display:block;overflow-x:auto;width:100%;border-collapse:separate;border-spacing:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px}
.datatable th,.datatable td{padding:12px 16px;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;font-size:14px}
.datatable th{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--color-muted);background:var(--color-bg)}
.datatable tr:last-child td{border-bottom:none}
.datatable tr:hover td{background:rgba(124,58,237,.04)}
.figure{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-border);min-height:80px}
.figure::before{display:block;content:""}
.figure--hero::before{padding-top:56.25%}
.figure--team::before{padding-top:75%}
.figure--square::before{padding-top:100%}
.figure__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--color-muted);background:repeating-linear-gradient(45deg,rgba(124,58,237,.08) 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,rgba(30,42,90,.05) 0 1px,transparent 1px 16px),var(--color-border)}
.figure--team .figure__placeholder{background:radial-gradient(circle at 72% 22%,rgba(200,240,104,.28),transparent 34%),linear-gradient(180deg,var(--color-navy),var(--color-ink));color:rgba(244,246,251,.82)}
.figure--hero .figure__placeholder{background:linear-gradient(135deg,rgba(30,42,90,.1) 0%,rgba(13,15,28,.42) 60%),repeating-linear-gradient(90deg,rgba(244,246,251,.14) 0 1px,transparent 1px 26px),var(--color-ink);color:var(--color-neon)}
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity 360ms var(--ease),transform 360ms var(--ease)}
[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1024px){
  .footer__top{grid-template-columns:1fr 1fr;gap:32px}
  .footer__oldzone{padding:18px}
  .commandbar__domain{display:none}
}
@media(max-width:860px){
  .commandbar__inner{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .brand{width:auto}
  .commandbar__meta{margin-left:auto}
  .nav{display:none;width:100%;order:3;padding-top:10px;border-top:1px solid var(--line-on-dark);margin-top:8px}
  .nav[data-open="true"]{display:block}
  .nav__list{flex-direction:column;align-items:stretch;gap:0;padding-bottom:8px}
  .nav__item{border-bottom:1px solid var(--line-on-dark-soft)}
  .nav__link{display:flex;padding:12px 6px;font-size:14px}
  .nav__link::after{display:none}
  .nav__link[aria-current="page"]{background:rgba(124,58,237,.12);border-radius:var(--radius-sm)}
  .navtoggle{display:inline-flex}
  .section__head{flex-wrap:wrap;gap:8px}
  .section__desc{margin-left:0;width:100%}
}
@media(max-width:640px){
  .container{padding-left:16px;padding-right:16px}
  .footer__top{grid-template-columns:1fr;gap:24px;padding-top:40px}
  .footer__brand .footer__truste{max-width:100%}
  .footer__bottom{flex-direction:column;gap:8px}
  .oldentry{flex-direction:column;align-items:flex-start}
  .oldentry__text{min-width:0}
  .pagehead{padding-top:40px}
  .section{margin:32px 0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:0.01ms!important;animation-duration:0.01ms!important}
  [data-reveal]{opacity:1;transform:none}
}