:root{--primary: #4CAF50;--bg-color: #87CEEB;--panel-bg: rgba(255, 255, 255, .9)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Comic Sans MS,Chalkboard SE,sans-serif;overflow:hidden;background:#111}.pvz-container{width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center;background:#222}.cloud-sync-badge{position:absolute;top:15px;left:15px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.screen{width:840px;height:620px;position:relative;background:linear-gradient(to bottom,#87ceeb 30%,#4caf50 30%);overflow:hidden;box-shadow:0 10px 30px #000c;border-radius:16px;border:8px solid #3e2723}.start-screen{display:flex;justify-content:center;align-items:center;background:url(https://images.unsplash.com/photo-1557180295-76eee20ae8aa?auto=format&fit=crop&w=1000&q=80) center/cover}.start-content{background:var(--panel-bg);padding:40px 60px;border-radius:24px;text-align:center;box-shadow:0 10px 30px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid #8B4513}.game-title{font-size:50px;color:#2e8b57;margin:0 0 20px;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff;line-height:1.2}.game-title span{font-size:28px;color:#d2691e;display:block;margin-top:10px}.high-score-display{display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px;font-weight:700;color:#555;margin-bottom:30px}.btn-primary{background:linear-gradient(180deg,gold,orange);border:3px solid #B8860B;border-radius:50px;padding:15px 40px;font-size:24px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 6px #b8860b,0 10px 10px #0003;margin:0 auto}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #b8860b,0 12px 15px #0000004d;filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #b8860b,0 4px 5px #0003}.btn-primary:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.7}.hud-bar{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;z-index:100}.hud-item{background:#000000b3;color:#fff;padding:8px 20px;border-radius:25px;font-weight:700;font-size:20px;display:flex;align-items:center;gap:10px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000004d}.sun-counter{background:linear-gradient(180deg,#8b4513,#5c2e0b);border-color:gold;min-width:140px;justify-content:flex-start;padding-left:10px}.hud-sun-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 5px #FFD700)}.sun-amount{font-size:26px;color:gold;text-shadow:1px 1px 2px #000;margin-left:5px}.game-area{position:absolute;top:70px;left:60px;width:720px;height:450px}.grid-container{display:grid;grid-template-columns:repeat(9,80px);grid-template-rows:repeat(5,90px);width:100%;height:100%;box-shadow:inset 0 0 20px #00000080}.grid-cell{position:relative;cursor:default;border:1px solid rgba(0,0,0,.05)}.grass-texture{width:100%;height:100%;opacity:.9}.grid-cell.hover-plant:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;border:2px dashed white;z-index:10}.grid-cell.hover-shovel:hover:after{content:"❌ 铲除";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff00004d;border:2px dashed red;z-index:10;display:flex;justify-content:center;align-items:center;color:red;font-weight:700;font-size:18px;text-shadow:1px 1px 2px black}.entity{position:absolute;width:80px;height:90px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:left .1s linear;z-index:20}.entity img{max-width:95%;max-height:95%;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4))}.emoji-fallback{font-size:55px;line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.zombie{z-index:25}.zombie-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end}.cone-hat{position:absolute;top:-10px;width:40px;height:45px;background:linear-gradient(to right,#ff8c00,orange);clip-path:polygon(20% 100%,80% 100%,60% 0,40% 0);z-index:2;border-bottom:4px solid #CD6600}.hp-bar{position:absolute;bottom:2px;left:10%;width:80%;height:6px;background:#0009;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.hp-fill{height:100%;background:linear-gradient(90deg,#32cd32,#7fff00);transition:width .2s}.bullet{position:absolute;width:20px;height:20px;z-index:30;transition:left .05s linear;display:flex;justify-content:center;align-items:center}.pea-bullet{width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#7fff00,#228b22);border-radius:50%;box-shadow:2px 2px 4px #0006}.sun-drop{position:absolute;width:60px;height:60px;cursor:pointer;z-index:40;display:flex;justify-content:center;align-items:center;transition:transform .2s}.sun-img-pulse{width:100%;height:100%;object-fit:contain;animation:pulse 2s infinite alternate;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}@keyframes pulse{0%{transform:scale(.95);filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}to{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(255,215,0,1))}}.sun-drop:hover{transform:scale(1.2)!important}.floating-text{position:absolute;color:gold;font-size:24px;font-weight:700;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:50;pointer-events:none}.toolbar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:15px;align-items:center;background:#8b4513e6;padding:10px 20px;border-radius:12px;border:4px solid #5C2E0B;box-shadow:0 10px 20px #0009;z-index:100}.toolbar-title{position:absolute;top:-12px;left:20px;background:#5c2e0b;color:gold;font-size:12px;padding:2px 8px;border-radius:4px;font-weight:700;border:1px solid #8B4513}.plant-chooser{display:flex;gap:10px}.special-tools{display:flex;gap:10px;border-left:2px dashed rgba(255,255,255,.3);padding-left:15px}.plant-card,.tool-card{width:60px;height:80px;background:linear-gradient(180deg,#deb887,tan);border:2px solid #8B4513;border-radius:8px;position:relative;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 0;box-shadow:inset 0 0 10px #ffffff80,0 4px 6px #0000004d}.plant-card:hover:not(.disabled),.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0006}.plant-card.selected,.tool-card.selected{border-color:gold;box-shadow:0 0 15px gold,inset 0 0 10px #ffd70080;transform:translateY(-5px)}.plant-card.disabled{filter:grayscale(1) brightness(.5);cursor:not-allowed}.card-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.card-icon img{max-width:100%;max-height:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.card-icon .emoji-fallback{font-size:30px}.card-cost{font-size:14px;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:-5px;text-shadow:1px 1px 1px #000}.card-cost.affordable{color:#0f0}.card-cost.too-expensive{color:#ff4500}.card-name,.tool-label{font-size:10px;color:#333;font-weight:700;text-align:center;line-height:1}.tool-card{background:linear-gradient(180deg,#e0e0e0,#b0c4de);justify-content:center;gap:10px}.gameover-screen{background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gameover-modal{background:linear-gradient(180deg,#8b0000,#4a0000);border:6px solid #FF4500;padding:40px 60px;border-radius:20px;text-align:center;color:#fff;box-shadow:0 0 50px #ff000080}.gameover-modal h2{font-size:45px;margin:0 0 20px;text-shadow:3px 3px 0 #000;color:gold}.stats{font-size:24px;margin-bottom:30px;line-height:1.8;text-shadow:1px 1px 2px #000}.stats span{color:#0f0;font-weight:700;font-size:36px;margin-left:10px}