/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
--mnm-main:#1B4F8A;
--mnm-deep:#123A66;
--mnm-hot:#FF6B4A;
--mnm-page:#F6F9FD;
--mnm-card:#FFFFFF;
--mnm-ink:#1F2937;
--mnm-mute:#6B7280;
--mnm-line:#E3EBF5;
--mnm-r:14px;
--mnm-sh:0 6px 20px rgba(27,79,138,.08);
--mnm-sh-hi:0 12px 26px rgba(27,79,138,.16);
--mnm-soft:#EDF3FB;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mnm-page);color:var(--mnm-ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{list-style:none;padding:0}
.mnm-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}

/* 顶栏 */
.mnm-top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--mnm-line);transition:box-shadow .2s ease}
.mnm-top.is-stuck{box-shadow:0 4px 16px rgba(27,79,138,.10)}
.mnm-top-in{display:flex;align-items:center;gap:18px;min-height:68px}
.mnm-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--mnm-main);flex:0 0 auto}
.mnm-logo{width:36px;height:36px;border-radius:10px;background:var(--mnm-main);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:700;line-height:1}
.mnm-nav{display:flex;gap:4px;margin:0 auto}
.mnm-nav a{padding:9px 12px;border-radius:8px;font-size:15px;color:#334155;transition:background .18s ease,color .18s ease}
.mnm-nav a:hover{background:var(--mnm-soft);color:var(--mnm-main)}
.mnm-nav a:focus-visible{outline:2px solid var(--mnm-hot);outline-offset:2px}
.mnm-top-search{width:196px;flex:0 0 auto}
.mnm-top-search input{width:100%;height:38px;border:1px solid var(--mnm-line);border-radius:999px;padding:0 16px;background:#F8FAFD;font-size:14px;color:var(--mnm-ink)}
.mnm-top-search input:focus{outline:2px solid var(--mnm-hot);outline-offset:1px;background:#fff}
.mnm-fold{display:none}
.mnm-fold summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--mnm-line);border-radius:10px;color:var(--mnm-main);font-size:13px;font-weight:600}
.mnm-fold summary::-webkit-details-marker{display:none}
.mnm-fold-nav{position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--mnm-line);padding:10px 24px 16px;display:grid;gap:2px;box-shadow:0 14px 26px rgba(27,79,138,.12)}
.mnm-fold-nav a{padding:12px 10px;border-radius:8px;font-size:15px;color:#334155}
.mnm-fold-nav a:hover{background:var(--mnm-soft);color:var(--mnm-main)}

/* 首屏 */
.mnm-hero{background:#fff;border-bottom:1px solid var(--mnm-line);padding:52px 0 0}
.mnm-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
.mnm-kicker{display:inline-block;font-size:13px;color:var(--mnm-main);background:var(--mnm-soft);border-radius:999px;padding:5px 13px;margin-bottom:16px}
.mnm-hero h1{font-size:clamp(30px,5vw,50px);line-height:1.18;letter-spacing:-.5px;font-weight:700;color:var(--mnm-main)}
.mnm-hero h1 em{font-style:normal;color:var(--mnm-hot)}
.mnm-hero-sub{font-size:16px;color:var(--mnm-mute);margin-top:18px;max-width:580px}
.mnm-hero-search{display:flex;gap:10px;margin-top:26px;max-width:520px}
.mnm-hero-search input{flex:1 1 auto;min-width:0;height:46px;border:1px solid var(--mnm-line);border-radius:10px;padding:0 16px;background:#fff;color:var(--mnm-ink);box-shadow:0 2px 8px rgba(27,79,138,.05)}
.mnm-hero-search input:focus{outline:2px solid var(--mnm-hot);outline-offset:1px}
.mnm-hero-search button{flex:0 0 auto;height:46px;padding:0 28px;border:0;border-radius:10px;background:var(--mnm-main);color:#fff;font-weight:600;cursor:pointer;transition:background .18s ease}
.mnm-hero-search button:hover{background:var(--mnm-deep)}
.mnm-hero-search button:focus-visible{outline:2px solid var(--mnm-hot);outline-offset:2px}
.mnm-hero-vis img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--mnm-r);box-shadow:var(--mnm-sh)}
.mnm-hero-bar{border-top:1px solid var(--mnm-line);margin-top:44px;background:#FBFDFF}
.mnm-tabs{display:flex;flex-wrap:wrap;gap:26px;padding-top:15px;padding-bottom:15px;font-size:14px;color:var(--mnm-main)}
.mnm-tabs li{position:relative;padding-left:15px}
.mnm-tabs li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--mnm-hot)}

/* 通用板块 */
.mnm-sec{padding:64px 0}
.mnm-alt{background:#fff}
.mnm-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:28px}
.mnm-sec-head h2{font-size:clamp(22px,2.4vw,28px);font-weight:700;color:var(--mnm-main);letter-spacing:-.3px}
.mnm-sec-head p{font-size:14px;color:var(--mnm-mute)}
.mnm-card{background:var(--mnm-card);border:1px solid var(--mnm-line);border-radius:var(--mnm-r);box-shadow:var(--mnm-sh);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.mnm-card:hover{transform:translateY(-2px);box-shadow:var(--mnm-sh-hi)}
.mnm-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--mnm-soft)}
.mnm-cover img{width:100%;height:100%;object-fit:cover}
.mnm-tag{position:absolute;left:10px;top:10px;background:rgba(27,79,138,.92);color:#fff;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px}
.mnm-tag-hot{background:rgba(255,107,74,.95)}
.mnm-dur{position:absolute;right:10px;bottom:10px;background:var(--mnm-hot);color:#fff;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;font-variant-numeric:tabular-nums}

/* 最新上传横排 */
.mnm-rail{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}
.mnm-mini{flex:0 0 240px;background:#fff;border:1px solid var(--mnm-line);border-radius:var(--mnm-r);box-shadow:var(--mnm-sh);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.mnm-mini:hover{transform:translateY(-2px);box-shadow:var(--mnm-sh-hi)}
.mnm-mini h3{font-size:16px;font-weight:600;padding:12px 14px 2px}
.mnm-mini .mnm-meta{font-size:13px;color:var(--mnm-mute);padding:0 14px 14px}

/* 频道精选 */
.mnm-chans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mnm-chan{background:#fff;border:1px solid var(--mnm-line);border-radius:var(--mnm-r);padding:22px;box-shadow:var(--mnm-sh)}
.mnm-chan h3{font-size:18px;font-weight:600;color:var(--mnm-main);margin-bottom:8px}
.mnm-chan p{font-size:14px;color:var(--mnm-mute);margin-bottom:14px}
.mnm-chan-titles{display:flex;flex-wrap:wrap;gap:8px}
.mnm-chan-titles span{font-size:13px;color:#334155;background:#F1F6FC;border:1px solid var(--mnm-line);border-radius:6px;padding:4px 10px}

/* 热门视频网格 */
.mnm-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mnm-vcard h3{font-size:15px;font-weight:600;padding:12px 14px 0;line-height:1.5}
.mnm-vcard p{font-size:13px;color:var(--mnm-mute);padding:4px 14px 14px}

/* 热播榜 */
.mnm-rank{background:#fff;border:1px solid var(--mnm-line);border-radius:var(--mnm-r);box-shadow:var(--mnm-sh);overflow:hidden}
.mnm-rank li{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--mnm-line)}
.mnm-rank li:first-child{border-top:0}
.mnm-no{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:2px solid var(--mnm-main);color:var(--mnm-main);display:grid;place-items:center;font-weight:700;font-size:14px}
.mnm-rank .nm{font-weight:600;font-size:15px}
.mnm-rank .tp{font-size:12px;color:var(--mnm-main);background:var(--mnm-soft);border-radius:999px;padding:2px 10px}
.mnm-rank .st{margin-left:auto;font-size:13px;color:var(--mnm-hot);white-space:nowrap}

/* 连载清单 */
.mnm-list{display:grid;gap:12px}
.mnm-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:#fff;border:1px solid var(--mnm-line);border-radius:12px;padding:16px 20px;box-shadow:var(--mnm-sh)}
.mnm-list .nm{font-weight:600;font-size:16px;min-width:120px}
.mnm-list .ds{font-size:14px;color:var(--mnm-mute);flex:1 1 240px}
.mnm-pill{font-size:12px;border-radius:999px;padding:3px 10px;border:1px solid var(--mnm-line);color:var(--mnm-main);background:var(--mnm-soft)}
.mnm-pill-end{color:#4B5563;background:#F3F4F6;border-color:#E5E7EB}

/* 精彩混剪双栏 */
.mnm-mix{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
.mnm-mix-l{display:grid;gap:20px;align-content:start}
.mnm-mix-r{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.mnm-mix-l h3{font-size:17px;font-weight:600;padding:12px 16px 0}
.mnm-mix-l p{font-size:13px;color:var(--mnm-mute);padding:4px 16px 16px}
.mnm-mix-r h3{font-size:14px;font-weight:600;padding:10px 12px 12px;line-height:1.5}

/* 每日上新时间线 */
.mnm-tl{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px}
.mnm-tl li{flex:0 0 178px;background:#fff;border:1px solid var(--mnm-line);border-top:3px solid var(--mnm-main);border-radius:12px;padding:16px;box-shadow:var(--mnm-sh)}
.mnm-day{display:block;font-weight:700;color:var(--mnm-main);font-size:15px;margin-bottom:10px}
.mnm-tl p{font-size:14px;color:#374151;padding:3px 0}

/* 高分好评 */
.mnm-score{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mnm-sitem{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid var(--mnm-line);border-radius:var(--mnm-r);padding:16px;box-shadow:var(--mnm-sh);transition:transform .18s ease,box-shadow .18s ease}
.mnm-sitem:hover{transform:translateY(-2px);box-shadow:var(--mnm-sh-hi)}
.mnm-sitem:nth-child(even){grid-template-columns:1fr 118px}
.mnm-sitem:nth-child(even) .mnm-poster{order:2}
.mnm-poster{position:relative;width:100%;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--mnm-soft)}
.mnm-poster img{width:100%;height:100%;object-fit:cover}
.mnm-rate{position:absolute;right:8px;top:8px;background:var(--mnm-hot);color:#fff;font-size:12px;line-height:1;padding:5px 8px;border-radius:999px;font-weight:600}
.mnm-sitem h3{font-size:16px;font-weight:600;margin-bottom:6px}
.mnm-sitem p{font-size:13px;color:var(--mnm-mute)}

/* 主题片单 */
.mnm-themes-wrap{position:relative;border-radius:20px;padding:32px;background:url('/assets/images/backpic/back-8.webp') center/cover no-repeat;overflow:hidden}
.mnm-themes-wrap::before{content:"";position:absolute;inset:0;background:rgba(246,249,253,.93)}
.mnm-themes-wrap>*{position:relative}
.mnm-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.mnm-theme{background:#fff;border:1px solid var(--mnm-line);border-radius:var(--mnm-r);padding:24px;box-shadow:var(--mnm-sh)}
.mnm-theme:nth-child(2){margin-top:26px}
.mnm-theme:nth-child(3){margin-top:52px}
.mnm-theme h3{font-size:18px;font-weight:600;color:var(--mnm-main);margin-bottom:8px}
.mnm-theme p{font-size:14px;color:var(--mnm-mute);margin-bottom:14px}

/* 推荐清单 */
.mnm-picks{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px}
.mnm-picks li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px dashed var(--mnm-line)}
.mnm-picks li:nth-child(even){transform:translateY(8px)}
.mnm-picks .no{color:var(--mnm-hot);font-weight:700;font-size:15px;min-width:22px}
.mnm-picks .nm{font-weight:600;font-size:15px}
.mnm-picks .ds{font-size:13px;color:var(--mnm-mute)}

/* 资讯 */
.mnm-news li{display:grid;grid-template-columns:158px 1fr;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--mnm-line)}
.mnm-news li:first-child{padding-top:0}
.mnm-thumb{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--mnm-soft)}
.mnm-thumb img{width:100%;height:100%;object-fit:cover}
.mnm-news h3{font-size:16px;font-weight:600;line-height:1.5}
.mnm-news p{font-size:13px;color:var(--mnm-mute);margin-top:4px}

/* 问答 */
.mnm-faq{display:grid;grid-template-columns:1fr 1fr;gap:22px 34px}
.mnm-faq dt{font-weight:700;font-size:15px;color:var(--mnm-main);margin-bottom:6px}
.mnm-faq dd{font-size:14px;color:var(--mnm-mute)}

/* 页脚 */
.mnm-foot{background:#fff;border-top:1px solid var(--mnm-line);padding-top:54px;margin-top:12px}
.mnm-foot-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:32px}
.mnm-foot h4{font-size:15px;color:var(--mnm-main);margin-bottom:14px;font-weight:700}
.mnm-foot li{font-size:14px;color:var(--mnm-mute);line-height:2}
.mnm-foot a{font-size:14px;color:var(--mnm-mute);transition:color .18s ease}
.mnm-foot a:hover{color:var(--mnm-main)}
.mnm-foot .mnm-taglist{display:flex;flex-wrap:wrap;gap:8px}
.mnm-foot .mnm-taglist span{font-size:13px;color:#334155;background:#F1F6FC;border:1px solid var(--mnm-line);border-radius:6px;padding:3px 9px}
.mnm-copy{border-top:1px solid var(--mnm-line);margin-top:38px;padding:18px 0;text-align:center;font-size:13px;color:var(--mnm-mute)}

@media (max-width:1024px){
.mnm-grid4{grid-template-columns:repeat(3,1fr)}
.mnm-hero-grid{gap:32px}
.mnm-chans{grid-template-columns:repeat(2,1fr)}
.mnm-foot-grid{grid-template-columns:1fr 1fr}
.mnm-mix{grid-template-columns:1fr}
}
@media (max-width:768px){
.mnm-nav,.mnm-top-search{display:none}
.mnm-fold{display:block;margin-left:auto}
.mnm-hero{padding-top:36px}
.mnm-hero-grid{grid-template-columns:1fr}
.mnm-hero-vis{order:-1}
.mnm-hero-bar{margin-top:32px}
.mnm-sec{padding:48px 0}
.mnm-grid4{grid-template-columns:repeat(2,1fr)}
.mnm-chans{grid-template-columns:1fr 1fr}
.mnm-score{grid-template-columns:1fr}
.mnm-sitem,.mnm-sitem:nth-child(even){grid-template-columns:104px 1fr}
.mnm-sitem:nth-child(even) .mnm-poster{order:0}
.mnm-themes{grid-template-columns:1fr}
.mnm-theme:nth-child(2),.mnm-theme:nth-child(3){margin-top:0}
.mnm-faq{grid-template-columns:1fr}
.mnm-picks{grid-template-columns:1fr}
.mnm-picks li:nth-child(even){transform:none}
.mnm-themes-wrap{padding:22px}
}
@media (max-width:520px){
.mnm-wrap{padding:0 18px}
.mnm-grid4{grid-template-columns:1fr}
.mnm-chans{grid-template-columns:1fr}
.mnm-mini{flex:0 0 200px}
.mnm-hero h1{font-size:28px}
.mnm-hero-sub{font-size:15px}
.mnm-hero-search{flex-direction:column}
.mnm-hero-search button{width:100%;height:44px}
.mnm-tabs{gap:14px;font-size:13px}
.mnm-news li{grid-template-columns:1fr}
.mnm-thumb{aspect-ratio:4/3}
.mnm-rank li{flex-wrap:wrap;gap:8px 12px;padding:12px 16px}
.mnm-rank .st{margin-left:0}
.mnm-foot-grid{grid-template-columns:1fr}
.mnm-sitem,.mnm-sitem:nth-child(even){grid-template-columns:84px 1fr;gap:12px}
.mnm-list li{padding:14px 16px}
}