/* roulang page: index */
:root{
  --sak-pink:#E4678C;
  --sak-pink-dark:#C24A6E;
  --sak-pink-soft:#FBE3EA;
  --sak-pink-deep:#A83A5C;
  --sak-ink:#241C22;
  --sak-green:#3F8A6B;
  --sak-green-soft:#E6F2EC;
  --sak-bg:#FCF8F6;
  --sak-white:#FFFFFF;
  --sak-alt:#F6EEF1;
  --sak-line:#EADDE2;
  --sak-text:#3A3037;
  --sak-muted:#7A6C74;
  --sak-inverse:#FFF9FB;
  --sak-radius:12px;
  --sak-radius-lg:16px;
  --sak-radius-btn:8px;
  --sak-gap:24px;
  --sak-shadow:0 2px 8px rgba(36,28,34,.06);
  --sak-shadow-hover:0 8px 24px rgba(36,28,34,.10);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  font-size:16px;
  line-height:1.85;
  color:var(--sak-text);
  background:var(--sak-bg);
}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;}
button,input{font:inherit;}
h1,h2,h3,h4{color:var(--sak-ink);margin:0;font-weight:600;}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--sak-pink);outline-offset:2px;border-radius:4px;}
::selection{background:var(--sak-pink-soft);color:var(--sak-pink-deep);}

/* ---------- 容器 ---------- */
.sak-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
@media (min-width:1024px){.sak-container{padding:0 24px;}}
.sak-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 16px;z-index:99;}
.sak-skip:focus{left:12px;top:12px;}

/* ---------- 头部 ---------- */
.sak-header{position:sticky;top:0;z-index:60;background:var(--sak-ink);border-bottom:2px solid var(--sak-pink);}
.sak-brandbar{display:flex;align-items:center;gap:18px;padding:12px 0;}
.sak-logo{display:inline-flex;align-items:center;gap:10px;color:var(--sak-inverse);flex:0 0 auto;}
.sak-logo__mark{width:28px;height:28px;color:var(--sak-pink);flex:0 0 auto;}
.sak-logo__text{font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--sak-inverse);}
.sak-brandbar__search{flex:1 1 auto;max-width:420px;display:none;}
@media (min-width:1024px){.sak-brandbar__search{display:block;}}
.sak-search{position:relative;}
.sak-search input{
  width:100%;height:42px;border-radius:999px;border:1px solid rgba(255,249,251,.22);
  background:rgba(255,249,251,.08);color:var(--sak-inverse);padding:0 44px 0 18px;font-size:14px;
  transition:border-color .18s ease,background .18s ease;
}
.sak-search input::placeholder{color:rgba(255,249,251,.55);}
.sak-search input:focus{outline:none;border-color:var(--sak-pink);background:rgba(255,249,251,.14);}
.sak-search svg{position:absolute;right:14px;top:11px;width:20px;height:20px;color:rgba(255,249,251,.6);}
.sak-brandbar__actions{display:none;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto;}
@media (min-width:1024px){.sak-brandbar__actions{display:flex;}}
.sak-burger{
  margin-left:auto;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,249,251,.25);
  background:transparent;color:var(--sak-inverse);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
}
.sak-burger:hover{background:rgba(228,103,140,.25);}
@media (min-width:1024px){.sak-burger{display:none;}}

.sak-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 22px;border-radius:var(--sak-radius-btn);
  border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
  background:transparent;color:var(--sak-ink);text-align:center;white-space:nowrap;
}
.sak-btn--sm{height:38px;padding:0 16px;font-size:14px;}
.sak-btn--primary{background:var(--sak-pink);color:#fff;}
.sak-btn--primary:hover{background:var(--sak-pink-dark);transform:translateY(-1px);box-shadow:0 8px 20px rgba(194,74,110,.28);}
.sak-btn--primary:active{transform:translateY(0);box-shadow:none;}
.sak-btn--ghost{border-color:rgba(36,28,34,.22);color:var(--sak-ink);}
.sak-btn--ghost:hover{background:var(--sak-pink-soft);border-color:var(--sak-pink);color:var(--sak-pink-deep);}
.sak-btn--light{background:var(--sak-inverse);color:var(--sak-ink);}
.sak-btn--light:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.22);}
.sak-btn--outline-light{border-color:rgba(255,249,251,.42);color:var(--sak-inverse);}
.sak-btn--outline-light:hover{background:rgba(228,103,140,.28);border-color:var(--sak-pink);}

/* 图标网格导航 */
.sak-iconnav{padding:0 0 10px;}
.sak-iconnav ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;}
.sak-iconnav li{flex:0 0 auto;}
.sak-iconnav a{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  min-width:88px;padding:9px 12px 10px;border-radius:10px;
  color:rgba(255,249,251,.76);font-size:14px;line-height:1.3;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.sak-iconnav svg{width:22px;height:22px;}
.sak-iconnav a:hover{background:rgba(228,103,140,.2);color:#fff;transform:translateY(-1px);}
.sak-iconnav a.is-active{background:rgba(228,103,140,.24);color:#fff;box-shadow:inset 0 -3px 0 var(--sak-pink);}

/* 移动抽屉 */
.sak-drawer{background:#2E2429;border-top:1px solid rgba(255,249,251,.1);padding:16px 0 22px;}
.sak-drawer[hidden]{display:none;}
.sak-drawer__search{margin-bottom:16px;}
.sak-drawer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.sak-drawer__grid a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  min-height:78px;border-radius:12px;background:rgba(255,249,251,.07);
  color:rgba(255,249,251,.85);font-size:14px;text-align:center;padding:8px 4px;
}
.sak-drawer__grid a:hover,.sak-drawer__grid a.is-active{background:rgba(228,103,140,.28);color:#fff;}
.sak-drawer__grid svg{width:24px;height:24px;}
.sak-drawer__actions{display:flex;gap:10px;flex-wrap:wrap;}

/* ---------- 首屏 ---------- */
.sak-hero{
  position:relative;color:var(--sak-inverse);padding:56px 0 72px;
  background-color:var(--sak-ink);
  background-image:linear-gradient(180deg,rgba(36,28,34,.93),rgba(36,28,34,.97)),url('/assets/images/backpic/back-1.jpg');
  background-size:cover;background-position:center;
}
.sak-hero h1{
  color:var(--sak-inverse);font-size:clamp(30px,4vw,46px);line-height:1.28;font-weight:700;margin:14px 0 18px;
}
.sak-hero h1 em{font-style:normal;color:var(--sak-pink);}
.sak-hero__lead{font-size:16px;line-height:1.9;color:rgba(255,249,251,.82);max-width:820px;}
.sak-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.sak-hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px;padding:0;}
@media (min-width:768px){.sak-hero__stats{grid-template-columns:repeat(4,1fr);}}
.sak-hero__stats li{
  background:rgba(255,249,251,.06);border:1px solid rgba(255,249,251,.14);
  border-radius:var(--sak-radius);padding:14px 16px;
}
.sak-hero__stats b{display:block;font-size:24px;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums;}
.sak-hero__stats span{display:block;font-size:14px;color:rgba(255,249,251,.7);margin-top:4px;}

.sak-eyebrow{
  display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;
  background:var(--sak-pink-soft);color:var(--sak-pink-deep);font-size:13px;font-weight:600;letter-spacing:.4px;
}
.sak-eyebrow--dark{background:rgba(228,103,140,.24);color:#FFD5E1;}

/* 前后对比 */
.sak-compare{display:grid;grid-template-columns:1fr;gap:18px;margin-top:44px;}
@media (min-width:1024px){.sak-compare{grid-template-columns:1fr 1fr;gap:24px;}}
.sak-compare__panel{
  border-radius:var(--sak-radius-lg);padding:22px 22px 24px;
  background:rgba(255,249,251,.05);border:1px solid rgba(255,249,251,.16);
}
.sak-compare__panel--after{background:rgba(228,103,140,.16);border-color:rgba(228,103,140,.45);}
.sak-compare__tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:14px;}
.sak-compare__panel--before .sak-compare__tag{color:rgba(255,249,251,.62);}
.sak-compare__panel--after .sak-compare__tag{color:#FFD5E1;}
.sak-compare__tag i{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;}
.sak-compare__panel ul li{
  position:relative;padding-left:22px;font-size:15px;line-height:1.75;color:rgba(255,249,251,.84);margin-bottom:12px;
}
.sak-compare__panel ul li:last-child{margin-bottom:0;}
.sak-compare__panel ul li::before{
  content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:2px;
  background:rgba(255,249,251,.4);
}
.sak-compare__panel--after ul li::before{background:var(--sak-pink);border-radius:50%;}

/* ---------- 板块 ---------- */
.sak-section{padding:72px 0;}
@media (max-width:639px){.sak-section{padding:48px 0;}}
.sak-section--alt{background:var(--sak-alt);}
.sak-section--soft{background:var(--sak-white);}
.sak-section--ink{background:var(--sak-ink);color:var(--sak-inverse);}
.sak-section__head{max-width:780px;margin-bottom:34px;}
.sak-section__head h2{font-size:clamp(24px,3vw,31px);line-height:1.35;font-weight:600;margin:12px 0 12px;}
.sak-section__head p{font-size:15.5px;color:var(--sak-muted);line-height:1.85;}
.sak-section--ink .sak-section__head h2{color:var(--sak-inverse);}
.sak-section--ink .sak-section__head p{color:rgba(255,249,251,.72);}

/* ---------- 卡片 ---------- */
.sak-card{
  display:flex;flex-direction:column;height:100%;
  background:var(--sak-white);border:1px solid var(--sak-line);border-radius:var(--sak-radius);
  overflow:hidden;box-shadow:var(--sak-shadow);
  transition:transform .2s ease,box-shadow .2s ease;
}
.sak-card:hover{transform:translateY(-2px);box-shadow:var(--sak-shadow-hover);}
.sak-card__cover{aspect-ratio:16/9;overflow:hidden;background:var(--sak-alt);}
.sak-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.sak-card:hover .sak-card__cover img{transform:scale(1.05);}
.sak-card__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.sak-card__title{font-size:17px;font-weight:600;line-height:1.5;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sak-card__desc{font-size:14px;line-height:1.75;color:var(--sak-muted);margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sak-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--sak-muted);margin-top:auto;}
.sak-card__meta .sak-dur{font-variant-numeric:tabular-nums;}

.sak-chip{
  display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;
  background:var(--sak-pink-soft);color:var(--sak-pink-deep);font-size:12px;font-weight:600;white-space:nowrap;
}
.sak-chip--green{background:var(--sak-green-soft);color:#2F6E54;}
.sak-chip--line{background:transparent;border:1px solid var(--sak-line);color:var(--sak-muted);font-weight:500;}

/* 横向内容卡 */
.sak-hcard{
  display:flex;gap:16px;height:100%;padding:14px;background:var(--sak-white);
  border:1px solid var(--sak-line);border-radius:var(--sak-radius);box-shadow:var(--sak-shadow);
  transition:transform .2s ease,box-shadow .2s ease;
}
.sak-hcard:hover{transform:translateY(-2px);box-shadow:var(--sak-shadow-hover);}
.sak-hcard__thumb{flex:0 0 44%;max-width:190px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--sak-alt);}
.sak-hcard__thumb img{width:100%;height:100%;object-fit:cover;}
.sak-hcard__body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;}
.sak-hcard__title{font-size:16px;font-weight:600;line-height:1.5;}
.sak-hcard__desc{font-size:13.5px;color:var(--sak-muted);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 痛点卡 */
.sak-pain{
  display:flex;gap:14px;padding:20px;background:var(--sak-white);border:1px solid var(--sak-line);
  border-radius:var(--sak-radius);height:100%;box-shadow:var(--sak-shadow);
}
.sak-pain__icon{
  flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--sak-pink-soft);
  display:flex;align-items:center;justify-content:center;color:var(--sak-pink-dark);
}
.sak-pain__icon svg{width:22px;height:22px;}
.sak-pain h3{font-size:16.5px;margin-bottom:6px;line-height:1.5;}
.sak-pain p{font-size:14px;color:var(--sak-muted);line-height:1.75;margin:0;}

/* 解决方案编号列表 */
.sak-plan{display:flex;gap:16px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px dashed var(--sak-line);}
.sak-plan:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.sak-plan__num{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--sak-pink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;
  font-variant-numeric:tabular-nums;
}
.sak-plan h3{font-size:18px;margin-bottom:6px;}
.sak-plan p{font-size:14.5px;color:var(--sak-muted);margin:0;line-height:1.8;}

/* 步骤 */
.sak-steps{display:grid;grid-template-columns:1fr;gap:18px;counter-reset:step;}
@media (min-width:768px){.sak-steps{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.sak-steps{grid-template-columns:repeat(4,1fr);}}
.sak-step{position:relative;padding:24px 20px 22px;background:var(--sak-white);
  border:1px solid var(--sak-line);border-radius:var(--sak-radius);box-shadow:var(--sak-shadow);height:100%;}
.sak-step__num{
  width:38px;height:38px;border-radius:50%;background:var(--sak-ink);color:var(--sak-inverse);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-bottom:14px;
  font-variant-numeric:tabular-nums;
}
.sak-step h3{font-size:17px;margin-bottom:8px;}
.sak-step p{font-size:14px;color:var(--sak-muted);margin:0;line-height:1.75;}

/* 数据带 */
.sak-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media (min-width:768px){.sak-stats{grid-template-columns:repeat(4,1fr);gap:22px;}}
.sak-stat{padding:22px 20px;border-radius:var(--sak-radius);background:rgba(255,249,251,.06);
  border:1px solid rgba(255,249,251,.14);}
.sak-section--alt .sak-stat{background:var(--sak-white);border-color:var(--sak-line);box-shadow:var(--sak-shadow);}
.sak-stat b{display:block;font-size:clamp(30px,3.4vw,42px);line-height:1.1;font-weight:700;
  color:var(--sak-pink);font-variant-numeric:tabular-nums;}
.sak-section--alt .sak-stat b{color:var(--sak-pink-dark);}
.sak-section--ink .sak-stat b{color:var(--sak-pink);}
.sak-stat span{display:block;margin-top:8px;font-size:14px;color:var(--sak-muted);}
.sak-section--ink .sak-stat span{color:rgba(255,249,251,.72);}

/* 横滑带 */
.sak-rail{display:flex;gap:20px;overflow-x:auto;padding:4px 4px 20px;scroll-snap-type:x mandatory;}
.sak-rail::-webkit-scrollbar{height:6px;}
.sak-rail::-webkit-scrollbar-track{background:var(--sak-alt);border-radius:999px;}
.sak-rail::-webkit-scrollbar-thumb{background:var(--sak-pink);border-radius:999px;}
.sak-rail > *{flex:0 0 280px;scroll-snap-align:start;}
@media (min-width:768px){.sak-rail > *{flex:0 0 300px;}}

/* 图标入口墙 */
.sak-navgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media (min-width:640px){.sak-navgrid{grid-template-columns:repeat(3,1fr);}}
@media (min-width:1024px){.sak-navgrid{grid-template-columns:repeat(4,1fr);gap:18px;}}
.sak-navgrid a{
  display:flex;align-items:center;gap:14px;padding:18px;background:var(--sak-white);
  border:1px solid var(--sak-line);border-radius:var(--sak-radius);box-shadow:var(--sak-shadow);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sak-navgrid a:hover{transform:translateY(-2px);border-color:var(--sak-pink);box-shadow:var(--sak-shadow-hover);}
.sak-navgrid .sak-navgrid__ic{
  flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--sak-pink-soft);
  display:flex;align-items:center;justify-content:center;color:var(--sak-pink-dark);
}
.sak-navgrid a:hover .sak-navgrid__ic{background:var(--sak-pink);color:#fff;}
.sak-navgrid svg{width:22px;height:22px;}
.sak-navgrid strong{display:block;font-size:15.5px;color:var(--sak-ink);font-weight:600;}
.sak-navgrid em{display:block;font-style:normal;font-size:13px;color:var(--sak-muted);margin-top:2px;}

/* 排行条 */
.sak-rank{background:var(--sak-white);border:1px solid var(--sak-line);border-radius:var(--sak-radius);overflow:hidden;box-shadow:var(--sak-shadow);}
.sak-rank li{border-bottom:1px solid var(--sak-line);}
.sak-rank li:last-child{border-bottom:0;}
.sak-rank a{display:flex;align-items:center;gap:16px;padding:12px 18px;min-height:76px;transition:background .18s ease;}
.sak-rank a:hover{background:var(--sak-alt);}
.sak-rank__no{
  flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:var(--sak-alt);color:var(--sak-muted);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;
}
.sak-rank li:nth-child(1) .sak-rank__no{background:var(--sak-pink);color:#fff;}
.sak-rank li:nth-child(2) .sak-rank__no{background:var(--sak-pink-dark);color:#fff;}
.sak-rank li:nth-child(3) .sak-rank__no{background:var(--sak-pink-soft);color:var(--sak-pink-deep);}
.sak-rank__thumb{flex:0 0 88px;width:88px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--sak-alt);}
.sak-rank__thumb img{width:100%;height:100%;object-fit:cover;}
.sak-rank__main{flex:1;min-width:0;}
.sak-rank__main strong{display:block;font-size:15.5px;font-weight:600;color:var(--sak-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sak-rank__bar{margin-top:8px;height:5px;border-radius:999px;background:var(--sak-alt);overflow:hidden;}
.sak-rank__bar i{display:block;height:100%;border-radius:999px;background:var(--sak-pink);}
.sak-rank__val{flex:0 0 auto;font-size:14px;color:var(--sak-muted);font-variant-numeric:tabular-nums;}

/* 资讯 */
.sak-news-main{display:block;background:var(--sak-white);border:1px solid var(--sak-line);
  border-radius:var(--sak-radius);overflow:hidden;box-shadow:var(--sak-shadow);height:100%;}
.sak-news-main__cover{aspect-ratio:16/9;overflow:hidden;background:var(--sak-alt);}
.sak-news-main__cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.sak-news-main:hover .sak-news-main__cover img{transform:scale(1.04);}
.sak-news-main__body{padding:20px 22px 24px;}
.sak-news-main__body h3{font-size:19px;line-height:1.5;margin:10px 0 10px;}
.sak-news-main__body p{font-size:14.5px;color:var(--sak-muted);margin:0;line-height:1.8;}
.sak-news-list{background:var(--sak-white);border:1px solid var(--sak-line);border-radius:var(--sak-radius);
  box-shadow:var(--sak-shadow);overflow:hidden;}
.sak-news-list li{border-bottom:1px solid var(--sak-line);}
.sak-news-list li:last-child{border-bottom:0;}
.sak-news-list a{display:block;padding:16px 18px;transition:background .18s ease;}
.sak-news-list a:hover{background:var(--sak-alt);}
.sak-news-list h3{font-size:15.5px;font-weight:600;line-height:1.6;margin-bottom:8px;}
.sak-news-list .sak-news-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sak-muted);}

/* 对比表 */
.sak-table{width:100%;border-collapse:collapse;background:var(--sak-white);
  border:1px solid var(--sak-line);border-radius:var(--sak-radius);overflow:hidden;font-size:14.5px;}
.sak-table caption{text-align:left;padding:0 0 14px;font-size:14px;color:var(--sak-muted);}
.sak-table th,.sak-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--sak-line);}
.sak-table thead th{background:var(--sak-ink);color:var(--sak-inverse);font-weight:600;font-size:14px;}
.sak-table tbody tr:nth-child(even){background:var(--sak-bg);}
.sak-table tbody tr:last-child td{border-bottom:0;}
.sak-table td:first-child{font-weight:600;color:var(--sak-ink);}

/* 收藏分享 */
.sak-feature{display:flex;gap:14px;padding:22px;border-radius:var(--sak-radius);
  background:var(--sak-white);border:1px solid var(--sak-line);box-shadow:var(--sak-shadow);height:100%;}
.sak-feature__ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--sak-green-soft);
  color:var(--sak-green);display:flex;align-items:center;justify-content:center;}
.sak-feature__ic svg{width:22px;height:22px;}
.sak-feature h3{font-size:16.5px;margin-bottom:6px;}
.sak-feature p{font-size:14px;color:var(--sak-muted);margin:0;line-height:1.75;}

/* 评价卡 */
.sak-quote{
  background:var(--sak-white);border:1px solid var(--sak-line);border-radius:var(--sak-radius);
  padding:22px;box-shadow:var(--sak-shadow);height:100%;display:flex;flex-direction:column;gap:14px;
}
.sak-quote__head{display:flex;align-items:center;gap:12px;}
.sak-avatar{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--sak-pink-soft);color:var(--sak-pink-deep);font-weight:700;font-size:16px;flex:0 0 40px;
}
.sak-quote__head strong{display:block;font-size:15px;color:var(--sak-ink);}
.sak-quote__head span{display:block;font-size:13px;color:var(--sak-muted);}
.sak-quote p{font-size:14.5px;line-height:1.8;color:var(--sak-text);margin:0;}
.sak-stars{display:flex;gap:3px;color:var(--sak-pink);}
.sak-stars svg{width:15px;height:15px;}

/* KPI 面板 */
.sak-kpi{background:var(--sak-white);border:1px solid var(--sak-line);border-radius:var(--sak-radius);
  padding:20px;box-shadow:var(--sak-shadow);height:100%;}
.sak-kpi small{display:block;font-size:13.5px;color:var(--sak-muted);margin-bottom:8px;}
.sak-kpi b{display:block;font-size:clamp(24px,2.6vw,30px);line-height:1.2;color:var(--sak-ink);
  font-variant-numeric:tabular-nums;font-weight:700;}
.sak-kpi i{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:13px;font-weight:600;margin-top:8px;}
.sak-kpi i.up{color:var(--sak-green);}
.sak-kpi i.down{color:var(--sak-pink-dark);}

/* FAQ */
.sak-accordion{border:1px solid var(--sak-line);border-radius:var(--sak-radius);background:var(--sak-white);
  overflow:hidden;box-shadow:var(--sak-shadow);}
.sak-accordion .accordion-item{border-bottom:1px solid var(--sak-line);}
.sak-accordion .accordion-item:last-child{border-bottom:0;}
.sak-accordion .accordion-title{
  position:relative;display:block;padding:18px 58px 18px 22px;border:0;background:transparent;
  font-size:16px;font-weight:600;color:var(--sak-ink);line-height:1.6;transition:background .18s ease;
}
.sak-accordion .accordion-title:hover{background:var(--sak-pink-soft);}
.sak-accordion .accordion-title::before{
  content:"";position:absolute;right:22px;top:50%;width:14px;height:2px;margin-top:-1px;
  background:var(--sak-pink);border-radius:2px;
}
.sak-accordion .accordion-title::after{
  content:"";position:absolute;right:28px;top:50%;width:2px;height:14px;margin-top:-7px;
  background:var(--sak-pink);border-radius:2px;transition:transform .2s ease;
}
.sak-accordion .accordion-item.is-active .accordion-title::after{transform:scaleY(0);}
.sak-accordion .accordion-content{
  display:none;padding:0 22px 20px;border:0;background:transparent;
  font-size:14.5px;line-height:1.85;color:var(--sak-muted);
}
.sak-accordion .accordion-content.is-active{display:block;}

/* 表单 */
.sak-form{display:flex;flex-wrap:wrap;gap:12px;max-width:620px;}
.sak-form input[type="email"]{
  flex:1 1 280px;height:46px;padding:0 18px;border-radius:var(--sak-radius-btn);
  border:1px solid var(--sak-line);background:var(--sak-white);color:var(--sak-text);font-size:15px;
  transition:border-color .18s ease,box-shadow .18s ease;margin:0;
}
.sak-form input[type="email"]:focus{outline:none;border-color:var(--sak-pink);box-shadow:0 0 0 3px rgba(228,103,140,.18);}
.sak-form input[type="email"]::placeholder{color:#A99AA1;}
.sak-form .sak-form__note{flex:1 1 100%;font-size:13px;color:var(--sak-muted);margin:0;}

/* 收口 CTA */
.sak-cta{
  position:relative;border-radius:var(--sak-radius-lg);overflow:hidden;padding:52px 28px;
  background-color:var(--sak-ink);
  background-image:linear-gradient(120deg,rgba(36,28,34,.94),rgba(194,74,110,.72)),url('/assets/images/backpic/back-4.jpg');
  background-size:cover;background-position:center;color:var(--sak-inverse);text-align:center;
}
.sak-cta h2{color:var(--sak-inverse);font-size:clamp(24px,3vw,32px);line-height:1.35;margin-bottom:12px;}
.sak-cta p{color:rgba(255,249,251,.82);font-size:15.5px;max-width:660px;margin:0 auto 24px;}
.sak-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}

/* 页脚 */
.sak-footer{background:var(--sak-ink);color:rgba(255,249,251,.72);padding:56px 0 26px;}
.sak-footer h3{color:var(--sak-inverse);font-size:15.5px;margin-bottom:16px;font-weight:600;}
.sak-footer p{font-size:14px;line-height:1.85;color:rgba(255,249,251,.66);}
.sak-footer a{font-size:14px;color:rgba(255,249,251,.68);transition:color .18s ease;}
.sak-footer a:hover{color:var(--sak-pink);}
.sak-footer__links li{margin-bottom:10px;}
.sak-footer__tags{display:flex;flex-wrap:wrap;gap:8px;}
.sak-footer__tags span{
  display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;
  background:rgba(255,249,251,.08);color:rgba(255,249,251,.7);font-size:13px;
}
.sak-footer__brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;}
.sak-footer__brand svg{width:26px;height:26px;color:var(--sak-pink);}
.sak-footer__brand strong{color:var(--sak-inverse);font-size:19px;font-weight:700;}
.sak-footer__bottom{
  margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,249,251,.12);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13.5px;color:rgba(255,249,251,.55);
}

/* 通用间距 */
.sak-mt-24{margin-top:24px;}
.sak-mb-0{margin-bottom:0;}
.sak-list-check li{position:relative;padding-left:24px;font-size:14.5px;color:var(--sak-muted);line-height:1.8;margin-bottom:10px;}
.sak-list-check li::before{
  content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:3px;
  background:var(--sak-pink-soft);border:2px solid var(--sak-pink);
}
.sak-media{border-radius:var(--sak-radius-lg);overflow:hidden;border:1px solid var(--sak-line);box-shadow:var(--sak-shadow);}
.sak-media img{width:100%;aspect-ratio:4/3;object-fit:cover;}

/* roulang page: category1 */
:root{
 --sak-pink:#E4678C;
 --sak-pink-dark:#C24A6E;
 --sak-pink-soft:#FBE3EA;
 --sak-pink-deep:#A83A5C;
 --sak-ink:#241C22;
 --sak-green:#3F8A6B;
 --sak-green-soft:#E6F2EC;
 --sak-bg:#FCF8F6;
 --sak-white:#FFFFFF;
 --sak-alt:#F6EEF1;
 --sak-line:#EADDE2;
 --sak-text:#3A3037;
 --sak-muted:#7A6C74;
 --sak-inverse:#FFF9FB;
 --sak-radius:12px;
 --sak-radius-lg:16px;
 --sak-radius-btn:8px;
 --sak-gap:24px;
 --sak-shadow:0 2px 8px rgba(36,28,34,.06);
 --sak-shadow-hover:0 8px 24px rgba(36,28,34,.10);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
 margin:0;
 font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
 font-size:16px;line-height:1.85;color:var(--sak-text);background:var(--sak-bg);
}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;}
button,input,select{font:inherit;}
h1,h2,h3,h4,p,ul,ol,figure{margin:0;}
ul,ol{padding:0;list-style:none;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--sak-pink);outline-offset:2px;border-radius:4px;}
.sak-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
/* ---------- 容器 ---------- */
.sak-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
@media (min-width:1024px){.sak-container{padding:0 24px;}}
/* ---------- 头部 ---------- */
.sak-header{position:sticky;top:0;z-index:60;background:var(--sak-ink);border-bottom:2px solid var(--sak-pink);}
.sak-brandbar{display:flex;align-items:center;gap:16px;padding:12px 0;}
.sak-logo{display:inline-flex;align-items:center;gap:10px;color:var(--sak-inverse);flex:0 0 auto;}
.sak-logo__mark{width:28px;height:28px;color:var(--sak-pink);flex:0 0 auto;}
.sak-logo__text{font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--sak-inverse);}
.sak-brandbar__search{flex:1 1 auto;max-width:420px;display:none;}
@media (min-width:768px){.sak-brandbar__search{display:block;}}
.sak-search{position:relative;}
.sak-search input{
 width:100%;height:42px;border-radius:999px;border:1px solid rgba(255,249,251,.22);
 background:rgba(255,249,251,.08);color:var(--sak-inverse);padding:0 44px 0 18px;font-size:14px;
 transition:border-color .18s ease,background .18s ease;
}
.sak-search input::placeholder{color:rgba(255,249,251,.55);}
.sak-search input:focus{outline:none;border-color:var(--sak-pink);background:rgba(255,249,251,.14);}
.sak-search svg{position:absolute;right:14px;top:11px;width:20px;height:20px;color:rgba(255,249,251,.6);}
.sak-brandbar__actions{display:none;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto;}
@media (min-width:768px){.sak-brandbar__actions{display:flex;}}
.sak-burger{
 display:inline-flex;align-items:center;justify-content:center;margin-left:auto;
 width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,249,251,.24);
 background:rgba(255,249,251,.06);color:var(--sak-inverse);cursor:pointer;
}
@media (min-width:768px){.sak-burger{display:none;}}
.sak-burger svg{width:22px;height:22px;}
/* ---------- 按钮 ---------- */
.sak-btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 height:46px;padding:0 22px;border-radius:var(--sak-radius-btn);
 border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;
 transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
 background:transparent;color:var(--sak-ink);text-align:center;white-space:nowrap;
}
.sak-btn--sm{height:38px;padding:0 16px;font-size:14px;}
.sak-btn--primary{background:var(--sak-pink);color:#fff;}
.sak-btn--primary:hover{background:var(--sak-pink-dark);transform:translateY(-1px);box-shadow:0 8px 20px rgba(194,74,110,.28);}
.sak-btn--primary:active{transform:translateY(0);box-shadow:none;}
.sak-btn--ghost{border-color:rgba(36,28,34,.22);color:var(--sak-ink);}
.sak-btn--ghost:hover{background:var(--sak-pink-soft);border-color:var(--sak-pink);color:var(--sak-pink-deep);}
.sak-btn--light{background:var(--sak-inverse);color:var(--sak-ink);}
.sak-btn--light:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.22);}
.sak-btn--outline-light{border-color:rgba(255,249,251,.42);color:var(--sak-inverse);}
.sak-btn--outline-light:hover{background:rgba(228,103,140,.28);border-color:var(--sak-pink);}
/* ---------- 图标网格导航 ---------- */
.sak-iconnav{display:none;padding:0 0 10px;}
@media (min-width:768px){.sak-iconnav{display:block;}}
.sak-iconnav ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;}
.sak-iconnav li{flex:0 0 auto;}
.sak-iconnav a{
 display:flex;flex-direction:column;align-items:center;gap:5px;
 min-width:88px;padding:9px 12px 10px;border-radius:10px;
 color:rgba(255,249,251,.76);font-size:14px;line-height:1.3;
 transition:background .18s ease,color .18s ease,transform .18s ease;
}
.sak-iconnav svg{width:22px;height:22px;}
.sak-iconnav a:hover{background:rgba(228,103,140,.2);color:#fff;transform:translateY(-1px);}
.sak-iconnav a.is-active{background:rgba(228,103,140,.24);color:#fff;box-shadow:inset 0 -3px 0 var(--sak-pink);}
/* ---------- 移动抽屉 ---------- */
.sak-drawer{background:#2E2429;border-top:1px solid rgba(255,249,251,.1);padding:16px 0 22px;}
.sak-drawer[hidden]{display:none;}
.sak-drawer__search{margin-bottom:16px;}
.sak-drawer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.sak-drawer__grid a{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
 min-height:78px;border-radius:12px;background:rgba(255,249,251,.07);
 color:rgba(255,249,251,.85);font-size:14px;text-align:center;padding:8px 4px;
 transition:background .18s ease,color .18s ease;
}
.sak-drawer__grid a:hover,.sak-drawer__grid a.is-active{background:rgba(228,103,140,.28);color:#fff;}
.sak-drawer__grid svg{width:24px;height:24px;}
.sak-drawer__actions{display:flex;gap:10px;flex-wrap:wrap;}
/* ---------- 分类页头 ---------- */
.sak-cathead{
 position:relative;color:var(--sak-inverse);padding:34px 0 38px;
 background-color:var(--sak-ink);
 background-image:linear-gradient(180deg,rgba(36,28,34,.90),rgba(36,28,34,.96)),url('/assets/images/backpic/back-3.jpg');
 background-size:cover;background-position:center;
}
.sak-cathead .breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0;}
.sak-cathead .breadcrumbs li{float:none;color:rgba(255,249,251,.66);font-size:13px;text-transform:none;letter-spacing:0;}
.sak-cathead .breadcrumbs li::after{content:"/";margin-left:6px;color:rgba(255,249,251,.3);}
.sak-cathead .breadcrumbs li:last-child::after{display:none;}
.sak-cathead .breadcrumbs a{color:rgba(255,249,251,.66);border-bottom:1px solid transparent;}
.sak-cathead .breadcrumbs a:hover{color:var(--sak-pink);border-bottom-color:var(--sak-pink);}
.sak-cathead h1{font-size:clamp(28px,3.6vw,42px);line-height:1.3;font-weight:700;color:#fff;}
.sak-cathead h1 em{font-style:normal;color:var(--sak-pink);}
.sak-cathead__lead{margin-top:14px;max-width:840px;font-size:16px;color:rgba(255,249,251,.82);}
.sak-cathead__info{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;}
.sak-cathead__info li{
 font-size:14px;color:rgba(255,249,251,.8);display:inline-flex;align-items:center;gap:8px;
}
.sak-cathead__info b{color:#fff;font-variant-numeric:tabular-nums;font-size:16px;}
.sak-dot{width:8px;height:8px;border-radius:50%;background:var(--sak-green);display:inline-block;}
/* ---------- 板块 ---------- */
.sak-section{padding:52px 0;}
@media (min-width:1024px){.sak-section{padding:78px 0;}}
.sak-section--alt{background:var(--sak-alt);}
.sak-section--tight{padding:34px 0;}
@media (min-width:1024px){.sak-section--tight{padding:42px 0;}}
.sak-h2{font-size:clamp(24px,2.6vw,30px);line-height:1.35;font-weight:600;color:var(--sak-ink);}
.sak-h2 em{font-style:normal;color:var(--sak-pink);}
.sak-sub{margin-top:10px;color:var(--sak-muted);font-size:15px;max-width:820px;}
.sak-head{margin-bottom:28px;}
.sak-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;}
/* ---------- 筛选 ---------- */
.sak-filter-toggle{display:inline-flex;margin-bottom:16px;}
.sak-filter{display:none;background:#fff;border:1px solid var(--sak-line);border-radius:var(--sak-radius-lg);padding:18px 20px;box-shadow:var(--sak-shadow);}
.sak-filter.is-open{display:block;}
@media (min-width:1024px){
 .sak-filter{display:block;padding:20px 24px;}
 .sak-filter-toggle{display:none;}
}
.sak-filter__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--sak-line);}
.sak-filter__row:last-child{border-bottom:0;}
.sak-filter__label{flex:0 0 auto;font-size:14px;font-weight:600;color:var(--sak-ink);min-width:56px;}
.sak-chips{display:flex;flex-wrap:wrap;gap:8px;}
.sak-chip{
 display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:999px;
 border:1px solid var(--sak-line);background:#fff;color:var(--sak-muted);
 font-size:14px;cursor:pointer;transition:all .18s ease;
}
.sak-chip:hover{border-color:var(--sak-pink);color:var(--sak-pink-deep);background:var(--sak-pink-soft);}
.sak-chip.is-on{background:var(--sak-pink-soft);border-color:var(--sak-pink);color:var(--sak-pink-deep);font-weight:600;}
.sak-select{
 height:38px;border-radius:8px;border:1px solid var(--sak-line);background:#fff;
 color:var(--sak-text);padding:0 12px;font-size:14px;min-width:150px;
}
.sak-select:focus{outline:none;border-color:var(--sak-pink);box-shadow:0 0 0 2px rgba(228,103,140,.18);}
/* ---------- 卡片 ---------- */
.sak-grid{gap:0;}
.sak-card{
 display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--sak-line);
 border-radius:var(--sak-radius);overflow:hidden;box-shadow:var(--sak-shadow);
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.sak-card:hover{transform:translateY(-2px);box-shadow:var(--sak-shadow-hover);border-color:#E2CDD6;}
.sak-card__cover{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#FBE3EA,#F6EEF1);}
.sak-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.sak-card:hover .sak-card__cover img{transform:scale(1.04);}
.sak-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1 1 auto;}
.sak-card__title{
 font-size:18px;font-weight:600;line-height:1.5;color:var(--sak-ink);
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sak-card__desc{
 margin-top:8px;font-size:14px;color:var(--sak-muted);line-height:1.75;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sak-card__foot{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--sak-muted);}
.sak-card__foot time{font-variant-numeric:tabular-nums;}
.sak-tag{
 display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
 background:var(--sak-pink-soft);color:var(--sak-pink-deep);font-size:12px;font-weight:600;
}
.sak-tag--green{background:var(--sak-green-soft);color:var(--sak-green);}
.sak-duration{font-variant-numeric:tabular-nums;color:var(--sak-ink);font-weight:600;}
/* ---------- 精选大卡 ---------- */
.sak-feature{
 display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--sak-line);
 border-radius:var(--sak-radius-lg);overflow:hidden;box-shadow:var(--sak-shadow);
 transition:transform .2s ease,box-shadow .2s ease;
}
@media (min-width:768px){.sak-feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}}
.sak-feature:hover{transform:translateY(-2px);box-shadow:var(--sak-shadow-hover);}
.sak-feature__cover{aspect-ratio:16/10;background:linear-gradient(135deg,#FBE3EA,#F6EEF1);}
@media (min-width:768px){.sak-feature__cover{height:100%;aspect-ratio:auto;}}
.sak-feature__cover img{width:100%;height:100%;object-fit:cover;}
.sak-feature__body{padding:22px 24px 24px;}
.sak-feature__body h3{margin-top:10px;font-size:21px;font-weight:600;color:var(--sak-ink);line-height:1.45;}
.sak-feature__body p{margin-top:10px;font-size:15px;color:var(--sak-muted);}
.sak-badge{
 display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:999px;
 background:var(--sak-pink);color:#fff;font-size:12px;font-weight:600;
}
.sak-inline-list{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--sak-muted);}
/* ---------- 分页 ---------- */
.sak-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px;}
.sak-pagination a,.sak-pagination span{
 width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
 border:1px solid var(--sak-line);border-radius:8px;background:#fff;font-size:14px;
 color:var(--sak-text);font-variant-numeric:tabular-nums;transition:all .18s ease;
}
.sak-pagination a:hover{border-color:var(--sak-pink);color:var(--sak-pink-deep);background:var(--sak-pink-soft);}
.sak-pagination .is-current{background:var(--sak-pink);border-color:var(--sak-pink);color:#fff;font-weight:600;}
.sak-more{display:flex;justify-content:center;margin-top:26px;}
/* ---------- 简介两栏 ---------- */
.sak-split{display:grid;grid-template-columns:1fr;gap:26px;align-items:start;}
@media (min-width:1024px){.sak-split{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px;}}
.sak-figure{border-radius:var(--sak-radius-lg);overflow:hidden;border:1px solid var(--sak-line);background:#fff;box-shadow:var(--sak-shadow);}
.sak-figure img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.sak-figure figcaption{padding:12px 16px;font-size:13px;color:var(--sak-muted);}
.sak-points{margin-top:18px;display:grid;gap:12px;}
.sak-points li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--sak-text);}
.sak-points svg{width:20px;height:20px;color:var(--sak-green);flex:0 0 auto;margin-top:5px;}
.sak-para{font-size:15.5px;color:var(--sak-text);}
.sak-para + .sak-para{margin-top:14px;}
/* ---------- 专题条 ---------- */
.sak-topic{
 display:block;background:#fff;border:1px solid var(--sak-line);border-radius:var(--sak-radius);
 padding:20px 22px;box-shadow:var(--sak-shadow);height:100%;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.sak-topic:hover{transform:translateY(-2px);box-shadow:var(--sak-shadow-hover);border-color:#E2CDD6;}
.sak-topic h3{font-size:17px;font-weight:600;color:var(--sak-ink);line-height:1.5;}
.sak-topic p{margin-top:8px;font-size:14px;color:var(--sak-muted);}
.sak-topic span{display:inline-block;margin-top:14px;font-size:14px;color:var(--sak-green);border-bottom:1px solid var(--sak-green);}
/* ---------- 数据条 ---------- */
.sak-stats{
 display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--sak-line);
 border:1px solid var(--sak-line);border-radius:var(--sak-radius-lg);overflow:hidden;
}
@media (min-width:1024px){.sak-stats{grid-template-columns:repeat(4,1fr);}}
.sak-stats li{background:#fff;padding:22px 20px;}
.sak-stats b{display:block;font-size:34px;line-height:1.15;font-weight:700;color:var(--sak-ink);font-variant-numeric:tabular-nums;}
.sak-stats span{display:block;margin-top:8px;font-size:14px;color:var(--sak-muted);}
/* ---------- FAQ ---------- */
.sak-faq{display:grid;gap:12px;}
.sak-faq details{background:#fff;border:1px solid var(--sak-line);border-radius:var(--sak-radius);box-shadow:var(--sak-shadow);}
.sak-faq summary{
 position:relative;cursor:pointer;list-style:none;padding:16px 56px 16px 20px;
 font-size:16px;font-weight:600;color:var(--sak-ink);line-height:1.6;
}
.sak-faq summary::-webkit-details-marker{display:none;}
.sak-faq summary::after{
 content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
 font-size:22px;line-height:1;color:var(--sak-pink);font-weight:600;
}
.sak-faq details[open] summary::after{content:"−";}
.sak-faq details[open] summary{color:var(--sak-pink-deep);}
.sak-faq__body{padding:0 20px 18px;font-size:15px;color:var(--sak-muted);}
/* ---------- 订阅 CTA ---------- */
.sak-cta{
 position:relative;color:var(--sak-inverse);background-color:var(--sak-ink);
 background-image:linear-gradient(180deg,rgba(36,28,34,.92),rgba(36,28,34,.96)),url('/assets/images/backpic/back-6.jpg');
 background-size:cover;background-position:center;
 border-radius:var(--sak-radius-lg);padding:36px 28px;
}
@media (min-width:1024px){.sak-cta{padding:48px 52px;}}
.sak-cta h2{font-size:clamp(22px,2.4vw,28px);color:#fff;font-weight:600;line-height:1.4;}
.sak-cta h2 em{font-style:normal;color:var(--sak-pink);}
.sak-cta p{margin-top:12px;font-size:15px;color:rgba(255,249,251,.78);max-width:760px;}
.sak-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;max-width:620px;}
.sak-form input{
 flex:1 1 260px;height:44px;border-radius:var(--sak-radius-btn);
 border:1px solid rgba(255,249,251,.3);background:rgba(255,249,251,.1);
 color:#fff;padding:0 16px;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease;
}
.sak-form input::placeholder{color:rgba(255,249,251,.6);}
.sak-form input:focus{outline:none;border-color:var(--sak-pink);box-shadow:0 0 0 2px rgba(228,103,140,.3);background:rgba(255,249,251,.16);}
.sak-form__note{margin-top:12px;font-size:13px;color:rgba(255,249,251,.6);}
/* ---------- 页脚 ---------- */
.sak-footer{background:var(--sak-ink);color:rgba(255,249,251,.72);padding:52px 0 26px;margin-top:0;}
.sak-footer__brand{display:inline-flex;align-items:center;gap:10px;color:#fff;margin-bottom:14px;}
.sak-footer__brand svg{width:26px;height:26px;color:var(--sak-pink);}
.sak-footer__brand strong{font-size:19px;font-weight:700;}
.sak-footer p{font-size:14px;line-height:1.85;color:rgba(255,249,251,.66);}
.sak-footer h3{font-size:15px;font-weight:600;color:#fff;margin-bottom:14px;letter-spacing:.3px;}
.sak-footer__links{display:grid;gap:9px;}
.sak-footer__links a{font-size:14px;color:rgba(255,249,251,.66);transition:color .18s ease;}
.sak-footer__links a:hover{color:var(--sak-pink);}
.sak-footer__tags{display:flex;flex-wrap:wrap;gap:8px;}
.sak-footer__tags span{
 font-size:13px;padding:4px 12px;border-radius:999px;
 background:rgba(255,249,251,.08);color:rgba(255,249,251,.72);
}
.sak-footer__bottom{
 margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,249,251,.12);
 display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;
 font-size:13px;color:rgba(255,249,251,.55);font-variant-numeric:tabular-nums;
}
@media (max-width:639px){
 .sak-brandbar__actions{display:none;}
 .sak-cathead{padding:26px 0 30px;}
 .sak-stats b{font-size:28px;}
}
