/*
Theme Name: Wenhua Pro
Description: 站群文化/艺术/音乐类定制主题，按子站域名自适应配色与风格
Version: 1.0
Author: WorkBuddy
Text Domain: wenhua-pro
*/

:root{
  --c-primary:#9e1b1b;
  --c-accent:#d4af37;
  --c-bg:#faf7f2;
  --c-ink:#1a1a1a;
  --c-muted:#6b6b6b;
  --c-line:#e6e1d8;
  --font-head:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,SimSun,serif;
  --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  --radius:10px;
  --maxw:1080px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--c-bg);
  color:var(--c-ink);
  font-family:var(--font-body);
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

/* ===== Header ===== */
.site-header{
  position:sticky;top:0;z-index:50;
  background:var(--c-bg);
  border-bottom:3px solid var(--c-primary);
  box-shadow:0 2px 12px rgba(0,0,0,.05);
}
.site-header .wrap{
  max-width:var(--maxw);margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:12px;}
.brand .logo{width:48px;height:48px;border-radius:9px;object-fit:cover;border:1px solid var(--c-line);}
.brand .titles{display:flex;flex-direction:column;line-height:1.2;}
.brand .site-name{
  font-family:var(--font-head);
  font-size:22px;font-weight:700;color:var(--c-primary);letter-spacing:1px;
}
.brand .site-desc{font-size:12px;color:var(--c-muted);}
.site-nav{margin-left:auto;}
.site-nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap;}
.site-nav a{font-size:14px;color:var(--c-ink);padding:4px 0;border-bottom:2px solid transparent;transition:.2s;}
.site-nav a:hover{color:var(--c-primary);border-bottom-color:var(--c-accent);}

/* ===== Layout ==== */
.container{max-width:var(--maxw);margin:0 auto;padding:28px 20px 60px;}
.section-title{
  font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--c-ink);
  margin:0 0 16px;padding-left:12px;border-left:4px solid var(--c-primary);
}

/* ===== Featured ===== */
.featured{
  display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:38px;
}
.featured .lead{position:relative;border-radius:var(--radius);overflow:hidden;min-height:300px;
  background:linear-gradient(135deg,var(--c-primary),#000);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;}
.featured .lead .cat{font-size:12px;letter-spacing:2px;opacity:.85;text-transform:uppercase;}
.featured .lead h2{font-family:var(--font-head);font-size:26px;line-height:1.35;margin:8px 0 6px;}
.featured .lead .ex{font-size:14px;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.featured .lead a.abs{position:absolute;inset:0;}

.featured .side{display:flex;flex-direction:column;gap:14px;}
.mini{display:flex;gap:12px;padding:12px;border:1px solid var(--c-line);border-radius:var(--radius);background:#fff;transition:.2s;}
.mini:hover{box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-1px);}
.mini .ph{width:64px;height:64px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-head);font-size:26px;color:#fff;background:var(--c-primary);}
.mini .mini-img{width:64px;height:64px;flex:none;border-radius:8px;object-fit:cover;}
.mini .mt{font-size:14px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ===== Post grid ===== */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.2s;display:flex;flex-direction:column;}
.card:hover{box-shadow:0 8px 22px rgba(0,0,0,.08);transform:translateY(-2px);border-color:var(--c-accent);}
.card .thumb{height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-family:var(--font-head);font-size:46px;color:#fff;background:var(--c-primary);position:relative;}
.card .thumb .thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.card .thumb .cat{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.35);color:#fff;font-size:11px;padding:3px 8px;border-radius:20px;letter-spacing:1px;}
.card .body{padding:14px 16px 18px;flex:1;display:flex;flex-direction:column;}
.card .body h3{font-family:var(--font-head);font-size:17px;line-height:1.4;margin:0 0 8px;color:var(--c-ink);}
.card .body .ex{font-size:13px;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.card .body .date{font-size:12px;color:var(--c-muted);margin-top:auto;}

/* ===== Single ===== */
.single-head{max-width:760px;margin:0 auto 22px;}
.single-head .cat{color:var(--c-accent);font-size:13px;letter-spacing:2px;font-weight:700;}
.single-head h1{font-family:var(--font-head);font-size:30px;line-height:1.4;margin:8px 0 10px;color:var(--c-primary);}
.single-head .meta{font-size:13px;color:var(--c-muted);border-bottom:1px solid var(--c-line);padding-bottom:14px;}
.single-cover{max-width:760px;margin:0 auto 24px;border-radius:var(--radius);overflow:hidden;}
.single-body{max-width:760px;margin:0 auto;font-size:17px;line-height:1.95;}
.single-body p{margin:0 0 1.1em;}
.single-body h2,.single-body h3{font-family:var(--font-head);color:var(--c-primary);margin:1.4em 0 .6em;}
.back-link{max-width:760px;margin:34px auto 0;font-size:14px;}
.back-link a{color:var(--c-primary);border-bottom:1px solid var(--c-accent);}

/* ===== Footer ===== */
.site-footer{background:#15110d;color:#cfc8bd;padding:34px 20px;text-align:center;font-size:13px;}
.site-footer .fname{font-family:var(--font-head);font-size:18px;color:#fff;margin-bottom:6px;}

/* ===== Responsive ===== */
@media(max-width:860px){
  .featured{grid-template-columns:1fr;}
  .grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .grid{grid-template-columns:1fr;}
  .brand .site-name{font-size:19px;}
  .site-nav{width:100%;margin-left:0;}
}

/* ===== 文章图片默认居中 ===== */
.single-cover img{display:block;margin:0 auto;}
.single-body img{display:block;margin-left:auto;margin-right:auto;}