*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#111827;color:#d1d5db;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:#f97316;text-decoration:none}
a:hover{color:#fb923c}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
.mono{font-family:"SF Mono","Roboto Mono",Menlo,Consolas,monospace;letter-spacing:.02em}
.ta-r{text-align:right}

.hd{background:#1f2937;border-bottom:1px solid #374151;position:sticky;top:0;z-index:50;height:56px}
.hd-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:56px;gap:32px}
.logo{display:flex;align-items:center;gap:8px;color:#f3f4f6;font-weight:700;font-size:16px}
.logo span{letter-spacing:.08em}
.nv{display:flex;gap:24px;flex:1}
.nv a{color:#9ca3af;font-size:13px;letter-spacing:.04em;padding:4px 0;border-bottom:2px solid transparent;transition:.2s}
.nv a:hover{color:#f97316;border-bottom-color:#f97316}
.cta{background:#f97316;color:#1f2937;padding:8px 18px;border-radius:6px;font-weight:700;font-size:13px;transition:.2s;letter-spacing:.04em}
.cta:hover{background:#fb923c}

.hero{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);padding:64px 24px;border-bottom:1px solid #374151;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none}
.hero-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.status-row{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:12px;margin-bottom:16px}
.status-row .sep{color:#374151}
.hero h1{color:#f3f4f6;font-size:46px;font-weight:700;line-height:1.18;letter-spacing:-.01em;margin-bottom:16px}
.hero h1 .acc{color:#f97316;font-size:30px;font-weight:600;display:inline-block;margin-top:4px}
.hero .lede{color:#9ca3af;font-size:15px;line-height:1.75;margin-bottom:24px;max-width:540px}
.cta-row{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 24px;border-radius:6px;font-weight:600;font-size:13px;transition:.2s;letter-spacing:.02em;border:1px solid transparent;cursor:pointer}
.btn-primary{background:#f97316;color:#1f2937;border-color:#f97316}
.btn-primary:hover{background:#fb923c;border-color:#fb923c}
.btn-ghost{border-color:#374151;color:#d1d5db;background:transparent}
.btn-ghost:hover{border-color:#f97316;color:#f97316}
.btn-sm{padding:8px 18px;font-size:12px}
.btn-block{display:block;text-align:center;width:100%}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0;border-top:1px solid #374151;border-bottom:1px solid #374151;margin-bottom:20px}
.stat-num{color:#f97316;font-size:30px;font-weight:700;line-height:1}
.stat-lab{color:#6b7280;font-size:11px;margin-top:6px;letter-spacing:.06em}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:4px 12px;border:1px solid #374151;border-radius:4px;color:#9ca3af;font-size:11px;background:#1f2937}
.hero-r img{width:100%;max-width:560px;margin-left:auto}

.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6b7280;margin-right:6px;vertical-align:middle}
.dot.live{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}
.dot.warn{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.4)}

.sec{padding:64px 24px;border-bottom:1px solid #1f2937}
.sec-alt{background:#0d1422}
.sec-wrap{max-width:1200px;margin:0 auto}
.sec-head{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;border-bottom:1px solid #1f2937;padding-bottom:16px}
.sec-head h2{color:#f3f4f6;font-size:26px;font-weight:700;letter-spacing:.01em}
.sec-sub{color:#6b7280;font-size:13px}

.tbl-wrap{background:#1f2937;border:1px solid #374151;border-radius:8px;overflow:hidden}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl thead{background:#374151}
.tbl th{padding:12px 16px;text-align:left;color:#9ca3af;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #4b5563}
.tbl td{padding:12px 16px;border-bottom:1px solid #2d3748;color:#d1d5db}
.tbl tbody tr:hover{background:#2d3748}
.tbl tbody tr:last-child td{border-bottom:none}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
.steps:before{content:"";position:absolute;top:32px;left:12%;right:12%;height:1px;background:#374151;z-index:0}
.step{position:relative;text-align:center;z-index:1}
.step-num{width:64px;height:64px;border-radius:50%;background:#1f2937;border:3px solid #f97316;color:#f97316;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 16px rgba(249,115,22,.2)}
.step-body h3{color:#f3f4f6;font-size:18px;margin-bottom:8px;font-weight:600}
.step-body p{color:#9ca3af;font-size:13px;line-height:1.7;max-width:280px;margin:0 auto}

.dv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dv{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:24px 20px;text-align:center;transition:.2s}
.dv:hover{border-color:#f97316;transform:translateY(-3px)}
.dv img{margin:0 auto 16px}
.dv-name{color:#f3f4f6;font-size:16px;font-weight:600;margin-bottom:4px}
.dv-ver{color:#6b7280;font-size:11px;margin-bottom:16px}

.spec-list{display:grid;gap:8px}
.spec{display:grid;grid-template-columns:140px 1fr 80px;gap:20px;align-items:center;padding:18px 20px;background:#1f2937;border:1px solid #374151;border-radius:6px;transition:.2s}
.spec:hover{border-color:#f97316}
.spec-k{color:#f97316;font-size:12px;font-weight:700;letter-spacing:.1em}
.spec-v{color:#d1d5db;font-size:14px}
.spec-t{text-align:right;opacity:.7}

.pri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pri{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:24px 20px;position:relative;transition:.2s}
.pri:hover{border-color:#f97316}
.pri-hot{border-color:#f97316;background:linear-gradient(180deg,#1f2937 0%,rgba(249,115,22,.08) 100%);box-shadow:0 4px 24px rgba(249,115,22,.12)}
.pri-name{color:#9ca3af;font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.pri-bdg{background:#f97316;color:#1f2937;padding:2px 10px;border-radius:4px;font-size:10px;font-weight:700}
.pri-amt{color:#f3f4f6;font-size:32px;font-weight:700;margin-bottom:16px;line-height:1}
.pri-u{color:#6b7280;font-size:12px;font-weight:400;margin-left:4px}
.pri ul{margin-bottom:20px}
.pri li{color:#9ca3af;font-size:12px;padding:6px 0;border-bottom:1px dashed #374151}
.pri li:last-child{border-bottom:none}

.ft{background:#0a1019;border-top:1px solid #1f2937;padding:48px 24px 0}
.ft-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1.5fr;gap:48px;padding-bottom:32px;border-bottom:1px solid #1f2937}
.ft-col h4{color:#f3f4f6;font-size:14px;margin-bottom:16px;font-weight:600}
.ft-p{color:#6b7280;font-size:13px;line-height:1.8;margin-bottom:12px}
.ft-mn{color:#f97316;font-size:11px;letter-spacing:.1em}
.ft-ul li{color:#9ca3af;font-size:13px;padding:5px 0}
.ft-link{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}
.ft-link a{color:#6b7280;font-size:12px;transition:.2s}
.ft-link a:hover{color:#f97316}
.ft-bot{max-width:1200px;margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;color:#4b5563;font-size:12px}
.ft-bot a{color:#6b7280}

@media (max-width:900px){
  .hero-wrap,.sec-head{grid-template-columns:1fr}
  .hero h1{font-size:32px}
  .hero h1 .acc{font-size:22px}
  .stat-grid,.steps,.dv-grid,.pri-grid{grid-template-columns:repeat(2,1fr)}
  .steps:before{display:none}
  .ft-wrap{grid-template-columns:1fr}
  .nv{display:none}
  .spec{grid-template-columns:1fr;gap:8px}
  .spec-t{text-align:left}
  .tbl th,.tbl td{padding:10px 8px;font-size:12px}
}