/* roulang page: index */
*{box-sizing:border-box;margin:0;padding:0}
:root{
--c1:#17605c;--c2:#e08a2e;--c3:#f7f6f3;--c4:#ffffff;--c5:#1a2224;--c6:#6a7679;--c7:#e3e1da;
--r1:14px;--r2:999px;--s1:0 8px 28px rgba(23,96,92,.10);--g1:76px;
}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;background:var(--c3);color:var(--c5);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input{font:inherit}

/* 容器与顶栏 */
.bsmscgjpe-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.bsmscgjpe-hd{position:sticky;top:0;z-index:30;background:rgba(247,246,243,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--c7)}
.bsmscgjpe-hdrow{display:flex;align-items:center;gap:24px;min-height:68px}
.bsmscgjpe-logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.5px;flex:0 0 auto}
.bsmscgjpe-lmark{width:34px;height:34px;border-radius:10px;background:var(--c1);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700}
.bsmscgjpe-nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none;padding:4px 0}
.bsmscgjpe-nav::-webkit-scrollbar{display:none}
.bsmscgjpe-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r2);font-size:14px;color:var(--c6);white-space:nowrap;transition:.2s}
.bsmscgjpe-nav a:hover,.bsmscgjpe-nav a:focus-visible{color:var(--c1);background:rgba(23,96,92,.08)}
.bsmscgjpe-nav a.bsmscgjpe-on{color:#fff;background:var(--c1)}

/* 首屏 */
.bsmscgjpe-hero{position:relative;overflow:hidden;background:#0d1f1e;color:#fff;isolation:isolate}
.bsmscgjpe-heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bsmscgjpe-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,23,22,.95) 0%,rgba(7,23,22,.78) 52%,rgba(7,23,22,.34) 100%)}
.bsmscgjpe-heroin{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center;padding-top:62px;padding-bottom:72px}
.bsmscgjpe-strip{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:var(--r2);background:rgba(224,138,46,.18);color:#f5c78a;font-size:12.5px;letter-spacing:.4px}
.bsmscgjpe-h1{margin-top:16px;font-size:clamp(23px,3.2vw,38px);line-height:1.3;font-weight:800;letter-spacing:.5px}
.bsmscgjpe-h1 em{font-style:normal;color:#f2b26a}
.bsmscgjpe-lead{margin-top:16px;max-width:620px;font-size:15px;line-height:1.9;color:rgba(255,255,255,.78)}
.bsmscgjpe-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.bsmscgjpe-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:var(--r2);font-size:14px;font-weight:700;border:1px solid transparent;transition:.22s}
.bsmscgjpe-btn-a{background:var(--c2);color:#241605}
.bsmscgjpe-btn-a:hover{background:#f09a3c;transform:translateY(-2px)}
.bsmscgjpe-btn-b{border-color:rgba(255,255,255,.36);color:#fff}
.bsmscgjpe-btn-b:hover{background:rgba(255,255,255,.13)}
.bsmscgjpe-spot{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}
.bsmscgjpe-spotcover{width:118px;height:164px;border-radius:12px;overflow:hidden;background:#1b2e2d}
.bsmscgjpe-spotcover img{width:100%;height:100%;object-fit:cover}
.bsmscgjpe-spot h2{font-size:19px;font-weight:800;letter-spacing:.3px}
.bsmscgjpe-spotn{margin-top:4px;font-size:12px;color:#f5c78a;letter-spacing:.4px}
.bsmscgjpe-spot p{margin-top:8px;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.7)}
.bsmscgjpe-spotbtns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.bsmscgjpe-spotbtns a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:var(--r2);font-size:12.5px;border:1px solid rgba(255,255,255,.28);color:#fff;transition:.2s}
.bsmscgjpe-spotbtns a:hover{background:rgba(255,255,255,.14)}

/* 通用板块 */
.bsmscgjpe-sec{padding:var(--g1) 0}
.bsmscgjpe-sec-alt{background:#f1efea}
.bsmscgjpe-head{max-width:720px;margin-bottom:32px}
.bsmscgjpe-head h2{font-size:clamp(20px,2.4vw,27px);font-weight:800;letter-spacing:.4px}
.bsmscgjpe-head h2::before{content:"";display:inline-block;width:6px;height:20px;border-radius:3px;background:var(--c2);margin-right:12px;vertical-align:-2px}
.bsmscgjpe-head p{margin-top:10px;font-size:13.5px;line-height:1.85;color:var(--c6)}

/* 分类频道 */
.bsmscgjpe-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bsmscgjpe-chips li{padding:20px 22px;background:var(--c4);border:1px solid var(--c7);border-radius:var(--r1);transition:.22s}
.bsmscgjpe-chips li:hover{border-color:rgba(23,96,92,.4);box-shadow:var(--s1);transform:translateY(-3px)}
.bsmscgjpe-chips strong{display:block;font-size:16px;color:var(--c1);margin-bottom:7px}
.bsmscgjpe-chips p{font-size:13px;line-height:1.75;color:var(--c6)}

/* 榜单 */
.bsmscgjpe-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bsmscgjpe-rank li{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:12px;padding:13px 18px;background:var(--c4);border:1px solid var(--c7);border-radius:12px;transition:.2s}
.bsmscgjpe-rank li:hover{border-color:rgba(23,96,92,.4);box-shadow:var(--s1)}
.bsmscgjpe-no{font-size:17px;font-weight:800;color:#bdc2bf;font-variant-numeric:tabular-nums}
.bsmscgjpe-rank li:nth-child(-n+3) .bsmscgjpe-no{color:var(--c2)}
.bsmscgjpe-rname{font-size:14.5px;font-weight:700}
.bsmscgjpe-tag{font-size:11.5px;padding:3px 10px;border-radius:var(--r2);background:rgba(23,96,92,.09);color:var(--c1);white-space:nowrap}
.bsmscgjpe-score{font-size:14.5px;font-weight:800;color:var(--c2);font-variant-numeric:tabular-nums}

/* 卡片 */
.bsmscgjpe-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.bsmscgjpe-card{background:var(--c4);border:1px solid var(--c7);border-radius:var(--r1);overflow:hidden;transition:.25s}
.bsmscgjpe-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(23,96,92,.15)}
.bsmscgjpe-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#dcdad4}
.bsmscgjpe-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.bsmscgjpe-card:hover .bsmscgjpe-thumb img{transform:scale(1.06)}
.bsmscgjpe-badge{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:var(--r2);font-size:11px;font-weight:700;background:rgba(23,96,92,.94);color:#fff}
.bsmscgjpe-rate{position:absolute;right:8px;bottom:8px;padding:3px 9px;border-radius:var(--r2);font-size:12px;font-weight:800;background:rgba(18,26,25,.8);color:#ffd08a}
.bsmscgjpe-cbody{padding:12px 14px 16px}
.bsmscgjpe-cbody h3{font-size:14.5px;font-weight:700;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsmscgjpe-cbody p{margin-top:6px;font-size:12px;line-height:1.6;color:var(--c6)}

/* 专题 */
.bsmscgjpe-topic{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bsmscgjpe-topic article{background:var(--c4);border:1px solid var(--c7);border-radius:var(--r1);overflow:hidden;transition:.25s}
.bsmscgjpe-topic article:hover{box-shadow:0 16px 34px rgba(23,96,92,.14);transform:translateY(-4px)}
.bsmscgjpe-ttimg{aspect-ratio:16/9;overflow:hidden;background:#dcdad4}
.bsmscgjpe-ttimg img{width:100%;height:100%;object-fit:cover}
.bsmscgjpe-ttbody{padding:18px 20px 22px}
.bsmscgjpe-ttbody h3{font-size:16px;font-weight:800}
.bsmscgjpe-ttbody p{margin-top:8px;font-size:13px;line-height:1.8;color:var(--c6)}
.bsmscgjpe-tlist{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.bsmscgjpe-tlist span{font-size:11.5px;padding:3px 9px;border-radius:var(--r2);background:rgba(224,138,46,.14);color:#9a5c0d}

/* 年代 */
.bsmscgjpe-era{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bsmscgjpe-era article{padding:24px;background:var(--c4);border:1px solid var(--c7);border-radius:var(--r1)}
.bsmscgjpe-era h3{font-size:15.5px;font-weight:800;color:var(--c1)}
.bsmscgjpe-era h3 small{display:block;margin-top:4px;font-size:12px;font-weight:500;color:var(--c6)}
.bsmscgjpe-era ul{margin-top:14px;display:grid;gap:10px}
.bsmscgjpe-era li{font-size:13.5px;line-height:1.6;padding-left:14px;position:relative;color:#39464a}
.bsmscgjpe-era li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--c2)}
.bsmscgjpe-era li b{font-weight:700;color:var(--c5)}

/* 保障 */
.bsmscgjpe-safe{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bsmscgjpe-safe li{padding:22px;background:var(--c4);border:1px solid var(--c7);border-radius:var(--r1)}
.bsmscgjpe-safe i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(23,96,92,.1);color:var(--c1);font-style:normal;font-weight:800;font-size:14px}
.bsmscgjpe-safe h3{margin-top:12px;font-size:14.5px;font-weight:800}
.bsmscgjpe-safe p{margin-top:7px;font-size:12.5px;line-height:1.75;color:var(--c6)}

/* 资讯 */
.bsmscgjpe-news{display:grid;gap:12px}
.bsmscgjpe-news li{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--c4);border:1px solid var(--c7);border-radius:12px;transition:.2s}
.bsmscgjpe-news li:hover{border-color:rgba(23,96,92,.4);box-shadow:var(--s1)}
.bsmscgjpe-nthumb{width:92px;height:64px;flex:0 0 92px;border-radius:8px;overflow:hidden;background:#dcdad4}
.bsmscgjpe-nthumb img{width:100%;height:100%;object-fit:cover}
.bsmscgjpe-nbody h3{font-size:14.5px;font-weight:700;line-height:1.5}
.bsmscgjpe-nbody p{margin-top:4px;font-size:12.5px;line-height:1.6;color:var(--c6)}
.bsmscgjpe-ntime{flex:0 0 auto;margin-left:auto;font-size:12px;color:var(--c1);background:rgba(23,96,92,.08);padding:4px 12px;border-radius:var(--r2);white-space:nowrap}

/* 问答 */
.bsmscgjpe-faq{display:grid;gap:12px;max-width:880px}
.bsmscgjpe-faq article{padding:20px 24px;background:var(--c4);border:1px solid var(--c7);border-radius:var(--r1)}
.bsmscgjpe-faq h3{font-size:15px;font-weight:800;color:var(--c1)}
.bsmscgjpe-faq p{margin-top:8px;font-size:13.5px;line-height:1.85;color:#4c5a5c}

/* 收口 */
.bsmscgjpe-end{position:relative;overflow:hidden;isolation:isolate;color:#fff;text-align:center;padding:78px 0}
.bsmscgjpe-endimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bsmscgjpe-end::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,32,31,.9),rgba(11,32,31,.96))}
.bsmscgjpe-end h2{font-size:clamp(20px,2.6vw,28px);font-weight:800;letter-spacing:.4px}
.bsmscgjpe-end p{max-width:660px;margin:14px auto 0;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.78)}
.bsmscgjpe-end .bsmscgjpe-btns{justify-content:center}

/* 页脚 */
.bsmscgjpe-foot{background:#0e1e1d;color:rgba(255,255,255,.7);padding-top:56px}
.bsmscgjpe-footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding-bottom:44px}
.bsmscgjpe-footgrid h3{font-size:14px;font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:.5px}
.bsmscgjpe-footgrid p{font-size:13px;line-height:1.85;color:rgba(255,255,255,.62)}
.bsmscgjpe-footgrid ul{display:grid;gap:10px}
.bsmscgjpe-footgrid ul a{display:inline-flex;align-items:center;min-height:26px;font-size:13px;color:rgba(255,255,255,.62);transition:.2s}
.bsmscgjpe-footgrid ul a:hover{color:#f2b26a}
.bsmscgjpe-copy{border-top:1px solid rgba(255,255,255,.12);padding:20px 0 26px;font-size:12.5px;color:rgba(255,255,255,.45);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:1024px){
.bsmscgjpe-heroin{grid-template-columns:1fr;gap:32px;padding-top:50px;padding-bottom:58px}
.bsmscgjpe-spot{max-width:470px}
.bsmscgjpe-grid{grid-template-columns:repeat(3,1fr)}
.bsmscgjpe-chips{grid-template-columns:repeat(2,1fr)}
.bsmscgjpe-topic{grid-template-columns:repeat(2,1fr)}
.bsmscgjpe-era{grid-template-columns:1fr}
.bsmscgjpe-safe{grid-template-columns:repeat(2,1fr)}
.bsmscgjpe-rank{grid-template-columns:1fr}
.bsmscgjpe-footgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
.bsmscgjpe-wrap{padding:0 18px}
.bsmscgjpe-hdrow{min-height:60px;gap:12px}
.bsmscgjpe-logo{font-size:15px}
.bsmscgjpe-lmark{width:30px;height:30px;border-radius:9px;font-size:14px}
.bsmscgjpe-nav a{padding:0 11px;font-size:13px}
.bsmscgjpe-sec{padding:52px 0}
.bsmscgjpe-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.bsmscgjpe-topic{grid-template-columns:1fr}
.bsmscgjpe-lead{font-size:14px}
.bsmscgjpe-ntime{margin-left:0}
}
@media (max-width:520px){
.bsmscgjpe-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.bsmscgjpe-chips{grid-template-columns:1fr}
.bsmscgjpe-safe{grid-template-columns:1fr}
.bsmscgjpe-spot{grid-template-columns:92px 1fr;gap:12px;padding:12px}
.bsmscgjpe-spotcover{width:92px;height:128px}
.bsmscgjpe-spot h2{font-size:17px}
.bsmscgjpe-news li{flex-wrap:wrap;gap:10px}
.bsmscgjpe-nthumb{width:72px;height:52px;flex:0 0 72px}
.bsmscgjpe-nbody{flex:1 1 100%}
.bsmscgjpe-footgrid{grid-template-columns:1fr;gap:26px}
.bsmscgjpe-end{padding:56px 0}
.bsmscgjpe-cbody{padding:10px 11px 14px}
.bsmscgjpe-cbody h3{font-size:13.5px}
}