/* roulang page: index */
:root{
  --bg-900:#05080f;
  --bg-800:#080e1b;
  --bg-700:#0c1526;
  --glass:rgba(255,255,255,.055);
  --glass-2:rgba(255,255,255,.09);
  --stroke:rgba(126,180,255,.16);
  --stroke-strong:rgba(126,180,255,.32);
  --primary:#2fe6c8;
  --primary-dim:#17a894;
  --secondary:#6b5cff;
  --accent:#ff7a59;
  --text:#e8eefc;
  --text-2:#9fb0cc;
  --text-3:#68799a;
  --r-card:18px;
  --r-input:12px;
  --shadow-hover:0 12px 36px rgba(0,0,0,.45);
  --mono:ui-monospace,"SF Mono",Consolas,"Courier New",monospace;
  --bs-body-bg:transparent;
  --bs-body-color:#e8eefc;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--bg-900);
  color:var(--text);
  font-size:15.5px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(920px 540px at 6% -8%, rgba(47,230,200,.08), transparent 62%),
    radial-gradient(1040px 620px at 98% 2%, rgba(107,92,255,.10), transparent 64%);
}
img{max-width:100%;display:block;}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--primary);}
h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.01em;margin:0;}
p{margin:0 0 12px;}
ul,ol{margin:0;padding:0;list-style:none;}
button{font-family:inherit;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.sec{position:relative;z-index:1;padding:88px 0;}
.sec--alt{background:var(--bg-800);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);}
.sec--deep{background:var(--bg-700);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);}
.sec-head{max-width:780px;margin-bottom:44px;}
.sec-title{font-size:clamp(23px,2.8vw,32px);line-height:1.25;margin-bottom:12px;}
.sec-sub{color:var(--text-2);font-size:15px;margin:0;}
.kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;letter-spacing:.14em;color:var(--primary);
  text-transform:uppercase;margin-bottom:14px;font-weight:600;
}
.kicker::before{content:"";width:22px;height:1px;background:var(--primary);display:block;}
.badge-glass{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(47,230,200,.10);
  color:var(--primary);
  border:1px solid rgba(47,230,200,.28);
  border-radius:999px;
  padding:4px 12px;
  font-size:12px;
  font-weight:500;
  line-height:1.6;
}
.badge-glass.is-violet{background:rgba(107,92,255,.14);border-color:rgba(107,92,255,.36);color:#b3abff;}
.badge-glass.is-orange{background:rgba(255,122,89,.12);border-color:rgba(255,122,89,.34);color:#ff9d83;}
.mono{font-family:var(--mono);letter-spacing:-.02em;font-weight:600;}

/* ---------- 导航 ---------- */
.site-header{position:sticky;top:0;z-index:1000;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease;}
.site-header.is-stuck{background:rgba(5,8,15,.82);backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--stroke);}
.nav-row{display:flex;align-items:center;gap:24px;height:74px;}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);flex-shrink:0;}
.brand:hover{color:var(--text);}
.brand-mark{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--primary),var(--secondary));
  color:#04140f;font-weight:800;font-size:15px;letter-spacing:-.02em;
  box-shadow:0 0 20px rgba(47,230,200,.34);
}
.brand-txt{line-height:1.15;}
.brand-name{display:block;font-size:17px;font-weight:700;letter-spacing:.02em;}
.brand-sub{display:block;font-size:10.5px;color:var(--text-3);letter-spacing:.16em;font-weight:500;}
.nav-links{display:flex;align-items:center;gap:2px;margin-right:auto;}
.nav-link-x{
  position:relative;display:inline-block;padding:9px 13px;border-radius:9px;
  color:var(--text-2);font-size:14.5px;transition:color .2s ease;
}
.nav-link-x::after{
  content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;
  background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.nav-link-x:hover,.nav-link-x:focus-visible{color:var(--text);}
.nav-link-x:hover::after,.nav-link-x.active::after{transform:scaleX(1);}
.nav-link-x.active{color:var(--text);}
.nav-side{display:flex;align-items:center;gap:14px;}
.lang-pill{
  display:inline-flex;align-items:center;height:34px;padding:3px;gap:2px;
  background:var(--glass);border:1px solid var(--stroke);border-radius:999px;
  backdrop-filter:blur(10px);
}
.lang-pill a{
  display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;
  border-radius:999px;font-size:13px;color:var(--text-2);transition:all .2s ease;
}
.lang-pill a.on{background:var(--primary);color:#04140f;font-weight:600;}
.lang-pill a:not(.on):hover{color:var(--text);background:var(--glass-2);}
.nav-toggle{
  display:none;width:42px;height:38px;border:1px solid var(--stroke);border-radius:11px;
  background:var(--glass);padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;
}
.nav-toggle span{display:block;width:17px;height:2px;background:var(--text);border-radius:2px;transition:.2s;}
.mobile-menu{display:none;border-top:1px solid var(--stroke);background:rgba(5,8,15,.96);backdrop-filter:blur(16px);padding:12px 0 20px;}
.mobile-menu a{display:block;padding:11px 24px;color:var(--text-2);font-size:15px;border-radius:0;}
.mobile-menu a:hover{color:var(--primary);}
.site-header.open .mobile-menu{display:block;}

/* ---------- 按钮 ---------- */
.btn-glow{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--primary);color:#04140f;border:none;border-radius:999px;
  padding:14px 28px;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;
  box-shadow:0 0 0 1px rgba(47,230,200,.5),0 10px 30px rgba(47,230,200,.26);
  transition:transform .2s ease,box-shadow .25s ease,background .2s ease;
}
.btn-glow:hover{color:#04140f;background:#4ff2d8;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(47,230,200,.6),0 14px 40px rgba(47,230,200,.42);}
.btn-glow:active{transform:translateY(1px);box-shadow:0 0 0 1px rgba(47,230,200,.5),0 6px 16px rgba(47,230,200,.22);}
.btn-glow:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;color:var(--text);border:1px solid var(--stroke-strong);
  border-radius:999px;padding:13px 26px;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;
  transition:background .2s ease,transform .2s ease,border-color .2s ease,color .2s ease;
}
.btn-ghost:hover{background:var(--glass-2);color:var(--text);border-color:var(--primary);transform:translateY(-2px);}
.btn-ghost:active{transform:translateY(0);}
.btn-ghost:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.btn-sm-x{padding:10px 20px;font-size:14px;}

/* ---------- 玻璃卡 ---------- */
.glass-card{
  background:var(--glass);
  border:1px solid var(--stroke);
  border-radius:var(--r-card);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  padding:26px;
  height:100%;
}
.glass-card:hover{transform:translateY(-3px);border-color:var(--stroke-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow-hover);}
.icon-box{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:rgba(47,230,200,.10);border:1px solid rgba(47,230,200,.26);
  color:var(--primary);margin-bottom:16px;
}
.icon-box svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.icon-box.violet{background:rgba(107,92,255,.14);border-color:rgba(107,92,255,.34);color:#9d94ff;}

/* ---------- Hero ---------- */
.hero{position:relative;z-index:1;overflow:hidden;padding:56px 0 76px;border-bottom:1px solid var(--stroke);}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.26;}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,15,.70) 0%,rgba(5,8,15,.90) 58%,var(--bg-900) 100%);
}
.hero .wrap{position:relative;z-index:2;}
.hero h1{font-size:clamp(30px,4.1vw,52px);line-height:1.15;margin:18px 0 16px;letter-spacing:-.02em;}
.hero h1 .hl{color:var(--primary);}
.hero-lead{font-size:17px;color:var(--text-2);max-width:520px;margin-bottom:10px;}
.hero-pain{
  display:inline-flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--text-2);
  background:var(--glass);border:1px solid var(--stroke);border-radius:14px;padding:12px 16px;margin:6px 0 26px;
  max-width:520px;
}
.hero-pain b{color:var(--text);font-weight:600;}
.hero-pain .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:9px;flex-shrink:0;box-shadow:0 0 10px rgba(255,122,89,.8);}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;}
.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:var(--text-3);font-size:13px;}
.trust-row span{display:inline-flex;align-items:center;gap:7px;}
.trust-row svg{width:14px;height:14px;stroke:var(--primary);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.hero-card{padding:26px;}
.hero-card h2{font-size:19px;margin-bottom:6px;}
.hero-card .hint{font-size:13.5px;color:var(--text-3);margin-bottom:18px;}
.field{margin-bottom:15px;}
.field label{display:block;font-size:13px;color:var(--text-2);margin-bottom:7px;font-weight:500;}
.field .req{color:var(--accent);}
.form-control,.form-select{
  background:rgba(255,255,255,.04);
  border:1px solid var(--stroke);
  color:var(--text);
  border-radius:var(--r-input);
  padding:11px 14px;
  font-size:14.5px;
  line-height:1.5;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
  width:100%;
}
.form-control::placeholder{color:var(--text-3);}
.form-control:focus,.form-select:focus{
  background:rgba(255,255,255,.06);
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(47,230,200,.16);
  color:var(--text);
  outline:none;
}
.form-select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239fb0cc'%3E%3Cpath d='M8 11.2 3.2 6.4l1-1L8 9.2l3.8-3.8 1 1z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px;
  padding-right:38px;
}
.form-select option{background:var(--bg-700);color:var(--text);}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;}
.chip-radio{position:relative;display:inline-flex;cursor:pointer;}
.chip-radio input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.chip-radio span{
  display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;
  border:1px solid var(--stroke);background:rgba(255,255,255,.03);
  color:var(--text-2);font-size:13px;transition:all .2s ease;
}
.chip-radio input:checked + span{background:rgba(47,230,200,.14);border-color:rgba(47,230,200,.5);color:var(--primary);}
.chip-radio input:focus-visible + span{outline:2px solid var(--primary);outline-offset:2px;}
.chip-radio:hover span{border-color:var(--stroke-strong);color:var(--text);}
.form-note{font-size:12px;color:var(--text-3);line-height:1.65;margin:12px 0 0;}

/* ---------- 指标看板 ---------- */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.metric{
  background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);
  padding:22px;backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.metric:hover{transform:translateY(-3px);border-color:var(--stroke-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow-hover);}
.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.metric-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(107,92,255,.14);border:1px solid rgba(107,92,255,.3);color:#9d94ff;}
.metric-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.metric-num{font-family:var(--mono);font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--primary);line-height:1.2;}
.metric-num small{font-size:14px;color:var(--text-2);margin-left:4px;font-weight:500;}
.metric-label{font-size:13.5px;color:var(--text-2);margin-top:4px;}
.trend{font-size:11.5px;padding:2px 8px;border-radius:999px;background:rgba(255,122,89,.12);color:#ff9d83;border:1px solid rgba(255,122,89,.28);font-family:var(--mono);}

/* ---------- Bento ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.bento-item{
  background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);
  padding:26px;backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.bento-item:hover{transform:translateY(-3px);border-color:var(--stroke-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow-hover);}
.bento-item.lg{grid-column:span 3;}
.bento-item.sm{grid-column:span 2;}
.bento-item h3{font-size:19px;margin-bottom:8px;}
.bento-item p{font-size:14px;color:var(--text-2);margin:0;line-height:1.72;}
.bento-item.lg h3{font-size:21px;}

/* ---------- 对比 ---------- */
.compare{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:stretch;}
.cmp-col{
  background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);padding:28px;
  backdrop-filter:blur(14px) saturate(140%);
}
.cmp-col.is-good{
  border-color:rgba(47,230,200,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 42px rgba(47,230,200,.10);
}
.cmp-head{display:flex;align-items:center;gap:10px;margin-bottom:20px;}
.cmp-head h3{font-size:17px;}
.cmp-list li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed rgba(126,180,255,.12);font-size:14.5px;color:var(--text-2);}
.cmp-list li:last-child{border-bottom:none;}
.cmp-list .mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:3px;}
.cmp-list .mark svg{width:11px;height:11px;stroke:#04140f;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.mark.no{background:rgba(159,176,204,.18);}
.mark.no svg{stroke:var(--text-2);}
.mark.yes{background:var(--primary);box-shadow:0 0 12px rgba(47,230,200,.5);}
.cmp-col.is-good .cmp-list li{color:var(--text);}
.cmp-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.cmp-mid .line{flex:1;width:1px;background:linear-gradient(180deg,transparent,var(--stroke-strong),transparent);}
.cmp-mid .tag{font-size:12px;color:var(--text-3);border:1px solid var(--stroke);border-radius:999px;padding:4px 10px;background:var(--glass);}

/* ---------- 时间线 ---------- */
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:14px;}
.timeline::before{
  content:"";position:absolute;left:6%;right:6%;top:7px;height:1px;
  background:linear-gradient(90deg,rgba(47,230,200,.15),rgba(47,230,200,.6),rgba(107,92,255,.6));
}
.tl-item{position:relative;padding-top:34px;}
.tl-dot{position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px rgba(47,230,200,.8);border:2px solid var(--bg-900);}
.tl-item.dim .tl-dot{background:var(--secondary);box-shadow:0 0 14px rgba(107,92,255,.75);}
.tl-stage{font-family:var(--mono);font-size:12px;color:var(--text-3);letter-spacing:.08em;margin-bottom:6px;}
.tl-item h3{font-size:16px;margin-bottom:6px;}
.tl-item p{font-size:13.5px;color:var(--text-2);margin:0;}

/* ---------- 城市与分类入口 ---------- */
.city-chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 15px;border-radius:999px;
  background:var(--glass);border:1px solid var(--stroke);
  color:var(--text-2);font-size:13.5px;
  transition:all .2s ease;
}
.chip:hover{border-color:rgba(47,230,200,.5);color:var(--primary);background:rgba(47,230,200,.08);}
.chip .n{font-family:var(--mono);font-size:11.5px;color:var(--text-3);}
.cat-card{
  display:block;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);
  padding:22px;color:var(--text);height:100%;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  backdrop-filter:blur(14px) saturate(140%);
}
.cat-card:hover{transform:translateY(-3px);border-color:rgba(47,230,200,.45);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow-hover);}
.cat-card h3{font-size:16.5px;margin-bottom:6px;}
.cat-card p{font-size:13.5px;color:var(--text-2);margin:0 0 12px;}
.cat-card .go{font-size:13px;color:var(--primary);display:inline-flex;align-items:center;gap:6px;}

/* ---------- 场景 ---------- */
.scene-card{position:relative;overflow:hidden;padding:0;}
.scene-card .thumb{aspect-ratio:16/10;background:var(--bg-700);overflow:hidden;}
.scene-card .thumb img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .4s ease,opacity .3s ease;}
.scene-card:hover .thumb img{transform:scale(1.04);opacity:.95;}
.scene-body{padding:20px 22px 24px;}
.scene-body h3{font-size:16.5px;margin-bottom:6px;}
.scene-body p{font-size:13.5px;color:var(--text-2);margin:0;}

/* ---------- 资讯列表 ---------- */
.news-item{
  display:grid;grid-template-columns:200px 1fr;gap:20px;
  background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);
  padding:18px;height:100%;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.news-item:hover{transform:translateY(-3px);border-color:var(--stroke-strong);box-shadow:var(--shadow-hover);}
.news-thumb{aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--bg-700);}
.news-thumb img{width:100%;height:100%;object-fit:cover;opacity:.82;}
.news-body h3{font-size:16.5px;line-height:1.5;margin-bottom:7px;}
.news-body p{font-size:13.5px;color:var(--text-2);margin:0 0 12px;}
.news-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--text-3);}
.news-meta .m{font-family:var(--mono);}

/* ---------- 保障条 ---------- */
.guard-item{display:flex;gap:16px;align-items:flex-start;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);padding:22px;}
.guard-item .icon-box{margin-bottom:0;flex-shrink:0;}
.guard-item h3{font-size:15.5px;margin-bottom:4px;}
.guard-item p{font-size:13.5px;color:var(--text-2);margin:0;}

/* ---------- 速答卡 ---------- */
.quick-card{position:relative;padding:26px;}
.quick-no{font-family:var(--mono);font-size:13px;color:var(--text-3);letter-spacing:.08em;margin-bottom:12px;display:block;}
.quick-card h3{font-size:16.5px;margin-bottom:10px;}
.quick-card p{font-size:13.5px;color:var(--text-2);margin:0 0 16px;}
.quick-card .more{font-size:13px;color:var(--primary);display:inline-flex;align-items:center;gap:6px;}

/* ---------- 口碑 ---------- */
.quote-card{position:relative;padding:26px;}
.quote-mark{font-family:Georgia,serif;font-size:44px;line-height:1;color:rgba(47,230,200,.35);margin-bottom:6px;}
.quote-card p{font-size:14.5px;color:var(--text);margin:0 0 18px;line-height:1.75;}
.quote-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.quote-user{font-size:13.5px;color:var(--text-2);}
.quote-user b{color:var(--text);font-weight:600;}

/* ---------- FAQ ---------- */
.acc-wrap{max-width:920px;margin:0 auto;}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-color:var(--text);--bs-accordion-border-color:transparent;--bs-accordion-border-width:0;--bs-accordion-btn-color:var(--text);--bs-accordion-btn-bg:transparent;--bs-accordion-active-color:var(--text);--bs-accordion-active-bg:transparent;--bs-accordion-btn-focus-box-shadow:none;}
.faq-acc .accordion-item{
  background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-card);
  margin-bottom:14px;overflow:hidden;position:relative;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.faq-acc .accordion-item:hover{border-color:var(--stroke-strong);}
.faq-acc .accordion-button{
  background:transparent;color:var(--text);font-size:15.5px;font-weight:600;
  padding:20px 58px 20px 24px;box-shadow:none;border-radius:var(--r-card);
  transition:color .2s ease;
}
.faq-acc .accordion-button:not(.collapsed){color:var(--primary);}
.faq-acc .accordion-button::after{display:none;}
.faq-acc .accordion-button::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:var(--primary);box-shadow:0 0 12px rgba(47,230,200,.7);
  opacity:0;transition:opacity .25s ease;
}
.faq-acc .accordion-button:not(.collapsed)::before{opacity:1;}
.faq-acc .plus{
  position:absolute;right:22px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;border:1px solid var(--stroke-strong);
  display:grid;place-items:center;color:var(--text-2);transition:transform .3s ease,color .25s ease,border-color .25s ease;
}
.faq-acc .plus svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;}
.faq-acc .accordion-button:not(.collapsed) .plus{color:var(--primary);border-color:rgba(47,230,200,.6);transform:translateY(-50%) rotate(45deg);}
.faq-acc .accordion-body{padding:0 24px 22px;color:var(--text-2);font-size:14px;line-height:1.8;}

/* ---------- 转化表单 ---------- */
.convert-card{
  background:var(--glass);border:1px solid var(--stroke);border-radius:22px;padding:32px;
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.convert-list li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:14.5px;color:var(--text-2);}
.convert-list .mark{width:20px;height:20px;border-radius:50%;background:rgba(47,230,200,.14);border:1px solid rgba(47,230,200,.4);display:grid;place-items:center;flex-shrink:0;margin-top:4px;}
.convert-list .mark svg{width:11px;height:11px;stroke:var(--primary);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.agree{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--text-3);line-height:1.6;}
.agree input{margin-top:3px;width:15px;height:15px;accent-color:var(--primary);flex-shrink:0;}

/* ---------- 页脚 ---------- */
.site-footer{position:relative;z-index:1;background:var(--bg-800);border-top:1px solid var(--stroke);padding:64px 0 0;}
.footer-brand{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.footer-desc{font-size:13.5px;color:var(--text-3);line-height:1.8;max-width:400px;}
.footer-title{font-size:13px;color:var(--text);font-weight:600;letter-spacing:.06em;margin-bottom:14px;}
.footer-links li{margin-bottom:9px;}
.footer-links a{font-size:13.5px;color:var(--text-3);transition:color .2s ease;}
.footer-links a:hover{color:var(--primary);}
.footer-bottom{
  margin-top:48px;border-top:1px solid var(--stroke);padding:20px 0 26px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  font-size:12.5px;color:var(--text-3);
}
.footer-bottom .mono{color:var(--text-3);}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
  .wrap{max-width:1140px;}
  .hero h1{font-size:clamp(30px,4.4vw,46px);}
}
@media (max-width:991px){
  .nav-links{display:none;}
  .nav-toggle{display:inline-flex;}
  .nav-row{height:66px;gap:14px;}
  .nav-side .btn-glow{display:none;}
  .sec{padding:68px 0;}
  .hero{padding:40px 0 60px;}
  .hero-lead{max-width:none;}
  .hero-card{margin-top:28px;}
  .metric-grid{grid-template-columns:repeat(2,1fr);}
  .bento{grid-template-columns:repeat(2,1fr);}
  .bento-item.lg,.bento-item.sm{grid-column:span 1;}
  .compare{grid-template-columns:1fr;}
  .cmp-mid{flex-direction:row;padding:14px 0;}
  .cmp-mid .line{height:1px;width:auto;flex:1;background:linear-gradient(90deg,transparent,var(--stroke-strong),transparent);}
  .timeline{grid-template-columns:1fr;gap:0;}
  .timeline::before{left:7px;right:auto;top:8px;bottom:8px;width:1px;height:auto;background:linear-gradient(180deg,rgba(47,230,200,.6),rgba(107,92,255,.5));}
  .tl-item{padding:0 0 26px 32px;}
  .tl-dot{top:6px;}
  .news-item{grid-template-columns:160px 1fr;}
}
@media (max-width:767px){
  body{font-size:15px;}
  .wrap{padding:0 18px;}
  .sec{padding:56px 0;}
  .sec-head{margin-bottom:32px;}
  .hero{padding:32px 0 52px;}
  .hero h1{font-size:30px;}
  .hero-lead{font-size:15.5px;}
  .hero-cta .btn-glow,.hero-cta .btn-ghost{width:100%;}
  .metric-grid{grid-template-columns:1fr;}
  .bento{grid-template-columns:1fr;}
  .bento-item{padding:22px;}
  .glass-card{padding:22px;}
  .news-item{grid-template-columns:1fr;}
  .news-thumb{aspect-ratio:16/9;}
  .faq-acc .accordion-button{font-size:14.5px;padding:17px 52px 17px 20px;}
  .faq-acc .accordion-body{padding:0 20px 18px;}
  .convert-card{padding:24px;}
  .quote-card,.quick-card,.guard-item{padding:20px;}
  .hero-card{padding:22px;}
}
@media (max-width:480px){
  .hero h1{font-size:27px;}
  .sec-title{font-size:22px;}
  .metric-num{font-size:26px;}
  .trust-row{gap:12px;font-size:12.5px;}
  .footer-bottom{flex-direction:column;gap:6px;}
}
@media (hover:none){
  .glass-card:hover,.metric:hover,.bento-item:hover,.cat-card:hover,.news-item:hover{transform:none;}
  .glass-card:active,.metric:active,.bento-item:active,.cat-card:active{transform:translateY(-2px);border-color:var(--stroke-strong);}
}

/* roulang page: category1 */
:root{
 --bg-900:#05080f;
 --bg-800:#080e1b;
 --bg-700:#0c1526;
 --glass:rgba(255,255,255,.055);
 --glass-2:rgba(255,255,255,.09);
 --stroke:rgba(126,180,255,.16);
 --stroke-strong:rgba(126,180,255,.32);
 --primary:#2fe6c8;
 --primary-dim:#17a894;
 --secondary:#6b5cff;
 --accent:#ff7a59;
 --text:#e8eefc;
 --text-2:#9fb0cc;
 --text-3:#68799a;
 --r-card:18px;
 --r-input:12px;
 --shadow-hover:0 12px 36px rgba(0,0,0,.45);
 --mono:ui-monospace,"SF Mono",Consolas,"Courier New",monospace;
 --bs-body-bg:transparent;
 --bs-body-color:#e8eefc;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
 margin:0;
 font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
 background:var(--bg-900);
 color:var(--text);
 font-size:15.5px;
 line-height:1.75;
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
}
body::before{
 content:"";
 position:fixed;
 inset:0;
 z-index:0;
 pointer-events:none;
 background:
  radial-gradient(920px 540px at 6% -8%, rgba(47,230,200,.08), transparent 62%),
  radial-gradient(1040px 620px at 98% 2%, rgba(107,92,255,.10), transparent 64%);
}
img{max-width:100%;display:block;}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--primary);}
button{font-family:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.sec{position:relative;z-index:1;padding:88px 0;}
.sec.alt{background:var(--bg-800);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);}
.sec.alt2{background:var(--bg-700);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);}
.sec-title{font-size:clamp(23px,2.8vw,32px);line-height:1.25;margin-bottom:12px;font-weight:700;}
.sec-desc{color:var(--text-2);font-size:15px;max-width:720px;}
.mono{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.badge-glass{
 display:inline-flex;align-items:center;gap:6px;
 background:rgba(47,230,200,.10);
 color:var(--primary);
 border:1px solid rgba(47,230,200,.28);
 border-radius:999px;
 padding:4px 12px;
 font-size:12px;
 font-weight:500;
 line-height:1.6;
 white-space:nowrap;
}
.badge-glass.is-violet{background:rgba(107,92,255,.14);border-color:rgba(107,92,255,.36);color:#b3abff;}
.badge-glass.is-orange{background:rgba(255,122,89,.12);border-color:rgba(255,122,89,.34);color:#ff9d83;}
.badge-glass.is-mute{background:rgba(255,255,255,.05);border-color:var(--stroke);color:var(--text-2);}

/* ---------- 导航 ---------- */
.site-header{position:sticky;top:0;z-index:1000;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease;}
.site-header.is-stuck{background:rgba(5,8,15,.82);backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--stroke);}
.nav-row{display:flex;align-items:center;gap:24px;height:74px;}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);flex-shrink:0;}
.brand:hover{color:var(--text);}
.brand-mark{
 width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
 background:linear-gradient(140deg,var(--primary),var(--secondary));
 color:#04140f;font-weight:800;font-size:15px;letter-spacing:-.02em;
 box-shadow:0 0 20px rgba(47,230,200,.34);
 flex-shrink:0;
}
.brand-txt{line-height:1.15;}
.brand-name{display:block;font-size:17px;font-weight:700;letter-spacing:.02em;}
.brand-sub{display:block;font-size:10.5px;color:var(--text-3);letter-spacing:.16em;font-weight:500;}
.nav-links{display:flex;align-items:center;gap:2px;margin-right:auto;}
.nav-link-x{
 position:relative;display:inline-block;padding:9px 13px;border-radius:9px;
 color:var(--text-2);font-size:14.5px;transition:color .2s ease;white-space:nowrap;
}
.nav-link-x::after{
 content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;
 background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.nav-link-x:hover,.nav-link-x:focus-visible{color:var(--text);}
.nav-link-x:hover::after,.nav-link-x.active::after{transform:scaleX(1);}
.nav-link-x.active{color:var(--text);}
.nav-side{display:flex;align-items:center;gap:14px;}
.lang-pill{
 display:inline-flex;align-items:center;height:34px;padding:3px;gap:2px;
 background:var(--glass);border:1px solid var(--stroke);border-radius:999px;
 backdrop-filter:blur(10px);
}
.lang-pill a{
 display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;
 border-radius:999px;font-size:13px;color:var(--text-2);transition:all .2s ease;
}
.lang-pill a.on{background:var(--primary);color:#04140f;font-weight:600;}
.lang-pill a:not(.on):hover{color:var(--text);background:var(--glass-2);}
.nav-toggle{
 display:none;width:42px;height:38px;border:1px solid var(--stroke);border-radius:11px;
 background:var(--glass);padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;
 cursor:pointer;
}
.nav-toggle span{display:block;width:17px;height:2px;background:var(--text);border-radius:2px;transition:.2s;}
.mobile-menu{display:none;border-top:1px solid var(--stroke);background:rgba(5,8,15,.96);backdrop-filter:blur(16px);padding:12px 0 20px;}
.mobile-menu a{display:block;padding:11px 24px;color:var(--text-2);font-size:15px;}
.mobile-menu a:hover,.mobile-menu a.active{color:var(--primary);}
.site-header.open .mobile-menu{display:block;}

/* ---------- 按钮 ---------- */
.btn-glow{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 background:var(--primary);color:#04140f;border:none;border-radius:999px;
 padding:14px 28px;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;
 box-shadow:0 0 0 1px rgba(47,230,200,.5),0 10px 30px rgba(47,230,200,.26);
 transition:transform .2s ease,box-shadow .25s ease,background .2s ease;
}
.btn-glow:hover{color:#04140f;background:#4ff2d8;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(47,230,200,.6),0 14px 40px rgba(47,230,200,.42);}
.btn-glow:active{transform:translateY(1px);box-shadow:0 0 0 1px rgba(47,230,200,.5),0 6px 16px rgba(47,230,200,.22);}
.btn-glow:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.btn-ghost{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 background:transparent;color:var(--text);border:1px solid var(--stroke-strong);
 border-radius:999px;padding:13px 26px;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;
 transition:background .2s ease,transform .2s ease,border-color .2s ease,color .2s ease;
}
.btn-ghost:hover{background:var(--glass-2);color:var(--text);border-color:var(--primary);transform:translateY(-2px);}
.btn-ghost:active{transform:translateY(0);}
.btn-ghost:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.btn-sm-x{padding:10px 20px;font-size:14px;}

/* ---------- 玻璃卡 ---------- */
.glass-card{
 background:var(--glass);
 border:1px solid var(--stroke);
 border-radius:var(--r-card);
 backdrop-filter:blur(14px) saturate(140%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
 transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.glass-card:hover{
 transform:translateY(-3px);
 border-color:var(--stroke-strong);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--shadow-hover);
}

/* ---------- 分类页头部 ---------- */
.cat-head{
 position:relative;z-index:1;
 padding:46px 0 64px;
 border-bottom:1px solid var(--stroke);
 background:linear-gradient(180deg,rgba(12,21,38,.72),rgba(5,8,15,0) 90%);
}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3);margin-bottom:22px;flex-wrap:wrap;}
.crumb a{color:var(--text-3);transition:color .2s;}
.crumb a:hover{color:var(--primary);}
.crumb .sep{color:var(--text-3);opacity:.6;}
.crumb .now{color:var(--text-2);}
.cat-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:44px;align-items:start;}
.cat-head h1{font-size:clamp(27px,3.3vw,38px);line-height:1.22;font-weight:700;letter-spacing:-.01em;margin-bottom:16px;}
.cat-head h1 .hl{color:var(--primary);}
.cat-lead{color:var(--text-2);font-size:15.5px;max-width:560px;margin-bottom:22px;}
.stat-chips{display:flex;flex-wrap:wrap;gap:10px;}
.stat-chip{
 display:inline-flex;align-items:center;gap:8px;
 padding:7px 15px;border-radius:999px;
 background:var(--glass);border:1px solid var(--stroke);
 color:var(--text-2);font-size:13px;
}
.stat-chip b{font-family:var(--mono);font-size:14px;color:var(--primary);font-weight:600;}

.filter-card{padding:24px;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.filter-card h2{font-size:15px;font-weight:600;margin-bottom:4px;}
.filter-card .fc-sub{font-size:12.5px;color:var(--text-3);margin-bottom:18px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:12.5px;color:var(--text-3);margin-bottom:7px;letter-spacing:.02em;}
.form-x{
 width:100%;border-radius:var(--r-input);border:1px solid var(--stroke);
 background:rgba(8,14,27,.85);color:var(--text);
 padding:11px 14px;font-size:14px;line-height:1.4;appearance:none;
 transition:border-color .2s ease,box-shadow .2s ease;
}
.form-x:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,230,200,.16);}
select.form-x{
 background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);
 background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;
 background-size:5px 5px,5px 5px;
 background-repeat:no-repeat;
 padding-right:38px;
}
.chip-set{display:flex;flex-wrap:wrap;gap:8px;}
.chip-radio{position:relative;display:inline-flex;}
.chip-radio input{position:absolute;opacity:0;width:0;height:0;}
.chip-radio span{
 display:inline-flex;align-items:center;
 padding:7px 14px;border-radius:999px;
 border:1px solid var(--stroke);background:var(--glass);
 color:var(--text-2);font-size:13px;cursor:pointer;
 transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.chip-radio span:hover{background:var(--glass-2);color:var(--text);}
.chip-radio input:checked + span{background:var(--primary);border-color:var(--primary);color:#04140f;font-weight:600;}
.chip-radio input:focus-visible + span{outline:2px solid var(--primary);outline-offset:2px;}
.filter-card .btn-glow{width:100%;padding:12px 20px;font-size:14.5px;}

/* ---------- 筛选条 ---------- */
.sec-filter{position:relative;z-index:1;padding:22px 0;border-bottom:1px solid var(--stroke);background:rgba(8,14,27,.6);}
.filter-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.tab-chips{display:flex;gap:8px;flex-wrap:wrap;margin-right:auto;}
.tab-chip{
 display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;
 border:1px solid var(--stroke);background:var(--glass);
 color:var(--text-2);font-size:13.5px;transition:all .2s ease;
}
.tab-chip:hover{background:var(--glass-2);color:var(--text);border-color:var(--stroke-strong);}
.tab-chip.on{background:var(--primary);border-color:var(--primary);color:#04140f;font-weight:600;}
.tab-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.count-note{font-size:13px;color:var(--text-3);}
.count-note b{font-family:var(--mono);color:var(--text-2);font-weight:600;}

/* ---------- 列表主体 ---------- */
.list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px;}
.post-loop{display:flex;flex-direction:column;gap:18px;}
.post-item{
 position:relative;display:grid;grid-template-columns:280px 1fr;gap:24px;
 padding:20px;border-radius:var(--r-card);
 background:rgba(255,255,255,.045);
 border:1px solid var(--stroke);
 transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.post-item:nth-child(even){background:rgba(255,255,255,.028);}
.post-item:hover{transform:translateY(-3px);border-color:var(--stroke-strong);box-shadow:var(--shadow-hover);background:rgba(255,255,255,.06);}
.post-item.is-top{border-color:rgba(47,230,200,.42);box-shadow:0 0 0 1px rgba(47,230,200,.14),inset 0 1px 0 rgba(255,255,255,.06);}
.post-thumb{
 display:block;border-radius:14px;overflow:hidden;
 aspect-ratio:16/10;background:var(--bg-700);
 border:1px solid var(--stroke);
}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.post-item:hover .post-thumb img{transform:scale(1.045);}
.post-body{min-width:0;display:flex;flex-direction:column;}
.post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px;}
.post-head h3{font-size:19px;line-height:1.45;font-weight:700;letter-spacing:-.01em;}
.post-head h3 a{color:var(--text);transition:color .2s ease;}
.post-head h3 a:hover{color:var(--primary);}
.post-sum{color:var(--text-2);font-size:14.5px;line-height:1.72;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--text-3);margin-top:auto;}
.post-meta span{display:inline-flex;align-items:center;gap:6px;}
.post-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--primary);opacity:.7;}

.sec-more{position:relative;z-index:1;padding:34px 0 76px;text-align:center;}
.sec-more .more-note{margin-top:14px;font-size:12.5px;color:var(--text-3);}

/* ---------- 热门榜 ---------- */
.rank-wrap{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start;}
.rank-list{padding:10px 0;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px) saturate(140%);}
.rank-item{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;border-bottom:1px solid var(--stroke);transition:background .2s ease;}
.rank-item:last-child{border-bottom:none;}
.rank-item:hover{background:rgba(255,255,255,.04);}
.rank-num{font-family:var(--mono);font-size:18px;font-weight:600;color:var(--primary);line-height:1.3;flex:0 0 34px;}
.rank-item:nth-child(n+4) .rank-num{color:var(--text-3);}
.rank-body{min-width:0;}
.rank-body h3{font-size:15.5px;font-weight:600;line-height:1.5;margin-bottom:4px;}
.rank-body h3 a{color:var(--text);transition:color .2s;}
.rank-body h3 a:hover{color:var(--primary);}
.rank-body .rank-meta{font-size:12.5px;color:var(--text-3);font-family:var(--mono);}
.rank-side{padding:26px;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px) saturate(140%);}
.rank-side h3{font-size:17px;font-weight:700;margin-bottom:12px;}
.rank-side p{color:var(--text-2);font-size:14px;line-height:1.8;margin-bottom:14px;}
.rank-side ul{display:flex;flex-direction:column;gap:10px;}
.rank-side li{display:flex;gap:10px;align-items:flex-start;color:var(--text-2);font-size:13.5px;line-height:1.7;}
.rank-side li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);margin-top:8px;flex:0 0 6px;box-shadow:0 0 10px rgba(47,230,200,.6);}

/* ---------- 城市速览 ---------- */
.city-wall{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.city-chip{
 display:inline-flex;align-items:center;gap:7px;
 padding:9px 18px;border-radius:999px;
 background:var(--glass);border:1px solid var(--stroke);
 color:var(--text-2);font-size:14px;
 transition:all .2s ease;
}
.city-chip:hover{color:var(--text);border-color:var(--stroke-strong);background:var(--glass-2);transform:translateY(-2px);}
.city-chip .hot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(255,122,89,.8);}
.city-foot{margin-top:22px;font-size:13px;color:var(--text-3);}

/* ---------- FAQ ---------- */
.faq-wrap{max-width:960px;margin:0 auto;}
.faq-acc .accordion-item{
 background:var(--glass);border:1px solid var(--stroke);border-radius:14px;
 margin-bottom:12px;overflow:hidden;
 backdrop-filter:blur(14px) saturate(140%);
 transition:border-color .25s ease;
}
.faq-acc .accordion-item:hover{border-color:var(--stroke-strong);}
.faq-acc .accordion-button{
 background:transparent;color:var(--text);box-shadow:none;
 font-size:16px;font-weight:600;line-height:1.5;
 padding:18px 22px;border-radius:14px;
 transition:background .25s ease,color .25s ease;
}
.faq-acc .accordion-button:not(.collapsed){
 background:rgba(47,230,200,.06);
 color:var(--primary);
 box-shadow:inset 3px 0 0 var(--primary),inset 0 0 24px rgba(47,230,200,.08);
}
.faq-acc .accordion-button:focus{box-shadow:inset 3px 0 0 var(--primary);outline:none;}
.faq-acc .accordion-button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;}
.faq-acc .accordion-button::after{
 content:"";flex:0 0 16px;width:16px;height:16px;margin-left:auto;
 background:
  linear-gradient(var(--text-2),var(--text-2)) center/12px 2px no-repeat,
  linear-gradient(var(--text-2),var(--text-2)) center/2px 12px no-repeat;
 transition:transform .25s ease,opacity .25s ease;
}
.faq-acc .accordion-button:not(.collapsed)::after{
 background:linear-gradient(var(--primary),var(--primary)) center/12px 2px no-repeat;
 transform:rotate(180deg);
}
.faq-acc .accordion-body{color:var(--text-2);font-size:14.5px;line-height:1.8;padding:0 22px 20px;}

/* ---------- 结尾转化 ---------- */
.cta-strip{
 display:flex;align-items:center;justify-content:space-between;gap:28px;
 padding:30px 34px;border-radius:var(--r-card);
 border:1px solid rgba(47,230,200,.30);
 background:
  radial-gradient(620px 220px at 8% 0%, rgba(47,230,200,.13), transparent 72%),
  radial-gradient(520px 240px at 96% 100%, rgba(107,92,255,.12), transparent 70%),
  var(--glass);
 backdrop-filter:blur(14px) saturate(140%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.cta-strip h2{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.3;margin-bottom:8px;}
.cta-strip p{color:var(--text-2);font-size:14.5px;max-width:620px;}
.cta-strip .cta-note{margin-top:10px;font-size:12.5px;color:var(--text-3);}
.cta-strip .btn-glow{flex-shrink:0;}

/* ---------- 页脚 ---------- */
.site-footer{
 position:relative;z-index:1;
 background:var(--bg-800);
 border-top:1px solid var(--stroke);
 padding:64px 0 28px;
}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.footer-brand .brand-mark{width:40px;height:40px;font-size:16px;border-radius:12px;}
.footer-brand .brand-name{font-size:16px;font-weight:700;color:var(--text);display:block;line-height:1.3;}
.footer-brand .brand-sub{font-size:11px;color:var(--text-3);letter-spacing:.14em;display:block;}
.footer-desc{color:var(--text-3);font-size:13.5px;line-height:1.85;max-width:430px;}
.footer-title{font-size:13px;letter-spacing:.1em;color:var(--text);margin-bottom:14px;font-weight:600;}
.footer-links{display:flex;flex-direction:column;gap:9px;}
.footer-links a{color:var(--text-3);font-size:13.5px;transition:color .2s ease;}
.footer-links a:hover{color:var(--primary);}
.footer-bottom{
 display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
 border-top:1px solid var(--stroke);
 margin-top:44px;padding-top:22px;
 color:var(--text-3);font-size:12.5px;
}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
 .wrap{max-width:1140px;}
 .post-item{grid-template-columns:250px 1fr;}
}
@media (max-width:991px){
 .nav-links{display:none;}
 .nav-toggle{display:inline-flex;}
 .nav-row{height:68px;gap:14px;}
 .nav-side{margin-left:auto;gap:10px;}
 .cat-grid{grid-template-columns:1fr;gap:32px;}
 .rank-wrap{grid-template-columns:1fr;}
 .sec{padding:64px 0;}
 .post-item{grid-template-columns:230px 1fr;gap:20px;padding:18px;}
 .post-head h3{font-size:17.5px;}
}
@media (max-width:767px){
 .wrap{padding:0 18px;}
 .brand-name{font-size:15px;}
 .brand-sub{font-size:9.5px;letter-spacing:.1em;}
 .nav-side .btn-glow{display:none;}
 .cat-head{padding:32px 0 46px;}
 .cat-head h1{font-size:30px;}
 .cat-lead{font-size:14.5px;}
 .sec{padding:56px 0;}
 .sec-more{padding:26px 0 56px;}
 .post-item{grid-template-columns:1fr;gap:16px;padding:16px;}
 .post-thumb{aspect-ratio:16/9;}
 .post-head{flex-direction:column-reverse;align-items:flex-start;gap:8px;}
 .post-head h3{font-size:17px;}
 .post-sum{-webkit-line-clamp:3;}
 .rank-item{padding:14px 18px;gap:12px;}
 .rank-num{flex:0 0 26px;font-size:16px;}
 .rank-side,.filter-card{padding:20px;}
 .cta-strip{flex-direction:column;align-items:flex-start;padding:24px;gap:18px;}
 .cta-strip .btn-glow{width:100%;}
 .btn-glow,.btn-ghost{width:100%;}
 .site-footer{padding:48px 0 24px;}
 .footer-desc{max-width:100%;}
 .faq-acc .accordion-button{font-size:15px;padding:16px 18px;}
 .faq-acc .accordion-body{padding:0 18px 18px;font-size:14px;}
}
@media (max-width:480px){
 .stat-chip{font-size:12px;padding:6px 12px;}
 .city-chip{font-size:13px;padding:8px 14px;}
 .post-meta{font-size:12px;gap:12px;}
 .sec-filter{padding:16px 0;}
}