/* roulang page: index */
:root{
  --c-ink:#132441;
  --c-sub:#5c6d8a;
  --c-bg:#f5f8fd;
  --c-surface:#ffffff;
  --c-primary:#2563c9;
  --c-primary-deep:#163f92;
  --c-line:#e3eaf6;
  --r-box:16px;
  --sh-soft:0 6px 20px rgba(23,64,143,.07);
  --sh-lift:0 16px 36px rgba(23,64,143,.14);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;}
h1,h2,h3,p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button,input{font:inherit;color:inherit;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px;}

.vmqjvrtoz-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 22px;}

/* 顶栏 */
.vmqjvrtoz-head{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);}
.vmqjvrtoz-head-in{display:flex;align-items:center;gap:26px;height:68px;}
.vmqjvrtoz-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.vmqjvrtoz-logo-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--c-primary),var(--c-primary-deep));color:#fff;font-size:17px;font-weight:700;}
.vmqjvrtoz-logo-text{font-size:18px;font-weight:700;letter-spacing:.5px;}
.vmqjvrtoz-nav{display:flex;align-items:center;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.vmqjvrtoz-nav::-webkit-scrollbar{display:none;}
.vmqjvrtoz-nav a{display:inline-flex;align-items:center;height:44px;padding:0 14px;border-radius:10px;font-size:15px;color:var(--c-sub);white-space:nowrap;transition:background .2s,color .2s;}
.vmqjvrtoz-nav a:hover,.vmqjvrtoz-nav a:focus-visible{background:#eaf0fb;color:var(--c-primary-deep);}

/* 首屏 */
.vmqjvrtoz-hero{position:relative;overflow:hidden;padding:66px 0 58px;background:#e8f0fc;isolation:isolate;}
.vmqjvrtoz-hero::before{content:"";position:absolute;inset:0;background:url('/assets/images/backpic/back-1.webp') center/cover no-repeat;opacity:.55;z-index:-2;}
.vmqjvrtoz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,248,253,.88) 0%,rgba(245,248,253,.95) 58%,#f5f8fd 100%);z-index:-1;}
.vmqjvrtoz-hero-in{position:relative;max-width:830px;margin:0 auto;padding:0 22px;text-align:center;}
.vmqjvrtoz-eyebrow{display:inline-block;padding:6px 16px;border-radius:999px;background:#fff;border:1px solid var(--c-line);color:var(--c-primary-deep);font-size:13px;font-weight:600;box-shadow:var(--sh-soft);}
.vmqjvrtoz-hero h1{margin:20px 0 16px;font-size:44px;line-height:1.24;font-weight:800;letter-spacing:-.6px;}
.vmqjvrtoz-lede{max-width:740px;margin:0 auto;color:var(--c-sub);font-size:15px;line-height:1.92;}
.vmqjvrtoz-finder{display:flex;gap:8px;max-width:560px;margin:26px auto 0;padding:8px;background:#fff;border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--sh-soft);}
.vmqjvrtoz-finder input{flex:1;min-width:0;height:46px;padding:0 14px;border:0;background:transparent;font-size:15px;}
.vmqjvrtoz-finder input::placeholder{color:#97a6c0;}
.vmqjvrtoz-finder button{flex:0 0 auto;height:46px;padding:0 24px;border:0;border-radius:10px;background:linear-gradient(140deg,var(--c-primary),var(--c-primary-deep));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:filter .2s,transform .2s;}
.vmqjvrtoz-finder button:hover{filter:brightness(1.09);transform:translateY(-1px);}
.vmqjvrtoz-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;}
.vmqjvrtoz-quick li{padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--c-line);font-size:13px;color:var(--c-sub);}

/* 区块通用 */
.vmqjvrtoz-sec{padding:56px 0;}
.vmqjvrtoz-sec--white{background:var(--c-surface);}
.vmqjvrtoz-sec-head{max-width:780px;margin-bottom:28px;}
.vmqjvrtoz-sec-head h2{font-size:26px;line-height:1.35;font-weight:800;letter-spacing:-.3px;}
.vmqjvrtoz-sec-head p{margin-top:10px;font-size:14px;line-height:1.88;color:var(--c-sub);}

/* 亮点 */
.vmqjvrtoz-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.vmqjvrtoz-feat li{padding-left:20px;border-left:3px solid var(--c-primary);}
.vmqjvrtoz-feat h3{font-size:17px;font-weight:700;}
.vmqjvrtoz-feat p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--c-sub);}

/* 卡片网格 */
.vmqjvrtoz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.vmqjvrtoz-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-box);overflow:hidden;box-shadow:var(--sh-soft);transition:transform .25s,box-shadow .25s;}
.vmqjvrtoz-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lift);}
.vmqjvrtoz-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#dbe5f6;}
.vmqjvrtoz-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.vmqjvrtoz-card:hover .vmqjvrtoz-thumb img{transform:scale(1.05);}
.vmqjvrtoz-badge{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(19,36,65,.78);color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(4px);}
.vmqjvrtoz-badge--done{background:rgba(37,99,201,.9);}
.vmqjvrtoz-card-body{padding:15px 16px 18px;}
.vmqjvrtoz-card-body h3{font-size:16px;font-weight:700;line-height:1.4;}
.vmqjvrtoz-card-body p{margin-top:7px;font-size:13px;line-height:1.68;color:var(--c-sub);}
.vmqjvrtoz-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.vmqjvrtoz-meta span{padding:3px 9px;border-radius:6px;background:#eef4fe;color:var(--c-primary-deep);font-size:12px;}

/* 题材分类 */
.vmqjvrtoz-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.vmqjvrtoz-cats li{background:var(--c-surface);border:1px solid var(--c-line);border-radius:14px;padding:22px;box-shadow:var(--sh-soft);transition:border-color .2s;}
.vmqjvrtoz-cats li:hover{border-color:#bcd2f3;}
.vmqjvrtoz-cats h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;}
.vmqjvrtoz-cats h3::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--c-primary);}
.vmqjvrtoz-cats p{margin-top:8px;font-size:13px;line-height:1.8;color:var(--c-sub);}

/* 排行 */
.vmqjvrtoz-rank{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-box);box-shadow:var(--sh-soft);overflow:hidden;}
.vmqjvrtoz-rank li{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--c-line);transition:background .2s;}
.vmqjvrtoz-rank li:last-child{border-bottom:0;}
.vmqjvrtoz-rank li:hover{background:#f7faff;}
.vmqjvrtoz-num{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef4fe;color:var(--c-primary-deep);font-size:13px;font-weight:700;}
.vmqjvrtoz-rank li:nth-child(-n+3) .vmqjvrtoz-num{background:linear-gradient(140deg,var(--c-primary),var(--c-primary-deep));color:#fff;}
.vmqjvrtoz-rank-name{font-size:15px;font-weight:600;}
.vmqjvrtoz-rank-heat{margin-left:auto;font-size:13px;color:var(--c-primary);white-space:nowrap;}
.vmqjvrtoz-rank-tag{flex:0 0 auto;padding:3px 10px;border-radius:6px;background:#f0f4fc;color:var(--c-sub);font-size:12px;white-space:nowrap;}

/* 主题合集 */
.vmqjvrtoz-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.vmqjvrtoz-topics article{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-box);padding:26px 24px;box-shadow:var(--sh-soft);transition:transform .25s,box-shadow .25s;}
.vmqjvrtoz-topics article:hover{transform:translateY(-4px);box-shadow:var(--sh-lift);}
.vmqjvrtoz-topics span{display:inline-block;padding:3px 10px;border-radius:6px;background:#eef4fe;color:var(--c-primary-deep);font-size:12px;}
.vmqjvrtoz-topics h3{margin-top:14px;font-size:18px;font-weight:700;}
.vmqjvrtoz-topics p{margin-top:9px;font-size:14px;line-height:1.82;color:var(--c-sub);}

/* 资讯 */
.vmqjvrtoz-news{display:grid;gap:14px;}
.vmqjvrtoz-news li{display:flex;gap:18px;align-items:flex-start;padding:18px 22px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--sh-soft);transition:border-color .2s,transform .2s;}
.vmqjvrtoz-news li:hover{border-color:#bcd2f3;transform:translateX(3px);}
.vmqjvrtoz-news-main{flex:1;min-width:0;}
.vmqjvrtoz-news h3{font-size:15px;font-weight:600;line-height:1.55;}
.vmqjvrtoz-news p{margin-top:6px;font-size:13px;line-height:1.75;color:var(--c-sub);}
.vmqjvrtoz-news time{flex:0 0 auto;font-size:13px;color:#8b9ab5;white-space:nowrap;padding-top:2px;}

/* 问答 */
.vmqjvrtoz-faq{display:grid;gap:14px;}
.vmqjvrtoz-faq article{padding:22px 24px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--sh-soft);}
.vmqjvrtoz-faq h3{font-size:16px;font-weight:700;}
.vmqjvrtoz-faq p{margin-top:9px;font-size:14px;line-height:1.88;color:var(--c-sub);}

/* 收口 */
.vmqjvrtoz-cta{background:linear-gradient(140deg,#1a4396,#2563c9 58%,#3e80e1);border-radius:24px;padding:48px 32px;text-align:center;color:#fff;box-shadow:0 20px 44px rgba(23,64,143,.22);}
.vmqjvrtoz-cta h2{font-size:27px;font-weight:800;letter-spacing:-.3px;}
.vmqjvrtoz-cta p{max-width:620px;margin:14px auto 0;font-size:15px;line-height:1.9;color:rgba(255,255,255,.9);}
.vmqjvrtoz-cta a{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 34px;margin-top:26px;border-radius:12px;background:#fff;color:var(--c-primary-deep);font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px rgba(10,30,70,.18);}
.vmqjvrtoz-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(10,30,70,.26);}

/* 页脚 */
.vmqjvrtoz-foot{background:#0f1d35;color:#b9c7dd;padding:52px 0 26px;}
.vmqjvrtoz-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
.vmqjvrtoz-foot h3{margin-bottom:14px;font-size:15px;font-weight:700;color:#fff;}
.vmqjvrtoz-foot p{font-size:14px;line-height:1.85;color:#8fa2bf;}
.vmqjvrtoz-foot li{font-size:14px;line-height:2.05;color:#8fa2bf;}
.vmqjvrtoz-foot li a{transition:color .2s;}
.vmqjvrtoz-foot li a:hover{color:#fff;}
.vmqjvrtoz-foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.vmqjvrtoz-foot-brand span:first-child{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,var(--c-primary),#4a8ae8);color:#fff;font-size:15px;font-weight:700;}
.vmqjvrtoz-foot-brand span:last-child{font-size:17px;font-weight:700;color:#fff;}
.vmqjvrtoz-foot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#7186a6;text-align:center;}

@media (max-width:1024px){
  .vmqjvrtoz-hero{padding:54px 0 48px;}
  .vmqjvrtoz-hero h1{font-size:36px;}
  .vmqjvrtoz-sec{padding:46px 0;}
  .vmqjvrtoz-grid,.vmqjvrtoz-cats,.vmqjvrtoz-topics{grid-template-columns:repeat(2,1fr);}
  .vmqjvrtoz-feat{grid-template-columns:repeat(2,1fr);gap:22px;}
  .vmqjvrtoz-foot-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:768px){
  .vmqjvrtoz-head-in{height:60px;gap:12px;}
  .vmqjvrtoz-logo-mark{width:32px;height:32px;font-size:15px;border-radius:9px;}
  .vmqjvrtoz-logo-text{font-size:16px;}
  .vmqjvrtoz-nav{flex:1;margin-left:auto;}
  .vmqjvrtoz-nav a{height:44px;padding:0 11px;font-size:14px;}
  .vmqjvrtoz-hero{padding:44px 0 40px;}
  .vmqjvrtoz-hero h1{font-size:29px;letter-spacing:-.3px;}
  .vmqjvrtoz-lede{font-size:14px;line-height:1.85;}
  .vmqjvrtoz-sec{padding:38px 0;}
  .vmqjvrtoz-sec-head h2{font-size:22px;}
  .vmqjvrtoz-grid,.vmqjvrtoz-cats,.vmqjvrtoz-topics{grid-template-columns:repeat(2,1fr);gap:16px;}
  .vmqjvrtoz-feat{grid-template-columns:1fr;gap:20px;}
  .vmqjvrtoz-news li{flex-direction:column;gap:6px;}
  .vmqjvrtoz-news time{padding-top:0;}
  .vmqjvrtoz-cta{padding:36px 22px;border-radius:18px;}
  .vmqjvrtoz-cta h2{font-size:22px;}
  .vmqjvrtoz-foot{padding:40px 0 22px;}
}
@media (max-width:520px){
  .vmqjvrtoz-wrap{padding:0 16px;}
  .vmqjvrtoz-hero-in{padding:0 16px;}
  .vmqjvrtoz-hero h1{font-size:24px;}
  .vmqjvrtoz-logo-text{display:none;}
  .vmqjvrtoz-nav a{padding:0 9px;font-size:13px;}
  .vmqjvrtoz-finder{flex-direction:column;padding:10px;}
  .vmqjvrtoz-finder button{width:100%;}
  .vmqjvrtoz-grid,.vmqjvrtoz-cats,.vmqjvrtoz-topics{grid-template-columns:1fr;}
  .vmqjvrtoz-rank li{padding:12px 14px;gap:10px;}
  .vmqjvrtoz-rank-tag{display:none;}
  .vmqjvrtoz-card-body{padding:13px 14px 16px;}
  .vmqjvrtoz-foot-grid{grid-template-columns:1fr;gap:24px;}
}