/* roulang page: index */
:root{
  --c-brand:#e0452c;
  --c-brand-soft:#fdeee9;
  --c-ink:#0e1830;
  --c-ink2:#1b2745;
  --c-bg:#f5f6fa;
  --c-card:#ffffff;
  --c-txt:#1b2237;
  --c-dim:#6b7488;
  --c-line:#e3e6ef;
  --r-s:8px;
  --r-m:14px;
  --r-l:22px;
  --sh-s:0 2px 10px rgba(16,26,51,.06);
  --sh-m:0 12px 32px rgba(16,26,51,.12);
  --sp-1:14px;
  --sp-2:24px;
  --sp-3:40px;
  --sp-4:72px;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  font-size:15px;
  line-height:1.75;
  color:var(--c-txt);
  background:var(--c-bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}
.qmclfvvps-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

/* 顶栏 */
.qmclfvvps-hd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line)}
.qmclfvvps-hdrow{display:flex;align-items:center;gap:16px;min-height:66px}
.qmclfvvps-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.qmclfvvps-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--c-brand),#f08a3c);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.qmclfvvps-bname{font-size:16px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.qmclfvvps-nav{margin-left:auto;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.qmclfvvps-nav::-webkit-scrollbar{display:none}
.qmclfvvps-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;font-size:14px;color:var(--c-dim);white-space:nowrap;transition:color .2s,background .2s}
.qmclfvvps-nav a:hover{color:var(--c-brand);background:var(--c-brand-soft)}
.qmclfvvps-nav a.is-on{color:#fff;background:var(--c-brand)}

/* 首屏 */
.qmclfvvps-hero{position:relative;overflow:hidden;background:var(--c-ink);color:#fff}
.qmclfvvps-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.qmclfvvps-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(9,15,30,.94) 12%,rgba(9,15,30,.66) 58%,rgba(9,15,30,.34))}
.qmclfvvps-hero-in{position:relative;z-index:2;padding-top:56px;padding-bottom:48px}
.qmclfvvps-eyebrow{display:inline-block;font-size:13px;letter-spacing:.16em;color:#ffd0a8;border:1px solid rgba(255,208,168,.45);border-radius:999px;padding:4px 12px}
.qmclfvvps-hero h1{margin-top:18px;font-size:44px;line-height:1.22;letter-spacing:.01em;font-weight:800}
.qmclfvvps-hsub{margin-top:12px;font-size:17px;color:#dfe5f5}
.qmclfvvps-hdesc{margin-top:16px;max-width:660px;font-size:15px;line-height:1.9;color:#b9c3da}
.qmclfvvps-hbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.qmclfvvps-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;background:var(--c-brand);color:#fff;font-size:15px;font-weight:600;box-shadow:0 8px 22px rgba(224,69,44,.35);transition:transform .2s,box-shadow .2s}
.qmclfvvps-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(224,69,44,.42)}
.qmclfvvps-btn2{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.42);color:#fff;font-size:15px;transition:background .2s,border-color .2s}
.qmclfvvps-btn2:hover{background:rgba(255,255,255,.14);border-color:#fff}
.qmclfvvps-nodes{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.qmclfvvps-nodes li{font-size:13.5px;color:#cfd8ec;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 15px}
.qmclfvvps-nodes b{color:#ffb98c;font-weight:600;margin-right:6px}

/* 板块骨架 */
.qmclfvvps-sec{padding:52px 0}
.qmclfvvps-sec.alt{background:#fff;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.qmclfvvps-shead{max-width:780px}
.qmclfvvps-shead h2{font-size:25px;line-height:1.4;font-weight:700;letter-spacing:.01em}
.qmclfvvps-shead h2::before{content:"";display:inline-block;width:6px;height:20px;border-radius:3px;background:var(--c-brand);margin-right:10px;vertical-align:-3px}
.qmclfvvps-shead p{margin-top:10px;font-size:14.5px;line-height:1.9;color:var(--c-dim)}

/* 卡片网格 */
.qmclfvvps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.qmclfvvps-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-m);padding:10px 10px 16px;box-shadow:var(--sh-s);transition:transform .22s,box-shadow .22s}
.qmclfvvps-card:hover{transform:translateY(-4px);box-shadow:var(--sh-m)}
.qmclfvvps-thumb{position:relative;border-radius:var(--r-s);overflow:hidden;aspect-ratio:3/4;background:#dfe3ee}
.qmclfvvps-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.qmclfvvps-card:hover .qmclfvvps-thumb img{transform:scale(1.05)}
.qmclfvvps-score{position:absolute;top:9px;right:9px;background:rgba(14,24,48,.84);color:#ffd48a;font-size:13px;font-weight:700;border-radius:6px;padding:2px 8px;letter-spacing:.02em}
.qmclfvvps-state{position:absolute;left:9px;bottom:9px;background:rgba(224,69,44,.92);color:#fff;font-size:12px;border-radius:5px;padding:2px 8px}
.qmclfvvps-ct{margin-top:12px;font-size:16px;font-weight:700;line-height:1.4;padding:0 4px}
.qmclfvvps-cm{margin-top:6px;font-size:13.5px;color:var(--c-dim);padding:0 4px}

/* 分类频道 */
.qmclfvvps-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.qmclfvvps-cats li{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-m);padding:20px}
.qmclfvvps-catname{display:inline-block;font-size:15px;font-weight:700;color:var(--c-ink);border-left:3px solid var(--c-brand);padding-left:10px}
.qmclfvvps-cats p{margin-top:10px;font-size:14px;line-height:1.85;color:var(--c-dim)}

/* 排行榜 */
.qmclfvvps-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}
.qmclfvvps-rank li{display:flex;align-items:center;gap:12px;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-s);padding:13px 16px;min-height:56px;transition:border-color .2s,transform .2s}
.qmclfvvps-rank li:hover{border-color:#f0b8a9;transform:translateX(3px)}
.qmclfvvps-no{flex:0 0 auto;width:30px;font-size:16px;font-weight:800;color:var(--c-brand);letter-spacing:.02em}
.qmclfvvps-rn{font-size:15px;font-weight:600}
.qmclfvvps-rt{font-size:12.5px;color:var(--c-dim);border:1px solid var(--c-line);border-radius:999px;padding:1px 9px;white-space:nowrap}
.qmclfvvps-rh{margin-left:auto;font-size:13px;color:#9a6b2f;background:#fdf4e6;border-radius:999px;padding:3px 11px;white-space:nowrap}

/* 主题片单 */
.qmclfvvps-tops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.qmclfvvps-tops article{background:linear-gradient(160deg,#fff,#f7f8fc);border:1px solid var(--c-line);border-radius:var(--r-l);padding:24px;box-shadow:var(--sh-s)}
.qmclfvvps-tops h3{font-size:17px;font-weight:700}
.qmclfvvps-tops p{margin-top:10px;font-size:14px;line-height:1.85;color:var(--c-dim)}
.qmclfvvps-tops span{display:inline-block;margin-top:14px;font-size:12.5px;color:var(--c-brand);background:var(--c-brand-soft);border-radius:999px;padding:3px 11px}

/* 保障承诺 */
.qmclfvvps-safe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.qmclfvvps-safe li{display:flex;gap:13px;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-m);padding:18px}
.qmclfvvps-tick{flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:var(--c-brand-soft);color:var(--c-brand);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.qmclfvvps-safe h3{font-size:15px;font-weight:700}
.qmclfvvps-safe p{margin-top:6px;font-size:13.8px;line-height:1.8;color:var(--c-dim)}

/* 三步追剧 */
.qmclfvvps-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;counter-reset:none}
.qmclfvvps-steps li{position:relative;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-m);padding:24px 20px 20px}
.qmclfvvps-steps b{display:block;font-size:22px;font-weight:800;color:#e9d5cd;letter-spacing:.04em}
.qmclfvvps-steps h3{margin-top:6px;font-size:16px;font-weight:700}
.qmclfvvps-steps p{margin-top:8px;font-size:14px;line-height:1.85;color:var(--c-dim)}

/* 资讯 */
.qmclfvvps-news{margin-top:24px;display:grid;gap:10px}
.qmclfvvps-news li{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-s);padding:14px 18px;transition:border-color .2s,box-shadow .2s}
.qmclfvvps-news li:hover{border-color:#f0b8a9;box-shadow:var(--sh-s)}
.qmclfvvps-ntag{flex:0 0 auto;font-size:12.5px;color:var(--c-brand);background:var(--c-brand-soft);border-radius:5px;padding:2px 9px}
.qmclfvvps-news h3{font-size:15px;font-weight:600;line-height:1.6}
.qmclfvvps-nd{margin-left:auto;font-size:13px;color:#9aa2b6;white-space:nowrap}

/* 问答 */
.qmclfvvps-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.qmclfvvps-faq article{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-m);padding:20px 22px}
.qmclfvvps-faq h3{font-size:15.5px;font-weight:700;color:var(--c-ink)}
.qmclfvvps-faq p{margin-top:9px;font-size:14px;line-height:1.9;color:var(--c-dim)}

/* 订阅 */
.qmclfvvps-subsec{position:relative;overflow:hidden;background:var(--c-ink2);color:#fff}
.qmclfvvps-subbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.qmclfvvps-subsec .qmclfvvps-wrap{position:relative;z-index:2;padding-top:52px;padding-bottom:52px}
.qmclfvvps-subsec h2{font-size:25px;font-weight:700}
.qmclfvvps-subsec p{margin-top:12px;max-width:640px;font-size:14.5px;line-height:1.9;color:#c3ccdf}
.qmclfvvps-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;max-width:560px}
.qmclfvvps-form input{flex:1 1 240px;min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;padding:0 20px;font-size:14.5px}
.qmclfvvps-form input::placeholder{color:#a9b4cc}
.qmclfvvps-form button{min-height:48px;padding:0 28px;border:0;border-radius:999px;background:var(--c-brand);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}
.qmclfvvps-form button:hover{background:#c93a22;transform:translateY(-2px)}

/* 页脚 */
.qmclfvvps-ft{background:#0b1327;color:#aeb8cd;padding:48px 0 26px}
.qmclfvvps-ftcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px}
.qmclfvvps-ft h3{font-size:16px;color:#fff;font-weight:700}
.qmclfvvps-ft h4{font-size:14px;color:#fff;font-weight:600;margin-bottom:12px}
.qmclfvvps-ft p{margin-top:10px;font-size:13.5px;line-height:1.85;color:#8e99b1}
.qmclfvvps-ft li{margin-bottom:8px}
.qmclfvvps-ft li a{font-size:13.5px;color:#8e99b1;transition:color .2s}
.qmclfvvps-ft li a:hover{color:#fff}
.qmclfvvps-cp{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#7b87a1}

@media (max-width:1024px){
  .qmclfvvps-hero h1{font-size:36px}
  .qmclfvvps-hero-in{padding-top:46px;padding-bottom:40px}
  .qmclfvvps-sec{padding:44px 0}
  .qmclfvvps-grid{gap:14px}
  .qmclfvvps-ftcols{grid-template-columns:1.4fr 1fr 1fr;gap:22px}
  .qmclfvvps-ftcols .qmclfvvps-ftcol:last-child{grid-column:1/-1}
}
@media (max-width:768px){
  .qmclfvvps-hdrow{min-height:60px;gap:10px}
  .qmclfvvps-bname{font-size:14.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .qmclfvvps-hero h1{font-size:30px}
  .qmclfvvps-hsub{font-size:15.5px}
  .qmclfvvps-hero-in{padding-top:38px;padding-bottom:34px}
  .qmclfvvps-sec{padding:38px 0}
  .qmclfvvps-shead h2,.qmclfvvps-subsec h2{font-size:21px}
  .qmclfvvps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qmclfvvps-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qmclfvvps-rank{grid-template-columns:1fr}
  .qmclfvvps-tops{grid-template-columns:1fr}
  .qmclfvvps-steps{grid-template-columns:1fr}
  .qmclfvvps-faq{grid-template-columns:1fr}
  .qmclfvvps-ftcols{grid-template-columns:1fr 1fr}
  .qmclfvvps-rh{margin-left:0}
}
@media (max-width:520px){
  .qmclfvvps-hero h1{font-size:26px}
  .qmclfvvps-eyebrow{font-size:12px}
  .qmclfvvps-hbtns .qmclfvvps-btn,.qmclfvvps-hbtns .qmclfvvps-btn2{flex:1 1 100%}
  .qmclfvvps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qmclfvvps-cats{grid-template-columns:1fr}
  .qmclfvvps-safe{grid-template-columns:1fr}
  .qmclfvvps-ftcols{grid-template-columns:1fr}
  .qmclfvvps-ct{font-size:14.5px}
  .qmclfvvps-news h3{font-size:14px}
  .qmclfvvps-nd{margin-left:0}
  .qmclfvvps-sec{padding:32px 0}
}