:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--secondary-hover: #db2777;--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .75);--text-main: #f8fafc;--text-muted: #94a3b8;--green: #10b981;--red: #ef4444;--yellow: #f59e0b;--orange: #f97316;--purple: #a855f7}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}.game-container{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:radial-gradient(circle at center,#1e1b4b,#0f172a);overflow:hidden;box-sizing:border-box}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none}.bg-glow-1{width:300px;height:300px;background:var(--primary);top:10%;left:15%}.bg-glow-2{width:400px;height:400px;background:var(--purple);bottom:10%;right:15%}.game-card{width:100%;max-width:680px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 40px #0000004d;padding:24px;z-index:10;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px;margin-bottom:20px}.logo{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:var(--text-main)}.logo-icon{color:var(--primary);animation:pulse 2s infinite}.stats{display:flex;align-items:center;gap:12px}.stat-badge{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 12px;border-radius:12px;font-size:.9rem;font-weight:600}.stat-icon{width:16px;height:16px}.text-yellow{color:var(--yellow)}.text-orange{color:var(--orange)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-purple{color:var(--purple)}.lives-container{display:flex;gap:4px}.heart-icon{width:20px;height:20px;transition:transform .3s ease}.heart-full{color:var(--red);fill:var(--red);filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.heart-empty{color:var(--text-muted);opacity:.3}.screen{display:flex;flex-direction:column;align-items:center;text-align:center}.start-screen{padding:30px 10px}.hero-icon-wrapper{background:#6366f11a;border-radius:50%;padding:24px;margin-bottom:24px;border:1px solid rgba(99,102,241,.2)}.hero-icon{width:64px;height:64px;color:var(--primary)}.title{font-size:2.2rem;font-weight:800;margin-bottom:12px;background:linear-gradient(to right,#a5b4fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1.05rem;line-height:1.6;max-width:460px;margin-bottom:32px}.mode-selector{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 6px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 18px #6366f166}.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-hover) 100%);color:#fff;box-shadow:0 6px 12px #ec48994d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 18px #ec489966}.btn-outline{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main)}.btn-outline:hover{background:#ffffff1a}.btn-lg{padding:14px 28px;font-size:1.05rem}.quiz-screen{align-items:stretch;text-align:left}.progress-bar-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;position:relative}.progress-bar{height:8px;background:var(--primary);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:2}.progress-bar-container:before{content:"";position:absolute;left:0;right:80px;height:8px;background:#ffffff0d;border-radius:4px;z-index:1}.progress-text{font-size:.85rem;color:var(--text-muted);white-space:nowrap;z-index:2}.question-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-bottom:16px}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-tag{background:#6366f126;color:#a5b4fc;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.action-buttons{display:flex;gap:8px}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-main)}.action-btn.active{background:var(--primary);color:#fff;animation:pulse 1.5s infinite}.question-text{font-size:1.2rem;line-height:1.5;margin:0;color:var(--text-main)}.ai-hint-box{background:#a855f714;border:1px dashed rgba(168,85,247,.3);border-radius:12px;padding:12px 16px;margin-bottom:16px}.ai-hint-header{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#d8b4fe;margin-bottom:4px}.ai-hint-content{font-size:.9rem;color:#e9d5ff;margin:0;line-height:1.4}.options-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.option-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;align-items:center;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-main);position:relative}.option-btn:hover:not(.disabled):not(.correct):not(.incorrect){background:#ffffff14;border-color:var(--primary);transform:translate(4px)}.option-letter{font-weight:700;color:var(--primary);margin-right:12px;font-size:1.1rem}.option-text{flex-grow:1;font-size:.95rem;line-height:1.4}.feedback-icon{width:20px;height:20px;margin-left:8px}.option-btn.correct{background:#10b98126;border-color:var(--green)}.option-btn.incorrect{background:#ef444426;border-color:var(--red)}.option-btn.disabled{opacity:.5;cursor:not-allowed}.feedback-card{border-radius:16px;padding:18px;margin-top:10px;border:1px solid transparent}.bg-green-light{background:#10b98114;border-color:#10b98133}.bg-red-light{background:#ef444414;border-color:#ef444433}.feedback-title{font-size:1.05rem;margin:0 0 8px}.explanation{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0 0 16px}.btn-next{background:var(--text-main);color:var(--bg-dark);padding:10px 20px;border-radius:10px;font-size:.9rem;gap:6px;float:right;border:none;cursor:pointer;display:flex;align-items:center}.btn-next:hover{background:#fff;transform:translate(2px)}.match-screen{align-items:stretch}.match-instructions{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:12px 16px;border-radius:12px;font-size:.9rem;margin-bottom:20px;border-left:4px solid var(--secondary)}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.match-card-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.match-card-item:hover:not(:disabled){border-color:var(--secondary);background:#ffffff0f}.match-card-item.selected{border-color:var(--secondary);background:#ec48991a;box-shadow:0 0 12px #ec489933}.match-card-item.matched{border-color:var(--green);background:#10b9811a;opacity:.6;cursor:default}.match-card-item.error{border-color:var(--red);background:#ef444426;animation:shake .5s ease-in-out}.card-badge{font-size:.75rem;padding:2px 8px;border-radius:8px;margin-bottom:8px;font-weight:700}.card-badge.question{background:#6366f133;color:#a5b4fc}.card-badge.answer{background:#ec489933;color:#fbcfe8}.card-text{font-size:.9rem;margin:0;line-height:1.4;color:var(--text-main);word-break:break-all}.match-footer{display:flex;justify-content:center}.end-screen{padding:30px 10px}.trophy-wrapper{background:#f59e0b1a;border-radius:50%;padding:20px;margin-bottom:20px;border:1px solid rgba(245,158,11,.2)}.end-trophy-icon{width:56px;height:56px;color:var(--yellow)}.end-title{font-size:2rem;font-weight:800;margin-bottom:8px}.end-subtitle{color:var(--text-muted);margin-bottom:24px}.score-summary{display:flex;gap:20px;margin-bottom:32px;width:100%;max-width:360px}.summary-item{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px}.summary-label{font-size:.85rem;color:var(--text-muted)}.summary-value{font-size:1.8rem;font-weight:800}.end-actions{display:flex;gap:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-pulse{animation:pulse 2s infinite}.animate-spin-slow{animation:spin 4s linear infinite}.animate-bounce-slow{animation:bounce 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mr-2{margin-right:8px}