:root{
  --bg:#0b1020; --card:#141b30; --line:#24304f; --txt:#e8ecf5; --dim:#9aa7c4;
  --acc:#3dd6a8; --acc2:#5b8cff; --gold:#ffb454; --red:#ff6b6b; --radius:14px;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--bg); color:var(--txt); font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,sans-serif; line-height:1.6;}
.wrap{max-width:1080px; margin:0 auto; padding:0 20px;}
nav{position:sticky; top:0; z-index:10; background:rgba(11,16,32,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
nav .wrap{display:flex; align-items:center; gap:16px; padding:12px 20px; flex-wrap:wrap;}
.logo{font-weight:800; font-size:17px; color:var(--acc); letter-spacing:.5px;}
.logo span{color:var(--txt);}
nav a{color:var(--dim); text-decoration:none; font-size:14px;}
nav a:hover{color:var(--acc);}
.spacer{flex:1;}
.btn{display:inline-block; background:var(--acc); color:#06231a; font-weight:700; padding:10px 22px; border-radius:10px; text-decoration:none; border:none; cursor:pointer; font-size:14px;}
.btn.ghost{background:transparent; color:var(--acc); border:1px solid var(--acc);}
.btn.sm{padding:6px 14px; font-size:13px;}
section{padding:56px 0;}
h1{font-size:clamp(24px,3.5vw,34px); margin-bottom:10px;}
h2{font-size:clamp(19px,2.6vw,26px); margin-bottom:22px;}
h2 .en{color:var(--dim); font-size:.55em; font-weight:500; margin-left:8px;}
.hero{text-align:center; padding:52px 0 30px;}
.hero p.sub{color:var(--dim); max-width:760px; margin:12px auto 0; font-size:15px;}
.tag{display:inline-block; background:rgba(61,214,168,.12); color:var(--acc); border:1px solid rgba(61,214,168,.35); padding:4px 14px; border-radius:999px; font-size:13px; margin-bottom:16px;}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
.grid{display:grid; gap:20px;}
form{display:grid; gap:14px; max-width:640px;}
.row2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
label{font-size:13px; color:var(--dim);}
input,select,textarea{width:100%; background:#0d1526; border:1px solid var(--line); color:var(--txt); padding:11px 14px; border-radius:10px; font-size:14px; outline:none;}
input:focus,select:focus,textarea:focus{border-color:var(--acc);}
.ok{display:none; background:rgba(61,214,168,.1); border:1px solid rgba(61,214,168,.4); color:var(--acc); padding:14px; border-radius:10px; font-size:14px;}
.err{display:none; background:rgba(255,107,107,.1); border:1px solid rgba(255,107,107,.4); color:var(--red); padding:14px; border-radius:10px; font-size:14px;}
.list{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px;}
.list ul{list-style:none;}
.list li{margin:10px 0; color:var(--dim); font-size:15px;}
.list li b{color:var(--txt);}
table{width:100%; border-collapse:collapse; font-size:13px;}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line);}
th{color:var(--dim); font-weight:600;}
td{color:var(--txt);}
.chip{display:inline-block; padding:2px 10px; border-radius:999px; font-size:12px; background:rgba(91,140,255,.12); color:var(--acc2); border:1px solid rgba(91,140,255,.35);}
.chip.hw{background:rgba(61,214,168,.12); color:var(--acc); border-color:rgba(61,214,168,.35);}
.chip.sw{background:rgba(255,180,84,.12); color:var(--gold); border-color:rgba(255,180,84,.35);}
.dcard{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:22px; display:flex; flex-direction:column; gap:10px;}
.dcard h3{font-size:17px;}
.dcard p{color:var(--dim); font-size:14px;}
.dcard .meta{color:var(--dim); font-size:12px;}
.disc{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin-bottom:12px;}
.disc h4{font-size:15px; margin-bottom:4px;}
.disc .meta{color:var(--dim); font-size:12px; margin-bottom:8px;}
.disc p{color:var(--dim); font-size:14px; white-space:pre-wrap;}
.notes{background:rgba(91,140,255,.08); border-left:3px solid var(--acc2); padding:10px 14px; border-radius:0 10px 10px 0; color:var(--dim); font-size:13.5px; margin-bottom:22px;}
footer{border-top:1px solid var(--line); padding:32px 0 56px; color:var(--dim); font-size:13px;}
@media(max-width:640px){.row2{grid-template-columns:1fr;}}

/* ===== 移动端自动适配（竖屏优先，CSS 自动判定） ===== */
@media (max-width: 900px) and (orientation: portrait), (max-width: 640px) {
  nav .wrap{flex-wrap:wrap; gap:6px 14px; padding:10px 14px;}
  .logo{font-size:15px;}
  nav a{font-size:12.5px;}
  section{padding:36px 0;}
  h1{font-size:22px;}
  .hero{padding:34px 0 18px;}
  .hero p.sub{font-size:14px;}
  .row2{grid-template-columns:1fr;}
  .grid{grid-template-columns:1fr;}
  .tier .amt{font-size:26px;}
  .tier .ret{font-size:23px;}
  .btn{width:100%; text-align:center;}
  form{max-width:100%;}
  table{font-size:12px;}
  th,td{padding:8px 6px;}
  .card{padding:16px;}
  .list{padding:18px;}
  .disc{padding:14px 16px;}
  .hero .progress{margin:24px auto 0;}
  .prow{flex-direction:column; gap:6px;}
}
@media (max-width: 900px) and (orientation: portrait), (max-width: 640px) {
  .logo span{display:none;}
}