*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{height:100%;width:100%;overflow-x:hidden;overflow-y:hidden}body{margin:0;display:flex;min-width:320px;min-height:100vh}#app{width:100%;height:100vh;overflow-y:auto}button,input{font-family:inherit;font-size:inherit;line-height:inherit}:focus{outline:none}button,a{transition:all .3s ease}#app[data-v-837edb66]{height:100vh;overflow-y:auto}.main-nav[data-v-837edb66]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;height:50px;opacity:1;transition:transform 1.2s cubic-bezier(.25,.1,.25,1),opacity .5s ease}.nav-logo[data-v-837edb66]{font-size:1.5rem;font-weight:600;cursor:pointer;margin:0}.nav-right[data-v-837edb66]{display:flex;align-items:center;gap:20px}.user-info[data-v-837edb66]{display:flex;align-items:center;gap:15px}.username[data-v-837edb66]{font-size:1rem;font-weight:500}.profile-button[data-v-837edb66]{background:white;color:#667eea;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-button[data-v-837edb66]:hover{background:#f0f2ff;transform:translateY(-1px)}.app-content[data-v-837edb66]{min-height:100%;width:100%}.main-nav+.app-content[data-v-837edb66]{padding-top:50px}.login-container[data-v-fe17e7b7]{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.login-wrapper[data-v-fe17e7b7]{position:relative;width:100%;max-width:400px;padding:2rem;z-index:1}.login-card[data-v-fe17e7b7]{background:rgba(255,255,255,.95);border-radius:16px;padding:2.5rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.login-card[data-v-fe17e7b7]:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.login-header[data-v-fe17e7b7]{text-align:center;margin-bottom:2rem}.login-title[data-v-fe17e7b7]{font-size:2rem;font-weight:700;color:#333;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle[data-v-fe17e7b7]{font-size:1rem;color:#666;margin:0}.login-form[data-v-fe17e7b7]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-fe17e7b7]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-fe17e7b7]{font-size:.875rem;font-weight:600;color:#555}.input-wrapper[data-v-fe17e7b7]{position:relative;display:flex;align-items:center}.form-input[data-v-fe17e7b7]{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:white}.form-input[data-v-fe17e7b7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.icon[data-v-fe17e7b7]{position:absolute;left:.75rem;color:#9ca3af;font-size:1.125rem;pointer-events:none}.toggle-password[data-v-fe17e7b7]{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;color:#9ca3af;transition:color .3s ease}.toggle-password[data-v-fe17e7b7]:hover{color:#667eea}.error-message[data-v-fe17e7b7]{background-color:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;border-left:4px solid #dc2626}.form-options[data-v-fe17e7b7]{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.remember-me[data-v-fe17e7b7]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666;cursor:pointer}.remember-me input[type=checkbox][data-v-fe17e7b7]{width:16px;height:16px;accent-color:#667eea}.forgot-password[data-v-fe17e7b7]{background:none;border:none;color:#667eea;font-size:.875rem;cursor:pointer;transition:color .3s ease}.forgot-password[data-v-fe17e7b7]:hover{color:#764ba2;text-decoration:underline}.login-button[data-v-fe17e7b7]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button[data-v-fe17e7b7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea33}.login-button[data-v-fe17e7b7]:active:not(:disabled){transform:translateY(0)}.login-button[data-v-fe17e7b7]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-fe17e7b7]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-fe17e7b7 1s ease-in-out infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin-fe17e7b7{to{transform:rotate(360deg)}}.register-prompt[data-v-fe17e7b7]{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#666}.register-button[data-v-fe17e7b7]{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;transition:color .3s ease}.register-button[data-v-fe17e7b7]:hover{color:#764ba2;text-decoration:underline}.decor-circle[data-v-fe17e7b7]{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(40px);animation:float-fe17e7b7 8s ease-in-out infinite}.circle-1[data-v-fe17e7b7]{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.circle-2[data-v-fe17e7b7]{width:200px;height:200px;bottom:-100px;right:-100px;animation-delay:2s}.circle-3[data-v-fe17e7b7]{width:150px;height:150px;top:50%;right:-75px;transform:translateY(-50%);animation-delay:4s}@keyframes float-fe17e7b7{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@media (max-width: 480px){.login-wrapper[data-v-fe17e7b7]{padding:1rem}.login-card[data-v-fe17e7b7]{padding:2rem 1.5rem}.login-title[data-v-fe17e7b7]{font-size:1.75rem}.form-input[data-v-fe17e7b7]{padding:.625rem .75rem .625rem 2rem}.icon[data-v-fe17e7b7]{font-size:1rem}.decor-circle[data-v-fe17e7b7]{transform:scale(.8)}}.home-container[data-v-bbfe03ed]{min-height:calc(100vh - 50px);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;gap:25px}.home-content[data-v-bbfe03ed]{text-align:center;background:white;padding:60px 40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px;width:100%}.home-title[data-v-bbfe03ed]{font-size:2.5rem;margin-bottom:1rem;color:#333;font-weight:700}.home-subtitle[data-v-bbfe03ed]{font-size:1.2rem;margin-bottom:2rem;color:#666;line-height:1.6}.start-button[data-v-bbfe03ed]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;font-size:1.2rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button[data-v-bbfe03ed]:hover{transform:translateY(-3px);box-shadow:0 15px 30px #667eea66}.start-button[data-v-bbfe03ed]:active{transform:translateY(0);box-shadow:0 10px 20px #667eea4d}.stats-container[data-v-bbfe03ed]{background:white;padding:25px;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%}.stats-title[data-v-bbfe03ed]{text-align:center;font-size:1.5rem;color:#333;margin-bottom:20px;font-weight:700}.stat-dots[data-v-bbfe03ed]{display:flex;justify-content:center;gap:30px;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:10px}.stat-dot[data-v-bbfe03ed]{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.stat-dot-icon[data-v-bbfe03ed]{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;box-shadow:0 2px 5px #00000014;z-index:1}.stat-dot-value[data-v-bbfe03ed]{font-size:1.2rem;font-weight:700;color:#333;margin-top:5px}.stat-dot-label[data-v-bbfe03ed]{font-size:.75rem;color:#666}.chart-container[data-v-bbfe03ed]{margin:0}.view-container[data-v-bbfe03ed]{width:100%;margin-bottom:30px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.view-tabs[data-v-bbfe03ed]{display:flex;background:#f5f5f5;border-bottom:1px solid #eaeaea}.view-tab[data-v-bbfe03ed]{flex:1;padding:16px 20px;border:none;background:transparent;color:#666;font-size:16px;cursor:pointer;transition:all .3s ease;position:relative;font-weight:500}.view-tab[data-v-bbfe03ed]:hover{background:#f0f0f0;color:#333}.view-tab.active[data-v-bbfe03ed]{color:#667eea;background:#fff}.view-tab.active[data-v-bbfe03ed]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#667eea;border-radius:3px 3px 0 0}.view-content[data-v-bbfe03ed]{padding:20px}.chart-title[data-v-bbfe03ed]{text-align:center;font-size:1.2rem;color:#333;margin-bottom:15px;font-weight:600}.ranking-container[data-v-bbfe03ed]{margin:0;padding:0;background:transparent;border:none}.ranking-title[data-v-bbfe03ed]{text-align:center;font-size:1.2rem;color:#333;margin-bottom:15px;font-weight:700}.ranking-list[data-v-bbfe03ed]{display:flex;flex-direction:column;gap:10px}.ranking-item[data-v-bbfe03ed]{display:flex;align-items:center;padding:12px 15px;background:white;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.ranking-item[data-v-bbfe03ed]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.rank-1[data-v-bbfe03ed]{border-left:4px solid #FFD700}.rank-2[data-v-bbfe03ed]{border-left:4px solid #C0C0C0}.rank-3[data-v-bbfe03ed]{border-left:4px solid #CD7F32}.rank-number[data-v-bbfe03ed]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;background:#667eea;color:#fff;border-radius:50%;margin-right:15px}.rank-1 .rank-number[data-v-bbfe03ed]{background:#FFD700;color:#333}.rank-2 .rank-number[data-v-bbfe03ed]{background:#C0C0C0;color:#333}.rank-3 .rank-number[data-v-bbfe03ed]{background:#CD7F32;color:#fff}.rank-info[data-v-bbfe03ed]{flex:1;text-align:left}.rank-username[data-v-bbfe03ed]{font-size:1rem;font-weight:600;color:#333;margin-bottom:4px}.rank-stats[data-v-bbfe03ed]{display:flex;gap:15px;font-size:.85rem;color:#666}.no-data[data-v-bbfe03ed]{text-align:center;color:#999;padding:20px;font-style:italic}.chart-wrapper[data-v-bbfe03ed]{height:200px;display:flex;align-items:center;justify-content:center;padding:15px 0;position:relative}.chart-line[data-v-bbfe03ed]{width:100%;height:100%}.changelog-container[data-v-bbfe03ed]{margin-top:25px;background:white;padding:10px;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%}.changelog-header[data-v-bbfe03ed]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .3s ease}.changelog-header[data-v-bbfe03ed]:hover{background-color:#f8f9fa}.changelog-title[data-v-bbfe03ed]{font-size:1rem;color:#333;margin:0;text-align:left}.changelog-content[data-v-bbfe03ed]{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;overflow:hidden}.changelog-html[data-v-bbfe03ed]{line-height:1.6;color:#333;text-align:left}.changelog-h2[data-v-bbfe03ed]{font-size:.9rem;color:#667eea;margin:15px 0 10px;border-bottom:2px solid #667eea;padding-bottom:5px;text-align:left}.changelog-h3[data-v-bbfe03ed]{font-size:.75rem;color:#764ba2;margin:15px 0 10px;text-align:left}.changelog-list[data-v-bbfe03ed]{list-style:none;padding-left:20px;margin:10px 0}.changelog-list-item[data-v-bbfe03ed]{position:relative;padding-left:20px;margin-bottom:8px;text-align:left;font-size:.75rem}.changelog-list-item[data-v-bbfe03ed]:before{content:"•";position:absolute;left:0;color:#667eea;font-size:1.2em}.expand-enter-active[data-v-bbfe03ed],.expand-leave-active[data-v-bbfe03ed]{transition:all .3s ease}.expand-enter-from[data-v-bbfe03ed],.expand-leave-to[data-v-bbfe03ed]{opacity:0;max-height:0}.expand-enter-to[data-v-bbfe03ed],.expand-leave-from[data-v-bbfe03ed]{opacity:1;max-height:500px}.loading-indicator[data-v-bbfe03ed]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:15px}.loading-spinner[data-v-bbfe03ed]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-bbfe03ed 1s linear infinite}@keyframes spin-bbfe03ed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.home-content[data-v-bbfe03ed]{padding:40px 20px}.home-title[data-v-bbfe03ed]{font-size:2rem}.home-subtitle[data-v-bbfe03ed]{font-size:1rem}.start-button[data-v-bbfe03ed]{padding:12px 24px;font-size:1rem}.stats-container[data-v-bbfe03ed]{padding:20px}.stats-title[data-v-bbfe03ed]{font-size:1.5rem}.stats-cards[data-v-bbfe03ed]{flex-direction:column;gap:15px}.chart-wrapper[data-v-bbfe03ed]{height:250px}.bar-value[data-v-bbfe03ed]{font-size:.8rem}}@media (max-width: 480px){.home-container[data-v-bbfe03ed]{padding:10px;gap:20px}.home-content[data-v-bbfe03ed]{padding:30px 15px}.stats-container[data-v-bbfe03ed]{padding:15px}.chart-wrapper[data-v-bbfe03ed]{height:200px}.bar-label[data-v-bbfe03ed]{font-size:.75rem}}.custom-confirm-overlay[data-v-5e70141f]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-5e70141f .2s ease-out}.custom-confirm-container[data-v-5e70141f]{background:white;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:400px;overflow:hidden;animation:slideIn-5e70141f .3s ease-out}.custom-confirm-header[data-v-5e70141f]{padding:20px 24px 12px;border-bottom:1px solid #f0f0f0}.custom-confirm-title[data-v-5e70141f]{margin:0;font-size:1.25rem;color:#333;font-weight:600}.custom-confirm-body[data-v-5e70141f]{padding:20px 24px}.custom-confirm-message[data-v-5e70141f]{margin:0;font-size:1rem;color:#555;line-height:1.6}.custom-confirm-footer[data-v-5e70141f]{padding:16px 24px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.custom-confirm-button[data-v-5e70141f]{padding:10px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.custom-confirm-button--cancel[data-v-5e70141f]{background-color:#f5f5f5;color:#666}.custom-confirm-button--cancel[data-v-5e70141f]:hover{background-color:#e0e0e0;transform:translateY(-1px)}.custom-confirm-button--confirm[data-v-5e70141f]{background-color:#667eea;color:#fff}.custom-confirm-button--confirm[data-v-5e70141f]:hover{background-color:#5a67d8;transform:translateY(-1px)}@keyframes fadeIn-5e70141f{0%{opacity:0}to{opacity:1}}@keyframes slideIn-5e70141f{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.custom-confirm-container[data-v-5e70141f]{width:95%;margin:10px}.custom-confirm-header[data-v-5e70141f]{padding:16px 20px 10px}.custom-confirm-title[data-v-5e70141f]{font-size:1.1rem}.custom-confirm-body[data-v-5e70141f]{padding:16px 20px}.custom-confirm-message[data-v-5e70141f]{font-size:.95rem}.custom-confirm-footer[data-v-5e70141f]{padding:12px 20px 16px;flex-direction:column-reverse}.custom-confirm-button[data-v-5e70141f]{width:100%;padding:12px}}.book-chapter-selector[data-v-f2d9dea8]{min-height:calc(100vh - 50px);width:100%;background-color:#f5f7fa;display:flex;flex-direction:column}.nav-header[data-v-f2d9dea8]{background:white;padding:15px 30px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:20px}.back-button[data-v-f2d9dea8]{background:none;border:none;color:#667eea;font-size:1rem;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.back-button[data-v-f2d9dea8]:hover{background-color:#f0f2ff}.page-title[data-v-f2d9dea8]{font-size:1.5rem;color:#333;font-weight:600}.content-wrapper[data-v-f2d9dea8]{flex:1;padding:30px;max-width:1200px;margin:0 auto;width:100%}.section[data-v-f2d9dea8]{margin-bottom:40px}.section-title[data-v-f2d9dea8]{font-size:1.8rem;color:#333;margin-bottom:20px;font-weight:700}.books-container[data-v-f2d9dea8]{display:flex;flex-direction:column;gap:15px}.book-wrapper[data-v-f2d9dea8]{width:100%}.book-card[data-v-f2d9dea8]{background:white;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000000d;cursor:pointer;transition:all .3s ease;border:2px solid transparent;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.book-card[data-v-f2d9dea8]:hover{box-shadow:0 8px 25px #0000001a;border-color:#e0e5ff}.book-card.active[data-v-f2d9dea8]{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.book-icon[data-v-f2d9dea8]{font-size:2.5rem;flex-shrink:0}.book-content[data-v-f2d9dea8]{flex:1}.book-title-row[data-v-f2d9dea8]{display:flex;align-items:center;justify-content:space-between;flex:1;gap:15px}.book-title[data-v-f2d9dea8]{font-size:1.2rem;color:#333;font-weight:600;margin:0}.book-description[data-v-f2d9dea8]{color:#666;font-size:.9rem;line-height:1.4}.chapters-container[data-v-f2d9dea8]{margin-top:10px;margin-left:0;display:flex;flex-direction:column;gap:8px}.chapter-button[data-v-f2d9dea8]{background:white;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;border:1px solid #e0e5ff;position:relative;overflow:hidden;gap:10px}.chapter-button[data-v-f2d9dea8]:hover{box-shadow:0 4px 12px #0000001a;border-color:#667eea}.chapter-button.active[data-v-f2d9dea8]{background-color:#f0f2ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33}.chapter-content[data-v-f2d9dea8]{display:flex;flex:1;z-index:1;position:relative}.chapter-title-row[data-v-f2d9dea8]{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%}.chapter-title[data-v-f2d9dea8]{color:#333;font-size:1rem;font-weight:500}.progress-info[data-v-f2d9dea8]{display:flex;gap:12px;font-size:.75rem;align-items:center}.book-progress-info[data-v-f2d9dea8],.chapter-progress-info[data-v-f2d9dea8]{flex-wrap:wrap}.progress-correct-text[data-v-f2d9dea8]{color:#4caf50}.progress-incorrect-text[data-v-f2d9dea8]{color:#f44336}.progress-remaining-text[data-v-f2d9dea8]{color:#9e9e9e}.progress-bar-wrapper[data-v-f2d9dea8]{position:absolute;bottom:0;left:0;width:100%;height:4px;overflow:hidden;z-index:0}.progress-bar[data-v-f2d9dea8]{height:100%;display:flex}.progress-correct[data-v-f2d9dea8]{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-incorrect[data-v-f2d9dea8]{height:100%;background-color:#f44336;transition:width .3s ease}.progress-remaining[data-v-f2d9dea8]{height:100%;background-color:#e0e0e0;transition:width .3s ease}.delete-button[data-v-f2d9dea8]{background:none;color:#f44336;border:none;padding:8px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;position:relative}.delete-button[data-v-f2d9dea8]:hover{background-color:#ffebee;box-shadow:0 2px 6px #f4433633}.expand-enter-active[data-v-f2d9dea8],.expand-leave-active[data-v-f2d9dea8]{transition:all .3s ease;overflow:hidden}.expand-enter-from[data-v-f2d9dea8],.expand-leave-to[data-v-f2d9dea8]{opacity:0;max-height:0;margin-top:0}.expand-enter-to[data-v-f2d9dea8],.expand-leave-from[data-v-f2d9dea8]{opacity:1;max-height:500px;margin-top:10px}.loading-indicator[data-v-f2d9dea8]{text-align:center;padding:40px;color:#666}.loading-spinner[data-v-f2d9dea8]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin-f2d9dea8 1s linear infinite;margin:0 auto 15px}@keyframes spin-f2d9dea8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-f2d9dea8]{background:#ffebee;color:#c62828;padding:15px 20px;border-radius:8px;text-align:center;margin:20px 0}.retry-button[data-v-f2d9dea8]{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:6px;margin-left:10px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.retry-button[data-v-f2d9dea8]:hover{background:#d32f2f}@media (max-width: 768px){.content-wrapper[data-v-f2d9dea8]{padding:20px 15px}.nav-header[data-v-f2d9dea8]{padding:15px 20px}.page-title[data-v-f2d9dea8]{font-size:1.3rem}.section-title[data-v-f2d9dea8]{font-size:1.5rem}.book-card[data-v-f2d9dea8]{padding:15px;gap:10px}.book-title-row[data-v-f2d9dea8]{flex-direction:column;align-items:flex-start;gap:8px}.book-icon[data-v-f2d9dea8]{font-size:2rem}.book-title[data-v-f2d9dea8]{font-size:1.1rem}.book-progress-info[data-v-f2d9dea8]{width:100%;justify-content:space-between}.book-description[data-v-f2d9dea8]{font-size:.85rem}.chapters-container[data-v-f2d9dea8]{margin-left:0}.chapter-button[data-v-f2d9dea8]{align-items:flex-start;gap:8px;padding:10px 12px}.chapter-title-row[data-v-f2d9dea8]{flex-direction:column;align-items:flex-start;gap:6px}.chapter-content[data-v-f2d9dea8]{width:100%}.chapter-progress-info[data-v-f2d9dea8]{width:100%;justify-content:space-between}}@media (max-width: 480px){.book-card[data-v-f2d9dea8]{flex-direction:column;align-items:flex-start;text-align:left}.book-icon[data-v-f2d9dea8]{margin-bottom:10px}.chapters-container[data-v-f2d9dea8]{margin-left:0;margin-top:10px}.progress-info[data-v-f2d9dea8]{font-size:.7rem;gap:8px}}.profile-container[data-v-3200e150]{display:flex;min-height:100vh;background-color:#f5f7fa}.profile-sidebar[data-v-3200e150]{width:260px;background:white;box-shadow:0 2px 10px #0000001a;padding:2rem 1rem;position:fixed;height:calc(100vh - 50px);overflow-y:auto}.user-info[data-v-3200e150]{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e1e5e9}.avatar[data-v-3200e150]{margin-bottom:1rem}.avatar-placeholder[data-v-3200e150]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto}.username[data-v-3200e150]{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:.25rem}.user-email[data-v-3200e150]{font-size:.875rem;color:#666}.profile-nav ul[data-v-3200e150]{list-style:none;padding:0}.profile-nav li[data-v-3200e150]{display:flex;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#666}.profile-nav li[data-v-3200e150]:hover{background-color:#f0f2f5;color:#667eea}.profile-nav li.active[data-v-3200e150]{background-color:#e6e8ff;color:#667eea;font-weight:600}.profile-nav li .icon[data-v-3200e150]{margin-right:.75rem;font-size:1.125rem}.logout-button[data-v-3200e150]{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;margin-top:2rem;background:none;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#666;font-size:1rem}.logout-button[data-v-3200e150]:hover{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.logout-button .icon[data-v-3200e150]{margin-right:.5rem}.profile-main[data-v-3200e150]{flex:1;margin-left:260px;padding:2rem;overflow-y:auto}.error-note[data-v-3200e150]{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px 12px;margin:8px 0;font-size:.9rem;color:#856404}.error-date[data-v-3200e150]{font-size:.85rem;color:#6c757d;margin-top:5px}.profile-main h1[data-v-3200e150]{font-size:1.75rem;font-weight:700;color:#333;margin-bottom:2rem}.profile-main h2[data-v-3200e150]{font-size:1.25rem;font-weight:600;color:#444;margin-bottom:1.5rem}.filter-container[data-v-3200e150]{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group[data-v-3200e150]{display:flex;align-items:center;gap:.5rem}.filter-group label[data-v-3200e150]{font-weight:600;color:#555;white-space:nowrap}.filter-group select[data-v-3200e150]{padding:.5rem .75rem;border:2px solid #e1e5e9;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;transition:all .3s ease}.filter-group select[data-v-3200e150]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-questions-list[data-v-3200e150]{space-y:1rem}.error-item[data-v-3200e150]{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease;cursor:pointer}.error-item[data-v-3200e150]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);background-color:#f8f9fa}.comment-item[data-v-3200e150]{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;transition:all .3s ease}.comment-item[data-v-3200e150]:hover{box-shadow:0 4px 12px #0000001a;background-color:#f8f9fa}.comment-header[data-v-3200e150]{margin-bottom:1rem}.comment-header h3[data-v-3200e150]{font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem;line-height:1.4}.comment-date[data-v-3200e150]{font-size:.85rem;color:#6c757d}.comment-content[data-v-3200e150]{margin-bottom:1rem}.comment-text[data-v-3200e150]{font-size:.95rem;line-height:1.6;color:#444;background-color:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.comment-edit-form[data-v-3200e150]{margin-bottom:.5rem}.comment-textarea[data-v-3200e150]{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.95rem;line-height:1.6;resize:vertical;font-family:inherit}.comment-textarea[data-v-3200e150]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.comment-edit-actions[data-v-3200e150]{display:flex;gap:.5rem;margin-top:.5rem}.comment-actions[data-v-3200e150]{display:flex;gap:.75rem}.edit-button[data-v-3200e150]{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.edit-button[data-v-3200e150]:hover{background-color:#bae6fd}.cancel-button[data-v-3200e150]{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.cancel-button[data-v-3200e150]:hover{background-color:#e5e7eb}.small-button[data-v-3200e150]{padding:.5rem 1rem;font-size:.875rem}.error-info[data-v-3200e150]{flex:1}.error-info h3[data-v-3200e150]{font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem;line-height:1.4}.error-info p[data-v-3200e150]{font-size:.875rem;color:#666;margin-bottom:.5rem}.answers-container[data-v-3200e150]{margin-top:.75rem}.answer-item[data-v-3200e150]{padding:.5rem .75rem;border-radius:6px;font-size:.875rem;margin-bottom:.5rem}.my-answer[data-v-3200e150]{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.correct-answer[data-v-3200e150]{background-color:#dcfce7;border-left:4px solid #22c55e;color:#15803d}.error-actions[data-v-3200e150]{margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.review-button[data-v-3200e150]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.review-button[data-v-3200e150]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.delete-button[data-v-3200e150]{background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.delete-button[data-v-3200e150]:hover{background-color:#fecaca;transform:translateY(-1px)}.user-config-form[data-v-3200e150]{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.config-options[data-v-3200e150]{display:flex;flex-direction:column;gap:1.5rem}.config-option[data-v-3200e150]{display:flex;align-items:center;gap:1rem}.config-switch[data-v-3200e150]{position:relative;display:inline-block;width:50px;height:24px}.config-switch input[data-v-3200e150]{opacity:0;width:0;height:0}.config-slider[data-v-3200e150]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.config-slider[data-v-3200e150]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.config-slider[data-v-3200e150]{background-color:#667eea}input:focus+.config-slider[data-v-3200e150]{box-shadow:0 0 1px #667eea}input:checked+.config-slider[data-v-3200e150]:before{transform:translate(26px)}.config-label[data-v-3200e150]{font-weight:600;color:#333;min-width:120px}.config-hint[data-v-3200e150]{font-size:.875rem;color:#666;flex:1}.success-message[data-v-3200e150]{background-color:#dcfce7;color:#15803d;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-top:1rem;border-left:4px solid #22c55e}.password-change-form[data-v-3200e150]{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.form[data-v-3200e150]{max-width:500px}.form-group[data-v-3200e150]{margin-bottom:1.5rem}.form-group label[data-v-3200e150]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#555}.form-group input[data-v-3200e150]{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input[data-v-3200e150]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message[data-v-3200e150]{background-color:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem;border-left:4px solid #dc2626}.submit-button[data-v-3200e150]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button[data-v-3200e150]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea33}.submit-button[data-v-3200e150]:disabled{opacity:.6;cursor:not-allowed;transform:none}.placeholder-text[data-v-3200e150]{text-align:center;color:#999;padding:2rem;font-style:italic}.loading-indicator[data-v-3200e150]{text-align:center;padding:2rem;color:#667eea;font-weight:600}@media (max-width: 768px){.profile-container[data-v-3200e150]{flex-direction:column}.profile-sidebar[data-v-3200e150]{width:100%;height:auto;position:relative;padding:1rem}.user-info[data-v-3200e150]{margin-bottom:1rem;padding-bottom:1rem}.profile-nav ul[data-v-3200e150]{display:flex;overflow-x:auto;padding-bottom:.5rem}.profile-nav li[data-v-3200e150]{white-space:nowrap;margin-right:.5rem;margin-bottom:0}.logout-button[data-v-3200e150]{margin-top:1rem}.profile-main[data-v-3200e150]{margin-left:0;padding:1rem}.stats-cards[data-v-3200e150]{grid-template-columns:1fr 1fr}.form[data-v-3200e150]{max-width:100%}}@media (max-width: 480px){.stats-cards[data-v-3200e150]{grid-template-columns:1fr}.stat-card[data-v-3200e150]{padding:1rem}.profile-main h1[data-v-3200e150]{font-size:1.5rem}.profile-main h2[data-v-3200e150]{font-size:1.125rem}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color));svg {width: 100%; height: 100%; object-fit: contain; transform-origin: center; fill: currentColor; pointer-events: none;}}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.question-page[data-v-2c9d3678]{min-height:calc(100vh - 50px);width:100%;background-color:#f5f7fa;display:flex;flex-direction:column}.content-wrapper[data-v-2c9d3678]{flex:1;padding:30px;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}.question-navigation[data-v-2c9d3678]{background:white;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.navigation-header[data-v-2c9d3678]{padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.navigation-header[data-v-2c9d3678]:hover{background-color:#e9ecef}.navigation-title[data-v-2c9d3678]{margin:0;font-size:1.1rem;color:#333}.toggle-icon[data-v-2c9d3678]{font-size:.8rem;color:#666}.navigation-list[data-v-2c9d3678]{padding:15px 20px;display:flex;flex-wrap:wrap;gap:10px}.question-nav-item[data-v-2c9d3678]{width:40px;height:40px;border-radius:50%;background-color:#e0e5ff;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;transition:all .3s ease}.question-nav-item[data-v-2c9d3678]:hover{background-color:#c5ceff;transform:translateY(-2px)}.question-nav-item.completed[data-v-2c9d3678]{background-color:#4caf50;color:#fff}.question-nav-item.incorrect[data-v-2c9d3678]{background-color:#f44336;color:#fff}.question-nav-item.incompleted[data-v-2c9d3678]{background-color:#ddd;color:#fff}.question-nav-item.current[data-v-2c9d3678]{background-color:#667eea;color:#fff;transform:scale(1.1)}.question-container[data-v-2c9d3678]{position:relative;flex:1;min-height:600px;background:white;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.question-swiper[data-v-2c9d3678]{width:100%;height:100%;--swiper-cards-shadow: 0 4px 15px rgba(0, 0, 0, .1);--swiper-cards-size: 100%}.question-slide[data-v-2c9d3678]{width:100%;height:100%;overflow-y:auto;border-radius:12px;box-shadow:var(--swiper-cards-shadow);overflow:hidden}.question-content[data-v-2c9d3678]{padding:25px;min-height:100%}.question-header[data-v-2c9d3678]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f2ff}.question-number[data-v-2c9d3678]{font-size:1.2rem;color:#333;margin:0}.question-type[data-v-2c9d3678]{background:#667eea;color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem}.question-detail[data-v-2c9d3678]{min-height:400px}.question-text[data-v-2c9d3678]{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:20px}.question-image[data-v-2c9d3678]{margin-bottom:20px;text-align:center}.question-image img[data-v-2c9d3678]{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.choices-list[data-v-2c9d3678]{margin-bottom:30px}.choice-item[data-v-2c9d3678]{background:#f8f9fa;border:2px solid #e9ecef;padding:15px 20px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:10px}.choice-item[data-v-2c9d3678]:hover{background:#e9ecef;border-color:#667eea;transform:translate(5px)}.choice-item.selected[data-v-2c9d3678]{background:#f0f2ff;border-color:#667eea}.choice-item.correct[data-v-2c9d3678]{background:#e8f5e8;border-color:#4caf50}.choice-item.incorrect[data-v-2c9d3678]{background:#ffebee;border-color:#f44336}.choice-label[data-v-2c9d3678]{font-weight:700;color:#667eea;flex-shrink:0}.choice-content[data-v-2c9d3678]{flex:1;color:#333}.result-section[data-v-2c9d3678]{border-top:1px solid #e0e0e0;padding-top:15px;margin-top:20px}.knowledge-points[data-v-2c9d3678],.explanation[data-v-2c9d3678],.comments-section[data-v-2c9d3678]{margin-bottom:15px;padding:15px;border-radius:6px;box-shadow:none;border-left:3px solid #ddd}.knowledge-points[data-v-2c9d3678]{background:#f8f9fa;border-left-color:#165dff}.knowledge-points h3[data-v-2c9d3678]{color:#333;margin-bottom:10px;font-size:1.1rem;display:block}.knowledge-points p[data-v-2c9d3678]{color:#333;line-height:1.5;background:none;padding:0;border-radius:0;border-left:none}.explanation[data-v-2c9d3678]{background:#f8f9fa;border-left-color:#36cfc9}.answer-info[data-v-2c9d3678]{background:#f8f9fa;border-left-color:#ff7d00;margin-bottom:15px;padding:15px;border-radius:6px;box-shadow:none}.answer-info h3[data-v-2c9d3678]{color:#333;margin-bottom:10px;font-size:1.1rem;display:block}.correct-answer[data-v-2c9d3678],.incorrect-answer[data-v-2c9d3678]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;background:none;border-radius:0;border-left:none}.answer-label[data-v-2c9d3678]{font-weight:600;color:#333}.answer-value[data-v-2c9d3678]{font-weight:700;padding:2px 8px;border-radius:4px;background:#f0f2ff;color:#667eea}.answer-value.user-answer[data-v-2c9d3678]{background:#ffebee;color:#f44336}.answer-value.correct-answer[data-v-2c9d3678]{background:#e8f5e8;color:#4caf50}.ai-summary-section[data-v-2c9d3678]{background:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:15px;border-left:3px solid #9c27b0}.ai-summary-header[data-v-2c9d3678]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ai-summary-header h3[data-v-2c9d3678]{color:#333;margin-bottom:0;font-size:1.1rem;display:block}.ai-summary-button[data-v-2c9d3678]{background:#9c27b0;color:#fff;padding:6px 12px;font-size:.85rem}.ai-summary-button[data-v-2c9d3678]:hover:not(:disabled){background:#7b1fa2}.ai-summary-content[data-v-2c9d3678]{background:white;padding:15px;border-radius:4px;border:1px solid #e0e0e0;max-height:400px;overflow-y:auto}.comments-section[data-v-2c9d3678]{background:#f8f9fa;border-left-color:#ff7d00}.comments-loading[data-v-2c9d3678]{display:flex;align-items:center;justify-content:center;padding:20px;gap:10px;color:#666}.loading-spinner.small[data-v-2c9d3678]{width:20px;height:20px;border-width:2px}.load-comments-button[data-v-2c9d3678]{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease;width:100%;margin-top:10px}.load-comments-button[data-v-2c9d3678]:hover{background:#5a67d8}.comments-section h3[data-v-2c9d3678]{color:#333;margin-bottom:10px;font-size:1.1rem;display:block}.comments-list[data-v-2c9d3678]{margin-bottom:10px;padding-left:0}.comment-item[data-v-2c9d3678]{background:#fff;padding:10px;margin-bottom:8px;border-radius:4px;border-left:2px solid #ddd;border-bottom:1px solid #eee;transition:none}.comment-item[data-v-2c9d3678]:hover{transform:none;box-shadow:none;background:#f9f9f9}.comment-header[data-v-2c9d3678]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.comment-author[data-v-2c9d3678]{font-weight:600;color:#333}.comment-time[data-v-2c9d3678]{font-size:.8rem;color:#999}.comment-content[data-v-2c9d3678]{color:#333;line-height:1.4;padding-left:0}.submit-answer-container[data-v-2c9d3678]{margin:20px 0}.submit-answer-container .submit-button[data-v-2c9d3678]{width:100%;max-width:none;padding:12px 24px;font-size:1rem}.floating-comment[data-v-2c9d3678]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:white;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:12px 15px;display:flex;gap:8px;width:90%;max-width:600px;z-index:1000}.comment-input[data-v-2c9d3678]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:all .2s ease}.comment-input[data-v-2c9d3678]:focus{outline:none;border-color:#667eea}.submit-comment[data-v-2c9d3678]{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.submit-comment[data-v-2c9d3678]:hover:not(:disabled){background:#5a67d8}.submit-comment[data-v-2c9d3678]:disabled{background:#ccc;cursor:not-allowed}.control-button[data-v-2c9d3678]{padding:10px 18px;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button[data-v-2c9d3678]{background:#4caf50;color:#fff}.submit-button[data-v-2c9d3678]:hover:not(:disabled){background:#45a049}.control-button[data-v-2c9d3678]:disabled{background:#ccc;color:#666;cursor:not-allowed}.loading-indicator[data-v-2c9d3678]{text-align:center;padding:60px 20px}.loading-spinner[data-v-2c9d3678]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-2c9d3678 1s linear infinite;margin:0 auto 20px}@keyframes spin-2c9d3678{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-2c9d3678]{background:#ffebee;color:#c62828;padding:20px;border-radius:8px;text-align:center;margin:20px 0}.retry-button[data-v-2c9d3678]{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:6px;margin-left:10px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.retry-button[data-v-2c9d3678]:hover{background:#d32f2f}.expand-enter-active[data-v-2c9d3678],.expand-leave-active[data-v-2c9d3678]{transition:all .3s ease;overflow:hidden}.expand-enter-from[data-v-2c9d3678],.expand-leave-to[data-v-2c9d3678]{opacity:0;max-height:0}.expand-enter-to[data-v-2c9d3678],.expand-leave-from[data-v-2c9d3678]{opacity:1;max-height:500px}.no-select[data-v-2c9d3678]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.exam-score-container[data-v-2c9d3678]{background:white;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000000d}.score-header[data-v-2c9d3678]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f2ff}.score-header h2[data-v-2c9d3678]{margin:0;color:#333;font-size:1.5rem}.score-card[data-v-2c9d3678]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:30px;color:#fff;margin-bottom:30px}.score-main[data-v-2c9d3678]{text-align:center;margin-bottom:30px}.score-value[data-v-2c9d3678]{font-size:4rem;font-weight:700;line-height:1}.score-max[data-v-2c9d3678]{font-size:1.2rem;opacity:.8;margin-top:10px}.score-details[data-v-2c9d3678]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.score-item[data-v-2c9d3678]{display:flex;flex-direction:column;align-items:center;padding:10px;background:rgba(255,255,255,.1);border-radius:8px}.score-label[data-v-2c9d3678]{font-size:.9rem;opacity:.8;margin-bottom:5px}.score-detail[data-v-2c9d3678]{font-size:1.1rem;font-weight:600}.ai-comment-section[data-v-2c9d3678]{background:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:15px;border-left:3px solid #9c27b0}.ai-comment-title[data-v-2c9d3678]{color:#9c27b0;font-size:1.3rem;margin-bottom:10px;font-weight:700;text-align:center}.ai-comment-content p[data-v-2c9d3678]{line-height:1.6;margin:0;color:#333}.ai-comment-loading[data-v-2c9d3678]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#666}.ai-comment-loading .loading-spinner[data-v-2c9d3678]{width:30px;height:30px;margin-bottom:10px}.ai-comment-section h3[data-v-2c9d3678]{margin-top:0;margin-bottom:15px;color:#333}.ai-comment-content[data-v-2c9d3678]{background:white;padding:20px;border-radius:8px;line-height:1.6;font-size:1.05rem;color:#333}.action-buttons[data-v-2c9d3678]{display:flex;justify-content:center;gap:20px}.action-buttons .control-button[data-v-2c9d3678]{min-width:150px;background:#667eea;color:#fff}.action-buttons .control-button[data-v-2c9d3678]:hover{background:#5a67d8}@media (max-width: 768px){.content-wrapper[data-v-2c9d3678]{padding:20px 15px}.question-container[data-v-2c9d3678]{min-height:500px}.question-content[data-v-2c9d3678]{padding:20px}.question-text[data-v-2c9d3678]{font-size:1rem}.choice-item[data-v-2c9d3678]{padding:12px 15px}.floating-comment[data-v-2c9d3678]{width:95%;padding:10px 12px;bottom:15px}.exam-score-container[data-v-2c9d3678],.score-card[data-v-2c9d3678]{padding:20px}.score-value[data-v-2c9d3678]{font-size:3rem}.score-details[data-v-2c9d3678]{grid-template-columns:1fr 1fr}.action-buttons[data-v-2c9d3678]{flex-direction:column}.action-buttons .control-button[data-v-2c9d3678]{width:100%}}