:root {
  --bg: #070B14;
  --bg-alt: #0C1120;
  --bg-card: #111827;
  --bg-hover: #1A2438;
  --text: #E8ECF4;
  --text-dim: #8A94A6;
  --text-muted: #4A5568;
  --accent: #F0B90B;
  --border: #1E293B;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;background:var(--bg)}
body{font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--accent);text-decoration:none}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;background:rgba(7,11,20,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 48px;height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.nav-brand svg{width:28px;height:28px}
.nav-name{font-family:'Bodoni Moda',serif;font-weight:600;font-size:1.05rem}
.nav-back{color:var(--text-dim);text-decoration:none;font-size:0.84rem;transition:color 0.2s}
.nav-back:hover{color:var(--accent)}
.container{max-width:1160px;margin:0 auto;padding:0 48px}
.page-hero{padding:120px 0 60px;text-align:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 50% 40%,rgba(240,185,11,0.05) 0%,transparent 70%)}
.page-hero .label{font-size:0.64rem;font-weight:500;text-transform:uppercase;letter-spacing:5px;color:var(--text-muted);margin-bottom:16px}
.page-hero h1{font-family:'Bodoni Moda','Noto Serif SC',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.1;margin-bottom:16px;color:var(--accent)}
.page-hero p{font-size:1.05rem;color:var(--text-dim);max-width:600px;margin:0 auto;line-height:1.75;font-weight:300}
section{padding:80px 0}
.section-title{font-family:'Bodoni Moda',serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:500;margin-bottom:32px;color:var(--accent)}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.card{background:var(--bg-card);padding:36px 28px;border:1px solid var(--border);transition:all 0.3s}
.card:hover{border-color:var(--accent);background:var(--bg-hover)}
.card h3{font-family:'Bodoni Moda',serif;font-size:1.2rem;font-weight:500;margin-bottom:12px;color:var(--accent)}
.card p{color:var(--text-dim);font-size:0.9rem;line-height:1.7;font-weight:300}
.feature-list{list-style:none;margin-top:16px}
.feature-list li{padding:6px 0;font-size:0.84rem;color:var(--text-dim);display:flex;align-items:center;gap:10px;font-weight:300}
.feature-list li::before{content:'/';color:var(--accent);font-weight:600}
.spec-table{width:100%;border-collapse:collapse;margin-top:24px}
.spec-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:0.88rem}
.spec-table td:first-child{color:var(--text-muted);width:180px;font-weight:500}
.spec-table td:last-child{color:var(--text)}
.btn{display:inline-block;padding:13px 32px;background:var(--accent);color:var(--bg);font-weight:600;font-size:0.9rem;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer}
.btn:hover{background:var(--text)}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-dim)}
.btn-outline:hover{color:var(--accent);border-color:var(--accent)}
.footer{background:var(--bg-alt);padding:60px 0 28px;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:0.8rem}
@media(max-width:768px){.nav-inner,.container{padding:0 24px}.grid2{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}}