:root{--primary: #ff7f50;--secondary: #ffa502;--bg-gradient: linear-gradient(135deg, #ffeaa7 0%, #ffda79 100%);--panel-bg: rgba(255, 255, 255, .85);--text-main: #2f3542;--shadow: 0 8px 32px rgba(255, 127, 80, .2)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;font-family:Comic Sans MS,幼圆,cursive,sans-serif;background:var(--bg-gradient);color:var(--text-main);overflow:hidden;touch-action:none}.app-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.py-4{padding:1rem 0}.cloud{position:absolute;background:#fff;border-radius:50px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.05));z-index:0;opacity:.7}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{width:120px;height:40px;top:10%;left:-150px;animation:float 25s linear infinite}.cloud-1:before{width:50px;height:50px;top:-25px;left:15px}.cloud-1:after{width:70px;height:70px;top:-35px;right:15px}.cloud-2{width:160px;height:50px;top:40%;left:-200px;animation:float 35s linear infinite 5s;opacity:.5;transform:scale(.8)}.cloud-2:before{width:60px;height:60px;top:-30px;left:20px}.cloud-2:after{width:80px;height:80px;top:-40px;right:20px}.cloud-3{width:100px;height:35px;top:70%;left:-120px;animation:float 20s linear infinite 10s}.cloud-3:before{width:40px;height:40px;top:-20px;left:10px}.cloud-3:after{width:50px;height:50px;top:-25px;right:15px}@keyframes float{0%{transform:translate(0)}to{transform:translate(calc(100vw + 300px))}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.top-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:100;pointer-events:none}.cloud-sync-badge{display:flex;align-items:center;gap:6px;background:#fff9;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px #0000000d}.toast{background:#2ed573;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #2ed5734d}.view-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:2rem;width:90%;max-width:480px;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;z-index:10;text-align:center}.game-title{font-size:2.5rem;color:var(--primary);margin:0 0 1rem;text-shadow:2px 2px 0px white;line-height:1.2}.game-title span{font-size:1.5rem;color:var(--secondary)}.high-score-board{display:flex;align-items:center;gap:8px;background:#fff3e0;padding:8px 20px;border-radius:24px;font-weight:700;color:#e67e22;margin-bottom:2rem;border:2px dashed #ffb142}.skin-selector{width:100%;margin-bottom:2rem}.skin-selector h3{margin-top:0;color:#747d8c}.skin-list{display:flex;gap:12px;overflow-x:auto;padding:10px 4px;scrollbar-width:none}.skin-list::-webkit-scrollbar{display:none}.skin-card{flex:0 0 100px;background:#fff;border-radius:20px;padding:12px;cursor:pointer;border:3px solid transparent;transition:all .2s;position:relative;box-shadow:0 4px 12px #0000000d}.skin-card.selected{border-color:var(--primary);background:#fff0e6}.skin-card.locked{opacity:.7;filter:grayscale(.8);cursor:not-allowed}.skin-img-wrapper{position:relative;height:60px;display:flex;justify-content:center;align-items:center}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:12px;display:flex;justify-content:center;align-items:center}.skin-card p{margin:8px 0 0;font-size:14px;font-weight:700}.unlock-req{font-size:10px;color:#ff4757;background:#ffeaa7;padding:2px 6px;border-radius:10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);white-space:nowrap}button{border:none;outline:none;cursor:pointer;font-family:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s}.btn-primary{background:linear-gradient(to bottom,coral,#ff6348);color:#fff;font-size:1.2rem;padding:14px 32px;border-radius:30px;box-shadow:0 6px #d35400,0 10px 20px #ff7f5066}.btn-primary:active{transform:translateY(6px);box-shadow:0 0 #d35400,0 4px 10px #ff7f5066}.btn-secondary{background:#fff;color:var(--primary);font-size:1.1rem;padding:12px 24px;border-radius:30px;border:2px solid var(--primary);box-shadow:0 4px 0 var(--primary)}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 0 var(--primary)}.game-view{width:100%;height:100%;position:relative;z-index:10}.hud{position:absolute;top:60px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}.hud-item{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:20px;font-weight:700;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:6px}.hud-item.score{font-size:1.2rem;color:var(--secondary)}.hud-item.level{color:var(--primary)}.game-area{position:absolute;top:120px;bottom:0;left:0;right:0;overflow:hidden}.falling-item{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;justify-content:center;align-items:center}.game-item-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.game-item-emoji{font-size:30px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.player-cat{position:absolute;bottom:5%;transform:translate(-50%);transition:left .1s ease-out;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.fact-card{background:linear-gradient(135deg,#f1f2f6,#fff);border-radius:20px;padding:1.5rem;margin:1.5rem 0;box-shadow:inset 0 2px 4px #fffc,0 8px 16px #0000000d;border:1px solid #dfe4ea;text-align:left;position:relative;overflow:hidden}.fact-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 60%);opacity:.5;pointer-events:none}.fact-card h3{margin:0 0 10px;color:var(--primary);display:flex;align-items:center;gap:8px}.fact-card p{margin:0;color:#57606f;line-height:1.6;font-size:1.1rem}.score-display{margin:2rem 0}.score-display p{margin:0;color:#747d8c;font-size:1.2rem}.final-score{font-size:4rem;margin:0;color:var(--primary);text-shadow:3px 3px 0px #ffeaa7}.new-record{background:#ff4757;color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;display:inline-flex;align-items:center;gap:6px;animation:pulse 1s infinite;margin-bottom:1.5rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-buttons{display:flex;gap:16px;width:100%;justify-content:center}