/* 青川皇家栗子大酒楼 —— 经典垃圾页游广告配色:金+红+亮瞎眼的渐变与闪烁。纯虚构整蛊。 */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Microsoft YaHei","SimHei",sans-serif;background:#2a0606;color:#ffe9a8;overflow-x:hidden;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,215,0,.05) 0 12px,transparent 12px 24px),
    radial-gradient(circle at 50% 0,#7a1410,#2a0606 70%)}
a{color:#ffe066}
kbd{background:#ffe9a8;color:#7a1410;border-radius:4px;padding:1px 7px;font-family:Consolas,monospace;font-weight:bold}

/* 真退出条 */
.escape{position:sticky;top:0;z-index:40;background:#1a1a1a;color:#eee;font-size:13px;
  text-align:center;padding:7px 10px;border-bottom:1px solid #444}
.escape a{color:#7fd6a0;font-weight:bold;margin-left:6px}

/* 跑马灯 */
.marq{background:linear-gradient(90deg,#ffd700,#ff8c00,#ffd700);color:#7a1410;font-size:14px;
  padding:6px 0;overflow:hidden;white-space:nowrap}
.marq b{display:inline-block;padding-left:100%;animation:marq 18s linear infinite}
@keyframes marq{to{transform:translateX(-100%)}}

.stage{max-width:920px;margin:0 auto;padding:22px 16px 60px;text-align:center}

.neon{margin:10px 0 4px}
.neon-a{font-size:52px;font-weight:900;letter-spacing:8px;color:#ffd700;line-height:1.2;
  text-shadow:0 0 6px #ff0,0 0 18px #ff8c00,0 0 36px #f40,3px 3px 0 #4a0a08;
  animation:flick 2.6s infinite}
.neon-b{display:inline-block;margin-top:6px;font-size:24px;letter-spacing:10px;text-indent:10px;
  color:#fff;background:#b01e16;border:3px solid #ffd700;border-radius:6px;padding:4px 22px}
@keyframes flick{0%,92%,100%{opacity:1}93%{opacity:.55}95%{opacity:1}97%{opacity:.7}}

.slogan{font-size:19px;margin:18px 0 4px}
.slogan b{color:#ffd700}
.slogan-sub{font-size:13px;color:#e8c887;margin:0 0 22px}
.blink{animation:blink .8s steps(2) infinite;color:#ff5252}
@keyframes blink{50%{opacity:0}}

.dealer{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;
  background:linear-gradient(180deg,#5a100c,#3a0b08);border:2px solid #ffd700;border-radius:12px;
  padding:18px;margin:0 auto 22px;max-width:640px}
.dealer-fig{flex:none;text-align:center}
.visor{width:86px;height:20px;margin:0 auto;border-radius:10px 10px 0 0;background:#1e7a4a;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.face{width:86px;height:86px;border-radius:50%;background:#f4d8a0;color:#5a100c;
  display:flex;align-items:center;justify-content:center;font-size:26px;border:3px solid #c9a24b}
.apron{margin-top:6px;font-size:12px;color:#ffd700}
.dealer-says{font-family:"Kaiti SC","KaiTi",serif;font-size:17px;line-height:2;text-align:left;color:#ffe9a8}

.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cta{font-family:inherit;font-size:15px;font-weight:bold;color:#7a1410;cursor:pointer;
  background:linear-gradient(180deg,#ffe873,#ffb300);border:2px solid #fff3b0;border-radius:8px;
  padding:11px 20px;box-shadow:0 4px 0 #8a5a00,0 6px 14px rgba(0,0,0,.4)}
.cta:hover{filter:brightness(1.08)}
.cta:active{transform:translateY(3px);box-shadow:0 1px 0 #8a5a00}
.cta-big{font-size:19px;padding:14px 34px;animation:pulse 1s infinite}
@keyframes pulse{50%{box-shadow:0 4px 0 #8a5a00,0 0 26px #ffd700}}

.counters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.cnt-box{background:#1a0404;border:1px solid #b8860b;border-radius:6px;padding:8px 14px;font-size:13px}
.roll{color:#ffd700;font-family:Consolas,monospace;font-size:18px;font-weight:bold}

.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:30px}
.ad-card{background:linear-gradient(180deg,#fff7d6,#ffe1a0);color:#5a100c;border-radius:10px;
  padding:16px 14px;border:2px solid #ffd700;text-align:left;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.ad-card h3{margin:0 0 8px;font-size:17px;text-align:center;color:#b01e16}
.ad-card p{font-size:13px;line-height:1.7;margin:0 0 12px}
.mini-cta{display:block;width:100%;font-family:inherit;font-weight:bold;cursor:pointer;
  background:#b01e16;color:#ffd700;border:none;border-radius:6px;padding:8px 0;font-size:14px}
.mini-cta:hover{background:#d12b20}

.shock-row{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}
.shock{display:block;background:#ffd700;color:#c62828;font-weight:bold;font-size:16px;
  padding:10px;border-radius:6px;text-decoration:none;border:2px dashed #c62828;animation:pulse2 1.4s infinite}
.shock.dim{background:#3a0b08;color:#ffb300;border-color:#8a5a00;font-size:13px;animation:none}
@keyframes pulse2{50%{background:#fff}}

.fine-print{font-size:12px;color:#c9a86a;line-height:2;border-top:1px solid #6a3a30;padding-top:18px}
.fine-print a{color:#7fd6a0}

/* 假弹窗 */
.popup-layer{position:fixed;inset:0;pointer-events:none;z-index:50}
.pop{position:absolute;pointer-events:auto;width:300px;max-width:86vw;background:#f4f0e2;
  color:#333;border:2px solid #b8860b;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);
  font-size:13px;animation:pop .18s ease}
@keyframes pop{from{transform:scale(.85);opacity:0}}
.pop-head{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#b01e16,#e6a300);
  color:#fff;padding:6px 10px;border-radius:5px 5px 0 0;font-weight:bold;cursor:grab;
  user-select:none;font-size:13px}
.pop-head .x{margin-left:auto;cursor:pointer;background:#ffd700;color:#7a1410;border:none;
  width:22px;height:22px;border-radius:4px;font-weight:900;line-height:1}
.pop-body{padding:12px 14px;line-height:1.7}
.pop-body .big{font-size:16px;color:#c62828;font-weight:bold}
.pop-foot{padding:0 14px 12px;display:flex;gap:8px;flex-wrap:wrap}
.pop-foot button{font-family:inherit;font-size:12px;cursor:pointer;border:1px solid #b8860b;
  background:#fff3b0;border-radius:5px;padding:5px 12px}
.pop-foot button.danger{background:#b01e16;color:#ffd700;border-color:#7a1410}

@media(max-width:600px){
  .neon-a{font-size:34px;letter-spacing:4px}
  .dealer-says{font-size:15px}
}