@charset "UTF-8";#app{width:100%;height:100vh;font-family:Inter,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:transparent}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-message{min-width:300px}.el-notification .el-notification__title{font-weight:600}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.w-full{width:100%}.h-full{height:100%}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.top-navbar[data-v-cd88ba8d]{background:#ffffff4d;backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container[data-v-cd88ba8d]{max-width:none;margin:0;padding:0 120px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo-container[data-v-cd88ba8d]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-cd88ba8d]{width:24px;height:24px;color:#667eea}.logo-text[data-v-cd88ba8d]{font-size:20px;font-weight:700;color:#2d3748}.main-menu[data-v-cd88ba8d]{display:flex;gap:32px;align-items:center}.menu-item[data-v-cd88ba8d]{text-decoration:none;color:#fff;font-weight:500;font-size:16px;padding:12px 20px;border-radius:25px;transition:all .3s ease;position:relative;background-color:#ffb45acc;width:120px;text-align:center;display:inline-block;box-sizing:border-box;white-space:nowrap}.menu-item[data-v-cd88ba8d]:hover{color:#fff;background-color:#ffb45a}.user-info-section[data-v-cd88ba8d]{display:flex;align-items:center;gap:12px}.user-icon[data-v-cd88ba8d]{color:#ffb45a;font-size:30px;cursor:pointer;transition:all .3s ease;padding:6px;border-radius:50%}.user-icon[data-v-cd88ba8d]:hover{color:#f93;transform:scale(1.15)}.username[data-v-cd88ba8d]{color:#fff;font-weight:500;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.nav-container[data-v-cd88ba8d]{padding:0 16px;height:60px}.logo-text[data-v-cd88ba8d]{font-size:18px}.main-menu[data-v-cd88ba8d]{gap:20px}.menu-item[data-v-cd88ba8d]{font-size:14px}}.home-page[data-v-cb5364b2]{min-height:100vh;overflow-x:hidden;position:relative}.lighthouse-bg[data-v-cb5364b2]{position:absolute;inset:0;background:transparent;z-index:-2}.overlay[data-v-cb5364b2]{position:fixed;inset:0;background:transparent;z-index:-1}.main-content[data-v-cb5364b2]{min-height:auto;padding-top:0;position:relative;z-index:1}.hero-section[data-v-cb5364b2]{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:80px 120px;background:url(/assets/top-s-IxE7zV.jpg) center/cover no-repeat;position:relative}.hero-content[data-v-cb5364b2]{max-width:800px;color:#fff}.hero-title[data-v-cb5364b2]{font-size:4.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}.hero-subtitle[data-v-cb5364b2]{font-size:1.5rem;margin-bottom:40px;opacity:.9;line-height:1.6}.hero-actions[data-v-cb5364b2]{display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap}.btn[data-v-cb5364b2]{padding:12px 32px;border-radius:6px;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-block}.btn-primary[data-v-cb5364b2]{background:#667eea;color:#fff}.btn-primary[data-v-cb5364b2]:hover{background:#5a67d8;transform:translateY(-2px)}.register-btn[data-v-cb5364b2]{background:#ffb45acc!important;border:none!important;color:#fff!important;border-radius:50px!important;padding:16px 24px!important;font-family:Microsoft YaHei,sans-serif!important;font-weight:700!important;font-size:18px!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .3s ease!important;text-decoration:none!important;box-sizing:border-box!important;white-space:nowrap!important;justify-content:center!important}.register-btn[data-v-cb5364b2]:hover{background:#ffb45a!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:8px 10px 45px #00000040!important}.register-icon[data-v-cb5364b2]{width:24px;height:24px;flex-shrink:0}.btn-secondary[data-v-cb5364b2]{background:transparent;color:#fff;border:2px solid white}.btn-secondary[data-v-cb5364b2]:hover{background:#fff;color:#667eea}.footer[data-v-cb5364b2]{background:transparent;color:#000;padding:60px 20px 40px;position:relative;width:100%;opacity:1;z-index:10}.footer-content[data-v-cb5364b2]{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-left[data-v-cb5364b2]{flex:1}.footer-logo[data-v-cb5364b2]{display:flex;align-items:center;gap:8px}.footer-logo .logo-icon[data-v-cb5364b2]{width:24px;height:24px;color:#667eea}.footer-logo .logo-text[data-v-cb5364b2]{font-size:20px;font-weight:700;color:#000}.footer-right[data-v-cb5364b2]{flex:2}.contact-info[data-v-cb5364b2]{display:flex;flex-direction:column;gap:15px}.contact-item[data-v-cb5364b2]{display:flex;align-items:center;gap:10px;color:#000;font-size:14px}.contact-icon[data-v-cb5364b2]{width:16px;height:16px;color:#667eea;flex-shrink:0}@media (max-width: 768px){.hero-section[data-v-cb5364b2]{padding:60px 16px;min-height:calc(100vh - 60px)}.hero-title[data-v-cb5364b2]{font-size:2.5rem}.hero-subtitle[data-v-cb5364b2]{font-size:1.1rem}.hero-actions[data-v-cb5364b2]{flex-direction:column;align-items:center}.btn[data-v-cb5364b2]{width:100%;max-width:280px}.register-btn[data-v-cb5364b2]{font-size:16px!important;padding:14px 20px!important;border-radius:40px!important}.register-icon[data-v-cb5364b2]{width:20px!important;height:20px!important}.about-section[data-v-cb5364b2]{padding:60px 16px}.section-title[data-v-cb5364b2]{font-size:2rem}.cards-grid[data-v-cb5364b2]{grid-template-columns:1fr;gap:20px}.footer[data-v-cb5364b2]{padding:40px 16px 30px}.footer-content[data-v-cb5364b2]{flex-direction:column;gap:30px}}@media (max-width: 480px){.hero-title[data-v-cb5364b2]{font-size:2rem}.hero-subtitle[data-v-cb5364b2]{font-size:1rem}.section-title[data-v-cb5364b2]{font-size:1.75rem}.main-menu[data-v-cb5364b2]{display:none}.register-btn[data-v-cb5364b2]{font-size:14px!important;padding:12px 18px!important;border-radius:35px!important}.register-icon[data-v-cb5364b2]{width:18px!important;height:18px!important}}.about-section[data-v-cb5364b2]{background-color:#e9f5fb;padding:80px 20px;position:relative;width:100%}.section-title[data-v-cb5364b2]{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:60px}.cards-grid[data-v-cb5364b2]{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%}.card[data-v-cb5364b2]{background:#ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;flex-direction:column;height:450px}.card[data-v-cb5364b2]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026;background:#ffffff26}.card-image[data-v-cb5364b2]{width:100%;height:200px;overflow:hidden}.card-img[data-v-cb5364b2]{width:100%;height:100%;object-fit:cover;display:block}.card-content[data-v-cb5364b2]{padding:30px;background:#fff;flex:1;display:flex;flex-direction:column}.card-title[data-v-cb5364b2]{font-size:1.5rem;font-weight:600;color:#003453;margin-bottom:15px}.card-description[data-v-cb5364b2]{color:#003453;line-height:1.6;font-size:16px;flex:1}.third-section[data-v-cb5364b2]{background:url(/assets/down-BgEY9KUQ.png) center/contain no-repeat;background-size:100% 100%;position:relative;width:100%;min-height:auto;padding-bottom:0}.stats-section[data-v-cb5364b2]{background:transparent;padding:5px 0 0;position:relative;z-index:10}.stats-grid-new[data-v-cb5364b2]{display:flex;gap:240px;align-items:flex-start;margin-bottom:5px;width:100%}.stats-left[data-v-cb5364b2]{flex-shrink:0;width:340px}.stat-main-new[data-v-cb5364b2]{display:flex;flex-direction:column;gap:25px;align-items:flex-start;justify-content:center}.stat-header-new[data-v-cb5364b2]{display:flex;gap:12px;align-items:center;width:100%}.stat-icon-new[data-v-cb5364b2]{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px 2px;flex-shrink:0}.stat-icon-orange[data-v-cb5364b2]{background-color:#f8a40a33}.stat-icon-blue[data-v-cb5364b2]{background-color:#1f78ff33}.stat-icon-green[data-v-cb5364b2]{background-color:#00ae8633}.stat-icon-red[data-v-cb5364b2]{background-color:#d51c1c33}.stat-icon-purple[data-v-cb5364b2]{background-color:#de4cfa33}.stat-icon-new svg[data-v-cb5364b2]{width:40px;height:40px;color:#333}.stat-icon-orange svg[data-v-cb5364b2]{color:#ffb45a!important}.stat-icon-blue svg[data-v-cb5364b2]{color:#1e5fcc!important}.stat-icon-green svg[data-v-cb5364b2]{color:#006b52!important}.stat-icon-red svg[data-v-cb5364b2]{color:#b71c1c!important}.stat-icon-purple svg[data-v-cb5364b2]{color:#8e24aa!important}.stat-title-new[data-v-cb5364b2]{font-family:Microsoft YaHei,sans-serif;font-size:24px;font-weight:400;color:#374151;line-height:1.5;white-space:nowrap}.stat-circle-container[data-v-cb5364b2]{position:relative;display:inline-grid;grid-template-columns:max-content;grid-template-rows:max-content;place-items:start}.stat-circle-new[data-v-cb5364b2]{grid-area:1 / 1;width:340px;height:340px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;position:relative}.stat-circle-new[data-v-cb5364b2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#f59e0b 0deg 359.64deg,#e5e7eb 359.64deg);mask:radial-gradient(circle at center,transparent 140px,black 140px);-webkit-mask:radial-gradient(circle at center,transparent 140px,black 140px)}.stat-percentage-new[data-v-cb5364b2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:row;align-items:baseline;justify-content:center;font-family:Microsoft YaHei,sans-serif;font-weight:700;color:#183a68;text-align:center;line-height:1;gap:2px}.percentage-number[data-v-cb5364b2]{font-size:72px;line-height:1}.percentage-symbol[data-v-cb5364b2]{font-size:32px;line-height:1}.stats-right[data-v-cb5364b2]{flex:1}.stats-grid-2x2[data-v-cb5364b2]{display:grid;grid-template-columns:1fr 1fr;gap:80px 80px;align-items:center}.stat-item-new[data-v-cb5364b2]{display:flex;flex-direction:column;align-items:flex-start;width:460px;padding:12px 0}.stat-number-new[data-v-cb5364b2]{font-family:Microsoft YaHei,sans-serif;font-size:92px;font-weight:700;color:#183a68;line-height:1.6;width:100%}.stat-number-blue[data-v-cb5364b2]{color:#2563eb!important}.stat-number-green[data-v-cb5364b2]{color:#16a34a!important}.stat-number-red[data-v-cb5364b2]{color:#dc2626!important}.stat-number-purple[data-v-cb5364b2]{color:#9333ea!important}@media (max-width: 1400px){.stats-grid-new[data-v-cb5364b2]{gap:120px}.stat-item-new[data-v-cb5364b2]{width:380px}}@media (max-width: 1200px){.stats-grid-new[data-v-cb5364b2]{flex-direction:column;gap:15px;align-items:center}.stats-left[data-v-cb5364b2]{width:auto}.stats-right[data-v-cb5364b2]{width:100%;max-width:800px}.stats-grid-2x2[data-v-cb5364b2]{gap:60px 40px}.stat-item-new[data-v-cb5364b2]{width:100%;max-width:360px}}@media (max-width: 768px){.stats-section[data-v-cb5364b2]{padding:5px 0 0}.stats-grid-new[data-v-cb5364b2]{gap:10px}.stat-circle-new[data-v-cb5364b2]{width:280px;height:280px}.stat-circle-new[data-v-cb5364b2]:before{mask:radial-gradient(circle at center,transparent 115px,black 115px);-webkit-mask:radial-gradient(circle at center,transparent 115px,black 115px)}.stat-percentage-new[data-v-cb5364b2]{margin-top:100px}.percentage-number[data-v-cb5364b2]{font-size:42px}.percentage-symbol[data-v-cb5364b2]{font-size:18px}.stat-title-new[data-v-cb5364b2]{font-size:20px}.stat-icon-new[data-v-cb5364b2]{width:60px;height:60px}.stat-icon-new svg[data-v-cb5364b2]{width:32px;height:32px}.stats-grid-2x2[data-v-cb5364b2]{grid-template-columns:1fr;gap:40px}.stat-number-new[data-v-cb5364b2]{font-size:72px}}@media (max-width: 480px){.stat-circle-new[data-v-cb5364b2]{width:240px;height:240px}.stat-circle-new[data-v-cb5364b2]:before{mask:radial-gradient(circle at center,transparent 95px,black 95px);-webkit-mask:radial-gradient(circle at center,transparent 95px,black 95px)}.stat-percentage-new[data-v-cb5364b2]{margin-top:80px}.percentage-number[data-v-cb5364b2]{font-size:56px}.percentage-symbol[data-v-cb5364b2]{font-size:24px}.stat-title-new[data-v-cb5364b2]{font-size:18px}.stat-number-new[data-v-cb5364b2]{font-size:56px}.stat-icon-new[data-v-cb5364b2]{width:50px;height:50px}.stat-icon-new svg[data-v-cb5364b2]{width:28px;height:28px}}.stats-content[data-v-cb5364b2]{text-align:center;max-width:1600px;margin:160px auto 320px;padding:0 40px;width:100%}.stats-slogan[data-v-cb5364b2]{font-size:4rem;font-weight:700;color:#003453;margin-bottom:30px;line-height:1.2;max-width:900px;margin-left:auto;margin-right:auto}.stats-description[data-v-cb5364b2]{font-size:16px;color:#003453;line-height:1.5;margin:0;width:100%;font-weight:700}@media (max-width: 1024px){.stats-grid[data-v-cb5364b2]{grid-template-columns:1fr 1fr;gap:30px}.stat-main[data-v-cb5364b2]{grid-column:span 2;grid-row:span 1}.stats-slogan[data-v-cb5364b2]{font-size:2.5rem}}@media (max-width: 768px){.stats-section[data-v-cb5364b2]{padding:60px 0}.stats-grid[data-v-cb5364b2]{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.stat-main[data-v-cb5364b2]{grid-column:span 1}.stat-circle[data-v-cb5364b2]{width:100px;height:100px}.stat-percentage[data-v-cb5364b2]{font-size:20px}.stat-number[data-v-cb5364b2]{font-size:28px}.stats-slogan[data-v-cb5364b2]{font-size:2rem}.stats-description[data-v-cb5364b2]{font-size:14px;font-weight:700}}.container[data-v-cb5364b2]{max-width:1600px;margin:0 auto;padding:0 40px;width:100%}.top-navbar[data-v-6281d573]{background:#ffffff4d;backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container[data-v-6281d573]{max-width:none;margin:0;padding:0 120px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo-container[data-v-6281d573]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-6281d573]{font-size:24px;color:#667eea}.logo-text[data-v-6281d573]{font-size:20px;font-weight:700;color:#2d3748}.main-menu[data-v-6281d573]{display:flex;gap:32px;align-items:center}.menu-item[data-v-6281d573]{text-decoration:none;color:#fff;font-weight:500;font-size:16px;padding:12px 20px;border-radius:25px;transition:all .3s ease;position:relative;background-color:#ffb45acc;width:120px;text-align:center;display:inline-block;box-sizing:border-box;white-space:nowrap}.menu-item[data-v-6281d573]:hover{color:#fff;background-color:#ffb45a}.login-container[data-v-6281d573]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:90px 20px 20px}.login-card[data-v-6281d573]{width:100%;max-width:400px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:none;padding:32px}.login-header[data-v-6281d573]{text-align:center;margin-bottom:32px}.login-title[data-v-6281d573]{font-size:28px;font-weight:600;color:#2c3e50;margin:0 0 8px}.login-subtitle[data-v-6281d573]{font-size:16px;color:#7f8c8d;margin:0}.login-form[data-v-6281d573]{margin-bottom:24px}.login-options[data-v-6281d573]{display:flex;justify-content:space-between;align-items:center;width:100%}.login-button[data-v-6281d573]{width:100%;height:44px;font-size:16px;font-weight:500;background-color:#ffb45a!important;border:none!important;border-radius:8px;box-shadow:none!important}.login-button[data-v-6281d573]:hover{background-color:#ff9f3d!important;border-color:transparent!important}.login-button[data-v-6281d573]:focus{background-color:#ffb45a!important;border-color:transparent!important}.login-footer[data-v-6281d573]{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.login-footer p[data-v-6281d573]{margin:0;color:#7f8c8d}@media (max-width: 480px){.login-card[data-v-6281d573]{padding:24px}.login-title[data-v-6281d573]{font-size:24px}}.login-form[data-v-6281d573] .el-input__wrapper{box-shadow:none!important;border:1px solid #e5e7eb;border-radius:8px}.login-form[data-v-6281d573] .el-input__wrapper.is-focus{border-color:#ffb45a}.login-form[data-v-6281d573] .el-input__wrapper:hover{border-color:#d1d5db}.top-navbar[data-v-389bf691]{background:#ffffff4d;backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container[data-v-389bf691]{max-width:none;margin:0;padding:0 120px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo-container[data-v-389bf691]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-389bf691]{font-size:24px;color:#667eea}.logo-text[data-v-389bf691]{font-size:20px;font-weight:700;color:#2d3748}.main-menu[data-v-389bf691]{display:flex;gap:32px;align-items:center}.menu-item[data-v-389bf691]{text-decoration:none;color:#fff;font-weight:500;font-size:16px;padding:12px 20px;border-radius:25px;transition:all .3s ease;position:relative;background-color:#ffb45acc;width:120px;text-align:center;display:inline-block;box-sizing:border-box;white-space:nowrap}.menu-item[data-v-389bf691]:hover{color:#fff;background-color:#ffb45a}.register-container[data-v-389bf691]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:90px 20px 20px}.register-card[data-v-389bf691]{width:100%;max-width:450px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:none;padding:32px}.register-header[data-v-389bf691]{text-align:center;margin-bottom:32px}.register-title[data-v-389bf691]{font-size:28px;font-weight:600;color:#2c3e50;margin:0 0 8px}.register-subtitle[data-v-389bf691]{font-size:16px;color:#7f8c8d;margin:0}.register-form[data-v-389bf691]{margin-bottom:24px}.register-button[data-v-389bf691]{width:100%;height:44px;font-size:16px;font-weight:500;background-color:#ffb45a!important;border:none!important;border-radius:8px;box-shadow:none!important}.register-button[data-v-389bf691]:hover{background-color:#ff9f3d!important;border-color:transparent!important}.register-button[data-v-389bf691]:focus{background-color:#ffb45a!important;border-color:transparent!important}.register-footer[data-v-389bf691]{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.register-footer p[data-v-389bf691]{margin:0;color:#7f8c8d}.sms-code-wrapper[data-v-389bf691]{display:flex;gap:12px;align-items:flex-start;width:100%}.sms-input[data-v-389bf691]{flex:1;min-width:0}.sms-button[data-v-389bf691]{flex-shrink:0;width:120px;background-color:#ffb45a!important;border:none!important;border-radius:8px;box-shadow:none!important}.sms-button[data-v-389bf691]:hover{background-color:#ff9f3d!important;border-color:transparent!important}.sms-button[data-v-389bf691]:focus{background-color:#ffb45a!important;border-color:transparent!important}@media (max-width: 480px){.register-card[data-v-389bf691]{padding:24px}.register-title[data-v-389bf691]{font-size:24px}.sms-code-wrapper[data-v-389bf691]{flex-direction:column;gap:8px}.sms-button[data-v-389bf691]{width:100%;min-width:auto}}.register-form[data-v-389bf691] .el-input__wrapper{box-shadow:none!important;border:1px solid #e5e7eb;border-radius:8px}.register-form[data-v-389bf691] .el-input__wrapper.is-focus{border-color:#ffb45a}.register-form[data-v-389bf691] .el-input__wrapper:hover{border-color:#d1d5db}.dashboard-container[data-v-d42667fe]{padding:24px;max-width:1200px;margin:0 auto}.dashboard-header[data-v-d42667fe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.welcome-title[data-v-d42667fe]{font-size:28px;font-weight:600;margin:0 0 8px}.welcome-subtitle[data-v-d42667fe]{font-size:16px;margin:0;opacity:.9}.quick-actions[data-v-d42667fe]{display:flex;gap:12px}.stats-grid[data-v-d42667fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-d42667fe]{display:flex;align-items:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;transition:transform .2s}.stat-card[data-v-d42667fe]:hover{transform:translateY(-2px)}.stat-icon[data-v-d42667fe]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:24px;color:#fff}.stat-icon.study-time[data-v-d42667fe]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.practice-count[data-v-d42667fe]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.score[data-v-d42667fe]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.streak[data-v-d42667fe]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-d42667fe]{font-size:14px;color:#666;margin:0 0 8px}.stat-number[data-v-d42667fe]{font-size:32px;font-weight:600;color:#2c3e50;margin:0;line-height:1}.stat-unit[data-v-d42667fe]{font-size:14px;color:#999}.main-content[data-v-d42667fe]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.content-section[data-v-d42667fe]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.section-header[data-v-d42667fe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-d42667fe]{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.skill-progress[data-v-d42667fe]{margin-bottom:20px}.skill-progress[data-v-d42667fe]:last-child{margin-bottom:0}.skill-info[data-v-d42667fe]{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name[data-v-d42667fe]{font-weight:500;color:#2c3e50}.skill-score[data-v-d42667fe]{color:#666;font-size:14px}.practice-item[data-v-d42667fe]{display:flex;align-items:center;padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.practice-item[data-v-d42667fe]:hover{border-color:#409eff;background:#f8f9ff}.practice-item[data-v-d42667fe]:last-child{margin-bottom:0}.practice-icon[data-v-d42667fe]{width:40px;height:40px;background:#f0f2f5;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#666}.practice-info[data-v-d42667fe]{flex:1}.practice-info h4[data-v-d42667fe]{font-size:16px;font-weight:500;color:#2c3e50;margin:0 0 4px}.practice-info p[data-v-d42667fe]{font-size:14px;color:#999;margin:0}.practice-score[data-v-d42667fe]{text-align:right}.practice-score .score[data-v-d42667fe]{font-size:20px;font-weight:600;color:#409eff}.practice-score .total[data-v-d42667fe]{font-size:14px;color:#999}.quick-start-section[data-v-d42667fe]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.quick-start-section h2[data-v-d42667fe]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 20px}.quick-start-grid[data-v-d42667fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-start-card[data-v-d42667fe]{text-align:center;padding:24px;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s}.quick-start-card[data-v-d42667fe]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.card-icon[data-v-d42667fe]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#fff}.card-icon.speaking[data-v-d42667fe]{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.writing[data-v-d42667fe]{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.reading[data-v-d42667fe]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.listening[data-v-d42667fe]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.quick-start-card h3[data-v-d42667fe]{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 8px}.quick-start-card p[data-v-d42667fe]{font-size:14px;color:#666;margin:0}@media (max-width: 768px){.dashboard-header[data-v-d42667fe]{flex-direction:column;text-align:center;gap:16px}.main-content[data-v-d42667fe]{grid-template-columns:1fr}.stats-grid[data-v-d42667fe]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-container[data-v-d42667fe]{padding:16px}.stats-grid[data-v-d42667fe]{grid-template-columns:1fr}}.practice-container[data-v-d8751fa8]{padding:24px;max-width:1200px;margin:0 auto}.practice-header[data-v-d8751fa8]{text-align:center;margin-bottom:40px}.practice-header h1[data-v-d8751fa8]{font-size:32px;font-weight:600;color:#2c3e50;margin:0 0 12px}.practice-header p[data-v-d8751fa8]{font-size:16px;color:#7f8c8d;margin:0}.skill-modules[data-v-d8751fa8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.skill-card[data-v-d8751fa8]{text-align:center;padding:32px 24px;background:#fff;border:2px solid #eee;border-radius:16px;cursor:pointer;transition:all .3s}.skill-card[data-v-d8751fa8]:hover{border-color:#409eff;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.skill-card.active[data-v-d8751fa8]{border-color:#409eff;background:#f8f9ff}.skill-icon[data-v-d8751fa8]{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#fff}.skill-icon.speaking[data-v-d8751fa8]{background:linear-gradient(135deg,#667eea,#764ba2)}.skill-icon.writing[data-v-d8751fa8]{background:linear-gradient(135deg,#f093fb,#f5576c)}.skill-icon.reading[data-v-d8751fa8]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.skill-icon.listening[data-v-d8751fa8]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.skill-card h3[data-v-d8751fa8]{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 12px}.skill-card p[data-v-d8751fa8]{font-size:14px;color:#7f8c8d;margin:0 0 16px;line-height:1.5}.skill-stats[data-v-d8751fa8]{display:flex;justify-content:center;gap:16px;font-size:12px;color:#999}.practice-types[data-v-d8751fa8]{margin-bottom:40px}.practice-types h2[data-v-d8751fa8]{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 24px}.type-grid[data-v-d8751fa8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.type-card[data-v-d8751fa8]{padding:24px;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s}.type-card[data-v-d8751fa8]:hover{border-color:#409eff;box-shadow:0 4px 16px #0000001a}.type-header[data-v-d8751fa8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.type-header h4[data-v-d8751fa8]{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.type-card p[data-v-d8751fa8]{font-size:14px;color:#7f8c8d;margin:0 0 16px;line-height:1.5}.type-info[data-v-d8751fa8]{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:#999}.type-info span[data-v-d8751fa8]{display:flex;align-items:center;gap:4px}.start-btn[data-v-d8751fa8]{width:100%}.recent-practice[data-v-d8751fa8]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.section-header[data-v-d8751fa8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-d8751fa8]{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.history-item[data-v-d8751fa8]{display:flex;align-items:center;padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.history-item[data-v-d8751fa8]:hover{border-color:#409eff;background:#f8f9ff}.history-item[data-v-d8751fa8]:last-child{margin-bottom:0}.history-icon[data-v-d8751fa8]{width:40px;height:40px;background:#f0f2f5;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#666}.history-info[data-v-d8751fa8]{flex:1}.history-info h4[data-v-d8751fa8]{font-size:16px;font-weight:500;color:#2c3e50;margin:0 0 4px}.history-info p[data-v-d8751fa8]{font-size:14px;color:#999;margin:0}.history-score[data-v-d8751fa8]{text-align:right;margin-right:16px}.history-score .score[data-v-d8751fa8]{font-size:20px;font-weight:600;color:#409eff}.history-score .total[data-v-d8751fa8]{font-size:14px;color:#999}@media (max-width: 768px){.practice-container[data-v-d8751fa8]{padding:16px}.skill-modules[data-v-d8751fa8]{grid-template-columns:repeat(2,1fr)}.type-grid[data-v-d8751fa8]{grid-template-columns:1fr}}@media (max-width: 480px){.skill-modules[data-v-d8751fa8]{grid-template-columns:1fr}.history-item[data-v-d8751fa8]{flex-direction:column;align-items:flex-start;gap:12px}.history-score[data-v-d8751fa8]{margin-right:0}}.mock-test-container[data-v-726143ad]{padding:24px;max-width:1200px;margin:0 auto}.test-header[data-v-726143ad]{text-align:center;margin-bottom:40px}.test-header h1[data-v-726143ad]{font-size:32px;font-weight:600;color:#2c3e50;margin:0 0 12px}.test-header p[data-v-726143ad]{font-size:16px;color:#7f8c8d;margin:0}.test-selection[data-v-726143ad]{margin-bottom:40px}.test-selection h2[data-v-726143ad]{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 24px}.test-types[data-v-726143ad]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.test-card[data-v-726143ad]{text-align:center;padding:32px 24px;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s}.test-card[data-v-726143ad]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.test-icon[data-v-726143ad]{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#fff}.test-card h3[data-v-726143ad]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 12px}.test-card p[data-v-726143ad]{font-size:14px;color:#7f8c8d;margin:0 0 16px;line-height:1.5}.test-info[data-v-726143ad]{display:flex;justify-content:center;gap:16px;margin-bottom:20px;font-size:12px;color:#999}.test-info span[data-v-726143ad]{display:flex;align-items:center;gap:4px}.test-history[data-v-726143ad]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.section-header[data-v-726143ad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-726143ad]{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.history-item[data-v-726143ad]{display:flex;align-items:center;padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.history-item[data-v-726143ad]:hover{border-color:#409eff;background:#f8f9ff}.history-item[data-v-726143ad]:last-child{margin-bottom:0}.history-info[data-v-726143ad]{flex:1}.history-info h4[data-v-726143ad]{font-size:16px;font-weight:500;color:#2c3e50;margin:0 0 4px}.history-info p[data-v-726143ad]{font-size:14px;color:#999;margin:0}.history-score[data-v-726143ad]{text-align:right;margin-right:16px}.history-score .score[data-v-726143ad]{font-size:20px;font-weight:600;color:#409eff}.history-score .total[data-v-726143ad]{font-size:14px;color:#999}@media (max-width: 768px){.mock-test-container[data-v-726143ad]{padding:16px}.test-types[data-v-726143ad]{grid-template-columns:1fr}}.ai-evaluation-container[data-v-5ebb885c]{padding:24px;max-width:1200px;margin:0 auto}.evaluation-header[data-v-5ebb885c]{text-align:center;margin-bottom:40px}.evaluation-header h1[data-v-5ebb885c]{font-size:32px;font-weight:600;color:#2c3e50;margin:0 0 12px}.evaluation-header p[data-v-5ebb885c]{font-size:16px;color:#7f8c8d;margin:0}.evaluation-types[data-v-5ebb885c]{margin-bottom:40px}.evaluation-types h2[data-v-5ebb885c]{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 24px}.type-grid[data-v-5ebb885c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.type-card[data-v-5ebb885c]{text-align:center;padding:32px 24px;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s}.type-card[data-v-5ebb885c]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.type-icon[data-v-5ebb885c]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#fff}.type-icon.comprehensive[data-v-5ebb885c]{background:linear-gradient(135deg,#667eea,#764ba2)}.type-icon.progress[data-v-5ebb885c]{background:linear-gradient(135deg,#f093fb,#f5576c)}.type-icon.target[data-v-5ebb885c]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.type-card h3[data-v-5ebb885c]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 12px}.type-card p[data-v-5ebb885c]{font-size:14px;color:#7f8c8d;margin:0 0 16px;line-height:1.5}.type-features[data-v-5ebb885c]{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.evaluation-reports[data-v-5ebb885c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a;margin-bottom:40px}.section-header[data-v-5ebb885c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-5ebb885c]{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.report-item[data-v-5ebb885c]{display:flex;align-items:center;padding:20px;border:1px solid #eee;border-radius:8px;margin-bottom:16px;cursor:pointer;transition:all .2s}.report-item[data-v-5ebb885c]:hover{border-color:#409eff;background:#f8f9ff}.report-item[data-v-5ebb885c]:last-child{margin-bottom:0}.report-icon[data-v-5ebb885c]{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;font-size:20px}.report-info[data-v-5ebb885c]{flex:1}.report-info h4[data-v-5ebb885c]{font-size:16px;font-weight:500;color:#2c3e50;margin:0 0 8px}.report-info p[data-v-5ebb885c]{font-size:14px;color:#999;margin:0 0 8px}.report-tags[data-v-5ebb885c]{display:flex;gap:8px;flex-wrap:wrap}.report-score[data-v-5ebb885c]{text-align:center}.score-circle[data-v-5ebb885c]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.score-circle .score[data-v-5ebb885c]{font-size:20px;font-weight:600;color:#fff}.score-label[data-v-5ebb885c]{font-size:12px;color:#999}.ai-suggestions[data-v-5ebb885c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.ai-suggestions h2[data-v-5ebb885c]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 20px}.suggestions-grid[data-v-5ebb885c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.suggestion-card[data-v-5ebb885c]{padding:20px;border:1px solid #eee;border-radius:8px;background:#fafafa}.suggestion-header[data-v-5ebb885c]{display:flex;align-items:center;margin-bottom:12px}.suggestion-icon[data-v-5ebb885c]{width:32px;height:32px;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#fff;font-size:16px}.suggestion-header h3[data-v-5ebb885c]{font-size:16px;font-weight:500;color:#2c3e50;margin:0}.suggestion-card p[data-v-5ebb885c]{font-size:14px;color:#666;line-height:1.6;margin:0 0 16px}.suggestion-actions[data-v-5ebb885c]{display:flex;gap:8px}@media (max-width: 768px){.ai-evaluation-container[data-v-5ebb885c]{padding:16px}.type-grid[data-v-5ebb885c],.suggestions-grid[data-v-5ebb885c]{grid-template-columns:1fr}.report-item[data-v-5ebb885c]{flex-direction:column;align-items:flex-start;gap:16px}}.profile-page[data-v-b1a7628e]{padding:20px;background-color:#f5f5f5;min-height:calc(100vh - 60px)}.profile-container[data-v-b1a7628e]{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a}.profile-header[data-v-b1a7628e]{padding:30px;border-bottom:1px solid #ebeef5;display:flex;justify-content:space-between;align-items:center}.avatar-section[data-v-b1a7628e]{display:flex;align-items:center;gap:20px}.avatar[data-v-b1a7628e]{width:80px;height:80px;border-radius:50%;overflow:hidden}.avatar img[data-v-b1a7628e]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-b1a7628e]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.user-info h2[data-v-b1a7628e]{margin:0 0 8px;color:#303133}.user-info .user-email[data-v-b1a7628e]{margin:0 0 4px;color:#606266;font-size:14px}.user-info .join-date[data-v-b1a7628e]{margin:0;color:#909399;font-size:12px}.profile-content[data-v-b1a7628e]{padding:30px}.profile-tabs[data-v-b1a7628e] .el-tabs__header{margin-bottom:30px}.basic-info[data-v-b1a7628e]{max-width:600px}.stats-section .stats-grid[data-v-b1a7628e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stats-section .stat-card[data-v-b1a7628e]{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.stats-section .stat-card .stat-number[data-v-b1a7628e]{font-size:36px;font-weight:700;margin-bottom:8px}.stats-section .stat-card .stat-label[data-v-b1a7628e]{font-size:14px;opacity:.9}.security-section[data-v-b1a7628e]{max-width:600px}@media (max-width: 768px){.profile-header[data-v-b1a7628e]{flex-direction:column;gap:20px;text-align:center}.avatar-section[data-v-b1a7628e]{flex-direction:column;text-align:center}.stats-grid[data-v-b1a7628e]{grid-template-columns:repeat(2,1fr)}}.vip-purchase-page[data-v-117f61ce]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px 40px}.container[data-v-117f61ce]{max-width:1200px;margin:0 auto}.page-header[data-v-117f61ce]{text-align:center;margin-bottom:60px;color:#fff}.page-title[data-v-117f61ce]{font-size:3rem;font-weight:700;margin-bottom:20px}.page-subtitle[data-v-117f61ce]{font-size:1.2rem;opacity:.9}.vip-plans[data-v-117f61ce]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.plan-card[data-v-117f61ce]{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;position:relative}.plan-card[data-v-117f61ce]:hover{transform:translateY(-10px)}.plan-card.featured[data-v-117f61ce]{transform:scale(1.05);border:3px solid #f39c12}.plan-badge[data-v-117f61ce]{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#f39c12;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600}.plan-header h3[data-v-117f61ce]{font-size:1.5rem;color:#2c3e50;margin-bottom:20px}.price[data-v-117f61ce]{margin-bottom:30px}.currency[data-v-117f61ce]{font-size:1.2rem;color:#7f8c8d}.amount[data-v-117f61ce]{font-size:3rem;font-weight:700;color:#2c3e50}.period[data-v-117f61ce]{font-size:1rem;color:#7f8c8d}.plan-features[data-v-117f61ce]{margin-bottom:30px}.plan-features ul[data-v-117f61ce]{list-style:none;padding:0}.plan-features li[data-v-117f61ce]{padding:8px 0;color:#34495e;font-size:.95rem}.btn[data-v-117f61ce]{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:16px;width:100%}.btn-primary[data-v-117f61ce]{background:#f39c12;color:#fff}.btn-primary[data-v-117f61ce]:hover{background:#e67e22}.btn-outline[data-v-117f61ce]{background:transparent;color:#3498db;border:2px solid #3498db}.btn-outline[data-v-117f61ce]:hover{background:#3498db;color:#fff}@media (max-width: 768px){.page-title[data-v-117f61ce]{font-size:2rem}.vip-plans[data-v-117f61ce]{grid-template-columns:1fr}.plan-card.featured[data-v-117f61ce]{transform:none}}.right-content-container[data-v-66fcdaf5]{height:100%;width:100%}.content-fade-enter-active[data-v-66fcdaf5],.content-fade-leave-active[data-v-66fcdaf5]{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.content-fade-enter-from[data-v-66fcdaf5]{opacity:0;transform:translate(30px) scale(.95)}.content-fade-leave-to[data-v-66fcdaf5]{opacity:0;transform:translate(-30px) scale(.95)}.content-fade-enter-to[data-v-66fcdaf5],.content-fade-leave-from[data-v-66fcdaf5]{opacity:1;transform:translate(0) scale(1)}@media (max-width: 1024px){.right-content-container[data-v-66fcdaf5]{order:1}}@media (max-width: 768px){.right-content-container[data-v-66fcdaf5]{padding:20px}}.navigation-center-page[data-v-df36510c]{min-height:100vh;background:#f5f6fa;padding-top:80px}.sidebar-tabs[data-v-df36510c]{border-bottom:1px solid var(--el-border-color-lighter)}.sidebar-tabs[data-v-df36510c] .el-tabs__header{margin:0;padding:0 16px}.sidebar-tabs[data-v-df36510c] .el-tabs__nav-wrap{padding:8px 0}.sidebar-tabs[data-v-df36510c] .el-tabs__item{font-weight:500;color:var(--el-text-color-regular);padding:0 16px;height:48px;line-height:48px}.sidebar-tabs[data-v-df36510c] .el-tabs__item.is-active{color:var(--el-color-primary);font-weight:600}.sidebar-tabs[data-v-df36510c] .el-tabs__active-bar{background-color:var(--el-color-primary)}.main-container[data-v-df36510c]{max-width:1400px;margin:0 auto;padding:20px;min-height:calc(100vh - 80px)}.main-container[data-v-df36510c]{display:flex;gap:20px;height:calc(100vh - 160px);overflow:hidden}.navigation-info[data-v-df36510c]{text-align:center;padding:60px 40px}.navigation-info h2[data-v-df36510c]{color:var(--el-text-color-primary);font-size:2rem;margin-bottom:15px;font-weight:600}.navigation-info p[data-v-df36510c]{color:var(--el-text-color-regular);font-size:1.1rem;line-height:1.6}.user-profile[data-v-df36510c]{display:flex;align-items:center;padding:20px;text-align:left}.user-avatar[data-v-df36510c]{width:48px;height:48px;margin-right:0}.user-details[data-v-df36510c]{display:flex;flex-direction:column;gap:4px}.username[data-v-df36510c]{font-size:14px;font-weight:500;color:#303133;margin-bottom:0}.user-subtitle[data-v-df36510c]{font-size:12px;color:#909399}.vip-tag[data-v-df36510c]{--el-tag-bg-color: var(--el-color-warning);--el-tag-text-color: white;font-weight:500}.left-sidebar[data-v-df36510c]{width:280px;background:#fff;border-radius:12px;box-shadow:none;height:100%;border:1px solid #ffffff;overflow:hidden}.switch-container[data-v-df36510c]{display:flex;justify-content:center;align-items:center;padding:16px;margin-bottom:8px;background:#f8f9fa;border-bottom:1px solid #e4e7ed}.capsule-switch[data-v-df36510c]{display:flex;background:#fff;border-radius:25px;padding:4px;cursor:pointer;transition:all .3s ease;box-shadow:none}.switch-option[data-v-df36510c]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;transition:all .3s ease;font-size:14px;font-weight:500;color:#606266;background:transparent;min-width:80px;justify-content:center}.switch-option.active[data-v-df36510c]{background:#00abde;color:#fff;box-shadow:none}.switch-option .el-icon[data-v-df36510c]{font-size:16px}.sidebar-content[data-v-df36510c]{flex:1;padding:0 var(--el-space-md)}.sidebar-menu[data-v-df36510c]{border:none;background:transparent;padding:8px 0}.sidebar-menu[data-v-df36510c] .el-menu-item{margin:2px 8px;border-radius:8px;height:44px;line-height:44px;color:var(--el-text-color-regular);transition:all .3s ease;border:none;background:transparent;display:flex;justify-content:center;align-items:center;gap:8px;padding-left:0!important;padding-right:0!important}.sidebar-menu .menu-item-content[data-v-df36510c]{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:140px;margin:0 auto;white-space:nowrap}.sidebar-menu span.two-chars[data-v-df36510c]{letter-spacing:1em}.sidebar-menu[data-v-df36510c] .el-menu-item:hover{background-color:transparent;color:#00abde;transform:translate(2px)}.sidebar-menu[data-v-df36510c] .el-menu-item.is-active{background-color:transparent;color:#00abde;font-weight:500;border-left:none}.sidebar-menu[data-v-df36510c] .el-menu-item:hover .el-icon{transform:scale(1.1);transition:transform .2s ease;color:#00abde}.sidebar-menu[data-v-df36510c] .el-menu-item.is-active .el-icon{color:#00abde}.sidebar-menu[data-v-df36510c] .el-menu-item .el-icon{margin-right:8px;font-size:16px;color:var(--el-text-color-regular);transition:color .3s ease}.sidebar-menu[data-v-df36510c] .el-menu-item span{font-size:14px;font-weight:400}.question-bank-item[data-v-df36510c]{position:relative;overflow:hidden}.question-bank-item[data-v-df36510c]:hover{background-color:transparent!important;color:#00abde!important;transform:translate(2px)}.question-bank-item[data-v-df36510c]:active{transform:scale(.98);transition:all .1s ease}.right-content[data-v-df36510c]{flex:1;--right-content-bg: var(--el-bg-color);background:var(--right-content-bg);border-radius:var(--el-border-radius-base);box-shadow:none;padding:24px;height:100%;overflow-y:hidden}.right-content.theme-speaking[data-v-df36510c]{--right-content-bg: rgba(121, 227, 255, .2);background:var(--right-content-bg);border-color:#79e3ff80}.right-content.theme-writing[data-v-df36510c]{--right-content-bg: rgba(170, 255, 232, .2);background:var(--right-content-bg);border-color:#aaffe880}.right-content.theme-reading[data-v-df36510c]{--right-content-bg: rgba(255, 225, 176, .2);background:var(--right-content-bg);border-color:#ffe1b080}.right-content.theme-listening[data-v-df36510c]{--right-content-bg: rgba(203, 208, 249, .2);background:var(--right-content-bg);border-color:#cbd0f980}.content-container[data-v-df36510c]{height:100%}.coming-soon[data-v-df36510c]{text-align:center;padding:60px 20px;color:var(--el-text-color-regular)}.coming-soon h2[data-v-df36510c]{font-size:28px;font-weight:600;color:var(--el-text-color-primary);margin-bottom:16px}.coming-soon p[data-v-df36510c]{font-size:16px;color:var(--el-text-color-secondary)}.vip-section[data-v-df36510c]{padding:16px}.personal-menu-section[data-v-df36510c]{margin-top:16px}.personal-menu[data-v-df36510c]{border:none;background:transparent;padding:8px 0}.personal-menu[data-v-df36510c] .el-menu-item{margin:2px 8px;border-radius:8px;height:44px;line-height:44px;color:var(--el-text-color-regular);transition:all .3s ease;border:none;background:transparent}.personal-menu[data-v-df36510c] .el-menu-item:hover{background-color:transparent;color:#00abde;transform:translate(2px)}.personal-menu[data-v-df36510c] .el-menu-item.is-active{background-color:transparent;color:#00abde;font-weight:500;border-left:none}.personal-menu[data-v-df36510c] .el-menu-item:hover .el-icon{transform:scale(1.1);transition:transform .2s ease;color:#00abde}.personal-menu[data-v-df36510c] .el-menu-item.is-active .el-icon{color:#00abde}.personal-menu[data-v-df36510c] .el-menu-item .el-icon{margin-right:8px;font-size:16px;color:var(--el-text-color-regular);transition:color .3s ease}.personal-menu[data-v-df36510c] .el-menu-item span{font-size:14px;font-weight:400}.upgrade-section[data-v-df36510c]{margin-top:16px}.upgrade-section .upgrade-card[data-v-df36510c]{border:1px solid var(--el-color-warning-light-5);background:linear-gradient(135deg,#fff7e6,#fff2d9)}.upgrade-section .upgrade-card[data-v-df36510c] .el-card__body{padding:20px}.upgrade-section .upgrade-prompt[data-v-df36510c]{text-align:center}.upgrade-section .upgrade-icon[data-v-df36510c]{font-size:32px;color:var(--el-color-warning);margin-bottom:12px}.upgrade-section .upgrade-prompt h4[data-v-df36510c]{font-size:1.1rem;margin-bottom:8px;color:var(--el-text-color-primary);font-weight:600}.upgrade-section .upgrade-prompt p[data-v-df36510c]{font-size:.9rem;color:var(--el-text-color-regular);margin-bottom:16px;line-height:1.4}.upgrade-section .upgrade-btn[data-v-df36510c]{width:100%;font-weight:500}.personal-content[data-v-df36510c]{height:100%;display:flex;flex-direction:column}.content-section[data-v-df36510c]{flex:1;padding:20px}.content-section h2[data-v-df36510c]{font-size:1.5rem;color:var(--el-text-color-primary);margin-bottom:16px;font-weight:600}.content-section p[data-v-df36510c]{color:var(--el-text-color-regular);line-height:1.6}.welcome-section[data-v-df36510c]{display:flex;align-items:center;justify-content:center;height:100%}.welcome-content[data-v-df36510c]{text-align:center;padding:40px}.welcome-icon[data-v-df36510c]{font-size:64px;color:var(--el-color-primary);margin-bottom:20px}.welcome-content h2[data-v-df36510c]{font-size:2rem;color:var(--el-text-color-primary);margin-bottom:16px;font-weight:600}.welcome-content p[data-v-df36510c]{font-size:1.1rem;color:var(--el-text-color-regular);line-height:1.6}.user-info-card[data-v-df36510c]{margin-bottom:16px;border:none;box-shadow:none;background:transparent}.user-info-card[data-v-df36510c] .el-card__body{padding:16px;display:flex;align-items:center;gap:12px}.vip-menu[data-v-df36510c]{border:none;background:transparent;padding:8px 0}.vip-menu[data-v-df36510c] .el-menu-item{margin:2px 8px;border-radius:8px;height:44px;line-height:44px;color:var(--el-text-color-regular);transition:all .3s ease;border:none;background:transparent}.vip-menu[data-v-df36510c] .el-menu-item:hover{background-color:#ecf5ff;color:#409eff;transform:translate(2px)}.vip-menu[data-v-df36510c] .el-menu-item.is-active{background-color:#e1f3d8;color:#67c23a;font-weight:500;border-left:3px solid #67c23a}.vip-menu[data-v-df36510c] .el-menu-item:hover .el-icon{transform:scale(1.1);transition:transform .2s ease}.vip-menu[data-v-df36510c] .el-menu-item .el-icon{margin-right:8px;font-size:16px;color:#409eff}.vip-menu[data-v-df36510c] .el-menu-item span{font-size:14px;font-weight:400}.non-vip-section[data-v-df36510c]{display:flex;justify-content:center;align-items:center;height:400px;padding:20px}.upgrade-card[data-v-df36510c]{width:100%;max-width:400px;border:1px solid var(--el-border-color-lighter);box-shadow:var(--el-box-shadow-light)}.upgrade-card[data-v-df36510c] .el-card__body{padding:40px}.upgrade-prompt[data-v-df36510c]{text-align:center}.upgrade-icon[data-v-df36510c]{font-size:48px;color:var(--el-color-warning);margin-bottom:20px}.upgrade-prompt h3[data-v-df36510c]{font-size:1.5rem;margin-bottom:15px;font-weight:600;color:var(--el-text-color-primary)}.upgrade-prompt p[data-v-df36510c]{font-size:1rem;margin-bottom:25px;color:var(--el-text-color-regular);line-height:1.6}.upgrade-btn[data-v-df36510c]{background:var(--el-color-warning);border:none;font-weight:600}.upgrade-btn[data-v-df36510c]:hover{background:var(--el-color-warning-dark-2);transform:translateY(-1px)}.content-fade-enter-active[data-v-df36510c],.content-fade-leave-active[data-v-df36510c]{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.content-fade-enter-from[data-v-df36510c]{opacity:0;transform:translate(30px) scale(.95)}.content-fade-leave-to[data-v-df36510c]{opacity:0;transform:translate(-30px) scale(.95)}.content-fade-enter-to[data-v-df36510c],.content-fade-leave-from[data-v-df36510c]{opacity:1;transform:translate(0) scale(1)}.content-container[data-v-df36510c]{animation:slideInFromRight-df36510c .5s ease-out}@keyframes slideInFromRight-df36510c{0%{opacity:0;transform:translate(50px) rotateY(10deg)}60%{opacity:.8;transform:translate(-5px) rotateY(-2deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.navigation-info[data-v-df36510c]{animation:fadeInUp-df36510c .6s ease-out}@keyframes fadeInUp-df36510c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.main-container[data-v-df36510c]{flex-direction:column;gap:15px;height:auto}.left-sidebar[data-v-df36510c]{width:100%;order:2}.right-content[data-v-df36510c]{order:1;height:auto;min-height:400px}}@media (max-width: 768px){.main-container[data-v-df36510c]{padding:10px}.left-sidebar[data-v-df36510c]{padding:0}.right-content[data-v-df36510c]{padding:16px}.user-profile[data-v-df36510c]{flex-direction:column;text-align:center;gap:15px}.user-avatar[data-v-df36510c]{margin-right:0;margin-bottom:10px}.sidebar-tabs[data-v-df36510c] .el-tabs__item{padding:0 12px;font-size:14px}}@media (prefers-color-scheme: dark){.navigation-center-page[data-v-df36510c]{background:#f5f6fa}}.navigation-center-page[data-v-df36510c] *{box-shadow:none!important;text-shadow:none!important;filter:none!important}.admin-panel-page[data-v-f1bff552]{min-height:100vh;background:#f4f6f9;padding:80px 20px 40px}.container[data-v-f1bff552]{max-width:1200px;margin:0 auto}.page-header[data-v-f1bff552]{text-align:center;margin-bottom:40px}.page-title[data-v-f1bff552]{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:20px}.page-subtitle[data-v-f1bff552]{font-size:1.2rem;color:#7f8c8d}.stats-grid[data-v-f1bff552]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card[data-v-f1bff552]{background:#fff;border-radius:12px;padding:25px;display:flex;align-items:center;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.stat-card[data-v-f1bff552]:hover{transform:translateY(-5px)}.stat-icon[data-v-f1bff552]{font-size:2.5rem;margin-right:20px}.stat-info h3[data-v-f1bff552]{font-size:.9rem;color:#7f8c8d;margin-bottom:5px;font-weight:500}.stat-number[data-v-f1bff552]{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.stat-change[data-v-f1bff552]{font-size:.8rem;font-weight:600}.stat-change.positive[data-v-f1bff552]{color:#27ae60}.stat-change.negative[data-v-f1bff552]{color:#e74c3c}.admin-sections[data-v-f1bff552]{display:grid;gap:30px}.admin-section[data-v-f1bff552]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a}.section-title[data-v-f1bff552]{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #ecf0f1}.section-content[data-v-f1bff552]{display:grid;gap:15px}.admin-item[data-v-f1bff552]{display:flex;align-items:center;padding:20px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.admin-item[data-v-f1bff552]:hover{background:#e9ecef;transform:translate(5px)}.item-icon[data-v-f1bff552]{font-size:2rem;margin-right:20px}.item-info[data-v-f1bff552]{flex:1}.item-info h4[data-v-f1bff552]{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:5px}.item-info p[data-v-f1bff552]{color:#7f8c8d;font-size:.9rem;margin:0}.btn[data-v-f1bff552]{padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:14px;min-width:80px}.btn-primary[data-v-f1bff552]{background:#3498db;color:#fff}.btn-primary[data-v-f1bff552]:hover{background:#2980b9}.btn-secondary[data-v-f1bff552]{background:#95a5a6;color:#fff}.btn-secondary[data-v-f1bff552]:hover{background:#7f8c8d}.btn-outline[data-v-f1bff552]{background:transparent;color:#e74c3c;border:2px solid #e74c3c}.btn-outline[data-v-f1bff552]:hover{background:#e74c3c;color:#fff}@media (max-width: 768px){.page-title[data-v-f1bff552]{font-size:2rem}.stats-grid[data-v-f1bff552]{grid-template-columns:1fr}.admin-item[data-v-f1bff552]{flex-direction:column;text-align:center;gap:15px}.item-icon[data-v-f1bff552]{margin-right:0;margin-bottom:10px}}.error-container[data-v-3f7320ac]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.error-content[data-v-3f7320ac]{text-align:center;max-width:500px}.error-illustration[data-v-3f7320ac]{position:relative;margin-bottom:40px}.error-number[data-v-3f7320ac]{font-size:120px;font-weight:700;color:#e6e6e6;line-height:1;margin-bottom:20px}.error-icon[data-v-3f7320ac]{font-size:80px;color:#999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-text h1[data-v-3f7320ac]{font-size:32px;font-weight:600;color:#2c3e50;margin:0 0 16px}.error-text p[data-v-3f7320ac]{font-size:16px;color:#7f8c8d;margin:0 0 40px;line-height:1.6}.error-actions[data-v-3f7320ac]{display:flex;gap:16px;justify-content:center}@media (max-width: 480px){.error-number[data-v-3f7320ac]{font-size:80px}.error-icon[data-v-3f7320ac]{font-size:60px}.error-text h1[data-v-3f7320ac]{font-size:24px}.error-actions[data-v-3f7320ac]{flex-direction:column}}.default-module[data-v-ad3f8e5b]{height:100%;display:flex;align-items:center;justify-content:center}.navigation-info[data-v-ad3f8e5b]{text-align:center;padding:60px 40px;max-width:800px}.navigation-info h2[data-v-ad3f8e5b]{color:#2c3e50;font-size:2rem;margin-bottom:15px;font-weight:600}.navigation-info p[data-v-ad3f8e5b]{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.feature-grid[data-v-ad3f8e5b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}.feature-card[data-v-ad3f8e5b]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:30px 20px;cursor:pointer;transition:all .3s ease;border:1px solid #dee2e6}.feature-card[data-v-ad3f8e5b]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff}.feature-icon[data-v-ad3f8e5b]{font-size:2.5rem;margin-bottom:15px}.feature-card h3[data-v-ad3f8e5b]{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.feature-card:hover h3[data-v-ad3f8e5b]{color:#fff}.feature-card p[data-v-ad3f8e5b]{font-size:.9rem;color:#666;line-height:1.4}.feature-card:hover p[data-v-ad3f8e5b]{color:#ffffffe6}.navigation-info[data-v-ad3f8e5b]{animation:fadeInUp-ad3f8e5b .6s ease-out}@keyframes fadeInUp-ad3f8e5b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.question-bank-content[data-v-1b8b0f29]{height:100%}.question-bank-content[data-v-1b8b0f29] *{box-shadow:none!important;text-shadow:none!important;filter:none!important}.question-bank-header[data-v-1b8b0f29]{margin-bottom:30px}.question-bank-header h1[data-v-1b8b0f29]{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.question-bank-header p[data-v-1b8b0f29]{font-size:16px;color:#718096}.tab-navigation[data-v-1b8b0f29]{display:flex;gap:8px;margin-bottom:30px;background:#f7fafc;padding:8px;border-radius:12px}.tab-item[data-v-1b8b0f29]{padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;color:#4a5568}.tab-item[data-v-1b8b0f29]:hover{background:#42a5f51a}.tab-item.active[data-v-1b8b0f29]{background:#42a5f5;color:#1a202c}.tab-item.speaking.active[data-v-1b8b0f29]{background:#79e3ff;color:#106a80}.tab-item.writing.active[data-v-1b8b0f29]{background:#aaffe8;color:#0e6b5a}.tab-item.reading.active[data-v-1b8b0f29]{background:#ffe1b0;color:#9a6b1f}.tab-item.listening.active[data-v-1b8b0f29]{background:#cbd0f9;color:#4a52c7}.question-list-container[data-v-1b8b0f29]{min-height:400px}.loading[data-v-1b8b0f29],.error[data-v-1b8b0f29]{text-align:center;padding:40px;font-size:16px;color:#718096}.error[data-v-1b8b0f29]{color:#e53e3e}.question-list[data-v-1b8b0f29]{display:grid;gap:20px}.question-item[data-v-1b8b0f29]{background:#fff;border-radius:16px;padding:24px;box-shadow:none;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;gap:20px}.question-item[data-v-1b8b0f29]:hover{border-color:#42a5f5}.question-type-badge[data-v-1b8b0f29]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;box-shadow:none}.question-type-badge.speaking[data-v-1b8b0f29]{background:#ff6b6b}.question-type-badge.writing[data-v-1b8b0f29]{background:#4ecdc4}.question-type-badge.reading[data-v-1b8b0f29]{background:#45b7d1}.question-type-badge.listening[data-v-1b8b0f29]{background:#f093fb}.question-type-badge.default[data-v-1b8b0f29]{background:#667eea}.question-type-badge.badge-ra[data-v-1b8b0f29]{background:#ff6b6b}.question-type-badge.badge-rs[data-v-1b8b0f29]{background:#4f6cf0}.question-type-badge.badge-di[data-v-1b8b0f29]{background:#2dd4bf}.question-type-badge.badge-rl[data-v-1b8b0f29]{background:#4db5ff}.question-type-badge.badge-asq[data-v-1b8b0f29]{background:#a78bfa}.question-type-badge.badge-rts[data-v-1b8b0f29]{background:#ff6e8a}.question-type-badge.badge-sgd[data-v-1b8b0f29]{background:#fdba74}.question-type-badge.badge-default[data-v-1b8b0f29]{background:#667eea}.question-info[data-v-1b8b0f29]{flex:1;display:flex;flex-direction:column;gap:16px}.question-left[data-v-1b8b0f29]{flex-shrink:0}.question-type-badge[data-v-1b8b0f29]{width:56px;height:56px;font-weight:800;font-size:16px;letter-spacing:.5px}.question-center[data-v-1b8b0f29]{flex:1;min-width:0}.title-row[data-v-1b8b0f29]{display:flex;align-items:center;gap:12px;margin-bottom:6px}.title-en[data-v-1b8b0f29]{font-size:18px;font-weight:700;color:#1f2937}.meta-row[data-v-1b8b0f29]{display:flex;align-items:center;gap:10px}.title-zh[data-v-1b8b0f29]{font-size:14px;color:#6b7280;font-weight:500}.count-pill[data-v-1b8b0f29]{padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:700;color:#fff;background:#38bdf8;border:none;box-shadow:none}.metrics[data-v-1b8b0f29]{display:flex;align-items:center;gap:24px}.metric[data-v-1b8b0f29]{position:relative;padding-left:24px}.metric+.metric[data-v-1b8b0f29]{border-left:1px solid #e6e8eb}.metric-value[data-v-1b8b0f29]{font-size:20px;font-weight:800;color:#111827;line-height:1}.metric-label[data-v-1b8b0f29]{font-size:12px;color:#6b7280;margin-top:6px}.question-header[data-v-1b8b0f29]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.question-title[data-v-1b8b0f29]{flex:1}.title-main[data-v-1b8b0f29]{display:flex;align-items:center;gap:12px;margin-bottom:6px}.title-abbr[data-v-1b8b0f29]{font-size:16px;font-weight:700;color:#4a5568;background:#f7fafc;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0}.title-en[data-v-1b8b0f29]{font-size:18px;font-weight:600;color:#2d3748}.title-zh[data-v-1b8b0f29]{font-size:14px;color:#718096;font-weight:500}.question-count[data-v-1b8b0f29]{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.count-label[data-v-1b8b0f29]{font-size:12px;color:#a0aec0;font-weight:500}.count-value[data-v-1b8b0f29]{font-size:20px;font-weight:700;color:#2d3748;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.skill-percentages[data-v-1b8b0f29]{border-top:1px solid #e2e8f0;padding-top:16px}.skill-title[data-v-1b8b0f29]{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:12px}.skill-list[data-v-1b8b0f29]{display:flex;gap:16px;flex-wrap:wrap}.skill-item[data-v-1b8b0f29]{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.skill-item[data-v-1b8b0f29]:hover{transform:translateY(-2px);box-shadow:none}.skill-icon[data-v-1b8b0f29]{font-size:16px}.skill-label[data-v-1b8b0f29]{font-size:13px;color:#4a5568;font-weight:500}.skill-value[data-v-1b8b0f29]{font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff}.skill-item.speaking .skill-value[data-v-1b8b0f29]{background:#667eea}.skill-item.writing .skill-value[data-v-1b8b0f29]{background:#f093fb}.skill-item.reading .skill-value[data-v-1b8b0f29]{background:#4facfe}.skill-item.listening .skill-value[data-v-1b8b0f29]{background:#43e97b}.loading-fade-enter-active[data-v-1b8b0f29],.loading-fade-leave-active[data-v-1b8b0f29]{transition:all .4s cubic-bezier(.4,0,.2,1)}.loading-fade-enter-from[data-v-1b8b0f29],.loading-fade-leave-to[data-v-1b8b0f29]{opacity:0;transform:translateY(20px) scale(.95)}.loading[data-v-1b8b0f29]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner[data-v-1b8b0f29]{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin-1b8b0f29 1s linear infinite}.loading-text[data-v-1b8b0f29]{font-size:16px;color:#64748b;font-weight:500}@keyframes spin-1b8b0f29{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question-grid[data-v-1b8b0f29]{display:flex;flex-direction:column;gap:16px;padding:20px 0}.question-item-enter-active[data-v-1b8b0f29]{transition:all .6s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--delay, 0s)}.question-item-leave-active[data-v-1b8b0f29]{transition:all .4s cubic-bezier(.4,0,.2,1)}.question-item-enter-from[data-v-1b8b0f29]{opacity:0;transform:translateY(30px) scale(.8) rotateX(15deg)}.question-item-leave-to[data-v-1b8b0f29]{opacity:0;transform:translateY(-20px) scale(.9)}.question-item-move[data-v-1b8b0f29]{transition:transform .5s cubic-bezier(.4,0,.2,1)}.question-item[data-v-1b8b0f29]{transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp-1b8b0f29 .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay, 0s);opacity:0;transform:translateY(30px)}@keyframes slideInUp-1b8b0f29{to{opacity:1;transform:translateY(0)}}.question-item[data-v-1b8b0f29]:hover{transform:translateY(-8px) scale(1.02);box-shadow:none}.error[data-v-1b8b0f29]{padding:40px 20px;text-align:center;color:#ef4444;font-size:16px;animation:shake-1b8b0f29 .5s ease-in-out}@keyframes shake-1b8b0f29{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.question-item[data-v-1b8b0f29]{padding:16px}.question-type-badge[data-v-1b8b0f29]{font-size:10px;padding:4px 8px}.question-header[data-v-1b8b0f29]{flex-direction:column;gap:12px}.question-count[data-v-1b8b0f29]{align-items:flex-start}.title-main[data-v-1b8b0f29]{flex-direction:column;align-items:flex-start;gap:8px}.title-abbr[data-v-1b8b0f29]{font-size:14px}.title-en[data-v-1b8b0f29]{font-size:16px}.title-zh[data-v-1b8b0f29]{font-size:13px}.count-value[data-v-1b8b0f29]{font-size:18px}.skill-list[data-v-1b8b0f29]{gap:12px}.skill-item[data-v-1b8b0f29]{padding:6px 10px}.skill-label[data-v-1b8b0f29],.skill-value[data-v-1b8b0f29]{font-size:12px}.question-type-badge[data-v-1b8b0f29]{width:48px;height:48px;font-size:14px}.metrics[data-v-1b8b0f29]{gap:16px;flex-wrap:wrap}.metric[data-v-1b8b0f29]{padding-left:0}.metric+.metric[data-v-1b8b0f29]{border-left:none}.metric-value[data-v-1b8b0f29]{font-size:18px}.meta-row[data-v-1b8b0f29]{gap:8px}.count-pill[data-v-1b8b0f29]{font-size:11px;padding:3px 8px}}.count-pill.speaking[data-v-1b8b0f29]{background:#79e3ff}.count-pill.writing[data-v-1b8b0f29]{background:#4ecdc4}.count-pill.reading[data-v-1b8b0f29]{background:#45b7d1}.count-pill.listening[data-v-1b8b0f29]{background:#f093fb}.count-pill.default[data-v-1b8b0f29]{background:#667eea}.count-pill.badge-ra[data-v-1b8b0f29]{background:#79e3ff}.count-pill.badge-rs[data-v-1b8b0f29]{background:#4f6cf0}.count-pill.badge-di[data-v-1b8b0f29]{background:#2dd4bf}.count-pill.badge-rl[data-v-1b8b0f29]{background:#4db5ff}.count-pill.badge-asq[data-v-1b8b0f29]{background:#a78bfa}.count-pill.badge-rts[data-v-1b8b0f29]{background:#ff6e8a}.count-pill.badge-sgd[data-v-1b8b0f29]{background:#fdba74}.count-pill.badge-default[data-v-1b8b0f29]{background:#667eea}.question-type-badge.writing.badge-we[data-v-1b8b0f29],.count-pill.writing.badge-we[data-v-1b8b0f29]{background:#ff6b6b}.question-type-badge.writing.badge-swt[data-v-1b8b0f29],.count-pill.writing.badge-swt[data-v-1b8b0f29]{background:#4f6cf0}.question-bank-content.active-speaking .question-type-badge[data-v-1b8b0f29],.question-bank-content.active-speaking .count-pill[data-v-1b8b0f29]{background:#79e3ff!important;color:#106a80!important}.question-bank-content.active-writing .question-type-badge[data-v-1b8b0f29],.question-bank-content.active-writing .count-pill[data-v-1b8b0f29]{background:#aaffe8!important;color:#0e6b5a!important}.question-bank-content.active-reading .question-type-badge[data-v-1b8b0f29],.question-bank-content.active-reading .count-pill[data-v-1b8b0f29]{background:#ffe1b0!important;color:#9a6b1f!important}.question-bank-content.active-listening .question-type-badge[data-v-1b8b0f29],.question-bank-content.active-listening .count-pill[data-v-1b8b0f29]{background:#cbd0f9!important;color:#4a52c7!important}.question-list-container[data-v-853a6dcf]{padding:20px;background:transparent;min-height:100vh}.question-list[data-v-853a6dcf]{background:transparent;border-radius:8px;box-shadow:none;overflow:hidden}.qlist[data-v-853a6dcf] .el-table__body{border-collapse:separate!important;border-spacing:0 12px}.qlist[data-v-853a6dcf] .el-table__row .el-table__cell{padding:12px 16px}.qlist[data-v-853a6dcf] .el-table__row td{background:transparent;border:none;color:var(--el-text-color-regular)}.qlist[data-v-853a6dcf] .el-table__row td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.qlist[data-v-853a6dcf] .el-table__row td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.qlist[data-v-853a6dcf] .el-table__row:hover td{background-color:#ffffff40}.qlist[data-v-853a6dcf] .el-table__row:active td{background-color:#ffffff59}.qlist[data-v-853a6dcf] .el-table__row:focus-within td{background-color:#ffffff59;outline:2px solid var(--el-color-primary);outline-offset:-2px}.clickable-row[data-v-853a6dcf]{cursor:pointer}.clickable-row[data-v-853a6dcf]:hover{background-color:transparent}.serial-number[data-v-853a6dcf]{font-size:13px;color:var(--el-text-color-secondary);line-height:20px}.title-zh[data-v-853a6dcf]{font-size:14px;color:var(--el-text-color-primary);line-height:22px;font-weight:500}.title-en[data-v-853a6dcf]{font-size:14px;color:var(--el-text-color-regular);line-height:22px}@media (max-width: 768px){.question-list-container[data-v-853a6dcf]{padding:12px}.qlist[data-v-853a6dcf] .el-table__body{border-spacing:0 8px}.qlist[data-v-853a6dcf] .el-table__row td:first-child,.qlist[data-v-853a6dcf] .el-table__row td:last-child{border-radius:8px}.serial-number[data-v-853a6dcf]{font-size:12px;line-height:18px}.title-zh[data-v-853a6dcf],.title-en[data-v-853a6dcf]{font-size:13px;line-height:20px}}.serial-number[data-v-853a6dcf]{font-weight:600;color:var(--el-text-color-primary);font-size:14px}.title-zh[data-v-853a6dcf]{font-weight:500;color:var(--el-text-color-primary);font-size:14px;line-height:1.4}.title-en[data-v-853a6dcf]{color:var(--el-text-color-regular);font-size:13px;line-height:1.4;font-style:italic}.question-type[data-v-853a6dcf]{font-size:12px;color:#6b7280;font-weight:500}.text-gray-400[data-v-853a6dcf]{color:#9ca3af;font-size:12px}.question-list-header[data-v-853a6dcf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:0;border-bottom:none}.header-left[data-v-853a6dcf]{display:flex;align-items:center;gap:8px}.qlist-back-btn[data-v-853a6dcf]{background:#00abde;color:#fff;border:none;border-radius:4px;font-size:12px;padding:6px 12px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}.qlist-back-btn[data-v-853a6dcf]:hover{filter:brightness(.95)}.count-pill[data-v-853a6dcf]{padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:700;color:#000;background:#38bdf8;border:none;box-shadow:none}.question-list-header .question-type-badge.compact[data-v-853a6dcf]{padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:700;color:#000}.question-type-badge.speaking[data-v-853a6dcf],.count-pill.speaking[data-v-853a6dcf]{background:#79e3ff}.question-type-badge.writing[data-v-853a6dcf],.count-pill.writing[data-v-853a6dcf]{background:#aaffe8}.question-type-badge.reading[data-v-853a6dcf],.count-pill.reading[data-v-853a6dcf]{background:#ffe1b0}.question-type-badge.listening[data-v-853a6dcf],.count-pill.listening[data-v-853a6dcf]{background:#cbd0f9}.question-type-badge.default[data-v-853a6dcf],.count-pill.default[data-v-853a6dcf]{background:#667eea}.question-type-badge.badge-ra[data-v-853a6dcf],.question-type-badge.badge-rs[data-v-853a6dcf],.question-type-badge.badge-di[data-v-853a6dcf],.question-type-badge.badge-rl[data-v-853a6dcf],.question-type-badge.badge-asq[data-v-853a6dcf],.question-type-badge.badge-rts[data-v-853a6dcf],.question-type-badge.badge-sgd[data-v-853a6dcf]{background:#79e3ff}.question-type-badge.badge-we[data-v-853a6dcf],.question-type-badge.badge-swt[data-v-853a6dcf]{background:#aaffe8}.count-pill.badge-ra[data-v-853a6dcf],.count-pill.badge-rs[data-v-853a6dcf],.count-pill.badge-di[data-v-853a6dcf],.count-pill.badge-rl[data-v-853a6dcf],.count-pill.badge-asq[data-v-853a6dcf],.count-pill.badge-rts[data-v-853a6dcf],.count-pill.badge-sgd[data-v-853a6dcf]{background:#79e3ff}.count-pill.badge-we[data-v-853a6dcf],.count-pill.badge-swt[data-v-853a6dcf]{background:#aaffe8}.loading-container[data-v-853a6dcf],.error-container[data-v-853a6dcf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-853a6dcf]{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-853a6dcf 1s linear infinite;margin-bottom:16px}.loading-text[data-v-853a6dcf]{font-size:16px;color:#6b7280}.error-icon[data-v-853a6dcf]{font-size:48px;margin-bottom:16px}.error-text[data-v-853a6dcf]{font-size:16px;color:#dc2626;margin-bottom:16px}.retry-button[data-v-853a6dcf]{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.retry-button[data-v-853a6dcf]:hover{background:#2563eb}.questions-list[data-v-853a6dcf]{display:flex;flex-direction:column;gap:12px;padding:0 4px}.cards-list[data-v-853a6dcf]{display:flex;flex-direction:column;gap:12px;padding:0 4px;background:transparent}.question-card[data-v-853a6dcf]{background:#fff;border-radius:12px;padding:6px 12px;border:none;box-shadow:none;cursor:pointer;transition:background-color .15s ease}.question-card[data-v-853a6dcf]:hover,.question-card[data-v-853a6dcf]:active{background-color:#fff}.question-card[data-v-853a6dcf]:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.card-row[data-v-853a6dcf]{display:flex;align-items:center;gap:8px}.field[data-v-853a6dcf]{min-width:0;display:flex;align-items:center}.field-index[data-v-853a6dcf]{width:40px;flex-shrink:0}.field-serial[data-v-853a6dcf]{width:80px;flex-shrink:0}.field-title[data-v-853a6dcf]{flex:1;display:flex;align-items:center}.field-title[data-v-853a6dcf] .el-tooltip__trigger{display:inline-flex;align-items:center}.field-diff[data-v-853a6dcf]{width:120px;flex-shrink:0;display:flex;justify-content:flex-end}.question-content[data-v-853a6dcf]{flex:1;display:flex;flex-direction:column;gap:8px}.question-title[data-v-853a6dcf]{margin:0}.index-number[data-v-853a6dcf]{font-size:12px;color:var(--el-text-color-secondary);line-height:20px}.serial-number[data-v-853a6dcf]{font-size:13px;color:var(--el-text-color-regular)}.title-combined[data-v-853a6dcf]{font-size:14px;font-weight:500;color:var(--el-text-color-primary);line-height:20px;margin:0}.ellipsis[data-v-853a6dcf]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-tags[data-v-853a6dcf]{display:flex;flex-wrap:wrap;gap:6px}.difficulty-badge[data-v-853a6dcf]{padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500}.difficulty-badge.easy[data-v-853a6dcf]{background:#dcfce7;color:#166534}.difficulty-badge.medium[data-v-853a6dcf]{background:#fef3c7;color:#92400e}.difficulty-badge.hard[data-v-853a6dcf]{background:#fee2e2;color:#991b1b}.question-type-badge[data-v-853a6dcf]{padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500;background:#f3f4f6;color:#000}.ai-score-badge[data-v-853a6dcf]{padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500;background:#e0e7ff;color:#3730a3}.question-preview[data-v-853a6dcf]{margin-top:8px}.preview-text[data-v-853a6dcf]{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.card-right[data-v-853a6dcf]{display:flex;align-items:center;flex-shrink:0}.action-button[data-v-853a6dcf]{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-state[data-v-853a6dcf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-853a6dcf]{font-size:64px;margin-bottom:16px}.empty-text[data-v-853a6dcf]{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.empty-description[data-v-853a6dcf]{font-size:14px;color:#6b7280}@keyframes spin-853a6dcf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes questionFadeIn-853a6dcf{to{opacity:1;transform:translateY(0)}}.question-fade-enter-active[data-v-853a6dcf],.question-fade-leave-active[data-v-853a6dcf]{transition:all .3s ease}.question-fade-enter-from[data-v-853a6dcf]{opacity:0;transform:translateY(20px)}.question-fade-leave-to[data-v-853a6dcf]{opacity:0;transform:translateY(-20px)}.qlist[data-v-853a6dcf] .el-table__header .el-table__cell{background:transparent!important;color:var(--el-text-color-primary)!important}.qlist[data-v-853a6dcf] .el-table__header .cell{font-size:12px;font-weight:600;color:var(--el-text-color-secondary)}.qlist[data-v-853a6dcf] .el-table__header-wrapper{background:transparent;border-bottom:1px solid var(--el-border-color-light)}.ra-answer-page[data-v-8bdcefea]{padding:20px;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.ra-answer-page[data-v-8bdcefea] ::-webkit-scrollbar{width:0;height:0;display:none}.question-info-card[data-v-8bdcefea]{background:#fff;border:none}.question-info-card[data-v-8bdcefea] .el-card__body{padding:8px 12px}.question-actions-col[data-v-8bdcefea]{display:flex;justify-content:flex-end}.question-workspace[data-v-8bdcefea]{background:#fff;border-radius:12px;padding:12px;border:none;display:flex;flex-direction:column;gap:12px}.question-info-form[data-v-8bdcefea]{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.question-info-form[data-v-8bdcefea] .el-form-item{margin-bottom:0;display:inline-flex;align-items:center}.question-info-form[data-v-8bdcefea] .el-form-item__label{color:var(--el-text-color-secondary);font-size:12px;line-height:1.2;display:inline-flex;align-items:center;margin-right:6px}.question-info-form[data-v-8bdcefea] .el-form-item__content{font-size:12px;line-height:1.2;display:inline-flex;align-items:center}.question-info-form[data-v-8bdcefea] .field-zh .el-form-item__content .el-text,.question-info-form[data-v-8bdcefea] .field-en .el-form-item__content .el-text{max-width:240px;display:inline-block}.question-info-form[data-v-8bdcefea] .field-id .el-form-item__content .el-text{max-width:120px;display:inline-block}.question-info-form[data-v-8bdcefea] .field-diff .el-form-item__content{display:flex;align-items:center}.question-requirement[data-v-8bdcefea]{background:transparent;border-radius:0;padding:0;border-left:none}.question-requirement h3[data-v-8bdcefea]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-8bdcefea]{color:#555;line-height:1.6;font-size:14px;font-weight:600;font-style:italic}.recording-section[data-v-8bdcefea]{background:transparent;border:none;border-radius:0;padding:0;text-align:left;min-height:unset;display:block}.preparation-phase[data-v-8bdcefea]{display:flex;flex-direction:column;align-items:center;gap:20px}.preparation-text[data-v-8bdcefea]{font-size:16px;color:#333}.countdown-progress[data-v-8bdcefea]{width:100%;max-width:360px;height:6px;background:#f2f3f5;border-radius:3px;overflow:hidden}.countdown-progress__inner[data-v-8bdcefea]{height:100%;width:100%;background:#409eff;transition:width .3s linear}.skip-btn[data-v-8bdcefea]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}.skip-btn[data-v-8bdcefea]:disabled{opacity:.6;cursor:not-allowed}.recording-phase[data-v-8bdcefea]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:unset;padding:.6rem 0;background:transparent;border-radius:0;color:#333;text-align:left;box-shadow:none;margin:0;box-sizing:border-box}.recording-header[data-v-8bdcefea]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-8bdcefea]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-8bdcefea]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-8bdcefea]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-8bdcefea 1s infinite}.recording-text[data-v-8bdcefea]{font-size:.95rem;font-weight:500;color:#333}.recording-timer[data-v-8bdcefea]{font-size:1.2rem;font-weight:700;color:#333;font-family:monospace}.live-waveform-container[data-v-8bdcefea]{width:100%;height:120px;background:transparent;border-radius:8px;border:none;padding:10px;box-sizing:border-box;align-self:stretch}.live-waveform[data-v-8bdcefea]{width:100%;height:100px;background:transparent;border-radius:8px;overflow:hidden;box-shadow:none;border:none;backdrop-filter:none}.recording-controls[data-v-8bdcefea]{margin-top:.7rem}.skip-btn[data-v-8bdcefea],.finish-btn[data-v-8bdcefea]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}.skip-btn[data-v-8bdcefea]:disabled,.finish-btn[data-v-8bdcefea]:disabled{opacity:.6;cursor:not-allowed}.playback-phase[data-v-8bdcefea]{width:100%}.audio-player[data-v-8bdcefea]{display:flex;flex-direction:column;gap:20px;width:100%}.waveform-container[data-v-8bdcefea]{width:100%;height:120px;background:transparent;border-radius:8px;border:none;padding:10px;box-sizing:border-box}.audio-controls[data-v-8bdcefea]{display:flex;align-items:center;justify-content:center;gap:15px}.play-pause-btn[data-v-8bdcefea]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;font-size:14px;cursor:pointer}.play-pause-btn[data-v-8bdcefea]:hover{background:#409eff}.audio-time[data-v-8bdcefea]{font-size:16px;color:#666;font-weight:500}.action-buttons[data-v-8bdcefea]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.download-btn[data-v-8bdcefea],.submit-btn[data-v-8bdcefea]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.download-btn[data-v-8bdcefea]{background:#17a2b8;color:#fff}.download-btn[data-v-8bdcefea]:hover{background:#138496;transform:translateY(-2px)}.submit-btn[data-v-8bdcefea]{background:#409eff;color:#fff}.submit-btn[data-v-8bdcefea]:hover{background:#409eff}@keyframes pulse-8bdcefea{0%{transform:scale(1);box-shadow:0 0 #007bffb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #007bff00}to{transform:scale(1);box-shadow:0 0 #007bff00}}@keyframes recording-pulse-8bdcefea{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{opacity:.6;transform:scale(1.1);box-shadow:0 0 0 8px #ff6b6b00}}.question-content[data-v-8bdcefea]{background:transparent;border-radius:0;padding:0;border:none;flex:1}.question-content h3[data-v-8bdcefea]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.content-text[data-v-8bdcefea]{color:#333;line-height:1.8;font-size:16px;text-align:justify;background:transparent;padding:8px 0;border-radius:0;border-left:none}.question-info[data-v-8bdcefea]{background:transparent;border-radius:0;padding:0;border:none;display:block}.info-item[data-v-8bdcefea]{display:flex;align-items:center;gap:10px}.info-item .label[data-v-8bdcefea]{font-weight:600;color:#666;min-width:80px}.info-item .value[data-v-8bdcefea]{color:#333;flex:1}.answer-records[data-v-8bdcefea]{margin-top:40px;padding:20px;background:#fff;border-radius:12px;border:none}.answer-records h3[data-v-8bdcefea]{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:600}.loading-text[data-v-8bdcefea],.error-text[data-v-8bdcefea],.no-records[data-v-8bdcefea]{text-align:center;padding:20px;color:#6c757d;font-size:14px}.error-text[data-v-8bdcefea]{color:#dc3545}.records-list[data-v-8bdcefea]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-8bdcefea]{background:#fff;border-radius:8px;padding:15px;border:none;box-shadow:0 2px 4px #0000001a}.records-list .record-item[data-v-8bdcefea]{border-bottom:1px solid #e0e0e0}.record-info[data-v-8bdcefea]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.record-time[data-v-8bdcefea]{font-size:14px;color:#6c757d}.record-score[data-v-8bdcefea]{font-size:14px;font-weight:600;color:#28a745}.record-one-sentence[data-v-8bdcefea]{margin-top:8px;padding:8px 12px;background:#fff;border-radius:4px;border-left:none}.one-sentence-label[data-v-8bdcefea]{font-size:12px;color:#6c757d;font-weight:600;margin-right:8px}.one-sentence-text[data-v-8bdcefea]{font-size:14px;color:#495057;font-style:italic;white-space:normal;word-break:break-word}.record-audio-player[data-v-8bdcefea]{margin:10px 0}.record-waveform[data-v-8bdcefea]{margin-bottom:10px;border-radius:8px;overflow:hidden;background:transparent}.record-controls[data-v-8bdcefea]{display:flex;align-items:center;gap:10px}.record-play-btn[data-v-8bdcefea]{width:40px;height:40px;border:none;border-radius:50%;background:#007bff;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.record-play-btn[data-v-8bdcefea]:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.record-play-btn[data-v-8bdcefea]:disabled{background:#6c757d;cursor:not-allowed}.record-time-display[data-v-8bdcefea]{font-size:12px;color:#6c757d;font-family:monospace}.record-actions[data-v-8bdcefea]{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.delete-btn[data-v-8bdcefea],.ai-score-btn[data-v-8bdcefea],.play-btn[data-v-8bdcefea]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.delete-btn[data-v-8bdcefea]{background:#dc3545;color:#fff}.delete-btn[data-v-8bdcefea]:hover:not(:disabled){background:#c82333}.delete-btn[data-v-8bdcefea]:disabled{background:#6c757d;cursor:not-allowed}.ai-score-btn[data-v-8bdcefea]{background:#28a745;color:#fff}.ai-score-btn[data-v-8bdcefea]:hover{background:#218838}.ai-score-text[data-v-8bdcefea]{font-size:14px;color:#333;font-weight:700}.play-btn[data-v-8bdcefea]{background:#409eff;color:#fff}.play-btn[data-v-8bdcefea]:hover:not(:disabled){background:#409eff}.play-btn[data-v-8bdcefea]:disabled{opacity:.6;cursor:not-allowed}.action-buttons[data-v-8bdcefea]{display:flex;justify-content:center;gap:15px;padding-top:20px;border-top:none}.top-action-bar[data-v-8bdcefea]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.top-action-btn[data-v-8bdcefea]{background:#00abde;color:#fff;border:none;border-radius:4px;font-size:12px;padding:6px 12px;cursor:pointer}.top-action-btn[data-v-8bdcefea]:disabled{opacity:.6;cursor:not-allowed}.top-action-btn[data-v-8bdcefea]:hover:not(:disabled){filter:brightness(.95)}.back-btn[data-v-8bdcefea],.submit-btn[data-v-8bdcefea],.retry-btn[data-v-8bdcefea],.mode-toggle-btn[data-v-8bdcefea]{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.top-action-bar .back-btn[data-v-8bdcefea],.top-action-bar .mode-toggle-btn[data-v-8bdcefea],.top-action-bar .retry-btn[data-v-8bdcefea],.top-action-bar .prev-btn[data-v-8bdcefea],.top-action-bar .next-btn[data-v-8bdcefea]{background:#00abde;color:#fff}.top-action-bar .back-btn[data-v-8bdcefea],.top-action-bar .mode-toggle-btn[data-v-8bdcefea],.top-action-bar .retry-btn[data-v-8bdcefea]{font-size:12px;padding:6px 12px;border-radius:4px}@media (max-width: 768px){.ra-answer-page[data-v-8bdcefea]{padding:15px;gap:20px}.recording-section[data-v-8bdcefea]{padding:30px 15px;min-height:150px}.recording-phase[data-v-8bdcefea]{width:90%;padding:1rem;min-height:175px}.recording-status[data-v-8bdcefea]{flex-direction:column;gap:.7rem;max-width:100%}.live-waveform-container[data-v-8bdcefea]{max-width:100%;padding:10px;margin:.7rem 0;height:80px}.live-waveform[data-v-8bdcefea]{height:60px}.countdown-circle[data-v-8bdcefea]{width:100px;height:100px}.countdown-number[data-v-8bdcefea]{font-size:2rem}.waveform-container[data-v-8bdcefea]{height:80px}.action-buttons[data-v-8bdcefea]{flex-direction:column}.back-btn[data-v-8bdcefea],.submit-btn[data-v-8bdcefea],.retry-btn[data-v-8bdcefea],.mode-toggle-btn[data-v-8bdcefea]{width:100%}.question-info[data-v-8bdcefea]{grid-template-columns:1fr}.info-item[data-v-8bdcefea],.record-info[data-v-8bdcefea]{flex-direction:column;align-items:flex-start;gap:5px}.record-actions[data-v-8bdcefea]{justify-content:flex-start}}.mode-toggle[data-v-8bdcefea]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:none}.mode-toggle-label[data-v-8bdcefea]{font-weight:600;color:#495057;font-size:14px}.mode-toggle-button[data-v-8bdcefea]{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle-button[data-v-8bdcefea]:hover{background:#0056b3;transform:translateY(-1px)}.mode-toggle-button.active[data-v-8bdcefea]{background:#28a745}.mode-toggle-button.active[data-v-8bdcefea]:hover{background:#1e7e34}.one-sentence-hint[data-v-8bdcefea]{background:transparent;border:none;border-radius:0;padding:8px 0;margin-bottom:8px;color:#666;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:8px}.question-content.selectable[data-v-8bdcefea]{user-select:text;cursor:text;position:relative}.question-content.selectable[data-v-8bdcefea]:after{content:"";position:absolute;inset:0;border:none;border-radius:6px;pointer-events:none;opacity:.6}.selection-info[data-v-8bdcefea]{background:transparent;border:none;border-radius:0;padding:8px 0;margin-top:8px;font-size:14px}.selection-status[data-v-8bdcefea]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.selection-status.valid[data-v-8bdcefea]{color:#28a745}.selection-status.invalid[data-v-8bdcefea]{color:#dc3545}.selection-status[data-v-8bdcefea]:before{content:"✓";font-weight:700}.selection-status.invalid[data-v-8bdcefea]:before{content:"✗"}.selected-text-preview[data-v-8bdcefea]{background:#f8f9fa;border:none;border-radius:4px;padding:8px 12px;margin-top:8px;font-style:italic;color:#6c757d;max-height:60px;overflow-y:auto;word-break:break-word}.one-sentence-recording[data-v-8bdcefea]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px}.one-sentence-preparation[data-v-8bdcefea]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 0;min-height:160px}.one-sentence-instruction[data-v-8bdcefea]{text-align:center;color:#333;font-size:16px;line-height:1.6}.selection-prompt[data-v-8bdcefea]{text-align:center;color:#495057;font-size:16px;line-height:1.5;max-width:400px}.selection-prompt h3[data-v-8bdcefea]{margin:0 0 10px;color:#333;font-size:18px;font-weight:600}.start-recording-btn[data-v-8bdcefea]{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px}.start-recording-btn[data-v-8bdcefea]:hover:not(:disabled){background:#1e7e34;transform:translateY(-2px)}.start-recording-btn[data-v-8bdcefea]:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.question-content.selectable[data-v-8bdcefea] ::selection{background:#007bff;color:#fff}.question-content.selectable[data-v-8bdcefea] ::-moz-selection{background:#007bff;color:#fff}@media (max-width: 768px){.mode-toggle[data-v-8bdcefea]{flex-direction:column;align-items:flex-start;gap:10px}.one-sentence-hint[data-v-8bdcefea],.selection-info[data-v-8bdcefea]{font-size:13px;padding:10px 12px}.selection-icon[data-v-8bdcefea]{width:60px;height:60px;font-size:28px}.selection-prompt[data-v-8bdcefea]{font-size:14px}.selection-prompt h3[data-v-8bdcefea]{font-size:16px}.start-recording-btn[data-v-8bdcefea]{padding:10px 20px;font-size:14px}}.rs-answer-page[data-v-d7982b76]{padding:20px;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.rs-answer-page[data-v-d7982b76]::-webkit-scrollbar{width:0;height:0;display:none}.rs-answer-page[data-v-d7982b76] ::-webkit-scrollbar{width:0;height:0;display:none}.top-action-bar[data-v-d7982b76]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.top-action-btn[data-v-d7982b76]{background:#00abde;color:#fff;border:none;border-radius:4px;font-size:12px;padding:6px 12px;cursor:pointer}.top-action-btn[data-v-d7982b76]:disabled{opacity:.6;cursor:not-allowed}.top-action-btn[data-v-d7982b76]:hover:not(:disabled){filter:brightness(.95)}.top-action-bar .top-action-btn[data-v-d7982b76]:hover:not(:disabled){background:#00abde;transform:none}.top-action-bar .top-action-btn[data-v-d7982b76]:active{transform:none}.top-action-bar .back-btn[data-v-d7982b76]:disabled,.top-action-bar .retry-btn[data-v-d7982b76]:disabled,.top-action-bar .prev-btn[data-v-d7982b76]:disabled,.top-action-bar .next-btn[data-v-d7982b76]:disabled{background:#00abde;color:#fff;opacity:.6;transform:none}.top-action-bar .back-btn[data-v-d7982b76],.top-action-bar .retry-btn[data-v-d7982b76]{font-size:12px;padding:6px 12px;border-radius:4px}.top-action-bar .back-btn[data-v-d7982b76],.top-action-bar .retry-btn[data-v-d7982b76],.top-action-bar .prev-btn[data-v-d7982b76],.top-action-bar .next-btn[data-v-d7982b76]{background:#00abde;color:#fff}.question-info[data-v-d7982b76]{background:transparent;border:none;padding:0;box-shadow:none}.question-info-card[data-v-d7982b76]{background:#fff;border:none}.question-info-card[data-v-d7982b76] .el-card__body{padding:8px 12px}.question-actions-col[data-v-d7982b76]{display:flex;justify-content:flex-end}.question-info-form[data-v-d7982b76]{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.question-info-form[data-v-d7982b76] .el-form-item{margin-bottom:0;display:inline-flex;align-items:center}.question-info-form[data-v-d7982b76] .el-form-item__label{color:var(--el-text-color-secondary);font-size:12px;line-height:1.2;display:inline-flex;align-items:center;margin-right:6px}.question-info-form[data-v-d7982b76] .el-form-item__content{font-size:12px;line-height:1.2;display:inline-flex;align-items:center}.question-info-form[data-v-d7982b76] .field-zh .el-form-item__content .el-text,.question-info-form[data-v-d7982b76] .field-en .el-form-item__content .el-text{max-width:240px;display:inline-block}.question-info-form[data-v-d7982b76] .field-id .el-form-item__content .el-text{max-width:120px;display:inline-block}.question-info-form[data-v-d7982b76] .field-diff .el-form-item__content{display:flex;align-items:center}.question-requirement[data-v-d7982b76]{background:transparent;border-radius:0;padding:0;border-left:none}.question-requirement h3[data-v-d7982b76]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-d7982b76]{color:#555;line-height:1.6;font-size:14px;font-weight:600;font-style:italic}.waiting-section[data-v-d7982b76]{background:transparent;border:none;border-radius:0;padding:0;text-align:left;min-height:unset;display:block}.main-content-section[data-v-d7982b76]{background:#fff;border-radius:12px;padding:12px;border:none;display:flex;flex-direction:column;gap:12px}.question-audio-section[data-v-d7982b76]{background:#fff;border-radius:12px;padding:30px 20px;text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.audio-container[data-v-d7982b76]{width:100%}.waiting-phase[data-v-d7982b76],.playing-phase[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;gap:20px}.countdown-container[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:360px}.countdown-circle[data-v-d7982b76]{width:100%;height:6px;background:#f2f3f5;border-radius:3px;overflow:hidden}.countdown-progress__inner[data-v-d7982b76]{height:100%;width:100%;background:#409eff;transition:width .3s linear}.preparation-text[data-v-d7982b76]{font-size:16px;color:#333}.countdown-number[data-v-d7982b76]{display:none}.audio-player-container[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:700px}.audio-icon[data-v-d7982b76]{font-size:48px;animation:pulse-d7982b76 2s infinite}@keyframes pulse-d7982b76{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.audio-text[data-v-d7982b76]{margin:0;color:#333;font-size:16px;font-weight:500}.audio-progress[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px}.progress-bar[data-v-d7982b76]{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill[data-v-d7982b76]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .1s ease}.time-display[data-v-d7982b76]{font-size:14px;color:#6c757d;font-weight:500}.audio-controls[data-v-d7982b76]{display:flex;gap:15px;justify-content:center;align-items:center}.volume-control[data-v-d7982b76]{display:flex;align-items:center;gap:8px;background:#007bff1a;padding:8px 12px;border-radius:20px;border:1px solid rgba(0,123,255,.2)}.volume-icon[data-v-d7982b76]{font-size:16px;color:#007bff}.volume-slider[data-v-d7982b76]{width:80px;height:4px;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider[data-v-d7982b76]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider[data-v-d7982b76]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-slider[data-v-d7982b76]::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.volume-slider[data-v-d7982b76]::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-text[data-v-d7982b76]{font-size:12px;color:#007bff;font-weight:500;min-width:35px;text-align:center}.pause-btn[data-v-d7982b76]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}.pause-btn[data-v-d7982b76]:disabled{opacity:.6;cursor:not-allowed}.skip-btn[data-v-d7982b76]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}.skip-btn[data-v-d7982b76]:disabled{opacity:.6;cursor:not-allowed}.recording-section[data-v-d7982b76]{background:transparent;border:none;border-radius:0;padding:0;text-align:left;min-height:unset;display:block}.preparation-phase[data-v-d7982b76],.waiting-recording[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;gap:20px}.recording-phase[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:unset;padding:.6rem 0;background:transparent;border-radius:0;color:#333;text-align:left;box-shadow:none;margin:0;box-sizing:border-box}.recording-header[data-v-d7982b76]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-d7982b76]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-d7982b76]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-d7982b76]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-d7982b76 1s infinite}.recording-text[data-v-d7982b76]{font-size:.95rem;font-weight:500;color:#333}.recording-timer[data-v-d7982b76]{font-size:1.2rem;font-weight:700;color:#333;font-family:monospace}.live-waveform-container[data-v-d7982b76]{width:100%;height:120px;background:transparent;border-radius:8px;border:none;padding:10px;box-sizing:border-box;align-self:stretch}.live-waveform[data-v-d7982b76]{width:100%;height:100px;background:transparent;border-radius:8px;overflow:hidden;box-shadow:none;border:none;backdrop-filter:none}.recording-controls[data-v-d7982b76]{margin-top:.7rem}.finish-btn[data-v-d7982b76]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}.finish-btn[data-v-d7982b76]:disabled{opacity:.6;cursor:not-allowed}@keyframes recording-pulse-d7982b76{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{opacity:.6;transform:scale(1.1);box-shadow:0 0 0 8px #ff6b6b00}}.playback-phase[data-v-d7982b76]{width:100%}.audio-player[data-v-d7982b76]{display:flex;flex-direction:column;gap:20px;width:100%}.waveform-container[data-v-d7982b76]{width:100%;height:120px;background:transparent;border-radius:8px;border:none;padding:10px;box-sizing:border-box}.audio-controls[data-v-d7982b76]{display:flex;align-items:center;justify-content:center;gap:15px}.play-pause-btn[data-v-d7982b76]{padding:6px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;font-size:14px;cursor:pointer}.play-pause-btn[data-v-d7982b76]:hover{background:#409eff}.audio-time[data-v-d7982b76]{font-size:16px;color:#666;font-weight:500}.action-buttons[data-v-d7982b76]{display:flex;justify-content:center;gap:15px;padding-top:20px;border-top:none}.download-btn[data-v-d7982b76],.submit-btn[data-v-d7982b76]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.download-btn[data-v-d7982b76]{background:#17a2b8;color:#fff}.download-btn[data-v-d7982b76]:hover{background:#138496;transform:translateY(-2px)}.submit-btn[data-v-d7982b76]{background:#409eff;color:#fff}.submit-btn[data-v-d7982b76]:hover{background:#409eff}.answer-records[data-v-d7982b76]{margin-top:40px;padding:20px;background:#fff;border-radius:12px;border:none}.answer-records h3[data-v-d7982b76]{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:600}.loading-state[data-v-d7982b76],.error-state[data-v-d7982b76],.empty-state[data-v-d7982b76]{text-align:center;padding:20px;color:#6c757d;font-size:14px}.loading-spinner[data-v-d7982b76]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-d7982b76 1s linear infinite;margin:0 auto 15px}@keyframes spin-d7982b76{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-d7982b76]{color:#dc3545;margin-bottom:15px}.retry-btn[data-v-d7982b76]{padding:8px 16px;background:#ffc107;color:#212529;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.retry-btn[data-v-d7982b76]:hover{background:#e0a800;transform:translateY(-2px)}.records-list[data-v-d7982b76]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-d7982b76]{background:#fff;border-radius:8px;padding:15px;border:none;box-shadow:0 2px 4px #0000001a}.records-list .record-item[data-v-d7982b76]{border-bottom:1px solid #e0e0e0}.record-header[data-v-d7982b76]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.record-time[data-v-d7982b76]{font-size:14px;color:#6c757d}.record-score[data-v-d7982b76]{font-size:14px;font-weight:600;color:#28a745}.record-actions[data-v-d7982b76]{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.delete-btn[data-v-d7982b76],.ai-score-btn[data-v-d7982b76]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.delete-btn[data-v-d7982b76]{background:#dc3545;color:#fff}.delete-btn[data-v-d7982b76]:hover:not(:disabled){background:#c82333}.delete-btn[data-v-d7982b76]:disabled{background:#6c757d;cursor:not-allowed}.ai-score-btn[data-v-d7982b76]{background:#28a745;color:#fff}.ai-score-btn[data-v-d7982b76]:hover{background:#218838}.record-audio[data-v-d7982b76]{display:flex;flex-direction:column;gap:10px;margin:10px 0}.audio-waveform[data-v-d7982b76]{width:100%;height:40px;margin-bottom:10px;border-radius:8px;overflow:hidden;background:transparent;border:none}.audio-controls[data-v-d7982b76]{display:flex;align-items:center;gap:10px}.play-btn[data-v-d7982b76]{background:#409eff;color:#fff}.play-btn[data-v-d7982b76]:hover:not(:disabled){background:#409eff}.play-btn[data-v-d7982b76]:disabled{opacity:.6;cursor:not-allowed}.audio-duration[data-v-d7982b76]{font-size:12px;color:#6c757d;font-family:monospace}.record-actions span.ai-score-btn[data-v-d7982b76]{background:transparent;color:#333;font-weight:700;font-size:14px;padding:0;border:none}.bottom-actions[data-v-d7982b76]{display:flex;justify-content:center;gap:15px;padding-top:20px}.back-btn[data-v-d7982b76],.retry-btn[data-v-d7982b76]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.back-btn[data-v-d7982b76]{background:#6c757d;color:#fff}.back-btn[data-v-d7982b76]:hover{background:#5a6268;transform:translateY(-2px)}.retry-btn[data-v-d7982b76]{background:#28a745;color:#fff}.retry-btn[data-v-d7982b76]:hover{background:#218838;transform:translateY(-2px)}.bottom-actions[data-v-d7982b76]{display:flex;justify-content:center;gap:15px;margin-top:20px}.action-btn[data-v-d7982b76]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.next-btn[data-v-d7982b76]{background:#007bff;color:#fff}.next-btn[data-v-d7982b76]:hover:not(:disabled){background:#0056b3;transform:translateY(-2px)}.next-btn[data-v-d7982b76]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.prev-btn[data-v-d7982b76]{background:#6c757d;color:#fff}.prev-btn[data-v-d7982b76]:hover:not(:disabled){background:#545b62;transform:translateY(-2px)}.prev-btn[data-v-d7982b76]:disabled{background:#adb5bd;cursor:not-allowed;transform:none}@media (max-width: 768px){.rs-answer-page[data-v-d7982b76]{padding:15px;gap:20px}.question-info[data-v-d7982b76]{grid-template-columns:1fr}.recording-section[data-v-d7982b76],.question-audio-section[data-v-d7982b76]{padding:30px 15px;min-height:200px}.countdown-circle[data-v-d7982b76],.recording-circle[data-v-d7982b76]{width:80px;height:80px}.recording-icon[data-v-d7982b76]{font-size:28px}.live-waveform-container[data-v-d7982b76]{width:100%;max-width:420px;margin:1rem 0;padding:0 .7rem;box-sizing:border-box}.live-waveform[data-v-d7982b76]{height:56px}.waveform-container[data-v-d7982b76]{height:80px}.action-buttons[data-v-d7982b76]{flex-direction:column}.download-btn[data-v-d7982b76],.submit-btn[data-v-d7982b76],.back-btn[data-v-d7982b76]{width:100%}}.favorite-button-container[data-v-43078998]{position:relative;display:inline-block}.favorite-button[data-v-43078998]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;outline:none;position:relative;overflow:hidden}.favorite-button[data-v-43078998]:hover{border-color:gold;color:gold;transform:translateY(-1px);box-shadow:0 2px 8px #ffd70033}.favorite-button.favorited[data-v-43078998]{border-color:gold;background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 8px #ffd7004d}.favorite-button.favorited[data-v-43078998]:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-1px);box-shadow:0 4px 12px #ffd70066}.favorite-button[data-v-43078998]:disabled{cursor:not-allowed;opacity:.6;transform:none}.star-icon[data-v-43078998]{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.star-icon.animate[data-v-43078998]{animation:starPulse-43078998 .6s ease-in-out}.button-text[data-v-43078998]{font-size:13px;white-space:nowrap}.loading-spinner[data-v-43078998]{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.spinner[data-v-43078998]{width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #FFD700;border-radius:50%;animation:spin-43078998 1s linear infinite}.favorite-button.small[data-v-43078998]{padding:4px 8px;font-size:12px}.favorite-button.small .star-icon svg[data-v-43078998]{width:16px;height:16px}.favorite-button.large[data-v-43078998]{padding:12px 16px;font-size:16px}.favorite-button.large .star-icon svg[data-v-43078998]{width:24px;height:24px}@keyframes starPulse-43078998{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin-43078998{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.favorite-button[data-v-43078998]{padding:6px 10px;font-size:13px}.star-icon svg[data-v-43078998]{width:18px;height:18px}}@media (prefers-color-scheme: dark){.favorite-button[data-v-43078998]{background:#2d2d2d;border-color:#555;color:#ccc}.favorite-button[data-v-43078998]:hover{border-color:gold;color:gold}}.favorite-button[data-v-43078998]:focus{outline:2px solid #FFD700;outline-offset:2px}@media (prefers-contrast: high){.favorite-button[data-v-43078998]{border-width:2px}.favorite-button.favorited[data-v-43078998]{background:gold;color:#000}}.di-answer-page[data-v-fb7c974f]{max-width:1200px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.question-info[data-v-fb7c974f]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.question-header[data-v-fb7c974f]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.question-details[data-v-fb7c974f]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.question-actions[data-v-fb7c974f]{display:flex;align-items:center}.info-item[data-v-fb7c974f]{display:flex;align-items:center;gap:10px}.label[data-v-fb7c974f]{font-weight:600;color:#666;min-width:80px}.value[data-v-fb7c974f]{color:#333;font-weight:500}.question-requirement[data-v-fb7c974f]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.question-requirement h3[data-v-fb7c974f]{margin:0 0 15px;color:#333;font-size:18px}.requirement-content[data-v-fb7c974f]{color:#666;line-height:1.6;font-size:14px}.main-content[data-v-fb7c974f]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.image-section[data-v-fb7c974f]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.image-container[data-v-fb7c974f]{text-align:center;width:100%}.question-image[data-v-fb7c974f]{max-width:100%;max-height:350px;border-radius:8px;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 12px #0000001a}.question-image[data-v-fb7c974f]:hover{transform:scale(1.02)}.image-hint[data-v-fb7c974f]{margin-top:10px;color:#666;font-size:12px}.no-image[data-v-fb7c974f]{display:flex;align-items:center;justify-content:center;height:100%;color:#999}.no-image-placeholder[data-v-fb7c974f]{text-align:center}.no-image-placeholder span[data-v-fb7c974f]{font-size:48px;display:block;margin-bottom:10px}.recording-section[data-v-fb7c974f]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.preparation-phase[data-v-fb7c974f]{text-align:center}.countdown-container[data-v-fb7c974f]{display:flex;flex-direction:column;align-items:center;gap:20px}.countdown-circle[data-v-fb7c974f]{width:120px;height:120px;border:4px solid #007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;animation:pulse-fb7c974f 2s infinite}.countdown-number[data-v-fb7c974f]{font-size:36px;font-weight:700}.countdown-text[data-v-fb7c974f]{font-size:18px;color:#333;font-weight:500}.skip-btn[data-v-fb7c974f]{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.skip-btn[data-v-fb7c974f]:hover{background:#5a6268;transform:translateY(-2px)}.recording-phase[data-v-fb7c974f]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;text-align:center;box-shadow:0 8px 25px #00000026;margin:0 auto;box-sizing:border-box}.recording-header[data-v-fb7c974f]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-fb7c974f]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-fb7c974f]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-fb7c974f]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-fb7c974f 1s infinite}.recording-text[data-v-fb7c974f]{font-size:.95rem;font-weight:500;color:#ffffffe6}.recording-timer[data-v-fb7c974f]{font-size:1.2rem;font-weight:700;color:#fff;font-family:monospace}.live-waveform-container[data-v-fb7c974f]{width:100%;max-width:420px;margin:1rem 0;padding:0 .7rem;box-sizing:border-box}.live-waveform[data-v-fb7c974f]{width:100%;height:70px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden;backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px #0000001a}.recording-controls[data-v-fb7c974f]{margin-top:.7rem}.finish-btn[data-v-fb7c974f]{padding:8px 18px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);display:flex;align-items:center;gap:.4rem}.finish-btn[data-v-fb7c974f]:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.playback-phase[data-v-fb7c974f]{width:100%}.audio-player[data-v-fb7c974f]{display:flex;flex-direction:column;gap:20px}.waveform-container[data-v-fb7c974f]{width:100%;height:60px;background:#f5f5f5;border-radius:8px;overflow:hidden}.audio-controls[data-v-fb7c974f]{display:flex;align-items:center;justify-content:center;gap:15px}.play-pause-btn[data-v-fb7c974f]{width:50px;height:50px;border:none;border-radius:50%;background:#2196f3;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.play-pause-btn[data-v-fb7c974f]:hover{background:#1976d2}.audio-time[data-v-fb7c974f]{font-size:14px;color:#666;font-family:monospace}.action-buttons[data-v-fb7c974f]{display:flex;gap:10px;justify-content:center}.download-btn[data-v-fb7c974f],.submit-btn[data-v-fb7c974f]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.download-btn[data-v-fb7c974f]{background:#4caf50;color:#fff}.download-btn[data-v-fb7c974f]:hover{background:#388e3c}.submit-btn[data-v-fb7c974f]{background:#2196f3;color:#fff}.submit-btn[data-v-fb7c974f]:hover{background:#1976d2}.answer-records[data-v-fb7c974f]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.answer-records h3[data-v-fb7c974f]{margin:0 0 20px;color:#333;font-size:18px}.login-required[data-v-fb7c974f],.loading-text[data-v-fb7c974f],.error-text[data-v-fb7c974f],.no-records[data-v-fb7c974f]{text-align:center;padding:40px;color:#666}.error-text[data-v-fb7c974f]{color:#f44336}.records-list[data-v-fb7c974f]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-fb7c974f]{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#fafafa}.record-info[data-v-fb7c974f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.record-time[data-v-fb7c974f]{font-size:14px;color:#666}.record-score[data-v-fb7c974f]{font-size:14px;font-weight:500;color:#4caf50}.record-audio-player[data-v-fb7c974f]{margin-bottom:10px}.record-waveform[data-v-fb7c974f]{width:100%;height:40px;background:#f0f0f0;border-radius:6px;margin-bottom:8px}.record-controls[data-v-fb7c974f]{display:flex;align-items:center;gap:10px}.record-play-btn[data-v-fb7c974f]{width:32px;height:32px;border:none;border-radius:50%;background:#2196f3;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.record-play-btn[data-v-fb7c974f]:disabled{background:#ccc;cursor:not-allowed}.record-time-display[data-v-fb7c974f]{font-size:12px;color:#666;font-family:monospace}.record-actions[data-v-fb7c974f]{display:flex;gap:10px}.delete-btn[data-v-fb7c974f],.ai-score-btn[data-v-fb7c974f]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.delete-btn[data-v-fb7c974f]{background:#f44336;color:#fff}.delete-btn[data-v-fb7c974f]:hover:not(:disabled){background:#d32f2f}.delete-btn[data-v-fb7c974f]:disabled{background:#ccc;cursor:not-allowed}.ai-score-btn[data-v-fb7c974f]{background:#ff9800;color:#fff}.ai-score-btn[data-v-fb7c974f]:hover{background:#f57c00}.bottom-actions[data-v-fb7c974f]{display:flex;gap:15px;justify-content:center}.back-btn[data-v-fb7c974f],.retry-btn[data-v-fb7c974f],.action-btn[data-v-fb7c974f]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;min-width:120px}.back-btn[data-v-fb7c974f]{background:#6c757d;color:#fff}.back-btn[data-v-fb7c974f]:hover{background:#5a6268}.retry-btn[data-v-fb7c974f]{background:#28a745;color:#fff}.retry-btn[data-v-fb7c974f]:hover{background:#218838}.next-btn[data-v-fb7c974f]{background:#007bff;color:#fff}.next-btn[data-v-fb7c974f]:hover:not(:disabled){background:#0056b3;transform:translateY(-2px)}.next-btn[data-v-fb7c974f]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.prev-btn[data-v-fb7c974f]{background:#6c757d;color:#fff}.prev-btn[data-v-fb7c974f]:hover:not(:disabled){background:#545b62;transform:translateY(-2px)}.prev-btn[data-v-fb7c974f]:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.image-modal[data-v-fb7c974f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-fb7c974f]{position:relative;max-width:90%;max-height:90%;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 20px #0000004d}.modal-image[data-v-fb7c974f]{max-width:100%;max-height:100%;border-radius:4px}.close-btn[data-v-fb7c974f]{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;background:#f44336;color:#fff;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-fb7c974f]:hover{background:#d32f2f}@keyframes spin-fb7c974f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-fb7c974f{0%{box-shadow:0 0 #007bffb3}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}@keyframes recording-pulse-fb7c974f{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (max-width: 768px){.di-answer-page[data-v-fb7c974f]{padding:10px}.main-content[data-v-fb7c974f]{grid-template-columns:1fr;gap:15px}.question-info[data-v-fb7c974f]{grid-template-columns:1fr;gap:10px}.countdown-circle[data-v-fb7c974f],.recording-circle[data-v-fb7c974f]{width:100px;height:100px}.countdown-number[data-v-fb7c974f]{font-size:28px}.recording-time[data-v-fb7c974f]{font-size:16px}.bottom-actions[data-v-fb7c974f]{flex-direction:column;align-items:center}.back-btn[data-v-fb7c974f],.retry-btn[data-v-fb7c974f]{width:100%;max-width:200px}}.rl-answer-page[data-v-8a1004c3]{padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px;height:100%;overflow-y:auto}.question-info[data-v-8a1004c3]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-header[data-v-8a1004c3]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.question-details[data-v-8a1004c3]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.question-actions[data-v-8a1004c3]{display:flex;align-items:center}.info-item[data-v-8a1004c3]{display:flex;flex-direction:column;gap:5px}.label[data-v-8a1004c3]{font-size:12px;color:#6c757d;font-weight:500}.value[data-v-8a1004c3]{font-size:14px;color:#333;font-weight:600}.question-requirement[data-v-8a1004c3]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff}.question-requirement h3[data-v-8a1004c3]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-8a1004c3]{color:#555;line-height:1.6;font-size:14px}.waiting-section[data-v-8a1004c3]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;flex:1}.main-content-section[data-v-8a1004c3]{display:flex;flex-direction:column;gap:15px;flex:1;max-height:100%}.question-audio-section[data-v-8a1004c3]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px 15px;text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center;flex:.6}.recording-section[data-v-8a1004c3]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px 15px;text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center;flex:.4}.recording-section .playback-phase[data-v-8a1004c3]{height:100%}.main-content-section .recording-section[data-v-8a1004c3]:only-child{flex:1;min-height:100%}.layout-with-image[data-v-8a1004c3]{display:flex;gap:30px;align-items:stretch;min-height:500px}.image-section[data-v-8a1004c3]{flex:1;min-width:300px;display:flex;flex-direction:column}.image-container[data-v-8a1004c3]{position:relative;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-image[data-v-8a1004c3]{max-width:100%;max-height:400px;border-radius:8px;cursor:pointer;transition:transform .2s ease;object-fit:contain}.question-image[data-v-8a1004c3]:hover{transform:scale(1.02)}.image-hint[data-v-8a1004c3]{margin-top:10px;color:#6c757d;font-size:12px}.no-image[data-v-8a1004c3]{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-image-placeholder span[data-v-8a1004c3]{font-size:48px;display:block;margin-bottom:10px}.no-image-placeholder p[data-v-8a1004c3]{color:#6c757d;margin:0}.answer-section[data-v-8a1004c3]{flex:1;min-width:400px;display:flex;flex-direction:column}.waiting-phase[data-v-8a1004c3],.playing-phase[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;gap:20px}.countdown-container[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;gap:15px}.countdown-circle[data-v-8a1004c3]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 15px #007bff4d}.countdown-number[data-v-8a1004c3]{font-size:24px;font-weight:700;color:#fff}.countdown-text[data-v-8a1004c3]{margin:0;color:#333;font-size:16px;font-weight:500}.skip-btn[data-v-8a1004c3]{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.skip-btn[data-v-8a1004c3]:hover{background:#5a6268;transform:translateY(-2px)}.question-audio-phase[data-v-8a1004c3]{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff}.playing-phase[data-v-8a1004c3]{text-align:center;padding:20px}.audio-container[data-v-8a1004c3]{margin-bottom:20px}.audio-player-container[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.audio-icon[data-v-8a1004c3]{font-size:48px;animation:pulse-8a1004c3 2s infinite}.audio-icon.completed[data-v-8a1004c3]{font-size:48px;animation:none}@keyframes pulse-8a1004c3{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.audio-text[data-v-8a1004c3]{margin:0;color:#333;font-size:16px;font-weight:500}.audio-progress[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px}.progress-bar[data-v-8a1004c3]{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill[data-v-8a1004c3]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .1s ease}.time-display[data-v-8a1004c3]{font-size:14px;color:#6c757d;font-weight:500}.audio-controls[data-v-8a1004c3]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.pause-btn[data-v-8a1004c3]{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.pause-btn[data-v-8a1004c3]:hover{background:#0056b3;transform:translateY(-2px)}.finish-btn[data-v-8a1004c3]{padding:12px 24px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.finish-btn[data-v-8a1004c3]:hover{background:#c82333;transform:translateY(-2px)}.volume-control[data-v-8a1004c3]{display:flex;align-items:center;gap:8px;background:#007bff1a;padding:8px 12px;border-radius:20px;border:1px solid rgba(0,123,255,.2)}.volume-icon[data-v-8a1004c3]{font-size:16px;color:#007bff}.volume-slider[data-v-8a1004c3]{width:80px;height:4px;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider[data-v-8a1004c3]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider[data-v-8a1004c3]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-slider[data-v-8a1004c3]::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.volume-slider[data-v-8a1004c3]::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-text[data-v-8a1004c3]{font-size:12px;color:#007bff;font-weight:500;min-width:35px;text-align:center}.audio-completed[data-v-8a1004c3]{text-align:center;padding:20px;color:#28a745}.preparation-phase[data-v-8a1004c3],.preparation-waiting[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;gap:20px}.preparation-waiting .countdown-circle[data-v-8a1004c3]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#fd7e14);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 15px #ffc1074d}.recording-phase[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;min-height:210px;padding:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;text-align:center;box-shadow:0 8px 25px #00000026;margin:0 auto;box-sizing:border-box}.recording-header[data-v-8a1004c3]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-8a1004c3]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-8a1004c3]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-8a1004c3]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-8a1004c3 1s infinite}.recording-text[data-v-8a1004c3]{font-size:.95rem;font-weight:500;color:#ffffffe6}.recording-timer[data-v-8a1004c3]{font-size:1.2rem;font-weight:700;color:#fff;font-family:monospace}.live-waveform-container[data-v-8a1004c3]{width:100%;max-width:420px;margin:1rem 0;padding:0 .7rem;box-sizing:border-box}.live-waveform[data-v-8a1004c3]{width:100%;height:70px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden;backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px #0000001a}.recording-controls[data-v-8a1004c3]{margin-top:.7rem}.finish-btn[data-v-8a1004c3]{padding:8px 18px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);display:flex;align-items:center;gap:.4rem}.finish-btn[data-v-8a1004c3]:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}@keyframes recording-pulse-8a1004c3{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{opacity:.6;transform:scale(1.1);box-shadow:0 0 0 8px #ff6b6b00}}.waiting-recording[data-v-8a1004c3]{text-align:center;padding:30px 20px;opacity:.6}.playback-phase[data-v-8a1004c3]{display:flex;flex-direction:column;gap:20px}.audio-player[data-v-8a1004c3]{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.waveform-container[data-v-8a1004c3]{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef}.waveform[data-v-8a1004c3]{width:100%;height:60px;background:linear-gradient(135deg,#007bff,#6610f2);border-radius:4px;margin-bottom:10px}.playback-controls[data-v-8a1004c3]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.play-controls[data-v-8a1004c3]{display:flex;align-items:center;gap:15px}.play-btn[data-v-8a1004c3]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d}.play-btn[data-v-8a1004c3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.time-info[data-v-8a1004c3]{display:flex;align-items:center;gap:10px;color:#666;font-size:14px;font-weight:500}.audio-controls[data-v-8a1004c3]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.play-pause-btn[data-v-8a1004c3]{background:#007bff;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-pause-btn[data-v-8a1004c3]:hover{background:#0056b3;transform:scale(1.05)}.audio-time[data-v-8a1004c3]{font-size:14px;color:#6c757d;font-weight:500}.action-buttons[data-v-8a1004c3]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.download-btn[data-v-8a1004c3],.submit-btn[data-v-8a1004c3]{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.download-btn[data-v-8a1004c3]{background:#6c757d;color:#fff}.download-btn[data-v-8a1004c3]:hover{background:#5a6268;transform:translateY(-2px)}.submit-btn[data-v-8a1004c3]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-btn[data-v-8a1004c3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.answer-records[data-v-8a1004c3]{margin-top:30px;background:#fff;border-radius:12px;padding:25px;border:1px solid #e9ecef}.answer-records h3[data-v-8a1004c3]{margin:0 0 18px;color:#333;font-size:18px;font-weight:600}.loading-state[data-v-8a1004c3],.error-state[data-v-8a1004c3],.empty-state[data-v-8a1004c3]{text-align:center;padding:40px 20px;color:#666}.loading-spinner[data-v-8a1004c3]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin-8a1004c3 1s linear infinite;margin:0 auto 12px}@keyframes spin-8a1004c3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-8a1004c3]{color:#dc3545;margin-bottom:12px}.retry-btn[data-v-8a1004c3]{background:#007bff;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px}.retry-btn[data-v-8a1004c3]:hover{background:#0056b3}.records-list[data-v-8a1004c3]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-8a1004c3]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:18px;transition:all .3s ease}.record-item[data-v-8a1004c3]:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-1px)}.record-header[data-v-8a1004c3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.record-time[data-v-8a1004c3]{font-size:13px;color:#666;font-weight:500}.record-score[data-v-8a1004c3]{background:#007bff;color:#fff;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500}.record-audio[data-v-8a1004c3]{margin-bottom:12px}.audio-waveform[data-v-8a1004c3]{background:#fff;border-radius:6px;margin-bottom:8px;min-height:35px;border:1px solid #dee2e6}.record-audio .audio-controls[data-v-8a1004c3]{justify-content:flex-start;margin-bottom:0}.play-btn[data-v-8a1004c3]{background:#28a745;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn[data-v-8a1004c3]:hover{background:#1e7e34;transform:scale(1.05)}.audio-duration[data-v-8a1004c3]{font-size:11px;color:#666}.record-actions[data-v-8a1004c3]{display:flex;gap:8px;justify-content:flex-end}.delete-btn[data-v-8a1004c3],.ai-score-btn[data-v-8a1004c3]{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .3s ease}.delete-btn[data-v-8a1004c3]{background:#dc3545;color:#fff}.delete-btn[data-v-8a1004c3]:hover:not(:disabled){background:#c82333}.delete-btn[data-v-8a1004c3]:disabled{opacity:.6;cursor:not-allowed}.ai-score-btn[data-v-8a1004c3]{background:#17a2b8;color:#fff}.ai-score-btn[data-v-8a1004c3]:hover{background:#138496}.bottom-actions[data-v-8a1004c3]{display:flex;justify-content:center;gap:15px;margin-top:30px;padding:20px 0}.back-btn[data-v-8a1004c3],.retry-btn[data-v-8a1004c3]{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.back-btn[data-v-8a1004c3]{background:#6c757d;color:#fff}.back-btn[data-v-8a1004c3]:hover{background:#5a6268;transform:translateY(-2px)}.retry-btn[data-v-8a1004c3]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.retry-btn[data-v-8a1004c3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.action-btn[data-v-8a1004c3]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:100px}.next-btn[data-v-8a1004c3]{background:#ffc107;color:#212529}.next-btn[data-v-8a1004c3]:hover:not(:disabled){background:#e0a800;transform:translateY(-2px)}.prev-btn[data-v-8a1004c3]{background:#6f42c1;color:#fff}.prev-btn[data-v-8a1004c3]:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px)}.prev-btn[data-v-8a1004c3]:disabled,.next-btn[data-v-8a1004c3]:disabled{background:#6c757d;cursor:not-allowed;transform:none;opacity:.6}.image-modal[data-v-8a1004c3]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-8a1004c3]{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-image[data-v-8a1004c3]{width:100%;height:100%;object-fit:contain;display:block}.close-btn[data-v-8a1004c3]{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.close-btn[data-v-8a1004c3]:hover{background:#000c;transform:scale(1.1)}@media (max-width: 768px){.rl-answer-page[data-v-8a1004c3]{padding:15px}.main-content[data-v-8a1004c3]{flex-direction:column;gap:20px}.image-section[data-v-8a1004c3],.answer-section[data-v-8a1004c3]{min-width:auto}.info-item[data-v-8a1004c3]{flex-direction:column;align-items:flex-start;gap:5px}.label[data-v-8a1004c3]{min-width:auto;margin-right:0}.record-header[data-v-8a1004c3]{flex-direction:column;align-items:flex-start}.audio-controls[data-v-8a1004c3]{flex-wrap:wrap}.volume-control[data-v-8a1004c3]{order:1;width:100%;justify-content:center}.bottom-actions[data-v-8a1004c3]{flex-direction:column;align-items:center;gap:10px}.action-buttons[data-v-8a1004c3]{flex-direction:column}.action-btn[data-v-8a1004c3]{width:100%}}@media (max-width: 480px){.countdown-circle[data-v-8a1004c3]{width:100px;height:100px}.countdown-number[data-v-8a1004c3]{font-size:36px}.recording-circle[data-v-8a1004c3]{width:100px;height:100px}.recording-time[data-v-8a1004c3]{font-size:20px}.modal-content[data-v-8a1004c3]{margin:20px;padding:15px}}.asq-answer-page[data-v-24dd3359]{padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px;height:100%;overflow-y:auto}.question-info[data-v-24dd3359]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-header[data-v-24dd3359]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.question-details[data-v-24dd3359]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;flex:1}.question-actions[data-v-24dd3359]{display:flex;align-items:center;margin-left:20px}.info-item[data-v-24dd3359]{display:flex;flex-direction:column;gap:5px}.label[data-v-24dd3359]{font-size:12px;color:#6c757d;font-weight:500}.value[data-v-24dd3359]{font-size:14px;color:#333;font-weight:600}.question-requirement[data-v-24dd3359]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff}.question-requirement h3[data-v-24dd3359]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-24dd3359]{color:#555;line-height:1.6;font-size:14px}.waiting-section[data-v-24dd3359]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.main-content-section[data-v-24dd3359]{display:flex;flex-direction:column;gap:20px}.question-audio-section[data-v-24dd3359]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:30px 20px;text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.audio-container[data-v-24dd3359]{width:100%}.waiting-phase[data-v-24dd3359],.playing-phase[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;gap:20px}.countdown-container[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;gap:15px}.countdown-circle[data-v-24dd3359]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 15px #007bff4d}.countdown-text[data-v-24dd3359]{margin:0;color:#333;font-size:16px;font-weight:500}.audio-player-container[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;gap:15px}.audio-icon[data-v-24dd3359]{font-size:48px;animation:pulse-24dd3359 2s infinite}@keyframes pulse-24dd3359{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.audio-text[data-v-24dd3359]{margin:0;color:#333;font-size:16px;font-weight:500}.audio-progress[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px}.progress-bar[data-v-24dd3359]{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill[data-v-24dd3359]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .1s ease}.time-display[data-v-24dd3359]{font-size:14px;color:#6c757d;font-weight:500}.audio-controls[data-v-24dd3359]{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.volume-control[data-v-24dd3359]{display:flex;align-items:center;gap:8px;background:#007bff1a;padding:8px 12px;border-radius:20px;border:1px solid rgba(0,123,255,.2)}.volume-icon[data-v-24dd3359]{font-size:16px;color:#007bff}.volume-slider[data-v-24dd3359]{width:80px;height:4px;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider[data-v-24dd3359]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider[data-v-24dd3359]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-slider[data-v-24dd3359]::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.volume-slider[data-v-24dd3359]::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-text[data-v-24dd3359]{font-size:12px;color:#007bff;font-weight:500;min-width:35px;text-align:center}.pause-btn[data-v-24dd3359]{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.pause-btn[data-v-24dd3359]:hover{background:#0056b3;transform:translateY(-2px)}.skip-btn[data-v-24dd3359]{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.skip-btn[data-v-24dd3359]:hover{background:#5a6268;transform:translateY(-2px)}.recording-section[data-v-24dd3359]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.preparation-phase[data-v-24dd3359],.waiting-recording[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;gap:20px}.recording-phase[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;min-height:210px;padding:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;text-align:center;box-shadow:0 8px 25px #00000026;margin:0 auto;box-sizing:border-box}.recording-header[data-v-24dd3359]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-24dd3359]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-24dd3359]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-24dd3359]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-24dd3359 1s infinite}.recording-text[data-v-24dd3359]{font-size:.95rem;font-weight:500;color:#ffffffe6}.recording-timer[data-v-24dd3359]{font-size:1.2rem;font-weight:700;color:#fff;font-family:monospace}.live-waveform-container[data-v-24dd3359]{width:100%;max-width:420px;margin:1rem 0;padding:0 .7rem;box-sizing:border-box}.live-waveform[data-v-24dd3359]{width:100%;height:70px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden;backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px #0000001a}.recording-controls[data-v-24dd3359]{margin-top:.7rem}.finish-btn[data-v-24dd3359]{padding:8px 18px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);display:flex;align-items:center;gap:.4rem}.finish-btn[data-v-24dd3359]:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}@keyframes recording-pulse-24dd3359{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{opacity:.6;transform:scale(1.1);box-shadow:0 0 0 8px #ff6b6b00}}.playback-phase[data-v-24dd3359]{width:100%;display:flex;flex-direction:column;gap:20px}.audio-player[data-v-24dd3359]{display:flex;flex-direction:column;gap:15px}.waveform-container[data-v-24dd3359]{width:100%;height:100px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.audio-controls[data-v-24dd3359]{display:flex;align-items:center;justify-content:center;gap:15px}.play-pause-btn[data-v-24dd3359]{width:50px;height:50px;border-radius:50%;background:#007bff;color:#fff;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-pause-btn[data-v-24dd3359]:hover{background:#0056b3;transform:scale(1.05)}.audio-time[data-v-24dd3359]{font-size:14px;color:#6c757d;font-weight:500}.action-buttons[data-v-24dd3359]{display:flex;gap:15px;justify-content:center}.download-btn[data-v-24dd3359],.submit-btn[data-v-24dd3359]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.download-btn[data-v-24dd3359]{background:#28a745;color:#fff}.download-btn[data-v-24dd3359]:hover{background:#218838;transform:translateY(-2px)}.submit-btn[data-v-24dd3359]{background:#007bff;color:#fff}.submit-btn[data-v-24dd3359]:hover{background:#0056b3;transform:translateY(-2px)}.answer-records[data-v-24dd3359]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef}.answer-records h3[data-v-24dd3359]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.loading-state[data-v-24dd3359],.error-state[data-v-24dd3359],.empty-state[data-v-24dd3359]{text-align:center;padding:40px 20px;color:#6c757d}.loading-spinner[data-v-24dd3359]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-24dd3359 1s linear infinite;margin:0 auto 15px}@keyframes spin-24dd3359{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-24dd3359]{color:#dc3545;margin-bottom:15px}.retry-btn[data-v-24dd3359]{padding:8px 16px;background:#ffc107;color:#212529;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.retry-btn[data-v-24dd3359]:hover{background:#e0a800;transform:translateY(-2px)}.records-list[data-v-24dd3359]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-24dd3359]{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.record-header[data-v-24dd3359]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.record-time[data-v-24dd3359]{font-size:14px;color:#6c757d}.record-score[data-v-24dd3359]{font-size:14px;font-weight:600;color:#28a745}.record-actions[data-v-24dd3359]{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.delete-btn[data-v-24dd3359],.ai-score-btn[data-v-24dd3359]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.delete-btn[data-v-24dd3359]{background:#dc3545;color:#fff}.delete-btn[data-v-24dd3359]:hover:not(:disabled){background:#c82333}.delete-btn[data-v-24dd3359]:disabled{background:#6c757d;cursor:not-allowed}.ai-score-btn[data-v-24dd3359]{background:#28a745;color:#fff}.ai-score-btn[data-v-24dd3359]:hover{background:#218838}.record-audio[data-v-24dd3359]{display:flex;flex-direction:column;gap:10px}.audio-waveform[data-v-24dd3359]{width:100%;height:60px;background:#fff;border-radius:6px;border:1px solid #dee2e6}.audio-controls[data-v-24dd3359]{display:flex;align-items:center;gap:10px}.play-btn[data-v-24dd3359]{width:36px;height:36px;border-radius:50%;background:#28a745;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn[data-v-24dd3359]:hover{background:#218838;transform:scale(1.05)}.audio-duration[data-v-24dd3359]{font-size:12px;color:#6c757d}.bottom-actions[data-v-24dd3359]{display:flex;justify-content:center;gap:15px;padding-top:20px}.back-btn[data-v-24dd3359],.retry-btn[data-v-24dd3359]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.back-btn[data-v-24dd3359]{background:#6c757d;color:#fff}.back-btn[data-v-24dd3359]:hover{background:#5a6268;transform:translateY(-2px)}.retry-btn[data-v-24dd3359]{background:#28a745;color:#fff}.retry-btn[data-v-24dd3359]:hover{background:#218838;transform:translateY(-2px)}.action-btn[data-v-24dd3359]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:100px}.next-btn[data-v-24dd3359]{background:#007bff;color:#fff}.next-btn[data-v-24dd3359]:hover:not(:disabled){background:#0056b3;transform:translateY(-2px)}.prev-btn[data-v-24dd3359]{background:#6f42c1;color:#fff}.prev-btn[data-v-24dd3359]:hover:not(:disabled){background:#5a2d91;transform:translateY(-2px)}.action-btn[data-v-24dd3359]:disabled{background:#6c757d;cursor:not-allowed;transform:none}@media (max-width: 768px){.asq-answer-page[data-v-24dd3359]{padding:15px;gap:20px}.question-info[data-v-24dd3359]{grid-template-columns:1fr}.recording-section[data-v-24dd3359],.question-audio-section[data-v-24dd3359]{padding:30px 15px;min-height:200px}.countdown-circle[data-v-24dd3359],.recording-circle[data-v-24dd3359]{width:80px;height:80px}.recording-icon[data-v-24dd3359]{font-size:28px}.bottom-actions[data-v-24dd3359]{flex-wrap:wrap;gap:10px}.action-buttons[data-v-24dd3359]{flex-direction:column}.download-btn[data-v-24dd3359],.submit-btn[data-v-24dd3359],.back-btn[data-v-24dd3359],.action-btn[data-v-24dd3359]{width:100%;min-width:auto;padding:10px 16px;font-size:13px}}.sgd-answer-page[data-v-5d799ee8]{padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px;height:100%;overflow-y:auto}.question-info[data-v-5d799ee8]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-header[data-v-5d799ee8]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.question-details[data-v-5d799ee8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;flex:1}.question-actions[data-v-5d799ee8]{display:flex;align-items:center;margin-left:20px}.info-item[data-v-5d799ee8]{display:flex;flex-direction:column;gap:5px}.label[data-v-5d799ee8]{font-size:12px;color:#6c757d;font-weight:500}.value[data-v-5d799ee8]{font-size:14px;color:#333;font-weight:600}.question-requirement[data-v-5d799ee8]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff}.question-requirement h3[data-v-5d799ee8]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-5d799ee8]{color:#555;line-height:1.6;font-size:14px}.layout-with-image[data-v-5d799ee8]{display:flex;gap:30px;align-items:stretch;min-height:500px}.image-section[data-v-5d799ee8]{flex:1;min-width:300px;display:flex;flex-direction:column}.image-container[data-v-5d799ee8]{position:relative;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-image[data-v-5d799ee8]{max-width:100%;max-height:400px;border-radius:8px;cursor:pointer;transition:transform .2s}.question-image[data-v-5d799ee8]:hover{transform:scale(1.02)}.no-image[data-v-5d799ee8]{color:#6c757d;font-size:16px}.no-image i[data-v-5d799ee8]{font-size:48px;margin-bottom:10px;display:block}.answer-section[data-v-5d799ee8]{flex:1;min-width:400px;display:flex;flex-direction:column}.waiting-section[data-v-5d799ee8]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;flex:1}.main-content-section[data-v-5d799ee8]{display:flex;flex-direction:column;gap:15px;flex:1;max-height:100%}.question-audio-section[data-v-5d799ee8]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px 15px;text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center;flex:.6}.recording-section[data-v-5d799ee8]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px 15px;text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center;flex:.4}.recording-section .playback-phase[data-v-5d799ee8]{height:100%}.main-content-section .recording-section[data-v-5d799ee8]:only-child{flex:1;min-height:100%}.waiting-content[data-v-5d799ee8],.preparation-phase[data-v-5d799ee8]{display:flex;flex-direction:column;align-items:center;gap:20px}.countdown-circle[data-v-5d799ee8]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;animation:pulse-5d799ee8 1s infinite}.countdown-circle.large[data-v-5d799ee8]{width:100px;height:100px;font-size:32px}.countdown-number[data-v-5d799ee8]{font-size:inherit}.phase-text[data-v-5d799ee8]{font-size:16px;color:#333;margin:0}@keyframes pulse-5d799ee8{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.audio-content[data-v-5d799ee8]{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.audio-info[data-v-5d799ee8]{display:flex;align-items:center;gap:10px;font-size:16px;color:#333}.audio-progress[data-v-5d799ee8]{width:100%;max-width:300px}.progress-bar[data-v-5d799ee8]{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-5d799ee8]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .1s ease}.time-display[data-v-5d799ee8]{text-align:center;font-size:12px;color:#6c757d}.audio-controls[data-v-5d799ee8]{display:flex;align-items:center;gap:15px}.pause-btn[data-v-5d799ee8]{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.pause-btn[data-v-5d799ee8]:hover{background:#0056b3;transform:translateY(-2px)}.skip-btn[data-v-5d799ee8]{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.skip-btn[data-v-5d799ee8]:hover{background:#5a6268;transform:translateY(-2px)}.volume-control[data-v-5d799ee8]{display:flex;align-items:center;gap:8px;background:#007bff1a;padding:8px 12px;border-radius:20px;border:1px solid rgba(0,123,255,.2)}.volume-slider[data-v-5d799ee8]{width:80px;height:4px;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider[data-v-5d799ee8]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider[data-v-5d799ee8]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-slider[data-v-5d799ee8]::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.volume-slider[data-v-5d799ee8]::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-icon[data-v-5d799ee8]{font-size:16px;color:#007bff}.volume-text[data-v-5d799ee8]{font-size:12px;color:#007bff;font-weight:500;min-width:35px;text-align:center}.recording-phase[data-v-5d799ee8]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;min-height:210px;padding:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;text-align:center;box-shadow:0 8px 25px #00000026;margin:0 auto;box-sizing:border-box}.recording-header[data-v-5d799ee8]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-5d799ee8]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-5d799ee8]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-5d799ee8]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-5d799ee8 1s infinite}.recording-text[data-v-5d799ee8]{font-size:.95rem;font-weight:500;color:#ffffffe6}.recording-timer[data-v-5d799ee8]{font-size:1.2rem;font-weight:700;color:#fff;font-family:monospace}.recording-controls[data-v-5d799ee8]{margin-top:.7rem}.finish-btn[data-v-5d799ee8]{padding:8px 18px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);display:flex;align-items:center;gap:.4rem}.finish-btn[data-v-5d799ee8]:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}@keyframes recording-pulse-5d799ee8{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{opacity:.6;transform:scale(1.1);box-shadow:0 0 0 8px #ff6b6b00}}.live-waveform-container[data-v-5d799ee8]{width:100%;max-width:420px;margin:1rem 0;padding:0 .7rem;box-sizing:border-box}.live-waveform[data-v-5d799ee8]{width:100%;height:70px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden;backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px #0000001a}.playback-phase[data-v-5d799ee8]{display:flex;flex-direction:column;gap:20px}.audio-player[data-v-5d799ee8]{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.waveform-container[data-v-5d799ee8]{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef}.waveform[data-v-5d799ee8]{width:100%;height:60px;background:linear-gradient(135deg,#007bff,#6610f2);border-radius:4px;margin-bottom:10px}.playback-controls[data-v-5d799ee8]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.play-controls[data-v-5d799ee8]{display:flex;align-items:center;gap:15px}.play-btn[data-v-5d799ee8]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d}.play-btn[data-v-5d799ee8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.time-info[data-v-5d799ee8]{display:flex;align-items:center;gap:10px;color:#666;font-size:14px;font-weight:500}.audio-controls[data-v-5d799ee8]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.play-pause-btn[data-v-5d799ee8]{background:#007bff;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-pause-btn[data-v-5d799ee8]:hover{background:#0056b3;transform:scale(1.05)}.audio-time[data-v-5d799ee8]{font-size:14px;color:#6c757d;font-weight:500}.action-buttons[data-v-5d799ee8]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.download-btn[data-v-5d799ee8],.submit-btn[data-v-5d799ee8]{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.download-btn[data-v-5d799ee8]{background:#6c757d;color:#fff}.download-btn[data-v-5d799ee8]:hover{background:#5a6268;transform:translateY(-2px)}.submit-btn[data-v-5d799ee8]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-btn[data-v-5d799ee8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.answer-records[data-v-5d799ee8]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef}.answer-records h3[data-v-5d799ee8]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.loading-state[data-v-5d799ee8],.error-state[data-v-5d799ee8],.empty-state[data-v-5d799ee8]{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#6c757d;font-size:14px}.records-list[data-v-5d799ee8]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-5d799ee8]{border:1px solid #e9ecef;border-radius:8px;padding:15px;background:#f8f9fa}.record-header[data-v-5d799ee8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.record-time[data-v-5d799ee8]{font-size:12px;color:#6c757d}.record-actions[data-v-5d799ee8]{display:flex;gap:5px}.record-audio[data-v-5d799ee8]{display:flex;flex-direction:column;gap:10px}.record-waveform[data-v-5d799ee8]{height:40px;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.audio-controls[data-v-5d799ee8]{display:flex;align-items:center;gap:10px}.audio-time[data-v-5d799ee8]{font-size:12px;color:#6c757d}.bottom-actions[data-v-5d799ee8]{display:flex;justify-content:center;gap:15px;padding:20px 0}.action-btn[data-v-5d799ee8]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:100px}.next-btn[data-v-5d799ee8]{background:#ffc107;color:#212529}.next-btn[data-v-5d799ee8]:hover:not(:disabled){background:#e0a800;transform:translateY(-2px)}.prev-btn[data-v-5d799ee8]{background:#6f42c1;color:#fff}.prev-btn[data-v-5d799ee8]:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px)}.prev-btn[data-v-5d799ee8]:disabled,.next-btn[data-v-5d799ee8]:disabled{background:#6c757d;cursor:not-allowed;transform:none;opacity:.6}.image-modal[data-v-5d799ee8]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-5d799ee8]{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-image[data-v-5d799ee8]{width:100%;height:100%;object-fit:contain;display:block}.close-btn[data-v-5d799ee8]{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-5d799ee8]:hover{background:#000c;transform:scale(1.1)}@media (max-width: 768px){.layout-with-image[data-v-5d799ee8]{flex-direction:column;gap:20px}.image-section[data-v-5d799ee8],.answer-section[data-v-5d799ee8]{min-width:auto}.sgd-answer-page[data-v-5d799ee8]{padding:15px;gap:20px}.question-info[data-v-5d799ee8]{grid-template-columns:1fr}.bottom-actions[data-v-5d799ee8]{flex-wrap:wrap;gap:10px}.action-btn[data-v-5d799ee8]{min-width:80px;padding:10px 16px;font-size:13px}}.rs-answer-page[data-v-ec4d9178]{padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px;height:100%;overflow-y:auto}.question-info[data-v-ec4d9178]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-header[data-v-ec4d9178]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.question-details[data-v-ec4d9178]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.question-actions[data-v-ec4d9178]{display:flex;align-items:center;gap:10px}.info-item[data-v-ec4d9178]{display:flex;flex-direction:column;gap:5px}.label[data-v-ec4d9178]{font-size:12px;color:#6c757d;font-weight:500}.value[data-v-ec4d9178]{font-size:14px;color:#333;font-weight:600}.question-requirement[data-v-ec4d9178]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff}.question-requirement h3[data-v-ec4d9178]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-ec4d9178]{color:#555;line-height:1.6;font-size:14px}.question-content[data-v-ec4d9178]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff}.question-content h3[data-v-ec4d9178]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.content-text[data-v-ec4d9178]{color:#555;line-height:1.6;font-size:14px}.waiting-section[data-v-ec4d9178]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.main-content-section[data-v-ec4d9178]{display:flex;flex-direction:column;gap:20px}.question-audio-section[data-v-ec4d9178]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:30px 20px;text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.audio-container[data-v-ec4d9178]{width:100%}.waiting-phase[data-v-ec4d9178],.playing-phase[data-v-ec4d9178],.preparation-phase[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:20px}.countdown-container[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:15px}.countdown-circle[data-v-ec4d9178]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 15px #007bff4d}.countdown-text[data-v-ec4d9178]{margin:0;color:#333;font-size:16px;font-weight:500}.audio-player-container[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:15px}.audio-icon[data-v-ec4d9178]{font-size:48px;animation:pulse-ec4d9178 2s infinite}@keyframes pulse-ec4d9178{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.audio-text[data-v-ec4d9178]{margin:0;color:#333;font-size:16px;font-weight:500}.audio-progress[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px}.progress-bar[data-v-ec4d9178]{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill[data-v-ec4d9178]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .1s ease}.time-display[data-v-ec4d9178]{font-size:14px;color:#6c757d;font-weight:500}.audio-controls[data-v-ec4d9178]{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.volume-control[data-v-ec4d9178]{display:flex;align-items:center;gap:8px;background:#007bff1a;padding:8px 12px;border-radius:20px;border:1px solid rgba(0,123,255,.2)}.volume-icon[data-v-ec4d9178]{font-size:16px;color:#007bff}.volume-slider[data-v-ec4d9178]{width:80px;height:4px;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider[data-v-ec4d9178]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider[data-v-ec4d9178]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-slider[data-v-ec4d9178]::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.volume-slider[data-v-ec4d9178]::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-text[data-v-ec4d9178]{font-size:12px;color:#007bff;font-weight:500;min-width:35px;text-align:center}.pause-btn[data-v-ec4d9178]{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.pause-btn[data-v-ec4d9178]:hover{background:#0056b3;transform:translateY(-2px)}.skip-btn[data-v-ec4d9178]{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.skip-btn[data-v-ec4d9178]:hover{background:#5a6268;transform:translateY(-2px)}.recording-section[data-v-ec4d9178]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.waiting-recording[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:20px}.recording-phase[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;min-height:210px;padding:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;text-align:center;box-shadow:0 8px 25px #00000026;margin:0 auto;box-sizing:border-box}.recording-header[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;width:100%}.recording-status[data-v-ec4d9178]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;max-width:350px}.recording-indicator[data-v-ec4d9178]{display:flex;align-items:center;gap:.5rem}.recording-dot[data-v-ec4d9178]{width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:recording-pulse-ec4d9178 1s infinite}.recording-text[data-v-ec4d9178]{font-size:.95rem;font-weight:500;color:#ffffffe6}.recording-timer[data-v-ec4d9178]{font-size:1.2rem;font-weight:700;color:#fff;font-family:monospace}.live-waveform-container[data-v-ec4d9178]{width:100%;max-width:420px;margin:1rem 0;padding:0 .7rem;box-sizing:border-box}.live-waveform[data-v-ec4d9178]{width:100%;height:70px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden;backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px #0000001a}.recording-controls[data-v-ec4d9178]{margin-top:.7rem}.finish-btn[data-v-ec4d9178]{padding:8px 18px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);display:flex;align-items:center;gap:.4rem}.finish-btn[data-v-ec4d9178]:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}@keyframes recording-pulse-ec4d9178{0%,to{opacity:1}50%{opacity:.5}}.audio-completed[data-v-ec4d9178]{display:flex;flex-direction:column;align-items:center;gap:15px}.audio-icon.completed[data-v-ec4d9178]{font-size:36px;color:#28a745}.playback-phase[data-v-ec4d9178]{width:100%;display:flex;flex-direction:column;gap:20px}.audio-player[data-v-ec4d9178]{display:flex;flex-direction:column;gap:15px}.waveform-container[data-v-ec4d9178]{width:100%;height:100px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.play-pause-btn[data-v-ec4d9178]{width:50px;height:50px;border-radius:50%;background:#007bff;color:#fff;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-pause-btn[data-v-ec4d9178]:hover{background:#0056b3;transform:scale(1.05)}.audio-time[data-v-ec4d9178]{font-size:14px;color:#6c757d;font-weight:500}.action-buttons[data-v-ec4d9178]{display:flex;gap:15px;justify-content:center}.download-btn[data-v-ec4d9178],.submit-btn[data-v-ec4d9178]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.download-btn[data-v-ec4d9178]{background:#28a745;color:#fff}.download-btn[data-v-ec4d9178]:hover{background:#218838;transform:translateY(-2px)}.submit-btn[data-v-ec4d9178]{background:#007bff;color:#fff}.submit-btn[data-v-ec4d9178]:hover{background:#0056b3;transform:translateY(-2px)}.answer-records[data-v-ec4d9178]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef}.answer-records h3[data-v-ec4d9178]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.loading-state[data-v-ec4d9178],.error-state[data-v-ec4d9178],.empty-state[data-v-ec4d9178]{text-align:center;padding:40px 20px;color:#6c757d}.loading-spinner[data-v-ec4d9178]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-ec4d9178 1s linear infinite;margin:0 auto 15px}@keyframes spin-ec4d9178{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-ec4d9178]{color:#dc3545;margin-bottom:15px}.retry-btn[data-v-ec4d9178]{padding:8px 16px;background:#ffc107;color:#212529;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.retry-btn[data-v-ec4d9178]:hover{background:#e0a800;transform:translateY(-2px)}.records-list[data-v-ec4d9178]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-ec4d9178]{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.record-header[data-v-ec4d9178]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.record-time[data-v-ec4d9178]{font-size:14px;color:#6c757d}.record-score[data-v-ec4d9178]{font-size:14px;font-weight:600;color:#28a745}.record-actions[data-v-ec4d9178]{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.delete-btn[data-v-ec4d9178],.ai-score-btn[data-v-ec4d9178]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.delete-btn[data-v-ec4d9178]{background:#dc3545;color:#fff}.delete-btn[data-v-ec4d9178]:hover:not(:disabled){background:#c82333}.delete-btn[data-v-ec4d9178]:disabled{background:#6c757d;cursor:not-allowed}.ai-score-btn[data-v-ec4d9178]{background:#28a745;color:#fff}.ai-score-btn[data-v-ec4d9178]:hover{background:#218838}.record-audio[data-v-ec4d9178]{display:flex;flex-direction:column;gap:10px}.audio-waveform[data-v-ec4d9178]{width:100%;height:60px;background:#fff;border-radius:6px;border:1px solid #dee2e6}.play-btn[data-v-ec4d9178]{width:36px;height:36px;border-radius:50%;background:#28a745;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn[data-v-ec4d9178]:hover{background:#218838;transform:scale(1.05)}.audio-duration[data-v-ec4d9178]{font-size:12px;color:#6c757d}.bottom-actions[data-v-ec4d9178]{display:flex;justify-content:center;gap:15px;padding-top:20px}.back-btn[data-v-ec4d9178]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;background:#6c757d;color:#fff}.back-btn[data-v-ec4d9178]:hover{background:#5a6268;transform:translateY(-2px)}.bottom-actions .retry-btn[data-v-ec4d9178]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;background:#28a745;color:#fff}.bottom-actions .retry-btn[data-v-ec4d9178]:hover{background:#218838;transform:translateY(-2px)}.action-btn[data-v-ec4d9178]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:100px}.next-btn[data-v-ec4d9178]{background:#ffc107;color:#212529}.next-btn[data-v-ec4d9178]:hover:not(:disabled){background:#e0a800;transform:translateY(-2px)}.prev-btn[data-v-ec4d9178]{background:#6f42c1;color:#fff}.prev-btn[data-v-ec4d9178]:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px)}.prev-btn[data-v-ec4d9178]:disabled,.next-btn[data-v-ec4d9178]:disabled{background:#6c757d;cursor:not-allowed;transform:none;opacity:.6}@media (max-width: 768px){.rs-answer-page[data-v-ec4d9178]{padding:15px;gap:20px}.question-info[data-v-ec4d9178]{grid-template-columns:1fr}.recording-section[data-v-ec4d9178],.question-audio-section[data-v-ec4d9178]{padding:30px 15px;min-height:200px}.recording-phase[data-v-ec4d9178]{width:90%;padding:1rem;min-height:175px}.recording-status[data-v-ec4d9178]{flex-direction:column;gap:.7rem;max-width:100%}.live-waveform-container[data-v-ec4d9178]{max-width:100%;padding:0 .5rem;margin:.7rem 0}.live-waveform[data-v-ec4d9178]{height:56px}.countdown-circle[data-v-ec4d9178],.recording-circle[data-v-ec4d9178]{width:80px;height:80px}.recording-icon[data-v-ec4d9178]{font-size:28px}.action-buttons[data-v-ec4d9178]{flex-direction:column}.bottom-actions[data-v-ec4d9178]{flex-direction:column;gap:10px}.download-btn[data-v-ec4d9178],.submit-btn[data-v-ec4d9178],.back-btn[data-v-ec4d9178],.action-btn[data-v-ec4d9178]{width:100%}}.we-answer-page[data-v-3e00d593]{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:25px;min-height:100vh;background:#f8f9fa}.page-header[data-v-3e00d593]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}.back-btn[data-v-3e00d593]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d0d7de;border-radius:8px;color:#24292f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.back-btn[data-v-3e00d593]:hover{background:#f6f8fa;border-color:#8c959f;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.back-btn[data-v-3e00d593]:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.back-icon[data-v-3e00d593]{font-size:16px;font-weight:700}.question-info[data-v-3e00d593]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-header[data-v-3e00d593]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.question-details[data-v-3e00d593]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.question-actions[data-v-3e00d593]{display:flex;align-items:center;gap:10px}.info-item[data-v-3e00d593]{display:flex;flex-direction:column;gap:5px}.label[data-v-3e00d593]{font-size:12px;color:#6c757d;font-weight:500}.value[data-v-3e00d593]{font-size:14px;color:#333;font-weight:600}.question-requirement[data-v-3e00d593]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff;box-shadow:0 2px 8px #0000001a}.question-requirement h3[data-v-3e00d593]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-3e00d593]{color:#555;line-height:1.6;font-size:14px}.question-content-section[data-v-3e00d593]{display:flex;flex-direction:column;gap:20px}.question-content[data-v-3e00d593],.reference-content[data-v-3e00d593]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-content h3[data-v-3e00d593],.reference-content h3[data-v-3e00d593]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.content-text[data-v-3e00d593],.reference-text[data-v-3e00d593]{color:#333;line-height:1.8;font-size:16px;text-align:justify;background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #28a745}.reference-text[data-v-3e00d593]{border-left-color:#ffc107}.answer-section[data-v-3e00d593]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.function-buttons[data-v-3e00d593]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.func-btn[data-v-3e00d593]{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#495057;transition:all .2s ease}.func-btn[data-v-3e00d593]:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.func-btn[data-v-3e00d593]:active{transform:translateY(0)}.func-btn .icon[data-v-3e00d593]{font-size:14px}.answer-textarea-container[data-v-3e00d593]{position:relative}.answer-textarea[data-v-3e00d593]{width:100%;min-height:300px;padding:15px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;transition:border-color .2s ease}.answer-textarea[data-v-3e00d593]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.word-count[data-v-3e00d593]{position:absolute;bottom:10px;left:15px;font-size:12px;color:#6c757d;background:#ffffffe6;padding:2px 6px;border-radius:4px}.word-requirement[data-v-3e00d593]{color:#007bff;font-weight:500}.bottom-actions[data-v-3e00d593]{display:flex;justify-content:center;gap:15px;padding:20px 0;flex-wrap:wrap}.action-btn[data-v-3e00d593]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:100px}.retry-btn[data-v-3e00d593]{background:#6c757d;color:#fff}.retry-btn[data-v-3e00d593]:hover{background:#5a6268;transform:translateY(-2px)}.answer-btn[data-v-3e00d593]{background:#17a2b8;color:#fff}.answer-btn[data-v-3e00d593]:hover{background:#138496;transform:translateY(-2px)}.next-btn[data-v-3e00d593]{background:#ffc107;color:#212529}.next-btn[data-v-3e00d593]:hover{background:#e0a800;transform:translateY(-2px)}.prev-btn[data-v-3e00d593]{background:#6f42c1;color:#fff}.prev-btn[data-v-3e00d593]:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px)}.prev-btn[data-v-3e00d593]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.submit-btn[data-v-3e00d593]{background:#28a745;color:#fff}.submit-btn[data-v-3e00d593]:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.submit-btn[data-v-3e00d593]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.modal-overlay[data-v-3e00d593]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-3e00d593]{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-3e00d593]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-3e00d593]{margin:0;color:#333;font-size:18px}.close-btn[data-v-3e00d593]{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-3e00d593]:hover{background:#f8f9fa;color:#495057}.modal-body[data-v-3e00d593]{padding:20px;max-height:60vh;overflow-y:auto}.answer-content[data-v-3e00d593]{color:#333;line-height:1.6;font-size:14px}.submit-status[data-v-3e00d593]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-weight:500;z-index:1001;animation:slideIn-3e00d593 .3s ease}.submit-status.loading[data-v-3e00d593]{background:#007bff;color:#fff}.submit-status.success[data-v-3e00d593]{background:#28a745;color:#fff}.submit-status.error[data-v-3e00d593]{background:#dc3545;color:#fff}@keyframes slideIn-3e00d593{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.we-answer-page[data-v-3e00d593]{padding:15px;gap:20px}.question-info[data-v-3e00d593]{grid-template-columns:1fr}.function-buttons[data-v-3e00d593]{justify-content:center}.func-btn[data-v-3e00d593]{flex:1;min-width:80px;justify-content:center}.answer-textarea[data-v-3e00d593]{min-height:250px}.bottom-actions[data-v-3e00d593]{flex-direction:column;align-items:center}.action-btn[data-v-3e00d593]{width:100%;max-width:200px}.modal-content[data-v-3e00d593]{width:95%;margin:20px}}@media (max-width: 480px){.function-buttons[data-v-3e00d593]{grid-template-columns:repeat(3,1fr);display:grid;gap:8px}.func-btn[data-v-3e00d593]{font-size:11px;padding:6px 8px}.func-btn .icon[data-v-3e00d593]{font-size:12px}}.history-section[data-v-3e00d593]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:20px}.history-header[data-v-3e00d593]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e1e8ed}.history-header h3[data-v-3e00d593]{margin:0;font-size:18px;font-weight:600;color:#24292f}.refresh-btn[data-v-3e00d593]{padding:6px 12px;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;color:#24292f;font-size:12px;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-3e00d593]:hover:not(:disabled){background:#e1e8ed;border-color:#8c959f}.refresh-btn[data-v-3e00d593]:disabled{opacity:.6;cursor:not-allowed}.no-history[data-v-3e00d593]{text-align:center;color:#656d76;font-size:14px;padding:40px 20px;background:#f6f8fa;border-radius:8px}.history-list[data-v-3e00d593]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-3e00d593]{border:1px solid #d0d7de;border-radius:8px;padding:16px;background:#f6f8fa;transition:all .2s ease}.history-item[data-v-3e00d593]:hover{border-color:#8c959f;box-shadow:0 2px 4px #0000001a}.history-item-header[data-v-3e00d593]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-index[data-v-3e00d593]{font-weight:600;color:#0969da;font-size:14px}.history-time[data-v-3e00d593]{color:#656d76;font-size:12px}.history-actions[data-v-3e00d593]{display:flex;gap:8px}.ai-score-btn[data-v-3e00d593]{padding:4px 8px;background:#ffd33d;border:1px solid #f9c513;border-radius:4px;color:#24292f;font-size:11px;cursor:pointer;transition:all .2s ease}.ai-score-btn[data-v-3e00d593]:hover:not(:disabled){background:#f9c513;border-color:#e5b012}.ai-score-btn[data-v-3e00d593]:disabled{opacity:.6;cursor:not-allowed}.delete-btn[data-v-3e00d593]{padding:4px 8px;background:#da3633;border:1px solid #cf222e;border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s ease}.delete-btn[data-v-3e00d593]:hover:not(:disabled){background:#b91c1c;border-color:#991b1b}.delete-btn[data-v-3e00d593]:disabled{opacity:.6;cursor:not-allowed}.history-content[data-v-3e00d593]{background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:12px;font-size:14px;line-height:1.5;color:#24292f;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}@media (max-width: 768px){.history-item-header[data-v-3e00d593]{flex-direction:column;align-items:flex-start;gap:8px}.history-actions[data-v-3e00d593]{align-self:flex-end}.history-content[data-v-3e00d593]{font-size:13px}}.swt-answer-page[data-v-afd29201]{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:25px;min-height:100vh;background:#f8f9fa}.page-header[data-v-afd29201]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}.back-btn[data-v-afd29201]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d0d7de;border-radius:8px;color:#24292f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.back-btn[data-v-afd29201]:hover{background:#f6f8fa;border-color:#8c959f;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.back-btn[data-v-afd29201]:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.back-icon[data-v-afd29201]{font-size:16px;font-weight:700}.question-info[data-v-afd29201]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-header[data-v-afd29201]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.question-details[data-v-afd29201]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.question-actions[data-v-afd29201]{display:flex;align-items:flex-start;gap:10px}.info-item[data-v-afd29201]{display:flex;flex-direction:column;gap:5px}.label[data-v-afd29201]{font-size:12px;color:#6c757d;font-weight:500}.value[data-v-afd29201]{font-size:14px;color:#333;font-weight:600}.question-requirement[data-v-afd29201]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff;box-shadow:0 2px 8px #0000001a}.question-requirement h3[data-v-afd29201]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.requirement-content[data-v-afd29201]{color:#555;line-height:1.6;font-size:14px}.question-content-section[data-v-afd29201]{display:flex;flex-direction:column;gap:20px}.question-content[data-v-afd29201],.reference-content[data-v-afd29201]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.question-content h3[data-v-afd29201],.reference-content h3[data-v-afd29201]{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.content-text[data-v-afd29201],.reference-text[data-v-afd29201]{color:#333;line-height:1.8;font-size:16px;text-align:justify;background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #28a745}.reference-text[data-v-afd29201]{border-left-color:#ffc107}.answer-section[data-v-afd29201]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.function-buttons[data-v-afd29201]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.func-btn[data-v-afd29201]{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#495057;transition:all .2s ease}.func-btn[data-v-afd29201]:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.func-btn[data-v-afd29201]:active{transform:translateY(0)}.func-btn .icon[data-v-afd29201]{font-size:14px}.answer-textarea-container[data-v-afd29201]{position:relative}.answer-textarea[data-v-afd29201]{width:100%;min-height:300px;padding:15px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;transition:border-color .2s ease}.answer-textarea[data-v-afd29201]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.word-count[data-v-afd29201]{position:absolute;bottom:10px;left:15px;font-size:12px;color:#6c757d;background:#ffffffe6;padding:2px 6px;border-radius:4px}.word-requirement[data-v-afd29201]{color:#007bff;font-weight:500}.bottom-actions[data-v-afd29201]{display:flex;justify-content:center;gap:15px;padding:20px 0;flex-wrap:wrap}.action-btn[data-v-afd29201]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:100px}.retry-btn[data-v-afd29201]{background:#6c757d;color:#fff}.retry-btn[data-v-afd29201]:hover{background:#5a6268;transform:translateY(-2px)}.answer-btn[data-v-afd29201]{background:#17a2b8;color:#fff}.answer-btn[data-v-afd29201]:hover{background:#138496;transform:translateY(-2px)}.next-btn[data-v-afd29201]{background:#ffc107;color:#212529}.next-btn[data-v-afd29201]:hover{background:#e0a800;transform:translateY(-2px)}.prev-btn[data-v-afd29201]{background:#6f42c1;color:#fff}.prev-btn[data-v-afd29201]:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px)}.prev-btn[data-v-afd29201]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.submit-btn[data-v-afd29201]{background:#28a745;color:#fff}.submit-btn[data-v-afd29201]:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.submit-btn[data-v-afd29201]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.modal-overlay[data-v-afd29201]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-afd29201]{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-afd29201]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-afd29201]{margin:0;color:#333;font-size:18px}.close-btn[data-v-afd29201]{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-afd29201]:hover{background:#f8f9fa;color:#495057}.modal-body[data-v-afd29201]{padding:20px;max-height:60vh;overflow-y:auto}.answer-content[data-v-afd29201]{color:#333;line-height:1.6;font-size:14px}.submit-status[data-v-afd29201]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-weight:500;z-index:1001;animation:slideIn-afd29201 .3s ease}.submit-status.loading[data-v-afd29201]{background:#007bff;color:#fff}.submit-status.success[data-v-afd29201]{background:#28a745;color:#fff}.submit-status.error[data-v-afd29201]{background:#dc3545;color:#fff}@keyframes slideIn-afd29201{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.swt-answer-page[data-v-afd29201]{padding:15px;gap:20px}.question-info[data-v-afd29201]{grid-template-columns:1fr}.function-buttons[data-v-afd29201]{justify-content:center}.func-btn[data-v-afd29201]{flex:1;min-width:80px;justify-content:center}.answer-textarea[data-v-afd29201]{min-height:250px}.bottom-actions[data-v-afd29201]{flex-direction:column;align-items:center}.action-btn[data-v-afd29201]{width:100%;max-width:200px}.modal-content[data-v-afd29201]{width:95%;margin:20px}}@media (max-width: 480px){.function-buttons[data-v-afd29201]{grid-template-columns:repeat(3,1fr);display:grid;gap:8px}.func-btn[data-v-afd29201]{font-size:11px;padding:6px 8px}.func-btn .icon[data-v-afd29201]{font-size:12px}}.history-section[data-v-afd29201]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:20px}.history-header[data-v-afd29201]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e1e8ed}.history-header h3[data-v-afd29201]{margin:0;font-size:18px;font-weight:600;color:#24292f}.refresh-btn[data-v-afd29201]{padding:6px 12px;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;color:#24292f;font-size:12px;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-afd29201]:hover:not(:disabled){background:#e1e8ed;border-color:#8c959f}.refresh-btn[data-v-afd29201]:disabled{opacity:.6;cursor:not-allowed}.no-history[data-v-afd29201]{text-align:center;color:#656d76;font-size:14px;padding:40px 20px;background:#f6f8fa;border-radius:8px}.history-list[data-v-afd29201]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-afd29201]{border:1px solid #d0d7de;border-radius:8px;padding:16px;background:#f6f8fa;transition:all .2s ease}.history-item[data-v-afd29201]:hover{border-color:#8c959f;box-shadow:0 2px 4px #0000001a}.history-item-header[data-v-afd29201]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-index[data-v-afd29201]{font-weight:600;color:#0969da;font-size:14px}.history-time[data-v-afd29201]{color:#656d76;font-size:12px}.history-actions[data-v-afd29201]{display:flex;gap:8px}.ai-score-btn[data-v-afd29201]{padding:4px 8px;background:#ffd33d;border:1px solid #f9c513;border-radius:4px;color:#24292f;font-size:11px;cursor:pointer;transition:all .2s ease}.ai-score-btn[data-v-afd29201]:hover:not(:disabled){background:#f9c513;border-color:#e5b012}.ai-score-btn[data-v-afd29201]:disabled{opacity:.6;cursor:not-allowed}.delete-btn[data-v-afd29201]{padding:4px 8px;background:#da3633;border:1px solid #cf222e;border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s ease}.delete-btn[data-v-afd29201]:hover:not(:disabled){background:#b91c1c;border-color:#991b1b}.delete-btn[data-v-afd29201]:disabled{opacity:.6;cursor:not-allowed}.history-content[data-v-afd29201]{background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:12px;font-size:14px;line-height:1.5;color:#24292f;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}@media (max-width: 768px){.history-item-header[data-v-afd29201]{flex-direction:column;align-items:flex-start;gap:8px}.history-actions[data-v-afd29201]{align-self:flex-end}.history-content[data-v-afd29201]{font-size:13px}}.question-bank-module[data-v-6ab1d4a8]{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;animation:slideInFromRight-6ab1d4a8 .5s ease-out}.question-bank-module[data-v-6ab1d4a8]::-webkit-scrollbar{width:0;height:0;background:transparent}.question-bank-module[data-v-6ab1d4a8]::-webkit-scrollbar-thumb{background:transparent}.content-slide-enter-active[data-v-6ab1d4a8],.content-slide-leave-active[data-v-6ab1d4a8]{transition:all .3s ease}.content-slide-enter-from[data-v-6ab1d4a8]{opacity:0;transform:translate(20px)}.content-slide-leave-to[data-v-6ab1d4a8]{opacity:0;transform:translate(-20px)}@keyframes slideInFromRight-6ab1d4a8{0%{opacity:0;transform:translate(50px) rotateY(10deg)}60%{opacity:.8;transform:translate(-5px) rotateY(-2deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.course-module[data-v-1daf9f42]{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.course-module[data-v-1daf9f42]::-webkit-scrollbar{width:0;height:0;background:transparent}.course-module[data-v-1daf9f42]::-webkit-scrollbar-thumb{background:transparent}.module-header[data-v-1daf9f42]{text-align:center;margin-bottom:40px}.module-header h2[data-v-1daf9f42]{color:#2c3e50;font-size:2rem;margin-bottom:10px;font-weight:600}.module-header p[data-v-1daf9f42]{color:#666;font-size:1.1rem}.course-content[data-v-1daf9f42]{max-width:1000px;margin:0 auto}.course-categories[data-v-1daf9f42]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:50px}.category-card[data-v-1daf9f42]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:30px 20px;text-align:center;transition:all .3s ease;border:1px solid #dee2e6}.category-card[data-v-1daf9f42]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff}.category-icon[data-v-1daf9f42]{font-size:3rem;margin-bottom:15px}.category-card h3[data-v-1daf9f42]{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.category-card:hover h3[data-v-1daf9f42]{color:#fff}.category-card p[data-v-1daf9f42]{font-size:.9rem;color:#666;margin-bottom:15px;line-height:1.4}.category-card:hover p[data-v-1daf9f42]{color:#ffffffe6}.course-count[data-v-1daf9f42]{font-size:.8rem;color:#999;margin-bottom:20px}.category-card:hover .course-count[data-v-1daf9f42]{color:#fffc}.explore-btn[data-v-1daf9f42]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.explore-btn[data-v-1daf9f42]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.category-card:hover .explore-btn[data-v-1daf9f42]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.recommended-section[data-v-1daf9f42]{margin-top:50px}.recommended-section h3[data-v-1daf9f42]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;font-weight:600}.course-grid[data-v-1daf9f42]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.course-card[data-v-1daf9f42]{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.course-card[data-v-1daf9f42]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.course-thumbnail[data-v-1daf9f42]{height:150px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;display:flex;align-items:center;justify-content:center}.course-level[data-v-1daf9f42]{background:#ffffffe6;color:#2c3e50;padding:5px 15px;border-radius:15px;font-size:.8rem;font-weight:600}.course-info[data-v-1daf9f42]{padding:20px}.course-info h4[data-v-1daf9f42]{font-size:1.2rem;color:#2c3e50;margin-bottom:10px;font-weight:600}.course-info p[data-v-1daf9f42]{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:15px}.course-meta[data-v-1daf9f42]{display:flex;gap:15px;margin-bottom:20px}.course-meta span[data-v-1daf9f42]{font-size:.8rem;color:#999}.start-btn[data-v-1daf9f42]{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;width:100%}.start-btn[data-v-1daf9f42]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b354d}.vocabulary-module[data-v-8c00452f]{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.vocabulary-module[data-v-8c00452f]::-webkit-scrollbar{width:0;height:0;background:transparent}.vocabulary-module[data-v-8c00452f]::-webkit-scrollbar-thumb{background:transparent}.module-header[data-v-8c00452f]{text-align:center;margin-bottom:40px}.module-header h2[data-v-8c00452f]{color:#2c3e50;font-size:2rem;margin-bottom:10px;font-weight:600}.module-header p[data-v-8c00452f]{color:#666;font-size:1.1rem}.vocabulary-content[data-v-8c00452f]{max-width:1000px;margin:0 auto}.stats-panel[data-v-8c00452f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card[data-v-8c00452f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 20px;border-radius:15px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 15px #667eea4d}.stat-icon[data-v-8c00452f]{font-size:2.5rem}.stat-info h3[data-v-8c00452f]{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-info p[data-v-8c00452f]{font-size:.9rem;opacity:.9}.function-area[data-v-8c00452f]{margin-bottom:50px}.function-grid[data-v-8c00452f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.function-card[data-v-8c00452f]{background:#fff;border-radius:15px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d}.function-card[data-v-8c00452f]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff}.function-icon[data-v-8c00452f]{font-size:3rem;margin-bottom:15px}.function-card h3[data-v-8c00452f]{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.function-card:hover h3[data-v-8c00452f]{color:#fff}.function-card p[data-v-8c00452f]{font-size:.9rem;color:#666;margin-bottom:15px;line-height:1.4}.function-card:hover p[data-v-8c00452f]{color:#ffffffe6}.function-badge[data-v-8c00452f]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:5px 15px;border-radius:15px;font-size:.8rem;font-weight:500;display:inline-block}.function-card:hover .function-badge[data-v-8c00452f]{background:#fff3;color:#fff}.learning-plan h3[data-v-8c00452f]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;font-weight:600}.plan-cards[data-v-8c00452f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.plan-card[data-v-8c00452f]{background:#fff;border-radius:15px;padding:25px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.plan-card[data-v-8c00452f]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.plan-header[data-v-8c00452f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.plan-header h4[data-v-8c00452f]{font-size:1.2rem;color:#2c3e50;font-weight:600}.plan-progress[data-v-8c00452f]{display:flex;align-items:center;gap:10px}.progress-bar[data-v-8c00452f]{width:80px;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill[data-v-8c00452f]{height:100%;background:linear-gradient(135deg,#28a745,#20c997);transition:width .3s ease}.progress-text[data-v-8c00452f]{font-size:.8rem;color:#666;font-weight:500}.plan-card p[data-v-8c00452f]{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:15px}.plan-meta[data-v-8c00452f]{display:flex;gap:15px;margin-bottom:20px}.plan-meta span[data-v-8c00452f]{font-size:.8rem;color:#999}.continue-btn[data-v-8c00452f]{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;width:100%}.continue-btn[data-v-8c00452f]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b354d}.loading-module[data-v-ee5aafb7]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666}.loading-spinner[data-v-ee5aafb7]{margin-bottom:20px}.spinner[data-v-ee5aafb7]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #42a5f5;border-radius:50%;animation:spin-ee5aafb7 1s linear infinite}@keyframes spin-ee5aafb7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-ee5aafb7]{font-size:1rem;color:#999}.error-module[data-v-cfd4b1b1]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.error-icon[data-v-cfd4b1b1]{font-size:3rem;margin-bottom:20px}.error-module h3[data-v-cfd4b1b1]{font-size:1.5rem;color:#e74c3c;margin-bottom:10px}.error-module p[data-v-cfd4b1b1]{font-size:1rem;margin-bottom:20px;color:#999}.retry-btn[data-v-cfd4b1b1]{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-cfd4b1b1]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #42a5f54d}