/* Template 25: Luxury Minimal — 极简奢华 · 黑白留白 */
:root {
  --primary: #000000;
  --bg: #ffffff;
  --surface: #ffffff;
  --border: #e5e5e5;
  --text: #0a0a0a;
  --text-muted: #737373;
  --font-serif: "Didot", "Bodoni MT", "Songti SC", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  --radius: 0px;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:var(--font-sans); line-height:1.8; overflow-x:hidden; }
a { color:inherit; text-decoration:none; transition:opacity .2s; }
a:hover { opacity:.7; }
.container { max-width:1080px; margin:0 auto; padding:0 2rem; }

/* Centered Logo Split Header */
.lux-header { background:var(--surface); border-bottom:1px solid var(--border); padding:1.5rem 0; position:sticky; top:0; z-index:100; }
.lux-header-grid { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; }
.lux-nav-left { display:flex; gap:2.5rem; list-style:none; }
.lux-nav-right { display:flex; gap:2.5rem; list-style:none; justify-content:flex-end; }
.lux-nav-left a, .lux-nav-right a { font-size:.85rem; text-transform:uppercase; letter-spacing:.15em; color:var(--text); font-weight:500; }
.lux-nav-left a.active, .lux-nav-right a.active { border-bottom:1px solid var(--text); padding-bottom:2px; }
.lux-logo { font-family:var(--font-serif); font-size:1.8rem; letter-spacing:.25em; text-transform:uppercase; font-weight:400; text-align:center; }

/* Hero */
.lux-hero { padding:8rem 0 6rem; text-align:center; border-bottom:1px solid var(--border); }
.lux-hero-tag { font-size:.78rem; text-transform:uppercase; letter-spacing:.3em; color:var(--text-muted); margin-bottom:2rem; }
.lux-hero h1 { font-family:var(--font-serif); font-size:clamp(2.4rem, 5vw, 4.2rem); font-weight:300; line-height:1.2; letter-spacing:.05em; margin-bottom:2rem; }
.lux-hero-desc { font-size:1.05rem; color:var(--text-muted); max-width:640px; margin:0 auto 3rem; line-height:1.9; letter-spacing:.02em; }
.lux-hero-actions { display:flex; gap:2rem; justify-content:center; }
.btn-lux-solid { background:var(--text); color:var(--surface); padding:.85rem 2.8rem; font-size:.85rem; text-transform:uppercase; letter-spacing:.15em; font-weight:600; }
.btn-lux-solid:hover { opacity:.85; }
.btn-lux-outline { border:1px solid var(--text); color:var(--text); padding:.85rem 2.8rem; font-size:.85rem; text-transform:uppercase; letter-spacing:.15em; font-weight:600; }

/* Single Column Section Flow */
.lux-section { padding:7rem 0; border-bottom:1px solid var(--border); }
.lux-sec-head { text-align:center; max-width:600px; margin:0 auto 4.5rem; }
.lux-sec-tag { font-size:.75rem; text-transform:uppercase; letter-spacing:.25em; color:var(--text-muted); margin-bottom:.8rem; }
.lux-sec-title { font-family:var(--font-serif); font-size:2.2rem; font-weight:300; letter-spacing:.05em; margin-bottom:1rem; }
.lux-sec-desc { color:var(--text-muted); font-size:.95rem; }

/* Grid Blocks */
.lux-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:3.5rem; }
.lux-block { border-top:1px solid var(--text); padding-top:1.5rem; }
.lux-block-num { font-size:.8rem; letter-spacing:.2em; color:var(--text-muted); margin-bottom:.75rem; }
.lux-block h3 { font-family:var(--font-serif); font-size:1.3rem; font-weight:400; margin-bottom:.75rem; letter-spacing:.02em; }
.lux-block p { color:var(--text-muted); font-size:.9rem; line-height:1.8; }

/* Download Single Column */
.lux-dl-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; }
.lux-dl-box { border:1px solid var(--border); padding:3rem 2rem; text-align:center; }
.lux-dl-box i { font-size:2.2rem; margin-bottom:1.5rem; display:block; color:var(--text); }
.lux-dl-box h4 { font-family:var(--font-serif); font-size:1.25rem; font-weight:400; margin-bottom:.6rem; letter-spacing:.05em; }
.lux-dl-box p { color:var(--text-muted); font-size:.88rem; margin-bottom:2rem; }

/* Club Minimal List */
.lux-club-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; }
.lux-club-item { border-left:1px solid var(--text); padding-left:1.5rem; }
.lux-club-item h4 { font-family:var(--font-serif); font-size:1.2rem; font-weight:400; margin-bottom:.4rem; }
.lux-club-item span { font-size:.78rem; text-transform:uppercase; letter-spacing:.15em; color:var(--text-muted); display:block; margin-bottom:.6rem; }
.lux-club-item p { color:var(--text-muted); font-size:.88rem; }

/* FAQ Minimal Split */
.lux-faq-list { max-width:800px; margin:0 auto; display:grid; gap:2rem; }
.lux-faq-item { border-bottom:1px solid var(--border); padding-bottom:1.8rem; }
.lux-faq-item h4 { font-family:var(--font-serif); font-size:1.15rem; font-weight:400; margin-bottom:.6rem; letter-spacing:.02em; }
.lux-faq-item p { color:var(--text-muted); font-size:.92rem; line-height:1.8; }

/* Minimal CTA */
.lux-cta-box { text-align:center; padding:3rem 0; }
.lux-cta-box h2 { font-family:var(--font-serif); font-size:2.5rem; font-weight:300; letter-spacing:.05em; margin-bottom:1.5rem; }
.lux-cta-box p { color:var(--text-muted); font-size:1.05rem; margin-bottom:2.5rem; }

/* Footer Minimal */
.lux-footer { padding:4rem 0; text-align:center; font-size:.82rem; color:var(--text-muted); letter-spacing:.1em; }
.lux-footer-logo { font-family:var(--font-serif); font-size:1.5rem; letter-spacing:.25em; color:var(--text); margin-bottom:1.5rem; }
.lux-footer-nav { display:flex; justify-content:center; gap:2.5rem; margin-bottom:2rem; }
.lux-footer-nav a { text-transform:uppercase; font-size:.8rem; }

/* Subpage */
.lux-subpage { padding:6rem 0; }
.lux-sub-box { border-top:1px solid var(--text); padding-top:2.5rem; }
.lux-sub-box h1 { font-family:var(--font-serif); font-size:2.5rem; font-weight:300; letter-spacing:.05em; margin-bottom:2rem; }
.breadcrumb { font-size:.82rem; text-transform:uppercase; letter-spacing:.15em; color:var(--text-muted); margin-bottom:2rem; }
.breadcrumb a { color:var(--text); font-weight:600; }

@media (max-width:768px) {
  .lux-header-grid { grid-template-columns:1fr; gap:1rem; }
  .lux-nav-left, .lux-nav-right { display:none; }
  .lux-grid-3, .lux-dl-grid, .lux-club-grid { grid-template-columns:1fr; }
  .lux-hero h1 { font-size:2.2rem; }
}