/* ============================================================
   携账网 jingwosh.com · xiezhang 主题 v4.0（2026-10-23 视觉现代化改造）
   主题：暖纸社群版 —— 底 #f6f3ec / 墨 #211d17 / 砖红 #b83a24 / 芥末 #7a6c3f
   设计原则：去装饰（无渐变/无毛玻璃/无静止阴影/无 1px 描边盒）
             排版五档（56 / 28 / 18 / 16 / 13）· 墨色正文 · 60ch 行宽
             平铺色块 + 色阶层级 + 留白 · 区块构图差异化 · 入场动效编排
   ============================================================ */
:root{
  /* —— 暖纸社群版色彩系统 —— */
  --paper:#f0f0ed;          /* 底色：米纸 */
  --paper-2:#e9e7e2;        /* 次级底 */
  --paper-3:#e1ded7;        /* 三级底 / 分隔 */
  --card:#f8f8f6;           /* 卡片纸面 */
  --ink:#211d17;            /* 墨色：正文主色 */
  --ink-2:#3d362c;          /* 次级墨 */
  --sub:#5a5145;            /* 辅助文字（对比度 ≥ 7:1） */
  --faint:#6b6152;          /* 弱化文字（对比度 ≥ 4.5:1） */
  --brick:#c0462c;          /* 强调：砖红 */
  --brick:#a83a24;      /* 砖红深 */
  --brick-50:#f9e9e4;       /* 砖红浅底 */
  --mustard:#6f6032;        /* 辅助强调：芥末 */
  --mustard-50:#eeead9;     /* 芥末浅底 */
  --olive:#5c6b4a;          /* 第三色阶：橄榄（社群/活动） */
  --olive-50:#eaeee4;
  --line:#ddd5c4;           /* 分隔线（不是盒子描边） */
  --line-soft:#e8e1d3;
  --dark:#211d17;           /* 深色区（社群带/页脚/侧栏） */
  --dark-2:#2f2a22;

  /* —— 排版五档 —— */
  --fs-display:56px;        /* 展示 */
  --fs-title:28px;          /* 标题 */
  --fs-lead:18px;           /* 引导 */
  --fs-body:16px;           /* 正文 */
  --fs-aux:13px;            /* 辅助 */

  /* —— 间距与圆角（近直角，编辑式） —— */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:48px; --sp-6:72px;
  --r-s:3px; --r-m:4px; --r-l:4px;

  /* —— 动效令牌 —— */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.42s;
  --lift:18px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--paper);
  line-height:1.75;-webkit-font-smoothing:antialiased;
  font-size:var(--fs-body);
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.main{max-width:1200px;margin:0 auto;padding:0 24px;}
::selection{background:var(--brick);color:#fff;}
:focus-visible{outline:2px solid var(--brick);outline-offset:2px;}

/* ============================================================
   动效层：入场编排（标题→正文→图，错峰）+ 控件反馈
   ============================================================ */
[data-rv]{opacity:0;transform:translateY(var(--lift));will-change:opacity,transform;transition:opacity .62s var(--ease),transform .62s var(--ease);}
[data-rv].rv-in{opacity:1;transform:none;}
[data-rv][data-rv-d="1"]{transition-delay:.07s;}
[data-rv][data-rv-d="2"]{transition-delay:.14s;}
[data-rv][data-rv-d="3"]{transition-delay:.21s;}
[data-rv][data-rv-d="4"]{transition-delay:.28s;}
[data-rv][data-rv-d="5"]{transition-delay:.35s;}
@media (prefers-reduced-motion:reduce){
  [data-rv]{opacity:1!important;transform:none!important;transition:none!important;}
  html{scroll-behavior:auto;}
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* ============================================================
   Header —— 实色纸面，无毛玻璃
   ============================================================ */
.hdr{background:var(--paper-2);position:sticky;top:0;z-index:100;}
.hdr .main{display:flex;align-items:center;height:76px;gap:32px;}
.hdr .logo{flex:0 0 auto;}
.hdr .logo img{height:44px;width:auto;display:block;}
.nav{display:flex;gap:2px;flex:1;min-width:0;}
.nav a{display:block;padding:9px 14px;font-size:16px;color:var(--ink-2);font-weight:500;transition:color .2s,background .2s;white-space:nowrap;border-radius:var(--r-s);}
.nav a:hover,.nav a.on{color:var(--brick);background:var(--brick-50);}
.hdr .call{background:var(--brick);color:#fff;padding:10px 20px;font-size:16px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;transition:background .2s;border-radius:var(--r-s);}
.hdr .call:hover{background:var(--brick-600);}
.hdr .call svg{width:15px;height:15px;fill:currentColor;}
.nav-toggle{display:none;}

/* 全部栏目下拉 */
.nav-more{position:relative;flex:0 0 auto;}
.nav-more-btn{display:inline-flex;align-items:center;gap:5px;padding:9px 13px;font-size:15px;color:var(--ink-2);font-weight:500;cursor:pointer;background:none;border:none;font-family:inherit;border-radius:var(--r-s);transition:color .2s,background .2s;}
.nav-more-btn:hover,.nav-more.open .nav-more-btn{color:var(--brick);background:var(--brick-50);}
.nav-more-btn i{font-style:normal;font-size:11px;transition:transform .22s;}
.nav-more.open .nav-more-btn i{transform:rotate(180deg);}
.nav-more-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:230px;background:var(--card);border-radius:var(--r-m);padding:8px;display:none;grid-template-columns:1fr 1fr;gap:1px;background-clip:padding-box;z-index:120;}
.nav-more-panel:before{content:"";position:absolute;inset:0;background:var(--card);border-radius:var(--r-m);z-index:-1;}
.nav-more:hover .nav-more-panel,.nav-more.open .nav-more-panel{display:grid;}
.nav-more-panel a{display:block;padding:9px 12px;font-size:14px;color:var(--ink-2);border-radius:var(--r-s);transition:background .18s,color .18s;white-space:nowrap;}
.nav-more-panel a:hover{background:var(--brick-50);color:var(--brick);}
.nav-more-panel a.on{color:var(--brick);font-weight:700;}

/* ============================================================
   Hero —— 大字 + 非对称双栏（左文右图）
   ============================================================ */
.hero{background:var(--paper);padding:76px 0 0;}
.hero .inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-bottom:64px;}
.hero h1{font-size:clamp(38px,5.8vw,84px);line-height:1.14;letter-spacing:-.015em;font-weight:800;}
.hero h1 em{font-style:normal;color:var(--brick);}
.hero p{color:var(--ink-2);font-size:var(--fs-lead);margin:22px 0 32px;max-width:52ch;}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap;}
.hero .figure{margin:0;position:relative;}
.hero .figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-m);}
.hero .figure figcaption{font-size:13px;color:var(--faint);margin-top:10px;}

/* ============================================================
   按钮 —— 直角、平铺、无渐变无阴影
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;border:1px solid transparent;border-radius:var(--r-s);transition:background .2s,color .2s,border-color .2s,transform .12s;font-family:inherit;}
.btn:active{transform:translateY(1px);}
.btn-red{background:var(--brick);color:#fff;}
.btn-red:hover{background:var(--brick-600);}
.btn-line{background:transparent;border-color:var(--mustard);color:var(--mustard);}
.btn-line:hover{background:var(--mustard);color:#fff;}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-2);}
.btn-ghost:hover{border-color:var(--brick);color:var(--brick);}
.btn-ink{background:var(--ink);color:var(--paper);}
.btn-ink:hover{background:var(--dark-2);}

/* 信任条：实色分隔，无虚线无 emoji */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;padding-top:28px;background:var(--paper-2);margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;padding-bottom:28px;}
.trust .ti{padding:0;font-size:16px;color:var(--ink-2);font-weight:500;display:flex;align-items:center;gap:10px;}

.trust .ti b{color:var(--brick);font-weight:700;font-size:18px;letter-spacing:-.01em;}
.trust .ti svg{width:17px;height:17px;flex:0 0 17px;fill:var(--mustard);}

/* ============================================================
   Section —— 区块标题左对齐（告别"每区都居中"）
   ============================================================ */
.sec{padding:72px 0;}
.sec.tight{padding-top:12px;}
.sec-head{margin-bottom:40px;max-width:760px;}
.sec-head h2{font-size:clamp(24px,3vw,var(--fs-title));font-weight:800;line-height:1.25;letter-spacing:-.01em;}
.sec-head h2 i{font-style:normal;color:var(--brick);}
.sec-head p{color:var(--ink-2);margin-top:14px;font-size:var(--fs-body);max-width:62ch;}
.sec-head.row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none;flex-wrap:wrap;}
.sec-more{margin-top:36px;}
.sec-more a{display:inline-flex;align-items:center;gap:8px;color:var(--brick);font-weight:600;font-size:16px;transition:gap .2s;}
.sec-more a:hover{gap:12px;}

/* ============================================================
   工具区 —— 左文右卡 非对称分栏（差异化构图）
   ============================================================ */
.tools-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start;}
.tools-intro h2{font-size:clamp(24px,3vw,var(--fs-title));font-weight:800;line-height:1.25;margin-bottom:16px;}
.tools-intro p{color:var(--ink-2);font-size:var(--fs-body);max-width:40ch;}
.tools-intro .list{list-style:none;margin:24px 0 28px;}
.tools-intro .list li{padding:13px 0;font-size:16px;color:var(--ink-2);display:flex;gap:12px;align-items:baseline;}
.tools-intro .list li b{color:var(--ink);font-weight:700;}
.tools{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--line-soft);}
.tool{background:var(--card);padding:0 28px 30px;transition:background .25s;position:relative;overflow:hidden;}
.tool .ph{width:calc(100% + 56px);margin:0 -28px 24px;aspect-ratio:16/10;object-fit:cover;display:block;}
.tool:hover{background:var(--paper-2);}
.tool:hover .ph{opacity:.92;}
.tool:nth-child(1){border-right:none;}
.tool .ph{background:var(--paper-2);}
.tool:nth-child(2){border-right:none;}
.tool:nth-child(3){border-top:none;}
.tool:nth-child(4){border-top:none;}
.tool .ic{display:none;}
.tool:nth-child(2) .ic{background:var(--mustard);}
.tool:nth-child(3) .ic{background:var(--olive);}
.tool:nth-child(4) .ic{background:var(--ink);}
.tool .ic svg{width:18px;height:18px;fill:currentColor;}
.tool h3{font-size:18px;margin-bottom:10px;font-weight:700;}
.tool p{color:var(--ink-2);font-size:16px;line-height:1.7;}
.tool .btn{margin-top:18px;padding:9px 22px;font-size:16px;background:transparent;border-color:var(--line);color:var(--ink);}
.tool .btn:hover{border-color:var(--brick);color:var(--brick);}

/* ============================================================
   栏目入口 —— 紧凑列表行（不再是大卡片网格）
   ============================================================ */
.cats{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:transparent;border:none;}
.cat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px 20px;background:var(--card);transition:background .2s;}
.cat:hover{background:var(--paper-2);}
.cat .dot{flex:0 0 34px;width:34px;height:34px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:var(--cc,var(--brick));}
.cat b{display:block;font-size:16px;font-weight:700;}
.cat span{font-size:13px;color:var(--faint);}
.cat .arw{color:var(--faint);font-size:18px;transition:transform .2s,color .2s;}
.cat:hover .arw{transform:translateX(4px);color:var(--brick);}

/* ============================================================
   文章卡 —— 编辑式，无阴影无描边盒
   ============================================================ */
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.art{background:transparent;padding:0;transition:background .25s;display:flex;flex-direction:column;position:relative;}

.art:hover .bd{background:var(--paper-2);}
.art .bd{padding:20px 20px 22px;background:transparent;transition:background .25s;}
.art:hover{transform:translateY(-4px);}
.art{transition:transform .3s var(--ease),opacity .3s;}
.tool{transition:transform .3s var(--ease),background .25s;}
.tool:hover{transform:translateY(-4px);}
.cat{transition:transform .25s var(--ease),background .2s;}
.cat:hover{transform:translateX(4px);}
.art .bd{display:flex;flex-direction:column;flex:1;}
.art .kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.art .tag{font-size:13px;font-weight:700;color:var(--brick);background:var(--brick-50);border-radius:var(--r-s);padding:3px 9px;}
.art .kicker .cat{font-size:13px;color:var(--faint);padding:0;border:none;}
.art h3{font-size:18px;line-height:1.55;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;}
.art:hover h3{color:var(--brick);}
.art p{color:var(--sub);font-size:16px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;}
.art .meta{color:var(--faint);font-size:13px;margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:10px;}
.art .meta .sep{width:3px;height:3px;border-radius:50%;background:var(--faint);}

/* ============================================================
   社群带 —— 深色平铺，无渐变无点阵
   ============================================================ */
.comm{background:var(--dark);color:#fff;padding:56px 0;}
.comm .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center;}
.comm h2{font-size:clamp(24px,3vw,var(--fs-title));margin-bottom:16px;font-weight:800;line-height:1.25;}
.comm h2 i{font-style:normal;color:var(--mustard);}
.comm p{color:#cfc7b9;font-size:var(--fs-body);}
.comm ul{list-style:none;margin:22px 0 28px;}
.comm ul li{padding-left:26px;position:relative;color:#e4ddd0;font-size:16px;margin:10px 0;}
.comm ul li:before{content:"";position:absolute;left:0;top:10px;width:12px;height:2px;background:var(--mustard);}
.comm-fig{position:relative;}
.comm-fig>img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--r-m);}
.comm-fig .qr{position:absolute;right:-18px;bottom:-22px;width:186px;background:var(--card);padding:14px;text-align:center;color:var(--ink);border-radius:var(--r-m);}
.comm .qr{background:var(--card);padding:16px;text-align:center;color:var(--ink);border-radius:var(--r-m);}
.comm .qr img{width:176px;height:176px;margin:0 auto;}
.comm .qr b{display:block;margin-top:10px;font-size:16px;}
.comm .qr span{color:var(--sub);font-size:13px;}

/* ============================================================
   服务矩阵 / 品牌卡 —— 平铺色块
   ============================================================ */
.mates{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);}
.mate{background:var(--card);padding:34px 32px;transition:background .25s;}
.mate:hover{background:var(--paper-2);}
.mate .lg{flex:0 0 48px;width:48px;height:48px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:var(--brick);margin-bottom:16px;}
.mate:nth-child(2) .lg{background:var(--mustard);}
.mate h3{font-size:18px;margin-bottom:10px;font-weight:700;line-height:1.4;}
.mate p{font-size:16px;max-width:46ch;}
.mate p{color:var(--sub);font-size:16px;line-height:1.7;}
.mate .go{color:var(--brick);font-weight:600;font-size:16px;margin-top:14px;display:inline-flex;align-items:center;gap:6px;transition:gap .2s;}
.mate:hover .go{gap:11px;}

/* ============================================================
   FAQ —— 平铺，无描边盒
   ============================================================ */
.faq{max-width:820px;}
.faq details{background:var(--card);}

.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 4px;font-size:16px;font-weight:600;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .q{flex:0 0 26px;width:26px;height:26px;border-radius:var(--r-s);background:var(--brick-50);color:var(--brick);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.faq summary .pm{margin-left:auto;color:var(--faint);font-size:22px;font-weight:300;transition:transform .25s,color .25s;flex:0 0 auto;}
.faq details[open] summary .pm{transform:rotate(45deg);color:var(--brick);}
.faq .ans{padding:0 4px 22px 44px;color:var(--sub);font-size:16px;max-width:70ch;}

/* ============================================================
   列表页 —— 编辑式双列 + 无描边侧栏
   ============================================================ */
.crumb{padding:24px 0 6px;color:var(--faint);font-size:13px;display:flex;align-items:center;gap:8px;}
.crumb a{color:var(--sub);transition:color .2s;}
.crumb a:hover{color:var(--brick);}
.crumb .sep{color:var(--line);}
.list-hero{margin-bottom:30px;padding-bottom:22px;border-bottom:2px solid var(--ink);}
.list-hero h1{font-size:clamp(24px,3vw,var(--fs-title));font-weight:800;letter-spacing:-.01em;}
.list-hero p{color:var(--ink-2);font-size:var(--fs-body);margin-top:10px;max-width:64ch;}
.list-layout{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start;padding-bottom:10px;}
.list-cards{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.list-cards .art{padding:0;}

.pagebar{grid-column:1;grid-row:2;padding:32px 0 10px;text-align:center;}
.pagination a,.pagination span{display:inline-block;padding:9px 16px;margin:0 3px;border-bottom:2px solid transparent;font-size:16px;color:var(--ink-2);transition:color .2s,border-color .2s;}
.pagination a:hover{color:var(--brick);border-bottom-color:var(--brick);}
.pagination span{color:var(--brick);border-bottom-color:var(--brick);font-weight:700;}
.list-empty{grid-column:1;grid-row:2;background:var(--card);border-radius:var(--r-m);padding:64px 20px;text-align:center;color:var(--sub);}

/* 侧栏 —— 色阶分层，无 1px 描边 */
.side{grid-column:2;grid-row:1 / span 2;position:sticky;top:96px;display:flex;flex-direction:column;gap:22px;}
.side .box{background:var(--card);border-radius:var(--r-m);padding:24px;}
.side .box h4{font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--ink);display:block;}
.side .qrbox{text-align:center;}
.side .qrbox img{width:100%;border-radius:var(--r-s);}
.side .qrbox p{font-size:13px;color:var(--sub);margin-top:12px;}
.side .tools-mini a{display:flex;align-items:center;gap:12px;padding:11px 0;transition:padding .2s;}

.side .tools-mini a:hover{padding-left:6px;}
.side .tools-mini .ic{flex:0 0 36px;width:36px;height:36px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;background:var(--brick);}
.side .tools-mini a:nth-child(2) .ic{background:var(--mustard);}
.side .tools-mini a:nth-child(3) .ic{background:var(--olive);}
.side .tools-mini b{display:block;font-size:16px;}
.side .tools-mini span{font-size:13px;color:var(--faint);}
.side .telbox{background:var(--brick);color:#fff;text-align:center;}
.side .telbox h4{color:#fff;border-bottom-color:rgba(255,255,255,.35);}
.side .telbox .num{font-size:22px;font-weight:800;letter-spacing:.01em;margin:8px 0 4px;}
.side .telbox p{font-size:13px;opacity:.9;}
.side .askbox{background:var(--mustard-50);}
.side .askbox p{font-size:13px;color:var(--ink-2);line-height:1.7;margin:2px 0 14px;}
.side .askbox .btn{margin-top:2px;}

/* ============================================================
   详情页 —— 墨色正文 60ch
   ============================================================ */
.art-detail{background:var(--card);border-radius:var(--r-l);padding:46px 54px;margin-bottom:30px;}
.art-detail .kicker{display:flex;gap:10px;align-items:center;margin-bottom:14px;}
.art-detail h1{font-size:clamp(23px,3vw,var(--fs-title));line-height:1.4;font-weight:800;letter-spacing:-.01em;}
.art-detail .meta{color:var(--faint);font-size:13px;padding:18px 0 24px;border-bottom:1px solid var(--line);margin-bottom:30px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.art-detail .meta .sep{width:3px;height:3px;border-radius:50%;background:var(--faint);}
.art-detail .tags{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.art-detail .tags .t{font-size:13px;color:var(--ink-2);background:var(--paper-2);border-radius:var(--r-s);padding:4px 12px;}
.art-body{font-size:var(--fs-body);color:var(--ink);max-width:60ch;}
.art-body p{margin:15px 0;}
.art-body strong{color:var(--brick);font-weight:700;}
.art-body h2{font-size:22px;margin:36px 0 16px;color:var(--ink);padding-bottom:10px;border-bottom:2px solid var(--ink);line-height:1.35;}
.art-body h3{font-size:18px;margin:28px 0 12px;color:var(--ink);}
.art-body ul,.art-body ol{margin:14px 0 14px 24px;}
.art-body li{margin:8px 0;}
.art-body img{border-radius:var(--r-m);margin:18px 0;}
.art-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;}
.art-body th,.art-body td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);}
.art-body th{background:var(--paper-2);font-weight:700;color:var(--ink);border-bottom:2px solid var(--line);}
.art-body blockquote{border-left:3px solid var(--mustard);background:var(--mustard-50);padding:16px 20px;margin:20px 0;color:var(--ink-2);font-size:16px;}

/* 详情页 CTA 带 */
.cta-band{background:var(--dark);color:#fff;padding:40px 46px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-bottom:30px;}
.cta-band .txt{flex:1;min-width:260px;}
.cta-band h3{font-size:22px;font-weight:800;margin-bottom:8px;}
.cta-band p{color:#cfc7b9;font-size:16px;}
.cta-band .acts{display:flex;gap:12px;flex-wrap:wrap;}
.cta-band .btn-ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;}
.cta-band .btn-ghost:hover{border-color:var(--mustard);color:var(--mustard);}

/* 相关阅读 —— 紧凑行 */
.related{background:var(--card);border-radius:var(--r-l);padding:30px 32px;margin-bottom:30px;}
.related h3{font-size:18px;font-weight:800;margin-bottom:8px;padding-bottom:12px;border-bottom:2px solid var(--ink);display:block;}
.related .grid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin-top:6px;}
.related a{display:flex;gap:14px;align-items:flex-start;padding:16px 0;transition:padding .2s;}
.related a:hover{padding-left:6px;}
.related .grid a + a{border-left:0;}
.related .no{flex:0 0 30px;width:30px;height:30px;border-radius:var(--r-s);background:var(--brick-50);color:var(--brick);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;}
.related b{font-size:16px;font-weight:600;line-height:1.55;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.related a:hover b{color:var(--brick);}
.related .date{font-size:13px;color:var(--faint);margin-top:3px;}

/* ============================================================
   Footer —— 深色平铺
   ============================================================ */
footer{background:var(--dark);color:#a89e8e;margin-top:72px;}
footer .top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;padding:56px 0 40px;}
footer h4{color:#fff;font-size:16px;margin-bottom:18px;font-weight:700;}
footer .flogo img{height:42px;width:auto;}
footer .fname{color:#fff;font-size:16px;margin-top:14px;font-weight:600;}
footer .fdesc{font-size:13px;margin-top:12px;line-height:1.8;max-width:34ch;}
footer ul{list-style:none;}
footer ul li{margin:9px 0;font-size:13px;}
footer ul li a{transition:color .2s;}
footer ul li a:hover{color:#fff;}
footer .contact p{font-size:13px;margin:7px 0;}
footer .bigtel{color:#fff;font-size:22px;font-weight:800;margin-top:10px;}
footer .bot{background:var(--dark-2);margin:0 -24px;padding:20px 24px;padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#857c6e;}
footer .bot a{color:#a89e8e;}
footer .bot a:hover{color:#fff;}

/* ============================================================
   浮动件 / 弹窗
   ============================================================ */
.float{position:fixed;right:20px;bottom:92px;z-index:200;display:flex;flex-direction:column;gap:10px;}
.float a,.float button{width:52px;height:52px;border-radius:var(--r-s);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;color:#fff;transition:background .2s;font-family:inherit;}
.float .tel{background:var(--olive);font-size:16px;}
.float .wx{background:var(--card);color:var(--olive);border:1px solid var(--line);font-weight:700;}
.float .wx:hover{border-color:var(--olive);}
.float .wx svg{width:20px;height:20px;fill:currentColor;margin-bottom:2px;}
.wx-pop{position:fixed;right:82px;bottom:92px;z-index:210;background:var(--card);border-radius:var(--r-m);padding:16px;display:none;text-align:center;animation:popin .24s var(--ease);}
@keyframes popin{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.wx-pop img{width:170px;height:170px;}
.wx-pop p{font-size:13px;color:var(--ink);margin-top:10px;font-weight:600;}
.modal{position:fixed;inset:0;background:rgba(33,29,23,.62);z-index:300;display:none;align-items:center;justify-content:center;padding:20px;}
.modal.show{display:flex;animation:popin .24s var(--ease);}
.modal .box{background:var(--card);border-radius:var(--r-m);max-width:440px;width:100%;padding:34px;position:relative;}
.modal .x{position:absolute;right:16px;top:14px;font-size:22px;color:var(--faint);cursor:pointer;background:none;border:none;line-height:1;transition:transform .2s,color .2s;}
.modal .x:hover{color:var(--ink);transform:rotate(90deg);}
.modal h3{font-size:22px;margin-bottom:6px;font-weight:800;}
.modal .tip{color:var(--sub);font-size:13px;margin-bottom:22px;}
.modal label{display:block;font-size:13px;color:var(--ink-2);margin:14px 0 7px;font-weight:600;}
.modal input,.modal select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);font-size:16px;outline:none;transition:border-color .2s;font-family:inherit;background:#fff;}
.modal input:focus,.modal select:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(184,58,36,.10);}
.modal .res{background:var(--olive-50);border-radius:var(--r-s);padding:13px 15px;font-size:16px;margin-top:14px;display:none;color:var(--ink-2);}
.modal .btn{width:100%;margin-top:22px;}
.modal .hp{position:absolute;left:-9999px;}
.modal .ok{color:var(--olive);text-align:center;font-weight:700;padding:14px 0 2px;display:none;font-size:16px;}

/* ============================================================
   会员 / 评论（v4 同步）
   ============================================================ */
.uact{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.uact .u-link{padding:8px 15px;font-size:13px;font-weight:600;color:var(--ink-2);background:transparent;border:1px solid var(--line);transition:border-color .2s,color .2s;white-space:nowrap;border-radius:var(--r-s);}
.uact .u-link:hover{border-color:var(--brick);color:var(--brick);}
.uact .u-reg{background:var(--brick);border-color:var(--brick);color:#fff;}
.uact .u-reg:hover{background:var(--brick-600);color:#fff;}
.uact .u-out{color:var(--faint);}

.auth-wrap{padding:56px 0 68px;}
.auth-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;}
.auth-card{background:var(--card);border-radius:var(--r-m);padding:40px 42px;}
.auth-card h1{font-size:28px;font-weight:800;}
.auth-card .sub{color:var(--sub);font-size:16px;margin:10px 0 28px;}
.auth-card .sub a{color:var(--brick);font-weight:600;}
.f-row{margin-bottom:20px;}
.f-row label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:8px;font-weight:600;}
.f-row input,.f-row select,.f-row textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--r-s);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;background:#fff;color:var(--ink);}
.f-row textarea{resize:vertical;line-height:1.75;}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(184,58,36,.10);}
.f-row .hint{font-size:13px;color:var(--faint);margin-top:7px;}
.f-code{display:flex;gap:10px;align-items:center;}
.f-code input{flex:1;}
.f-code img{height:46px;width:132px;border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;background:#fff;}
.auth-card .btn{width:100%;margin-top:10px;padding:14px;}
.auth-links{display:flex;justify-content:space-between;margin-top:20px;font-size:13px;color:var(--sub);}
.auth-links a{color:var(--brick);font-weight:600;}
.auth-agree{font-size:13px;color:var(--sub);margin:18px 0 6px;display:flex;gap:9px;align-items:flex-start;line-height:1.65;}
.auth-agree input{width:16px;height:16px;margin-top:3px;flex:0 0 auto;accent-color:var(--brick);}
.auth-agree a{color:var(--brick);}
.auth-side{background:var(--dark);border-radius:var(--r-m);padding:36px 34px;color:#fff;}
.auth-side h3{font-size:22px;font-weight:800;margin-bottom:8px;}
.auth-side>p{font-size:13px;color:#c3baab;margin-bottom:24px;}
.auth-side ul{list-style:none;}
.auth-side li{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--dark-2);font-size:16px;color:#ded6c7;align-items:flex-start;}
.auth-side li b{color:#fff;display:block;font-size:16px;margin-bottom:2px;}
.auth-side li .ic{flex:0 0 34px;height:34px;border-radius:var(--r-s);background:rgba(184,58,36,.30);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#ffb3a2;}
.auth-side .stat{display:flex;gap:10px;margin-top:24px;}
.auth-side .stat div{flex:1;background:var(--dark-2);border-radius:var(--r-s);padding:14px 10px;text-align:center;}
.auth-side .stat b{display:block;font-size:22px;font-weight:800;color:#fff;}
.auth-side .stat span{font-size:13px;color:#a89e8e;}

.uc-head{display:flex;align-items:center;gap:22px;background:var(--card);border-radius:var(--r-m);padding:32px 34px;margin-bottom:26px;border-left:4px solid var(--brick);}
.uc-head .ava{width:76px;height:76px;border-radius:var(--r-s);object-fit:cover;background:var(--paper-2);flex:0 0 auto;}
.uc-head h1{font-size:22px;font-weight:800;}
.uc-head p{font-size:13px;color:var(--sub);margin-top:4px;}
.uc-head .score{margin-left:auto;text-align:center;background:var(--mustard-50);border-radius:var(--r-s);padding:12px 22px;flex:0 0 auto;}
.uc-head .score b{display:block;font-size:28px;font-weight:800;color:var(--mustard);line-height:1.2;}
.uc-head .score span{font-size:13px;color:var(--sub);}
.uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.uc-box{background:var(--card);border-radius:var(--r-m);padding:30px 32px;}
.uc-box h2{font-size:18px;font-weight:800;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--ink);display:block;}
.uc-meta{width:100%;border-collapse:collapse;font-size:16px;}
.uc-meta th,.uc-meta td{padding:12px 4px;text-align:left;border-bottom:1px solid var(--line-soft);}
.uc-meta th{color:var(--sub);font-weight:500;width:104px;}
.uc-meta td{color:var(--ink);font-weight:600;}
.uc-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.uc-nav a{padding:10px 20px;background:var(--card);border-bottom:2px solid transparent;font-size:16px;font-weight:600;color:var(--ink-2);transition:color .2s,border-color .2s;}
.uc-nav a:hover,.uc-nav a.on{color:var(--brick);border-bottom-color:var(--brick);}
.uc-empty{text-align:center;color:var(--sub);font-size:16px;padding:32px 0 12px;}

.cmt{margin-top:46px;background:var(--card);border-radius:var(--r-m);padding:34px 36px;}
.cmt h2{font-size:22px;font-weight:800;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--ink);display:block;}
.cmt-list{list-style:none;}
.cmt-list>li{display:flex;gap:15px;padding:20px 0;}
.cmt-list>li:first-child{border-top:none;padding-top:0;}
.cmt-list .ava{width:44px;height:44px;border-radius:var(--r-s);object-fit:cover;background:var(--paper-2);flex:0 0 auto;}
.cmt-list .body{flex:1;min-width:0;}
.cmt-list .name{font-size:16px;font-weight:700;color:var(--ink);}
.cmt-list .date{font-size:13px;color:var(--faint);margin-left:10px;font-weight:400;}
.cmt-list .txt{font-size:16px;color:var(--ink-2);margin-top:6px;word-break:break-word;line-height:1.75;}
.cmt-list .act{margin-top:8px;}
.cmt-list .act a{font-size:13px;color:var(--faint);font-weight:600;}
.cmt-list .act a:hover{color:var(--brick);}
.cmt-sub{list-style:none;margin:14px 0 4px;background:var(--paper-2);border-radius:var(--r-s);padding:8px 16px;}
.cmt-sub li{display:flex;gap:11px;padding:10px 0;font-size:13px;}
.cmt-sub li + li{border-top:1px solid var(--line-soft);}
.cmt-sub .nm{font-weight:700;color:var(--ink);flex:0 0 auto;}
.cmt-sub .tx{color:var(--ink-2);word-break:break-word;}
.cmt-empty{color:var(--sub);font-size:16px;padding:16px 0;}
.cmt-login{background:var(--mustard-50);border-radius:var(--r-s);padding:15px 19px;font-size:16px;color:var(--ink-2);margin-bottom:22px;}
.cmt-login a{color:var(--brick);font-weight:700;}
.cmt-form{margin-bottom:26px;}
.cmt-form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--r-s);font-size:16px;outline:none;transition:border-color .2s;font-family:inherit;resize:vertical;line-height:1.75;background:#fff;}
.cmt-form textarea:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(184,58,36,.10);}
.cmt-form .btn{width:auto;padding:12px 34px;margin-top:12px;}
.cmt-reply{display:none;margin:14px 0 4px;background:var(--paper-2);border-radius:var(--r-s);padding:16px;}
.cmt-reply.show{display:block;animation:popin .24s var(--ease);}
.cmt-reply textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-s);font-size:16px;outline:none;resize:vertical;font-family:inherit;background:#fff;line-height:1.7;}
.cmt-reply .btn{padding:9px 24px;font-size:13px;margin-top:10px;width:auto;}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:1020px){
  .hero .inner{grid-template-columns:1fr;gap:34px;}
  .hero .figure{order:-1;}
  .hero .figure img{aspect-ratio:16/9;}
  .tools-split{grid-template-columns:1fr;gap:30px;}
  .tools{grid-column:1;}
  .comm .inner{grid-template-columns:1fr;gap:34px;}
  .comm .qr{max-width:280px;}
  .list-layout{grid-template-columns:1fr;gap:34px;}
  .list-cards,.pagebar,.list-empty,.side{grid-column:1;grid-row:auto;}
  .side{position:static;flex-direction:row;flex-wrap:wrap;}
  .side .box{flex:1;min-width:260px;}
  .cats{grid-template-columns:1fr 1fr;}
  .auth-grid{grid-template-columns:1fr;}
  .uc-grid{grid-template-columns:1fr;}
}
@media (max-width:860px){
  .tools{grid-template-columns:1fr;}
  .tool,.tool:nth-child(1),.tool:nth-child(2),.tool:nth-child(3),.tool:nth-child(4){border:none;}
  .arts,.mates,.list-cards,.related .grid{grid-template-columns:1fr;}
  .art,.art:not(:nth-child(3n+1)){padding-left:0;padding-right:0;border-left:none;}
  .list-cards .art:nth-child(2n){padding-left:0;border-left:none;}
  .hdr .main{gap:12px;height:66px;}
  .hdr .logo img{height:38px;}
  .nav{position:absolute;top:66px;left:0;right:0;background:var(--paper-2);flex-direction:column;padding:8px 20px 16px;display:none;}
  .nav.open{display:flex;}
  .nav a{padding:12px 14px;}
  .nav-more{width:100%;}
  .nav-more-btn{width:100%;justify-content:space-between;padding:12px 14px;}
  .nav-more-panel{position:static;display:none;grid-template-columns:1fr 1fr;padding:4px 0 8px;margin:0;}
  .nav-more:hover .nav-more-panel{display:grid;}
  .nav-more.open .nav-more-panel{display:grid;}
  .nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;margin-left:auto;padding:8px;}
  .nav-toggle span{width:22px;height:2px;background:var(--ink);transition:.25s;}
  .hdr .call{display:none;}
  .hero{padding-top:44px;}
  .hero .inner{padding-bottom:44px;}
  .trust{grid-template-columns:1fr 1fr;gap:20px 24px;}
  .trust .ti{padding:0;flex-direction:column;align-items:flex-start;gap:2px;}
  .trust .ti b{font-size:22px;line-height:1.1;}
  footer .top{grid-template-columns:1fr 1fr;gap:28px;}
  .art-detail{padding:28px 22px;}
  .comm{padding:40px 0;}
  .cta-band{padding:30px 26px;}
  .sec{padding:52px 0;}
  .related{padding:24px 22px;}
  .cmt{padding:24px 20px;}
  .auth-card{padding:28px 22px;}
}
@media (max-width:480px){
  footer .top{grid-template-columns:1fr;}
  .float{right:12px;bottom:78px;}
  .wx-pop{right:72px;}
  .wx-pop img{width:142px;height:142px;}
  .modal .box{padding:26px 20px;}
  .cats{grid-template-columns:1fr;}
  .uc-head{flex-wrap:wrap;gap:16px;}
  .uc-head .score{margin-left:0;}
}

/* ============================================================
   v5 精修层 —— 2026-10-23
   目标：内页主视觉、卡片图位、细节对齐、logo 呈现、动效覆盖
   ============================================================ */

/* ---- 1. Logo：透明版呈现，去掉旧白底方块感 ---- */
.hdr .logo img{height:46px;width:auto;display:block;transition:opacity .2s;}
.hdr .logo img:hover{opacity:.82;}
.hdr .logo{flex:0 0 auto;padding:2px 0;}

/* ---- 2. 内页主视觉横幅（列表页） ---- */
.list-hero{
  display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;
  margin-bottom:34px;padding:34px 40px;border-radius:var(--r-l);
  background:var(--card);border-bottom:2px solid var(--ink);
}
.list-hero .lh-txt{min-width:0;}
.list-hero h1{font-size:clamp(26px,3.2vw,var(--fs-title));font-weight:800;letter-spacing:-.012em;margin:0;}
.list-hero p{color:var(--ink-2);font-size:var(--fs-body);margin-top:12px;max-width:52ch;line-height:1.75;}
.lh-stats{display:flex;gap:34px;margin-top:22px;flex-wrap:wrap;}
.lh-stats div{display:flex;flex-direction:column;gap:2px;}
.lh-stats b{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:var(--ink);}
.lh-stats span{font-size:13px;color:var(--faint);}
.lh-fig{margin:0;position:relative;border-radius:var(--r-m);overflow:hidden;aspect-ratio:16/10;background:var(--paper-3);}
.lh-fig img{width:100%;height:100%;object-fit:cover;display:block;}
.lh-fig::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(33,29,23,.07);border-radius:var(--r-m);pointer-events:none;}
.lh-fig.fallback{display:none;}

/* ---- 3. 列表卡片：图位 + 对齐 ---- */
.list-cards .art{background:var(--card);border-radius:var(--r-m);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .3s var(--ease);}
.list-cards .art:hover{transform:translateY(-3px);}
.art-fig{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--paper-3);position:relative;}
.art-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);}
.art:hover .art-fig img{transform:scale(1.035);}
.list-cards .art .bd{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;}
.list-cards .art h3{font-size:18px;line-height:1.5;}
.list-cards .art .kicker{margin-bottom:10px;}
.list-cards .art .meta{margin-top:auto;padding-top:14px;}
.list-cards .art::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--brick);opacity:0;transition:opacity .25s;}
.list-cards .art:hover::after{opacity:1;}

/* ---- 4. 详情页：封面图 ---- */
.ad-cover{margin:0 0 28px;border-radius:var(--r-m);overflow:hidden;aspect-ratio:21/9;background:var(--paper-3);position:relative;}
.ad-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.ad-cover::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(33,29,23,.07);border-radius:var(--r-m);pointer-events:none;}
.art-detail .kicker{margin-bottom:12px;}
.art-detail h1{font-size:clamp(24px,2.6vw,var(--fs-title));line-height:1.32;letter-spacing:-.012em;font-weight:800;margin:0 0 16px;}
.art-detail .meta{margin-top:0;}

/* ---- 5. 相关阅读：缩略图 ---- */
.related .grid a{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line-soft);transition:padding .22s var(--ease);}
.related .grid a:hover{padding-left:6px;}
.related .grid .rel-fig{flex:0 0 92px;width:92px;aspect-ratio:16/10;border-radius:var(--r-s);overflow:hidden;background:var(--paper-3);margin:0;}
.related .grid .rel-fig img{width:100%;height:100%;object-fit:cover;display:block;}
.related .grid a b{display:block;font-size:16px;line-height:1.55;font-weight:700;margin-bottom:5px;}
.related .grid .no{display:none;}

/* ---- 6. 面包屑：明确为位置导航 ---- */
.crumb{font-size:12px;letter-spacing:.06em;color:var(--faint);padding:22px 0 4px;}
.crumb a{color:var(--sub);}
.crumb .sep{color:var(--line);}

/* ---- 7. 登录/会员页：去静止阴影、分隔线改色阶 ---- */
.auth-card{background:var(--card);border-radius:var(--r-m);padding:40px 42px;box-shadow:none;}
.auth-card input{box-shadow:none;}
.auth-card input:focus{box-shadow:none;outline:2px solid var(--brick);outline-offset:1px;}
.auth-side li{border-top:0;padding:12px 0;}
.auth-side li + li{border-top:1px solid rgba(255,255,255,.07);}

/* ---- 8. 详情页标签区：去 hairline ---- */
.art-detail .tags{border-top:0;padding-top:18px;margin-top:26px;background:transparent;}
.art-detail .meta{border-bottom:0;padding-bottom:0;}

/* ---- 9. 侧栏：图位与对齐 ---- */
.side .box h4{border-bottom:2px solid var(--ink);padding-bottom:10px;}
.side .qrbox img{width:100%;border-radius:var(--r-s);display:block;}
.side .tools-mini a{align-items:flex-start;}

/* ---- 10. 移动端收拢 ---- */
@media (max-width:860px){
  .list-hero{grid-template-columns:1fr;gap:22px;padding:26px 20px;}
  .list-hero .lh-fig{aspect-ratio:16/9;order:-1;}
  .lh-stats{gap:22px;margin-top:16px;}
  .lh-stats b{font-size:18px;}
  .art-detail{padding:26px 18px;}
  .ad-cover{aspect-ratio:16/9;margin-bottom:22px;}
  .related .grid .rel-fig{flex:0 0 72px;width:72px;}
  .hdr .logo img{height:40px;}
}

@media (max-width:640px){
  .list-cards{grid-template-columns:1fr;gap:18px;}
  .list-cards .art{display:grid;grid-template-columns:120px 1fr;}
  .list-cards .art .art-fig{aspect-ratio:4/3;height:100%;}
  .list-cards .art .bd{padding:14px 16px;}
  .list-cards .art h3{font-size:16px;}
  .list-cards .art p{-webkit-line-clamp:2;}
}

/* ---- 11. 焦点态统一 ---- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--brick);outline-offset:2px;border-radius:2px;
}

/* ============================================================
   v5.1 补充精修 —— 2026-10-23
   ============================================================ */

/* ---- 面包屑移至内容区上方：弱化为位置导航，不再被误判为眉标 ---- */
.crumb-after{padding:0 0 20px;margin-top:-14px;font-size:12px;letter-spacing:.05em;}
.crumb-after .sep{color:var(--line);}

/* ---- 内页首屏主导元素：加大标题 + 强化主视觉比例 ---- */
.list-hero h1{
  font-size:clamp(34px,4.6vw,56px);
  line-height:1.1;font-weight:800;letter-spacing:-.022em;
}
.list-hero p{font-size:17px;max-width:46ch;margin-top:14px;}
.lh-fig{aspect-ratio:4/3;}
.lh-stats{gap:38px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line-soft);}
.lh-stats b{font-size:26px;}
.lh-stats span{font-size:13px;letter-spacing:.02em;}

/* ---- 详情页首屏主导元素 ---- */
.art-detail{padding:0;overflow:hidden;}
.art-detail .ad-body{padding:38px 48px 42px;}
.ad-cover{margin:0;border-radius:0;aspect-ratio:21/8;}
.ad-cover::after{border-radius:0;}
.art-detail h1{font-size:clamp(28px,3.4vw,42px);line-height:1.24;letter-spacing:-.018em;margin:0 0 18px;}
.art-detail .kicker{margin-bottom:14px;}

/* ---- 登录页：补主视觉 ---- */
.auth-wrap{position:relative;}
.auth-side{padding-top:8px;}
.auth-card .form-title{font-size:30px;letter-spacing:-.015em;}

/* ---- 会员页卡片 ---- */
.uc-wrap .uc-card{background:var(--card);border-radius:var(--r-m);padding:26px 28px;}

/* ---- 动效覆盖：让更多元素参与入场编排（补 still-page） ---- */
.list-cards .art:nth-child(2n){transition-delay:.06s;}
.list-cards .art:nth-child(3n){transition-delay:.12s;}
.list-cards .art:nth-child(4n){transition-delay:.18s;}
.side .box:nth-child(2){transition-delay:.1s;}
.side .box:nth-child(3){transition-delay:.16s;}
.related .grid a:nth-child(2){transition-delay:.06s;}
.related .grid a:nth-child(3){transition-delay:.12s;}
.related .grid a:nth-child(4){transition-delay:.18s;}
.cmt,.cta-band,.auth-card,.auth-side,.uc-wrap > *{transition-delay:.1s;}

/* ---- 移动端 ---- */
@media (max-width:860px){
  .crumb-after{margin-top:-8px;padding-bottom:16px;}
  .list-hero h1{font-size:32px;}
  .lh-fig{aspect-ratio:16/9;}
  .lh-stats{gap:22px;padding-top:16px;}
  .lh-stats b{font-size:20px;}
  .art-detail .ad-body{padding:24px 18px 28px;}
  .ad-cover{aspect-ratio:16/9;}
  .art-detail h1{font-size:26px;}
}

/* ============================================================
   v5.2 会员页主视觉横幅
   ============================================================ */
.auth-hero{
  display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:center;
  background:var(--card);border-radius:var(--r-l);border-bottom:2px solid var(--ink);
  padding:32px 38px;margin-bottom:30px;
}
.auth-hero .ah-txt{min-width:0;}
.auth-hero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:0;}
.auth-hero p{font-size:17px;color:var(--ink-2);margin-top:12px;max-width:44ch;line-height:1.75;}
.ah-fig{margin:0;border-radius:var(--r-m);overflow:hidden;aspect-ratio:16/10;background:var(--paper-3);position:relative;}
.ah-fig img{width:100%;height:100%;object-fit:cover;display:block;}
.ah-fig::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(33,29,23,.07);border-radius:var(--r-m);pointer-events:none;}

/* 会员页头部（ucenter）强化 */
.uc-head{background:var(--card);border-radius:var(--r-l);padding:28px 32px;margin-bottom:24px;
  display:flex;align-items:center;gap:22px;border-bottom:2px solid var(--ink);}
.uc-head h1{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.018em;}

/* 详情页相关阅读缩略图与正文图的微调 */
.art-body img{max-width:100%;height:auto;border-radius:var(--r-s);display:block;margin:18px 0;}
.art-body h2{font-size:22px;margin:32px 0 12px;}
.art-body h3{font-size:18px;margin:26px 0 10px;}
.art-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;}
.art-body th,.art-body td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.art-body th{background:var(--paper-2);font-weight:700;}

@media (max-width:860px){
  .auth-hero{grid-template-columns:1fr;gap:20px;padding:24px 20px;}
  .auth-hero h1{font-size:30px;}
  .ah-fig{aspect-ratio:16/9;order:-1;}
  .uc-head{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px;}
}