.typing-battle[data-v-e25b71d3]{max-width:700px;margin:0 auto;padding:1.5rem 1rem;font-family:inherit}.header[data-v-e25b71d3]{text-align:center;margin-bottom:1.5rem}.title[data-v-e25b71d3]{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .4rem}.subtitle[data-v-e25b71d3]{color:#6b7280;margin:0;font-size:1rem}.best-records[data-v-e25b71d3]{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.record-item[data-v-e25b71d3]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem 1rem;text-align:center;min-width:90px}.record-label[data-v-e25b71d3]{display:block;font-size:.7rem;color:#6b7280;margin-bottom:.2rem}.record-value[data-v-e25b71d3]{display:block;font-size:1.1rem;font-weight:700;color:#3b82f6}.idle-screen[data-v-e25b71d3]{text-align:center}.preview-sentence[data-v-e25b71d3]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.preview-label[data-v-e25b71d3]{font-size:.85rem;color:#6b7280;margin:0 0 .5rem}.preview-text[data-v-e25b71d3]{font-size:1.2rem;color:#1f2937;font-weight:500;margin:0}.rules[data-v-e25b71d3]{margin-top:1.5rem;text-align:left;background:#f0f9ff;border-radius:12px;padding:1rem 1.5rem}.rules p[data-v-e25b71d3]{margin:.4rem 0;color:#374151;font-size:.9rem}.start-btn[data-v-e25b71d3]{background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .15s;touch-action:manipulation}.start-btn[data-v-e25b71d3]:hover{background:#2563eb}.reset-btn[data-v-e25b71d3]{background:#f8fafc;color:#1f2937;border:1px solid #e2e8f0;border-radius:10px;padding:.9rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;touch-action:manipulation;margin-left:1rem}.reset-btn[data-v-e25b71d3]:hover{background:#e2e8f0}.game-screen[data-v-e25b71d3]{display:flex;flex-direction:column;gap:1.2rem}.live-stats[data-v-e25b71d3]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.stat-item[data-v-e25b71d3]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem 1rem;text-align:center;min-width:70px}.stat-value[data-v-e25b71d3]{display:block;font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.2}.stat-value.time[data-v-e25b71d3]{color:#3b82f6}.stat-value.time.warning[data-v-e25b71d3]{color:#ef4444;animation:pulse-e25b71d3 .5s infinite}@keyframes pulse-e25b71d3{0%,to{opacity:1}50%{opacity:.5}}.stat-label[data-v-e25b71d3]{display:block;font-size:.72rem;color:#6b7280;margin-top:.1rem}.sentence-display[data-v-e25b71d3]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:1.5rem;font-size:1.3rem;line-height:1.8;letter-spacing:.02em;min-height:80px;position:relative;word-break:keep-all}.char[data-v-e25b71d3]{transition:color .05s}.char.correct[data-v-e25b71d3]{color:#10b981}.char.wrong[data-v-e25b71d3]{color:#ef4444;background:#fee2e2;border-radius:3px}.char.pending[data-v-e25b71d3]{color:#9ca3af}.cursor[data-v-e25b71d3]{color:#3b82f6;animation:blink-e25b71d3 1s infinite;font-weight:100}@keyframes blink-e25b71d3{0%,to{opacity:1}50%{opacity:0}}.typing-input[data-v-e25b71d3]{width:100%;padding:.9rem 1rem;font-size:1.1rem;border:2px solid #e2e8f0;border-radius:10px;outline:none;box-sizing:border-box;color:#1f2937;background:#fff;transition:border-color .15s}.typing-input[data-v-e25b71d3]:focus{border-color:#3b82f6}.progress-bar[data-v-e25b71d3]{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill[data-v-e25b71d3]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;transition:width .5s linear}.result-screen[data-v-e25b71d3]{text-align:center}.result-title[data-v-e25b71d3]{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.result-stats[data-v-e25b71d3]{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.result-stat[data-v-e25b71d3]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.5rem;min-width:100px}.result-value[data-v-e25b71d3]{display:block;font-size:2.2rem;font-weight:700;color:#1f2937}.result-value.wpm-value[data-v-e25b71d3]{color:#3b82f6}.result-label[data-v-e25b71d3]{display:block;font-size:.85rem;font-weight:600;color:#6b7280;margin-top:.2rem}.result-sub[data-v-e25b71d3]{display:block;font-size:.72rem;color:#9ca3af;margin-top:.1rem}.wpm-grade[data-v-e25b71d3]{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.grade.s[data-v-e25b71d3]{color:#f59e0b}.grade.a[data-v-e25b71d3]{color:#3b82f6}.grade.b[data-v-e25b71d3]{color:#10b981}.grade.c[data-v-e25b71d3]{color:#6b7280}.grade.d[data-v-e25b71d3]{color:#9ca3af}.record-notice[data-v-e25b71d3]{font-size:1rem;color:#f59e0b;font-weight:600;margin-bottom:1rem;padding:.6rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;display:inline-block}.result-actions[data-v-e25b71d3]{margin-top:1rem}.page[data-v-5907e63f]{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative}.info-section[data-v-5907e63f]{margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.info-section h3[data-v-5907e63f]{font-size:1.5rem;color:#1f2937;margin:0 0 1.5rem;text-align:center}.info-card[data-v-5907e63f]{background:#f9fafb;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #3b82f6}.info-card h4[data-v-5907e63f]{margin:0 0 1rem;color:#374151;font-size:1.1rem}.info-card p[data-v-5907e63f]{color:#4b5563;line-height:1.8;margin:0}.info-card ul[data-v-5907e63f],.info-card ol[data-v-5907e63f]{margin:0;padding-left:1.5rem;color:#4b5563}.info-card li[data-v-5907e63f]{line-height:1.8;margin-bottom:.5rem}.info-card li[data-v-5907e63f]:last-child{margin-bottom:0}.info-card.tip[data-v-5907e63f]{border-left-color:#f59e0b}
