:root {
    --green:#00E884; --green-soft:#78FFC2; --gold:#E5C46A; --bg:#07110E;
    --panel:#0D1A16; --line:#1A382D; --line-hi:#2A5845; --tx:#F7FFFB; --tx2:#A1B1AA; --muted:#688077; --danger:#FF7878;
  }
  * { box-sizing:border-box }
  html { overflow-x:hidden; scroll-behavior:smooth }
  body { margin:0; overflow-x:hidden; color:var(--tx); background:
    radial-gradient(circle at 82% 4%,rgba(0,232,132,.11),transparent 27rem),
    linear-gradient(180deg,#07110E 0,#0A1713 52%,#0D1D18 100%);
    font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif; line-height:1.7 }
  body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:48px 48px }
  a { color:inherit }
  :focus-visible { outline:2px solid var(--gold); outline-offset:3px }
  .skip-link { position:fixed; left:12px; top:12px; z-index:20; padding:9px 12px; color:#04231A; background:var(--green); transform:translateY(-150%); text-decoration:none }
  .skip-link:focus { transform:none }
  .wrap { width:100%; max-width:1160px; margin:0 auto; padding:0 max(24px,env(safe-area-inset-right)) 66px max(24px,env(safe-area-inset-left)) }
  .wrap,.brand,.hero,.form-grid,.form-card,.side-card { min-width:0 }
  .site-head { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(42,88,69,.55) }
  .brand { display:flex; align-items:center; gap:10px; text-decoration:none; white-space:nowrap }
  .brand-logo { flex:0 0 auto; width:87px; height:40px; object-fit:contain }
  .brand small { color:var(--muted); font:10px Consolas,monospace; letter-spacing:.08em }
  nav { display:flex; align-items:center; gap:20px }
  nav a { color:var(--tx2); font-size:12px; text-decoration:none }
  nav a:hover,nav a[aria-current="page"] { color:var(--green) }
  .nav-toggle { display:none; flex:0 0 auto; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:44px; height:44px; padding:0; border:1px solid var(--line-hi); background:transparent; cursor:pointer; touch-action:manipulation }
  .nav-toggle span { display:block; width:20px; height:2px; background:var(--tx2) }
  .site-head.nav-open .nav-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg) }
  .site-head.nav-open .nav-toggle span:nth-child(2) { opacity:0 }
  .site-head.nav-open .nav-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) }
  .hero { padding:64px 0 34px }
  .eyebrow { color:var(--green); font:700 11px Consolas,monospace; letter-spacing:.18em }
  h1 { margin:12px 0 14px; font-size:clamp(36px,5vw,56px); line-height:1.1; letter-spacing:-.035em }
  .lead { max-width:760px; margin:0; color:var(--tx2); font-size:15px }
  .form-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:12px; align-items:start }
  .form-card { padding:26px; border:1px solid var(--line-hi); background:linear-gradient(145deg,rgba(16,31,26,.96),rgba(8,18,15,.97)) }
  .field { display:grid; gap:6px; margin-bottom:16px }
  .field label { font-size:12px; font-weight:700 }
  .field label small { margin-left:6px; color:var(--muted); font-weight:400 }
  .field input,.field select,.field textarea { width:100%; padding:10px 12px; border:1px solid var(--line); color:var(--tx); background:#0A1612; font:13px "Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif; line-height:1.5 }
  .field input:focus,.field select:focus,.field textarea:focus { border-color:var(--green); outline:none }
  .field textarea { min-height:120px; resize:vertical }
  .field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
  .consent { display:grid; grid-template-columns:18px minmax(0,1fr); gap:10px; align-items:start; margin:4px 0 18px; color:var(--tx2); font-size:11px }
  .consent input { margin:3px 0 0 }
  .actions { display:flex; flex-wrap:wrap; gap:9px }
  .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 22px; border:1px solid var(--green); color:#04231A; background:var(--green); text-decoration:none; font-size:13px; font-weight:800; cursor:pointer; font-family:inherit }
  .button.alt { color:var(--green); background:transparent; font-weight:600 }
  .button:hover { color:#04231A; background:#56FFB6 }
  .button[disabled] { opacity:.55; cursor:default }
  .status { min-height:20px; margin:12px 0 0; color:var(--tx2); font-size:12px }
  .status.ok { color:var(--green-soft) }
  .status.warn { color:var(--gold) }
  .status.err { color:var(--danger) }
  .side-card { padding:22px; border:1px solid var(--line); background:rgba(13,26,22,.88) }
  .side-card + .side-card { margin-top:12px }
  .side-card > b { color:var(--gold); font:700 10px Consolas,monospace; letter-spacing:.12em }
  .side-card h2 { margin:10px 0 8px; font-size:16px }
  .side-card p,.side-card li { margin:0; color:var(--tx2); font-size:12px }
  .side-card ol { margin:0; padding-left:18px }
  .side-card li + li { margin-top:5px }
  .side-card a { color:var(--green); text-underline-offset:3px }
  footer { margin-top:66px; padding-top:22px; border-top:1px solid var(--line); color:#607D70; font:10px Consolas,monospace }
  .footer-row { display:flex; justify-content:space-between; gap:24px; align-items:flex-start }
  .footer-links { display:flex; flex-wrap:wrap; gap:16px }
  .footer-links a { color:var(--tx2); text-decoration:none }
  .footer-links a:hover { color:var(--green) }
  .footer-filing { margin-top:12px }
  .footer-filing a { color:#607D70; text-decoration:none }
  @media (max-width:900px) {
    .form-grid { grid-template-columns:1fr }
    .site-head { position:relative }
    .nav-toggle { display:flex }
    #siteNav { position:absolute; left:0; right:0; top:100%; z-index:30; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px 16px; border:1px solid var(--line-hi); background:rgba(13,26,22,.98) }
    .site-head.nav-open #siteNav { display:flex }
    #siteNav a { display:inline-flex; align-items:center; min-height:44px; padding:0 4px; font-size:14px }
  }
  @media (max-width:600px) {
    .wrap { padding-right:max(14px,env(safe-area-inset-right)); padding-bottom:42px; padding-left:max(14px,env(safe-area-inset-left)) }
    .site-head { min-height:66px }
    .brand small { display:none }
    .hero { padding:40px 0 22px }
    h1 { font-size:clamp(32px,11vw,44px) }
    .lead { font-size:14px }
    .form-card,.side-card { padding:20px 16px }
    .field-row { grid-template-columns:1fr }
    .actions { display:grid; grid-template-columns:1fr }
    .button { min-height:48px; touch-action:manipulation }
    .footer-row { display:block }
    .footer-links { margin-top:12px }
    .side-card > b,.field label small { font-size:11px }
    footer { font-size:11px }
    .footer-links { gap:8px 12px }
    .footer-links a { display:inline-flex; align-items:center; min-height:44px; padding:0 4px }
  }