/* ================== 全局与基础重置 ================== */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;overflow:hidden;background:#05050a;color:#eaeaea;font-family:'Microsoft YaHei',sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}
canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}

/* ================== 电脑端警告 ================== */
#pc-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a3e,#0f0f1e);z-index:9999;display:none;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:30px;text-align:center}
#pc-warning h1{color:#ffd700;font-size:32px;margin-bottom:20px}
#pc-warning p{font-size:18px;line-height:1.8;margin:10px 0}
#pc-warning .phone-icon{font-size:80px;margin:30px 0;animation:shake 2s infinite}
@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
#pc-warning button{background:linear-gradient(to bottom,#ffd700,#f39c12);color:#1a1a3e;border:none;padding:12px 30px;border-radius:8px;font-size:18px;cursor:pointer;margin-top:20px;font-weight:bold;box-shadow:0 4px 0 #b8860b}

/* ================== 通用按钮/特效 ================== */
.big-btn{background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a2e;border:1px solid #f39c12;padding:14px 35px;font-size:18px;font-family:inherit;font-weight:bold;border-radius:10px;margin-top:25px;box-shadow:0 5px 0 #b8860b;transition:all .1s}
.big-btn:active{transform:translateY(5px);box-shadow:0 0 0 #b8860b}

.screen-flash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;pointer-events:none;animation:screenFlash .3s forwards}
@keyframes screenFlash{0%{opacity:.85}100%{opacity:0}}

.screen-shake{animation:screenShake .3s}
@keyframes screenShake{0%,100%{transform:translate(0,0)}20%{transform:translate(-4px,3px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}

#night-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,5,25,0);z-index:90;pointer-events:none;transition:background 2s linear}