/* roulang page: index */
:root{
  --ink:#1a1f3d;
  --ink-2:#232a52;
  --ink-3:#2d3568;
  --gold:#ffb400;
  --gold-2:#ffd05a;
  --gold-deep:#ff8a00;
  --neon:#37e0c8;
  --bg:#f5f6fb;
  --surface:#ffffff;
  --text:#1c2033;
  --muted:#5d6480;
  --line:#e3e6f2;
  --radius:12px;
  --radius-lg:18px;
  --shadow-sm:0 2px 10px rgba(26,31,61,.06);
  --shadow-md:0 10px 30px rgba(26,31,61,.10);
  --shadow-lg:0 18px 50px rgba(26,31,61,.18);
  --container:1200px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  padding-bottom:76px;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease;}
h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0;}
ul,ol{padding-left:0;list-style:none;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input{font:inherit;}
:focus-visible{outline:3px solid var(--neon);outline-offset:2px;border-radius:4px;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

/* ============ 顶部工具条 ============ */
.topbar{background:#111530;color:#9aa4c8;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 3px rgba(55,224,200,.18);flex:none;}
.topbar-right{display:flex;align-items:center;gap:18px;white-space:nowrap;}
.topbar-right span{color:#7d87ad;}

/* ============ 主导航 ============ */
.site-header{position:sticky;top:0;z-index:60;}
.navbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 3px 20px rgba(10,14,40,.28);}
.navbar .container{display:flex;align-items:center;gap:26px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.brand-mark{
  width:36px;height:36px;border-radius:10px;flex:none;
  background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-deep));
  color:#241a00;font-weight:900;font-size:16px;display:grid;place-items:center;
  box-shadow:0 5px 16px rgba(255,180,0,.35);
}
.main-nav{display:flex;align-items:center;gap:2px;}
.main-nav a{position:relative;padding:9px 15px;font-size:15px;font-weight:500;color:#c3cbe7;border-radius:8px;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.main-nav a.active{color:var(--gold-2);font-weight:700;}
.main-nav a.active::after{
  content:"";position:absolute;left:15px;right:15px;bottom:1px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.nav-search{
  display:flex;align-items:center;gap:4px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:4px 4px 4px 15px;
}
.nav-search input{width:138px;background:none;border:0;outline:none;color:#fff;font-size:13px;}
.nav-search input::placeholder{color:#8b93b5;}
.nav-search button{
  padding:6px 15px;border-radius:999px;font-size:13px;font-weight:700;color:#241a00;
  background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.nav-search button:hover{filter:brightness(1.06);}
.nav-toggle{display:none;width:42px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;align-items:center;justify-content:center;}
.mobile-nav{display:none;background:#161b38;border-top:1px solid rgba(255,255,255,.08);padding:10px 0 16px;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:12px 24px;color:#c3cbe7;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-nav a:hover{color:#fff;background:rgba(255,255,255,.06);}
.mobile-nav a.active{color:var(--gold-2);font-weight:700;}

/* ============ 按钮 ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;
  border:1px solid transparent;white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold) 48%,var(--gold-deep));color:#241a00;box-shadow:0 8px 22px rgba(255,180,0,.34);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,180,0,.46);}
.btn-gold:active{transform:translateY(0);}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.07);}
.btn-ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);}
.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm);}
.btn-dark:hover{background:var(--ink-3);transform:translateY(-2px);}
.btn-sm{padding:9px 18px;font-size:14px;border-radius:9px;}

/* ============ Hero ============ */
.hero{
  position:relative;color:#fff;overflow:hidden;
  background:
    linear-gradient(112deg,rgba(15,18,44,.95) 0%,rgba(26,31,61,.9) 42%,rgba(45,53,104,.72) 100%),
    url('/assets/images/backpic/back-1.webp') center/cover no-repeat;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 84% 16%,rgba(55,224,200,.20),transparent 46%),
             radial-gradient(circle at 12% 92%,rgba(255,180,0,.16),transparent 44%);
}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.28fr .82fr;gap:54px;align-items:center;padding:66px 0 74px;}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
  background:rgba(255,180,0,.14);border:1px solid rgba(255,180,0,.45);
  color:var(--gold-2);font-size:13px;font-weight:600;letter-spacing:.02em;
}
.hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(255,180,0,.2);}
.hero h1{font-size:clamp(28px,3.5vw,46px);line-height:1.25;font-weight:900;margin:20px 0 16px;letter-spacing:-.01em;}
.hero h1 .hl{color:var(--gold);}
.hero-sub{font-size:17px;font-weight:600;color:#d3daf1;margin-bottom:14px;}
.hero-desc{font-size:15px;line-height:1.9;color:#a7b1d3;margin-bottom:28px;max-width:660px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px;}
.hero-stats{display:flex;flex-wrap:wrap;gap:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);}
.hero-stat b{display:block;font-size:24px;font-weight:800;color:#fff;line-height:1.3;}
.hero-stat span{font-size:13px;color:#98a2c6;}

.hero-panel{
  background:rgba(15,18,44,.74);border:1px solid rgba(255,255,255,.15);
  border-radius:var(--radius-lg);padding:26px 24px;box-shadow:var(--shadow-lg);
  backdrop-filter:blur(10px);
}
.hero-panel .panel-tag{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--neon);margin-bottom:10px;}
.hero-panel .panel-title{font-size:17px;font-weight:800;color:#fff;line-height:1.5;margin-bottom:18px;}
.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.cd-cell{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 4px;text-align:center;}
.cd-cell b{display:block;font-size:23px;font-weight:800;color:var(--gold);line-height:1.25;font-variant-numeric:tabular-nums;}
.cd-cell span{font-size:12px;color:#98a2c6;}
.panel-list{margin-top:18px;}
.panel-list li{display:flex;gap:10px;font-size:14px;color:#c2cae8;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.13);line-height:1.6;}
.panel-list li:last-child{border-bottom:0;padding-bottom:0;}
.panel-list li em{font-style:normal;color:var(--gold);font-weight:700;flex:none;}

/* ============ 板块基础 ============ */
.section{padding:76px 0;}
.section-tight{padding:60px 0;}
.section-white{background:var(--surface);}
.section-dark{background:linear-gradient(158deg,#161b38 0%,#232a52 58%,#1a1f3d 100%);color:#fff;}
.section-head{max-width:780px;margin-bottom:42px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#b87f00;}
.eyebrow::before{content:"";width:20px;height:2px;border-radius:2px;background:currentColor;}
.section-dark .eyebrow{color:var(--gold);}
.section-title{font-size:clamp(23px,2.5vw,32px);font-weight:800;color:var(--ink);line-height:1.35;margin:12px 0 14px;letter-spacing:-.01em;}
.section-dark .section-title{color:#fff;}
.section-desc{font-size:15px;line-height:1.9;color:var(--muted);}
.section-dark .section-desc{color:#a7b1d3;}

/* ============ 卡片 ============ */
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);padding:28px 26px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#d5dcef;}
.card-num{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(255,180,0,.18),rgba(255,180,0,.06));
  border:1px solid rgba(255,180,0,.4);color:#b87f00;font-weight:800;font-size:15px;margin-bottom:16px;
}
.card h3{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:10px;line-height:1.5;}
.card p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}

/* ============ 数据条 ============ */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.stat-item{
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);padding:26px 22px;text-align:center;
  transition:background .2s ease,transform .2s ease;
}
.stat-item:hover{background:rgba(255,255,255,.09);transform:translateY(-3px);}
.stat-item b{display:block;font-size:34px;font-weight:900;line-height:1.2;color:var(--gold);font-variant-numeric:tabular-nums;}
.stat-item span{display:block;margin-top:6px;font-size:14px;color:#b6bfdf;}
.stat-item small{display:block;margin-top:8px;font-size:12.5px;color:#8d97bd;line-height:1.6;}

/* ============ 机制拆解 ============ */
.mech-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:46px;align-items:center;}
.mech-figure{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line);}
.mech-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.mech-figure figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:16px 20px;
  background:linear-gradient(to top,rgba(15,18,44,.92),rgba(15,18,44,0));
  color:#e6ebfa;font-size:13.5px;font-weight:600;
}
.mech-list li{
  display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);
}
.mech-list li:last-child{border-bottom:0;}
.mech-list .idx{
  flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:var(--ink);color:var(--gold-2);font-size:13px;font-weight:800;
}
.mech-list h4{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:6px;}
.mech-list p{font-size:14px;color:var(--muted);line-height:1.8;}

/* ============ 分类入口墙 ============ */
.channel-card{
  position:relative;display:block;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px 26px 26px;box-shadow:var(--shadow-sm);
  overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.channel-card::before{
  content:"";position:absolute;left:0;top:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.channel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#d5dcef;}
.channel-card .ch-label{font-size:12px;font-weight:800;letter-spacing:.12em;color:#b87f00;margin-bottom:10px;}
.channel-card h3{font-size:19px;font-weight:800;color:var(--ink);margin-bottom:10px;}
.channel-card p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:18px;}
.channel-card .ch-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#8b93b5;border-top:1px dashed var(--line);padding-top:14px;}
.channel-card .ch-meta strong{color:var(--ink);font-weight:800;}
.channel-card .ch-arrow{color:var(--gold-deep);font-weight:800;}

/* ============ 横滑物料 ============ */
.track-wrap{position:relative;}
.track{
  display:flex;gap:20px;overflow-x:auto;padding:6px 4px 18px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
}
.track::-webkit-scrollbar{height:7px;}
.track::-webkit-scrollbar-track{background:#e9ecf7;border-radius:8px;}
.track::-webkit-scrollbar-thumb{background:#c3cbe7;border-radius:8px;}
.track::-webkit-scrollbar-thumb:hover{background:var(--ink-3);}
.material{flex:0 0 268px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;}
.material:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.material .thumb{position:relative;}
.material .thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.material .tag{
  position:absolute;left:12px;top:12px;padding:4px 11px;border-radius:999px;
  font-size:12px;font-weight:800;color:#241a00;
  background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.material .m-body{padding:18px 18px 20px;}
.material h4{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:8px;line-height:1.55;}
.material p{font-size:13.5px;color:var(--muted);line-height:1.75;}
.material .m-foot{margin-top:12px;font-size:12.5px;color:#8b93b5;display:flex;gap:12px;}

/* ============ 结算说明 ============ */
.settle{display:grid;grid-template-columns:repeat(2,1fr);gap:0 44px;}
.settle-row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);}
.settle-row .k{flex:0 0 108px;font-size:14px;font-weight:800;color:var(--ink);}
.settle-row .v{font-size:14px;color:var(--muted);line-height:1.8;}
.settle-note{
  margin-top:30px;padding:18px 22px;border-radius:var(--radius);
  background:#fff8e8;border:1px solid #ffe1a8;color:#8a6100;font-size:13.5px;line-height:1.8;
}

/* ============ 案例 ============ */
.case-card{position:relative;padding-top:34px;}
.case-card::before{
  content:"“";position:absolute;right:24px;top:10px;font-size:64px;line-height:1;
  color:rgba(255,180,0,.28);font-family:Georgia,serif;
}
.case-top{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.avatar{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--ink-2),var(--ink-3));color:var(--gold-2);
  font-size:15px;font-weight:800;
}
.case-top b{display:block;font-size:15px;color:var(--ink);font-weight:800;}
.case-top span{font-size:12.5px;color:#8b93b5;}
.case-card p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:16px;}
.case-score{display:flex;gap:22px;border-top:1px dashed var(--line);padding-top:14px;}
.case-score div b{display:block;font-size:18px;font-weight:800;color:var(--gold-deep);line-height:1.3;}
.case-score div span{font-size:12px;color:#8b93b5;}

/* ============ 资讯区 ============ */
.news-layout{display:grid;grid-template-columns:1.62fr .88fr;gap:34px;align-items:start;}
.news-list{display:grid;gap:16px;}
.news-item{
  display:flex;gap:20px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.news-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:#d5dcef;}
.news-item .n-body{flex:1;min-width:0;}
.news-item h3{font-size:16.5px;font-weight:800;color:var(--ink);line-height:1.55;margin-bottom:8px;}
.news-item h3 a:hover{color:var(--gold-deep);}
.news-item p{font-size:13.5px;color:var(--muted);line-height:1.8;margin-bottom:12px;}
.news-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12.5px;color:#8b93b5;}
.chip{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;background:#eef1fb;color:var(--ink-3);font-size:12px;font-weight:700;}
.news-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-sm);}
.news-side h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:6px;}
.news-side .side-sub{font-size:13px;color:#8b93b5;margin-bottom:16px;}
.side-item{padding:14px 0;border-bottom:1px dashed var(--line);}
.side-item:last-of-type{border-bottom:0;}
.side-item a{font-size:14px;font-weight:700;color:var(--ink);line-height:1.6;display:block;}
.side-item a:hover{color:var(--gold-deep);}
.side-item span{font-size:12px;color:#8b93b5;}
.side-more{display:inline-flex;margin-top:14px;font-size:13.5px;font-weight:800;color:var(--gold-deep);}
.side-more:hover{color:var(--ink);}
.empty-state{
  padding:34px 24px;text-align:center;color:#8b93b5;font-size:14px;
  background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);
}

/* ============ 步骤 ============ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:step;}
.step{position:relative;padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.step .step-idx{
  font-size:34px;font-weight:900;line-height:1;color:transparent;
  background:linear-gradient(135deg,var(--gold),var(--gold-deep));
  -webkit-background-clip:text;background-clip:text;margin-bottom:14px;display:block;
}
.step h3{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:10px;}
.step p{font-size:14px;color:var(--muted);line-height:1.85;}

/* ============ 对比 ============ */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.compare-box{border-radius:var(--radius);padding:30px 26px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);}
.compare-box.good{border-color:rgba(255,180,0,.55);background:linear-gradient(160deg,#fffdf6,#fff);box-shadow:0 12px 30px rgba(255,180,0,.14);}
.compare-box h3{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.compare-box.good h3{color:#a06a00;}
.compare-box li{position:relative;padding-left:24px;font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:12px;}
.compare-box li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:#c3cbe7;}
.compare-box.good li::before{background:var(--gold);}

/* ============ 保障条 ============ */
.assure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.assure{
  display:flex;gap:14px;align-items:flex-start;padding:22px 20px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);
}
.assure .ico{
  flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,180,0,.16);border:1px solid rgba(255,180,0,.4);color:var(--gold);font-size:15px;font-weight:800;
}
.assure h4{font-size:14.5px;font-weight:800;color:#fff;margin-bottom:6px;}
.assure p{font-size:13px;color:#a7b1d3;line-height:1.7;}

/* ============ FAQ ============ */
.faq-list{display:grid;gap:14px;max-width:920px;}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;}
.faq-item summary{
  list-style:none;cursor:pointer;padding:20px 58px 20px 24px;position:relative;
  font-size:16px;font-weight:800;color:var(--ink);line-height:1.6;
  transition:background .2s ease;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font-size:22px;font-weight:700;color:var(--gold-deep);line-height:1;
}
.faq-item[open] summary::after{content:"−";}
.faq-item summary:hover{background:#fbfcff;}
.faq-item .faq-answer{padding:0 24px 22px;font-size:14.5px;color:var(--muted);line-height:1.9;}

/* ============ 收口 CTA ============ */
.cta-band{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);
  background:linear-gradient(118deg,#191e3e 0%,#2b3468 58%,#1a1f3d 100%);
  padding:52px 48px;color:#fff;box-shadow:var(--shadow-lg);
}
.cta-band::after{
  content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,180,0,.28),transparent 68%);
}
.cta-band .cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center;}
.cta-band h2{font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.4;margin-bottom:14px;}
.cta-band p{font-size:14.5px;color:#b6bfdf;line-height:1.9;}
.cta-actions{display:flex;flex-direction:column;gap:12px;}
.cta-actions .btn{width:100%;}

/* ============ 页脚 ============ */
.site-footer{background:#12162e;color:#9aa4c8;padding:60px 0 0;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:44px;}
.footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:17px;font-weight:800;margin-bottom:16px;}
.footer-brand .brand-mark{width:32px;height:32px;font-size:14px;border-radius:9px;}
.footer-col p{font-size:13.5px;line-height:1.9;color:#8b93b5;}
.footer-col h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:.02em;}
.footer-col li{margin-bottom:11px;}
.footer-col li a{font-size:13.5px;color:#9aa4c8;}
.footer-col li a:hover{color:var(--gold-2);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);padding:20px 0 26px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
  font-size:12.5px;color:#767f a0;
}
.footer-bottom span{color:#767fa0;}
.footer-bottom a{color:#9aa4c8;}
.footer-bottom a:hover{color:var(--gold-2);}

/* ============ 底部固定转化条 ============ */
.fixed-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:rgba(15,18,44,.96);border-top:1px solid rgba(255,180,0,.34);
  backdrop-filter:blur(10px);box-shadow:0 -8px 26px rgba(10,14,40,.35);
  transition:transform .3s ease,opacity .3s ease;
}
.fixed-cta.hide{transform:translateY(110%);opacity:0;pointer-events:none;}
.fixed-cta .fc-inner{display:flex;align-items:center;gap:18px;padding:12px 0;}
.fc-text{display:flex;flex-direction:column;min-width:0;}
.fc-text b{font-size:14.5px;color:#fff;font-weight:800;line-height:1.4;}
.fc-text span{font-size:12.5px;color:#9aa4c8;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fc-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none;}
.fc-close{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.2);color:#c3cbe7;display:grid;place-items:center;font-size:15px;}
.fc-close:hover{background:rgba(255,255,255,.1);color:#fff;}

/* ============ 响应式 ============ */
@media (max-width:1080px){
  .hero-inner{grid-template-columns:1fr;gap:40px;padding:54px 0 62px;}
  .mech-layout{grid-template-columns:1fr;gap:32px;}
  .news-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .assure-grid{grid-template-columns:1fr 1fr;}
  .cta-band .cta-inner{grid-template-columns:1fr;}
  .cta-band{padding:40px 32px;}
}
@media (max-width:1024px){
  .main-nav{display:none;}
  .nav-search{display:none;}
  .nav-toggle{display:flex;}
  .navbar .container{height:64px;gap:14px;}
}
@media (max-width:860px){
  .grid-3{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr;}
  .compare{grid-template-columns:1fr;}
  .settle{grid-template-columns:1fr;gap:0;}
  .section{padding:58px 0;}
  .hero-stats{gap:26px;}
}
@media (max-width:768px){
  body{padding-bottom:84px;}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
  .stat-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .assure-grid{grid-template-columns:1fr;}
  .news-item{flex-direction:column;gap:12px;padding:20px;}
  .fc-text span{display:none;}
  .fixed-cta .fc-inner{gap:12px;}
  .topbar-right{display:none;}
  .brand{font-size:16px;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .hero h1{font-size:26px;}
}
@media (max-width:520px){
  .container{padding:0 16px;}
  .hero-actions .btn{width:100%;}
  .hero-stats{gap:18px;}
  .hero-stat b{font-size:20px;}
  .card{padding:22px 20px;}
  .section{padding:46px 0;}
  .cta-band{padding:32px 22px;border-radius:14px;}
  .material{flex:0 0 82%;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
  .fixed-cta .btn{padding:10px 16px;font-size:13.5px;}
}

/* roulang page: category1 */
:root{
 --ink:#1a1f3d;
 --ink-2:#232a52;
 --ink-3:#2d3568;
 --gold:#ffb400;
 --gold-2:#ffd05a;
 --gold-deep:#ff8a00;
 --neon:#37e0c8;
 --bg:#f5f6fb;
 --surface:#ffffff;
 --text:#1c2033;
 --muted:#5d6480;
 --line:#e3e6f2;
 --radius:12px;
 --radius-lg:18px;
 --shadow-sm:0 2px 10px rgba(26,31,61,.06);
 --shadow-md:0 10px 30px rgba(26,31,61,.10);
 --shadow-lg:0 18px 50px rgba(26,31,61,.18);
 --container:1200px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
*,*::before,*::after{box-sizing:border-box;}
body{
 margin:0;
 font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.75;
 -webkit-font-smoothing:antialiased;
 padding-bottom:76px;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input{font:inherit;}
p{margin:0 0 14px;}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.01em;}
ul{margin:0;padding:0;list-style:none;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}
/* ============ 顶部工具条 ============ */
.topbar{background:#111530;color:#9aa4c8;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar-right{display:flex;align-items:center;gap:18px;white-space:nowrap;}
.topbar-right span{color:#7d87ad;}
/* ============ 主导航 ============ */
.site-header{position:sticky;top:0;z-index:60;}
.navbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 3px 20px rgba(10,14,40,.28);}
.navbar .container{display:flex;align-items:center;gap:26px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.brand-mark{
 width:36px;height:36px;border-radius:10px;flex:none;
 background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-deep));
 color:#241a00;font-weight:900;font-size:16px;display:grid;place-items:center;
 box-shadow:0 5px 16px rgba(255,180,0,.35);
}
.main-nav{display:flex;align-items:center;gap:2px;}
.main-nav a{position:relative;padding:9px 15px;font-size:15px;font-weight:500;color:#c3cbe7;border-radius:8px;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.main-nav a.active{color:var(--gold-2);font-weight:700;}
.main-nav a.active::after{
 content:"";position:absolute;left:15px;right:15px;bottom:1px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.nav-search{
 display:flex;align-items:center;gap:4px;
 background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
 border-radius:999px;padding:4px 4px 4px 15px;
}
.nav-search input{width:138px;background:none;border:0;outline:none;color:#fff;font-size:13px;}
.nav-search input::placeholder{color:#8b93b5;}
.nav-search button{
 padding:6px 15px;border-radius:999px;font-size:13px;font-weight:700;color:#241a00;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.nav-search button:hover{filter:brightness(1.06);}
.nav-toggle{display:none;width:42px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;align-items:center;justify-content:center;}
.mobile-nav{display:none;background:#161b38;border-top:1px solid rgba(255,255,255,.08);padding:10px 0 16px;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:12px 24px;color:#c3cbe7;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-nav a:hover{color:#fff;background:rgba(255,255,255,.06);}
.mobile-nav a.active{color:var(--gold-2);font-weight:700;}
/* ============ 按钮 ============ */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;
 border:1px solid transparent;white-space:nowrap;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold) 48%,var(--gold-deep));color:#241a00;box-shadow:0 8px 22px rgba(255,180,0,.34);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,180,0,.46);}
.btn-gold:active{transform:translateY(0);}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.07);}
.btn-ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);}
.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm);}
.btn-dark:hover{background:var(--ink-3);transform:translateY(-2px);}
.btn-sm{padding:9px 18px;font-size:14px;border-radius:9px;}
.btn:focus-visible,.main-nav a:focus-visible,.mobile-nav a:focus-visible,.footer-col a:focus-visible{
 outline:3px solid var(--neon);outline-offset:3px;border-radius:8px;
}
/* ============ Hero ============ */
.hero{
 position:relative;color:#fff;overflow:hidden;
 background:
 linear-gradient(112deg,rgba(15,18,44,.95) 0%,rgba(26,31,61,.90) 42%,rgba(45,53,104,.74) 100%),
 url('/assets/images/backpic/back-2.webp') center/cover no-repeat;
}
.hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 84% 16%,rgba(55,224,200,.20),transparent 46%),
 radial-gradient(circle at 12% 92%,rgba(255,180,0,.16),transparent 44%);
}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.22fr .88fr;gap:52px;align-items:center;padding:62px 0 70px;}
.hero-badge{
 display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
 background:rgba(255,180,0,.14);border:1px solid rgba(255,180,0,.45);
 color:var(--gold-2);font-size:13px;font-weight:600;letter-spacing:.02em;
}
.hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(255,180,0,.2);}
.hero h1{font-size:clamp(27px,3.3vw,44px);line-height:1.28;font-weight:900;margin:20px 0 16px;}
.hero h1 .hl{color:var(--gold);}
.hero-sub{font-size:17px;font-weight:600;color:#d3daf1;margin-bottom:14px;}
.hero-desc{font-size:15px;line-height:1.9;color:#a7b1d3;margin-bottom:28px;max-width:640px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px;}
.hero-stats{display:flex;flex-wrap:wrap;gap:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);}
.hero-stat b{display:block;font-size:23px;font-weight:800;color:#fff;line-height:1.3;}
.hero-stat span{font-size:13px;color:#98a2c6;}
/* Hero 进度面板 */
.hero-panel{
 background:rgba(255,255,255,.07);
 border:1px solid rgba(255,255,255,.16);
 border-radius:var(--radius-lg);
 padding:24px 24px 20px;
 box-shadow:var(--shadow-lg);
 backdrop-filter:blur(6px);
}
.hero-panel h2{font-size:16px;color:#fff;font-weight:800;margin-bottom:4px;}
.hero-panel .panel-note{font-size:13px;color:#98a2c6;margin-bottom:20px;}
.progress-row{margin-bottom:18px;}
.progress-row:last-child{margin-bottom:0;}
.progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;margin-bottom:8px;color:#cfd7ef;}
.progress-head b{color:var(--gold-2);font-size:14px;font-weight:800;}
.progress-track{height:8px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;}
.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon),var(--gold));box-shadow:0 0 12px rgba(255,180,0,.5);}
.panel-foot{
 margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);
 display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#98a2c6;
}
.panel-foot strong{color:var(--gold-2);font-size:15px;}
/* ============ 通用板块 ============ */
.section{padding:72px 0;}
.section-alt{background:linear-gradient(180deg,#eef0fa,#f7f8fd);}
.section-dark{
 background:
 linear-gradient(120deg,rgba(16,20,48,.97),rgba(35,42,82,.94)),
 url('/assets/images/backpic/back-6.webp') center/cover no-repeat;
 color:#fff;
}
.section-head{max-width:760px;margin-bottom:40px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.eyebrow{
 display:inline-flex;align-items:center;gap:8px;
 font-size:13px;font-weight:700;letter-spacing:.08em;
 color:var(--gold-deep);text-transform:uppercase;margin-bottom:12px;
}
.section-dark .eyebrow{color:var(--gold-2);}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-deep));}
.section-head h2{font-size:clamp(22px,2.4vw,32px);line-height:1.35;color:var(--ink);}
.section-dark .section-head h2{color:#fff;}
.section-head p{margin-top:14px;font-size:15.5px;line-height:1.9;color:var(--muted);}
.section-dark .section-head p{color:#a7b1d3;}
/* ============ 卡片 ============ */
.card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 box-shadow:var(--shadow-sm);
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#d3d9ee;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
/* 核心判断点 */
.point-card{padding:28px 26px;position:relative;overflow:hidden;}
.point-card::before{
 content:"";position:absolute;left:0;top:0;height:100%;width:4px;
 background:linear-gradient(180deg,var(--gold),var(--gold-deep));
 opacity:.85;
}
.point-no{
 display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;
 background:rgba(26,31,61,.06);color:var(--ink);font-weight:900;font-size:16px;margin-bottom:16px;
}
.point-card h3{font-size:18px;color:var(--ink);margin-bottom:10px;}
.point-card p{font-size:14.5px;color:var(--muted);line-height:1.85;margin:0;}
.tag{
 display:inline-block;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700;
 background:rgba(255,180,0,.14);color:#8a5d00;border:1px solid rgba(255,180,0,.32);
}
.tag-neon{background:rgba(55,224,200,.14);color:#0f7d70;border-color:rgba(55,224,200,.36);}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
/* ============ 场景演示 ============ */
.demo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
.demo-grid.reverse{grid-template-columns:.95fr 1.05fr;}
.demo-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);}
.demo-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/11;}
.demo-media .media-tag{
 position:absolute;left:16px;bottom:16px;
 padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:700;
 background:rgba(16,20,48,.82);color:var(--gold-2);border:1px solid rgba(255,180,0,.4);
 backdrop-filter:blur(4px);
}
.demo-body h3{font-size:22px;color:var(--ink);margin-bottom:14px;}
.demo-body p{font-size:15px;color:var(--muted);line-height:1.9;}
.demo-list{margin-top:18px;}
.demo-list li{
 display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14.5px;color:var(--text);
}
.demo-list li:last-child{border-bottom:0;}
.demo-list li i{
 flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
 background:rgba(55,224,200,.16);color:#0f7d70;font-size:12px;font-weight:900;font-style:normal;margin-top:3px;
}
/* ============ 技巧清单 ============ */
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.check-item{
 display:flex;gap:16px;align-items:flex-start;
 padding:20px 22px;background:var(--surface);border:1px solid var(--line);
 border-radius:var(--radius);box-shadow:var(--shadow-sm);
 transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.check-item:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.check-icon{
 flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));color:#241a00;font-weight:900;font-size:17px;
}
.check-item h4{font-size:15.5px;color:var(--ink);margin-bottom:6px;}
.check-item p{font-size:14px;color:var(--muted);margin:0;line-height:1.8;}
/* ============ 社会认同 ============ */
.quote-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch;}
.quote-card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
 padding:26px 28px;box-shadow:var(--shadow-sm);
}
.quote-card + .quote-card{margin-top:20px;}
.quote-card blockquote{margin:0 0 14px;font-size:15.5px;line-height:1.9;color:var(--ink);font-weight:500;}
.quote-meta{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);}
.avatar{
 width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;
 background:var(--ink);color:var(--gold-2);font-weight:800;font-size:14px;
}
.stat-stack{
 display:grid;gap:16px;align-content:stretch;
}
.stat-box{
 background:linear-gradient(140deg,var(--ink),var(--ink-3));
 color:#fff;border-radius:var(--radius-lg);padding:26px 24px;
 box-shadow:var(--shadow-md);
}
.stat-box b{display:block;font-size:30px;font-weight:900;color:var(--gold-2);line-height:1.2;}
.stat-box span{font-size:13.5px;color:#a7b1d3;}
/* ============ 对比差异 ============ */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.compare-col{
 border-radius:var(--radius-lg);padding:28px 26px;border:1px solid var(--line);
 background:var(--surface);box-shadow:var(--shadow-sm);
}
.compare-col.promo{
 background:linear-gradient(150deg,var(--ink),var(--ink-3));
 border-color:rgba(255,180,0,.35);color:#fff;box-shadow:var(--shadow-md);
}
.compare-col h3{font-size:17px;margin-bottom:16px;display:flex;align-items:center;gap:9px;color:var(--ink);}
.compare-col.promo h3{color:var(--gold-2);}
.compare-col ul li{
 display:flex;gap:11px;padding:10px 0;font-size:14.5px;color:var(--muted);
 border-bottom:1px solid var(--line);
}
.compare-col.promo ul li{color:#cfd7ef;border-bottom-color:rgba(255,255,255,.12);}
.compare-col ul li:last-child{border-bottom:0;}
.compare-col ul li em{font-style:normal;font-weight:900;color:#b8bfd8;}
.compare-col.promo ul li em{color:var(--neon);}
/* ============ 资讯列表 ============ */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.news-card{
 display:flex;flex-direction:column;
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 padding:22px 22px 18px;box-shadow:var(--shadow-sm);
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cfd6ef;}
.news-card h3{font-size:16px;line-height:1.6;color:var(--ink);margin-bottom:10px;}
.news-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 16px;flex:1;}
.news-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#8b93b0;}
.news-empty{
 padding:26px;border:1px dashed var(--line);border-radius:var(--radius);
 background:var(--surface);color:var(--muted);font-size:14.5px;text-align:center;
}
/* ============ FAQ ============ */
.faq{max-width:860px;margin:0 auto;}
.faq-item{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden;
 transition:border-color .2s ease,box-shadow .2s ease;
}
.faq-item[open]{border-color:rgba(255,180,0,.5);box-shadow:var(--shadow-md);}
.faq-item summary{
 list-style:none;cursor:pointer;padding:19px 24px;
 font-size:15.5px;font-weight:700;color:var(--ink);
 display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
 content:"+";font-size:20px;font-weight:800;color:var(--gold-deep);line-height:1;flex:none;
 transition:transform .2s ease;
}
.faq-item[open] summary::after{content:"−";}
.faq-item summary:hover{background:#fafbff;}
.faq-body{padding:0 24px 20px;font-size:14.5px;line-height:1.95;color:var(--muted);}
/* ============ 收口 CTA ============ */
.cta-band{
 position:relative;overflow:hidden;border-radius:var(--radius-lg);
 padding:44px 46px;
 background:
 linear-gradient(118deg,rgba(16,20,48,.95),rgba(45,53,104,.9)),
 url('/assets/images/backpic/back-5.webp') center/cover no-repeat;
 color:#fff;box-shadow:var(--shadow-lg);
 display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.cta-band h2{font-size:clamp(20px,2.2vw,28px);color:#fff;margin-bottom:10px;}
.cta-band p{margin:0;font-size:15px;color:#b6bfdd;max-width:620px;line-height:1.85;}
.cta-band .btn{flex:none;}
/* ============ 页脚 ============ */
.site-footer{background:#111530;color:#98a2c6;padding:56px 0 0;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding-bottom:38px;}
.footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:17px;font-weight:800;margin-bottom:16px;}
.footer-col p{font-size:14px;line-height:1.9;color:#8f99bd;margin:0;max-width:340px;}
.footer-col h4{font-size:14.5px;color:#fff;font-weight:800;margin-bottom:16px;}
.footer-col ul li{margin-bottom:11px;}
.footer-col ul li a{font-size:14px;color:#98a2c6;}
.footer-col ul li a:hover{color:var(--gold-2);}
.footer-bottom{
 border-top:1px solid rgba(255,255,255,.1);
 padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
 font-size:13px;color:#7d87ad;
}
/* ============ 底部固定转化条 ============ */
.sticky-bar{
 position:fixed;left:0;right:0;bottom:0;z-index:70;
 background:rgba(17,21,48,.95);
 border-top:1px solid rgba(255,180,0,.3);
 backdrop-filter:blur(8px);
 box-shadow:0 -8px 28px rgba(10,14,40,.32);
}
.sticky-bar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;height:76px;}
.sticky-copy{display:flex;align-items:center;gap:14px;color:#cfd7ef;font-size:14px;}
.sticky-copy strong{color:var(--gold-2);font-size:15px;font-weight:800;}
.sticky-copy span{color:#8f99bd;font-size:13px;}
/* ============ 响应式 ============ */
@media (max-width:1100px){
 .hero-inner{grid-template-columns:1fr;gap:36px;padding:52px 0 58px;}
 .demo-grid,.demo-grid.reverse{grid-template-columns:1fr;gap:28px;}
 .quote-grid{grid-template-columns:1fr;}
 .news-grid{grid-template-columns:repeat(2,1fr);}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
}
@media (max-width:900px){
 .main-nav{display:none;}
 .nav-search{display:none;}
 .nav-toggle{display:inline-flex;margin-left:auto;}
 .navbar .container{height:64px;gap:14px;}
 .grid-3{grid-template-columns:1fr;}
 .checklist{grid-template-columns:1fr;}
 .compare{grid-template-columns:1fr;}
 .hero-stats{gap:26px;}
 .section{padding:56px 0;}
 .cta-band{padding:34px 28px;}
}
@media (max-width:768px){
 .topbar-right{display:none;}
 .topbar .container{height:34px;font-size:12px;}
 .hero h1{font-size:26px;}
 .hero-sub{font-size:15.5px;}
 .news-grid{grid-template-columns:1fr;}
 .grid-2{grid-template-columns:1fr;}
 .sticky-copy span{display:none;}
 .sticky-bar .container{height:70px;}
 .footer-grid{grid-template-columns:1fr;}
 .footer-col p{max-width:none;}
}
@media (max-width:520px){
 .container{padding:0 16px;}
 .hero-inner{padding:40px 0 46px;}
 .hero-actions .btn{width:100%;}
 .hero-stats{gap:20px;}
 .hero-stat b{font-size:20px;}
 .hero-panel{padding:20px 18px;}
 .section{padding:44px 0;}
 .point-card,.check-item,.quote-card,.compare-col,.news-card{padding-left:18px;padding-right:18px;}
 .faq-item summary{padding:16px 18px;font-size:14.5px;}
 .faq-body{padding:0 18px 18px;}
 .cta-band{padding:28px 20px;}
 .cta-band .btn{width:100%;}
 .sticky-bar .container{gap:10px;}
 .sticky-copy{font-size:13px;}
 .sticky-bar .btn{padding:10px 16px;font-size:13.5px;}
 .footer-bottom{justify-content:flex-start;font-size:12.5px;}
}

/* roulang page: article */
:root{
 --ink:#1a1f3d;
 --ink-2:#232a52;
 --ink-3:#2d3568;
 --gold:#ffb400;
 --gold-2:#ffd05a;
 --gold-deep:#ff8a00;
 --neon:#37e0c8;
 --bg:#f5f6fb;
 --surface:#ffffff;
 --text:#1c2033;
 --muted:#5d6480;
 --line:#e3e6f2;
 --radius:12px;
 --radius-lg:18px;
 --shadow-sm:0 2px 10px rgba(26,31,61,.06);
 --shadow-md:0 10px 30px rgba(26,31,61,.10);
 --shadow-lg:0 18px 50px rgba(26,31,61,.18);
 --container:1200px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body.site-body{
 margin:0;
 font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.75;
 font-size:15px;
 -webkit-font-smoothing:antialiased;
 padding-bottom:86px;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;}
button{font-family:inherit;font-size:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input{font-family:inherit;font-size:inherit;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

/* ===== 顶部工具条 ===== */
.topbar{background:#111530;color:#9aa4c8;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar-left .dot{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 3px rgba(55,224,200,.16);flex:none;}
.topbar-right{display:flex;align-items:center;gap:18px;white-space:nowrap;}
.topbar-right span{color:#7d87ad;}

/* ===== 主导航 ===== */
.site-header{position:sticky;top:0;z-index:60;}
.navbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 3px 20px rgba(10,14,40,.28);}
.navbar .container{display:flex;align-items:center;gap:26px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.brand-mark{
 width:36px;height:36px;border-radius:10px;flex:none;
 background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-deep));
 color:#241a00;font-weight:900;font-size:16px;display:grid;place-items:center;
 box-shadow:0 5px 16px rgba(255,180,0,.35);
}
.main-nav{display:flex;align-items:center;gap:2px;}
.main-nav a{position:relative;padding:9px 15px;font-size:15px;font-weight:500;color:#c3cbe7;border-radius:8px;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.main-nav a.active{color:var(--gold-2);font-weight:700;}
.main-nav a.active::after{
 content:"";position:absolute;left:15px;right:15px;bottom:1px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.nav-search{
 display:flex;align-items:center;gap:4px;
 background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
 border-radius:999px;padding:4px 4px 4px 15px;
}
.nav-search input{width:140px;background:none;border:0;outline:none;color:#fff;font-size:13px;}
.nav-search input::placeholder{color:#8b93b5;}
.nav-search button{
 padding:6px 15px;border-radius:999px;font-size:13px;font-weight:700;color:#241a00;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.nav-search button:hover{filter:brightness(1.06);}
.nav-toggle{display:none;width:42px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;align-items:center;justify-content:center;}
.mobile-nav{display:none;background:#161b38;border-top:1px solid rgba(255,255,255,.08);padding:10px 0 16px;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:12px 24px;color:#c3cbe7;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-nav a:hover{color:#fff;background:rgba(255,255,255,.06);}
.mobile-nav a.active{color:var(--gold-2);font-weight:700;}

/* ===== 按钮 ===== */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;
 border:1px solid transparent;white-space:nowrap;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold) 48%,var(--gold-deep));color:#241a00;box-shadow:0 8px 22px rgba(255,180,0,.34);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,180,0,.46);}
.btn-gold:active{transform:translateY(0);}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.07);}
.btn-ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);}
.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm);}
.btn-dark:hover{background:var(--ink-3);transform:translateY(-2px);}
.btn-sm{padding:9px 18px;font-size:14px;border-radius:9px;}

/* ===== 文章头部 ===== */
.article-hero{
 position:relative;color:#fff;overflow:hidden;
 background:
 linear-gradient(112deg,rgba(15,18,44,.95) 0%,rgba(26,31,61,.9) 44%,rgba(45,53,104,.74) 100%),
 url('/assets/images/backpic/back-2.webp') center/cover no-repeat;
 padding:34px 0 52px;
}
.article-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 86% 12%,rgba(55,224,200,.18),transparent 46%),
 radial-gradient(circle at 8% 96%,rgba(255,180,0,.16),transparent 44%);
}
.article-hero .container{position:relative;z-index:2;}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#9aa4c8;margin-bottom:20px;}
.crumb a{color:#c3cbe7;}
.crumb a:hover{color:var(--gold-2);}
.crumb .sep{color:#5d6892;}
.crumb .cur{color:var(--gold-2);}
.art-tag{
 display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;
 background:rgba(255,180,0,.14);border:1px solid rgba(255,180,0,.45);
 color:var(--gold-2);font-size:12.5px;font-weight:600;letter-spacing:.02em;
}
.art-tag i{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;}
.article-hero h1{
 font-size:clamp(25px,3.2vw,40px);line-height:1.32;font-weight:900;
 margin:18px 0 16px;letter-spacing:-.01em;max-width:960px;color:#fff;
}
.art-lead{font-size:16px;line-height:1.95;color:#a7b1d3;max-width:800px;margin:0 0 22px;}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:13.5px;color:#9aa4c8;}
.art-meta b{color:#fff;font-weight:700;}
.art-meta .pill{
 display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;
 background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#d3daf1;
}
.art-meta .pill .neon{width:6px;height:6px;border-radius:50%;background:var(--neon);}

/* ===== 主体通用 ===== */
.page-main{background:var(--bg);}
.sec{padding:56px 0;}
.sec-tight{padding:44px 0;}
.sec-alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-head{max-width:760px;margin-bottom:30px;}
.eyebrow{
 display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.1em;
 color:var(--gold-deep);text-transform:uppercase;margin-bottom:10px;
}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-deep));}
.sec-title{font-size:clamp(21px,2.2vw,28px);line-height:1.4;font-weight:800;color:var(--ink);margin:0 0 12px;}
.sec-desc{font-size:15px;line-height:1.9;color:var(--muted);margin:0;}

/* ===== 封面图 ===== */
.art-cover{
 position:relative;margin-top:-38px;z-index:5;
 border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);
 box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.16);
}
.art-cover img{width:100%;height:340px;object-fit:cover;}
.art-cover figcaption{
 position:absolute;left:0;right:0;bottom:0;padding:16px 22px;font-size:13px;color:#e6ebf8;
 background:linear-gradient(to top,rgba(15,18,44,.9),rgba(15,18,44,0));
}

/* ===== 两栏布局 ===== */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;margin-top:34px;}
.art-card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
 box-shadow:var(--shadow-sm);padding:34px 38px 38px;
}
.art-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px dashed var(--line);}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;font-size:12.5px;font-weight:600;background:#eef1fb;color:var(--ink-2);border:1px solid #dfe4f5;}
.chip-gold{background:#fff6e0;color:#8a5b00;border-color:#ffe3a3;}
.chip-neon{background:#e6fbf6;color:#0c7a68;border-color:#bbf2e7;}

/* ===== 正文排版 ===== */
.prose{font-size:16px;line-height:1.95;color:#2b3048;word-break:break-word;}
.prose > *:first-child{margin-top:0;}
.prose h2{
 font-size:21px;font-weight:800;color:var(--ink);margin:34px 0 14px;
 padding-left:13px;border-left:4px solid var(--gold);line-height:1.5;
}
.prose h3{font-size:17.5px;font-weight:800;color:var(--ink-2);margin:26px 0 10px;line-height:1.5;}
.prose h4{font-size:16px;font-weight:700;color:var(--ink-2);margin:20px 0 8px;}
.prose p{margin:0 0 16px;}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;}
.prose ul{list-style:disc;}
.prose ol{list-style:decimal;}
.prose li{margin-bottom:8px;}
.prose li::marker{color:var(--gold-deep);}
.prose strong{color:var(--ink);font-weight:800;}
.prose em{color:var(--gold-deep);font-style:normal;font-weight:700;}
.prose a{color:#c96b00;border-bottom:1px dashed rgba(255,138,0,.55);}
.prose a:hover{color:var(--gold-deep);border-bottom-style:solid;}
.prose img{border-radius:var(--radius);margin:20px 0;box-shadow:var(--shadow-sm);}
.prose blockquote{
 margin:24px 0;padding:18px 22px;background:#fff8e6;border-left:4px solid var(--gold);
 border-radius:0 var(--radius) var(--radius) 0;color:#5d4a1c;font-size:15.5px;
}
.prose blockquote p:last-child{margin-bottom:0;}
.prose hr{border:0;border-top:1px dashed var(--line);margin:28px 0;}
.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;}
.prose th{background:var(--ink);color:#fff;padding:11px 14px;text-align:left;font-weight:700;}
.prose td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;}
.prose tbody tr:nth-child(even) td{background:#fafbff;}

.art-empty{padding:26px 0 10px;text-align:center;}
.art-empty h2{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 12px;border:0;padding:0;}
.art-empty p{color:var(--muted);margin:0 auto 22px;max-width:520px;}

/* ===== 侧栏 ===== */
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:92px;}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 22px 20px;}
.side-card h3{font-size:15.5px;font-weight:800;color:var(--ink);margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.side-card h3::before{content:"";width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));}
.meta-list{display:flex;flex-direction:column;gap:11px;font-size:13.5px;}
.meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--line);}
.meta-row:last-child{border-bottom:0;padding-bottom:0;}
.meta-row span{color:var(--muted);white-space:nowrap;}
.meta-row b{color:var(--ink);font-weight:700;text-align:right;}
.side-list{display:flex;flex-direction:column;gap:12px;font-size:14px;}
.side-list li{display:flex;gap:10px;line-height:1.75;color:#3a4060;}
.side-list .num{
 flex:none;width:22px;height:22px;border-radius:7px;margin-top:2px;
 background:#fff4d6;color:#8a5b00;font-size:12px;font-weight:800;display:grid;place-items:center;
}
.toc{display:flex;flex-direction:column;gap:2px;}
.toc a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;color:#41496b;}
.toc a:hover{background:#f2f4fd;color:var(--ink);}
.toc a::before{content:"›";color:var(--gold-deep);font-weight:800;margin-right:8px;}

/* ===== 引用条 ===== */
.quote-band{background:linear-gradient(120deg,var(--ink),var(--ink-3));color:#fff;padding:44px 0;position:relative;overflow:hidden;}
.quote-band::before{
 content:"";position:absolute;inset:0;
 background:radial-gradient(circle at 88% 20%,rgba(55,224,200,.18),transparent 48%);
 pointer-events:none;
}
.quote-band blockquote{
 position:relative;margin:0 auto;max-width:900px;text-align:center;
 font-size:clamp(17px,2vw,22px);line-height:1.75;font-weight:700;color:#fff;
}
.quote-band blockquote::before{
 content:"";display:block;width:44px;height:3px;border-radius:3px;margin:0 auto 20px;
 background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.quote-band cite{display:block;margin-top:16px;font-style:normal;font-size:13.5px;color:#9aa4c8;}

/* ===== 卡片网格 ===== */
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
 box-shadow:var(--shadow-sm);padding:26px 24px;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#d5dbf0;}
.card-icon{
 width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
 background:linear-gradient(135deg,#fff2d2,#ffe0a6);color:#8a5b00;font-weight:900;font-size:17px;
 margin-bottom:16px;box-shadow:0 6px 16px rgba(255,180,0,.22);
}
.card h3{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.5;}
.card p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 12px;}
.card p:last-child{margin-bottom:0;}
.card .kbd{
 display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;
 font-size:12.5px;font-weight:700;background:#f2f4fd;color:var(--ink-2);border:1px solid #e0e5f6;
}

/* ===== 数据表 ===== */
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.data-table{width:100%;border-collapse:collapse;min-width:680px;}
.data-table caption{text-align:left;padding:16px 20px 4px;font-size:13px;color:var(--muted);}
.data-table th{
 background:var(--ink);color:#fff;font-size:14px;font-weight:700;text-align:left;
 padding:14px 20px;white-space:nowrap;
}
.data-table td{padding:14px 20px;font-size:14.5px;color:#39405f;border-bottom:1px solid var(--line);vertical-align:top;}
.data-table tbody tr:nth-child(even) td{background:#fafbff;}
.data-table tbody tr:hover td{background:#fff9ec;}
.data-table td b{color:var(--ink);font-weight:700;}

/* ===== 复盘卡片 ===== */
.case-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;}
.case-card .thumb{height:158px;overflow:hidden;}
.case-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.case-card:hover .thumb img{transform:scale(1.05);}
.case-card .body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column;}
.case-card h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.5;}
.case-card p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 14px;}
.case-card .result{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}

/* ===== 误区 ===== */
.myth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.myth{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold-deep);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);}
.myth h3{font-size:15.5px;font-weight:800;color:var(--ink);margin:0 0 8px;display:flex;gap:9px;align-items:flex-start;}
.myth h3 .x{flex:none;width:20px;height:20px;border-radius:6px;background:#ffeae0;color:#c2491a;font-size:12px;font-weight:900;display:grid;place-items:center;margin-top:3px;}
.myth p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0;}
.myth p b{color:var(--ink-2);}

/* ===== FAQ ===== */
.faq-list{max-width:900px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;overflow:hidden;}
.faq-item summary{
 list-style:none;cursor:pointer;padding:16px 20px;font-size:15.5px;font-weight:700;color:var(--ink);
 display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .2s ease;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{background:#fafbff;}
.faq-item summary::after{content:"+";color:var(--gold-deep);font-size:20px;font-weight:800;line-height:1;}
.faq-item[open] summary::after{content:"−";}
.faq-item[open] summary{background:#fff9ec;}
.faq-body{padding:0 20px 18px;font-size:14.8px;line-height:1.9;color:var(--muted);}
.faq-body p{margin:0 0 10px;}
.faq-body p:last-child{margin-bottom:0;}

/* ===== 频道矩阵 ===== */
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.channel-card{
 display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
 border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:26px 24px;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.channel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#ffd98a;}
.channel-card .tag{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--gold-deep);margin-bottom:10px;}
.channel-card h3{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 10px;}
.channel-card p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 18px;}
.channel-card .more{margin-top:auto;font-size:14px;font-weight:800;color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;}
.channel-card .more::after{content:"→";color:var(--gold-deep);transition:transform .2s ease;}
.channel-card:hover .more::after{transform:translateX(4px);}

/* ===== 收口提示条 ===== */
.notice{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;
 background:linear-gradient(120deg,var(--ink),var(--ink-3));color:#fff;
 border-radius:var(--radius-lg);padding:30px 34px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;
}
.notice::after{
 content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;
 background:radial-gradient(circle,rgba(255,180,0,.28),transparent 68%);pointer-events:none;
}
.notice h3{font-size:19px;font-weight:800;margin:0 0 8px;color:#fff;position:relative;z-index:2;}
.notice p{font-size:14.5px;line-height:1.9;color:#a7b1d3;margin:0;position:relative;z-index:2;}
.notice .btn{position:relative;z-index:2;}

/* ===== 底部固定条 ===== */
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(17,21,48,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 30px rgba(10,14,40,.28);}
.sticky-bar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;height:70px;}
.sticky-bar .txt{display:flex;align-items:center;gap:12px;color:#fff;font-size:14.5px;font-weight:700;min-width:0;}
.sticky-bar .txt .badge{
 flex:none;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;
 background:rgba(255,180,0,.16);border:1px solid rgba(255,180,0,.45);color:var(--gold-2);
}
.sticky-bar .txt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c3cbe7;font-weight:500;}

/* ===== 页脚 ===== */
.site-footer{background:#111530;color:#98a2c6;padding:54px 0 0;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:34px;padding-bottom:38px;}
.footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:17px;font-weight:800;margin-bottom:14px;}
.footer-brand .brand-mark{width:32px;height:32px;border-radius:9px;font-size:14px;}
.footer-col p{font-size:13.5px;line-height:1.95;color:#8b93b5;margin:0;max-width:360px;}
.footer-col h4{font-size:14.5px;font-weight:800;color:#fff;margin:0 0 14px;}
.footer-col ul{display:flex;flex-direction:column;gap:9px;}
.footer-col ul a{font-size:13.5px;color:#8b93b5;display:inline-block;}
.footer-col ul a:hover{color:var(--gold-2);transform:translateX(2px);}
.footer-bottom{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
 border-top:1px solid rgba(255,255,255,.09);padding:18px 0 22px;font-size:12.8px;color:#6f79a0;
}

/* ===== 响应式 ===== */
@media (max-width:1024px){
 .navbar .container{gap:16px;}
 .main-nav a{padding:9px 11px;font-size:14px;}
 .nav-search{display:none;}
 .article-layout{grid-template-columns:1fr;}
 .side{position:static;}
 .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
 .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
 .art-card{padding:28px 26px 30px;}
}
@media (max-width:768px){
 .topbar-right{display:none;}
 .main-nav{display:none;}
 .nav-toggle{display:flex;margin-left:auto;}
 .navbar .container{height:64px;}
 .art-cover img{height:230px;}
 .sec{padding:42px 0;}
 .sec-tight{padding:34px 0;}
 .grid-3,.grid-2,.channel-grid,.myth-grid{grid-template-columns:1fr;}
 .notice{grid-template-columns:1fr;padding:24px 22px;}
 .sticky-bar .txt span{display:none;}
 .sticky-bar .container{height:64px;}
 .article-hero{padding:26px 0 44px;}
 .art-card{padding:22px 20px 26px;}
 .prose{font-size:15.5px;}
 .prose h2{font-size:19px;}
 .footer-grid{grid-template-columns:1fr;gap:26px;}
 .footer-col p{max-width:none;}
}
@media (max-width:520px){
 .container{padding:0 16px;}
 .brand{font-size:16px;}
 .brand-mark{width:32px;height:32px;border-radius:9px;font-size:14px;}
 .art-meta{font-size:12.5px;gap:8px 14px;}
 .art-cover{margin-top:-26px;border-radius:var(--radius);}
 .art-cover img{height:180px;}
 .btn{width:100%;}
 .notice .btn,.sticky-bar .btn{width:auto;}
 .meta-row{flex-direction:column;gap:2px;}
 .meta-row b{text-align:left;}
 .data-table{min-width:560px;}
}

/* roulang page: category2 */
:root{
 --ink:#1a1f3d;
 --ink-2:#232a52;
 --ink-3:#2d3568;
 --gold:#ffb400;
 --gold-2:#ffd05a;
 --gold-deep:#ff8a00;
 --neon:#37e0c8;
 --bg:#f5f6fb;
 --surface:#ffffff;
 --text:#1c2033;
 --muted:#5d6480;
 --line:#e3e6f2;
 --radius:12px;
 --radius-lg:18px;
 --shadow-sm:0 2px 10px rgba(26,31,61,.06);
 --shadow-md:0 10px 30px rgba(26,31,61,.10);
 --shadow-lg:0 18px 50px rgba(26,31,61,.18);
 --container:1200px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
html body{
 margin:0;
 font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.75;
 -webkit-font-smoothing:antialiased;
 padding-bottom:76px;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input{font:inherit;}
h1,h2,h3,h4{margin:0;line-height:1.35;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
body .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

/* ============ 顶部工具条 ============ */
.topbar{background:#111530;color:#9aa4c8;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar-left i{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 3px rgba(55,224,200,.18);flex:none;}
.topbar-right{display:flex;align-items:center;gap:18px;white-space:nowrap;}
.topbar-right span{color:#7d87ad;}

/* ============ 主导航 ============ */
.site-header{position:sticky;top:0;z-index:60;}
.navbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 3px 20px rgba(10,14,40,.28);}
.navbar .container{display:flex;align-items:center;gap:26px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.brand-mark{
 width:36px;height:36px;border-radius:10px;flex:none;
 background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-deep));
 color:#241a00;font-weight:900;font-size:16px;display:grid;place-items:center;
 box-shadow:0 5px 16px rgba(255,180,0,.35);
}
.main-nav{display:flex;align-items:center;gap:2px;}
.main-nav a{position:relative;padding:9px 15px;font-size:15px;font-weight:500;color:#c3cbe7;border-radius:8px;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.main-nav a.active{color:var(--gold-2);font-weight:700;}
.main-nav a.active::after{
 content:"";position:absolute;left:15px;right:15px;bottom:1px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.nav-search{
 display:flex;align-items:center;gap:4px;
 background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
 border-radius:999px;padding:4px 4px 4px 15px;
}
.nav-search input{width:138px;background:none;border:0;outline:none;color:#fff;font-size:13px;}
.nav-search input::placeholder{color:#8b93b5;}
.nav-search button{
 padding:6px 15px;border-radius:999px;font-size:13px;font-weight:700;color:#241a00;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.nav-search button:hover{filter:brightness(1.06);}
.nav-search input:focus{outline:none;}
.nav-search:focus-within{border-color:rgba(55,224,200,.6);box-shadow:0 0 0 3px rgba(55,224,200,.16);}
.nav-toggle{display:none;width:42px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;align-items:center;justify-content:center;}
.mobile-nav{display:none;background:#161b38;border-top:1px solid rgba(255,255,255,.08);padding:10px 0 16px;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:12px 24px;color:#c3cbe7;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-nav a:hover{color:#fff;background:rgba(255,255,255,.06);}
.mobile-nav a.active{color:var(--gold-2);font-weight:700;}

/* ============ 按钮 ============ */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;
 border:1px solid transparent;white-space:nowrap;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.btn:focus-visible{outline:3px solid rgba(55,224,200,.55);outline-offset:3px;}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold) 48%,var(--gold-deep));color:#241a00;box-shadow:0 8px 22px rgba(255,180,0,.34);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,180,0,.46);}
.btn-gold:active{transform:translateY(0);}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.07);}
.btn-ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);}
.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm);}
.btn-dark:hover{background:var(--ink-3);transform:translateY(-2px);}
.btn-sm{padding:9px 18px;font-size:14px;border-radius:9px;}

/* ============ 分类首屏 ============ */
.page-hero{
 position:relative;overflow:hidden;color:#fff;
 background:
 linear-gradient(112deg,rgba(15,18,44,.96) 0%,rgba(26,31,61,.92) 44%,rgba(45,53,104,.76) 100%),
 url('/assets/images/backpic/back-2.webp') center/cover no-repeat;
}
.page-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 86% 14%,rgba(55,224,200,.20),transparent 46%),
 radial-gradient(circle at 8% 90%,rgba(255,180,0,.16),transparent 44%);
}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .82fr;gap:52px;align-items:center;padding:58px 0 66px;}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#8f99bd;margin-bottom:16px;}
.crumb a:hover{color:var(--gold-2);}
.crumb span{color:#6d779c;}
.hero-badge{
 display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
 background:rgba(255,180,0,.14);border:1px solid rgba(255,180,0,.45);
 color:var(--gold-2);font-size:13px;font-weight:600;letter-spacing:.02em;
}
.hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(255,180,0,.2);}
.hero-inner h1{font-size:clamp(27px,3.3vw,44px);font-weight:900;margin:18px 0 14px;letter-spacing:-.01em;}
.hero-inner h1 .hl{color:var(--gold);}
.hero-sub{font-size:16px;font-weight:600;color:#d3daf1;margin-bottom:12px;}
.hero-desc{font-size:15px;line-height:1.9;color:#a7b1d3;margin-bottom:22px;}
.sell-list{display:grid;gap:10px;margin-bottom:26px;}
.sell-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#c8d0ea;}
.sell-list li b{color:#fff;font-weight:700;}
.sell-dot{
 flex:none;width:20px;height:20px;border-radius:6px;margin-top:3px;
 background:rgba(55,224,200,.14);border:1px solid rgba(55,224,200,.5);
 color:var(--neon);font-size:12px;font-weight:800;display:grid;place-items:center;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:22px;}
.trust-bar{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:#98a2c6;}
.trust-bar span{display:inline-flex;align-items:center;gap:7px;}
.trust-bar span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--neon);}
/* 右侧速查面板 */
.hero-panel{
 background:rgba(255,255,255,.06);
 border:1px solid rgba(255,255,255,.16);
 border-radius:var(--radius-lg);
 padding:24px;
 box-shadow:var(--shadow-lg);
 backdrop-filter:blur(6px);
}
.hero-panel h3{font-size:15px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.hero-panel h3 em{font-style:normal;font-size:12px;color:var(--neon);font-weight:600;}
.panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.14);}
.panel-row:last-of-type{border-bottom:0;}
.panel-row span{font-size:13.5px;color:#aeb8d8;}
.panel-row b{font-size:14px;color:#fff;font-weight:700;}
.panel-tag{display:inline-block;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:700;background:rgba(255,180,0,.16);color:var(--gold-2);}
.panel-tag.cool{background:rgba(55,224,200,.14);color:var(--neon);}
.panel-note{margin-top:16px;padding:12px 14px;border-radius:10px;background:rgba(255,180,0,.10);border-left:3px solid var(--gold);font-size:13px;color:#d6ddf2;line-height:1.7;}

/* ============ 通用板块 ============ */
.section{padding:64px 0;}
.section-tight{padding:46px 0;}
.section-alt{background:var(--surface);}
.section-dark{
 background:linear-gradient(118deg,#161b38,#1a1f3d 52%,#252c58);
 color:#fff;position:relative;overflow:hidden;
}
.section-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 8%,rgba(55,224,200,.14),transparent 42%);}
.section-dark .container{position:relative;z-index:2;}
.section-head{max-width:780px;margin-bottom:32px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.eyebrow{
 display:inline-flex;align-items:center;gap:8px;
 font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--gold-deep);
 text-transform:uppercase;margin-bottom:10px;
}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-deep));}
.section-dark .eyebrow{color:var(--gold-2);}
.section-head h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;letter-spacing:-.01em;}
.section-head p{margin-top:12px;font-size:15px;color:var(--muted);line-height:1.9;}
.section-dark .section-head p{color:#a9b3d4;}

/* 数据条 */
.stat-strip{background:var(--surface);border-bottom:1px solid var(--line);padding:0;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:-34px;position:relative;z-index:5;overflow:hidden;}
.stat-card{padding:24px 22px;border-right:1px solid var(--line);}
.stat-card:last-child{border-right:0;}
.stat-card b{display:block;font-size:26px;font-weight:900;color:var(--ink);line-height:1.3;}
.stat-card b em{font-style:normal;font-size:14px;color:var(--gold-deep);margin-left:3px;}
.stat-card span{font-size:13px;color:var(--muted);}

/* 判断点：左文右列 */
.feature-row{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start;}
.feature-visual{
 border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);
 border:1px solid var(--line);background:#fff;
}
.feature-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.feature-visual .visual-cap{padding:14px 18px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);}
.point-list{display:grid;gap:14px;}
.point-item{
 display:grid;grid-template-columns:44px 1fr;gap:16px;
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 padding:20px 22px;box-shadow:var(--shadow-sm);
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.point-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(255,180,0,.55);}
.point-num{
 width:44px;height:44px;border-radius:11px;display:grid;place-items:center;
 background:linear-gradient(135deg,var(--ink-2),var(--ink-3));color:var(--gold-2);
 font-weight:900;font-size:16px;
}
.point-item h3{font-size:16.5px;font-weight:800;margin-bottom:6px;}
.point-item p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.tag{
 display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;
 background:rgba(26,31,61,.06);color:var(--ink-3);border:1px solid rgba(26,31,61,.08);
}
.tag.gold{background:rgba(255,180,0,.16);color:#8a5c00;border-color:rgba(255,180,0,.4);}
.tag.cool{background:rgba(55,224,200,.14);color:#0d6b5f;border-color:rgba(55,224,200,.4);}

/* 机型卡片 */
.machine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.machine-card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.machine-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(255,180,0,.5);}
.machine-card .thumb{position:relative;overflow:hidden;}
.machine-card .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease;}
.machine-card:hover .thumb img{transform:scale(1.04);}
.machine-card .thumb .badge{
 position:absolute;left:14px;top:14px;padding:4px 11px;border-radius:7px;
 font-size:12px;font-weight:800;color:#241a00;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.machine-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1;}
.machine-body h3{font-size:17px;font-weight:800;}
.machine-body p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.machine-body .tag-row{margin-top:auto;}

/* 补录列表 */
.brief-list{margin-top:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;}
.brief-list h3{font-size:15px;font-weight:800;padding:16px 22px;border-bottom:1px solid var(--line);background:#fbfbfe;}
.brief-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 22px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted);}
.brief-list li:last-child{border-bottom:0;}
.brief-list li strong{color:var(--text);font-weight:700;flex:none;}
.brief-list li em{font-style:normal;font-size:12px;color:var(--gold-deep);font-weight:700;flex:none;margin-left:auto;white-space:nowrap;}

/* 流程 */
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step-card{
 background:rgba(255,255,255,.055);
 border:1px solid rgba(255,255,255,.14);
 border-radius:var(--radius);padding:22px 20px;
 transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.step-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,180,0,.5);transform:translateY(-3px);}
.step-card .step-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--gold-2);margin-bottom:12px;display:block;}
.step-card h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:8px;}
.step-card p{font-size:14px;color:#a9b3d4;line-height:1.85;}

/* 复盘 */
.case-list{display:grid;gap:24px;}
.case-card{
 display:grid;grid-template-columns:.72fr 1fr;gap:0;
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
 overflow:hidden;box-shadow:var(--shadow-sm);
 transition:box-shadow .22s ease,border-color .22s ease;
}
.case-card:hover{box-shadow:var(--shadow-md);border-color:rgba(255,180,0,.45);}
.case-card .case-img img{width:100%;height:100%;object-fit:cover;min-height:220px;}
.case-body{padding:26px 28px;}
.case-body .case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.case-body h3{font-size:18px;font-weight:800;margin-bottom:10px;}
.case-body p{font-size:14.5px;color:var(--muted);line-height:1.9;}
.case-result{margin-top:14px;padding:12px 16px;border-radius:10px;background:rgba(55,224,200,.09);border-left:3px solid var(--neon);font-size:14px;color:#12574f;}

/* 玩家反馈 */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.quote-card{
 background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);
 border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);
 transition:transform .2s ease,box-shadow .2s ease;
}
.quote-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.quote-card p{font-size:14.5px;color:var(--text);line-height:1.9;}
.quote-who{display:flex;align-items:center;gap:10px;margin-top:16px;}
.quote-who .avatar{
 width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(135deg,var(--ink-2),var(--ink-3));color:var(--gold-2);
 font-size:13px;font-weight:800;
}
.quote-who b{display:block;font-size:13.5px;font-weight:800;}
.quote-who span{font-size:12px;color:var(--muted);}

/* 误判对照 */
.misjudge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.misjudge-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);}
.misjudge-item .wrong{display:flex;gap:9px;font-size:14.5px;font-weight:700;color:#9a2f3a;margin-bottom:10px;}
.misjudge-item .wrong i{font-style:normal;flex:none;}
.misjudge-item .right{display:flex;gap:9px;font-size:14.5px;color:var(--muted);line-height:1.85;}
.misjudge-item .right i{font-style:normal;color:#0d8a77;flex:none;}

/* FAQ */
.faq-list{display:grid;gap:12px;max-width:960px;}
.faq-item{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;
}
.faq-item[open]{border-color:rgba(255,180,0,.55);box-shadow:var(--shadow-md);}
.faq-item summary{
 list-style:none;cursor:pointer;padding:18px 22px;font-size:15.5px;font-weight:800;
 display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
 content:"+";flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;
 background:rgba(26,31,61,.06);color:var(--ink-3);font-size:16px;font-weight:700;
}
.faq-item[open] summary::after{content:"−";background:rgba(255,180,0,.2);color:#8a5c00;}
.faq-item summary:focus-visible{outline:3px solid rgba(55,224,200,.5);outline-offset:-3px;}
.faq-body{padding:0 22px 20px;font-size:14.5px;color:var(--muted);line-height:1.9;}

/* CTA 保障条 */
.cta-band{
 background:linear-gradient(118deg,#1a1f3d,#2a3266 58%,#303a76);
 border-radius:var(--radius-lg);padding:38px 36px;color:#fff;
 display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
 box-shadow:var(--shadow-lg);position:relative;overflow:hidden;
}
.cta-band::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 20%,rgba(255,180,0,.22),transparent 46%),radial-gradient(circle at 6% 92%,rgba(55,224,200,.18),transparent 44%);}
.cta-band .cta-text{position:relative;z-index:2;max-width:680px;}
.cta-band h2{font-size:clamp(20px,2.3vw,27px);font-weight:900;margin-bottom:10px;}
.cta-band p{font-size:14.5px;color:#b8c1de;line-height:1.9;}
.cta-band .cta-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;}
.assure-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
.assure-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;font-size:13.5px;color:var(--muted);display:flex;gap:10px;align-items:flex-start;box-shadow:var(--shadow-sm);}
.assure-item b{display:block;color:var(--text);font-size:14px;margin-bottom:2px;}
.assure-item i{font-style:normal;flex:none;color:var(--gold-deep);font-weight:900;}

/* 底部固定条 */
.sticky-cta{
 position:fixed;left:0;right:0;bottom:0;z-index:70;
 background:rgba(20,25,55,.97);border-top:1px solid rgba(255,180,0,.4);
 backdrop-filter:blur(10px);color:#fff;box-shadow:0 -8px 28px rgba(10,14,40,.35);
}
.sticky-cta .container{display:flex;align-items:center;justify-content:space-between;gap:18px;height:76px;}
.sticky-cta .sticky-text{font-size:14px;color:#c3cbe7;display:flex;align-items:center;gap:10px;min-width:0;}
.sticky-cta .sticky-text b{color:var(--gold-2);font-weight:800;white-space:nowrap;}
.sticky-cta .sticky-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ============ 页脚 ============ */
.site-footer{background:#141936;color:#a9b3d4;padding:56px 0 22px;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;}
.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-weight:800;margin-bottom:14px;}
.footer-brand .brand-mark{width:34px;height:34px;font-size:15px;}
.footer-col p{font-size:13.5px;line-height:1.9;color:#8f99bd;}
.footer-col h4{font-size:14px;color:#fff;font-weight:800;margin:0 0 14px;letter-spacing:.02em;}
.footer-col ul{display:grid;gap:9px;}
.footer-col ul li a{font-size:13.5px;color:#95a0c4;}
.footer-col ul li a:hover{color:var(--gold-2);}
.footer-bottom{
 margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);
 display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
 font-size:12.5px;color:#7b85a8;
}

/* ============ 响应式 ============ */
@media (max-width:1024px){
 .hero-inner{grid-template-columns:1fr;gap:34px;padding:48px 0 56px;}
 .feature-row{grid-template-columns:1fr;gap:30px;}
 .step-grid{grid-template-columns:repeat(2,1fr);}
 .quote-grid{grid-template-columns:1fr;}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
 .stat-grid{grid-template-columns:repeat(2,1fr);}
 .stat-card:nth-child(2){border-right:0;}
 .stat-card:nth-child(1),.stat-card:nth-child(2){border-bottom:1px solid var(--line);}
 .nav-search{display:none;}
}
@media (max-width:860px){
 .main-nav{display:none;}
 .nav-toggle{display:inline-flex;}
 .navbar .container{height:62px;gap:14px;}
 .brand{font-size:16px;}
 .machine-grid{grid-template-columns:1fr;}
 .misjudge-grid{grid-template-columns:1fr;}
 .case-card{grid-template-columns:1fr;}
 .case-card .case-img img{min-height:180px;}
 .assure-row{grid-template-columns:1fr;}
 .topbar-right{display:none;}
}
@media (max-width:520px){
 body .container{padding:0 16px;}
 .section{padding:46px 0;}
 .hero-inner h1{font-size:24px;}
 .hero-actions .btn{width:100%;}
 .cta-band{padding:26px 20px;}
 .cta-band .cta-actions .btn{width:100%;}
 .stat-card{padding:18px 16px;}
 .stat-card b{font-size:22px;}
 .point-item{grid-template-columns:36px 1fr;gap:12px;padding:16px;}
 .point-num{width:36px;height:36px;font-size:14px;border-radius:9px;}
 .sticky-cta .container{height:auto;padding-top:10px;padding-bottom:10px;flex-direction:column;align-items:stretch;gap:8px;}
 .sticky-cta .sticky-text{justify-content:center;font-size:12.5px;}
 .sticky-cta .btn{width:100%;padding:10px 16px;font-size:14px;}
 .footer-grid{grid-template-columns:1fr;}
 .footer-bottom{flex-direction:column;align-items:flex-start;}
 .hero-panel{padding:18px;}
 .machine-body{padding:16px;}
 .case-body{padding:20px;}
}

/* roulang page: category3 */
:root{
 --ink:#1a1f3d;
 --ink-2:#232a52;
 --ink-3:#2d3568;
 --gold:#ffb400;
 --gold-2:#ffd05a;
 --gold-deep:#ff8a00;
 --neon:#37e0c8;
 --bg:#f5f6fb;
 --surface:#ffffff;
 --text:#1c2033;
 --muted:#5d6480;
 --line:#e3e6f2;
 --radius:12px;
 --radius-lg:18px;
 --shadow-sm:0 2px 10px rgba(26,31,61,.06);
 --shadow-md:0 10px 30px rgba(26,31,61,.10);
 --shadow-lg:0 18px 50px rgba(26,31,61,.18);
 --container:1200px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
 margin:0;
 font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.75;
 -webkit-font-smoothing:antialiased;
 padding-bottom:78px;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input{font:inherit;}
h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:800;letter-spacing:-.01em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px;}
/* ============ 顶部工具条 ============ */
.topbar{background:#111530;color:#9aa4c8;font-size:13px;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;}
.topbar-left{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar-left i{width:6px;height:6px;border-radius:50%;background:var(--neon);flex:none;}
.topbar-right{display:flex;align-items:center;gap:18px;white-space:nowrap;}
.topbar-right span{color:#7d87ad;}
/* ============ 主导航 ============ */
.site-header{position:sticky;top:0;z-index:60;}
.navbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 3px 20px rgba(10,14,40,.28);}
.navbar .container{display:flex;align-items:center;gap:26px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.brand-mark{
 width:36px;height:36px;border-radius:10px;flex:none;
 background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-deep));
 color:#241a00;font-weight:900;font-size:16px;display:grid;place-items:center;
 box-shadow:0 5px 16px rgba(255,180,0,.35);
}
.main-nav{display:flex;align-items:center;gap:2px;}
.main-nav a{position:relative;padding:9px 15px;font-size:15px;font-weight:500;color:#c3cbe7;border-radius:8px;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.main-nav a.active{color:var(--gold-2);font-weight:700;}
.main-nav a.active::after{
 content:"";position:absolute;left:15px;right:15px;bottom:1px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.nav-search{
 display:flex;align-items:center;gap:4px;
 background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
 border-radius:999px;padding:4px 4px 4px 15px;
}
.nav-search input{width:138px;background:none;border:0;outline:none;color:#fff;font-size:13px;}
.nav-search input::placeholder{color:#8b93b5;}
.nav-search button{
 padding:6px 15px;border-radius:999px;font-size:13px;font-weight:700;color:#241a00;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
}
.nav-search button:hover{filter:brightness(1.06);}
.nav-toggle{display:none;width:42px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;align-items:center;justify-content:center;}
.mobile-nav{display:none;background:#161b38;border-top:1px solid rgba(255,255,255,.08);padding:10px 0 16px;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:12px 24px;color:#c3cbe7;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-nav a:hover{color:#fff;background:rgba(255,255,255,.06);}
.mobile-nav a.active{color:var(--gold-2);font-weight:700;}
/* ============ 按钮 ============ */
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;
 border:1px solid transparent;white-space:nowrap;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold) 48%,var(--gold-deep));color:#241a00;box-shadow:0 8px 22px rgba(255,180,0,.34);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,180,0,.46);}
.btn-gold:active{transform:translateY(0);}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.07);}
.btn-ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);}
.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm);}
.btn-dark:hover{background:var(--ink-3);transform:translateY(-2px);}
.btn-sm{padding:9px 18px;font-size:14px;border-radius:9px;}
/* ============ 奖励关 Hero ============ */
.hero-bonus{
 position:relative;overflow:hidden;color:#fff;
 background:
 linear-gradient(115deg,rgba(12,15,38,.96) 0%,rgba(26,31,61,.92) 46%,rgba(38,45,92,.74) 100%),
 url('/assets/images/backpic/back-3.webp') center/cover no-repeat;
}
.hero-bonus::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 88% 12%,rgba(55,224,200,.22),transparent 48%),
 radial-gradient(circle at 8% 96%,rgba(255,180,0,.18),transparent 46%);
}
.hero-bonus-inner{
 position:relative;z-index:2;
 display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;
 padding:64px 0 70px;
}
.hero-badge{
 display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;
 background:rgba(55,224,200,.12);border:1px solid rgba(55,224,200,.42);
 color:var(--neon);font-size:13px;font-weight:600;letter-spacing:.02em;
}
.hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 3px rgba(55,224,200,.2);}
.hero-bonus h1{font-size:clamp(27px,3.3vw,42px);margin:20px 0 16px;color:#fff;}
.hero-bonus h1 .hl{color:var(--gold);}
.hero-sub{font-size:16.5px;font-weight:600;color:#d3daf1;margin-bottom:14px;}
.hero-desc{font-size:15px;line-height:1.9;color:#a7b1d3;max-width:640px;margin-bottom:28px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px;}
.hero-stats{display:flex;flex-wrap:wrap;gap:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);}
.hero-stat b{display:block;font-size:24px;font-weight:800;color:#fff;line-height:1.3;}
.hero-stat span{font-size:13px;color:#98a2c6;}
.hero-poster{position:relative;}
.hero-poster img{
 width:100%;border-radius:var(--radius-lg);
 border:1px solid rgba(255,255,255,.18);
 box-shadow:0 26px 60px rgba(6,9,28,.6);
}
.hot-badge{
 position:absolute;top:-14px;left:-12px;
 display:inline-flex;align-items:center;gap:7px;
 padding:8px 15px;border-radius:999px;font-size:13px;font-weight:800;
 color:#241a00;background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
 box-shadow:0 10px 24px rgba(255,180,0,.4);
}
.poster-caption{
 margin-top:16px;padding:14px 18px;border-radius:var(--radius);
 background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
 font-size:13.5px;color:#c3cbe7;line-height:1.7;
}
.poster-caption b{color:var(--gold-2);}
/* ============ 通用板块 ============ */
.section{padding:70px 0;}
.section-alt{background:#eef0f8;}
.section-dark{
 background:
 linear-gradient(120deg,rgba(20,24,54,.97),rgba(35,42,82,.95)),
 url('/assets/images/backpic/back-6.webp') center/cover no-repeat;
 color:#fff;
}
.section-head{max-width:760px;margin-bottom:38px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.eyebrow{
 display:inline-block;font-size:13px;font-weight:800;letter-spacing:.14em;
 color:var(--gold-deep);text-transform:uppercase;margin-bottom:12px;
}
.section-dark .eyebrow{color:var(--gold);}
.section-head h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:14px;color:var(--ink);}
.section-dark .section-head h2{color:#fff;}
.section-head p{font-size:15px;color:var(--muted);line-height:1.9;}
.section-dark .section-head p{color:#aeb8d8;}
/* ============ 卡片 ============ */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 box-shadow:var(--shadow-sm);padding:26px;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cfd5ea;}
.reward-card h3{font-size:18px;margin:14px 0 10px;color:var(--ink);}
.reward-card p{font-size:14.5px;color:var(--muted);line-height:1.85;}
.chip{
 display:inline-flex;align-items:center;gap:6px;
 padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.02em;
}
.chip-gold{background:rgba(255,180,0,.16);color:#a06a00;border:1px solid rgba(255,180,0,.4);}
.chip-neon{background:rgba(55,224,200,.14);color:#0f7c6d;border:1px solid rgba(55,224,200,.4);}
.chip-ink{background:rgba(26,31,61,.08);color:var(--ink-3);border:1px solid rgba(26,31,61,.16);}
.dot-list{margin-top:16px;display:grid;gap:9px;}
.dot-list li{
 position:relative;padding-left:18px;font-size:14px;color:#3c4363;line-height:1.75;
}
.dot-list li::before{
 content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;
 background:linear-gradient(135deg,var(--gold),var(--gold-deep));
}
/* ============ 触发条件表 ============ */
.trigger-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:start;}
.trigger-figure img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #dfe3f1;}
.trigger-figure figcaption{
 margin-top:14px;font-size:13.5px;color:var(--muted);line-height:1.75;
}
.cond-table{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
 box-shadow:var(--shadow-sm);overflow:hidden;
}
.cond-row{
 display:grid;grid-template-columns:1.05fr 1.1fr .95fr;gap:14px;
 padding:16px 20px;border-bottom:1px solid var(--line);align-items:center;
 font-size:14px;
}
.cond-row:last-child{border-bottom:0;}
.cond-row.head{
 background:linear-gradient(120deg,var(--ink),var(--ink-3));color:#fff;
 font-weight:700;font-size:13.5px;letter-spacing:.03em;
}
.cond-row .cond-name{font-weight:700;color:var(--ink);}
.cond-row .cond-signal{color:var(--muted);}
.cond-row .cond-act{color:#0f7c6d;font-weight:600;}
/* ============ 数据区 ============ */
.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.data-card{
 background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
 border-radius:var(--radius);padding:24px 22px;
 transition:transform .2s ease,background .2s ease;
}
.data-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);}
.data-card .data-label{font-size:13px;color:#a7b1d3;margin-bottom:8px;}
.data-card b{display:block;font-size:28px;font-weight:900;color:var(--gold);line-height:1.2;}
.data-card b small{font-size:14px;font-weight:700;color:#d3daf1;margin-left:4px;}
.data-card p{font-size:13px;color:#98a2c6;margin-top:10px;line-height:1.7;}
.meter-list{margin-top:34px;display:grid;gap:18px;}
.meter-item{display:grid;grid-template-columns:150px 1fr 74px;gap:16px;align-items:center;font-size:14px;color:#c9d1ea;}
.meter-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;}
.meter-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-2),var(--gold-deep));}
.meter-item b{color:var(--gold-2);text-align:right;font-size:14px;}
/* ============ 流程时间线 ============ */
.flow-list{display:grid;gap:18px;}
.flow-step{
 display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 padding:22px 24px;box-shadow:var(--shadow-sm);
 transition:box-shadow .2s ease,transform .2s ease;
}
.flow-step:hover{transform:translateX(4px);box-shadow:var(--shadow-md);}
.step-num{
 width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
 font-size:19px;font-weight:900;color:#241a00;
 background:linear-gradient(135deg,var(--gold-2),var(--gold-deep));
 box-shadow:0 8px 20px rgba(255,180,0,.3);
}
.flow-step h3{font-size:17px;color:var(--ink);margin-bottom:8px;}
.flow-step p{font-size:14.5px;color:var(--muted);line-height:1.85;}
/* ============ 对比差异 ============ */
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.compare-col{border-radius:var(--radius-lg);padding:26px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);}
.compare-col h3{font-size:17px;margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.compare-col .tag-dot{width:10px;height:10px;border-radius:50%;flex:none;}
.compare-col.bad .tag-dot{background:#e2574c;}
.compare-col.good .tag-dot{background:#1aa87a;}
.compare-col.bad h3{color:#b13a31;}
.compare-col.good h3{color:#0f7c6d;}
.compare-col li{
 font-size:14.5px;color:#3c4363;line-height:1.8;padding:11px 0;border-bottom:1px dashed var(--line);
}
.compare-col li:last-child{border-bottom:0;}
/* ============ 复盘记录 ============ */
.review-card{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
 overflow:hidden;box-shadow:var(--shadow-sm);
 transition:transform .2s ease,box-shadow .2s ease;
}
.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.review-card img{width:100%;height:172px;object-fit:cover;}
.review-body{padding:22px 22px 24px;}
.review-body h3{font-size:16.5px;color:var(--ink);margin-bottom:10px;}
.review-body p{font-size:14px;color:var(--muted);line-height:1.85;}
.review-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.review-score{
 margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);
 font-size:13.5px;color:#3c4363;display:flex;justify-content:space-between;gap:10px;
}
.review-score b{color:var(--gold-deep);font-size:15px;}
/* ============ FAQ ============ */
.faq-wrap{max-width:880px;margin:0 auto;display:grid;gap:14px;}
.faq-item{
 background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
 box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;
}
.faq-item[open]{border-color:rgba(255,180,0,.55);box-shadow:var(--shadow-md);}
.faq-item summary{
 list-style:none;cursor:pointer;padding:19px 24px;font-size:15.5px;font-weight:700;color:var(--ink);
 display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
 content:"+";flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
 font-size:17px;font-weight:700;color:#7a5a00;background:rgba(255,180,0,.18);
 transition:transform .2s ease,background .2s ease;
}
.faq-item[open] summary::after{content:"–";background:var(--gold);color:#241a00;}
.faq-item .faq-answer{padding:0 24px 22px;font-size:14.5px;color:var(--muted);line-height:1.9;}
/* ============ 收口转化 ============ */
.cta-band{
 position:relative;overflow:hidden;border-radius:var(--radius-lg);
 padding:44px 42px;color:#fff;
 background:
 linear-gradient(118deg,rgba(16,20,48,.96),rgba(45,53,104,.92)),
 url('/assets/images/backpic/back-8.webp') center/cover no-repeat;
 box-shadow:var(--shadow-lg);
 display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.cta-band h2{font-size:clamp(20px,2.2vw,27px);margin-bottom:10px;color:#fff;}
.cta-band p{font-size:14.5px;color:#c3cbe7;line-height:1.85;max-width:640px;}
.cta-band .cta-actions{display:flex;flex-wrap:wrap;gap:12px;}
/* ============ 页脚 ============ */
.site-footer{background:var(--ink);color:#a7b1d3;padding:56px 0 0;margin-top:8px;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:17px;font-weight:800;margin-bottom:14px;}
.footer-col p{font-size:13.5px;line-height:1.9;color:#98a2c6;}
.footer-col h4{font-size:14.5px;color:#fff;margin-bottom:16px;letter-spacing:.02em;}
.footer-col ul{display:grid;gap:10px;}
.footer-col ul a{font-size:13.5px;color:#98a2c6;}
.footer-col ul a:hover{color:var(--gold-2);}
.footer-bottom{
 display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
 padding:20px 0 26px;font-size:13px;color:#7d87ad;
}
/* ============ 底部固定条 ============ */
.fixed-bar{
 position:fixed;left:0;right:0;bottom:0;z-index:70;
 background:rgba(17,21,48,.96);backdrop-filter:blur(8px);
 border-top:1px solid rgba(255,255,255,.12);
}
.fixed-bar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding-top:10px;padding-bottom:10px;}
.fixed-bar .fixed-text{font-size:13.5px;color:#c3cbe7;line-height:1.6;}
.fixed-bar .fixed-text b{color:var(--gold-2);}
.fixed-bar .fixed-actions{display:flex;align-items:center;gap:10px;flex:none;}
/* ============ 响应式 ============ */
@media (max-width:1024px){
 .hero-bonus-inner{grid-template-columns:1fr;gap:34px;padding:52px 0 58px;}
 .hero-poster{max-width:520px;}
 .grid-3{grid-template-columns:repeat(2,1fr);}
 .data-grid{grid-template-columns:repeat(2,1fr);}
 .trigger-wrap{grid-template-columns:1fr;gap:30px;}
 .nav-search{display:none;}
 .main-nav a{padding:9px 11px;font-size:14px;}
 .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:28px;}
}
@media (max-width:768px){
 .topbar .container{height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:4px;font-size:12px;}
 .topbar-right{display:none;}
 .navbar .container{height:62px;gap:14px;}
 .main-nav{display:none;}
 .nav-toggle{display:flex;margin-left:auto;}
 .brand{font-size:16px;}
 .container{padding:0 18px;}
 .section{padding:52px 0;}
 .grid-3,.grid-2,.compare-grid{grid-template-columns:1fr;}
 .data-grid{grid-template-columns:1fr 1fr;gap:14px;}
 .hero-stats{gap:26px;}
 .hero-stat b{font-size:21px;}
 .cond-row{grid-template-columns:1fr;gap:6px;padding:15px 18px;}
 .cond-row.head{display:none;}
 .cond-row .cond-name::before{content:"条件 · ";color:var(--muted);font-weight:600;}
 .cond-row .cond-signal::before{content:"面板表现 · ";color:var(--muted);font-weight:600;}
 .cond-row .cond-act::before{content:"处理动作 · ";color:var(--muted);font-weight:600;}
 .meter-item{grid-template-columns:1fr;gap:8px;}
 .meter-item b{text-align:left;}
 .flow-step{grid-template-columns:1fr;gap:12px;}
 .cta-band{padding:32px 24px;}
 .fixed-bar .fixed-text{font-size:12.5px;}
 .footer-grid{grid-template-columns:1fr 1fr;}
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;}
}
@media (max-width:520px){
 .hero-bonus h1{font-size:24px;}
 .hero-desc{font-size:14px;}
 .hero-actions .btn{width:100%;}
 .data-grid{grid-template-columns:1fr;}
 .review-card img{height:150px;}
 .cta-band .cta-actions .btn{width:100%;}
 .fixed-bar .fixed-text{display:none;}
 .fixed-bar .container{justify-content:center;}
 .fixed-bar .fixed-actions{width:100%;}
 .fixed-bar .fixed-actions .btn{flex:1;}
 .footer-grid{grid-template-columns:1fr;}
}