*{box-sizing:border-box;margin:0;padding:0}.App{background:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;min-height:100vh}.App,.loading{font-size:.875rem}.loading{align-items:center;color:#64748b;display:flex;justify-content:center}.game-finished{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:1.5rem auto;max-width:380px;padding:1.5rem 1.25rem;text-align:center}.finish-icon{font-size:2rem;margin-bottom:.75rem}.game-finished h1{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.final-score{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem;padding:1rem}.score-item{align-items:center;display:flex;justify-content:space-between}.score-item .label{color:#64748b;font-size:.75rem}.score-number{color:#0ea5e9;font-size:1.125rem;font-weight:600}.total{color:#94a3b8;font-size:.875rem;margin-left:.25rem}.score-percentage{color:#f97316;font-size:1.125rem;font-weight:600}.finish-buttons{display:flex;gap:.625rem;justify-content:center}.mode-switch-btn,.restart-btn{background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.625rem 1rem;transition:background-color .2s}.restart-btn:hover{background:#0284c7}.mode-switch-btn{background:#64748b}.mode-switch-btn:hover{background:#475569}.header{background:#fff;border-bottom:1px solid #e2e8f0;padding:.5rem .75rem}.header-content{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.header h1{color:#1e293b;flex-shrink:0;font-size:.875rem;font-weight:600;margin:0}.mode-switcher{background:#f8fafc;border-radius:4px;display:flex;flex-shrink:0;gap:.125rem;padding:.125rem}.mode-btn{background:#0000;border:none;border-radius:3px;color:#64748b;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s}.mode-btn.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#0ea5e9}.mode-btn:hover:not(.active){color:#475569}.stats-info{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.progress-container{align-items:center;display:flex;gap:.375rem}.progress-bar{background:#e2e8f0;border-radius:2px;height:3px;overflow:hidden;width:50px}.progress-fill{background:#0ea5e9;height:100%;transition:width .3s ease}.progress-text{color:#64748b;font-size:.7rem;white-space:nowrap}.accuracy-display{align-items:center;display:flex;gap:.25rem}.accuracy-label{color:#64748b;font-size:.7rem}.accuracy-rate{color:#f97316;font-size:.75rem;font-weight:600}.main-content{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:100%;padding:.5rem}.question-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;text-align:center}.question-label{color:#64748b;font-size:.7rem;font-weight:500;margin-bottom:.375rem}.chemical-display{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:700;min-width:80px;padding:.375rem .5rem}.chemical-display sub{font-size:.75em;vertical-align:sub}.answer-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem}.answer-label{color:#475569;display:block;font-size:.7rem;font-weight:500;margin-bottom:.375rem}.answer-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;margin-bottom:.375rem;padding:.375rem;transition:border-color .2s;width:100%}.answer-input:focus{background:#fff;border-color:#0ea5e9;outline:none}.answer-input:disabled{cursor:not-allowed;opacity:.6}.answer-display{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;margin-bottom:.375rem;min-height:32px;padding:.375rem}.answer-display sub{font-size:.75em;vertical-align:sub}.button-row{align-items:center;display:flex;gap:.375rem;justify-content:space-between}.control-buttons{display:flex;gap:.25rem}.control-btn{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;min-height:28px;padding:.25rem .375rem;transition:all .2s}.control-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#475569}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn.show-answer{background:#fef3c7;border-color:#fbbf24;color:#92400e}.control-btn.show-answer:hover:not(:disabled){background:#fde68a;border-color:#f59e0b}.action-buttons{display:flex;gap:.25rem}.next-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;min-height:28px;padding:.25rem .5rem;transition:background-color .2s}.submit-btn{background:#0ea5e9;color:#fff}.submit-btn:hover:not(:disabled){background:#0284c7}.submit-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.next-btn{background:#f97316;color:#fff}.next-btn:hover{background:#ea580c}.feedback{border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:500;margin-top:.375rem;padding:.375rem}.feedback.correct{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.feedback.incorrect{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.feedback.show-answer{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.feedback sub{font-size:.7em;vertical-align:sub}.input-panel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem}.panel-section{margin-bottom:.5rem}.panel-section:last-child{margin-bottom:0}.panel-section h3{color:#475569;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:600;margin-bottom:.25rem;text-align:center}.elements-grid{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));margin:0 auto}.element-btn{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:4px;box-shadow:0 1px 2px #0ea5e91a;color:#0369a1;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:600;justify-content:center;min-height:30px;padding:.25rem;transition:all .2s}.element-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;box-shadow:0 2px 4px #0ea5e926;transform:translateY(-1px)}.element-btn:active{transform:translateY(0)}.element-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.numbers-grid{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));margin:0 auto}.number-btn,.symbol-btn{align-items:center;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74;border-radius:4px;box-shadow:0 1px 2px #fb923c1a;color:#c2410c;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:600;justify-content:center;min-height:30px;padding:.25rem;transition:all .2s}.number-btn:hover:not(:disabled),.symbol-btn:hover:not(:disabled){background:linear-gradient(135deg,#fed7aa,#fb923c);border-color:#fb923c;box-shadow:0 2px 4px #fb923c26;transform:translateY(-1px)}.number-btn:active,.symbol-btn:active{transform:translateY(0)}.number-btn:disabled,.symbol-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chinese-grid{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));margin:0 auto}.chinese-btn{align-items:center;border:1px solid;border-radius:4px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;justify-content:center;min-height:30px;padding:.25rem;transition:all .2s}.chinese-btn.element-name{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#15803d}.chinese-btn.element-name:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;box-shadow:0 2px 4px #22c55e26;transform:translateY(-1px)}.chinese-btn.common-word{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#d8b4fe;color:#7c2d12}.chinese-btn.common-word:hover:not(:disabled){background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c4b5fd;box-shadow:0 2px 4px #8b5cf626;transform:translateY(-1px)}.chinese-btn.number-word{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a;color:#92400e}.chinese-btn.number-word:hover:not(:disabled){background:linear-gradient(135deg,#fef3c7,#fde047);border-color:#facc15;box-shadow:0 2px 4px #f59e0b26;transform:translateY(-1px)}.chinese-btn:active{transform:translateY(0)}.chinese-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:.5rem}.header h1{font-size:.8rem}.mode-btn{font-size:.7rem;padding:.2rem .375rem}.stats-info{gap:.5rem}.accuracy-label,.accuracy-rate,.progress-text{font-size:.65rem}.main-content{gap:.375rem;padding:.375rem}.chemical-display{font-size:.875rem;min-width:70px;padding:.25rem .375rem}.button-row{flex-direction:column;gap:.25rem}.action-buttons,.control-buttons{justify-content:center;width:100%}.control-buttons{order:2}.action-buttons{order:1}.action-buttons button{flex:1 1;min-width:80px}.elements-grid{gap:.15rem;grid-template-columns:repeat(7,1fr)}.numbers-grid{gap:.15rem;grid-template-columns:repeat(6,1fr)}.chinese-grid{gap:.15rem;grid-template-columns:repeat(5,1fr)}.game-finished{margin:1rem;padding:1.25rem 1rem}.finish-buttons{flex-direction:column}.answer-card,.input-panel,.question-card{padding:.375rem}}@media (max-width:480px){.header{padding:.375rem .5rem}.header-content{align-items:stretch;flex-direction:column;gap:.375rem}.header h1{font-size:.75rem;text-align:center}.mode-switcher,.stats-info{justify-content:center}.chemical-display{font-size:.8rem;min-width:60px}.answer-display{font-size:.75rem;min-height:28px;padding:.25rem}.chinese-grid,.elements-grid,.numbers-grid{gap:.1rem}.chinese-btn,.element-btn,.number-btn,.symbol-btn{font-size:.7rem;min-height:26px;padding:.2rem}.final-score{padding:.75rem}.score-item{flex-direction:column;gap:.25rem;text-align:center}.main-content{padding:.25rem}}@media (max-width:360px){.elements-grid{grid-template-columns:repeat(6,1fr)}.numbers-grid{grid-template-columns:repeat(5,1fr)}.chinese-grid{grid-template-columns:repeat(4,1fr)}.chinese-btn,.element-btn,.number-btn,.symbol-btn{font-size:.65rem;min-height:24px;padding:.15rem}}
/*# sourceMappingURL=main.407172f8.css.map*/