@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700;800&display=swap";body{margin:0;background-color:#fff8e7;font-family:Quicksand,PingFang SC,system-ui,sans-serif;color:#2c3e50}.game-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px 25px;border-radius:24px;box-shadow:0 8px #0000000d,0 4px 20px #0000000d;border:3px solid #2C3E50;margin-bottom:25px}.logo-area{display:flex;align-items:center;gap:12px}.logo-emoji{font-size:32px;animation:bounce 2s infinite}.game-title{font-size:28px;font-weight:800;margin:0;color:#2c3e50;transform:rotate(-1deg)}.badge-ai{background-color:#ff6b9d;color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:2px solid #2C3E50}.btn-back{background-color:#4ecdc4;color:#fff;border:3px solid #2C3E50;padding:8px 16px;border-radius:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px #2c3e50;transition:all .1s ease}.btn-back:active{transform:translateY(4px);box-shadow:none}.level-select-screen{display:flex;flex-direction:column;gap:25px}.welcome-card{background-color:#ffd93d;border:3px solid #2C3E50;border-radius:24px;padding:25px;box-shadow:0 8px #2c3e50}.welcome-card h2{margin-top:0;font-weight:800;font-size:24px}.welcome-card p{font-size:16px;line-height:1.6;margin-bottom:0}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.level-card{background-color:#fff;border:3px solid #2C3E50;border-radius:24px;padding:20px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px #2c3e50;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.level-card.unlocked:hover{transform:translateY(-5px)}.level-card.locked{background-color:#e2e8f0;opacity:.8;cursor:not-allowed}.level-badge{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:2px solid #2C3E50;background-color:#fff}.difficulty-简单 .level-badge{background-color:#4ecdc4;color:#fff}.difficulty-中等 .level-badge{background-color:#ff8a65;color:#fff}.difficulty-困难 .level-badge{background-color:#ff6b9d;color:#fff}.pet-avatar{font-size:54px;margin:15px 0}.level-name{font-size:18px;font-weight:800;margin:10px 0;min-height:50px}.stars-row{display:flex;gap:4px;margin-bottom:15px;justify-content:center}.btn-play{background-color:#ffd93d;color:#2c3e50;border:2px solid #2C3E50;padding:6px 16px;border-radius:12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;box-shadow:0 4px #2c3e50}.lock-msg{color:#718096;font-size:14px;font-weight:500;margin-top:15px}.completed-check{position:absolute;bottom:-10px;right:-10px;border-radius:50%;box-shadow:0 4px 10px #0000001a}.gameplay-screen{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;flex:1}@media (max-width: 900px){.gameplay-screen{grid-template-columns:1fr}}.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px}.panel-header{display:flex;justify-content:space-between;align-items:center}.level-indicator{font-size:20px;font-weight:800;background-color:#5b9bd5;color:#fff;padding:6px 16px;border-radius:16px;border:3px solid #2C3E50}.timer-box{background-color:#fff;border:3px solid #2C3E50;padding:6px 16px;border-radius:16px;display:flex;align-items:center;gap:8px;font-weight:800;color:#ff6b9d}.scenario-card{background-color:#fff;border:3px solid #2C3E50;border-radius:24px;padding:20px;box-shadow:0 8px #2c3e50}.scenario-pet-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.scenario-avatar{font-size:40px;background-color:#fff8e7;padding:10px;border-radius:16px;border:2px solid #2C3E50}.scenario-pet-header h3{margin:0;font-size:18px;font-weight:800}.scenario-desc{margin:2px 0 0;font-size:14px;color:#718096}.scenario-text{font-size:16px;line-height:1.6;margin:0;color:#4a5568}.investigation-area{background-color:#fff;border:3px solid #2C3E50;border-radius:24px;padding:20px;box-shadow:0 8px #2c3e50;display:flex;flex-direction:column;flex:1;min-height:350px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title-row h4{margin:0;font-size:18px;font-weight:800}.action-buttons{display:flex;gap:8px}.btn-action{border:2px solid #2C3E50;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:0 3px #2c3e50}.btn-undo{background-color:#e2e8f0;color:#4a5568}.btn-reset{background-color:#ff8a65;color:#fff}.btn-action:active:not(:disabled){transform:translateY(3px);box-shadow:none}.btn-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chat-history{flex:1;background-color:#f7fafc;border:2px solid #E2E8F0;border-radius:16px;padding:15px;overflow-y:auto;max-height:250px;display:flex;flex-direction:column;gap:12px}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:#a0aec0}.bounce-icon{animation:bounce 2s infinite;margin-bottom:10px}.chat-bubble-group{display:flex;flex-direction:column;gap:6px}.bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;max-width:85%;border:2px solid #2C3E50}.bubble-user{background-color:#ebf8ff;align-self:flex-start;border-bottom-left-radius:4px}.bubble-ai{background-color:#e6fffa;align-self:flex-end;border-bottom-right-radius:4px}.bubble-role{font-weight:800;margin-right:4px}.question-form{display:flex;gap:10px;margin-top:15px}.question-form input{flex:1;border:3px solid #2C3E50;border-radius:16px;padding:12px 16px;font-size:15px;outline:none;font-family:inherit}.btn-send{background-color:#ffd93d;border:3px solid #2C3E50;border-radius:16px;width:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #2c3e50}.btn-send:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn-send:disabled{background-color:#e2e8f0;cursor:not-allowed;box-shadow:none}.hint-card{background-color:#fff9e6;border:3px solid #2C3E50;border-radius:24px;padding:20px;box-shadow:0 8px #2c3e50}.hint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hint-header h4{margin:0;font-size:18px;font-weight:800}.hint-counter{background-color:#ffd93d;border:2px solid #2C3E50;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.hint-desc{font-size:14px;color:#718096;margin:0 0 15px}.btn-hint{width:100%;background-color:#ff8a65;color:#fff;border:3px solid #2C3E50;border-radius:16px;padding:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px #2c3e50}.btn-hint:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn-hint:disabled{background-color:#cbd5e0;cursor:not-allowed;box-shadow:none}.rescue-plan-card{background-color:#fff;border:3px solid #2C3E50;border-radius:24px;padding:20px;box-shadow:0 8px #2c3e50;display:flex;flex-direction:column;flex:1}.plan-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.plan-header h4{margin:0;font-size:18px;font-weight:800}.icon-heart{color:#ff6b9d;animation:pulse 1.5s infinite}.plan-desc{font-size:14px;color:#718096;margin:0 0 15px}.rescue-plan-card textarea{flex:1;border:3px solid #2C3E50;border-radius:16px;padding:15px;font-size:15px;font-family:inherit;resize:none;outline:none;min-height:120px;background-color:#fffdf9}.btn-submit-plan{margin-top:15px;background-color:#ffd93d;color:#2c3e50;border:3px solid #2C3E50;border-radius:16px;padding:12px;font-weight:800;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px #2c3e50;transition:all .1s ease}.btn-submit-plan:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #2c3e50}.btn-submit-plan:disabled{background-color:#e2e8f0;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2c3e50b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background-color:#fff;border:4px solid #2C3E50;border-radius:32px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 12px #00000026}.modal-header-decor{padding:15px;text-align:center;font-size:22px;font-weight:800;color:#fff;border-bottom:4px solid #2C3E50}.modal-content.success .modal-header-decor{background-color:#4ecdc4}.modal-content.fail .modal-header-decor{background-color:#ff8a65}.modal-body{padding:30px 25px;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-pet-emoji{font-size:64px;margin-bottom:15px}.success-stars{display:flex;gap:10px;margin-bottom:15px}.star-bounce{animation:pop .5s cubic-bezier(.175,.885,.32,1.275) both}.fail-icon{margin-bottom:15px;animation:shake .5s ease-in-out}.time-spent{background-color:#edf2f7;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#4a5568;margin-bottom:20px}.feedback-box{background-color:#fffdf9;border:2px dashed #CBD5E0;border-radius:16px;padding:15px;width:100%;box-sizing:border-box;margin-bottom:25px}.feedback-text{font-size:15px;line-height:1.6;margin:0;color:#4a5568}.modal-actions{display:flex;gap:12px;width:100%}.btn-modal{flex:1;border:3px solid #2C3E50;padding:12px;border-radius:16px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 4px #2c3e50}.btn-modal:active{transform:translateY(4px);box-shadow:none}.btn-primary{background-color:#ffd93d;color:#2c3e50}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-retry{background-color:#4ecdc4;color:#fff}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}