/* roulang page: index */
:root{
  --red:#8c1f1f;
  --red-deep:#5e1313;
  --red-soft:#a83232;
  --gold:#d4af37;
  --gold-deep:#b8860b;
  --gold-light:#e8c87a;
  --bg:#f7f2e7;
  --bg-alt:#efe6d5;
  --card:#fffdf8;
  --ink:#3a3428;
  --muted:#8a8070;
  --line:rgba(140,31,31,.14);
  --gold-line:rgba(212,175,55,.45);
  --r:10px;
  --r-lg:16px;
  --shadow:0 6px 18px rgba(74,44,20,.07);
  --shadow-lg:0 16px 40px rgba(74,44,20,.14);
  --serif:"Noto Serif SC","Songti SC",SimSun,"STSong",serif;
  --sans:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:15.5px;
  line-height:1.85;
  letter-spacing:.2px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto;}
a{color:var(--gold-deep);text-decoration:none;transition:color .22s ease,border-color .22s ease;}
a:hover{color:var(--red);}
h1,h2,h3,h4,p,ul,ol,figure{margin:0;}
ul{padding:0;list-style:none;}
button{font-family:inherit;cursor:pointer;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px;}
.container{max-width:1200px;padding-left:20px;padding-right:20px;}

/* ---------- 通用组件 ---------- */
.btn-gold,
.btn-outline-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 24px;border-radius:8px;font-size:15px;font-weight:700;
  border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
  white-space:nowrap;
}
.btn-gold{
  background:linear-gradient(180deg,#e3c257,#d4af37 45%,#b8860b);
  color:#fffaf0;box-shadow:0 8px 20px rgba(184,134,11,.32);
  text-shadow:0 1px 1px rgba(94,19,19,.35);
}
.btn-gold:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,134,11,.42);}
.btn-gold:active{transform:translateY(0);box-shadow:0 5px 14px rgba(184,134,11,.3);}
.btn-outline-gold{
  background:transparent;color:var(--gold-light);border-color:var(--gold-line);
}
.btn-outline-gold:hover{color:#fff;border-color:var(--gold);background:rgba(212,175,55,.14);transform:translateY(-2px);}
.btn-lg{padding:13px 30px;font-size:16px;}

.seal{
  position:absolute;top:-13px;left:20px;
  background:linear-gradient(180deg,#a83232,#8c1f1f);
  color:#f7e7b8;border:1px solid var(--gold);border-radius:6px;
  font-family:var(--serif);font-size:13px;line-height:1;letter-spacing:2px;
  padding:7px 9px;box-shadow:0 5px 12px rgba(140,31,31,.28);
}
.tag{
  display:inline-block;font-size:12.5px;line-height:1;padding:6px 11px;border-radius:999px;
  color:var(--red);background:rgba(212,175,55,.16);border:1px solid var(--gold-line);
}
.icon-gold{
  width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,rgba(212,175,55,.22),rgba(184,134,11,.1));
  border:1px solid var(--gold-line);color:var(--gold-deep);flex:none;
}
.icon-gold svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- 动画 ---------- */
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;}
.js .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ---------- 顶部导航 ---------- */
.site-header{
  position:sticky;top:0;z-index:1030;
  background:linear-gradient(180deg,#932222,#741818);
  border-bottom:1px solid rgba(212,175,55,.32);
  box-shadow:0 6px 22px rgba(60,15,15,.28);
}
.header-inner{
  display:flex;align-items:center;gap:16px;min-height:72px;
  max-width:1200px;margin:0 auto;padding:0 20px;
}
.brand{display:flex;align-items:center;gap:11px;flex:none;}
.brand-mark{
  width:42px;height:42px;border-radius:11px;flex:none;
  background:linear-gradient(160deg,#e3c257,#b8860b);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.4);
}
.brand-mark svg{width:23px;height:23px;stroke:#5e1313;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.brand-text{
  font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;
  line-height:1.25;letter-spacing:1px;
}
.brand-text em{
  display:block;font-style:normal;font-size:11.5px;letter-spacing:2px;
  color:var(--gold-light);font-weight:400;margin-top:2px;
}
.nav-panel{
  margin-left:auto;display:flex;align-items:center;gap:6px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(212,175,55,.26);
  border-radius:14px;padding:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.nav-card{
  display:block;padding:8px 16px;border-radius:10px;
  font-size:14.5px;color:#f2e2c2;border:1px solid transparent;
  transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}
.nav-card:hover{background:rgba(212,175,55,.16);color:#fff;border-color:rgba(212,175,55,.42);transform:translateY(-1px);}
.nav-card.active{
  background:linear-gradient(180deg,#efd98a,#d4af37);
  color:#5e1313;font-weight:700;border-color:rgba(255,255,255,.35);
  box-shadow:0 6px 14px rgba(212,175,55,.34);
}
.header-cta{margin-left:14px;flex:none;padding:10px 20px;font-size:14.5px;}
.nav-toggle{
  display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;
  background:rgba(0,0,0,.18);border:1px solid rgba(212,175,55,.4);
  align-items:center;justify-content:center;
}
.nav-toggle svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.8;stroke-linecap:round;}
.nav-drawer{display:none;background:linear-gradient(180deg,#7d1b1b,#5e1313);border-top:1px solid rgba(212,175,55,.24);padding:12px 20px 18px;}
.nav-drawer.open{display:block;}
.nav-drawer a{
  display:block;padding:12px 16px;border-radius:10px;color:#f2e2c2;font-size:15px;
  border:1px solid rgba(212,175,55,.18);margin-bottom:8px;background:rgba(0,0,0,.12);
}
.nav-drawer a.active{background:linear-gradient(180deg,#efd98a,#d4af37);color:#5e1313;font-weight:700;border-color:transparent;}
.nav-drawer .drawer-cta{margin-top:4px;width:100%;}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(125deg,#8c1f1f 0%,#6f1818 52%,#5e1313 100%);
  color:#fff;
}
.hero-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.2;filter:saturate(.85);
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(212,175,55,.16) 1px,transparent 1px);
  background-size:22px 22px;opacity:.5;
}
.hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;
  padding-top:60px;padding-bottom:52px;
}
.hero-eyebrow{
  display:inline-block;font-size:12.5px;letter-spacing:2.5px;
  color:var(--gold-light);border:1px solid rgba(212,175,55,.5);
  border-radius:999px;padding:6px 15px;background:rgba(0,0,0,.18);
}
.hero-title{
  font-family:var(--serif);
  font-size:clamp(28px,3.5vw,44px);
  line-height:1.28;font-weight:800;letter-spacing:.6px;
  margin:18px 0 18px;
  background:linear-gradient(180deg,#fff6d8,#e8c87a 55%,#d4af37);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.hero-sub{
  color:#ecd9a8;font-size:15.5px;line-height:1.95;max-width:660px;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hero-tags span{
  font-size:12.5px;color:var(--gold-light);
  border:1px solid rgba(212,175,55,.42);border-radius:999px;
  padding:5px 13px;background:rgba(0,0,0,.16);
}
.hero-panel{
  background:rgba(0,0,0,.24);
  border:1px solid rgba(212,175,55,.42);
  border-radius:var(--r-lg);
  padding:24px 22px;
  box-shadow:0 20px 44px rgba(0,0,0,.28);
  backdrop-filter:blur(3px);
}
.hero-panel h2{
  font-family:var(--serif);font-size:17.5px;color:#f7e7b8;
  letter-spacing:1px;margin-bottom:14px;padding-bottom:12px;
  border-bottom:1px dashed rgba(212,175,55,.35);
}
.panel-row{
  display:flex;gap:10px;align-items:flex-start;
  font-size:14px;color:#eadfc4;padding:9px 0;line-height:1.7;
}
.panel-row i{
  flex:none;width:20px;height:20px;border-radius:50%;margin-top:3px;
  background:rgba(212,175,55,.2);color:var(--gold-light);
  font-size:11px;font-style:normal;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(212,175,55,.45);
}
.hero-panel-foot{
  margin-top:14px;padding-top:12px;border-top:1px dashed rgba(212,175,55,.3);
  display:flex;justify-content:space-between;gap:10px;
  font-size:12.5px;color:var(--gold-light);
}
.hero-bar{
  position:relative;z-index:2;
  background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.16));
  border-top:1px solid rgba(212,175,55,.34);
}
.hero-bar-inner{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  padding:16px 0;
}
.cd-label{
  display:flex;align-items:center;gap:9px;font-size:14.5px;color:#f4e6c3;letter-spacing:.5px;
}
.cd-label svg{width:18px;height:18px;stroke:var(--gold-light);fill:none;stroke-width:1.7;stroke-linecap:round;}
.cd-timer{display:flex;align-items:center;gap:6px;margin-left:auto;}
.cd-num{
  font-family:var(--serif);font-size:21px;font-weight:700;color:#5e1313;
  background:linear-gradient(180deg,#f6e6b4,#d4af37);
  border-radius:8px;padding:3px 10px;min-width:44px;text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,.22);
}
.cd-sep{color:var(--gold-light);font-weight:700;padding:0 2px;}
.cd-actions{display:flex;gap:12px;flex-wrap:wrap;}
.cd-actions .btn-gold,.cd-actions .btn-outline-gold{padding:9px 20px;font-size:14px;}

/* ---------- 区块 ---------- */
.section{padding:76px 0;background:var(--bg);}
.section.alt{background:var(--bg-alt);}
.section.deep{
  background:linear-gradient(150deg,#8c1f1f,#5e1313);color:#fff;
}
.section.deep::before{
  content:"";position:absolute;inset:0;pointer-events:none;
}
.section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;flex-wrap:wrap;margin-bottom:36px;
}
.section-title{
  position:relative;padding-left:16px;
  font-family:var(--serif);font-size:clamp(21px,2.3vw,29px);
  line-height:1.4;color:var(--red);letter-spacing:.5px;font-weight:700;
}
.section-title::before{
  content:"";position:absolute;left:0;top:7px;bottom:7px;width:4px;border-radius:2px;
  background:linear-gradient(180deg,var(--gold),var(--gold-deep));
}
.section.deep .section-title{color:#f7e7b8;}
.section-desc{
  color:var(--muted);font-size:15px;line-height:1.9;margin-top:12px;max-width:780px;
}
.section.deep .section-desc{color:#e3cfa2;}
.link-more{
  font-size:14.5px;font-weight:700;color:var(--gold-deep);
  border-bottom:1px solid rgba(184,134,11,.35);padding-bottom:2px;white-space:nowrap;
}
.link-more:hover{color:var(--red);border-color:var(--red);}
.section.deep .link-more{color:var(--gold-light);border-color:rgba(212,175,55,.5);}
.section.deep .link-more:hover{color:#fff;border-color:#fff;}

/* ---------- KPI ---------- */
.kpi-card{
  position:relative;background:var(--card);border:1px solid var(--gold-line);
  border-radius:var(--r-lg);padding:28px 20px;text-align:center;height:100%;
  box-shadow:var(--shadow);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  overflow:hidden;
}
.kpi-card::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.65;
}
.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold);}
.kpi-num{
  font-family:var(--serif);font-size:38px;font-weight:700;line-height:1;
  color:var(--gold-deep);letter-spacing:1px;
}
.kpi-num small{font-size:15px;margin-left:3px;color:var(--red-soft);}
.kpi-label{margin-top:12px;font-size:15.5px;color:var(--ink);font-weight:600;}
.kpi-note{margin-top:6px;font-size:13px;color:var(--muted);line-height:1.7;}

/* ---------- 通用卡片 ---------- */
.card-gold{
  position:relative;background:var(--card);border:1px solid var(--gold-line);
  border-radius:var(--r);box-shadow:var(--shadow);padding:26px 22px;height:100%;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.card-gold:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.card-gold h3{
  font-family:var(--serif);font-size:18px;color:var(--red);margin:14px 0 8px;letter-spacing:.4px;
}
.card-gold p{font-size:14.5px;color:var(--muted);line-height:1.85;}

.feature-card{padding-top:30px;}
.feature-card .icon-gold{margin-bottom:4px;}

/* ---------- 栏目矩阵 ---------- */
.matrix-card{padding-top:32px;}
.matrix-card ul{margin-top:12px;}
.matrix-card li{
  position:relative;padding-left:16px;font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:6px;
}
.matrix-card li::before{
  content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:2px;
  background:var(--gold);transform:rotate(45deg);
}

/* ---------- 痛点清单 ---------- */
.pain-item{
  display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:20px 22px;margin-bottom:14px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.pain-item:hover{transform:translateX(4px);border-color:var(--gold);box-shadow:var(--shadow);}
.pain-num{
  font-family:var(--serif);font-size:24px;font-weight:700;color:var(--gold-deep);line-height:1;
  border-right:1px dashed var(--gold-line);padding-right:14px;text-align:center;
}
.pain-item h3{font-size:16px;color:var(--ink);font-weight:700;margin-bottom:6px;line-height:1.6;}
.pain-fix{
  display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--muted);line-height:1.8;
}
.pain-fix b{
  flex:none;font-size:12px;line-height:1;font-weight:700;color:#fffaf0;
  background:linear-gradient(180deg,#a83232,#8c1f1f);
  border:1px solid rgba(212,175,55,.6);border-radius:4px;padding:5px 7px;margin-top:5px;letter-spacing:1px;
}

/* ---------- 三步上手 ---------- */
.step-card{
  position:relative;background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:28px 22px 24px;height:100%;box-shadow:var(--shadow);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.step-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.step-num{
  font-family:var(--serif);font-size:15px;font-weight:700;color:#5e1313;
  background:linear-gradient(180deg,#f2dfa4,#d4af37);
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 14px rgba(184,134,11,.3);margin-bottom:16px;
}
.step-card h3{font-family:var(--serif);font-size:18px;color:var(--red);margin-bottom:8px;}
.step-card p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.step-card .step-tip{
  margin-top:14px;padding-top:12px;border-top:1px dashed var(--gold-line);
  font-size:13px;color:var(--gold-deep);
}

/* ---------- 对比表 ---------- */
.compare-box{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
  box-shadow:var(--shadow);overflow:hidden;
}
.compare-table{width:100%;border-collapse:collapse;}
.compare-table thead th{
  background:linear-gradient(180deg,#8c1f1f,#6f1818);
  color:#f7e7b8;font-family:var(--serif);font-size:15px;font-weight:700;
  padding:16px 18px;text-align:left;letter-spacing:.6px;border-bottom:2px solid var(--gold);
}
.compare-table thead th:nth-child(2){color:#d7cbb4;font-weight:400;}
.compare-table thead th:nth-child(3){color:#f7e7b8;}
.compare-table tbody td{
  padding:15px 18px;font-size:14.5px;border-bottom:1px solid var(--line);
  color:var(--muted);line-height:1.75;vertical-align:top;
}
.compare-table tbody td:first-child{color:var(--ink);font-weight:700;font-size:14.5px;}
.compare-table tbody td:nth-child(3){color:var(--red);font-weight:600;background:rgba(212,175,55,.07);}
.compare-table tbody tr:last-child td{border-bottom:none;}
.compare-table tbody tr:hover td{background:rgba(212,175,55,.06);}

/* ---------- 口碑 ---------- */
.quote-card{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:26px 22px 22px;height:100%;box-shadow:var(--shadow);position:relative;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.quote-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.quote-mark{
  font-family:var(--serif);font-size:44px;line-height:1;color:rgba(212,175,55,.5);
  display:block;margin-bottom:2px;
}
.quote-card p{font-size:14.5px;color:var(--ink);line-height:1.9;}
.quote-user{
  display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:14px;
  border-top:1px dashed var(--gold-line);
}
.avatar{
  width:38px;height:38px;border-radius:50%;flex:none;
  background:linear-gradient(160deg,#a83232,#5e1313);color:#f7e7b8;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:15px;border:1px solid var(--gold-line);
}
.quote-user span{font-size:13.5px;color:var(--muted);}
.quote-user strong{display:block;font-size:14px;color:var(--ink);font-weight:700;}

/* ---------- 里程碑 ---------- */
.tl-item{
  position:relative;background:rgba(255,255,255,.06);
  border:1px solid rgba(212,175,55,.34);border-radius:var(--r);
  padding:24px 20px;height:100%;
  transition:transform .28s ease,background .28s ease,border-color .28s ease;
}
.tl-item:hover{transform:translateY(-4px);background:rgba(255,255,255,.1);border-color:var(--gold);}
.tl-stage{
  font-family:var(--serif);font-size:12.5px;letter-spacing:2px;color:#5e1313;
  background:linear-gradient(180deg,#f2dfa4,#d4af37);
  display:inline-block;padding:5px 11px;border-radius:5px;font-weight:700;
}
.tl-item h3{font-family:var(--serif);font-size:17px;color:#f7e7b8;margin:14px 0 8px;}
.tl-item p{font-size:14px;color:#dfd0b0;line-height:1.8;}
.tl-state{
  display:inline-block;margin-top:14px;font-size:12.5px;color:var(--gold-light);
  border:1px solid rgba(212,175,55,.45);border-radius:999px;padding:4px 12px;
}

/* ---------- 资讯 ---------- */
.news-card{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  overflow:hidden;height:100%;box-shadow:var(--shadow);display:flex;flex-direction:column;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.news-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.news-thumb{position:relative;overflow:hidden;aspect-ratio:16/10;background:#e6dcc6;}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.news-card:hover .news-thumb img{transform:scale(1.05);}
.news-thumb .tag{position:absolute;left:12px;bottom:12px;background:rgba(94,19,19,.9);color:#f7e7b8;border-color:rgba(212,175,55,.6);}
.news-body{padding:20px;display:flex;flex-direction:column;flex:1;}
.news-body h3{font-family:var(--serif);font-size:17px;color:var(--red);line-height:1.6;margin-bottom:8px;}
.news-body p{font-size:14px;color:var(--muted);line-height:1.8;}
.news-meta{margin-top:auto;padding-top:14px;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;}

/* ---------- 标签云 ---------- */
.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;}
.tag-pill{
  display:inline-block;padding:9px 18px;border-radius:999px;font-size:14px;
  color:var(--red);background:var(--card);border:1px solid var(--gold-line);
  transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.tag-pill:hover{
  transform:translateY(-3px);color:#5e1313;border-color:var(--gold);
  background:linear-gradient(180deg,#f4e3b0,#e7cf87);box-shadow:0 8px 18px rgba(184,134,11,.24);
}

/* ---------- 分类入口墙 ---------- */
.channel-card{
  position:relative;display:block;background:var(--card);
  border:1px solid var(--gold-line);border-radius:var(--r-lg);overflow:hidden;
  height:100%;box-shadow:var(--shadow);color:inherit;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.channel-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow-lg);color:inherit;}
.channel-cover{aspect-ratio:16/9;overflow:hidden;background:#e6dcc6;}
.channel-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.channel-card:hover .channel-cover img{transform:scale(1.06);}
.channel-body{padding:22px;}
.channel-body h3{font-family:var(--serif);font-size:19px;color:var(--red);margin-bottom:9px;}
.channel-body p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.channel-link{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--gold-deep);}
.channel-card:hover .channel-link{color:var(--red);}

/* ---------- 保障 ---------- */
.guard-item{
  display:flex;gap:14px;align-items:flex-start;background:var(--card);
  border:1px solid var(--gold-line);border-radius:var(--r);padding:22px 20px;height:100%;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.guard-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold);}
.guard-item h3{font-family:var(--serif);font-size:16.5px;color:var(--red);margin-bottom:6px;}
.guard-item p{font-size:14px;color:var(--muted);line-height:1.8;}

/* ---------- 资料领取 ---------- */
.lead-box{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
  box-shadow:var(--shadow);padding:34px 30px;
}
.lead-box h3{font-family:var(--serif);font-size:20px;color:var(--red);margin-bottom:10px;}
.lead-box p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.lead-list li{
  position:relative;padding-left:20px;font-size:14.5px;color:var(--ink);
  line-height:1.85;margin-top:10px;
}
.lead-list li::before{
  content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:2px;
  background:linear-gradient(135deg,var(--gold),var(--gold-deep));transform:rotate(45deg);
}
.field-label{display:block;font-size:13.5px;color:var(--ink);font-weight:700;margin-bottom:7px;}
.field{
  width:100%;padding:11px 14px;font-size:14.5px;color:var(--ink);
  background:#fffdf7;border:1px solid var(--gold-line);border-radius:8px;
  transition:border-color .22s ease,box-shadow .22s ease;font-family:var(--sans);
}
.field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.22);}
.field::placeholder{color:#b3a894;}
.form-hint{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.75;}
.form-hint.ok{color:#2f7a4f;}

/* ---------- FAQ ---------- */
.faq-item{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  margin-bottom:14px;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease;
}
.faq-item[open]{border-color:var(--gold);box-shadow:var(--shadow);}
.faq-item summary{
  list-style:none;cursor:pointer;padding:20px 54px 20px 22px;position:relative;
  font-family:var(--serif);font-size:16.5px;color:var(--red);font-weight:700;line-height:1.6;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"";position:absolute;right:22px;top:50%;width:12px;height:12px;
  border-right:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s ease;
}
.faq-item[open] summary::after{transform:translateY(-30%) rotate(-135deg);}
.faq-item p{
  padding:0 22px 22px 22px;font-size:14.5px;color:var(--muted);line-height:1.9;
  border-top:1px dashed var(--gold-line);padding-top:16px;margin:0 22px 22px;padding-left:0;padding-right:0;
}

/* ---------- 页脚 ---------- */
.site-footer{
  background:linear-gradient(180deg,#7a1a1a,#4d1010);
  color:#e6d6b4;border-top:1px solid var(--gold);
  padding:56px 0 26px;position:relative;
}
.footer-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;
  padding-bottom:34px;border-bottom:1px solid rgba(212,175,55,.22);
}
.footer-brand .brand-text{font-size:19px;}
.footer-brand p{font-size:14px;color:#cbb894;line-height:1.85;margin-top:14px;max-width:320px;}
.footer-col h4{
  font-family:var(--serif);font-size:15.5px;color:var(--gold-light);
  letter-spacing:1.5px;margin-bottom:16px;font-weight:700;
}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:14px;color:#d6c5a4;}
.footer-col a:hover{color:var(--gold-light);}
.footer-bottom{
  padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;color:#c3ae89;line-height:1.8;
}
.footer-bottom a{color:#d8c8a6;}
.footer-bottom a:hover{color:var(--gold-light);}

/* ---------- 底部固定条 ---------- */
.fixed-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:1040;
  background:linear-gradient(90deg,rgba(94,19,19,.98),rgba(120,26,26,.98));
  border-top:1px solid var(--gold);
  box-shadow:0 -8px 26px rgba(40,10,10,.3);
  transform:translateY(115%);transition:transform .38s ease;
}
.fixed-bar.show{transform:translateY(0);}
.fixed-inner{
  max-width:1200px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.fixed-text strong{
  display:block;font-family:var(--serif);font-size:15.5px;color:#f7e7b8;letter-spacing:.6px;
}
.fixed-text span{font-size:13px;color:#d3c09c;}
.fixed-actions{margin-left:auto;display:flex;align-items:center;gap:12px;}
.fixed-actions .btn-gold{padding:9px 20px;font-size:14px;}
.fixed-close{
  width:32px;height:32px;border-radius:50%;border:1px solid rgba(212,175,55,.5);
  background:transparent;color:var(--gold-light);font-size:18px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;
}
.fixed-close:hover{background:rgba(212,175,55,.2);color:#fff;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .header-inner{flex-wrap:wrap;}
  .nav-panel,.header-cta{display:none;}
  .nav-toggle{display:flex;}
  .hero-inner{grid-template-columns:1fr;gap:34px;padding-top:46px;padding-bottom:40px;}
  .hero-panel{max-width:560px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .section{padding:60px 0;}
}
@media (max-width:768px){
  body{font-size:15px;}
  .hero-title{font-size:clamp(25px,6.4vw,32px);}
  .hero-sub{font-size:14.5px;}
  .hero-bar-inner{gap:14px;}
  .cd-timer{margin-left:0;}
  .cd-actions{width:100%;}
  .cd-actions .btn-gold,.cd-actions .btn-outline-gold{flex:1;}
  .section-head{flex-direction:column;align-items:flex-start;gap:14px;}
  .pain-item{grid-template-columns:48px 1fr;gap:14px;padding:18px;}
  .pain-num{font-size:20px;}
  .compare-table thead th,.compare-table tbody td{padding:12px 13px;font-size:13.5px;}
  .lead-box{padding:26px 20px;}
  .fixed-text span{display:none;}
  .fixed-inner{padding:10px 16px;}
  .footer-grid{grid-template-columns:1fr;gap:26px;}
}
@media (max-width:520px){
  .container{padding-left:16px;padding-right:16px;}
  .header-inner{padding:0 16px;min-height:64px;}
  .brand-text{font-size:16px;}
  .brand-text em{font-size:10.5px;letter-spacing:1.4px;}
  .brand-mark{width:38px;height:38px;}
  .hero-inner{padding-top:36px;padding-bottom:32px;}
  .hero-actions .btn-gold,.hero-actions .btn-outline-gold{width:100%;}
  .hero-panel{padding:20px 18px;}
  .kpi-num{font-size:31px;}
  .section{padding:48px 0;}
  .section-title{font-size:20px;}
  .cd-num{font-size:18px;min-width:38px;padding:3px 8px;}
  .fixed-text strong{font-size:14px;}
  .fixed-actions .btn-gold{padding:8px 15px;font-size:13.5px;}
}

/* roulang page: category1 */
:root{
 --red:#8c1f1f;
 --red-deep:#5e1313;
 --red-soft:#a83232;
 --gold:#d4af37;
 --gold-deep:#b8860b;
 --gold-light:#e8c87a;
 --bg:#f7f2e7;
 --bg-alt:#efe6d5;
 --card:#fffdf8;
 --ink:#3a3428;
 --muted:#8a8070;
 --line:rgba(140,31,31,.14);
 --gold-line:rgba(212,175,55,.45);
 --r:10px;
 --r-lg:16px;
 --shadow:0 6px 18px rgba(74,44,20,.07);
 --shadow-lg:0 16px 40px rgba(74,44,20,.14);
 --serif:"Noto Serif SC","Songti SC",SimSun,"STSong",serif;
 --sans:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
 margin:0;
 background:var(--bg);
 color:var(--ink);
 font-family:var(--sans);
 font-size:15.5px;
 line-height:1.85;
 letter-spacing:.2px;
 -webkit-font-smoothing:antialiased;
 padding-bottom:74px;
}
img{max-width:100%;display:block;height:auto;}
a{color:var(--gold-deep);text-decoration:none;transition:color .22s ease,border-color .22s ease;}
a:hover{color:var(--red);}
button{font-family:inherit;cursor:pointer;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:800;color:var(--ink);letter-spacing:.5px;margin:0;}
p{margin:0 0 12px;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}
.container{max-width:1200px;padding-left:20px;padding-right:20px;}

/* ---------- 按钮与标签 ---------- */
.btn-gold,.btn-outline-gold{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:11px 24px;border-radius:8px;font-size:15px;font-weight:700;
 border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
 white-space:nowrap;
}
.btn-gold{
 background:linear-gradient(180deg,#e3c257,#d4af37 45%,#b8860b);
 color:#fffaf0;box-shadow:0 8px 20px rgba(184,134,11,.32);
 text-shadow:0 1px 1px rgba(94,19,19,.35);
}
.btn-gold:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,134,11,.42);}
.btn-gold:active{transform:translateY(0);box-shadow:0 5px 14px rgba(184,134,11,.3);}
.btn-outline-gold{background:transparent;color:var(--gold-light);border-color:var(--gold-line);}
.btn-outline-gold:hover{color:#fff;border-color:var(--gold);background:rgba(212,175,55,.14);transform:translateY(-2px);}
.btn-outline-dark{background:transparent;color:var(--red);border:1px solid var(--gold-line);}
.btn-outline-dark:hover{background:rgba(212,175,55,.14);color:var(--red-deep);border-color:var(--gold);transform:translateY(-2px);}
.btn-lg{padding:13px 30px;font-size:16px;}
.tag{
 display:inline-block;font-size:12.5px;line-height:1;padding:6px 11px;border-radius:999px;
 color:var(--red);background:rgba(212,175,55,.16);border:1px solid var(--gold-line);
 margin-right:6px;
}
.tag-gold{color:#5e1313;background:rgba(212,175,55,.9);border-color:rgba(255,255,255,.5);}

/* ---------- 顶部导航 ---------- */
.site-header{
 position:sticky;top:0;z-index:1030;
 background:linear-gradient(180deg,#932222,#741818);
 border-bottom:1px solid rgba(212,175,55,.32);
 box-shadow:0 6px 22px rgba(60,15,15,.28);
}
.header-inner{
 display:flex;align-items:center;gap:16px;min-height:72px;
 max-width:1200px;margin:0 auto;padding:0 20px;
}
.brand{display:flex;align-items:center;gap:11px;flex:none;}
.brand-mark{
 width:42px;height:42px;border-radius:11px;flex:none;
 background:linear-gradient(160deg,#e3c257,#b8860b);
 display:flex;align-items:center;justify-content:center;
 box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.4);
}
.brand-mark svg{width:23px;height:23px;stroke:#5e1313;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.brand-text{
 font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;
 line-height:1.25;letter-spacing:1px;
}
.brand-text em{
 display:block;font-style:normal;font-size:11.5px;letter-spacing:2px;
 color:var(--gold-light);font-weight:400;margin-top:2px;
}
.nav-panel{
 margin-left:auto;display:flex;align-items:center;gap:6px;
 background:rgba(0,0,0,.16);
 border:1px solid rgba(212,175,55,.26);
 border-radius:14px;padding:6px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.nav-card{
 display:block;padding:8px 16px;border-radius:10px;
 font-size:14.5px;color:#f2e2c2;border:1px solid transparent;
 transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}
.nav-card:hover{background:rgba(212,175,55,.16);color:#fff;border-color:rgba(212,175,55,.42);transform:translateY(-1px);}
.nav-card.active{
 background:linear-gradient(180deg,#efd98a,#d4af37);
 color:#5e1313;font-weight:700;border-color:rgba(255,255,255,.35);
 box-shadow:0 6px 14px rgba(212,175,55,.34);
}
.header-cta{margin-left:14px;flex:none;padding:10px 20px;font-size:14.5px;}
.nav-toggle{
 display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;
 background:rgba(0,0,0,.18);border:1px solid rgba(212,175,55,.4);
 align-items:center;justify-content:center;
}
.nav-toggle svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.8;stroke-linecap:round;}
.nav-drawer{display:none;background:linear-gradient(180deg,#7d1b1b,#5e1313);border-top:1px solid rgba(212,175,55,.24);padding:12px 20px 18px;}
.nav-drawer.open{display:block;}
.nav-drawer a{
 display:block;padding:12px 16px;border-radius:10px;color:#f2e2c2;font-size:15px;
 border:1px solid rgba(212,175,55,.18);margin-bottom:8px;background:rgba(0,0,0,.12);
}
.nav-drawer a.active{background:linear-gradient(180deg,#efd98a,#d4af37);color:#5e1313;font-weight:700;border-color:transparent;}
.nav-drawer .drawer-cta{margin-top:4px;width:100%;}

/* ---------- 页首 Hero ---------- */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#8c1f1f 0%,#6f1818 52%,#5e1313 100%);color:#fff;}
.page-hero .hero-bg{
 position:absolute;inset:0;background-image:url('/assets/images/backpic/back-1.webp');
 background-size:cover;background-position:center;opacity:.18;filter:saturate(.85);
}
.page-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:radial-gradient(rgba(212,175,55,.16) 1px,transparent 1px);
 background-size:22px 22px;opacity:.45;
}
.hero-grid{
 position:relative;z-index:2;
 display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:start;
 padding-top:44px;padding-bottom:52px;
}
.crumb{font-size:12.5px;letter-spacing:1.6px;color:#d9bf86;margin-bottom:16px;}
.crumb span{color:var(--gold-light);}
.flash-bar{
 display:flex;flex-wrap:wrap;align-items:center;gap:12px;
 background:rgba(0,0,0,.24);border:1px solid var(--gold-line);
 border-radius:12px;padding:11px 16px;margin-bottom:22px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.flash-bar .flash-label{font-size:13.5px;color:#f3e2bb;font-weight:700;letter-spacing:.5px;}
.flash-bar .flash-label b{color:var(--gold-light);}
.countdown{display:flex;align-items:center;gap:5px;font-family:var(--sans);}
.count-cell{
 min-width:34px;text-align:center;
 background:linear-gradient(180deg,#efd98a,#d4af37);
 color:#5e1313;font-weight:800;font-size:14px;line-height:1;
 border-radius:6px;padding:7px 6px;
 box-shadow:0 4px 10px rgba(0,0,0,.22);
}
.count-sep{color:var(--gold-light);font-weight:700;font-size:14px;}
.flash-bar .flash-btn{padding:8px 16px;font-size:13.5px;border-radius:8px;margin-left:auto;}
.page-hero h1{
 font-size:clamp(27px,3.3vw,42px);line-height:1.32;font-weight:800;letter-spacing:.6px;
 margin:0 0 18px;
 background:linear-gradient(180deg,#fff6d8,#e8c87a 55%,#d4af37);
 -webkit-background-clip:text;background-clip:text;color:transparent;
 text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.hero-sub{color:#ecd9a8;font-size:15.5px;line-height:1.95;max-width:640px;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hero-tags .tag{background:rgba(212,175,55,.18);color:var(--gold-light);border-color:rgba(212,175,55,.5);font-size:13px;padding:7px 13px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;}
.pick-card{
 position:relative;background:var(--card);border:1px solid var(--gold-line);
 border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);
}
.pick-card .pick-cover{position:relative;}
.pick-card .pick-cover img{width:100%;height:186px;object-fit:cover;border-bottom:1px solid var(--gold-line);}
.pick-body{padding:18px 20px 22px;}
.pick-body h3{font-size:19px;line-height:1.5;margin-bottom:8px;color:var(--red-deep);}
.pick-body p{font-size:13.8px;color:var(--muted);line-height:1.8;margin-bottom:14px;}
.pick-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.pick-meta span{
 font-size:12.5px;color:var(--red);background:rgba(212,175,55,.14);
 border:1px solid var(--gold-line);border-radius:999px;padding:5px 11px;
}
.pick-body .btn-gold{width:100%;}
.stamp{
 position:absolute;top:12px;left:12px;z-index:3;
 min-width:42px;height:42px;padding:0 8px;border-radius:8px;
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(160deg,#a83232,#7d1b1b);
 border:2px solid var(--gold);color:#f8e8b8;
 font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:1px;
 box-shadow:0 5px 12px rgba(0,0,0,.24);
}

/* ---------- 通用板块 ---------- */
.section{padding:64px 0;}
.section.alt{background:var(--bg-alt);}
.section.dark{background:linear-gradient(125deg,#8c1f1f,#5e1313);color:#f4e6c8;}
.section.dark h2,.section.dark h3{color:#fff4d6;}
.section-head{
 display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
 border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:30px;
}
.section-head h2{font-size:clamp(22px,2.4vw,30px);position:relative;padding-left:16px;line-height:1.4;}
.section-head h2::before{
 content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:3px;
 background:linear-gradient(180deg,#e3c257,#b8860b);
}
.section-head .lead{font-size:13.8px;color:var(--muted);margin-top:6px;max-width:640px;}
.more-link{font-size:14px;font-weight:700;color:var(--gold-deep);white-space:nowrap;}
.more-link:hover{color:var(--red);}
.more-link::after{content:" ›";}

/* ---------- 要点卡 ---------- */
.value-card{
 position:relative;height:100%;
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
 padding:26px 22px 22px;box-shadow:var(--shadow);
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.value-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.value-card .stamp{position:static;margin-bottom:16px;}
.value-card h3{font-size:18px;margin-bottom:10px;color:var(--red-deep);}
.value-card p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:14px;}
.value-card ul li{
 position:relative;padding-left:16px;font-size:13.8px;color:var(--ink);
 margin-bottom:7px;line-height:1.75;
}
.value-card ul li::before{
 content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:2px;
 background:var(--gold);transform:rotate(45deg);
}

/* ---------- 场景演示 ---------- */
.demo-wrap{
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
 box-shadow:var(--shadow);overflow:hidden;
}
.demo-cover img{width:100%;height:250px;object-fit:cover;border-bottom:1px solid var(--gold-line);}
.demo-body{padding:26px 24px 28px;}
.step-list{counter-reset:step;}
.step-list li{
 counter-increment:step;position:relative;padding:0 0 20px 54px;
 border-left:1px dashed var(--gold-line);margin-left:17px;
}
.step-list li:last-child{border-left-color:transparent;padding-bottom:0;}
.step-list li::before{
 content:counter(step,decimal-leading-zero);
 position:absolute;left:-17px;top:0;width:34px;height:34px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(160deg,#e3c257,#b8860b);color:#fffaf0;
 font-size:13px;font-weight:800;box-shadow:0 5px 12px rgba(184,134,11,.32);
}
.step-list h4{font-size:15.5px;margin-bottom:4px;color:var(--red-deep);}
.step-list p{font-size:13.8px;color:var(--muted);margin:0;line-height:1.8;}
.demo-side{
 background:rgba(212,175,55,.08);border:1px solid var(--gold-line);
 border-radius:var(--r);padding:20px 20px 18px;height:100%;
}
.demo-side h3{font-size:17px;margin-bottom:12px;color:var(--red-deep);}
.demo-side .num-row{
 display:flex;justify-content:space-between;align-items:baseline;
 padding:9px 0;border-bottom:1px dashed var(--gold-line);font-size:13.8px;color:var(--muted);
}
.demo-side .num-row:last-child{border-bottom:none;}
.demo-side .num-row b{color:var(--gold-deep);font-size:17px;font-weight:800;font-family:var(--serif);}

/* ---------- 数据条与读者反馈 ---------- */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:34px;}
.kpi-item{
 background:rgba(255,255,255,.07);border:1px solid rgba(212,175,55,.34);
 border-radius:var(--r);padding:18px 16px;text-align:center;
 transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.kpi-item:hover{transform:translateY(-3px);background:rgba(212,175,55,.14);border-color:var(--gold);}
.kpi-item b{
 display:block;font-family:var(--serif);font-size:28px;line-height:1.2;
 color:var(--gold-light);font-weight:800;
}
.kpi-item span{font-size:13px;color:#e2cfa2;}
.voice-card{
 background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.3);
 border-radius:var(--r);padding:20px 20px 18px;height:100%;
 transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.voice-card:hover{transform:translateY(-4px);border-color:var(--gold);background:rgba(212,175,55,.1);}
.voice-card p{font-size:14px;line-height:1.9;color:#f0e2c4;margin-bottom:14px;}
.voice-card .who{display:flex;align-items:center;gap:10px;font-size:13px;color:#d8c295;}
.voice-card .who i{
 width:32px;height:32px;border-radius:50%;flex:none;font-style:normal;
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(160deg,#e3c257,#b8860b);color:#5e1313;font-weight:800;font-size:13px;
}

/* ---------- 卡点列表 ---------- */
.trouble-list li{
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
 padding:16px 18px;margin-bottom:12px;box-shadow:var(--shadow);
 transition:transform .22s ease,border-color .22s ease;
}
.trouble-list li:hover{transform:translateY(-3px);border-color:var(--gold);}
.trouble-list h4{font-size:15.5px;color:var(--red-deep);margin-bottom:6px;}
.trouble-list p{font-size:13.8px;color:var(--muted);margin:0;line-height:1.8;}
.trouble-list .fix{color:var(--gold-deep);font-weight:700;}
.trouble-figure{
 border:1px solid var(--gold-line);border-radius:var(--r-lg);overflow:hidden;
 box-shadow:var(--shadow);height:100%;
}
.trouble-figure img{width:100%;height:100%;min-height:280px;object-fit:cover;}

/* ---------- 对照表 ---------- */
.compare-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);
 border:1px solid var(--gold-line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);}
.compare-table th,.compare-table td{padding:14px 18px;font-size:14px;line-height:1.8;border-bottom:1px solid var(--line);vertical-align:top;}
.compare-table thead th{
 background:linear-gradient(180deg,#8c1f1f,#6f1818);color:#f6e6c0;
 font-family:var(--serif);font-size:14.5px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid var(--gold-line);
}
.compare-table tbody th{width:26%;color:var(--red-deep);font-family:var(--serif);font-size:14.5px;text-align:left;}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none;}
.compare-table tbody tr:hover td,.compare-table tbody tr:hover th{background:rgba(212,175,55,.09);}
.compare-table .bad{color:var(--muted);}
.compare-table .good{color:var(--ink);}

/* ---------- 资讯卡片 ---------- */
.note-card{
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
 overflow:hidden;box-shadow:var(--shadow);height:100%;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
 display:flex;flex-direction:column;
}
.note-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.note-card .note-cover{position:relative;}
.note-card .note-cover img{width:100%;height:168px;object-fit:cover;border-bottom:1px solid var(--gold-line);}
.note-card .note-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.note-card h3{font-size:17px;line-height:1.55;margin-bottom:8px;color:var(--red-deep);}
.note-card p{font-size:13.8px;color:var(--muted);line-height:1.85;margin-bottom:14px;flex:1;}
.note-card .note-foot{display:flex;align-items:center;justify-content:space-between;font-size:12.8px;color:var(--muted);}
.note-card .note-foot a{font-weight:700;color:var(--gold-deep);}

/* ---------- 更新记录与标签 ---------- */
.log-list li{
 display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed var(--gold-line);
}
.log-list li:last-child{border-bottom:none;}
.log-list .log-no{
 flex:none;font-family:var(--serif);font-weight:800;font-size:14px;
 color:var(--gold-deep);min-width:56px;
}
.log-list h4{font-size:15px;margin-bottom:3px;color:var(--red-deep);}
.log-list p{font-size:13.6px;color:var(--muted);margin:0;line-height:1.8;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.tag-cloud a{
 display:inline-block;font-size:13.5px;padding:8px 15px;border-radius:999px;
 background:var(--card);border:1px solid var(--gold-line);color:var(--ink);
 transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}
.tag-cloud a:hover{background:rgba(212,175,55,.2);color:var(--red-deep);border-color:var(--gold);transform:translateY(-2px);}

/* ---------- FAQ ---------- */
.faq-item{
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
 margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden;
 transition:border-color .22s ease,box-shadow .22s ease;
}
.faq-item[open]{border-color:var(--gold);box-shadow:var(--shadow-lg);}
.faq-item summary{
 list-style:none;cursor:pointer;padding:16px 50px 16px 20px;position:relative;
 font-family:var(--serif);font-size:15.5px;font-weight:700;color:var(--red-deep);
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
 content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
 font-size:20px;font-weight:400;color:var(--gold-deep);line-height:1;
}
.faq-item[open] summary::after{content:"−";}
.faq-item .faq-body{padding:0 20px 18px;font-size:14px;color:var(--muted);line-height:1.9;border-top:1px dashed var(--gold-line);padding-top:14px;}

/* ---------- 保障条 ---------- */
.guard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.guard-item{
 border:1px solid var(--gold-line);border-radius:var(--r);
 background:rgba(255,255,255,.08);padding:20px 18px;
 transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.guard-item:hover{transform:translateY(-3px);border-color:var(--gold);background:rgba(212,175,55,.13);}
.guard-item h4{font-size:15.5px;color:#fff2d2;margin-bottom:6px;}
.guard-item p{font-size:13.6px;color:#e2cfa2;line-height:1.8;margin:0;}

/* ---------- 领取区 ---------- */
.claim-panel{
 display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
 padding:32px 32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;
}
.claim-panel::before{
 content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
 background:linear-gradient(180deg,#e3c257,#b8860b);
}
.claim-panel h2{font-size:clamp(21px,2.3vw,27px);margin-bottom:10px;color:var(--red-deep);}
.claim-panel p{font-size:14.2px;color:var(--muted);line-height:1.9;margin-bottom:0;}
.claim-side{text-align:center;}
.claim-side .claim-num{
 font-family:var(--serif);font-size:34px;font-weight:800;color:var(--gold-deep);line-height:1.2;
}
.claim-side .claim-num span{font-size:14px;color:var(--muted);font-weight:400;display:block;margin-top:4px;}
.claim-side .btn-gold{width:100%;margin-top:14px;}

/* ---------- 底部固定转化条 ---------- */
.sticky-cta{
 position:fixed;left:0;right:0;bottom:0;z-index:1040;
 background:linear-gradient(180deg,#7d1b1b,#5e1313);
 border-top:1px solid var(--gold);
 box-shadow:0 -8px 26px rgba(60,15,15,.3);
}
.sticky-inner{
 display:flex;align-items:center;gap:16px;
 max-width:1200px;margin:0 auto;padding:12px 20px;
}
.sticky-inner .sticky-text{font-size:14px;color:#f0e0bd;line-height:1.6;}
.sticky-inner .sticky-text b{color:var(--gold-light);font-family:var(--serif);font-size:15.5px;}
.sticky-inner .btn-gold{margin-left:auto;padding:10px 22px;font-size:14px;flex:none;}

/* ---------- 页脚 ---------- */
.site-footer{
 background:linear-gradient(180deg,#7d1b1b,#5e1313);color:#e9d7ad;
 border-top:1px solid var(--gold);margin-top:0;padding:52px 0 24px;
}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;}
.footer-brand .brand-text{font-size:20px;color:#fff4d6;margin-bottom:12px;letter-spacing:1.4px;}
.footer-brand p{font-size:13.6px;color:#d9c59a;line-height:1.9;margin:0;max-width:330px;}
.footer-col h4{
 font-size:15px;color:var(--gold-light);margin-bottom:14px;
 font-family:var(--serif);letter-spacing:1px;
}
.footer-col ul li{margin-bottom:9px;}
.footer-col ul li a{font-size:13.8px;color:#ddcaa2;}
.footer-col ul li a:hover{color:var(--gold-light);text-decoration:underline;text-underline-offset:4px;}
.footer-bottom{
 margin-top:34px;padding-top:18px;border-top:1px solid rgba(212,175,55,.28);
 display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;
 font-size:12.6px;color:#c9b58c;line-height:1.8;
}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
 .hero-grid{grid-template-columns:1fr;gap:30px;padding-top:34px;padding-bottom:40px;}
 .kpi-grid{grid-template-columns:repeat(2,1fr);}
 .footer-grid{grid-template-columns:1fr 1fr;gap:26px;}
 .claim-panel{grid-template-columns:1fr;gap:22px;padding:26px 22px;}
 .claim-side{text-align:left;}
 .section{padding:52px 0;}
 .demo-cover img{height:210px;}
}
@media (max-width:768px){
 .nav-panel,.header-cta{display:none;}
 .nav-toggle{display:flex;}
 .header-inner{min-height:64px;}
 .brand-text{font-size:16.5px;}
 .section{padding:44px 0;}
 .section-head{flex-direction:column;align-items:flex-start;gap:8px;}
 .value-card{padding:22px 18px;}
 .guard-grid{grid-template-columns:1fr;}
 .kpi-item b{font-size:24px;}
 .compare-table th,.compare-table td{padding:12px 13px;font-size:13.2px;}
 .compare-table tbody th{width:34%;}
 .trouble-figure img{min-height:220px;}
 .flash-bar .flash-btn{margin-left:0;width:100%;}
 .sticky-inner{padding:10px 16px;gap:10px;}
 .sticky-inner .sticky-text{font-size:12.8px;}
 .sticky-inner .btn-gold{padding:9px 16px;font-size:13px;}
 body{padding-bottom:88px;}
}
@media (max-width:520px){
 .container{padding-left:15px;padding-right:15px;}
 .hero-grid{padding-top:26px;padding-bottom:32px;}
 .page-hero h1{font-size:25px;line-height:1.35;}
 .hero-sub{font-size:14.2px;}
 .hero-actions .btn-gold,.hero-actions .btn-outline-gold{width:100%;}
 .kpi-grid{grid-template-columns:1fr 1fr;gap:10px;}
 .footer-grid{grid-template-columns:1fr;gap:22px;}
 .footer-bottom{justify-content:flex-start;font-size:12px;}
 .pick-card .pick-cover img{height:160px;}
 .demo-body{padding:20px 16px 22px;}
 .step-list li{padding-left:46px;}
 .sticky-inner .sticky-text{display:none;}
 .sticky-inner .btn-gold{margin-left:0;width:100%;}
 .note-card .note-cover img{height:150px;}
}

/* roulang page: category2 */
:root{
 --red:#8c1f1f;
 --red-deep:#5e1313;
 --red-soft:#a83232;
 --gold:#d4af37;
 --gold-deep:#b8860b;
 --gold-light:#e8c87a;
 --bg:#f7f2e7;
 --bg-alt:#efe6d5;
 --card:#fffdf8;
 --ink:#3a3428;
 --muted:#8a8070;
 --line:rgba(140,31,31,.14);
 --gold-line:rgba(212,175,55,.45);
 --r:10px;
 --r-lg:16px;
 --shadow:0 6px 18px rgba(74,44,20,.07);
 --shadow-lg:0 16px 40px rgba(74,44,20,.14);
 --serif:"Noto Serif SC","Songti SC",SimSun,"STSong",serif;
 --sans:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
 margin:0;padding-bottom:76px;
 background:var(--bg);color:var(--ink);
 font-family:var(--sans);font-size:15.5px;line-height:1.85;letter-spacing:.2px;
 -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto;}
a{color:var(--gold-deep);text-decoration:none;transition:color .22s ease,border-color .22s ease;}
a:hover{color:var(--red);}
p{margin:0 0 14px;}
h1,h2,h3,h4{font-family:var(--serif);color:var(--red);letter-spacing:.5px;line-height:1.4;}
ul{padding-left:0;}
button{font-family:inherit;cursor:pointer;}
.container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;}
::selection{background:rgba(212,175,55,.35);color:var(--red-deep);}

/* ---------- 按钮 ---------- */
.btn-gold,.btn-outline-gold{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:11px 24px;border-radius:8px;font-size:15px;font-weight:700;
 border:1px solid transparent;white-space:nowrap;text-align:center;
 transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
.btn-gold{
 background:linear-gradient(180deg,#e3c257,#d4af37 45%,#b8860b);
 color:#fffaf0;box-shadow:0 8px 20px rgba(184,134,11,.32);
 text-shadow:0 1px 1px rgba(94,19,19,.35);
}
.btn-gold:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,134,11,.42);}
.btn-gold:active{transform:translateY(0);box-shadow:0 5px 14px rgba(184,134,11,.3);}
.btn-gold:focus-visible{outline:3px solid rgba(212,175,55,.55);outline-offset:2px;}
.btn-outline-gold{background:transparent;color:var(--gold-deep);border-color:var(--gold-line);}
.btn-outline-gold:hover{color:var(--red);border-color:var(--gold);background:rgba(212,175,55,.14);transform:translateY(-2px);}
.btn-outline-gold:focus-visible{outline:3px solid rgba(212,175,55,.45);outline-offset:2px;}
.btn-lg{padding:13px 30px;font-size:16px;}
.tag{
 display:inline-block;font-size:12.5px;line-height:1;padding:6px 11px;border-radius:999px;
 color:var(--red);background:rgba(212,175,55,.16);border:1px solid var(--gold-line);
 margin:0 6px 8px 0;
}
.tag:hover{background:rgba(212,175,55,.3);color:var(--red-deep);}

/* ---------- 顶部导航 ---------- */
.site-header{
 position:sticky;top:0;z-index:1030;
 background:linear-gradient(180deg,#932222,#741818);
 border-bottom:1px solid rgba(212,175,55,.32);
 box-shadow:0 6px 22px rgba(60,15,15,.28);
}
.header-inner{
 display:flex;align-items:center;gap:16px;min-height:72px;
 max-width:1200px;margin:0 auto;padding:0 20px;
}
.brand{display:flex;align-items:center;gap:11px;flex:none;text-decoration:none;}
.brand-mark{
 width:42px;height:42px;border-radius:11px;flex:none;
 background:linear-gradient(160deg,#e3c257,#b8860b);
 display:flex;align-items:center;justify-content:center;
 box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.4);
}
.brand-mark svg{width:23px;height:23px;stroke:#5e1313;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.brand-text{
 font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;
 line-height:1.25;letter-spacing:1px;
}
.brand-text em{
 display:block;font-style:normal;font-size:11.5px;letter-spacing:2px;
 color:var(--gold-light);font-weight:400;margin-top:2px;
}
.nav-panel{
 margin-left:auto;display:flex;align-items:center;gap:6px;
 background:rgba(0,0,0,.16);
 border:1px solid rgba(212,175,55,.26);
 border-radius:14px;padding:6px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.nav-card{
 display:block;padding:8px 16px;border-radius:10px;
 font-size:14.5px;color:#f2e2c2;border:1px solid transparent;
 transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}
.nav-card:hover{background:rgba(212,175,55,.16);color:#fff;border-color:rgba(212,175,55,.42);transform:translateY(-1px);}
.nav-card.active{
 background:linear-gradient(180deg,#efd98a,#d4af37);
 color:#5e1313;font-weight:700;border-color:rgba(255,255,255,.35);
 box-shadow:0 6px 14px rgba(212,175,55,.34);
}
.header-cta{margin-left:14px;flex:none;padding:10px 20px;font-size:14.5px;}
.nav-toggle{
 display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;
 background:rgba(0,0,0,.18);border:1px solid rgba(212,175,55,.4);
 align-items:center;justify-content:center;padding:0;
}
.nav-toggle svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.8;stroke-linecap:round;}
.nav-toggle:focus-visible{outline:3px solid rgba(212,175,55,.5);outline-offset:2px;}
.nav-drawer{display:none;background:linear-gradient(180deg,#7d1b1b,#5e1313);border-top:1px solid rgba(212,175,55,.24);padding:12px 20px 18px;}
.nav-drawer.open{display:block;}
.nav-drawer a{
 display:block;padding:12px 16px;border-radius:10px;color:#f2e2c2;font-size:15px;
 border:1px solid rgba(212,175,55,.18);margin-bottom:8px;background:rgba(0,0,0,.12);
}
.nav-drawer a.active{background:linear-gradient(180deg,#efd98a,#d4af37);color:#5e1313;font-weight:700;border-color:transparent;}
.nav-drawer .drawer-cta{margin-top:4px;width:100%;}

/* ---------- 内页首屏 ---------- */
.page-hero{
 position:relative;overflow:hidden;
 background:linear-gradient(125deg,#8c1f1f 0%,#6f1818 52%,#5e1313 100%);
 color:#fff;padding:56px 0 64px;
}
.page-hero .hero-bg{
 position:absolute;inset:0;background-size:cover;background-position:center;
 opacity:.18;filter:saturate(.85);
}
.page-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:radial-gradient(rgba(212,175,55,.16) 1px,transparent 1px);
 background-size:22px 22px;opacity:.45;
}
.page-hero .container{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
.crumb{font-size:12.5px;color:#dcbf8a;letter-spacing:1px;margin-bottom:16px;}
.crumb a{color:#dcbf8a;}
.crumb a:hover{color:#fff;}
.crumb span{margin:0 8px;opacity:.6;}
.hero-eyebrow{
 display:inline-block;font-size:12.5px;letter-spacing:2.5px;
 color:var(--gold-light);border:1px solid rgba(212,175,55,.5);
 border-radius:999px;padding:6px 15px;background:rgba(0,0,0,.18);
}
.page-hero h1{
 font-size:clamp(27px,3.3vw,40px);
 line-height:1.32;font-weight:800;letter-spacing:.6px;
 margin:18px 0 18px;
 background:linear-gradient(180deg,#fff6d8,#e8c87a 55%,#d4af37);
 -webkit-background-clip:text;background-clip:text;color:transparent;
 text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.hero-sub{color:#ecd9a8;font-size:15.5px;line-height:1.95;max-width:620px;}
.hero-tags{margin-top:22px;}
.hero-tags .tag{background:rgba(0,0,0,.22);color:var(--gold-light);border-color:rgba(212,175,55,.5);}
.hero-tags .tag:hover{background:rgba(212,175,55,.22);color:#fff;}

/* 首屏表单卡 */
.lead-card{
 background:rgba(255,253,248,.98);
 border:1px solid var(--gold);border-radius:var(--r-lg);
 padding:26px 24px;box-shadow:0 20px 50px rgba(40,10,10,.35);
 color:var(--ink);
}
.lead-card h3{font-size:19px;margin:0 0 6px;color:var(--red-deep);}
.lead-card .lead-note{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.7;}
.field{margin-bottom:13px;}
.field label{display:block;font-size:13px;color:#6d6353;margin-bottom:6px;letter-spacing:.5px;}
.form-control,.form-select{
 width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;
 padding:10px 12px;font-size:14.5px;color:var(--ink);font-family:var(--sans);
 transition:border-color .2s ease,box-shadow .2s ease;
}
.form-control:focus,.form-select:focus{
 border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.22);outline:none;
}
.form-control::placeholder{color:#b3a894;}
.lead-card .btn-gold{width:100%;margin-top:6px;}
.form-tip{font-size:12.5px;color:var(--muted);margin:10px 0 0;line-height:1.7;}
.form-msg{
 display:none;margin-top:12px;font-size:13.5px;color:var(--red);
 background:rgba(212,175,55,.16);border:1px solid var(--gold-line);
 border-radius:8px;padding:10px 12px;line-height:1.7;
}
.form-msg.show{display:block;}

/* ---------- 区块 ---------- */
.section{padding:62px 0;position:relative;}
.section-alt{background:var(--bg-alt);}
.section-line{background:linear-gradient(180deg,#fffdf8,#f7f2e7);}
.section-head{
 display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
 margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:16px;
}
.section-head h2{font-size:clamp(21px,2.4vw,27px);margin:0;position:relative;padding-left:16px;}
.section-head h2::before{
 content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:2px;
 background:linear-gradient(180deg,var(--gold),var(--gold-deep));
}
.section-head .head-link{font-size:14px;font-weight:700;white-space:nowrap;color:var(--gold-deep);}
.section-head .head-link:hover{color:var(--red);}
.section-lead{color:var(--muted);font-size:14.5px;max-width:780px;margin:-14px 0 30px;}

/* 数据速览 */
.kpi-strip{
 display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
 padding:26px 22px;box-shadow:var(--shadow);
}
.kpi-item{text-align:left;padding-left:16px;border-left:1px solid var(--line);}
.kpi-item:first-child{border-left:none;padding-left:0;}
.kpi-num{
 font-family:var(--serif);font-size:32px;font-weight:800;line-height:1.1;
 background:linear-gradient(180deg,#e3c257,#b8860b);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kpi-num small{font-size:14px;margin-left:3px;}
.kpi-label{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.6;}

/* 卡片 */
.info-card{
 position:relative;background:var(--card);border:1px solid var(--gold-line);
 border-radius:var(--r);padding:26px 24px;box-shadow:var(--shadow);
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
 height:100%;
}
.info-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.85);box-shadow:var(--shadow-lg);}
.info-card h3{font-size:18.5px;margin:0 0 10px;}
.info-card p{font-size:14.5px;color:#4d4536;margin:0;}
.seal{
 position:absolute;top:-11px;left:20px;
 background:var(--red);color:var(--gold-light);
 border:1px solid var(--gold);border-radius:4px;
 font-family:var(--serif);font-size:12.5px;letter-spacing:1px;
 padding:2px 9px;line-height:1.7;
 box-shadow:0 4px 10px rgba(94,19,19,.28);
}
.card-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;margin-top:14px;}
.card-link:hover{gap:10px;}

/* 栏目矩阵 */
.chan-card{
 display:block;height:100%;background:var(--card);border:1px solid var(--gold-line);
 border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow);
 position:relative;overflow:hidden;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.chan-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.chan-card::before{
 content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
 background:linear-gradient(180deg,var(--gold),var(--gold-deep));
}
.chan-card h3{font-size:18px;margin:0 0 8px;color:var(--red);}
.chan-card p{font-size:14px;color:var(--muted);margin:0 0 10px;}
.chan-now{
 display:inline-block;font-size:12px;letter-spacing:1px;padding:3px 10px;border-radius:999px;
 background:rgba(140,31,31,.1);color:var(--red);border:1px solid rgba(140,31,31,.25);
}

/* 核心技巧：左标题 + 右侧纵向列表 */
.sticky-title{position:sticky;top:96px;}
.sticky-title h2{font-size:clamp(22px,2.6vw,30px);position:relative;padding-left:16px;margin-bottom:14px;}
.sticky-title h2::before{
 content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:2px;
 background:linear-gradient(180deg,var(--gold),var(--gold-deep));
}
.sticky-title p{color:var(--muted);font-size:14.5px;}
.skill-row{
 display:flex;gap:18px;background:var(--card);border:1px solid var(--gold-line);
 border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);margin-bottom:16px;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.skill-row:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.85);box-shadow:var(--shadow-lg);}
.skill-idx{
 flex:none;width:44px;height:44px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 font-family:var(--serif);font-size:18px;font-weight:800;color:#5e1313;
 background:linear-gradient(160deg,#efd98a,#d4af37);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.skill-body h3{font-size:17.5px;margin:0 0 8px;}
.skill-body p{font-size:14.5px;color:#4d4536;margin:0 0 10px;}
.plain-list{list-style:none;margin:0;padding:0;}
.plain-list li{
 position:relative;padding-left:18px;font-size:14px;color:#5b5241;line-height:1.85;
}
.plain-list li::before{
 content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:2px;
 background:var(--gold);transform:rotate(45deg);
}

/* 卡点解法 */
.snag-item{
 border-left:2px solid var(--gold-line);padding:2px 0 2px 18px;margin-bottom:22px;
 transition:border-color .25s ease;
}
.snag-item:hover{border-color:var(--gold);}
.snag-item h3{font-size:16.5px;margin:0 0 6px;}
.snag-item p{font-size:14.5px;color:#4d4536;margin:0;}
.figure-wrap{
 border:2px solid var(--gold-line);border-radius:var(--r-lg);overflow:hidden;
 box-shadow:var(--shadow-lg);background:#2a0d0d;
}
.figure-wrap img{width:100%;object-fit:cover;}
.figure-cap{
 font-size:13px;color:var(--muted);padding:12px 16px;background:var(--card);
 border-top:1px solid var(--gold-line);line-height:1.7;
}

/* 场景三步 */
.step-card{
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
 padding:24px 22px;box-shadow:var(--shadow);height:100%;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.step-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.step-num{
 display:inline-flex;align-items:center;justify-content:center;
 width:34px;height:34px;border-radius:8px;margin-bottom:14px;
 font-family:var(--serif);font-weight:800;font-size:16px;color:#5e1313;
 background:linear-gradient(160deg,#efd98a,#d4af37);
 box-shadow:0 5px 12px rgba(184,134,11,.3);
}
.step-card h3{font-size:17px;margin:0 0 8px;}
.step-card p{font-size:14.3px;color:#4d4536;margin:0;}

/* 对照表 */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);}
.compare-table{
 width:100%;min-width:640px;border-collapse:separate;border-spacing:0;
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);overflow:hidden;
 font-size:14.5px;
}
.compare-table th{
 background:linear-gradient(180deg,#932222,#741818);
 color:#f6e6bd;font-family:var(--serif);font-weight:700;
 padding:14px 16px;letter-spacing:.5px;text-align:left;border-bottom:1px solid rgba(212,175,55,.4);
}
.compare-table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top;color:#4d4536;}
.compare-table tbody tr:hover td{background:rgba(212,175,55,.08);}
.compare-table td:first-child{color:var(--red);font-weight:700;font-family:var(--serif);}
.compare-table .good{color:#5e6b2f;font-weight:700;}
.compare-table .bad{color:#9b2f2f;font-weight:700;}

/* 资讯列表 */
.note-card{
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
 overflow:hidden;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.note-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-lg);}
.note-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#2a0d0d;}
.note-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.note-card:hover .note-thumb img{transform:scale(1.05);}
.note-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.note-body h3{font-size:17px;margin:0;}
.note-body p{font-size:14.2px;color:#4d4536;margin:0;}
.note-meta{font-size:12.5px;color:var(--muted);letter-spacing:.5px;margin-top:auto;padding-top:8px;}
.tag-cloud{margin-top:30px;}
.tag-cloud h4{font-size:15px;color:var(--red-deep);margin:0 0 12px;letter-spacing:1px;}

/* FAQ */
.accordion-item{
 background:var(--card);border:1px solid var(--gold-line)!important;
 border-radius:var(--r)!important;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow);
}
.accordion-button{
 background:var(--card);color:var(--red);
 font-family:var(--serif);font-weight:700;font-size:16px;
 padding:17px 22px;border-radius:var(--r)!important;
}
.accordion-button:not(.collapsed){
 background:rgba(212,175,55,.16);color:var(--red-deep);box-shadow:none;
}
.accordion-button:focus{
 box-shadow:0 0 0 3px rgba(212,175,55,.28);border-color:var(--gold);outline:none;
}
.accordion-button::after{
 filter:sepia(1) saturate(4) hue-rotate(-12deg);
}
.accordion-body{color:#4a4335;font-size:14.6px;padding:0 22px 20px;line-height:1.9;}
.accordion-body p:last-child{margin-bottom:0;}

/* 保障区 */
.assure-band{
 background:linear-gradient(120deg,#8c1f1f,#5e1313);
 border-radius:var(--r-lg);color:#f3e3bd;padding:34px 32px;
 border:1px solid rgba(212,175,55,.45);position:relative;overflow:hidden;
}
.assure-band::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:radial-gradient(rgba(212,175,55,.14) 1px,transparent 1px);
 background-size:20px 20px;opacity:.6;
}
.assure-band .inner{position:relative;z-index:2;}
.assure-band h2{
 color:#f7e7bf;font-size:22px;margin:0 0 10px;
}
.assure-band p{color:#e3cfa4;font-size:14.5px;margin:0 0 20px;max-width:760px;}
.assure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.assure-cell{
 background:rgba(0,0,0,.18);border:1px solid rgba(212,175,55,.35);
 border-radius:var(--r);padding:18px 18px;
}
.assure-cell h4{color:var(--gold-light);font-size:15px;margin:0 0 6px;letter-spacing:1px;}
.assure-cell p{color:#dcc79c;font-size:13.6px;margin:0;}
.timeline{list-style:none;margin:26px 0 0;padding:0;border-left:1px solid rgba(212,175,55,.4);}
.timeline li{
 position:relative;padding:0 0 18px 22px;font-size:14px;color:#e3cfa4;
}
.timeline li::before{
 content:"";position:absolute;left:-5px;top:9px;width:9px;height:9px;border-radius:50%;
 background:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.18);
}
.timeline li strong{color:#f7e7bf;font-family:var(--serif);margin-right:8px;letter-spacing:.5px;}

/* 领取区 */
.claim-wrap{
 display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;
 background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
 padding:34px 32px;box-shadow:var(--shadow-lg);
}
.claim-wrap h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 12px;}
.claim-wrap .claim-desc{font-size:15px;color:#4d4536;margin:0 0 16px;}
.claim-wrap .plain-list li{font-size:14.2px;}
.claim-form .form-control,.claim-form .form-select{margin-bottom:12px;}

/* 底部固定条 */
.sticky-cta{
 position:fixed;left:0;right:0;bottom:0;z-index:1040;
 background:linear-gradient(90deg,#7d1b1b,#5e1313);
 border-top:1px solid rgba(212,175,55,.5);
 padding:12px 0;box-shadow:0 -10px 28px rgba(60,15,15,.3);
}
.sticky-cta .container{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sticky-text{color:#f0dcae;font-size:14px;line-height:1.6;}
.sticky-text strong{color:#fff;font-family:var(--serif);letter-spacing:.5px;margin-right:8px;}
.sticky-cta .btn-gold{padding:9px 22px;font-size:14px;flex:none;}

/* ---------- 页脚 ---------- */
.site-footer{
 background:linear-gradient(180deg,#7d1b1b,#571111);
 color:#e9d9b6;border-top:1px solid var(--gold);
 padding:54px 0 22px;
}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
.footer-brand .brand-text{
 font-family:var(--serif);font-size:19px;color:#fff;letter-spacing:1px;
}
.footer-brand p{color:#d9c69c;font-size:14px;margin-top:12px;line-height:1.9;max-width:340px;}
.footer-col h4{
 font-family:var(--serif);color:var(--gold-light);font-size:15.5px;
 margin:0 0 14px;letter-spacing:1px;
}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col li{margin-bottom:10px;}
.footer-col a{color:#e0cda2;font-size:14px;}
.footer-col a:hover{color:#fff;}
.footer-bottom{
 border-top:1px solid rgba(212,175,55,.28);margin-top:34px;padding-top:16px;
 display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
 color:#d7c39a;font-size:13px;line-height:1.8;
}

/* ---------- 动效 ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
 .reveal{opacity:1;transform:none;transition:none;}
 html{scroll-behavior:auto;}
}

/* ---------- 响应式 ---------- */
@media (max-width:1199.98px){
 .hero-grid{gap:32px;}
}
@media (max-width:991.98px){
 .nav-panel,.header-cta{display:none;}
 .nav-toggle{display:flex;}
 .hero-grid{grid-template-columns:1fr;}
 .sticky-title{position:static;margin-bottom:22px;}
 .kpi-strip{grid-template-columns:repeat(2,1fr);gap:20px;}
 .kpi-item:nth-child(3){border-left:none;padding-left:0;}
 .assure-grid{grid-template-columns:1fr;}
 .claim-wrap{grid-template-columns:1fr;padding:26px 22px;}
 .footer-grid{grid-template-columns:1fr 1fr;gap:26px;}
 .section{padding:52px 0;}
}
@media (max-width:767.98px){
 .page-hero{padding:42px 0 50px;}
 .section-head{flex-direction:column;align-items:flex-start;gap:10px;}
 .lead-card{padding:22px 18px;}
 .skill-row{padding:20px 18px;gap:14px;}
 .assure-band{padding:26px 20px;}
 .footer-grid{grid-template-columns:1fr;}
}
@media (max-width:575.98px){
 body{padding-bottom:118px;}
 .header-inner{min-height:64px;gap:10px;}
 .brand-text{font-size:16px;}
 .brand-text em{font-size:10.5px;letter-spacing:1.4px;}
 .brand-mark{width:38px;height:38px;border-radius:10px;}
 .kpi-strip{grid-template-columns:1fr;padding:22px 18px;}
 .kpi-item{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:14px;}
 .kpi-item:first-child{border-top:none;padding-top:0;}
 .sticky-cta .container{flex-direction:column;align-items:stretch;text-align:center;gap:10px;}
 .sticky-cta .btn-gold{width:100%;}
 .page-hero h1{font-size:25px;}
 .hero-sub{font-size:14.6px;}
 .footer-bottom{flex-direction:column;}
}

/* roulang page: category3 */
:root{
  --red:#8c1f1f;
  --red-deep:#5e1313;
  --red-soft:#a83232;
  --gold:#d4af37;
  --gold-deep:#b8860b;
  --gold-light:#e8c87a;
  --bg:#f7f2e7;
  --bg-alt:#efe6d5;
  --card:#fffdf8;
  --ink:#3a3428;
  --muted:#8a8070;
  --line:rgba(140,31,31,.14);
  --gold-line:rgba(212,175,55,.45);
  --r:10px;
  --r-lg:16px;
  --shadow:0 6px 18px rgba(74,44,20,.07);
  --shadow-lg:0 16px 40px rgba(74,44,20,.14);
  --serif:"Noto Serif SC","Songti SC",SimSun,"STSong",serif;
  --sans:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:15.5px;line-height:1.85;letter-spacing:.2px;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:var(--gold-deep);text-decoration:none;transition:color .22s ease,border-color .22s ease,background .22s ease;}
a:hover{color:var(--red);}
button{font-family:inherit;cursor:pointer;}
h1,h2,h3,h4,h5{font-family:var(--serif);margin:0;color:var(--ink);}
p{margin:0 0 12px;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px;}
.container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;}

/* ---------- 按钮与标签 ---------- */
.btn-gold,
.btn-outline-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 24px;border-radius:8px;font-size:15px;font-weight:700;
  border:1px solid transparent;white-space:nowrap;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
.btn-gold{
  background:linear-gradient(180deg,#e3c257,#d4af37 45%,#b8860b);
  color:#fffaf0;box-shadow:0 8px 20px rgba(184,134,11,.32);
  text-shadow:0 1px 1px rgba(94,19,19,.35);
}
.btn-gold:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,134,11,.42);}
.btn-gold:active{transform:translateY(0);box-shadow:0 5px 14px rgba(184,134,11,.3);}
.btn-outline-gold{background:transparent;color:var(--gold-light);border-color:var(--gold-line);}
.btn-outline-gold:hover{color:#fff;border-color:var(--gold);background:rgba(212,175,55,.14);transform:translateY(-2px);}
.btn-outline-gold.is-ink{color:var(--red);border-color:var(--gold-line);background:#fffdf8;}
.btn-outline-gold.is-ink:hover{color:#fff;background:linear-gradient(180deg,#e3c257,#b8860b);border-color:transparent;}
.btn-lg{padding:13px 30px;font-size:16px;}
.tag{
  display:inline-block;font-size:12.5px;line-height:1;padding:7px 12px;border-radius:999px;
  color:var(--red);background:rgba(212,175,55,.16);border:1px solid var(--gold-line);
}
.num{color:var(--gold-deep);font-weight:800;font-family:var(--serif);}

/* ---------- 顶部导航 ---------- */
.site-header{
  position:sticky;top:0;z-index:1030;
  background:linear-gradient(180deg,#932222,#741818);
  border-bottom:1px solid rgba(212,175,55,.32);
  box-shadow:0 6px 22px rgba(60,15,15,.28);
}
.header-inner{
  display:flex;align-items:center;gap:16px;min-height:72px;
  max-width:1200px;margin:0 auto;padding:0 20px;
}
.brand{display:flex;align-items:center;gap:11px;flex:none;}
.brand-mark{
  width:42px;height:42px;border-radius:11px;flex:none;
  background:linear-gradient(160deg,#e3c257,#b8860b);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.4);
}
.brand-mark svg{width:23px;height:23px;stroke:#5e1313;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.brand-text{
  font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;
  line-height:1.25;letter-spacing:1px;
}
.brand-text em{
  display:block;font-style:normal;font-size:11.5px;letter-spacing:2px;
  color:var(--gold-light);font-weight:400;margin-top:2px;
}
.nav-panel{
  margin-left:auto;display:flex;align-items:center;gap:6px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(212,175,55,.26);
  border-radius:14px;padding:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.nav-card{
  display:block;padding:8px 16px;border-radius:10px;
  font-size:14.5px;color:#f2e2c2;border:1px solid transparent;
  transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}
.nav-card:hover{background:rgba(212,175,55,.16);color:#fff;border-color:rgba(212,175,55,.42);transform:translateY(-1px);}
.nav-card.active{
  background:linear-gradient(180deg,#efd98a,#d4af37);
  color:#5e1313;font-weight:700;border-color:rgba(255,255,255,.35);
  box-shadow:0 6px 14px rgba(212,175,55,.34);
}
.header-cta{margin-left:14px;flex:none;padding:10px 20px;font-size:14.5px;}
.nav-toggle{
  display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;
  background:rgba(0,0,0,.18);border:1px solid rgba(212,175,55,.4);
  align-items:center;justify-content:center;
}
.nav-toggle svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.8;stroke-linecap:round;}
.nav-drawer{
  display:none;
  background:linear-gradient(180deg,#7d1b1b,#5e1313);
  border-top:1px solid rgba(212,175,55,.24);
  padding:12px 20px 18px;
}
.nav-drawer.open{display:block;}
.nav-drawer a{
  display:block;padding:12px 16px;border-radius:10px;color:#f2e2c2;font-size:15px;
  border:1px solid rgba(212,175,55,.18);margin-bottom:8px;background:rgba(0,0,0,.12);
}
.nav-drawer a.active{background:linear-gradient(180deg,#efd98a,#d4af37);color:#5e1313;font-weight:700;border-color:transparent;}
.nav-drawer .drawer-cta{margin-top:4px;width:100%;}

/* ---------- 分类页首屏 ---------- */
.hero-cat{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(125deg,#8c1f1f 0%,#6f1818 52%,#5e1313 100%);
}
.hero-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.18;filter:saturate(.85);
}
.hero-cat::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(212,175,55,.16) 1px,transparent 1px);
  background-size:22px 22px;opacity:.45;
}
.hero-cat-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.18fr .82fr;gap:46px;align-items:center;
  padding-top:58px;padding-bottom:58px;
}
.hero-eyebrow{
  display:inline-block;font-size:12.5px;letter-spacing:2.5px;
  color:var(--gold-light);border:1px solid rgba(212,175,55,.5);
  border-radius:999px;padding:6px 15px;background:rgba(0,0,0,.18);
}
.hero-title{
  font-size:clamp(27px,3.4vw,41px);line-height:1.3;font-weight:800;letter-spacing:.5px;
  margin:18px 0 16px;
  background:linear-gradient(180deg,#fff6d8,#e8c87a 55%,#d4af37);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{color:#ecd9a8;font-size:15.5px;line-height:1.95;max-width:640px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.hero-tags .tag{color:var(--gold-light);background:rgba(0,0,0,.2);border-color:rgba(212,175,55,.45);}
.hero-panel{
  background:rgba(0,0,0,.22);
  border:1px solid rgba(212,175,55,.42);
  border-radius:var(--r-lg);
  padding:22px 22px 18px;
  box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(2px);
}
.panel-head{
  font-family:var(--serif);font-size:16px;font-weight:700;color:var(--gold-light);
  letter-spacing:1.5px;padding-bottom:12px;margin-bottom:6px;
  border-bottom:1px dashed rgba(212,175,55,.4);
}
.panel-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:14px;color:#f0e3c6;}
.panel-list li:last-child{border-bottom:none;}
.panel-list li strong{font-family:var(--serif);font-size:18px;color:var(--gold);font-weight:800;}
.panel-link{display:inline-block;margin-top:10px;font-size:13.5px;color:var(--gold-light);border-bottom:1px solid rgba(212,175,55,.5);}
.panel-link:hover{color:#fff;border-color:#fff;}

/* ---------- 板块通用 ---------- */
.section{padding:64px 0;position:relative;}
.section--alt{background:var(--bg-alt);}
.section--tight{padding:46px 0;}
.section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  margin-bottom:34px;flex-wrap:wrap;
}
.section-title{
  position:relative;padding-left:17px;
  font-size:clamp(21px,2.3vw,29px);font-weight:800;line-height:1.4;letter-spacing:.4px;
}
.section-title::before{
  content:"";position:absolute;left:0;top:.22em;bottom:.22em;width:4px;border-radius:3px;
  background:linear-gradient(180deg,var(--gold),var(--gold-deep));
}
.section-desc{color:var(--muted);font-size:14.5px;margin:9px 0 0;padding-left:17px;max-width:760px;}
.more-link{
  font-size:14px;font-weight:700;color:var(--gold-deep);white-space:nowrap;
  border-bottom:1px solid transparent;padding-bottom:2px;
}
.more-link::after{content:"›";margin-left:5px;font-size:16px;}
.more-link:hover{color:var(--red);border-bottom-color:var(--gold);}

/* ---------- 数据条 ---------- */
.stat-strip{
  background:linear-gradient(180deg,#fffdf8,#f4ecd9);
  border:1px solid var(--gold-line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow);
  padding:28px 12px;
}
.stat-item{text-align:center;padding:6px 10px;border-right:1px dashed var(--line);height:100%;}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:var(--serif);font-size:32px;font-weight:800;color:var(--gold-deep);line-height:1.1;}
.stat-num small{font-size:15px;margin-left:2px;}
.stat-label{margin-top:8px;font-size:13.5px;color:var(--muted);letter-spacing:.5px;}

/* ---------- 赔付阶梯 ---------- */
.ladder{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
  padding:12px 26px 18px;box-shadow:var(--shadow);
}
.ladder-item{
  display:grid;grid-template-columns:96px 1fr 100px;gap:18px;align-items:center;
  padding:16px 0;border-bottom:1px dashed var(--line);
}
.ladder-item:last-child{border-bottom:none;}
.ladder-symbol{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-size:15.5px;font-weight:700;}
.dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(160deg,var(--gold),var(--gold-deep));flex:none;}
.ladder-bar{height:9px;border-radius:99px;background:rgba(140,31,31,.08);overflow:hidden;}
.ladder-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e3c257,#b8860b);}
.ladder-pay{text-align:right;font-family:var(--serif);font-size:17px;font-weight:800;color:var(--red);}
.ladder-pay em{display:block;font-style:normal;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);margin-top:2px;}
.ladder-note{margin-top:18px;font-size:13.5px;color:var(--muted);}
.ladder-aside{
  background:linear-gradient(160deg,#8c1f1f,#5e1313);
  border:1px solid var(--gold-line);border-radius:var(--r-lg);
  padding:26px 24px;color:#f1e0bb;box-shadow:var(--shadow-lg);height:100%;
}
.ladder-aside h3{color:var(--gold-light);font-size:18px;margin-bottom:12px;letter-spacing:.6px;}
.ladder-aside p{font-size:14.5px;color:#e8d8b4;}
.ladder-aside ul li{
  font-size:14px;padding:9px 0 9px 18px;position:relative;color:#f3e6c8;
  border-bottom:1px dashed rgba(212,175,55,.22);
}
.ladder-aside ul li:last-child{border-bottom:none;}
.ladder-aside ul li::before{
  content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;
  background:var(--gold);
}

/* ---------- 金色卡片 ---------- */
.card-gold{
  position:relative;height:100%;
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:32px 22px 26px;box-shadow:var(--shadow);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.card-gold:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.9);box-shadow:var(--shadow-lg);}
.seal{
  position:absolute;top:-11px;left:18px;width:30px;height:30px;border-radius:6px;
  background:linear-gradient(160deg,#a83232,#7a1717);
  border:1px solid var(--gold);color:var(--gold-light);
  font-family:var(--serif);font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(94,19,19,.28);
}
.card-gold h3{font-size:18px;margin-bottom:10px;letter-spacing:.5px;}
.card-gold p{font-size:14.5px;color:#5c5344;line-height:1.9;}
.route-meta{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
  border-top:1px dashed var(--line);
}
.route-meta span{
  font-size:12.5px;color:var(--red);background:rgba(212,175,55,.14);
  border:1px solid var(--gold-line);border-radius:999px;padding:4px 10px;
}

/* ---------- 图文块 ---------- */
.figure-block{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow);
}
.figure-block img{width:100%;height:100%;object-fit:cover;min-height:280px;}
.figure-text{padding:34px 32px;}
.figure-text h3{font-size:21px;margin-bottom:12px;}
.figure-text p{font-size:15px;color:#544b3c;}
.formula{
  margin:18px 0;padding:16px 18px;border-radius:var(--r);
  background:rgba(212,175,55,.12);border:1px dashed var(--gold-line);
  font-family:var(--serif);font-size:15.5px;color:var(--red);line-height:1.8;
}
.tick-list li{
  position:relative;padding:8px 0 8px 26px;font-size:14.5px;color:#544b3c;
}
.tick-list li::before{
  content:"";position:absolute;left:2px;top:16px;width:11px;height:6px;
  border-left:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);
  transform:rotate(-45deg);
}

/* ---------- 误读对照 ---------- */
.myth-item{
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--red-soft);
  border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);height:100%;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.myth-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-left-color:var(--gold);}
.myth-label{
  display:inline-block;font-size:12px;letter-spacing:1px;color:#fff;
  background:linear-gradient(160deg,#a83232,#7a1717);
  border-radius:4px;padding:3px 9px;margin-bottom:10px;
}
.myth-item p{font-size:15px;color:#4d4536;margin-bottom:14px;}
.fact-label{
  display:inline-block;font-size:12px;letter-spacing:1px;color:var(--red);
  background:rgba(212,175,55,.2);border:1px solid var(--gold-line);
  border-radius:4px;padding:3px 9px;margin-bottom:8px;
}
.fact-text{font-size:14.5px;color:var(--muted);margin:0;}

/* ---------- 节奏与资金 ---------- */
.pace-list li{
  display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;
  padding:16px 0;border-bottom:1px dashed var(--line);
}
.pace-list li:last-child{border-bottom:none;}
.pace-idx{
  width:30px;height:30px;border-radius:50%;flex:none;
  background:linear-gradient(160deg,#efd98a,#d4af37);color:#5e1313;
  font-family:var(--serif);font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(212,175,55,.35);
}
.pace-list h4{font-size:16px;margin-bottom:4px;}
.pace-list p{margin:0;font-size:14.5px;color:var(--muted);}
.tip-card{
  background:linear-gradient(160deg,#8c1f1f,#5e1313);
  border:1px solid var(--gold-line);border-radius:var(--r-lg);
  padding:26px 24px;color:#efdfb8;box-shadow:var(--shadow-lg);height:100%;
}
.tip-card h3{color:var(--gold-light);font-size:18px;margin-bottom:12px;}
.tip-card p{font-size:14.5px;color:#e9dab8;}
.tip-card .big-num{font-family:var(--serif);font-size:38px;font-weight:800;color:var(--gold);line-height:1.1;display:block;margin:10px 0 4px;}

/* ---------- 资讯笔记 ---------- */
.note-item{
  display:grid;grid-template-columns:190px 1fr;gap:0;
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--shadow);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.note-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(212,175,55,.9);}
.note-thumb{position:relative;overflow:hidden;background:#e6dbc5;}
.note-thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/11;transition:transform .5s ease;}
.note-item:hover .note-thumb img{transform:scale(1.05);}
.note-body{padding:20px 22px;}
.note-body h3{font-size:17px;margin-bottom:8px;}
.note-body p{font-size:14px;color:var(--muted);margin-bottom:12px;}
.note-tags{display:flex;gap:8px;flex-wrap:wrap;}
.note-tags span{
  font-size:12px;color:var(--red);border:1px solid var(--gold-line);
  background:rgba(212,175,55,.14);border-radius:999px;padding:3px 10px;
}

/* ---------- FAQ ---------- */
.faq-item{
  background:var(--card);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:0 22px;box-shadow:var(--shadow);
}
.faq-item + .faq-item{margin-top:14px;}
.faq-item summary{
  list-style:none;cursor:pointer;padding:18px 0;
  font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+";font-family:var(--sans);font-size:22px;line-height:1;
  color:var(--gold-deep);transition:transform .25s ease;
}
.faq-item[open] summary{color:var(--red);}
.faq-item[open] summary::after{content:"–";}
.faq-item p{padding-bottom:18px;margin:0;font-size:14.5px;color:var(--muted);}

/* ---------- 底部转化条 ---------- */
.cta-band{
  background:linear-gradient(120deg,#8c1f1f,#5e1313);
  border:1px solid var(--gold-line);border-radius:var(--r-lg);
  padding:38px 36px;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  box-shadow:var(--shadow-lg);position:relative;overflow:hidden;
}
.cta-band::after{
  content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.28),transparent 70%);
}
.cta-band h2{color:var(--gold-light);font-size:clamp(20px,2.3vw,26px);margin-bottom:8px;position:relative;z-index:2;}
.cta-band p{color:#e9dab8;font-size:14.5px;margin:0;position:relative;z-index:2;max-width:640px;}
.cta-band .btn-gold{position:relative;z-index:2;}

/* ---------- 页脚 ---------- */
.site-footer{
  background:linear-gradient(180deg,#7a1b1b,#5e1313);
  border-top:1px solid rgba(212,175,55,.5);
  color:#e8d8b4;padding:52px 0 0;margin-top:0;
}
.footer-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:38px;
}
.footer-brand .brand-text{
  font-family:var(--serif);font-size:20px;color:#fff;font-weight:700;letter-spacing:1px;
  margin-bottom:12px;
}
.footer-brand p{font-size:14px;color:#dcc9a2;line-height:1.9;margin:0;max-width:340px;}
.footer-col h4{
  font-size:15px;color:var(--gold-light);margin-bottom:14px;letter-spacing:1.2px;font-weight:700;
}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:14px;color:#e2d0aa;}
.footer-col ul li a:hover{color:var(--gold);}
.footer-bottom{
  border-top:1px solid rgba(212,175,55,.24);
  padding:18px 0 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:13px;color:#c9b489;
}

/* ---------- 动效 ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;}
.reveal.is-visible{opacity:1;transform:none;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hero-cat-inner{grid-template-columns:1fr;gap:32px;padding-top:44px;padding-bottom:46px;}
  .hero-sub{max-width:none;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px;}
  .figure-content,.figure-block .row{--bs-gutter-x:0;}
  .figure-block img{min-height:240px;}
}
@media (max-width:991px){
  .nav-panel,.header-cta{display:none;}
  .nav-toggle{display:flex;}
  .section{padding:52px 0;}
  .ladder-item{grid-template-columns:82px 1fr 84px;gap:12px;}
  .figure-text{padding:26px 22px;}
}
@media (max-width:768px){
  .header-inner{min-height:64px;}
  .brand-mark{width:38px;height:38px;border-radius:10px;}
  .brand-text{font-size:16.5px;}
  .brand-text em{font-size:10.5px;letter-spacing:1.4px;}
  .hero-title{font-size:26px;}
  .hero-actions .btn-gold,.hero-actions .btn-outline-gold{flex:1 1 auto;}
  .stat-item{border-right:none;border-bottom:1px dashed var(--line);padding:14px 6px;}
  .stat-item:last-child{border-bottom:none;}
  .note-item{grid-template-columns:1fr;}
  .note-thumb img{aspect-ratio:16/9;}
  .cta-band{padding:28px 22px;flex-direction:column;align-items:flex-start;}
  .cta-band .btn-gold{width:100%;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;}
  .section-head{align-items:flex-start;}
}
@media (max-width:520px){
  body{font-size:15px;}
  .hero-cat-inner{padding-top:34px;padding-bottom:38px;}
  .hero-title{font-size:23px;line-height:1.35;}
  .hero-panel{padding:18px 16px 14px;}
  .panel-list li strong{font-size:16px;}
  .ladder{padding:8px 16px 14px;}
  .ladder-item{grid-template-columns:1fr;gap:8px;padding:14px 0;}
  .ladder-pay{text-align:left;}
  .card-gold{padding:28px 18px 22px;}
  .section{padding:44px 0;}
  .stat-num{font-size:26px;}
  .btn-lg{padding:12px 20px;font-size:15px;}
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  *{animation-duration:.001s !important;transition-duration:.001s !important;}
}

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}