:root{--parchment: #f4e4bc;--ink: #2c1e12;--gold: #d4af37;--gold-dark: #aa8a2e;--accent: #8b4513;--success: #2d6a4f;--error: #a4161a}.app-container{min-height:100vh;background:radial-gradient(circle at center,#fff9eb,#f4e4bc);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow-x:hidden;padding:20px}.parchment-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png);opacity:.4;z-index:1}.game-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:2px solid rgba(139,69,19,.1)}.cloud-sync{font-size:12px;color:#666;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;background:#4caf50;border-radius:50%;box-shadow:0 0 5px #4caf50}.stats-group{display:flex;gap:15px}.stat-item{display:flex;align-items:center;gap:6px;font-weight:700;background:#ffffff80;padding:4px 12px;border-radius:20px;border:1px solid var(--gold)}.main-content{position:relative;z-index:5;max-width:600px;margin:40px auto}.screen{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-visual{display:flex;gap:20px;margin-bottom:20px;color:var(--gold)}.svg-icon{width:80px;height:80px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.title{font-size:2.5rem;margin:10px 0;background:linear-gradient(to bottom,var(--ink),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.subtitle{color:#6d4c41;margin-bottom:30px}.badge-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}.badge-pill{background:var(--gold);color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;border:none;padding:15px 40px;font-size:1.2rem;border-radius:30px;cursor:pointer;box-shadow:0 6px 15px #aa8a2e4d;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #aa8a2e66}.quiz-top{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.progress-container{flex:1;margin-right:20px}.progress-label{font-size:12px;margin-bottom:6px;text-align:left;color:var(--accent)}.progress-bar{height:8px;background:#0000000d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gold)}.lives-display{display:flex;gap:5px}.heart-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.question-card{background:#fff;width:100%;padding:30px;border-radius:20px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(212,175,55,.2);margin-bottom:20px}.q-category{color:var(--gold);font-weight:700;font-size:14px;text-transform:uppercase;margin-bottom:10px}.q-text{font-size:1.4rem;line-height:1.4;margin-bottom:25px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-btn{padding:15px;border:2px solid #eee;border-radius:12px;background:transparent;cursor:pointer;transition:all .2s;font-size:1rem}.option-btn:hover:not(:disabled){border-color:var(--gold);background:#d4af370d}.option-btn.correct{background:var(--success);color:#fff;border-color:var(--success)}.option-btn.wrong{background:var(--error);color:#fff;border-color:var(--error)}.option-btn.correct-outline{border-color:var(--success);color:var(--success)}.ai-feedback-box{width:100%;background:#ffffffb3;padding:15px;border-radius:15px;border-left:4px solid var(--gold);text-align:left;margin-bottom:20px}.ai-header{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent);margin-bottom:5px;font-weight:700}.ai-text{font-size:14px;line-height:1.5;color:#555;font-style:italic}.btn-next{background:var(--ink);color:#fff;border:none;padding:12px 25px;border-radius:25px;display:flex;align-items:center;gap:8px;cursor:pointer}.spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-circle{width:150px;height:150px;border:8px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;background:#fff;box-shadow:0 10px 20px #0000001a}.score-value{font-size:3rem;font-weight:700;color:var(--gold)}.rewards-section{width:100%;margin:30px 0}.badge-grid{display:flex;justify-content:center;gap:20px;margin-top:15px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:8px}.badge-icon{width:60px;height:60px;background:var(--gold);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #d4af3766}.mini-history{margin-top:40px;width:100%;text-align:left;background:#00000008;padding:15px;border-radius:10px}.history-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:13px}.btn-secondary{background:transparent;border:2px solid var(--ink);padding:10px 25px;border-radius:25px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700}