:root {
    --green:#00E884; --green-soft:#78FFC2; --gold:#E5C46A; --bg:#07110E;
    --panel:#0D1A16; --panel-deep:#09140F; --line:#1A382D; --line-hi:#2A5845;
    --tx:#F7FFFB; --tx2:#A1B1AA; --muted:#688077; --danger:#FF8888;
  }
  * { 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.72 }
  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 }
  code { color:var(--green-soft); font-family:Consolas,monospace }
  :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,.guide-nav,.guide-section,.module-detail,.module-head,.detail-grid,.detail-card,.catalog-grid,.catalog-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) }
  .hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.92fr); gap:46px; align-items:center; padding:74px 0 54px }
  .eyebrow,.section-kicker,.module-kicker { color:var(--green); font:700 11px Consolas,monospace; letter-spacing:.18em }
  h1 { margin:12px 0 17px; font-size:clamp(40px,5.8vw,66px); line-height:1.1; letter-spacing:-.04em }
  .lead { max-width:720px; margin:0; color:var(--tx2); font-size:16px }
  .version-line { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:0; list-style:none }
  .version-line li { padding:5px 9px; border:1px solid var(--line); color:#B8C9C1; background:rgba(13,26,22,.8); font:10px Consolas,monospace }
  .hero-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px }
  .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 19px; border:1px solid var(--green); color:#04231A; background:var(--green); text-decoration:none; font-size:13px; font-weight:800 }
  .button.alt { color:var(--green); background:transparent; font-weight:600 }
  .button:hover { color:#04231A; background:#56FFB6 }
  .guide-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--line-hi); background:rgba(7,17,14,.68) }
  .guide-nav a { display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; align-items:center; min-height:58px; padding:10px 12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-decoration:none }
  .guide-nav a:nth-child(2n) { border-right:0 }
  .guide-nav a:nth-last-child(-n+2) { border-bottom:0 }
  .guide-nav a:hover { color:var(--green); background:rgba(0,232,132,.06) }
  .guide-nav span { color:var(--green); font:700 10px Consolas,monospace }
  .guide-nav b { font-size:12px }
  .guide-section { margin-top:64px; scroll-margin-top:20px }
  .section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.7fr); align-items:end; gap:30px; margin-bottom:20px }
  .section-head h2 { margin:7px 0 0; font-size:clamp(25px,3.4vw,39px); line-height:1.2 }
  .section-head > p { margin:0; color:var(--tx2); font-size:13px }
  .notice { padding:24px; border:1px solid #665B31; background:linear-gradient(145deg,#17170F,#10140F) }
  .notice h3 { margin:0 0 10px; color:var(--gold); font-size:18px }
  .notice p { margin:0; color:#CBD4CF; font-size:13px }
  .notice p + p { margin-top:9px }
  .boundary-line { margin-top:14px!important; padding-top:14px; border-top:1px solid rgba(229,196,106,.28); color:var(--tx)!important; font-weight:700 }
  .check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px }
  .check-card { padding:19px; border:1px solid var(--line); background:rgba(7,17,14,.64) }
  .check-card h3 { margin:0 0 9px; color:var(--green-soft); font-size:14px }
  .check-card p { margin:0; color:var(--tx2); font-size:12px }
  .check-list { margin:0; padding-left:20px; color:#C2D0CA; font-size:12px }
  .check-list li + li { margin-top:7px }
  .device-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px }
  .device-card { padding:20px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(16,31,26,.96),rgba(8,18,15,.97)) }
  .device-card b { display:block; color:var(--green-soft); font-size:15px }
  .device-card p { margin:8px 0 0; color:var(--tx2); font-size:12px }
  .mode-note { margin-top:10px; padding:16px 18px; border-left:2px solid var(--gold); background:rgba(21,21,14,.86); color:var(--tx2); font-size:12px }
  .steps { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:guide-step }
  .step { counter-increment:guide-step; display:grid; grid-template-columns:52px minmax(0,1fr); gap:17px; padding:18px; border:1px solid var(--line); background:rgba(7,17,14,.64) }
  .step::before { content:counter(guide-step,decimal-leading-zero); display:flex; align-items:center; justify-content:center; width:52px; height:52px; border:1px solid var(--green); color:var(--green); font:700 15px Consolas,monospace }
  .step h3 { margin:0 0 5px; font-size:14px }
  .step p { margin:0; color:var(--tx2); font-size:12px }
  .step a { color:var(--green); text-underline-offset:3px }
  .test-note { margin-top:12px; padding:17px 19px; border:1px solid var(--line-hi); background:rgba(0,232,132,.045); color:#C0D1C9; font-size:12px }
  .module-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:12px }
  .module-index a { padding:10px 11px; border:1px solid var(--line); color:var(--tx2); background:rgba(7,17,14,.6); text-decoration:none; font-size:11px }
  .module-index a:hover { border-color:var(--green); color:var(--green) }
  .module-detail { margin-top:10px; padding:28px; scroll-margin-top:20px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(16,31,26,.96),rgba(8,18,15,.97)) }
  .module-detail:target { border-color:var(--green); box-shadow:0 0 0 1px rgba(0,232,132,.16),0 20px 60px rgba(0,0,0,.2) }
  .module-head { display:grid; grid-template-columns:58px minmax(0,1fr); gap:18px; align-items:start }
  .module-number { display:flex; align-items:center; justify-content:center; width:58px; height:58px; border:1px solid var(--green); color:var(--green); font:700 18px Consolas,monospace }
  .module-head h2 { margin:6px 0 7px; font-size:clamp(23px,3vw,34px); line-height:1.2 }
  .module-head p { max-width:850px; margin:0; color:var(--tx2); font-size:13px }
  .detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:22px }
  .detail-card { padding:19px; border:1px solid var(--line); background:rgba(7,17,14,.62) }
  .detail-card h3 { margin:0 0 9px; color:var(--green-soft); font-size:13px }
  .detail-card p { margin:0; color:var(--tx2); font-size:12px }
  .detail-card ul { margin:0; padding-left:18px; color:#B9CBC3; font-size:12px }
  .detail-card li + li { margin-top:6px }
  .module-boundary { display:grid; grid-template-columns:105px minmax(0,1fr); gap:15px; margin-top:10px; padding:14px 16px; border:1px solid #665B31; background:#15150E }
  .module-boundary b { color:var(--gold); font:700 11px Consolas,monospace }
  .module-boundary p { margin:0; color:var(--tx2); font-size:11px }
  .catalog-legend { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px }
  .status { display:inline-flex; flex:0 0 auto; padding:2px 6px; border:1px solid var(--line-hi); color:var(--green-soft); font:700 9px Consolas,monospace; white-space:nowrap }
  .status.manual { color:var(--gold); border-color:#665B31 }
  .status.check { color:#8CCAFF; border-color:#31536B }
  .status.history { color:#A7A7A7; border-color:#4A4A4A }
  .status.risk { color:#FF9E9E; border-color:#713D3D }
  .catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
  .catalog-card { padding:20px; border:1px solid var(--line); background:rgba(7,17,14,.64) }
  .catalog-card h3 { margin:0 0 12px; color:var(--green-soft); font-size:15px }
  .item-list { display:grid; gap:0; margin:0; padding:0; list-style:none }
  .item-list li { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid rgba(42,88,69,.45); color:#C4D0CB; font-size:12px }
  .item-list li:first-child { border-top:0; padding-top:0 }
  .item-list li:last-child { padding-bottom:0 }
  .catalog-note { margin:12px 0 0; color:var(--muted); font-size:11px }
  .history-panel { margin-top:10px; padding:19px; border:1px dashed #515151; background:rgba(12,12,12,.42) }
  .history-panel h3 { margin:0 0 8px; color:#D0D0D0; font-size:14px }
  .history-panel p { margin:0; color:#999; font-size:12px }
  .model-list { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 0; padding:0; list-style:none }
  .model-list li { padding:6px 9px; border:1px solid var(--line-hi); color:#C7D8D0; background:rgba(7,17,14,.72); font:10px Consolas,monospace }
  .risk-panel { margin-top:10px; padding:19px; border:1px solid #713D3D; background:rgba(37,15,15,.55) }
  .risk-panel h3 { margin:0 0 8px; color:#FF9E9E; font-size:14px }
  .risk-panel p { margin:0; color:#D8BABA; font-size:12px }
  .recovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
  .recovery-card { padding:20px; border:1px solid var(--line); background:rgba(7,17,14,.64) }
  .recovery-card h3 { margin:0 0 8px; color:var(--green-soft); font-size:14px }
  .recovery-card p,.recovery-card ol { margin:0; color:var(--tx2); font-size:12px }
  .recovery-card ol { padding-left:19px }
  .recovery-card li + li { margin-top:6px }
  .faq-list { display:grid; gap:8px }
  .faq-item { border:1px solid var(--line); background:rgba(7,17,14,.64) }
  .faq-item[open] { border-color:var(--line-hi) }
  .faq-item summary { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:center; min-height:58px; padding:11px 16px; cursor:pointer; list-style:none }
  .faq-item summary::-webkit-details-marker { display:none }
  .faq-q { color:var(--green); font:700 11px Consolas,monospace }
  .faq-item summary b { font-size:13px }
  .faq-answer { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:0 16px 16px }
  .faq-answer > b { color:var(--gold); font:700 11px Consolas,monospace }
  .faq-answer p { margin:0; color:var(--tx2); font-size:12px }
  .faq-answer a { color:var(--green); text-underline-offset:3px }
  .feature-note { margin:18px 0 0; padding:15px 17px; border-left:2px solid var(--green); color:var(--tx2); background:rgba(13,26,22,.76); font-size:12px }
  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:16px; text-align:center }
  .footer-filing a { color:var(--tx2); text-decoration:none }
  .footer-filing a:hover { color:var(--green) }
  
  @media (max-width:900px) { .hero { grid-template-columns:1fr; gap:28px; padding-top:58px } nav { display:none } .device-grid { grid-template-columns:1fr } .module-index { grid-template-columns:repeat(2,minmax(0,1fr)) } }
  @media (max-width:700px) { .section-head { grid-template-columns:1fr; gap:9px } .check-grid,.detail-grid,.catalog-grid,.recovery-grid { grid-template-columns:1fr } }
  @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:44px 0 32px } h1 { font-size:clamp(36px,12vw,50px) } .lead { font-size:14px }
    .hero-actions { display:grid; grid-template-columns:1fr } .button { min-height:48px } .guide-nav { grid-template-columns:1fr }
    .guide-nav a,.guide-nav a:nth-child(2n),.guide-nav a:nth-last-child(-n+2) { border-right:0; border-bottom:1px solid var(--line) } .guide-nav a:last-child { border-bottom:0 }
    .guide-section { margin-top:48px } .notice { padding:19px 16px } .step { grid-template-columns:42px minmax(0,1fr); gap:12px; padding:15px } .step::before { width:42px; height:42px }
    .module-index { grid-template-columns:1fr } .module-detail { padding:20px 15px } .module-head { grid-template-columns:42px minmax(0,1fr); gap:12px }
    .module-number { width:42px; height:42px; font-size:13px } .module-boundary { grid-template-columns:1fr; gap:5px } .footer-row { display:block } .footer-links { margin-top:12px }
  }