*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#faf9f6;color:#222;line-height:1.7}
a{color:#9a3412;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e5e0d8;position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:12px;color:#222}
.brand:hover{text-decoration:none}
.brand-mark{width:40px;height:40px;border-radius:50%;background:#9a3412;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:"Songti SC","Noto Serif SC",serif}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text strong{font-size:19px;font-family:"Songti SC","Noto Serif SC",serif}
.brand-text small{color:#888;font-size:12px}
.nav-toggle{display:none;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px}
.site-nav .nav{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.site-nav a{color:#333}
.hero{padding:56px 0 32px;border-bottom:1px solid #e5e0d8}
.eyebrow{color:#9a3412;font-size:13px;letter-spacing:2px;margin:0 0 12px}
.hero h1{font-size:44px;line-height:1.2;margin:0 0 14px;font-family:"Songti SC","Noto Serif SC",serif}
.hero-desc{color:#555;max-width:720px;font-size:17px}
.hero-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{background:#9a3412;color:#fff;padding:10px 20px;border-radius:8px}
.btn-primary:hover{text-decoration:none;background:#7c2d12}
.btn-ghost{border:1px solid #ccc;color:#333;padding:10px 20px;border-radius:8px;background:#fff}
.btn-ghost:hover{text-decoration:none}
.latest,.columns{padding:36px 0}
.section-head{display:flex;justify-content:space-between;align-items:baseline}
.section-head h2,.columns h2,.related h2{font-family:"Songti SC","Noto Serif SC",serif;font-size:24px}
.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.post-card{background:#fff;border:1px solid #e5e0d8;border-radius:10px;overflow:hidden}
.post-thumb{display:block}
.post-thumb img{width:100%;height:180px;object-fit:cover;display:block}
.post-body{padding:18px}
.post-date,.article-date{color:#999;font-size:13px}
.post-body h3{margin:8px 0;font-size:18px;line-height:1.5}
.post-body p{color:#666;font-size:14px}
.read-more{font-size:14px}
.column-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.column-card{background:#fff;border:1px solid #e5e0d8;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;color:#222}
.column-card span{color:#9a3412;font-size:14px}
.page-head{padding:40px 20px 10px}
.page-head h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:34px;margin:0 0 10px}
.article-list{list-style:none;padding:0}
.article-item{display:flex;gap:20px;background:#fff;border:1px solid #e5e0d8;border-radius:10px;padding:18px;margin-bottom:16px}
.article-thumb{flex:0 0 180px}
.article-thumb img{width:180px;height:120px;object-fit:cover;border-radius:8px;display:block}
.article-body h2{margin:6px 0;font-size:20px;line-height:1.5}
.article-body p{color:#666}
.pagination{display:flex;gap:16px;align-items:center;padding:10px 20px 40px;flex-wrap:wrap}
.article-detail{max-width:820px;padding:36px 20px}
.breadcrumb{color:#888;font-size:14px}
.article-detail h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:32px;line-height:1.4}
.article-meta{display:flex;gap:16px;color:#888;font-size:14px;border-bottom:1px solid #e5e0d8;padding-bottom:16px;flex-wrap:wrap}
.article-cover{margin:24px 0}
.article-cover img{width:100%;border-radius:10px;display:block}
.article-content{font-size:17px;line-height:1.9;color:#333}
.article-content img{max-width:100%;height:auto;border-radius:8px}
.article-content h2,.article-content h3{font-family:"Songti SC","Noto Serif SC",serif;line-height:1.5}
.article-content table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}
.article-content td,.article-content th{border:1px solid #ddd;padding:8px}
.back-link{margin-top:32px}
.single-page{max-width:820px;padding:40px 20px}
.single-page h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:32px}
.feedback-page{max-width:720px;padding:40px 20px 60px}
.feedback-page h1{font-family:"Songti SC","Noto Serif SC",serif}
.feedback-form label{display:block;margin:14px 0 6px;font-weight:600}
.feedback-form input,.feedback-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;background:#fff}
.feedback-captcha{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.feedback-captcha label{flex:1 1 100%}
.feedback-captcha input{flex:1}
.feedback-captcha-image{height:42px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#fff}
.feedback-submit{margin-top:20px;background:#9a3412;color:#fff;border:0;padding:12px 28px;border-radius:8px;font-size:16px;cursor:pointer}
#success-message{margin-top:16px;color:#166534}
#error-message{margin-top:16px;color:#b91c1c}
.empty-tip{color:#888}
.site-footer{border-top:1px solid #e5e0d8;background:#fff;margin-top:20px}
.footer-inner{padding:28px 20px}
.footer-about p{color:#666}
.footer-nav ul{list-style:none;padding:0;display:flex;gap:16px;flex-wrap:wrap}
.footer-nav a{color:#333}
.copyright{color:#999;font-size:13px}
@media(max-width:720px){
  .nav-toggle{display:block}
  .site-nav .nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;flex-direction:column;padding:12px 20px;border-bottom:1px solid #e5e0d8}
  .site-nav .nav.open{display:flex}
  .hero h1{font-size:34px}
  .post-grid{grid-template-columns:1fr}
  .column-grid{grid-template-columns:1fr 1fr}
  .article-item{flex-direction:column}
  .article-thumb{flex:none}
  .article-thumb img{width:100%;height:170px}
}

/* 书香与动效（2026-10-29 栏目整理时加入） */
body{background-color:#f7f3ea;background-image:radial-gradient(ellipse at top,rgba(154,52,18,.05),transparent 60%)}
.site-header{background:rgba(255,253,248,.92);backdrop-filter:blur(6px)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.hero .eyebrow{animation:rise .7s ease both}
.hero h1{animation:rise .7s .08s ease both}
.hero-desc{animation:rise .7s .16s ease both}
.hero-actions{animation:rise .7s .24s ease both}
.post-card{animation:rise .6s ease both;transition:transform .3s ease,box-shadow .3s ease}
.post-card:nth-child(2){animation-delay:.05s}.post-card:nth-child(3){animation-delay:.1s}.post-card:nth-child(4){animation-delay:.15s}.post-card:nth-child(5){animation-delay:.2s}.post-card:nth-child(6){animation-delay:.25s}.post-card:nth-child(7){animation-delay:.3s}.post-card:nth-child(8){animation-delay:.35s}.post-card:nth-child(9){animation-delay:.4s}.post-card:nth-child(10){animation-delay:.45s}.post-card:nth-child(11){animation-delay:.5s}.post-card:nth-child(12){animation-delay:.55s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(60,40,20,.12)}
.post-thumb{overflow:hidden}
.post-thumb img{transition:transform .5s ease}
.post-card:hover .post-thumb img{transform:scale(1.04)}
.post-tag{display:inline-block;border:1px solid #d8c9b8;color:#9a3412;font-size:12px;padding:1px 8px;border-radius:20px;margin-right:8px;letter-spacing:1px}
.site-nav a{position:relative;padding-bottom:2px}
.site-nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#9a3412;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.site-nav a:hover{text-decoration:none}
.site-nav a:hover::after{transform:scaleX(1)}
.column-card{transition:transform .3s ease,box-shadow .3s ease}
.column-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(60,40,20,.1);text-decoration:none}
.article-content>p:first-of-type::first-letter{font-family:"Songti SC","Noto Serif SC",serif;font-size:2.2em;float:left;line-height:1;padding:4px 8px 0 0;color:#9a3412}
.article-detail h1,.single-page h1{letter-spacing:.5px}
@media(prefers-reduced-motion:reduce){
  .hero .eyebrow,.hero h1,.hero-desc,.hero-actions,.post-card{animation:none}
  .post-card,.column-card,.post-thumb img,.site-nav a::after{transition:none}
}