/* ===== CC News 编辑杂志风 · 设计令牌 ===== */
:root {
  /* 墨金强调 */
  --c-gold: #B8860B;
  --c-gold-hover: #A07A12;
  --c-gold-dark: #8a6508;
  --c-gold-light: #F6EFE0;
  --c-gold-line: #D9C48A;
  /* 中性色 */
  --c-ink: #1A1A1A;
  --c-paper: #FAF8F3;
  --c-card: #FFFFFF;
  --c-border: #E8E2D5;
  --c-text-secondary: #595959;
  --c-text-muted: #9a9384;
  /* 功能 */
  --c-danger: #C0392B;
  /* 字体 */
  --ff-serif: "Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",Georgia,"Times New Roman",serif;
  --ff-sans: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  /* 字号 */
  --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem;
  --fs-lg: 1.125rem; --fs-xl: 1.25rem; --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-lead: clamp(1.75rem, 4vw + 0.5rem, 3rem);
  --fs-h1: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  /* 间距 8pt */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px; --sp-10: 64px;
  /* 布局 */
  --side-w: 260px;
  --topbar-h: 56px;
  --container-w: 1120px;
  /* 圆角（杂志直角感） */
  --radius: 2px;
  --radius-sm: 2px;
  --radius-md: 3px;
  /* 阴影极轻 */
  --shadow-sm: 0 1px 2px rgba(26,26,26,.04);
  --shadow-md: 0 3px 10px rgba(26,26,26,.08);
  --transition: 0.2s ease;
}

/* ===== 暗色模式 ===== */
.cc-dark {
  --c-ink: #EAE6DB;
  --c-paper: #16130D;
  --c-card: #1F1B13;
  --c-border: #3A3222;
  --c-text-secondary: #B8AE98;
  --c-text-muted: #7a7260;
  --c-gold-light: rgba(184,134,11,.16);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-md: 0 3px 10px rgba(0,0,0,.4);
}

/* ===== Reset ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ff-sans);color:var(--c-ink);background:var(--c-paper);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--ff-serif);font-weight:700;line-height:1.35}

/* ===== 跳过链接（无障碍） ===== */
.skip-link{position:absolute;left:-999px;top:0;background:var(--c-gold);color:#fff;padding:8px 16px;z-index:999}
.skip-link:focus{left:0}

/* ===== 布局骨架：左侧导航栏 + 主内容 ===== */
.layout{display:flex;min-height:100vh}

/* ===== 左侧导航栏 ===== */
.site-side{width:var(--side-w);flex-shrink:0;background:var(--c-card);border-right:1px solid var(--c-border);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:var(--sp-6) var(--sp-5);scrollbar-width:thin}
.site-brand{font-family:var(--ff-serif);font-size:var(--fs-3xl);font-weight:700;letter-spacing:.02em;color:var(--c-ink);display:inline-block}
.site-brand:hover{color:var(--c-gold)}
.site-tagline{font-size:var(--fs-xs);color:var(--c-text-muted);letter-spacing:.2em;margin-top:var(--sp-2);text-transform:uppercase}
.side-divider{height:1px;background:linear-gradient(90deg,var(--c-gold),transparent);margin:var(--sp-5) 0}
.side-close{display:none}
.side-nav{display:flex;flex-direction:column;gap:2px}
.side-nav a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-base);color:var(--c-text-secondary);border-left:3px solid transparent;transition:all var(--transition);font-family:var(--ff-serif)}
.side-nav a:hover,.side-nav a.active{color:var(--c-gold);border-left-color:var(--c-gold);background:var(--c-gold-light)}
.side-nav a.active{font-weight:700}

/* ===== 左栏小部件 ===== */
.side-widgets{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-6)}
.side-widget h3{font-size:var(--fs-sm);letter-spacing:.15em;color:var(--c-gold-dark);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--c-gold-line);text-transform:uppercase;font-family:var(--ff-sans);font-weight:600}
.side-rank{display:flex;gap:var(--sp-3);padding:var(--sp-2) 0;align-items:flex-start}
.side-rank+.side-rank{border-top:1px dashed var(--c-border)}
.side-rank .rk{font-family:var(--ff-serif);font-size:var(--fs-xl);font-weight:700;color:var(--c-gold-line);width:28px;flex-shrink:0;line-height:1.2}
.side-rank:nth-child(2) .rk{color:var(--c-gold)}
.side-rank:nth-child(3) .rk{color:var(--c-gold)}
.side-rank:nth-child(4) .rk{color:var(--c-gold)}
.side-rank .rk-info{flex:1;min-width:0}
.side-rank .rk-info h4{font-size:var(--fs-sm);font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side-rank .rk-info a:hover h4{color:var(--c-gold)}
.side-post{padding:var(--sp-2) 0}
.side-post+.side-post{border-top:1px dashed var(--c-border)}
.side-post .info h4{font-size:var(--fs-sm);font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side-post .info a:hover h4{color:var(--c-gold)}
.side-post .time,.side-rank .time{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-1);display:inline-block}

/* ===== 主内容区 ===== */
.site-main{flex:1;min-width:0;display:flex;flex-direction:column}

/* ===== 顶栏 ===== */
.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);background:var(--c-paper);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5)}
.topbar-date{font-family:var(--ff-serif);font-size:var(--fs-sm);color:var(--c-text-secondary);letter-spacing:.05em}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-1)}
.btn-icon{width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--c-text-secondary);transition:all var(--transition);padding:0}
.btn-icon:hover{background:var(--c-gold-light);color:var(--c-gold)}
.btn-icon svg{width:20px;height:20px}
.mobile-menu-btn{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:var(--radius);align-items:center;justify-content:center;color:var(--c-ink);padding:0}

/* ===== 内容容器 ===== */
.container{width:min(100% - var(--sp-8), var(--container-w));margin-inline:auto;padding:var(--sp-6) 0}

/* ===== 头版头条 Lead Story ===== */
.lead{position:relative;margin-bottom:var(--sp-6)}
.lead-link{display:block}
.lead-img{aspect-ratio:21/9;overflow:hidden;background:var(--c-card);border:1px solid var(--c-border)}
.lead-img img{width:100%;height:100%;object-fit:cover}
.lead-body{padding:var(--sp-5) var(--sp-1) 0}
.lead-title{font-size:var(--fs-lead);font-weight:700;line-height:1.25;margin:var(--sp-3) 0 var(--sp-2);text-wrap:balance}
.lead-link:hover .lead-title{color:var(--c-gold)}
.lead-desc{font-size:var(--fs-lg);color:var(--c-text-secondary);max-width:60ch;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lead-meta{display:flex;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--sp-3);flex-wrap:wrap;align-items:center}

/* ===== 金色分类标签 ===== */
.cat-tag{display:inline-block;font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--c-gold-dark);background:var(--c-gold-light);padding:2px 10px;border:1px solid var(--c-gold-line);border-radius:var(--radius-sm);text-transform:uppercase}
.cat-tag:hover{background:var(--c-gold);color:#fff;border-color:var(--c-gold)}

/* ===== 非对称网格 ===== */
.grid-asym{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:var(--sp-4);margin-bottom:var(--sp-6)}
.g-main{grid-row:span 2}

/* ===== 栏目区块 ===== */
.mag-section{margin-bottom:var(--sp-8)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:3px double var(--c-gold-line)}
.sec-head h2{font-size:var(--fs-2xl);font-weight:700;color:var(--c-ink);letter-spacing:.02em}
.sec-head h2::before{content:"";display:inline-block;width:8px;height:8px;background:var(--c-gold);margin-right:var(--sp-2);vertical-align:middle}
.sec-head a{font-size:var(--fs-sm);color:var(--c-text-muted);font-family:var(--ff-serif)}
.sec-head a:hover{color:var(--c-gold)}
.sec-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-4)}
.sec-grid .g-first{grid-column:1;grid-row:span 2}

/* ===== 编辑杂志卡片 ===== */
.art-card{display:flex;flex-direction:column;background:transparent;transition:transform var(--transition)}
.art-card:hover .art-title{color:var(--c-gold)}
.art-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--c-card);border:1px solid var(--c-border)}
.art-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.art-card:hover .art-thumb img{transform:scale(1.04)}
.art-body{padding:var(--sp-3) var(--sp-1) 0}
.art-title{font-family:var(--ff-serif);font-size:var(--fs-lg);font-weight:700;line-height:1.4;margin:var(--sp-2) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-desc{font-size:var(--fs-sm);color:var(--c-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-meta{display:flex;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-2);align-items:center}

/* ===== 列表页（post-list） ===== */
.list-item{display:flex;gap:var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid var(--c-border);transition:all var(--transition)}
.list-item:first-child{border-top:1px solid var(--c-border)}
.list-item:hover .list-title{color:var(--c-gold)}
.list-thumb{width:260px;flex-shrink:0;aspect-ratio:16/10;overflow:hidden;background:var(--c-card);border:1px solid var(--c-border)}
.list-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.list-item:hover .list-thumb img{transform:scale(1.04)}
.list-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.list-title{font-family:var(--ff-serif);font-size:var(--fs-xl);font-weight:700;line-height:1.4;margin:var(--sp-2) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-desc{font-size:var(--fs-sm);color:var(--c-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-meta{display:flex;gap:var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-2);flex-wrap:wrap;align-items:center}
.list-meta .cat{color:var(--c-gold)}

/* ===== 面包屑 ===== */
.breadcrumb{font-family:var(--ff-serif);font-size:var(--fs-sm);color:var(--c-text-muted);padding:0 0 var(--sp-4);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-5)}
.breadcrumb a{color:var(--c-text-secondary)}
.breadcrumb a:hover{color:var(--c-gold)}
.breadcrumb span{margin:0 var(--sp-2);color:var(--c-gold-line)}

/* ===== 分类简介 ===== */
.cate-intro{background:var(--c-card);padding:var(--sp-5);border:1px solid var(--c-border);border-left:3px solid var(--c-gold);margin-bottom:var(--sp-5);font-family:var(--ff-serif);font-size:var(--fs-sm);color:var(--c-text-secondary)}

/* ===== 文章详情 ===== */
.article-header{padding:var(--sp-6) 0 var(--sp-5);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-6)}
.article-header h1{font-size:var(--fs-h1);font-weight:700;line-height:1.3;margin:var(--sp-3) 0 var(--sp-4);text-wrap:balance}
.article-subtitle{font-family:var(--ff-serif);font-size:var(--fs-lg);color:var(--c-text-secondary);margin-bottom:var(--sp-3)}
.article-meta{display:flex;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-muted);flex-wrap:wrap;align-items:center}
.article-meta svg{width:16px;height:16px;vertical-align:-2px;margin-right:4px}
.article-meta .sep{color:var(--c-gold-line)}

/* ===== 正文排版 ===== */
.article-content{font-size:var(--fs-lg);line-height:1.9;overflow-wrap:break-word;color:var(--c-text-secondary)}
.article-content p{margin-bottom:var(--sp-5);color:var(--c-text-secondary)}
.article-content img{max-width:100%;height:auto;margin:var(--sp-5) auto;border:1px solid var(--c-border)}
.article-content h2{font-size:var(--fs-2xl);color:var(--c-ink);margin:var(--sp-8) 0 var(--sp-4);padding-left:var(--sp-3);border-left:4px solid var(--c-gold)}
.article-content h3{font-size:var(--fs-xl);color:var(--c-ink);margin:var(--sp-6) 0 var(--sp-3)}
.article-content blockquote{border-left:3px solid var(--c-gold);background:var(--c-gold-light);padding:var(--sp-4) var(--sp-5);margin:var(--sp-5) 0;font-family:var(--ff-serif);color:var(--c-ink)}
.article-content a{color:var(--c-gold-dark);border-bottom:1px solid var(--c-gold-line)}
.article-content a:hover{border-bottom-color:var(--c-gold)}
.article-content ul,.article-content ol{padding-left:var(--sp-6);margin-bottom:var(--sp-5)}
.article-content ul li{list-style:disc}
.article-content ol li{list-style:decimal}

/* 首字下沉 */
.dropcap .article-content > p:first-of-type::first-letter{font-family:var(--ff-serif);font-size:3.4em;float:left;line-height:.85;padding-right:var(--sp-3);color:var(--c-gold-dark);font-weight:700}

/* ===== 标签 ===== */
.article-tags{display:flex;gap:var(--sp-2);margin-top:var(--sp-6);flex-wrap:wrap;align-items:center}
.article-tags .tags-label{font-family:var(--ff-serif);font-size:var(--fs-sm);color:var(--c-text-muted)}
.article-tags a{font-family:var(--ff-serif);font-size:var(--fs-sm);color:var(--c-gold-dark);background:var(--c-gold-light);padding:4px 14px;border:1px solid var(--c-gold-line);border-radius:var(--radius);transition:all var(--transition)}
.article-tags a:hover{background:var(--c-gold);color:#fff;border-color:var(--c-gold)}

/* ===== 分享 ===== */
.article-share{display:flex;gap:var(--sp-3);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px dashed var(--c-border);align-items:center}
.article-share-label{font-family:var(--ff-serif);font-size:var(--fs-sm);color:var(--c-text-muted);margin-right:var(--sp-1)}
.share-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--c-gold-line);display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--c-card);color:var(--c-gold-dark);transition:all var(--transition)}
.share-btn:hover{background:var(--c-gold);color:#fff;border-color:var(--c-gold)}
.share-btn svg{width:18px;height:18px}

/* ===== 上一篇/下一篇 ===== */
.post-nav{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-6);font-size:var(--fs-sm);font-family:var(--ff-serif)}
.post-nav a{flex:1;padding:var(--sp-4);background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);transition:all var(--transition);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.post-nav a:hover{border-color:var(--c-gold);color:var(--c-gold)}
.post-nav .prev{text-align:left}
.post-nav .next{text-align:right}

/* ===== 相关推荐 ===== */
.related-section{margin-top:var(--sp-8)}

/* ===== 评论 ===== */
.comments-section{padding:var(--sp-6) 0;margin-top:var(--sp-6);border-top:1px solid var(--c-border)}
.comments-section>h3{font-size:var(--fs-xl);margin-bottom:var(--sp-4);font-family:var(--ff-serif)}
.comment-form textarea{width:100%;height:90px;border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-3);font-family:inherit;font-size:var(--fs-base);resize:vertical;background:var(--c-card);color:var(--c-ink)}
.comment-form textarea:focus,.comment-form input:focus{outline:2px solid var(--c-gold);outline-offset:1px;border-color:var(--c-gold)}
.comment-form input[type="text"]{width:100%;padding:9px var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius);font-family:inherit;font-size:var(--fs-sm);background:var(--c-card);color:var(--c-ink);margin-bottom:var(--sp-2)}
.comment-form button{margin-top:var(--sp-2);padding:10px 28px;background:var(--c-gold);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:var(--fs-base);font-family:var(--ff-serif);letter-spacing:.05em;transition:background var(--transition)}
.comment-form button:hover{background:var(--c-gold-hover)}
.comment-item{padding:var(--sp-4) 0;display:flex;gap:var(--sp-4)}
.comment-item+.comment-item{border-top:1px dashed var(--c-border)}
.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--c-gold-light);flex-shrink:0;overflow:hidden}
.comment-avatar img{width:100%;height:100%;object-fit:cover}
.comment-body{flex:1;min-width:0}
.comment-body .name{font-size:var(--fs-sm);font-weight:600;font-family:var(--ff-serif);display:flex;align-items:center;gap:var(--sp-2)}
.comment-body .name .author-badge{font-size:11px;padding:1px 8px;background:var(--c-gold);color:#fff;border-radius:var(--radius)}
.comment-body .text{font-size:var(--fs-base);color:var(--c-text-secondary);margin-top:var(--sp-1);word-break:break-word}
.comment-body .time{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-1)}
.comment-reply{margin-left:var(--sp-8);margin-top:var(--sp-3)}
.comment-vcode{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}
.comment-vcode input[type="text"]{flex:1;width:auto;margin-bottom:0}
.comment-vcode img{height:36px;cursor:pointer;border:1px solid var(--c-border);background:#fff}

/* ===== 广告位 ===== */
.ad-banner{text-align:center;padding:var(--sp-4) 0;overflow:hidden}
.ad-banner img,.ad-banner iframe{max-width:100%}
.side-ad{overflow:hidden}

/* ===== 分页 ===== */
.pagination{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-6);flex-wrap:wrap}
.pagination a,.pagination span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:var(--fs-sm);font-family:var(--ff-serif);border:1px solid var(--c-border);background:var(--c-card);transition:all var(--transition);padding:0 var(--sp-3)}
.pagination span.current{background:var(--c-gold);color:#fff;border-color:var(--c-gold)}
.pagination a:hover{border-color:var(--c-gold);color:var(--c-gold)}
.pagination .dots{border:none;background:none;min-width:auto}

/* ===== 页脚 ===== */
.site-footer{border-top:1px solid var(--c-border);padding:var(--sp-6) var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--c-text-muted);background:var(--c-card)}
.site-footer a:hover{color:var(--c-gold)}
.site-footer p+p{margin-top:var(--sp-2)}
.footer-brand{font-family:var(--ff-serif);font-size:var(--fs-lg);color:var(--c-ink);margin-bottom:var(--sp-2)}

/* ===== 回到顶部 ===== */
.back-to-top{position:fixed;bottom:var(--sp-5);right:var(--sp-5);width:44px;height:44px;background:var(--c-gold);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);border:none;opacity:0;visibility:hidden;transition:all var(--transition);z-index:60}
.back-to-top.show{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--c-gold-hover)}

/* ===== 搜索弹窗 ===== */
.search-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(26,26,26,.55);justify-content:center;padding-top:18vh}
.search-overlay.active{display:flex}
.search-box{background:var(--c-card);border:1px solid var(--c-gold-line);border-radius:var(--radius);padding:var(--sp-6);width:min(100% - var(--sp-6), 620px);box-shadow:var(--shadow-md)}
.search-box form{display:flex;gap:var(--sp-2)}
.search-box input{flex:1;padding:12px var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius);font-size:var(--fs-base);font-family:inherit;background:var(--c-card);color:var(--c-ink);outline:none}
.search-box input:focus{border-color:var(--c-gold)}
.search-box button{padding:12px var(--sp-5);background:var(--c-gold);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:var(--fs-base);font-family:var(--ff-serif);white-space:nowrap}
.search-box button:hover{background:var(--c-gold-hover)}

/* ===== 404 ===== */
.error-page{text-align:center;padding:var(--sp-10) 0}
.error-page h1{font-size:6rem;color:var(--c-gold);line-height:1;font-family:var(--ff-serif)}
.error-page p{font-size:var(--fs-lg);color:var(--c-text-muted);margin:var(--sp-4) 0}
.error-page a{display:inline-block;padding:12px 28px;background:var(--c-gold);color:#fff;border-radius:var(--radius);font-size:var(--fs-base);font-family:var(--ff-serif);transition:background var(--transition)}
.error-page a:hover{background:var(--c-gold-hover)}

/* ===== 响应式 ===== */
@media (max-width: 960px) {
  .sec-grid{grid-template-columns:1fr 1fr}
  .sec-grid .g-first{grid-column:auto;grid-row:auto}
  .list-thumb{width:200px}
}
@media (max-width: 768px) {
  .site-side{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-md)}
  .site-side.open{transform:translateX(0)}
  .side-close{display:flex;position:absolute;top:var(--sp-3);right:var(--sp-3);width:40px;height:40px;border:none;background:none;cursor:pointer;color:var(--c-text-secondary)}
  .side-close svg{width:22px;height:22px}
  .mobile-menu-btn{display:flex}
  .grid-asym{grid-template-columns:1fr}
  .g-main{grid-row:auto}
  .sec-grid{grid-template-columns:1fr}
  .list-item{flex-direction:column}
  .list-thumb{width:100%}
  .article-header h1{font-size:var(--fs-3xl)}
}
@media (max-width: 480px) {
  .container{width:min(100% - var(--sp-6), var(--container-w))}
  .lead-img{aspect-ratio:16/10}
  .lead-title{font-size:1.6rem}
}

/* ===== 无障碍：减少动效 ===== */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}