.poem-page[data-v-306ac9e4]{min-height:100vh;background:#fdf8f0;background-image:radial-gradient(circle at 10% 20%,rgba(194,62,50,.03) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(212,175,55,.05) 0,transparent 50%);color:#2d2d2d;font-family:"Noto Serif SC",KaiTi,serif}.container[data-v-306ac9e4]{max-width:500px;min-height:100vh;margin:0 auto;padding:20px;display:flex;flex-direction:column}.game-header[data-v-306ac9e4],.header[data-v-306ac9e4],.records-header[data-v-306ac9e4]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(194,62,50,.15);margin-bottom:20px}.logo-section[data-v-306ac9e4]{display:flex;align-items:center;gap:12px}.logo-img[data-v-306ac9e4]{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#c23e32,#8b2320);display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:28px;font-weight:700}.best-combo[data-v-306ac9e4],.brand-name[data-v-306ac9e4],.btn-home[data-v-306ac9e4],.btn-next[data-v-306ac9e4],.btn-records[data-v-306ac9e4],.btn-restart[data-v-306ac9e4],.combo-display[data-v-306ac9e4],.final-score[data-v-306ac9e4],.hero-title[data-v-306ac9e4],.record-score-value[data-v-306ac9e4],.records-title[data-v-306ac9e4],.result-title[data-v-306ac9e4],.score-value[data-v-306ac9e4],.start-btn[data-v-306ac9e4]{font-family:KaiTi,serif;font-weight:700}.brand-name[data-v-306ac9e4],.hero-title[data-v-306ac9e4],.records-title[data-v-306ac9e4],.result-title[data-v-306ac9e4]{color:#c23e32}.brand-name[data-v-306ac9e4]{font-size:24px}.btn-home[data-v-306ac9e4],.btn-next[data-v-306ac9e4],.btn-records[data-v-306ac9e4],.btn-restart[data-v-306ac9e4],.extra-badge[data-v-306ac9e4],.grade-btn.selected[data-v-306ac9e4],.modal-btn.confirm[data-v-306ac9e4],.ratio-btn.selected[data-v-306ac9e4],.records-btn[data-v-306ac9e4],.start-btn[data-v-306ac9e4]{color:#fff}.back-btn[data-v-306ac9e4],.btn-home[data-v-306ac9e4],.btn-next[data-v-306ac9e4],.btn-records[data-v-306ac9e4],.btn-restart[data-v-306ac9e4],.extra-badge[data-v-306ac9e4],.grade-btn[data-v-306ac9e4],.modal-btn[data-v-306ac9e4],.option-btn[data-v-306ac9e4],.quit-btn[data-v-306ac9e4],.ratio-btn[data-v-306ac9e4],.records-btn[data-v-306ac9e4],.sound-toggle[data-v-306ac9e4],.start-btn[data-v-306ac9e4]{border:none;cursor:pointer;transition:all .3s ease}.btn-records[data-v-306ac9e4],.records-btn[data-v-306ac9e4]{background:linear-gradient(135deg,#d4af37,#b8962e);padding:10px 16px;border-radius:25px;font-size:14px;box-shadow:0 4px 15px rgba(212,175,55,.4)}.btn-home[data-v-306ac9e4]:hover,.btn-next[data-v-306ac9e4]:hover,.btn-records[data-v-306ac9e4]:hover,.btn-restart[data-v-306ac9e4]:hover,.extra-badge[data-v-306ac9e4]:hover,.records-btn[data-v-306ac9e4]:hover,.sound-toggle[data-v-306ac9e4]:hover,.start-btn[data-v-306ac9e4]:hover:not(:disabled){transform:scale(1.05)}.game-screen[data-v-306ac9e4],.records-screen[data-v-306ac9e4],.result-screen[data-v-306ac9e4],.start-screen[data-v-306ac9e4]{flex:1;display:flex;flex-direction:column}.result-screen[data-v-306ac9e4],.start-screen[data-v-306ac9e4]{align-items:center;justify-content:center;text-align:center;padding:30px 20px}.hero-title[data-v-306ac9e4]{font-size:32px;margin-bottom:10px;text-shadow:2px 2px 0 #d4af37}.hero-subtitle[data-v-306ac9e4]{font-size:16px;color:#666;margin-bottom:30px}.grade-section[data-v-306ac9e4]{width:100%}.grade-title[data-v-306ac9e4]{font-size:18px;font-weight:700;margin-bottom:15px}.extra-space[data-v-306ac9e4]{margin-top:20px}.grade-grid[data-v-306ac9e4]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.grade-btn[data-v-306ac9e4],.option-btn[data-v-306ac9e4],.ratio-btn[data-v-306ac9e4]{background:#fff;color:#2d2d2d}.grade-btn[data-v-306ac9e4]{border:3px solid #e0e0e0;border-radius:15px;padding:15px 10px;font-size:16px}.grade-btn[data-v-306ac9e4]:hover{border-color:#c23e32;background:#fff5f5;transform:translateY(-3px)}.grade-btn.selected[data-v-306ac9e4]{border-color:#c23e32;background:linear-gradient(135deg,#fff5f5,#ffebeb);color:#c23e32}.semester[data-v-306ac9e4]{display:block;margin-top:4px;font-size:12px;color:#666}.grade-btn.selected .semester[data-v-306ac9e4]{color:#c23e32}.ratio-grid[data-v-306ac9e4]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}.ratio-btn[data-v-306ac9e4]{border:2px solid #e0e0e0;border-radius:10px;padding:10px 5px;font-size:14px}.ratio-btn[data-v-306ac9e4]:hover{border-color:#5b8c5a;background:#f0f8f0}.ratio-btn.selected[data-v-306ac9e4]{border-color:#5b8c5a;background:linear-gradient(135deg,#5b8c5a,#388e3c)}.start-btn[data-v-306ac9e4]{width:100%;padding:18px 24px;border-radius:50px;font-size:24px;background:linear-gradient(135deg,#c23e32,#8b2320);box-shadow:0 8px 30px rgba(194,62,50,.4)}.start-btn[data-v-306ac9e4]:disabled{opacity:.5;cursor:not-allowed}.combo-display[data-v-306ac9e4]{position:fixed;top:80px;right:20px;z-index:50;padding:10px 20px;border-radius:25px;font-size:18px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;box-shadow:0 4px 15px rgba(156,39,176,.4)}.combo-fire[data-v-306ac9e4]{background:linear-gradient(135deg,#ff5722,#e64a19);box-shadow:0 4px 20px rgba(255,87,34,.6)}.back-btn[data-v-306ac9e4],.quit-btn[data-v-306ac9e4]{background:#f0f0f0;border-radius:20px;padding:10px 20px;font-size:14px;color:#666}.back-btn[data-v-306ac9e4]:hover,.quit-btn[data-v-306ac9e4]:hover{background:#c23e32;color:#fff}.progress-info[data-v-306ac9e4],.score-display[data-v-306ac9e4]{text-align:center}.progress-text[data-v-306ac9e4]{font-size:16px;font-weight:700}.progress-bar[data-v-306ac9e4]{width:100px;height:6px;margin-top:5px;overflow:hidden;border-radius:3px;background:#f0f0f0}.progress-fill[data-v-306ac9e4]{height:100%;border-radius:3px;background:linear-gradient(90deg,#c23e32,#d4af37);transition:width .3s ease}.extra-author[data-v-306ac9e4],.extra-explanation[data-v-306ac9e4],.modal-desc[data-v-306ac9e4],.poem-info[data-v-306ac9e4],.prompt-label[data-v-306ac9e4],.record-detail[data-v-306ac9e4],.record-grade[data-v-306ac9e4],.result-stat-label[data-v-306ac9e4],.score-detail[data-v-306ac9e4],.score-label[data-v-306ac9e4]{color:#666}.score-label[data-v-306ac9e4]{font-size:12px}.score-value[data-v-306ac9e4]{font-size:24px;color:#d4af37}.question-area[data-v-306ac9e4],.result-card[data-v-306ac9e4]{width:100%;background:#fff;border-radius:25px;box-shadow:0 8px 32px rgba(194,62,50,.15)}.question-area[data-v-306ac9e4]{flex:1;display:flex;flex-direction:column;padding:25px}.question-header[data-v-306ac9e4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.poem-info[data-v-306ac9e4]{font-size:14px}.extra-badge[data-v-306ac9e4]{padding:6px 15px;border-radius:15px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#e67e22,#d35400)}.prompt-section[data-v-306ac9e4]{margin-bottom:25px;text-align:center}.prompt-text[data-v-306ac9e4]{display:inline-block;padding:20px;font-size:28px;background:linear-gradient(135deg,#fff9e6,#fff3cc);border:2px dashed #d4af37;border-radius:15px}.answer-label[data-v-306ac9e4],.extra-label[data-v-306ac9e4]{font-size:16px;font-weight:700;color:#c23e32;text-align:center;margin-bottom:15px}.extra-label[data-v-306ac9e4]{text-align:left;margin-top:15px}.options-grid[data-v-306ac9e4]{display:grid;gap:12px}.option-btn[data-v-306ac9e4]{border:3px solid #e0e0e0;border-radius:15px;padding:18px 20px;font-size:20px;text-align:left}.option-btn[data-v-306ac9e4]:hover:not(.disabled){border-color:#c23e32;background:#fff5f5;transform:translateY(-2px)}.option-btn.correct[data-v-306ac9e4]{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.option-btn.wrong[data-v-306ac9e4]{border-color:#e53935;background:linear-gradient(135deg,#ffebee,#ffcdd2)}.option-btn.disabled[data-v-306ac9e4]{opacity:.75;cursor:not-allowed}.btn-home[data-v-306ac9e4],.btn-next[data-v-306ac9e4],.btn-records[data-v-306ac9e4],.btn-restart[data-v-306ac9e4]{margin-top:20px;padding:15px 40px;border-radius:50px;font-size:18px}.btn-home[data-v-306ac9e4],.btn-next[data-v-306ac9e4]{background:linear-gradient(135deg,#5b8c5a,#388e3c);box-shadow:0 6px 25px rgba(91,140,90,.4)}.btn-next[data-v-306ac9e4]{align-self:center}.btn-restart[data-v-306ac9e4]{background:linear-gradient(135deg,#c23e32,#8b2320);box-shadow:0 6px 25px rgba(194,62,50,.4)}.result-card[data-v-306ac9e4]{padding:40px 30px}.result-title[data-v-306ac9e4]{font-size:36px;margin-bottom:20px}.final-score[data-v-306ac9e4]{font-size:64px;color:#d4af37}.score-detail[data-v-306ac9e4]{font-size:16px;margin-bottom:30px}.best-combo[data-v-306ac9e4]{display:inline-flex;justify-content:center;padding:12px 25px;border-radius:25px;margin-bottom:20px;font-size:18px;color:#fff;background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.result-stats[data-v-306ac9e4]{display:flex;justify-content:center;gap:30px;margin-bottom:20px;padding:15px;background:#fff9e6;border-radius:15px}.result-stat-number[data-v-306ac9e4]{font-size:28px;font-weight:700;color:#c23e32}.records-list[data-v-306ac9e4]{flex:1;overflow-y:auto}.record-item[data-v-306ac9e4]{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:15px;border-radius:15px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.05)}.record-name[data-v-306ac9e4]{font-size:18px;font-weight:700}.record-score-value[data-v-306ac9e4]{font-size:28px;color:#d4af37}.no-records[data-v-306ac9e4]{padding:50px;text-align:center;color:#666}.records-placeholder[data-v-306ac9e4]{width:60px}.feedback[data-v-306ac9e4]{position:fixed;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);padding:25px 50px;border-radius:25px;font-size:28px;color:#fff}.feedback.correct[data-v-306ac9e4]{background:linear-gradient(135deg,#4caf50,#388e3c)}.feedback.wrong[data-v-306ac9e4]{background:linear-gradient(135deg,#e53935,#c62828)}.modal-overlay[data-v-306ac9e4]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.modal[data-v-306ac9e4]{width:90%;max-width:350px;padding:30px;border-radius:25px;text-align:center;background:#fff}.extra-title[data-v-306ac9e4],.modal-title[data-v-306ac9e4]{font-size:24px;color:#c23e32;margin-bottom:20px}.modal-buttons[data-v-306ac9e4]{display:flex;gap:15px;justify-content:center}.modal-btn[data-v-306ac9e4]{padding:12px 30px;border-radius:25px;font-size:16px}.modal-btn.cancel[data-v-306ac9e4]{background:#f0f0f0;color:#666}.modal-btn.confirm[data-v-306ac9e4]{background:linear-gradient(135deg,#c23e32,#8b2320)}.extra-modal .modal[data-v-306ac9e4]{max-width:400px;max-height:80vh;overflow-y:auto}.extra-poem[data-v-306ac9e4]{white-space:pre-line;padding:20px;border-radius:15px;line-height:2;text-align:left;background:#fff9e6}.extra-explanation[data-v-306ac9e4]{line-height:1.8;text-align:left}.close-extra[data-v-306ac9e4]{margin-top:20px}.sound-toggle[data-v-306ac9e4]{position:fixed;top:20px;right:20px;z-index:50;width:64px;height:44px;border-radius:22px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);font-size:12px}.sound-toggle.muted[data-v-306ac9e4]{opacity:.5}.confetti[data-v-306ac9e4]{position:fixed;inset:0;z-index:999;pointer-events:none;overflow:hidden}.confetti-piece[data-v-306ac9e4]{position:absolute;top:-20px;width:10px;height:20px;-webkit-animation:confettiFall-data-v-306ac9e4 3s linear forwards;animation:confettiFall-data-v-306ac9e4 3s linear forwards}@-webkit-keyframes confettiFall-data-v-306ac9e4{to{transform:translateY(100vh) rotate(2turn)}}@keyframes confettiFall-data-v-306ac9e4{to{transform:translateY(100vh) rotate(2turn)}}@media(max-width:400px){.grade-grid[data-v-306ac9e4]{grid-template-columns:repeat(2,1fr)}.ratio-grid[data-v-306ac9e4]{grid-template-columns:repeat(4,1fr)}.ratio-btn[data-v-306ac9e4]{padding:8px 4px;font-size:12px}.prompt-text[data-v-306ac9e4]{font-size:22px}.option-btn[data-v-306ac9e4]{font-size:16px}.combo-display[data-v-306ac9e4]{top:70px;right:10px;padding:8px 15px;font-size:16px}}