/* Template 23: Editorial Magazine — 雅致印刷 · 衬线社论 */
:root {
  --primary: #1a1a1a;
  --accent: #b8860b;
  --accent-light: #f4ecd8;
  --bg: #faf7f2;
  --surface: #ffffff;
  --border: #e8e2d8;
  --border-dark: #1a1a1a;
  --text: #1a1a1a;
  --text-muted: #6b6459;
  --font-serif: "Playfair Display", "Songti SC", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  --radius: 4px;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:var(--font-sans); line-height:1.75; overflow-x:hidden; }
a { color:inherit; text-decoration:none; transition:all .2s; }
.container { max-width:1160px; margin:0 auto; padding:0 2rem; }

/* Editorial Header */
.mag-header { background:var(--surface); border-bottom:1px solid var(--border); padding:1rem 0; position:sticky; top:0; z-index:100; }
.mag-header-inner { display:flex; justify-content:space-between; align-items:center; }
.mag-logo { font-family:var(--font-serif); font-size:1.8rem; font-weight:900; letter-spacing:.05em; color:var(--text); }
.mag-logo span { color:var(--accent); }
.mag-nav { display:flex; gap:1.8rem; list-style:none; }
.mag-nav a { font-size:.9rem; text-transform:uppercase; letter-spacing:.08em; color:var(--text-muted); font-weight:500; }
.mag-nav a:hover, .mag-nav a.active { color:var(--accent); }
.mag-header-cta { border:1px solid var(--text); padding:.45rem 1.2rem; border-radius:var(--radius); font-size:.85rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.mag-header-cta:hover { background:var(--text); color:var(--surface); }

/* Editorial Hero */
.mag-hero { padding:5rem 0 4rem; border-bottom:1px solid var(--border); background:var(--surface); }
.mag-hero-tag { font-family:var(--font-serif); font-style:italic; color:var(--accent); font-size:1rem; margin-bottom:1rem; }
.mag-hero h1 { font-family:var(--font-serif); font-size:clamp(2.4rem, 4.5vw, 3.8rem); line-height:1.15; font-weight:800; margin-bottom:1.5rem; letter-spacing:-.01em; }
.mag-hero-lead { font-size:1.15rem; color:var(--text-muted); max-width:760px; line-height:1.8; margin-bottom:2.2rem; }
.mag-hero-quote { border-left:3px solid var(--accent); padding-left:1.5rem; font-family:var(--font-serif); font-size:1.1rem; color:var(--text); font-style:italic; margin-bottom:2.5rem; }
.mag-hero-actions { display:flex; gap:1.2rem; align-items:center; }
.btn-mag-solid { background:var(--text); color:var(--surface); padding:.75rem 2rem; border-radius:var(--radius); font-weight:600; font-size:.92rem; display:inline-flex; align-items:center; gap:.6rem; }
.btn-mag-solid:hover { background:var(--accent); color:#fff; }
.btn-mag-outline { border:1px solid var(--border-dark); padding:.75rem 1.8rem; border-radius:var(--radius); font-weight:600; font-size:.92rem; }
.btn-mag-outline:hover { border-color:var(--accent); color:var(--accent); }

/* Section Base */
.mag-section { padding:5rem 0; border-bottom:1px solid var(--border); }
.mag-sec-head { margin-bottom:3.5rem; }
.mag-sec-tag { font-size:.8rem; text-transform:uppercase; letter-spacing:.15em; color:var(--accent); font-weight:700; margin-bottom:.5rem; }
.mag-sec-title { font-family:var(--font-serif); font-size:2.2rem; font-weight:800; line-height:1.2; }
.mag-sec-desc { color:var(--text-muted); font-size:1rem; margin-top:.6rem; max-width:680px; }

/* Editorial Grid */
.mag-grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; }
.mag-card { background:var(--surface); border:1px solid var(--border); padding:2.2rem; border-radius:var(--radius); transition:border-color .2s; }
.mag-card:hover { border-color:var(--accent); }
.mag-card-num { font-family:var(--font-serif); font-size:2rem; font-weight:700; color:var(--accent); line-height:1; margin-bottom:1rem; }
.mag-card h3 { font-family:var(--font-serif); font-size:1.25rem; font-weight:700; margin-bottom:.75rem; }
.mag-card p { color:var(--text-muted); font-size:.92rem; line-height:1.7; }

/* Download Editorial */
.mag-dl-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; }
.mag-dl-box { border:1px solid var(--border); background:var(--surface); padding:2rem; text-align:center; border-radius:var(--radius); }
.mag-dl-box i { font-size:2.4rem; color:var(--accent); margin-bottom:1rem; display:block; }
.mag-dl-box h4 { font-family:var(--font-serif); font-size:1.2rem; margin-bottom:.5rem; }
.mag-dl-box p { color:var(--text-muted); font-size:.88rem; margin-bottom:1.5rem; }

/* Club List */
.mag-club-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; }
.mag-club-item { border:1px solid var(--border); background:var(--surface); padding:1.8rem; border-radius:var(--radius); }
.mag-club-item .badge { display:inline-block; font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; color:var(--accent); font-weight:700; margin-bottom:.5rem; }
.mag-club-item h4 { font-family:var(--font-serif); font-size:1.15rem; margin-bottom:.4rem; }
.mag-club-item p { color:var(--text-muted); font-size:.88rem; }

/* FAQ Minimal */
.mag-faq-list { max-width:850px; margin:0 auto; display:grid; gap:1.5rem; }
.mag-faq-item { background:var(--surface); border:1px solid var(--border); padding:1.75rem; border-radius:var(--radius); }
.mag-faq-item h4 { font-family:var(--font-serif); font-size:1.1rem; color:var(--text); margin-bottom:.6rem; }
.mag-faq-item p { color:var(--text-muted); font-size:.92rem; line-height:1.75; }

/* Editorial CTA */
.mag-cta-box { background:var(--text); color:var(--surface); padding:4.5rem 3rem; text-align:center; border-radius:var(--radius); }
.mag-cta-box h2 { font-family:var(--font-serif); font-size:2.4rem; margin-bottom:1rem; }
.mag-cta-box p { color:#a8a29e; font-size:1.05rem; max-width:600px; margin:0 auto 2rem; }

/* Masthead Footer */
.mag-footer { background:var(--surface); padding:4rem 0 2rem; border-top:1px solid var(--border); }
.mag-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
.mag-footer h4 { font-family:var(--font-serif); font-size:1.1rem; margin-bottom:1rem; color:var(--text); }
.mag-footer p { color:var(--text-muted); font-size:.88rem; line-height:1.8; }
.mag-footer ul { list-style:none; }
.mag-footer li { margin-bottom:.6rem; }
.mag-footer a { color:var(--text-muted); font-size:.88rem; }
.mag-footer a:hover { color:var(--accent); }
.mag-footer-bottom { border-top:1px solid var(--border); padding-top:1.5rem; text-align:center; font-size:.82rem; color:var(--text-muted); }

/* Subpage */
.mag-subpage { padding:5rem 0; }
.mag-sub-box { background:var(--surface); border:1px solid var(--border); padding:3rem; border-radius:var(--radius); }
.mag-sub-box h1 { font-family:var(--font-serif); font-size:2.2rem; margin-bottom:1.5rem; }
.mag-sub-box p { color:var(--text-muted); line-height:1.9; margin-bottom:1rem; }
.breadcrumb { font-size:.88rem; color:var(--text-muted); margin-bottom:1.5rem; }
.breadcrumb a { color:var(--accent); font-weight:600; }

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