/* ===== meimodu 暗黑心跳游戏厅 | meyimodu.cn ===== */
:root{
  --deep:#120a10;
  --deep2:#1a0f16;
  --panel:#221420;
  --paper:#faf6f8;
  --pink:#ff6fa5;
  --pink-d:#e0447c;
  --cyan:#39d5e0;
  --cyan-d:#1ba8b3;
  --ink:#241118;
  --ink2:#6b5560;
  --mist:#b09aa4;
  --line-d:rgba(255,111,165,.22);
  --line-l:rgba(36,17,24,.12);
  --mono:"Courier New",ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.76;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:12px;transition:.25s;white-space:nowrap}
.btn-pri{color:#2b0716;background:linear-gradient(135deg,#ffa8c9,var(--pink) 55%,var(--pink-d));box-shadow:0 10px 26px rgba(255,111,165,.4)}
.btn-pri:hover{transform:translateY(-3px);filter:brightness(1.06)}
.btn-ghost{color:#ffd6e6;border:1.5px solid rgba(255,111,165,.55);background:rgba(255,111,165,.07)}
.btn-ghost:hover{background:rgba(255,111,165,.17);transform:translateY(-3px)}
.btn-lg{padding:15px 32px;font-size:16px}
.btn:not(.btn-lg){padding:11px 24px;font-size:14.5px}

/* ===== 头部 ===== */
.hd{position:sticky;top:0;z-index:80;background:rgba(250,246,248,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-l)}
.hd-in{display:flex;align-items:center;gap:28px;height:66px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand img{width:36px;height:36px;border-radius:10px}
.brand-t{display:flex;flex-direction:column;line-height:1.25}
.brand-t strong{font-size:19px;font-weight:900;letter-spacing:.5px}
.brand-t small{font-size:11.5px;color:var(--ink2)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 13px;font-size:14.5px;font-weight:600;color:var(--ink2);border-radius:9px;transition:.2s}
.nav a:hover{color:var(--ink);background:rgba(255,111,165,.13)}
.nav a.on{color:var(--pink-d);background:rgba(255,111,165,.17)}
.hd-r{display:flex;align-items:center;gap:12px}
.hd-cta{padding:9px 20px;font-size:14px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:.25s}

/* ===== 区块头通用 ===== */
.sec-head{max-width:660px;margin-bottom:44px}
.sec-kick{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:2.5px;color:var(--pink-d);margin-bottom:12px}
.sec-kick:before{content:"";width:26px;height:3px;background:var(--cyan);border-radius:2px}
.sec-head h2,.play h2,.rank h2{font-size:30px;font-weight:900;line-height:1.42}
.sec-head.light h2{color:#ffeef5}
.sec-head.light .sec-kick{color:var(--pink)}
.sec-sub{margin-top:12px;font-size:15px;color:var(--ink2)}
.sec-head.light .sec-sub{color:var(--mist)}

/* ===== 英雄区：视觉小说剧场 ===== */
.hero{position:relative;background:radial-gradient(880px 520px at 80% -8%,rgba(255,111,165,.24),transparent 60%),linear-gradient(165deg,#190d14 0%,var(--deep) 48%,#0b0609 100%);color:#ffeef5;padding:96px 0 112px;overflow:hidden}
.spot{position:absolute;left:-140px;bottom:-180px;width:380px;height:380px;border-radius:50%;background:rgba(57,213,224,.13);filter:blur(95px);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
.kick{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;letter-spacing:3px;color:var(--pink);margin-bottom:18px}
.kick-heart{font-size:15px;color:var(--pink);text-shadow:0 0 12px var(--pink);animation:beat 1.4s infinite}
@keyframes beat{0%,100%{transform:scale(1)}30%{transform:scale(1.35)}45%{transform:scale(1.1)}60%{transform:scale(1.3)}}
.hero h1{font-size:76px;font-weight:900;line-height:1;letter-spacing:.5px;background:linear-gradient(135deg,#fff 25%,#ffb9d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-slogan{margin-top:14px;font-size:23px;font-weight:800;color:#ffd6e6}
.hero-slogan em{font-style:normal;color:var(--pink);border-bottom:3px solid var(--cyan);padding-bottom:2px}
.lead{margin-top:18px;font-size:15.5px;color:var(--mist);max-width:530px}
.hero-acts{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-points{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap}
.hero-points li{position:relative;padding-left:14px;font-size:14px;color:var(--mist)}
.hero-points li:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:2px;background:linear-gradient(var(--pink),var(--pink-d))}
.hero-points li:nth-child(2):before{background:linear-gradient(var(--cyan),var(--cyan-d))}
.hero-points b{display:block;font-size:17px;color:#ffeef5}

/* VN 装置 */
.vn{position:relative;max-width:400px;margin-left:auto}
.vn-top{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:2px;color:var(--cyan);background:var(--panel);border:1px solid var(--line-d);border-bottom:0;border-radius:16px 16px 0 0;padding:11px 18px}
.vn-top i{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);animation:beat 1.6s infinite}
.vn-img{position:relative;border:1px solid rgba(255,111,165,.4);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.55)}
.vn-name{position:absolute;left:18px;bottom:118px;z-index:3;background:linear-gradient(135deg,var(--pink),var(--pink-d));color:#2b0716;font-size:13.5px;font-weight:900;padding:6px 16px;border-radius:9px;transform:rotate(-2deg)}
.vn-chip{position:absolute;z-index:4;background:#fff;color:var(--ink);border-radius:12px;padding:9px 15px;font-size:12.5px;line-height:1.45}
.chip-a{right:-24px;top:60px;font-weight:700;box-shadow:5px 5px 0 rgba(255,111,165,.9);border-left:4px solid var(--pink)}
.chip-b{left:-28px;bottom:40px;box-shadow:5px 5px 0 rgba(57,213,224,.9);border-left:4px solid var(--cyan)}
.chip-b b{color:var(--pink-d)}
.vn-badge{position:absolute;right:-16px;top:-22px;z-index:5;width:62px;height:62px;border-radius:50%;background:linear-gradient(150deg,#fff0f6,#ffd6e6);border:2px solid var(--pink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transform:rotate(9deg)}
.vn-badge img{width:22px;height:22px;border-radius:6px}
.vn-badge i{font-style:normal;font-size:10.5px;font-weight:800;color:var(--pink-d)}

/* ===== 状态仪表带 ===== */
.meter{position:relative;z-index:5;margin-top:-48px}
.mt-in{background:linear-gradient(92deg,var(--pink-d),var(--pink) 52%,var(--cyan));border-radius:20px;box-shadow:0 16px 40px rgba(224,68,124,.22);display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:26px;padding:28px 30px;align-items:center}
.mt{text-align:center;color:#2b0716;position:relative}
.mt+.mt:before{content:"";position:absolute;left:-13px;top:10px;bottom:10px;width:1.5px;background:rgba(43,7,22,.2)}
.mt>b{display:block;font-size:30px;font-weight:900}
.mt>span{font-size:13px;font-weight:600;opacity:.85}
.mt-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;margin-bottom:8px}
.mt-h b{font-size:17px;font-weight:900}
.bar{height:10px;border-radius:5px;background:rgba(43,7,22,.22);overflow:hidden}
.bar i{display:block;height:100%;width:0;border-radius:5px;transition:width 1.2s cubic-bezier(.22,.8,.3,1)}
.bar-pink i{background:#fff0f6}
.bar-cyan i{background:#083a3f}

/* ===== 心跳玩法（浅） ===== */
.play{padding:110px 0 100px}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pl{background:#fff;border:1px solid var(--line-l);border-top:4px solid var(--pink);border-radius:16px;padding:26px 24px 22px;transition:.25s}
.pl:nth-child(2){border-top-color:var(--cyan)}
.pl:nth-child(3){border-top-color:var(--pink-d)}
.pl:hover{transform:translateY(-6px)}
.pl-ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#ffa8c9,var(--pink-d));color:#fff;margin-bottom:16px}
.pl:nth-child(2) .pl-ic{background:linear-gradient(135deg,#7fe7ee,var(--cyan-d))}
.pl:nth-child(3) .pl-ic{background:linear-gradient(135deg,var(--pink),#a91550)}
.pl h3{font-size:19px;margin-bottom:10px}
.pl p{font-size:14px;color:var(--ink2)}
.pl-tag{display:flex;gap:8px;margin-top:15px}
.pl-tag i{font-style:normal;font-size:12px;font-weight:700;color:var(--pink-d);background:rgba(255,111,165,.12);border-radius:6px;padding:3px 10px}
.pl:nth-child(2) .pl-tag i{color:var(--cyan-d);background:rgba(57,213,224,.14)}
/* 实时状态面板 */
.pl-panel{margin-top:34px;background:var(--panel);border:1px solid var(--line-d);border-radius:18px;padding:22px 28px 20px;box-shadow:8px 8px 0 rgba(57,213,224,.85)}
.pp-h{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--cyan);padding-bottom:14px;border-bottom:1px dashed rgba(255,111,165,.3)}
.pp-dot{width:9px;height:9px;border-radius:50%;background:var(--pink);animation:beat 1.5s infinite}
.pp-rows{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:16px 0}
.pp-rows p{display:flex;flex-direction:column;gap:5px}
.pp-rows span{font-size:11.5px;font-weight:800;letter-spacing:1.5px;color:var(--pink)}
.pp-rows b{font-size:13.5px;font-weight:700;color:#ffeef5;line-height:1.5}
.pp-rows .pp-neg{color:var(--cyan)}
.pp-rows .pp-warn{color:#ffa8c9}
.pp-note{font-size:13px;color:var(--mist);border-top:1px dashed rgba(255,111,165,.3);padding-top:13px}

/* ===== 角色卡带（深） ===== */
.chars{background:radial-gradient(720px 420px at 10% 0%,rgba(255,111,165,.15),transparent 58%),linear-gradient(180deg,var(--deep2),#0e080c);padding:96px 0 102px}
.cc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.cc{background:var(--panel);border:1px solid var(--line-d);border-radius:16px;padding:22px 26px 20px;position:relative;transition:.25s}
.cc:before{content:"";position:absolute;left:26px;right:26px;top:0;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--pink),var(--pink-d))}
.cc:nth-child(2):before{background:linear-gradient(90deg,var(--cyan),var(--cyan-d))}
.cc:nth-child(3):before{background:linear-gradient(90deg,#ffa8c9,var(--pink))}
.cc:nth-child(4):before{background:linear-gradient(90deg,#7fe7ee,var(--cyan))}
.cc:hover{transform:translateY(-5px);border-color:rgba(255,111,165,.5)}
.cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cc-id{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--cyan);background:rgba(57,213,224,.1);border:1px dashed rgba(57,213,224,.4);border-radius:7px;padding:3px 10px}
.cc-top span:last-child{font-size:12px;font-weight:800;color:var(--pink);letter-spacing:1px}
.cc h3{font-size:21px;color:#ffeef5;margin-bottom:10px}
.cc-line{font-size:14px;color:#d8bcc9;background:rgba(255,111,165,.07);border-left:3px solid var(--pink);border-radius:0 10px 10px 0;padding:11px 15px;min-height:70px}
.cc-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;border-top:1px dashed rgba(255,111,165,.28)}
.cc-data span{font-size:12px;color:var(--mist);text-align:center}
.cc-data b{display:block;font-size:17px;font-weight:900;color:var(--cyan)}
.cc-by{margin-top:13px;font-size:12.5px;color:var(--mist);text-align:right}

/* ===== 热榜（浅） ===== */
.rank{padding:106px 0 104px}
.rk-in{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}
.rk-list{margin-top:34px;display:flex;flex-direction:column;gap:14px}
.rk-list li{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line-l);border-radius:15px;padding:16px 22px;transition:.2s}
.rk-list li:hover{transform:translateX(8px);border-color:rgba(255,111,165,.5)}
.rk-no{flex-shrink:0;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--pink-d);background:rgba(255,111,165,.06)}
.rk-no.no-1{color:#fff;-webkit-text-stroke:0;background:linear-gradient(135deg,#ffa8c9,var(--pink-d))}
.rk-no.no-2{color:#fff;-webkit-text-stroke:0;background:linear-gradient(135deg,var(--pink),#c22a66)}
.rk-no.no-3{color:#063a3f;-webkit-text-stroke:0;background:linear-gradient(135deg,#7fe7ee,var(--cyan))}
.rk-info{flex:1;min-width:0}
.rk-info b{display:block;font-size:16.5px}
.rk-info span{font-size:12.8px;color:var(--ink2)}
.rk-score{text-align:right;flex-shrink:0}
.rk-score b{display:block;font-size:23px;font-weight:900;color:var(--pink-d);line-height:1.1}
.rk-score i{font-style:normal;font-size:11.8px;color:var(--ink2)}
.rk-shot{max-width:330px;margin-left:auto;border-radius:18px;overflow:hidden;border:1.5px solid var(--line-l);box-shadow:12px 12px 0 rgba(224,68,124,.8)}
.rk-shot figcaption{background:var(--deep);color:#ffd6e6;font-size:13px;font-weight:700;text-align:center;padding:12px 10px}

/* ===== 游戏画面（深） ===== */
.shots{background:radial-gradient(680px 400px at 90% 4%,rgba(57,213,224,.12),transparent 55%),linear-gradient(180deg,#100910,var(--deep2));padding:96px 0 116px}
.cab{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.cb{position:relative;border:1px solid var(--line-d);border-radius:14px;overflow:hidden;background:var(--panel)}
.cb-1,.cb-3,.cb-5{transform:translateY(34px)}
.cb img{width:100%;border-bottom:3px solid var(--pink)}
.cb:nth-child(even) img{border-bottom-color:var(--cyan)}
.cb-no{position:absolute;left:0;top:12px;z-index:2;background:var(--cyan);color:#063a3f;font-family:var(--mono);font-size:10.5px;font-weight:900;letter-spacing:1px;padding:4px 11px 4px 9px;border-radius:0 7px 7px 0}
.cb:nth-child(even) .cb-no{background:var(--pink);color:#2b0716}
.cb figcaption{font-size:13px;font-weight:700;color:#ffd6e6;text-align:center;padding:12px 8px;background:rgba(255,111,165,.06)}

/* ===== 常见疑问（浅） ===== */
.faq{padding:112px 0 100px}
.faq-in{max-width:860px}
.acc{background:#fff;border:1.5px solid var(--line-l);border-radius:20px;box-shadow:0 12px 30px rgba(36,17,24,.08);overflow:hidden}
.acc-item+.acc-item{border-top:1px solid var(--line-l)}
.acc-head{width:100%;display:flex;align-items:center;gap:16px;background:none;border:0;cursor:pointer;text-align:left;padding:20px 26px;font-size:16.5px;font-weight:800;color:var(--ink);transition:.2s}
.acc-head:hover{background:rgba(255,111,165,.05)}
.acc-no{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#2b0716;background:linear-gradient(135deg,#ffa8c9,var(--pink))}
.acc-item:nth-child(even) .acc-no{background:linear-gradient(135deg,#7fe7ee,var(--cyan));color:#063a3f}
.acc-q{flex:1}
.acc-head i{flex-shrink:0;width:22px;height:22px;position:relative}
.acc-head i:before,.acc-head i:after{content:"";position:absolute;left:4px;right:4px;top:10px;height:2.6px;border-radius:2px;background:var(--pink-d);transition:.3s}
.acc-head i:after{transform:rotate(90deg)}
.acc-item.on .acc-head i:after{transform:rotate(0)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .45s ease}
.acc-body p{padding:0 26px 24px 84px;font-size:14.8px;color:var(--ink2)}
.acc-item.on .acc-body{max-height:340px}

/* ===== 玩家电波（深） ===== */
.waves{background:radial-gradient(720px 420px at 8% 100%,rgba(255,111,165,.13),transparent 56%),linear-gradient(180deg,var(--deep2),#0d070b);padding:96px 0 104px}
.wv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wv{background:var(--panel);border:1px solid var(--line-d);border-radius:16px;padding:22px 24px 18px;position:relative;transition:.25s}
.wv:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3.5px;border-radius:2px;background:linear-gradient(var(--pink),var(--pink-d))}
.wv:nth-child(even):before{background:linear-gradient(var(--cyan),var(--cyan-d))}
.wv:hover{transform:translateY(-5px)}
.wv-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1px;color:var(--pink);background:rgba(255,111,165,.12);border-radius:999px;padding:4px 12px;margin-bottom:13px}
.wv:nth-child(even) .wv-tag{color:var(--cyan);background:rgba(57,213,224,.12)}
.wv p{font-size:14.2px;color:#e8d3dd}
.wv footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px dashed rgba(255,111,165,.28)}
.wv footer b{font-size:13.5px;color:var(--pink)}
.wv:nth-child(even) footer b{color:var(--cyan)}
.wv footer time{font-size:12px;color:var(--mist);font-variant-numeric:tabular-nums}

/* ===== START 下载区（深） ===== */
.start{background:radial-gradient(620px 430px at 50% 115%,rgba(255,111,165,.32),transparent 62%),linear-gradient(180deg,#0d070b,#080409);padding:100px 0 108px;text-align:center;color:#ffeef5}
.st-insert{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:6px;color:var(--cyan);animation:blink2 1.5s steps(2) infinite}
@keyframes blink2{50%{opacity:.15}}
.start h2{margin-top:20px;font-size:44px;font-weight:900;letter-spacing:3px;line-height:1.3}
.start h2 em{font-style:normal;color:var(--pink);text-shadow:0 0 26px rgba(255,111,165,.65)}
.start-in>p:not(.st-insert):not(.start-meta){margin:20px auto 0;max-width:540px;font-size:15.5px;color:var(--mist)}
.start-acts{display:flex;gap:16px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.start-meta{margin-top:22px;font-size:13px;color:var(--mist);letter-spacing:1px}

/* ===== 页脚 ===== */
.ft{background:#070408;color:#c4aab6;padding:48px 0 40px}
.ft-in{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}
.ft-brand{display:flex;align-items:center;gap:11px}
.ft-brand img{width:36px;height:36px;border-radius:10px}
.ft-brand strong{font-size:18px;font-weight:900;color:#ffeef5}
.ft-brand span{font-size:12.5px;color:var(--mist);margin-left:2px}
.ft-nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ft-nav a{font-size:13.5px;color:#c4aab6;transition:.2s}
.ft-nav a:hover{color:var(--pink)}
.ft-copy{text-align:right;font-size:12.8px;color:var(--mist);line-height:1.7}
.ft-copy a{color:#c4aab6}
.ft-copy a:hover{color:var(--pink)}

/* ===== 右侧浮动投诉 ===== */
.float-complaint{position:fixed;right:24px;bottom:220px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:5px;width:62px;padding:9px 4px;border-radius:16px;background:rgba(14,7,11,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,111,165,.55);color:#ffd0e1;font-size:11px;font-weight:600;box-shadow:0 10px 26px rgba(0,0,0,.5);transition:.25s}
.float-complaint:hover{background:var(--pink);color:#2b0716;border-color:transparent;transform:translateY(-3px)}
/* ===== 返回顶部 ===== */
.backtop{position:fixed;right:28px;bottom:160px;width:46px;height:46px;border-radius:50%;border:2px solid #2b0716;background:linear-gradient(135deg,#ffa8c9,var(--pink-d));cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:60;box-shadow:0 8px 22px rgba(224,68,124,.42)}
.backtop.show{opacity:1;visibility:visible}
.backtop:before{content:"";position:absolute;left:16px;top:18px;width:11px;height:11px;border-left:2.5px solid #2b0716;border-top:2.5px solid #2b0716;transform:rotate(45deg)}
.backtop:hover{transform:translateY(-3px)}

/* ===== 入场 ===== */
.rv{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:translateY(0)}
.cb-1.rv.in,.cb-3.rv.in,.cb-5.rv.in{transform:translateY(34px)}

/* ===== 响应式 ===== */
@media(max-width:1080px){
  .chip-a{right:-6px}
  .chip-b{left:-6px}
  .cc-grid{grid-template-columns:1fr}
  .cab{grid-template-columns:repeat(3,1fr);gap:26px 18px}
  .cb-5{transform:translateY(0)}
  .cb-5.rv.in{transform:translateY(0)}
  .wv-grid{grid-template-columns:repeat(2,1fr)}
  .pp-rows{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .hero{padding:70px 0 92px}
  .hero h1{font-size:56px}
  .hero-in{grid-template-columns:1fr;gap:66px}
  .vn{margin:0 auto}
  .mt-in{grid-template-columns:repeat(2,1fr);gap:22px 16px;padding:24px 22px}
  .mt:nth-child(3):before{display:none}
  .pl-grid{grid-template-columns:1fr}
  .rk-in{grid-template-columns:1fr;gap:54px}
  .rk-shot{margin:0 auto}
  .nav{position:fixed;top:66px;left:0;right:0;flex-direction:column;background:rgba(250,246,248,.98);backdrop-filter:blur(14px);padding:14px 22px 20px;gap:2px;border-bottom:1.5px solid var(--line-l);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.25s;box-shadow:0 20px 40px rgba(36,17,24,.12)}
  .nav.open{transform:translateY(0);opacity:1;visibility:visible}
  .nav a{padding:12px 10px;font-size:15.5px}
  .burger{display:flex}
  .hd-cta{display:none}
  .ft-in{grid-template-columns:1fr;text-align:center;justify-items:center}
  .ft-copy{text-align:center}
}
@media(max-width:640px){
  .sec-head h2,.play h2,.rank h2{font-size:25px}
  .hero h1{font-size:46px}
  .hero-slogan{font-size:19px}
  .vn-chip{padding:7px 11px;font-size:11.5px}
  .chip-a{top:44px}
  .vn-name{bottom:96px}
  .vn-badge{width:54px;height:54px;right:-8px}
  .cab{grid-template-columns:repeat(2,1fr)}
  .wv-grid{grid-template-columns:1fr}
  .pp-rows{grid-template-columns:repeat(2,1fr)}
  .acc-body p{padding-left:26px}
  .start h2{font-size:31px}
  .cb-1,.cb-3{transform:translateY(20px)}
  .cb-1.rv.in,.cb-3.rv.in{transform:translateY(20px)}
  .cb-2,.cb-4{transform:translateY(0)}
  .backtop{bottom:150px;right:22px;width:42px;height:42px}
  .backtop:before{left:14px;top:17px}
  .float-complaint{right:18px;bottom:204px;width:56px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .cb-1,.cb-3,.cb-5{transform:translateY(0)}
  .kick-heart,.vn-top i,.pp-dot,.st-insert{animation:none}
  .bar i{transition:none}
}