.app-container{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#1e1b4b,#311042);color:#f8fafc;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;padding:0;margin:0}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo-area{display:flex;align-items:center;gap:12px}.logo-emoji{font-size:2.5rem;animation:bounce 2s infinite}.logo-area h1{font-size:1.5rem;margin:0;background:linear-gradient(90deg,#ff7e5f,#feb47b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:.85rem;color:#94a3b8;margin:2px 0 0}.tab-buttons{display:flex;gap:10px}.tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:700}.tab-btn:hover{background:#ffffff26;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.app-main{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.sandbox-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;height:calc(100vh - 140px)}.control-panel{display:flex;flex-direction:column;gap:15px;overflow-y:auto}.panel-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.panel-card h3{margin-top:0;margin-bottom:12px;font-size:1.1rem;color:#f472b6;display:flex;align-items:center;gap:6px}.expression-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.expr-btn{background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.expr-btn:hover{background:#ffffff1a}.expr-btn.active{border-color:#a78bfa;background:#8b5cf633}.expr-emoji{font-size:1.5rem}.expr-desc{font-size:.8rem;color:#94a3b8;margin:8px 0 0;text-align:center}.control-group{margin-bottom:12px}.control-group label{display:block;font-size:.9rem;margin-bottom:6px;color:#cbd5e1}.control-group input[type=range]{width:100%;accent-color:#ec4899}.toggle-group{display:flex;gap:10px}.toggle-btn,.action-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px;border-radius:8px;cursor:pointer;font-size:.85rem}.toggle-btn.active{background:#22c55e33;border-color:#22c55e}.action-btn{background:#ec489933;border-color:#ec4899}.dialog-box{background:#0f172acc;border-left:4px solid #f472b6}.dialog-header{display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8;margin-bottom:6px}.speak-icon{cursor:pointer;color:#f472b6}.dialog-text{font-size:.95rem;line-height:1.4;margin:0;color:#e2e8f0}.save-btn{background:linear-gradient(90deg,#10b981,#059669);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.save-btn:hover{transform:scale(1.02)}.stage-container{background:#0f172a;border:2px dashed rgba(255,255,255,.15);border-radius:20px;overflow:hidden;position:relative}.stage{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:40px;box-sizing:border-box}.stage-sky{position:absolute;top:0;left:0;right:0;bottom:80px;background:radial-gradient(circle at 50% 30%,#3b0764,#0f172a);z-index:1}.stage-ground{position:absolute;bottom:0;left:0;right:0;height:80px;background:#1e293b;border-top:4px solid #334155;z-index:2}.drag-hint{position:absolute;top:15px;background:#0009;padding:6px 12px;border-radius:15px;font-size:.8rem;color:#f472b6;z-index:3}.character-jiahe{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;transform:translateY(10px)}.jiahe-head-container{width:90px;height:90px;background:#ffedd5;border-radius:50%;border:3px solid #f97316;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000004d}.jiahe-expression{font-size:3rem}.jiahe-hair{position:absolute;top:-8px;width:80px;height:25px;background:#1e293b;border-radius:40px 40px 0 0}.jiahe-glasses{position:absolute;top:30px;font-size:2rem;pointer-events:none}.jiahe-name{position:absolute;bottom:-25px;background:#f97316;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;font-weight:700}.jiahe-body{font-size:4rem;line-height:1;margin-top:-10px}.character-ultraman{position:absolute;top:120px;z-index:10;cursor:grab;display:flex;flex-direction:column;align-items:center}.character-ultraman:active{cursor:grabbing}.ultraman-head{width:70px;height:75px;background:#e2e8f0;border:3px solid #ef4444;border-radius:35px 35px 25px 25px;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0003}.ultraman-eye{position:absolute;top:25px;width:18px;height:24px;background:#fef08a;border-radius:50% 50% 40% 40%;border:2px solid #eab308}.ultraman-eye.left{left:10px;transform:rotate(-10deg)}.ultraman-eye.right{right:10px;transform:rotate(10deg)}.ultraman-eye.glow{background:#fef08a;box-shadow:0 0 15px #facc15,0 0 5px #facc15 inset}.ultraman-crest{position:absolute;top:-15px;font-size:1.5rem;color:#ef4444}.ultraman-mouth{position:absolute;bottom:15px;color:#94a3b8;font-weight:700}.ultraman-body{width:50px;height:60px;background:#ef4444;border:3px solid #e2e8f0;border-radius:15px;margin-top:-5px;position:relative;display:flex;justify-content:center;align-items:center}.color-timer{font-size:1.2rem;animation:pulse 1s infinite}.ultraman-limbs{position:absolute;bottom:-10px;font-size:1.5rem}.drag-handle{background:#3b82f6;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:8px;margin-top:5px}.game-layout{display:grid;grid-template-columns:1fr 2fr;gap:20px;height:calc(100vh - 140px)}.game-sidebar{display:flex;flex-direction:column;gap:15px}.score-board{display:flex;gap:10px}.score-item{flex:1;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;text-align:center}.score-item .label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:4px}.score-item .value{font-size:1.8rem;font-weight:700}.text-yellow{color:#facc15}.text-green{color:#4ade80}.start-game-btn{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.stop-game-btn{background:#ef4444;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.game-stage-container{display:flex;flex-direction:column;gap:10px}.game-stage{flex:1;background:#0f172a;border-radius:20px;border:3px solid #334155;position:relative;overflow:hidden}.game-sky-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1e1b4b,#0f172a)}.obstacle{position:absolute;font-size:2rem;transform:translate(-50%,-50%);z-index:5}.game-player-group{position:absolute;bottom:20px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);z-index:10}.game-ultraman{margin-bottom:-5px}.mini-ultraman{background:#e2e8f0;border:2px solid #ef4444;border-radius:12px;padding:4px 8px;font-size:.7rem;color:#1e293b;font-weight:700;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000004d}.mini-ultraman .eyes{font-size:.9rem}.mini-ultraman .timer{font-size:.6rem}.game-jiahe{display:flex;flex-direction:column;align-items:center}.game-jiahe-head{font-size:2.5rem;background:#ffedd5;border:2px solid #f97316;border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center}.game-jiahe-body{font-size:2.5rem;line-height:1;margin-top:-5px}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;justify-content:center;align-items:center;z-index:20}.overlay-content{text-align:center;padding:20px}.overlay-content h2{font-size:1.8rem;margin-bottom:10px;color:#f472b6}.final-score{font-size:1.2rem;color:#facc15;margin-bottom:20px}.overlay-play-btn{background:linear-gradient(90deg,#ec4899,#8b5cf6);color:#fff;border:none;padding:12px 30px;font-size:1.1rem;border-radius:25px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #8b5cf666}.mobile-controls{display:flex;gap:15px}.control-dir-btn{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:15px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.control-dir-btn:active{background:#fff3}.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100vh - 140px)}.ai-input-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px}.ai-desc{font-size:.9rem;color:#94a3b8;margin:0}.prompt-textarea-wrapper{background:#0f172a99;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}.prompt-input{width:100%;height:100px;background:transparent;border:none;color:#fff;font-size:.95rem;resize:none;outline:none}.quick-prompts{display:flex;flex-direction:column;gap:8px}.quick-title{font-size:.8rem;color:#94a3b8}.quick-prompts button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;padding:6px 12px;border-radius:8px;text-align:left;cursor:pointer;font-size:.85rem;transition:all .2s}.quick-prompts button:hover{background:#ffffff1f;color:#fff}.generate-btn{background:linear-gradient(90deg,#ec4899,#8b5cf6);color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-preview-card{background:#0f172a80;border:2px dashed rgba(255,255,255,.1);border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.empty-preview{text-align:center;color:#64748b;padding:20px}.empty-icon{margin-bottom:15px;color:#475569}.generated-image-container{width:100%;height:100%;position:relative}.generated-img{width:100%;height:100%;object-fit:cover}.img-overlay-tag{position:absolute;bottom:15px;left:15px;background:#000000b3;padding:6px 12px;border-radius:20px;font-size:.85rem;color:#f472b6}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.sandbox-layout,.game-layout,.ai-layout{grid-template-columns:1fr;height:auto}.app-header{flex-direction:column;gap:10px;padding:10px}.stage-container,.game-stage{height:350px}}