.adventure-app{--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--accent-gold: #f59e0b;--accent-green: #10b981;--accent-red: #ef4444;--border-color: #334155;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex;flex-direction:column;padding:0;margin:0;box-sizing:border-box}.adventure-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background-color:#1e293bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px}.brand-icon{color:var(--primary);width:28px;height:28px}.animate-spin-slow{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand h1{font-size:20px;font-weight:800;margin:0;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{background-color:#3b82f633;color:#93c5fd;font-size:11px;padding:2px 8px;border-radius:12px;border:1px solid rgba(59,130,246,.3)}.header-actions{display:flex;align-items:center;gap:16px}.timer-box{display:flex;align-items:center;gap:8px;background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:6px 14px;border-radius:20px;color:var(--accent-gold);font-family:monospace;font-size:16px;font-weight:700}.timer-icon{width:16px;height:16px;animation:pulse 2s infinite}.btn-menu{background-color:var(--border-color);color:var(--text-main);border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-menu:hover{background-color:#475569}.level-select-container{max-width:1200px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box}.intro-banner{text-align:center;margin-bottom:40px;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);padding:20px}.intro-banner h2{font-size:32px;margin-bottom:12px;color:#f8fafc}.intro-banner p{color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.level-card{background-color:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.level-card.unlocked{cursor:pointer}.level-card.unlocked:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 20px #3b82f626}.level-card.locked{opacity:.6;filter:grayscale(.8)}.level-card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.era-tag{font-weight:800;font-size:14px;color:#fff;background-color:#0000004d;padding:4px 10px;border-radius:20px}.year-tag{font-size:12px;color:#ffffffe6;font-weight:600}.level-card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1}.level-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.level-title-row h3{font-size:18px;margin:0;font-weight:700}.lock-icon{color:#64748b}.unlock-icon{color:var(--primary)}.done-icon{color:var(--accent-green)}.level-desc{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:20px;flex-grow:1}.level-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:16px}.stars-display{display:flex;gap:4px}.star-icon{width:18px;height:18px}.star-icon.active{color:var(--accent-gold);fill:var(--accent-gold)}.star-icon.inactive{color:#475569}.btn-play-level{background-color:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s}.level-card.unlocked:hover .btn-play-level{background-color:var(--primary);color:#fff}.gameplay-container{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;max-width:1400px;margin:0 auto;padding:24px;width:100%;box-sizing:border-box;flex-grow:1}@media (max-width: 1024px){.gameplay-container{grid-template-columns:1fr}}.panel-left,.panel-right{display:flex;flex-direction:column;gap:20px}.mission-card{background-color:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.mission-header{padding:20px;display:flex;align-items:center;gap:16px;color:#fff}.npc-avatar{background-color:#fff3;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-icon{width:24px;height:24px}.era-badge{font-size:12px;background-color:#00000040;padding:2px 8px;border-radius:10px;font-weight:700}.mission-header h3{margin:4px 0 2px;font-size:20px}.npc-info{font-size:13px;opacity:.9;margin:0}.mission-content{padding:20px;border-bottom:1px solid var(--border-color)}.mission-content h4{margin:0 0 8px;color:var(--accent-gold)}.mission-content p{margin:0;line-height:1.6;font-size:15px}.control-actions{padding:16px 20px;display:flex;gap:12px;background-color:#0000001a;flex-wrap:wrap}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-hint{background-color:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.btn-hint:hover:not(:disabled){background-color:var(--accent-gold);color:#fff}.btn-undo{background-color:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.btn-undo:hover:not(:disabled){background-color:#64748b;color:#fff}.btn-reset{background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.btn-reset:hover{background-color:var(--accent-red);color:#fff}.btn-action:disabled{opacity:.4;cursor:not-allowed}.submit-card{background-color:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border-color)}.submit-card h3{margin:0 0 4px;color:var(--accent-gold);font-size:18px}.submit-tip{color:var(--text-muted);font-size:13px;margin:0 0 12px}.answer-textarea{width:100%;height:80px;background-color:#0f172a99;border:1px solid var(--border-color);border-radius:8px;padding:12px;color:#fff;font-size:14px;resize:none;box-sizing:border-box;margin-bottom:12px}.answer-textarea:focus{outline:none;border-color:var(--primary)}.btn-submit-answer{width:100%;background:linear-gradient(to right,#f59e0b,#d97706);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-submit-answer:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-submit-answer.success{background:var(--accent-green);cursor:default}.feedback-box{margin-top:16px;padding:16px;border-radius:8px;border:1px solid}.feedback-box.success{background-color:#10b98126;border-color:#10b9814d;color:#a7f3d0}.feedback-box.fail{background-color:#ef444426;border-color:#ef44444d;color:#fca5a5}.feedback-title{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px}.feedback-icon{width:18px;height:18px}.feedback-text{margin:0;font-size:14px;line-height:1.5}.victory-stats{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.victory-stats p{margin:4px 0;font-size:14px}.stars-row{display:flex;align-items:center;gap:6px;margin:8px 0}.btn-next-level{margin-top:12px;width:100%;background-color:var(--accent-green);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-next-level:hover{background-color:#059669}.chat-card{background-color:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);height:580px;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.chat-icon{color:var(--primary)}.chat-header h3{margin:0;font-size:16px}.chat-subtitle{font-size:11px;color:var(--text-muted);margin-left:auto}.chat-history{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background-color:#0f172a4d}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:0 20px}.empty-icon{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-tip{font-size:12px;background-color:#ffffff0d;padding:8px 12px;border-radius:8px;border:1px dashed rgba(255,255,255,.1);margin-top:12px}.chat-item-group{display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}.chat-bubble.user{align-self:flex-end;background-color:var(--primary);color:#fff;border-bottom-right-radius:2px}.chat-bubble.npc{align-self:flex-start;background-color:#ffffff14;color:var(--text-main);border-bottom-left-radius:2px;border:1px solid rgba(255,255,255,.05)}.bubble-sender{font-size:11px;font-weight:700;margin-bottom:4px;opacity:.8}.chat-bubble.user .bubble-sender{text-align:right}.dot-loader{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--text-muted);margin-right:4px;animation:dotPulse 1.5s infinite ease-in-out}.dot-loader:nth-child(2){animation-delay:.2s}.dot-loader:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.chat-input-area{padding:16px;border-top:1px solid var(--border-color);display:flex;gap:12px;background-color:var(--bg-card)}.chat-input{flex-grow:1;background-color:#0f172a99;border:1px solid var(--border-color);border-radius:8px;padding:10px 16px;color:#fff;font-size:14px}.chat-input:focus{outline:none;border-color:var(--primary)}.btn-send{background-color:var(--primary);color:#fff;border:none;width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-send:hover:not(:disabled){background-color:var(--primary-hover);transform:scale(1.05)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #00000080;text-align:center}.modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.modal-icon{width:48px;height:48px}.modal-header h3{margin:0;font-size:20px}.hint-text{font-size:15px;line-height:1.6;color:#e2e8f0;background-color:#0003;padding:16px;border-radius:8px;border-left:4px solid var(--accent-gold);text-align:left}.btn-close-modal{margin-top:20px;background-color:var(--primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer}.btn-close-modal:hover{background-color:var(--primary-hover)}