:root{--primary-yellow: #FFD93D;--primary-blue: #5B9BD5;--primary-red: #FF6B6B;--primary-green: #4ECDC4;--bg-color: #FFF8E7;--text-dark: #2C3E50;--text-light: #FFFFFF;--shadow-color: rgba(44, 62, 80, .15);--font-main: "Quicksand", "PingFang SC", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-dark);overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:20px}.cloud-sync-badge{position:absolute;top:16px;left:16px;background:#fffc;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary-blue);box-shadow:0 2px 10px #0000000d;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary{background:var(--primary-yellow);color:var(--text-dark);border:none;padding:16px 32px;border-radius:999px;font-size:18px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 6px #e5c336,0 10px 20px var(--shadow-color);transition:filter .2s;font-family:inherit}.btn-primary:active{box-shadow:0 0 #e5c336,0 2px 5px var(--shadow-color);transform:translateY(6px)!important}.btn-primary.btn-large{font-size:24px;padding:20px 40px}.btn-danger{background:var(--primary-red);color:#fff;border:none;padding:12px 24px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 4px #d95353;margin-top:16px}.btn-danger:active{box-shadow:0 0 #d95353;transform:translateY(4px)}.start-screen{background:radial-gradient(circle at center,#FFF,var(--bg-color))}.title-container{text-align:center;margin-bottom:40px;transform:rotate(-2deg)}.title-container h1{font-size:48px;color:var(--primary-blue);text-shadow:3px 3px 0px var(--primary-yellow);margin-bottom:10px}.title-container .subtitle{font-size:18px;color:#666;font-weight:700}.high-score-card{background:#fff;padding:16px 32px;border-radius:24px;display:flex;align-items:center;gap:16px;margin-bottom:40px;box-shadow:0 8px #e2e8f0;border:2px solid #F1F5F9}.high-score-card .label{font-size:14px;color:#94a3b8;font-weight:700;text-transform:uppercase}.high-score-card .value{font-size:28px;font-weight:900;color:var(--text-dark)}.game-screen{justify-content:flex-start;padding:20px;max-width:1000px;margin:0 auto}.game-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:12px 24px;border-radius:999px;box-shadow:0 4px 15px #0000000d}.stat-pill{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.stat-pill.energy{flex:1;max-width:200px;margin-left:20px}.energy-bar-bg{flex:1;height:12px;background:#edf2f7;border-radius:6px;overflow:hidden}.energy-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.game-main{display:flex;width:100%;gap:20px;flex:1;min-height:0}.teacher-area{flex:0 0 250px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.speech-bubble{background:#fff;padding:16px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 4px 15px #0000001a;position:relative;margin-bottom:20px;text-align:center;border:2px solid #E2E8F0;width:100%}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:white transparent transparent transparent}.speech-bubble.angry{border-color:var(--primary-red);color:var(--primary-red);animation:pulse 1s infinite}.teacher-avatar{width:200px;height:200px;border-radius:50%;background:#fff;box-shadow:0 10px 30px #0000001a;overflow:hidden;border:6px solid white;display:flex;align-items:center;justify-content:center}.teacher-avatar img{width:100%;height:100%;object-fit:cover}.svg-placeholder{width:80%;height:80%}.desk-area{flex:1;background-size:cover;background-position:center;border-radius:32px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 50px #0000001a,0 10px 30px #0000001a;overflow:hidden;border:4px solid white}.desk-bg-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffe0b2,#ffcc80);z-index:-1}.current-hw-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:24px;width:80%;max-width:400px;box-shadow:0 15px 35px #00000026;text-align:center;border:2px solid rgba(255,255,255,.5)}.hw-header{display:flex;justify-content:center;gap:10px;margin-bottom:16px}.subject-tag{padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;color:#fff}.subject-tag.数学{background:var(--primary-blue)}.subject-tag.语文{background:var(--primary-red)}.subject-tag.英语{background:var(--primary-green)}.hw-type{padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;background:#edf2f7;color:#4a5568}.hw-desc{font-size:20px;margin-bottom:24px;line-height:1.4}.progress-container{margin-bottom:24px;text-align:left}.progress-text{font-size:14px;font-weight:700;color:#718096;margin-bottom:8px}.progress-bar-bg{height:20px;background:#edf2f7;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-yellow),#FFC107);border-radius:10px}.write-btn{width:100%;justify-content:center;font-size:20px;padding:20px}.event-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:24px;box-shadow:0 20px 50px #0000004d;text-align:center;z-index:10;border:4px solid var(--primary-red);width:80%;max-width:350px}.event-popup h3{margin:16px 0;font-size:20px;color:var(--text-dark)}.timer-bar{height:8px;background:#edf2f7;border-radius:4px;overflow:hidden;margin-bottom:16px}.timer-fill{height:100%;background:var(--primary-red)}.hw-list-container{width:100%;margin-top:20px;background:#fff;padding:20px;border-radius:24px;box-shadow:0 4px 15px #0000000d}.hw-list-container h3{margin-bottom:16px;font-size:18px;display:flex;align-items:center;gap:8px}.hw-list{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.hw-list-item{flex:0 0 auto;display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px 20px;border-radius:16px;border:2px solid transparent;transition:all .2s}.hw-list-item.active{border-color:var(--primary-blue);background:#eff6ff}.hw-list-item.completed{opacity:.6;background:#f1f5f9}.hw-icon{color:#94a3b8}.hw-list-item.active .hw-icon{color:var(--primary-blue)}.hw-info{display:flex;flex-direction:column}.hw-subject{font-weight:700;font-size:16px}.hw-reward{font-size:12px;color:#f59e0b;font-weight:700}.check-mark{color:var(--primary-green);font-weight:700;font-size:18px;margin-left:auto}.gameover-screen{background:#fff8e7e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-card{background:#fff;padding:40px;border-radius:32px;text-align:center;box-shadow:0 20px 50px #0000001a;max-width:400px;width:100%;border:4px solid white}.badge-img{width:120px;height:120px;margin:0 auto 20px;display:block;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.badge-fallback{margin:0 auto 20px}.result-card h2{font-size:28px;margin-bottom:30px;color:var(--text-dark)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.stat-box{background:#f8fafc;padding:16px;border-radius:16px}.stat-box .label{font-size:14px;color:#64748b;font-weight:700;margin-bottom:8px}.stat-box .value{font-size:24px;font-weight:900}.stat-box .value.highlight{color:var(--primary-yellow);font-size:32px}.hw-summary{font-size:16px;font-weight:700;color:#475569;margin-bottom:30px;background:#f1f5f9;padding:12px;border-radius:12px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-2deg)}75%{transform:translate(5px) rotate(2deg)}}.shake{animation:shake .4s ease-in-out infinite}