/* roulang page: index */
:root{
  --ink-a:#123c30;
  --spark-b:#b4402f;
  --paper-c:#f7f4ec;
  --paper-d:#fffdf8;
  --mute-e:#5f6c64;
  --line-f:#e2ddcf;
  --soft-g:rgba(18,60,48,.07);
  --rnd-h:16px;
  --lift-i:0 12px 32px rgba(18,60,48,.10);
  --gap-j:clamp(16px,2.2vw,26px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper-c);color:var(--ink-a);font-size:16px;line-height:1.75;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
h1,h2,h3,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--spark-b);outline-offset:3px;border-radius:6px}

/* 骨架与容器 */
.ffoxfwbpw-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.ffoxfwbpw-top{position:sticky;top:0;z-index:30;background:rgba(247,244,236,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-f)}
.ffoxfwbpw-top-in{display:flex;align-items:center;gap:18px;height:74px}
.ffoxfwbpw-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:.02em;min-height:44px}
.ffoxfwbpw-logo i{width:38px;height:38px;border-radius:11px;background:var(--ink-a);color:#fff;display:grid;place-items:center;font-style:normal;font-size:16px;box-shadow:0 6px 16px rgba(18,60,48,.24)}
.ffoxfwbpw-nav{margin-left:auto;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.ffoxfwbpw-nav::-webkit-scrollbar{display:none}
.ffoxfwbpw-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:10px;font-size:15px;color:var(--mute-e);white-space:nowrap;transition:color .2s ease,background .2s ease}
.ffoxfwbpw-nav a:hover{color:var(--ink-a);background:var(--soft-g)}

/* 首屏：测评选型 */
.ffoxfwbpw-hero{position:relative;background-image:url("/assets/images/backpic/back-1.webp");background-size:cover;background-position:center}
.ffoxfwbpw-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(247,244,236,.975) 0%,rgba(247,244,236,.93) 48%,rgba(247,244,236,.6) 100%)}
.ffoxfwbpw-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;
  gap:clamp(24px,4vw,54px);padding:clamp(42px,6vw,86px) 24px}
.ffoxfwbpw-eyebrow{display:inline-block;font-size:13px;letter-spacing:.16em;color:var(--spark-b);font-weight:600;margin-bottom:14px}
.ffoxfwbpw-h1{font-size:clamp(34px,5vw,58px);line-height:1.14;letter-spacing:.02em;font-weight:800}
.ffoxfwbpw-mark{color:var(--spark-b);position:relative}
.ffoxfwbpw-mark::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:8px;background:rgba(180,64,47,.14);border-radius:4px;z-index:-1}
.ffoxfwbpw-lead{margin-top:18px;max-width:600px;font-size:15.5px;color:#3d4c44}
.ffoxfwbpw-ask{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-top:28px}
.ffoxfwbpw-field{display:block}
.ffoxfwbpw-field span{display:block;font-size:12.5px;color:var(--mute-e);margin-bottom:6px;letter-spacing:.04em}
.ffoxfwbpw-field select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line-f);border-radius:12px;background:var(--paper-d);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}
.ffoxfwbpw-field select:hover{border-color:#c9c1ae}
.ffoxfwbpw-field select:focus{border-color:var(--ink-a);box-shadow:0 0 0 3px var(--soft-g);outline:none}
.ffoxfwbpw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--ink-a);color:#fff;font-size:15px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.ffoxfwbpw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,60,48,.24);background:#0d3128}
.ffoxfwbpw-hint{margin-top:16px;font-size:13px;color:var(--mute-e)}
.ffoxfwbpw-link{display:inline-flex;align-items:center;min-height:44px;margin-left:14px;font-size:14.5px;color:var(--ink-a);border-bottom:1px solid rgba(18,60,48,.28);transition:border-color .2s ease,color .2s ease}
.ffoxfwbpw-link:hover{color:var(--spark-b);border-color:var(--spark-b)}
.ffoxfwbpw-preview{background:var(--paper-d);border:1px solid var(--line-f);border-radius:22px;padding:24px 24px 20px;box-shadow:var(--lift-i)}
.ffoxfwbpw-preview h2{font-size:15px;letter-spacing:.06em;color:var(--mute-e);font-weight:600}
.ffoxfwbpw-preview ul{display:grid;gap:14px;margin-top:16px}
.ffoxfwbpw-preview li{display:grid;grid-template-columns:68px 1fr;gap:10px;font-size:14.5px;align-items:start;padding-bottom:12px;border-bottom:1px dashed var(--line-f)}
.ffoxfwbpw-preview li:last-child{border-bottom:0;padding-bottom:0}
.ffoxfwbpw-preview b{color:var(--ink-a);font-weight:600}
.ffoxfwbpw-preview span{color:#4a5850}

/* 通用板块 */
.ffoxfwbpw-sec{padding:clamp(44px,6vw,78px) 0}
.ffoxfwbpw-alt{background:#efeade}
.ffoxfwbpw-h2{font-size:clamp(22px,2.6vw,30px);line-height:1.3;letter-spacing:.01em}
.ffoxfwbpw-sub{margin-top:12px;margin-bottom:30px;max-width:780px;font-size:15px;color:var(--mute-e)}
.ffoxfwbpw-grid{display:grid;gap:var(--gap-j)}
.ffoxfwbpw-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ffoxfwbpw-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ffoxfwbpw-g2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 今日速览 */
.ffoxfwbpw-split{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap-j);align-items:stretch}
.ffoxfwbpw-facts{display:grid;gap:10px}
.ffoxfwbpw-facts li{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:16px 18px;background:var(--paper-d);border:1px solid var(--line-f);border-radius:var(--rnd-h);font-size:14.5px;transition:transform .22s ease,box-shadow .22s ease}
.ffoxfwbpw-facts li:hover{transform:translateY(-3px);box-shadow:var(--lift-i)}
.ffoxfwbpw-facts b{color:var(--spark-b);font-size:14px;letter-spacing:.06em}
.ffoxfwbpw-figure{border-radius:var(--rnd-h);overflow:hidden;border:1px solid var(--line-f);background:var(--paper-d)}
.ffoxfwbpw-figure img{width:100%;height:100%;object-fit:cover;min-height:280px}

/* 分类入口 */
.ffoxfwbpw-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-j)}
.ffoxfwbpw-cat{padding:22px;border-radius:var(--rnd-h);background:var(--paper-d);border:1px solid var(--line-f);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ffoxfwbpw-cat:hover{transform:translateY(-4px);box-shadow:var(--lift-i);border-color:#d3cbb8}
.ffoxfwbpw-cat h3{font-size:17px;margin-bottom:8px}
.ffoxfwbpw-cat p{font-size:14px;color:var(--mute-e)}

/* 卡片 */
.ffoxfwbpw-card{background:var(--paper-d);border:1px solid var(--line-f);border-radius:var(--rnd-h);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.ffoxfwbpw-card:hover{transform:translateY(-5px);box-shadow:var(--lift-i)}
.ffoxfwbpw-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--soft-g)}
.ffoxfwbpw-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ffoxfwbpw-card:hover .ffoxfwbpw-thumb img{transform:scale(1.045)}
.ffoxfwbpw-tag{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:rgba(247,244,236,.94);color:var(--ink-a);font-size:12px;font-weight:600;letter-spacing:.04em}
.ffoxfwbpw-body{padding:18px 20px 22px}
.ffoxfwbpw-body h3{font-size:16.5px;margin-bottom:8px;line-height:1.45}
.ffoxfwbpw-body p{font-size:14px;color:var(--mute-e)}

/* 资讯 */
.ffoxfwbpw-news{display:grid;gap:var(--gap-j)}
.ffoxfwbpw-news li{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;background:var(--paper-d);border:1px solid var(--line-f);border-radius:var(--rnd-h);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.ffoxfwbpw-news li:hover{transform:translateX(4px);box-shadow:var(--lift-i)}
.ffoxfwbpw-news .ffoxfwbpw-thumb{aspect-ratio:4/3;height:100%}
.ffoxfwbpw-news-txt{padding:18px 22px 18px 0}
.ffoxfwbpw-news-txt time{display:block;font-size:12.5px;color:var(--spark-b);letter-spacing:.08em;margin-bottom:6px}
.ffoxfwbpw-news-txt h3{font-size:16.5px;margin-bottom:6px;line-height:1.45}
.ffoxfwbpw-news-txt p{font-size:14px;color:var(--mute-e)}

/* 排行榜 */
.ffoxfwbpw-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;counter-reset:none}
.ffoxfwbpw-rank li{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:15px 18px;border-radius:14px;background:var(--paper-d);border:1px solid var(--line-f);font-size:14.5px;transition:background .22s ease,transform .22s ease}
.ffoxfwbpw-rank li:hover{background:#fff;transform:translateX(3px)}
.ffoxfwbpw-no{font-size:15px;font-weight:800;color:var(--spark-b);letter-spacing:.04em}
.ffoxfwbpw-rank b{font-weight:600;display:block}
.ffoxfwbpw-rank em{font-style:normal;display:block;font-size:13px;color:var(--mute-e)}
.ffoxfwbpw-catmark{font-size:12px;color:var(--ink-a);background:var(--soft-g);border-radius:999px;padding:4px 10px;white-space:nowrap}

/* 口碑 */
.ffoxfwbpw-bubbles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-j)}
.ffoxfwbpw-bubbles li{padding:24px;border-radius:18px 18px 18px 4px;background:var(--paper-d);border:1px solid var(--line-f);transition:transform .22s ease,box-shadow .22s ease}
.ffoxfwbpw-bubbles li:hover{transform:translateY(-4px);box-shadow:var(--lift-i)}
.ffoxfwbpw-bubbles p{font-size:15px;color:#38473f}
.ffoxfwbpw-bubbles span{display:block;margin-top:14px;font-size:13px;color:var(--mute-e);letter-spacing:.04em}

/* 合作场地 */
.ffoxfwbpw-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ffoxfwbpw-logos li{display:grid;place-items:center;min-height:78px;padding:12px;border-radius:14px;border:1px dashed #d6cfbc;background:rgba(255,253,248,.7);font-size:14px;color:#41524a;text-align:center;transition:background .22s ease,border-color .22s ease}
.ffoxfwbpw-logos li:hover{background:var(--paper-d);border-color:var(--ink-a)}

/* 保障条 */
.ffoxfwbpw-strip{background:var(--ink-a);color:#e9efea;padding:clamp(32px,4vw,48px) 0}
.ffoxfwbpw-promise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-j)}
.ffoxfwbpw-promise li{display:grid;gap:6px;padding-left:16px;border-left:2px solid rgba(233,239,234,.26)}
.ffoxfwbpw-promise b{font-size:15.5px;color:#fff}
.ffoxfwbpw-promise span{font-size:13.5px;color:#b9c8c0}

/* 内容日历 */
.ffoxfwbpw-cal{display:grid;gap:10px}
.ffoxfwbpw-cal li{display:grid;grid-template-columns:88px 160px 1fr;gap:16px;align-items:center;padding:16px 20px;border-radius:14px;background:var(--paper-d);border:1px solid var(--line-f)}
.ffoxfwbpw-cal span{font-size:12.5px;letter-spacing:.08em;color:var(--spark-b)}
.ffoxfwbpw-cal b{font-size:15px}
.ffoxfwbpw-cal em{font-style:normal;font-size:14px;color:var(--mute-e)}

/* 专题索引 */
.ffoxfwbpw-topic-main{display:grid;grid-template-columns:.95fr 1.05fr;gap:0;overflow:hidden;border-radius:20px;border:1px solid var(--line-f);background:var(--paper-d);margin-bottom:var(--gap-j)}
.ffoxfwbpw-topic-main img{width:100%;height:100%;object-fit:cover;min-height:240px}
.ffoxfwbpw-topic-main div{padding:28px}
.ffoxfwbpw-topic-main h3{font-size:20px;margin-bottom:10px}
.ffoxfwbpw-topic-main p{font-size:14.5px;color:var(--mute-e)}
.ffoxfwbpw-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-j)}
.ffoxfwbpw-topics li{padding:22px;border-radius:var(--rnd-h);background:var(--paper-d);border:1px solid var(--line-f);transition:transform .22s ease,box-shadow .22s ease}
.ffoxfwbpw-topics li:hover{transform:translateY(-4px);box-shadow:var(--lift-i)}
.ffoxfwbpw-topics h3{font-size:16.5px;margin-bottom:8px}
.ffoxfwbpw-topics p{font-size:14px;color:var(--mute-e)}

/* 问答 */
.ffoxfwbpw-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-j)}
.ffoxfwbpw-faq article{padding:24px;border-radius:var(--rnd-h);background:var(--paper-d);border:1px solid var(--line-f)}
.ffoxfwbpw-faq h3{font-size:16px;margin-bottom:10px;line-height:1.5}
.ffoxfwbpw-faq p{font-size:14px;color:var(--mute-e)}

/* 收束 */
.ffoxfwbpw-end{position:relative;background-image:url("/assets/images/backpic/back-2.webp");background-size:cover;background-position:center;padding:clamp(52px,7vw,92px) 0}
.ffoxfwbpw-end::after{content:"";position:absolute;inset:0;background:rgba(15,47,38,.86)}
.ffoxfwbpw-end .ffoxfwbpw-wrap{position:relative;z-index:1;color:#e9efea;max-width:820px}
.ffoxfwbpw-end h2{font-size:clamp(22px,2.6vw,30px);color:#fff;margin-bottom:14px}
.ffoxfwbpw-end p{font-size:15px;color:#c3d0c8}

/* 页脚 */
.ffoxfwbpw-foot{background:#0d2b23;color:#dbe4dd;padding-top:clamp(40px,5vw,64px)}
.ffoxfwbpw-foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--gap-j);padding-bottom:34px}
.ffoxfwbpw-foot-logo{display:flex;align-items:center;gap:10px;font-size:16.5px;font-weight:700;color:#fff;margin-bottom:12px}
.ffoxfwbpw-foot-logo i{width:34px;height:34px;border-radius:10px;background:#1b4438;display:grid;place-items:center;font-style:normal;font-size:15px;color:#fff}
.ffoxfwbpw-foot-brand p{font-size:13.5px;color:#9fb1a8;max-width:320px}
.ffoxfwbpw-foot h3{font-size:14.5px;color:#fff;margin-bottom:10px;letter-spacing:.04em}
.ffoxfwbpw-foot li a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#9fb1a8;transition:color .2s ease}
.ffoxfwbpw-foot li a:hover{color:#fff}
.ffoxfwbpw-foot li span{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#9fb1a8}
.ffoxfwbpw-copy{border-top:1px solid rgba(219,228,221,.14);padding-top:18px;padding-bottom:24px}
.ffoxfwbpw-copy p{font-size:13px;color:#8b9d94}

@media (max-width:1024px){
  .ffoxfwbpw-hero-in{grid-template-columns:1fr;padding-top:44px;padding-bottom:48px}
  .ffoxfwbpw-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ffoxfwbpw-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ffoxfwbpw-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ffoxfwbpw-foot-in{grid-template-columns:1fr 1fr;}
  .ffoxfwbpw-split{grid-template-columns:1fr}
  .ffoxfwbpw-figure img{min-height:220px}
}
@media (max-width:768px){
  .ffoxfwbpw-top-in{height:64px;gap:12px}
  .ffoxfwbpw-g3,.ffoxfwbpw-bubbles,.ffoxfwbpw-topics{grid-template-columns:1fr}
  .ffoxfwbpw-ask{grid-template-columns:1fr 1fr;}
  .ffoxfwbpw-ask .ffoxfwbpw-btn{grid-column:1 / -1}
  .ffoxfwbpw-link{margin-left:0;margin-top:6px}
  .ffoxfwbpw-rank,.ffoxfwbpw-faq{grid-template-columns:1fr}
  .ffoxfwbpw-news li{grid-template-columns:130px 1fr;gap:14px}
  .ffoxfwbpw-news-txt{padding:14px 16px 16px 0}
  .ffoxfwbpw-promise{grid-template-columns:1fr 1fr}
  .ffoxfwbpw-topic-main{grid-template-columns:1fr}
  .ffoxfwbpw-cal li{grid-template-columns:1fr;gap:4px;padding:16px}
}
@media (max-width:520px){
  .ffoxfwbpw-wrap{padding:0 16px}
  .ffoxfwbpw-hero-in{padding-left:16px;padding-right:16px}
  .ffoxfwbpw-g4,.ffoxfwbpw-g2,.ffoxfwbpw-cats,.ffoxfwbpw-logos{grid-template-columns:1fr}
  .ffoxfwbpw-ask{grid-template-columns:1fr}
  .ffoxfwbpw-news li{grid-template-columns:1fr}
  .ffoxfwbpw-news .ffoxfwbpw-thumb{aspect-ratio:16/9}
  .ffoxfwbpw-news-txt{padding:16px 18px 20px}
  .ffoxfwbpw-promise{grid-template-columns:1fr}
  .ffoxfwbpw-foot-in{grid-template-columns:1fr}
  .ffoxfwbpw-facts li{grid-template-columns:1fr;gap:4px;padding:14px 16px}
  .ffoxfwbpw-h1{font-size:32px}
  .ffoxfwbpw-lead{font-size:15px}
}