/* roulang page: index */
:root{
  --tone:#35d6a4;
  --tone-2:#ff8a5c;
  --paper:#0c1412;
  --panel:#14201c;
  --panel-hi:#1b2b26;
  --ink:#eaf4f0;
  --ink-2:#94a8a1;
  --line:rgba(255,255,255,.09);
  --r:16px;
  --sh:0 18px 40px rgba(0,0,0,.42);
  --sp:clamp(16px,2.4vw,28px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.75 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--tone);outline-offset:3px}
section[id]{scroll-margin-top:86px}
.bmwkeetqc-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

/* 顶栏 */
.bmwkeetqc-top{position:sticky;top:0;z-index:60;background:rgba(12,20,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bmwkeetqc-top .bmwkeetqc-wrap{display:flex;align-items:center;gap:22px;min-height:70px}
.bmwkeetqc-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:.02em;white-space:nowrap}
.bmwkeetqc-mark{width:36px;height:36px;flex:none;border-radius:11px;background:linear-gradient(140deg,var(--tone),#1a8f6e);color:#04140f;display:grid;place-items:center;font-size:16px;font-weight:800}
.bmwkeetqc-nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.bmwkeetqc-nav::-webkit-scrollbar{display:none}
.bmwkeetqc-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:14px;color:var(--ink-2);white-space:nowrap;transition:color .2s,background .2s}
.bmwkeetqc-nav a:hover,.bmwkeetqc-nav a.bmwkeetqc-on{color:var(--ink);background:rgba(53,214,164,.13)}

/* 首屏 */
.bmwkeetqc-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.bmwkeetqc-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.bmwkeetqc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--paper) 10%,rgba(12,20,18,.78) 54%,rgba(12,20,18,.42))}
.bmwkeetqc-hero .bmwkeetqc-wrap{position:relative;z-index:2;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px)}
.bmwkeetqc-hero-in{max-width:720px}
.bmwkeetqc-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;border:1px solid rgba(53,214,164,.4);background:rgba(53,214,164,.1);color:var(--tone);font-size:13px;letter-spacing:.06em}
.bmwkeetqc-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tone)}
.bmwkeetqc-hero h1{margin-top:22px;font-size:clamp(30px,5.2vw,54px);line-height:1.18;font-weight:800;letter-spacing:.01em}
.bmwkeetqc-hl{color:var(--tone);position:relative;display:inline-block}
.bmwkeetqc-hero p.bmwkeetqc-intro{margin-top:20px;max-width:640px;font-size:16px;color:#c2d4cd}
.bmwkeetqc-checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0 32px}
.bmwkeetqc-checks li{display:flex;align-items:center;gap:9px;font-size:14px;color:#d5e6df}
.bmwkeetqc-checks li::before{content:"";flex:none;width:16px;height:16px;border-radius:5px;background:rgba(53,214,164,.2);border:1px solid rgba(53,214,164,.6);box-shadow:inset 0 0 0 3px rgba(12,20,18,.9)}
.bmwkeetqc-acts{display:flex;flex-wrap:wrap;gap:14px}
.bmwkeetqc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border:0;border-radius:999px;background:var(--tone);color:#04140f;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.bmwkeetqc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(53,214,164,.3)}
.bmwkeetqc-btn2{background:transparent;border:1px solid var(--line);color:var(--ink)}
.bmwkeetqc-btn2:hover{border-color:var(--tone);background:rgba(53,214,164,.1);box-shadow:none}

/* 通用板块 */
.bmwkeetqc-sec{padding:clamp(46px,6vw,78px) 0;border-bottom:1px solid var(--line)}
.bmwkeetqc-sec.bmwkeetqc-alt{background:var(--panel)}
.bmwkeetqc-head{max-width:780px;margin-bottom:clamp(24px,3.4vw,40px)}
.bmwkeetqc-eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.2em;color:var(--tone);margin-bottom:10px}
.bmwkeetqc-h2{font-size:clamp(22px,3vw,31px);line-height:1.35;font-weight:700}
.bmwkeetqc-lead{margin-top:12px;font-size:15px;color:var(--ink-2)}

/* 更新日历 */
.bmwkeetqc-cal{display:grid;gap:12px}
.bmwkeetqc-cal li{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px;padding:15px 20px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--tone);border-radius:0 14px 14px 0;transition:border-color .2s,transform .2s}
.bmwkeetqc-cal li:hover{transform:translateX(4px);border-color:rgba(53,214,164,.4)}
.bmwkeetqc-cal b{font-size:14px;color:var(--tone);font-weight:700}
.bmwkeetqc-cal span{font-size:15px}
.bmwkeetqc-cal em{font-style:normal;font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:3px 11px;white-space:nowrap}

/* 卡片网格 */
.bmwkeetqc-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp)}
.bmwkeetqc-card{display:flex;flex-direction:column;background:var(--panel-hi);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.bmwkeetqc-card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:rgba(53,214,164,.36)}
.bmwkeetqc-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#091210}
.bmwkeetqc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bmwkeetqc-card:hover .bmwkeetqc-thumb img{transform:scale(1.06)}
.bmwkeetqc-tag{position:absolute;left:9px;top:9px;padding:3px 9px;border-radius:999px;background:rgba(6,16,13,.82);border:1px solid rgba(53,214,164,.45);color:var(--tone);font-size:11.5px;letter-spacing:.04em}
.bmwkeetqc-score{position:absolute;right:9px;bottom:9px;padding:2px 9px;border-radius:8px;background:rgba(6,16,13,.86);color:var(--tone-2);font-size:12.5px;font-weight:700}
.bmwkeetqc-body{padding:12px 13px 15px;display:flex;flex-direction:column;gap:5px}
.bmwkeetqc-name{font-size:14.5px;font-weight:600;line-height:1.45}
.bmwkeetqc-meta{font-size:12.5px;color:var(--ink-2)}

/* 专题 */
.bmwkeetqc-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp)}
.bmwkeetqc-topics article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.bmwkeetqc-topics article:hover{transform:translateY(-4px);border-color:rgba(53,214,164,.36);box-shadow:var(--sh)}
.bmwkeetqc-topics .bmwkeetqc-thumb{aspect-ratio:16/9}
.bmwkeetqc-topics h3{padding:16px 18px 0;font-size:16.5px}
.bmwkeetqc-topics p{padding:8px 18px 18px;font-size:13.5px;color:var(--ink-2)}

/* 解读 */
.bmwkeetqc-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp)}
.bmwkeetqc-notes article{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s,transform .2s}
.bmwkeetqc-notes article:hover{border-color:rgba(53,214,164,.4);transform:translateY(-3px)}
.bmwkeetqc-notes h3{font-size:16.5px;margin-bottom:10px}
.bmwkeetqc-notes p{font-size:14.5px;color:var(--ink-2)}
.bmwkeetqc-notes .bmwkeetqc-note-mark{display:inline-block;font-size:12px;letter-spacing:.16em;color:var(--tone-2);margin-bottom:9px}

/* 分类频道 */
.bmwkeetqc-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp)}
.bmwkeetqc-cats li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;transition:border-color .2s,background .2s}
.bmwkeetqc-cats li:hover{border-color:rgba(53,214,164,.4);background:var(--panel-hi)}
.bmwkeetqc-cats b{display:block;font-size:16px;margin-bottom:7px}
.bmwkeetqc-cats span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.7}

/* 排行榜 */
.bmwkeetqc-rank{display:grid;gap:10px}
.bmwkeetqc-rank li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:13px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s}
.bmwkeetqc-rank li:hover{border-color:rgba(53,214,164,.4);transform:translateX(4px)}
.bmwkeetqc-rank em{font-style:normal;font-weight:800;font-size:15px;color:var(--ink-2);letter-spacing:.04em}
.bmwkeetqc-rank li:nth-child(-n+3) em{color:var(--tone)}
.bmwkeetqc-rank b{font-weight:600;font-size:15px}
.bmwkeetqc-rank span{font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:3px 11px;white-space:nowrap}

/* 资讯 */
.bmwkeetqc-news{display:grid;gap:14px}
.bmwkeetqc-news li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:17px 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:border-color .2s,background .2s}
.bmwkeetqc-news li:hover{border-color:rgba(53,214,164,.4);background:var(--panel-hi)}
.bmwkeetqc-news h3{font-size:15.5px;font-weight:600;margin-bottom:4px}
.bmwkeetqc-news p{font-size:13.5px;color:var(--ink-2)}
.bmwkeetqc-news time{font-size:12.5px;color:var(--tone);white-space:nowrap}

/* 媒体精选（横排） */
.bmwkeetqc-rows{display:grid;gap:16px}
.bmwkeetqc-rows li{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s,transform .2s}
.bmwkeetqc-rows li:hover{border-color:rgba(53,214,164,.38);transform:translateY(-3px)}
.bmwkeetqc-rows .bmwkeetqc-thumb{aspect-ratio:16/10;border-radius:11px}
.bmwkeetqc-rows h3{font-size:16px;margin-bottom:7px}
.bmwkeetqc-rows p{font-size:13.5px;color:var(--ink-2)}
.bmwkeetqc-rows .bmwkeetqc-rtag{display:inline-block;margin-top:9px;font-size:12px;color:var(--tone);border:1px solid rgba(53,214,164,.4);border-radius:999px;padding:2px 11px}

/* 趋势 */
.bmwkeetqc-trend{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp)}
.bmwkeetqc-trend li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.bmwkeetqc-trend b{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:10px}
.bmwkeetqc-trend b::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--tone-2)}
.bmwkeetqc-trend p{font-size:14px;color:var(--ink-2)}

/* 保障 */
.bmwkeetqc-safe{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp)}
.bmwkeetqc-safe li{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;text-align:left}
.bmwkeetqc-safe svg{width:24px;height:24px;stroke:var(--tone);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.bmwkeetqc-safe b{display:block;font-size:15px;margin-bottom:6px}
.bmwkeetqc-safe span{font-size:13.5px;color:var(--ink-2)}

/* 订阅条 */
.bmwkeetqc-sub{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;max-width:590px}
.bmwkeetqc-sub input{flex:1 1 280px;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--panel-hi);font-size:15px}
.bmwkeetqc-sub input::placeholder{color:#6f847d}
.bmwkeetqc-sub input:focus{border-color:var(--tone);outline:none}
.bmwkeetqc-privacy{margin-top:14px;font-size:12.5px;color:var(--ink-2)}

/* 页脚 */
.bmwkeetqc-foot{background:#080f0d;padding:clamp(44px,6vw,72px) 0 26px;border-top:1px solid var(--line)}
.bmwkeetqc-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--sp)}
.bmwkeetqc-foot-brand p{margin-top:16px;font-size:13.5px;color:var(--ink-2);max-width:320px}
.bmwkeetqc-foot h3{font-size:14px;letter-spacing:.08em;color:var(--ink);margin-bottom:14px}
.bmwkeetqc-foot ul{display:grid;gap:2px}
.bmwkeetqc-foot ul a{display:inline-flex;align-items:center;min-height:38px;font-size:13.5px;color:var(--ink-2);transition:color .2s}
.bmwkeetqc-foot ul a:hover{color:var(--tone)}
.bmwkeetqc-copy{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:#6f847d}

@media (max-width:1024px){
  .bmwkeetqc-cards{grid-template-columns:repeat(4,1fr)}
  .bmwkeetqc-cats,.bmwkeetqc-trend{grid-template-columns:repeat(2,1fr)}
  .bmwkeetqc-topics{grid-template-columns:repeat(2,1fr)}
  .bmwkeetqc-safe{grid-template-columns:repeat(2,1fr)}
  .bmwkeetqc-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  body{font-size:15px}
  .bmwkeetqc-top .bmwkeetqc-wrap{flex-wrap:wrap;gap:6px;padding-top:10px;padding-bottom:8px}
  .bmwkeetqc-nav{margin-left:0;width:100%}
  .bmwkeetqc-cards{grid-template-columns:repeat(3,1fr)}
  .bmwkeetqc-topics,.bmwkeetqc-notes{grid-template-columns:1fr}
  .bmwkeetqc-rows li{grid-template-columns:120px 1fr;gap:14px}
  .bmwkeetqc-cal li{grid-template-columns:66px 1fr;row-gap:6px}
  .bmwkeetqc-cal em{grid-column:2;justify-self:start}
}
@media (max-width:520px){
  .bmwkeetqc-cards{grid-template-columns:repeat(2,1fr);gap:12px}
  .bmwkeetqc-cats,.bmwkeetqc-trend,.bmwkeetqc-safe{grid-template-columns:1fr}
  .bmwkeetqc-rank li{grid-template-columns:34px 1fr;row-gap:6px}
  .bmwkeetqc-rank span{grid-column:2;justify-self:start}
  .bmwkeetqc-news li{grid-template-columns:1fr;gap:8px}
  .bmwkeetqc-rows li{grid-template-columns:104px 1fr;gap:12px;padding:11px}
  .bmwkeetqc-foot-grid{grid-template-columns:1fr}
  .bmwkeetqc-btn{width:100%}
  .bmwkeetqc-acts{flex-direction:column}
}
