/* ============================================================
   Magazine 杂志卡片主题
   叠加在 site.css 之上：只覆盖需要变化的规则。
   ============================================================ */

:root{--accent:#e05c3a;--accent-soft:#fdf0ec}

/* 版心加宽，突出栅格 */
.wrap{max-width:1120px}

/* 顶部：品牌区带强调色，搜索框柔和 */
.site-header{border-top:4px solid var(--accent)}
.brand-name{font-size:1.6rem;letter-spacing:-.01em}
.header-search input{border-radius:99px;padding:7px 14px}
.header-search button{border-radius:99px;padding:7px 16px}
.site-nav a{font-weight:500}
.site-nav a:hover{color:var(--accent)}

/* 首页卡片栅格 */
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.mag-card{
  margin:0;display:flex;flex-direction:column;
  transition:box-shadow .18s,transform .18s;
}
.mag-card:hover{box-shadow:0 10px 28px rgba(16,24,40,.1);transform:translateY(-2px)}
.mag-card-cover{display:block;overflow:hidden;border-radius:10px;margin:0 0 14px}
.mag-card-cover img{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  transition:transform .3s ease;
}
.mag-card:hover .mag-card-cover img{transform:scale(1.04)}
.mag-card-body{display:flex;flex-direction:column;flex:1}
.mag-card .post-title{font-size:1.3rem;line-height:1.4}
.mag-card .post-title a:hover{color:var(--accent)}
.mag-card .post-meta{margin-bottom:10px}
.mag-card .post-excerpt{flex:1;color:#4a5361;margin:0 0 12px}
.mag-card .post-tags{margin-top:auto}

/* 文章页与独立内容卡片 */
.post-full,.comments,.widget{border-radius:14px}
.post-full{padding:30px 32px}
.page-head h1{font-size:1.9rem;line-height:1.35}
.post-content{font-size:1.04rem}
.post-content blockquote{border-left-color:var(--accent)}
.post-content pre{border-radius:10px}

/* 标签云、归档等沿用 site.css，仅统一圆角 */
.widget,.post-card,.archive-list{border-radius:14px}

/* 页脚 */
.site-footer{border-top:2px solid var(--accent)}
.footer-name{font-size:1.15rem}

/* 侧栏顺序不变；窄屏栅格塌成单列 */
@media (max-width:820px){
  .mag-grid{grid-template-columns:1fr}
  .post-full{padding:22px 20px}
}