:root{
  --paper:#f5f1e8;
  --paper-2:#efe8d8;
  --ink:#2c2a26;
  --ink-soft:#5b554c;
  --seal:#9e2b25;
  --gold:#a8842c;
  --line:#d9cfb8;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:"Noto Serif SC","Songti SC","STSong",serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.9;
  font-size:17px;
}
a{color:var(--seal);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:1000px;margin:0 auto;padding:0 24px;}

/* header */
.site-header{
  background:linear-gradient(180deg,#fffdf7,#f5f1e8);
  border-bottom:2px solid var(--seal);
  position:sticky;top:0;z-index:10;
}
.site-header .container{
  display:flex;align-items:center;justify-content:space-between;
  min-height:68px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px;
}
.brand{font-size:24px;font-weight:700;letter-spacing:4px;color:var(--ink);}
.brand .seal{color:var(--seal);}
.nav{display:flex;gap:22px;flex-wrap:wrap;font-size:16px;}
.nav a{color:var(--ink-soft);}
.nav a:hover,.nav a.active{color:var(--seal);text-decoration:none;}

/* hero */
.hero{
  background:
     radial-gradient(circle at 20% 20%, rgba(158,43,37,.06), transparent 40%),
     radial-gradient(circle at 80% 0%, rgba(168,132,44,.08), transparent 45%),
     var(--paper-2);
  padding:72px 0 56px;border-bottom:1px solid var(--line);
}
.hero h1{font-size:40px;letter-spacing:6px;margin:0 0 8px;}
.hero .sub{font-size:19px;color:var(--ink-soft);letter-spacing:2px;margin-bottom:24px;}
.hero p.lead{max-width:680px;color:var(--ink-soft);margin:0;}

/* sections grid */
.section-title{font-size:26px;letter-spacing:3px;margin:48px 0 8px;padding-left:14px;border-left:5px solid var(--seal);}
.section-note{color:var(--ink-soft);margin:0 0 28px;}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:24px 0 48px;}
.card{
  background:#fffdf7;border:1px solid var(--line);border-radius:6px;padding:24px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.2s;display:block;color:inherit;
}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:var(--gold);text-decoration:none;}
.card h3{margin:0 0 10px;font-size:20px;letter-spacing:1px;color:var(--ink);}
.card .tag{display:inline-block;font-size:12px;color:#fff;background:var(--seal);border-radius:3px;padding:2px 8px;margin-bottom:12px;letter-spacing:1px;}
.card p{margin:0;color:var(--ink-soft);font-size:15px;}
.card.coming{opacity:.72;}
.card.coming .tag{background:var(--ink-soft);}

/* content page */
.page{padding:56px 0;}
.page h1{font-size:34px;letter-spacing:4px;margin:0 0 6px;}
.page .meta{color:var(--ink-soft);margin-bottom:32px;font-size:15px;}
.page h2{font-size:24px;letter-spacing:2px;margin:40px 0 12px;padding-left:12px;border-left:4px solid var(--gold);}
.page h3{font-size:19px;margin:26px 0 8px;color:var(--seal);}
.page p{margin:0 0 16px;}
.page ul{margin:0 0 16px;padding-left:24px;}
.page li{margin:6px 0;}
.note-box{background:#fffdf7;border:1px dashed var(--seal);border-radius:6px;padding:18px 22px;margin:28px 0;color:var(--ink-soft);font-size:15px;}
.note-box strong{color:var(--seal);}

/* footer disclaimer */
.site-footer{background:var(--ink);color:#e9e2d2;padding:36px 0;margin-top:40px;font-size:14px;line-height:1.8;}
.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}
.site-footer a{color:#e9c46a;}
.disclaimer{max-width:620px;}
.disclaimer strong{color:#f4d58d;}
.footer-nav a{color:#e9e2d2;display:block;margin:4px 0;}

/* 备案号悬挂 */
.beian-row{margin-top:14px;font-size:13px;color:#b9b09a;}
.beian-row a{color:#e9c46a;text-decoration:none;}
.beian-row a:hover{text-decoration:underline;}
.beian-row .sep{margin:0 8px;color:#6b655a;}

@media(max-width:640px){
  .hero h1{font-size:30px;}
  .nav{gap:14px;font-size:14px;}
}