@charset "UTF-8";[data-v-c382c738] .el-dialog__body{padding:0}[data-v-c382c738] .el-dialog__headerbtn .el-dialog__close{color:#94a3b8cc}[data-v-c382c738] .el-dialog__headerbtn:hover .el-dialog__close{color:#22d3ee}.welcome-box[data-v-c382c738]{position:relative;border-radius:12px;padding:32px 28px 28px;text-align:center;overflow:hidden;background:linear-gradient(to bottom,rgba(6,182,212,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(to right,rgba(6,182,212,.06) 1px,transparent 1px),linear-gradient(to right,rgba(6,182,212,.04) 1px,transparent 1px),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 100%,rgba(59,130,246,.12) 0%,transparent 50%),linear-gradient(175deg,#a8b0c7,#4b5b82 30%,#1a3663 70%,#435978);background-size:100% 24px,100% 48px,24px 100%,48px 100%,100% 100%,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;box-shadow:inset 0 0 80px #06b6d408,0 0 0 1px #06b6d41f,0 20px 50px #0006}.welcome-title[data-v-c382c738]{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0 0 14px;letter-spacing:.02em;text-shadow:0 0 24px rgba(6,182,212,.3)}.welcome-desc[data-v-c382c738]{font-size:.95rem;line-height:1.75;color:#cbd5e1e6;margin:0 0 24px}.welcome-check[data-v-c382c738]{margin-bottom:20px}.welcome-check[data-v-c382c738] .el-checkbox__label{color:#94a3b8f2;font-size:.9rem}.welcome-check[data-v-c382c738] .el-checkbox__inner{background-color:#1e293bcc;border-color:#94a3b880}.welcome-check[data-v-c382c738] .el-checkbox.is-checked .el-checkbox__inner{background-color:#06b6d4;border-color:#06b6d4}.welcome-btn-wrap[data-v-c382c738] .el-button--primary{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;box-shadow:0 4px 20px #06b6d459}.welcome-btn-wrap[data-v-c382c738] .el-button--primary:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 6px 28px #06b6d473}.app-icon[data-v-3ccfd204]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.quick-add-word-button[data-v-29a7affa]{position:fixed;right:24px;bottom:24px;z-index:1000}.quick-add-word-button .float-button[data-v-29a7affa]{width:56px;height:56px;box-shadow:0 4px 12px #1d9bf066;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:linear-gradient(135deg,#1d9bf0,#1a8cd8);display:flex;align-items:center;justify-content:center}.quick-add-word-button .float-button[data-v-29a7affa]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #1d9bf080}.quick-add-word-button .float-button[data-v-29a7affa]:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.quick-add-word-button[data-v-29a7affa]{right:16px;bottom:100px}.quick-add-word-button .float-button[data-v-29a7affa]{width:52px;height:52px}}@media (max-width: 480px){.quick-add-word-button[data-v-29a7affa]{right:12px;bottom:110px}.quick-add-word-button .float-button[data-v-29a7affa]{width:48px;height:48px;box-shadow:0 3px 10px #1d9bf059}}.add-word-dialog[data-v-b3b04229] .el-dialog{border-radius:24px;overflow:hidden;background-color:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;max-height:90vh!important}.add-word-dialog[data-v-b3b04229] .el-dialog__header{display:none}.add-word-dialog[data-v-b3b04229] .el-dialog__body{padding:0;flex:1!important;overflow-y:auto!important;min-height:0!important}.add-word-dialog[data-v-b3b04229] .el-dialog__footer{padding:24px 32px;border-top:1px solid rgba(0,0,0,.06);background:transparent!important;flex-shrink:0!important}.add-word-dialog[data-v-b3b04229] .el-overlay{overflow:hidden!important}.dialog-content[data-v-b3b04229]{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;position:relative;overflow:hidden}.dialog-content[data-v-b3b04229]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse-b3b04229 8s ease-in-out infinite}@keyframes pulse-b3b04229{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.dialog-header[data-v-b3b04229]{text-align:center;margin-bottom:32px;position:relative;z-index:1}.dialog-header .header-icon[data-v-b3b04229]{width:64px;height:64px;margin:0 auto 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;animation:float-b3b04229 3s ease-in-out infinite}@keyframes float-b3b04229{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dialog-header .dialog-title[data-v-b3b04229]{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dialog-header .dialog-subtitle[data-v-b3b04229]{font-size:15px;color:#ffffffe6;margin:0;font-weight:400}.input-section[data-v-b3b04229]{margin-bottom:24px;position:relative;z-index:1}.input-section .input-wrapper[data-v-b3b04229]{position:relative}.input-section .input-wrapper[data-v-b3b04229] .word-input .el-input__wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(255,255,255,.5);transition:all .3s ease}.input-section .input-wrapper[data-v-b3b04229] .word-input .el-input__wrapper:hover{border-color:#fffc;box-shadow:0 12px 40px #00000026}.input-section .input-wrapper[data-v-b3b04229] .word-input .el-input__wrapper.is-focus{border-color:#fff;box-shadow:0 12px 48px #0003}.input-section .input-wrapper[data-v-b3b04229] .word-input .el-input__inner{font-size:18px;font-weight:500;color:#333}.loading-container[data-v-b3b04229]{text-align:center;padding:48px 20px;position:relative;z-index:1}.loading-container .loading-animation[data-v-b3b04229]{position:relative;width:64px;height:64px;margin:0 auto 24px}.loading-container .loading-animation .loading-spinner[data-v-b3b04229]{width:64px;height:64px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-b3b04229 1s linear infinite}.loading-container .loading-animation .loading-ripple[data-v-b3b04229]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:2px solid rgba(255,255,255,.4);border-radius:50%;animation:ripple-b3b04229 1.5s ease-out infinite}@keyframes spin-b3b04229{to{transform:rotate(360deg)}}@keyframes ripple-b3b04229{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.loading-container .loading-text[data-v-b3b04229]{color:#fff;font-size:16px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.validation-result[data-v-b3b04229]{position:relative;z-index:1;margin-top:24px}.result-card[data-v-b3b04229]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.5);animation:slideIn-b3b04229 .4s ease-out}@keyframes slideIn-b3b04229{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card .result-header[data-v-b3b04229]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.result-card .result-header .result-title[data-v-b3b04229]{font-size:20px;font-weight:700;margin:0;color:#333}.result-card .result-header .success-icon-wrapper[data-v-b3b04229]{width:48px;height:48px;background:linear-gradient(135deg,#67c23a,#85ce61);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #67c23a4d}.result-card .result-message[data-v-b3b04229]{color:#666;font-size:15px;line-height:1.6;margin:0}.result-warning[data-v-b3b04229]{border-left:4px solid #E6A23C}.result-warning .result-title[data-v-b3b04229]{color:#e6a23c}.result-warning .result-body[data-v-b3b04229]{display:flex;flex-direction:column;gap:20px}.result-warning .spelling-comparison[data-v-b3b04229]{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fdf6ec,#fef0e6);border-radius:12px}.result-warning .spelling-comparison .spelling-item[data-v-b3b04229]{flex:1;display:flex;flex-direction:column;gap:8px}.result-warning .spelling-comparison .spelling-item .spelling-label[data-v-b3b04229]{font-size:13px;color:#909399;font-weight:500}.result-warning .spelling-comparison .spelling-item .spelling-word[data-v-b3b04229]{font-size:20px;font-weight:700}.result-warning .spelling-comparison .spelling-item.spelling-wrong .spelling-word[data-v-b3b04229]{color:#f56c6c;text-decoration:line-through}.result-warning .spelling-comparison .spelling-item.spelling-correct .spelling-word[data-v-b3b04229]{color:#67c23a}.result-warning .spelling-comparison .spelling-arrow[data-v-b3b04229]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px}.result-warning .spelling-comparison .spelling-arrow .arrow-symbol[data-v-b3b04229]{font-size:24px;color:#e6a23c;font-weight:700}.result-warning .correction-button[data-v-b3b04229]{align-self:flex-start}.result-info[data-v-b3b04229]{border-left:4px solid #409EFF}.result-info .result-title[data-v-b3b04229]{color:#409eff}.result-success[data-v-b3b04229]{border-left:4px solid #67C23A}.result-success .word-preview-card[data-v-b3b04229]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:24px;margin-top:8px}.result-success .word-preview-card .preview-header[data-v-b3b04229]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.result-success .word-preview-card .preview-header .preview-word[data-v-b3b04229]{font-size:32px;font-weight:700;color:#667eea;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-success .word-preview-card .preview-phonetic[data-v-b3b04229]{font-size:18px;color:#666;font-style:italic;margin-bottom:12px;font-weight:500}.result-success .word-preview-card .preview-definition[data-v-b3b04229]{font-size:16px;color:#333;line-height:1.7;font-weight:400}.result-error[data-v-b3b04229]{border-left:4px solid #F56C6C}.result-error .result-title[data-v-b3b04229]{color:#f56c6c}.dialog-footer[data-v-b3b04229]{display:flex;justify-content:flex-end;gap:16px}.dialog-footer .cancel-button[data-v-b3b04229]{padding:12px 32px;font-size:16px;font-weight:500;border-radius:12px}.dialog-footer .submit-button[data-v-b3b04229]{padding:12px 32px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 16px #667eea66;transition:all .3s ease}.dialog-footer .submit-button[data-v-b3b04229]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.dialog-footer .submit-button[data-v-b3b04229]:active:not(:disabled){transform:translateY(0)}.fade-enter-active[data-v-b3b04229],.fade-leave-active[data-v-b3b04229]{transition:opacity .3s ease}.fade-enter-from[data-v-b3b04229],.fade-leave-to[data-v-b3b04229]{opacity:0}.slide-fade-enter-active[data-v-b3b04229]{transition:all .4s ease-out}.slide-fade-leave-active[data-v-b3b04229]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-b3b04229]{transform:translateY(20px);opacity:0}.slide-fade-leave-to[data-v-b3b04229]{transform:translateY(-10px);opacity:0}@media (max-width: 768px){.add-word-dialog[data-v-b3b04229] .el-dialog{width:95vw!important;max-width:95vw!important;margin:10px auto!important;max-height:calc(100vh - 180px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;position:relative!important}.add-word-dialog[data-v-b3b04229] .el-dialog__body{max-height:calc(100vh - 300px)!important;overflow-y:auto!important;flex:1!important;min-height:0!important}.dialog-content[data-v-b3b04229]{padding:24px 20px}.dialog-header .header-icon[data-v-b3b04229]{width:56px;height:56px;margin-bottom:12px}.dialog-header .dialog-title[data-v-b3b04229]{font-size:24px}.dialog-header .dialog-subtitle[data-v-b3b04229]{font-size:14px}.input-section[data-v-b3b04229] .word-input .el-input__wrapper{padding:14px 18px}.input-section[data-v-b3b04229] .word-input .el-input__inner{font-size:16px}.result-card[data-v-b3b04229]{padding:20px}.result-card .result-header .result-title[data-v-b3b04229]{font-size:18px}.result-card .word-preview-card[data-v-b3b04229]{padding:20px}.result-card .word-preview-card .preview-header .preview-word[data-v-b3b04229]{font-size:26px}.result-card .word-preview-card .preview-phonetic[data-v-b3b04229]{font-size:16px}.result-card .word-preview-card .preview-definition[data-v-b3b04229]{font-size:15px}.spelling-comparison[data-v-b3b04229]{flex-direction:column;gap:12px}.spelling-comparison .spelling-arrow[data-v-b3b04229]{transform:rotate(90deg)}.dialog-footer[data-v-b3b04229]{flex-direction:column-reverse;gap:12px}.dialog-footer .cancel-button[data-v-b3b04229],.dialog-footer .submit-button[data-v-b3b04229]{width:100%}}@media (max-width: 480px){.add-word-dialog[data-v-b3b04229] .el-dialog{width:100vw!important;max-width:100vw!important;border-radius:0;max-height:calc(100vh - 200px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:200px!important;transform:none!important;margin:0!important}.add-word-dialog[data-v-b3b04229] .el-dialog__body{max-height:calc(100vh - 320px)!important;overflow-y:auto!important;flex:1!important;min-height:0!important;-webkit-overflow-scrolling:touch}.add-word-dialog[data-v-b3b04229] .el-dialog__footer{flex-shrink:0!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:10!important;border-top:1px solid rgba(0,0,0,.06)!important;padding:16px!important}.dialog-content[data-v-b3b04229]{padding:20px 16px}.dialog-header[data-v-b3b04229]{margin-bottom:24px}.dialog-header .header-icon[data-v-b3b04229]{width:48px;height:48px;margin-bottom:10px}.dialog-header .dialog-title[data-v-b3b04229]{font-size:22px}.dialog-header .dialog-subtitle[data-v-b3b04229]{font-size:13px}.result-card[data-v-b3b04229]{padding:16px;border-radius:16px}.result-card .result-header[data-v-b3b04229]{gap:10px;margin-bottom:12px}.result-card .result-header .result-title[data-v-b3b04229]{font-size:16px}.result-card .word-preview-card[data-v-b3b04229]{padding:16px}.result-card .word-preview-card .preview-header .preview-word[data-v-b3b04229]{font-size:22px}.spelling-comparison[data-v-b3b04229]{padding:16px}.spelling-comparison .spelling-item .spelling-word[data-v-b3b04229]{font-size:18px}}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;overflow-y:auto}#app{width:100%;min-height:100%;display:flex;flex-direction:column}.router-view{flex:1;min-height:100%;overflow-x:hidden;overflow-y:auto}.usage-counter[data-v-ee374c09]{display:flex;flex-direction:column;gap:6px}.usage-counter.warning .usage-value[data-v-ee374c09]{color:#e6a23c}.usage-counter.danger .usage-value[data-v-ee374c09]{color:#f56c6c}.usage-counter.compact[data-v-ee374c09]{gap:0}.usage-counter.compact .usage-info[data-v-ee374c09]{font-size:12px;padding:4px 8px;background:#409eff14;border-radius:4px;gap:4px}.usage-counter.compact .usage-info .usage-label[data-v-ee374c09]{font-size:11px}.usage-counter.compact .usage-info .usage-value[data-v-ee374c09]{font-size:12px;font-weight:500}.usage-counter.compact .usage-info .upgrade-icon[data-v-ee374c09]{font-size:12px;margin-left:2px}.usage-counter .usage-info[data-v-ee374c09]{display:flex;align-items:center;gap:6px;font-size:14px}.usage-counter .usage-info.clickable[data-v-ee374c09]{cursor:pointer}.usage-counter .usage-info.clickable[data-v-ee374c09]:hover{opacity:.8}.usage-counter .usage-info .usage-label[data-v-ee374c09]{color:#666}.usage-counter .usage-info .usage-value[data-v-ee374c09]{font-weight:600;color:#409eff}.usage-counter .usage-info .usage-value .used[data-v-ee374c09]{color:inherit}.usage-counter .usage-info .usage-value .separator[data-v-ee374c09]{margin:0 2px;color:#999}.usage-counter .usage-info .usage-value .limit[data-v-ee374c09]{color:inherit}.usage-counter .usage-info .upgrade-icon[data-v-ee374c09]{margin-left:4px;color:#409eff;font-size:14px;font-weight:700}.membership-upgrade-dialog[data-v-d9d6b343] .el-dialog{border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000026;border:none;background:#fff!important}.membership-upgrade-dialog[data-v-d9d6b343] .el-dialog__wrapper,.membership-upgrade-dialog[data-v-d9d6b343] .el-overlay{background:#00000080!important}.membership-upgrade-dialog[data-v-d9d6b343] .el-dialog__header{padding:0;margin:0;border-bottom:none;background:transparent}.membership-upgrade-dialog[data-v-d9d6b343] .el-dialog__body{padding:32px;background:#fff!important;background-color:#fff!important;background-image:linear-gradient(180deg,#fafbfc,#fff)!important}.membership-upgrade-dialog[data-v-d9d6b343] .el-dialog__footer{padding:24px 32px;border-top:1px solid rgba(0,0,0,.08);background:#fff!important}.membership-upgrade-dialog .dialog-header[data-v-d9d6b343]{padding:48px 32px 36px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);text-align:center;position:relative;overflow:hidden}.membership-upgrade-dialog .dialog-header .header-background[data-v-d9d6b343]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.membership-upgrade-dialog .dialog-header .header-background .bg-gradient-1[data-v-d9d6b343],.membership-upgrade-dialog .dialog-header .header-background .bg-gradient-2[data-v-d9d6b343],.membership-upgrade-dialog .dialog-header .header-background .bg-gradient-3[data-v-d9d6b343]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float-d9d6b343 20s ease-in-out infinite}.membership-upgrade-dialog .dialog-header .header-background .bg-gradient-1[data-v-d9d6b343]{width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.membership-upgrade-dialog .dialog-header .header-background .bg-gradient-2[data-v-d9d6b343]{width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);bottom:-50px;right:-50px;animation-delay:7s}.membership-upgrade-dialog .dialog-header .header-background .bg-gradient-3[data-v-d9d6b343]{width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}.membership-upgrade-dialog .dialog-header .header-content[data-v-d9d6b343]{position:relative;z-index:2}.membership-upgrade-dialog .dialog-header .header-icon-wrapper[data-v-d9d6b343]{display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}.membership-upgrade-dialog .dialog-header .header-icon-wrapper .icon-glow[data-v-d9d6b343]{position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;animation:pulse-d9d6b343 2s ease-in-out infinite}.membership-upgrade-dialog .dialog-header .header-icon-wrapper .header-icon[data-v-d9d6b343]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff80;position:relative;z-index:1;animation:float-d9d6b343 3s ease-in-out infinite;transition:all .3s ease}.membership-upgrade-dialog .dialog-header .header-icon-wrapper .header-icon[data-v-d9d6b343]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff80}.membership-upgrade-dialog .dialog-header .header-icon-wrapper .header-icon svg[data-v-d9d6b343]{width:48px;height:48px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.membership-upgrade-dialog .dialog-header .header-title[data-v-d9d6b343]{margin:0 0 12px;font-size:32px;font-weight:800;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.2);position:relative;letter-spacing:-.5px;display:inline-block}.membership-upgrade-dialog .dialog-header .header-title .title-text[data-v-d9d6b343]{position:relative;z-index:1}.membership-upgrade-dialog .dialog-header .header-title .title-shine[data-v-d9d6b343]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine-d9d6b343 3s ease-in-out infinite}.membership-upgrade-dialog .dialog-header .header-subtitle[data-v-d9d6b343]{margin:0;font-size:15px;color:#fffffff2;font-weight:500;letter-spacing:.3px}@keyframes float-d9d6b343{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-d9d6b343{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.6}}@keyframes shine-d9d6b343{0%{left:-100%}50%,to{left:100%}}.upgrade-content[data-v-d9d6b343]{min-height:400px;position:relative;background:#fff!important;border-radius:12px;padding:0}.current-membership[data-v-d9d6b343]{margin-bottom:32px;padding:0;background:#fff!important;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden;transition:all .3s ease}.current-membership[data-v-d9d6b343]:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.current-membership[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.current-membership .membership-badge[data-v-d9d6b343]{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#667eea14,#764ba214)!important;border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0}.current-membership .membership-badge .badge-icon[data-v-d9d6b343]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:12px;color:#fff}.current-membership .membership-badge .badge-icon svg[data-v-d9d6b343]{width:24px;height:24px}.current-membership .membership-badge .badge-content[data-v-d9d6b343]{flex:1;display:flex;flex-direction:column;gap:4px}.current-membership .membership-badge .badge-content .badge-label[data-v-d9d6b343]{font-size:13px;color:#909399;font-weight:500}.current-membership .membership-badge .badge-content .badge-value[data-v-d9d6b343]{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.current-membership .membership-header[data-v-d9d6b343]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin:0}.current-membership .membership-header h3[data-v-d9d6b343]{margin:0;font-size:20px;font-weight:700;color:#1a1a1a}.current-membership .membership-header .level-tag[data-v-d9d6b343]{font-weight:600;padding:6px 16px;border-radius:8px}.current-membership .usage-stats[data-v-d9d6b343]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:20px 24px 24px}.current-membership .usage-stats .usage-item[data-v-d9d6b343]{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff!important;background-image:linear-gradient(135deg,#667eea0d,#764ba20d)!important;border-radius:12px;border:1px solid rgba(102,126,234,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.current-membership .usage-stats .usage-item[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .3s ease}.current-membership .usage-stats .usage-item[data-v-d9d6b343]:hover{border-color:#667eea;box-shadow:0 2px 8px #0000000a;transform:translateY(-2px)}.current-membership .usage-stats .usage-item[data-v-d9d6b343]:hover:before{transform:scaleX(1)}.current-membership .usage-stats .usage-item .feature-name[data-v-d9d6b343]{font-size:13px;color:#606266;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-membership .usage-stats .usage-item .usage-value[data-v-d9d6b343]{font-weight:800;font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.current-membership .usage-stats .usage-item .usage-progress[data-v-d9d6b343]{margin-top:8px;height:8px;border-radius:4px;overflow:hidden}.current-membership .usage-stats .usage-item .usage-progress[data-v-d9d6b343] .el-progress-bar__outer{background:#667eea1a;border-radius:4px}.membership-plans[data-v-d9d6b343]{background:#fff!important;padding:0;margin:0;border-radius:16px}.membership-plans .section-header[data-v-d9d6b343]{text-align:center;margin-bottom:32px;background:transparent;padding:0;border-radius:12px}.membership-plans .section-header .section-title[data-v-d9d6b343]{margin:0 0 8px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:-.5px}.membership-plans .section-header .section-title .title-icon[data-v-d9d6b343]{font-size:32px;animation:float-d9d6b343 3s ease-in-out infinite}.membership-plans .section-header .section-desc[data-v-d9d6b343]{margin:0;font-size:15px;color:#606266;font-weight:500}.membership-plans .plans-grid[data-v-d9d6b343]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;background:transparent;padding:0;border-radius:12px}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]{padding:0;border:2px solid #e9ecef;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff!important;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]>*{border-radius:inherit}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .4s ease}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:0}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 8px 32px #0000001f}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]:hover:before{transform:scaleX(1)}.membership-plans .plans-grid .plan-card[data-v-d9d6b343]:hover:after{opacity:1}.membership-plans .plans-grid .plan-card.selected[data-v-d9d6b343]{border-color:#667eea;background:#fff!important;background-image:linear-gradient(135deg,#667eea14,#764ba214)!important;box-shadow:0 4px 16px #00000014}.membership-plans .plans-grid .plan-card.selected[data-v-d9d6b343]:before{transform:scaleX(1)}.membership-plans .plans-grid .plan-card.selected[data-v-d9d6b343]:after{opacity:0}.membership-plans .plans-grid .plan-card.recommended[data-v-d9d6b343]{border-color:#f59e0b;background:#fff!important;background-image:linear-gradient(135deg,#f59e0b14,#f9731614)!important;box-shadow:0 4px 20px #f59e0b26;position:relative}.membership-plans .plans-grid .plan-card.recommended[data-v-d9d6b343]:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.membership-plans .plans-grid .plan-card.recommended[data-v-d9d6b343]:after{content:"推荐";position:absolute;width:auto;height:auto;top:16px;right:16px;left:auto;bottom:auto;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #f59e0b66;z-index:2;letter-spacing:.5px;opacity:1;transform:none}.membership-plans .plans-grid .plan-card.recommended.selected[data-v-d9d6b343]:after{opacity:1}.membership-plans .plans-grid .plan-card .plan-header[data-v-d9d6b343]{display:flex;align-items:center;gap:16px;padding:24px 24px 20px;margin-bottom:0;position:relative;z-index:1;border-radius:16px 16px 0 0}.membership-plans .plans-grid .plan-card .plan-header .plan-icon-wrapper[data-v-d9d6b343]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);flex-shrink:0;position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 12px #667eea4d}.membership-plans .plans-grid .plan-card .plan-header .plan-icon-wrapper[data-v-d9d6b343]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(45deg);transition:all .6s ease}.membership-plans .plans-grid .plan-card .plan-header .plan-icon-wrapper[data-v-d9d6b343]:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #667eea66}.membership-plans .plans-grid .plan-card .plan-header .plan-icon-wrapper[data-v-d9d6b343]:hover:before{left:100%}.membership-plans .plans-grid .plan-card .plan-header .plan-icon-wrapper .plan-icon[data-v-d9d6b343]{width:40px;height:40px;color:#fff;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));transition:all .3s ease}.membership-plans .plans-grid .plan-card .plan-header h4[data-v-d9d6b343]{flex:1;margin:0;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.3px}.membership-plans .plans-grid .plan-card .plan-price[data-v-d9d6b343]{padding:20px 24px;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);background:#fff!important;background-image:linear-gradient(135deg,#667eea0a,#764ba20a)!important;position:relative;z-index:1;border-radius:0}.membership-plans .plans-grid .plan-card .plan-price .price-monthly[data-v-d9d6b343]{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.membership-plans .plans-grid .plan-card .plan-price .price-monthly .price-value[data-v-d9d6b343]{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px}.membership-plans .plans-grid .plan-card .plan-price .price-monthly .price-unit[data-v-d9d6b343]{font-size:15px;color:#909399;font-weight:600}.membership-plans .plans-grid .plan-card .plan-price .price-yearly[data-v-d9d6b343]{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px dashed rgba(102,126,234,.2)}.membership-plans .plans-grid .plan-card .plan-price .price-yearly .price-value[data-v-d9d6b343]{font-weight:700;font-size:20px;background:linear-gradient(135deg,#67c23a,#52c41a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.membership-plans .plans-grid .plan-card .plan-price .price-yearly .price-unit[data-v-d9d6b343]{font-size:14px;color:#909399;font-weight:500}.membership-plans .plans-grid .plan-card .plan-price .price-yearly .savings[data-v-d9d6b343]{margin-left:auto;padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #92400e33;letter-spacing:.3px}.membership-plans .plans-grid .plan-card .plan-features[data-v-d9d6b343]{display:flex;flex-direction:column;gap:12px;padding:24px;min-height:140px;position:relative;z-index:1;border-radius:0 0 16px 16px}.membership-plans .plans-grid .plan-card .plan-features .feature-item[data-v-d9d6b343]{display:flex;align-items:center;gap:12px;font-size:14px;color:#1a1a1a;padding:10px 12px;border-radius:8px;background:#fff!important;background-color:#667eea0a!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.membership-plans .plans-grid .plan-card .plan-features .feature-item[data-v-d9d6b343]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);transform:scaleY(0);transition:transform .3s ease}.membership-plans .plans-grid .plan-card .plan-features .feature-item[data-v-d9d6b343]:hover{background:#fff!important;background-color:#667eea1f!important;transform:translate(6px);color:#667eea}.membership-plans .plans-grid .plan-card .plan-features .feature-item[data-v-d9d6b343]:hover:before{transform:scaleY(1)}.membership-plans .plans-grid .plan-card .plan-features .feature-item .el-icon[data-v-d9d6b343]{color:#67c23a;font-size:18px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(103,194,58,.3))}.membership-plans .plans-grid .plan-card .plan-features .feature-item span[data-v-d9d6b343]{flex:1;line-height:1.6;font-weight:500}.membership-plans .selection-group[data-v-d9d6b343]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;padding:0;border-radius:12px}@media (max-width: 768px){.membership-plans .selection-group[data-v-d9d6b343]{grid-template-columns:1fr}}.membership-plans .duration-selector[data-v-d9d6b343],.membership-plans .payment-method-selector[data-v-d9d6b343]{padding:0;background:#fff!important;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;overflow:hidden}.membership-plans .duration-selector[data-v-d9d6b343]:hover,.membership-plans .payment-method-selector[data-v-d9d6b343]:hover{border-color:#667eea4d;box-shadow:0 4px 16px #00000014}.membership-plans .duration-selector .selector-header[data-v-d9d6b343],.membership-plans .payment-method-selector .selector-header[data-v-d9d6b343]{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fff!important;background-image:linear-gradient(135deg,#667eea14,#764ba214)!important;border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0}.membership-plans .duration-selector .selector-header .selector-icon[data-v-d9d6b343],.membership-plans .payment-method-selector .selector-header .selector-icon[data-v-d9d6b343]{width:24px;height:24px;color:#667eea}.membership-plans .duration-selector .selector-header h4[data-v-d9d6b343],.membership-plans .payment-method-selector .selector-header h4[data-v-d9d6b343]{margin:0;font-size:18px;font-weight:700;color:#1a1a1a;flex:1}.membership-plans .duration-selector .duration-radio-group[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group[data-v-d9d6b343]{padding:20px 24px;display:flex;flex-direction:column;gap:12px;border-radius:0 0 16px 16px}.membership-plans .duration-selector .duration-radio-group .duration-option[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option[data-v-d9d6b343]{padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease;margin:0}.membership-plans .duration-selector .duration-radio-group .duration-option .option-content[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option .option-content[data-v-d9d6b343]{display:flex;flex-direction:column;gap:6px;width:100%}.membership-plans .duration-selector .duration-radio-group .duration-option .option-content .option-header[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option .option-content .option-header[data-v-d9d6b343]{display:flex;align-items:center;gap:8px}.membership-plans .duration-selector .duration-radio-group .duration-option .option-content .option-header .option-label[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option .option-content .option-header .option-label[data-v-d9d6b343]{font-size:16px;font-weight:600;color:#1a1a1a}.membership-plans .duration-selector .duration-radio-group .duration-option .option-content .option-header .savings-badge[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option .option-content .option-header .savings-badge[data-v-d9d6b343]{padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #92400e33}.membership-plans .duration-selector .duration-radio-group .duration-option .option-content .option-price[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option .option-content .option-price[data-v-d9d6b343]{font-size:24px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.membership-plans .duration-selector .duration-radio-group .duration-option[data-v-d9d6b343]:hover,.membership-plans .payment-method-selector .duration-radio-group .duration-option[data-v-d9d6b343]:hover{border-color:#667eea;background:#fff!important;background-color:#667eea14!important}.membership-plans .duration-selector .duration-radio-group .duration-option.recommended-option[data-v-d9d6b343],.membership-plans .payment-method-selector .duration-radio-group .duration-option.recommended-option[data-v-d9d6b343]{border-color:#f59e0b;background:#fff!important;background-color:#f59e0b14!important}.membership-plans .duration-selector .duration-radio-group .duration-option.recommended-option[data-v-d9d6b343]:hover,.membership-plans .payment-method-selector .duration-radio-group .duration-option.recommended-option[data-v-d9d6b343]:hover{border-color:#f59e0b;background:#fff!important;background-color:#f59e0b1f!important}.membership-plans .duration-selector .payment-method-group[data-v-d9d6b343],.membership-plans .payment-method-selector .payment-method-group[data-v-d9d6b343]{padding:20px 24px;display:flex;flex-direction:column;gap:12px;border-radius:0 0 16px 16px}.membership-plans .duration-selector .payment-method-group .payment-option[data-v-d9d6b343],.membership-plans .payment-method-selector .payment-method-group .payment-option[data-v-d9d6b343]{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:2px solid #e9ecef;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fff;position:relative;overflow:hidden}.membership-plans .duration-selector .payment-method-group .payment-option[data-v-d9d6b343]:before,.membership-plans .payment-method-selector .payment-method-group .payment-option[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(64,158,255,.1),transparent);transition:left .5s ease}.membership-plans .duration-selector .payment-method-group .payment-option[data-v-d9d6b343]:hover,.membership-plans .payment-method-selector .payment-method-group .payment-option[data-v-d9d6b343]:hover{border-color:#409eff;background:#fff!important;background-color:#409eff14!important;transform:translate(4px);box-shadow:0 4px 12px #409eff26}.membership-plans .duration-selector .payment-method-group .payment-option[data-v-d9d6b343]:hover:before,.membership-plans .payment-method-selector .payment-method-group .payment-option[data-v-d9d6b343]:hover:before{left:100%}.membership-plans .duration-selector .payment-method-group .payment-option .payment-icon[data-v-d9d6b343],.membership-plans .payment-method-selector .payment-method-group .payment-option .payment-icon[data-v-d9d6b343]{width:28px;height:28px;flex-shrink:0;transition:transform .3s ease}.membership-plans .duration-selector .payment-method-group .payment-option:hover .payment-icon[data-v-d9d6b343],.membership-plans .payment-method-selector .payment-method-group .payment-option:hover .payment-icon[data-v-d9d6b343]{transform:scale(1.1)}.membership-plans .duration-selector .payment-method-group .payment-option span[data-v-d9d6b343],.membership-plans .payment-method-selector .payment-method-group .payment-option span[data-v-d9d6b343]{font-size:15px;font-weight:600;color:#2c3e50}.payment-step .order-info[data-v-d9d6b343]{margin-bottom:28px;padding:24px;background:#fff!important;background-image:linear-gradient(135deg,#f8f9fa,#fff)!important;border-radius:16px;border:2px solid #e9ecef;box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.payment-step .order-info[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#409eff,#667eea,#764ba2)}.payment-step .order-info h3[data-v-d9d6b343]{margin:0 0 20px;font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.payment-step .order-info .amount-text[data-v-d9d6b343]{font-weight:700;background:linear-gradient(135deg,#f56c6c,#ff7875);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:24px;text-shadow:0 2px 4px rgba(245,108,108,.2)}.payment-step .order-info[data-v-d9d6b343] .el-descriptions .el-descriptions__label{font-weight:600;color:#606266}.payment-step .order-info[data-v-d9d6b343] .el-descriptions .el-descriptions__content{color:#2c3e50}.payment-step .payment-qr[data-v-d9d6b343]{text-align:center;margin-bottom:28px;padding:28px;background:#fff!important;background-image:linear-gradient(135deg,#f0f9ff,#fff)!important;border-radius:16px;border:2px solid #e0f2fe;box-shadow:0 4px 16px #409eff14;position:relative}.payment-step .payment-qr[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#409eff,#667eea,#764ba2);border-radius:16px 16px 0 0}.payment-step .payment-qr h4[data-v-d9d6b343]{margin:0 0 24px;color:#2c3e50;font-size:20px;font-weight:700;position:relative}.payment-step .payment-qr .qr-container[data-v-d9d6b343]{display:inline-block;padding:28px;background:#fff;border-radius:20px;border:3px solid #e0f2fe;box-shadow:0 8px 24px #409eff26;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.payment-step .payment-qr .qr-container[data-v-d9d6b343]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(64,158,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.payment-step .payment-qr .qr-container[data-v-d9d6b343]:hover{box-shadow:0 12px 32px #409eff40;transform:translateY(-4px) scale(1.02);border-color:#409eff}.payment-step .payment-qr .qr-container[data-v-d9d6b343]:hover:before{left:100%}.payment-step .payment-qr .qr-container .qr-image[data-v-d9d6b343]{width:240px;height:240px;display:block;border-radius:12px;position:relative;z-index:1;box-shadow:0 4px 12px #0000001a}.payment-step .payment-qr .qr-container .qr-tip[data-v-d9d6b343]{margin-top:20px;color:#606266;font-size:15px;font-weight:600;position:relative;z-index:1}.payment-step .payment-proof[data-v-d9d6b343]{margin-bottom:24px;padding:24px;background:#fff!important;background-image:linear-gradient(135deg,#f8f9fa,#fff)!important;border-radius:16px;border:2px solid #e9ecef;box-shadow:0 4px 12px #0000000f}.payment-step .payment-proof h4[data-v-d9d6b343]{margin:0 0 20px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.payment-step .payment-proof[data-v-d9d6b343] .el-form-item__label{font-weight:600;color:#606266}.payment-step .payment-proof[data-v-d9d6b343] .el-input__inner,.payment-step .payment-proof[data-v-d9d6b343] .el-textarea__inner{border-radius:8px;transition:all .3s ease}.payment-step .payment-proof[data-v-d9d6b343] .el-input__inner:focus,.payment-step .payment-proof[data-v-d9d6b343] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.payment-step .payment-proof .el-button[data-v-d9d6b343]{border-radius:8px;font-weight:600;padding:10px 24px}.payment-step .payment-proof .el-button.el-button--primary[data-v-d9d6b343]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d}.payment-step .payment-proof .el-button.el-button--primary[data-v-d9d6b343]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.payment-step .order-status-tip[data-v-d9d6b343]{margin-top:20px}.upgrade-tips[data-v-d9d6b343]{margin-top:24px;padding:20px;background:#fff!important;background-image:linear-gradient(135deg,#f0f9ff,#fff)!important;border-radius:12px;border:1px solid #e0f2fe}.upgrade-tips .tips-content p[data-v-d9d6b343]{margin:0 0 12px;font-weight:700;color:#2c3e50;font-size:15px}.upgrade-tips .tips-content ol[data-v-d9d6b343]{margin:0;padding-left:24px;line-height:2;color:#606266}.upgrade-tips .tips-content ol li[data-v-d9d6b343]{margin-bottom:6px;position:relative}.upgrade-tips .tips-content ol li[data-v-d9d6b343]::marker{color:#409eff;font-weight:600}.dialog-footer[data-v-d9d6b343]{display:flex;justify-content:flex-end;gap:16px}.dialog-footer .el-button[data-v-d9d6b343]{padding:12px 32px;font-weight:700;font-size:15px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.dialog-footer .el-button.el-button--default[data-v-d9d6b343]{border:2px solid #e9ecef;color:#606266}.dialog-footer .el-button.el-button--default[data-v-d9d6b343]:hover{border-color:#667eea;color:#667eea;background:#fff!important;background-color:#667eea14!important;transform:translateY(-2px);box-shadow:0 2px 8px #0000000a}.dialog-footer .el-button.el-button--primary[data-v-d9d6b343]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border:none;color:#fff;box-shadow:0 4px 16px #667eea66;position:relative;overflow:hidden;font-weight:700}.dialog-footer .el-button.el-button--primary[data-v-d9d6b343]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.dialog-footer .el-button.el-button--primary[data-v-d9d6b343]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #667eea80}.dialog-footer .el-button.el-button--primary[data-v-d9d6b343]:hover:before{left:100%}.dialog-footer .el-button.el-button--primary[data-v-d9d6b343]:active{transform:translateY(-1px)}.dialog-footer .el-button.el-button--primary.pay-button[data-v-d9d6b343]{padding:14px 40px;font-size:16px;letter-spacing:.5px}.el-dialog.word-query-dialog .el-dialog__header{background:transparent!important;background-color:transparent!important;color:#fff;padding:20px 24px;border-bottom:none;position:relative;z-index:1}.el-dialog.word-query-dialog .el-dialog__title{color:#fff;font-size:20px;font-weight:600}.el-dialog.word-query-dialog{height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important}.el-dialog.word-query-dialog .el-dialog__body{padding:0!important;background:transparent!important;background-color:transparent!important;border-radius:0 0 24px 24px!important;position:relative;z-index:1;height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important}.el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close{color:#ffffffe6!important;font-size:20px!important}.el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:#fff!important;transform:scale(1.1)!important}.word-loading,.word-result,.word-error{padding:32px;background:transparent;position:relative;z-index:1}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:120px;position:relative;z-index:1}.loading-content .el-icon{color:#fff}.loading-text{margin:0;font-size:16px;color:#fff;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.word-result .word-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;position:relative;z-index:1}.word-result .word-header h3{margin:0;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.word-result .word-header .phonetic{font-size:18px;color:#ffffffe6;font-style:italic;font-weight:500}.word-result .word-header .audio-play-button{padding:8px 10px!important;min-height:auto!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 4px 12px #00000026!important;transition:all .3s ease!important;margin-left:4px}.word-result .word-header .audio-play-button .icon{width:20px;height:20px;color:#667eea!important}.word-result .word-header .audio-play-button:hover{background:#fff!important;transform:scale(1.1);box-shadow:0 6px 16px #0003!important}.word-result .word-header .audio-play-button:active{transform:scale(.95)}.word-definitions{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.word-result :deep(.el-alert){position:relative;z-index:1;margin-bottom:24px!important}.definition-item{padding:16px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000001a;position:relative;z-index:1}.definition-item .definition-label{font-size:14px;font-weight:600;color:#667eea;margin-right:8px}.definition-item .definition-content{font-size:15px;line-height:1.7;color:#333}.word-result .word-definition{font-size:16px;line-height:1.8;color:#303133;padding:16px;background:#f5f7fa;border-radius:8px}.word-error{text-align:center;color:#fff;font-size:16px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:1}@media (max-width: 768px){html body .el-dialog.word-query-dialog,html body .el-overlay .el-dialog.word-query-dialog,body .el-overlay .el-dialog.word-query-dialog,.el-overlay .el-dialog.word-query-dialog{width:auto!important;max-width:95vw!important;min-width:300px!important;margin:10px auto!important;margin-top:10vh!important;margin-bottom:5vh!important;height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important;display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;border-radius:24px!important}html body .el-dialog.word-query-dialog .el-dialog__header,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__header,body .el-overlay .el-dialog.word-query-dialog .el-dialog__header,.el-overlay .el-dialog.word-query-dialog .el-dialog__header{padding:16px 20px!important;flex-shrink:0!important;border-radius:24px 24px 0 0!important}html body .el-dialog.word-query-dialog .el-dialog__title,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__title,body .el-overlay .el-dialog.word-query-dialog .el-dialog__title,.el-overlay .el-dialog.word-query-dialog .el-dialog__title{font-size:18px!important}html body .el-dialog.word-query-dialog .el-dialog__headerbtn,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn,body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn,.el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn{width:40px!important;height:40px!important;top:12px!important;right:12px!important;position:absolute!important}html body .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close,body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close,.el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close{font-size:22px!important}html body .el-dialog.word-query-dialog .el-dialog__body,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__body,body .el-overlay .el-dialog.word-query-dialog .el-dialog__body,.el-overlay .el-dialog.word-query-dialog .el-dialog__body{height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important;flex:0 0 auto!important;padding:0!important;border-radius:0 0 24px 24px!important}.word-loading,.word-result,.word-error{padding:16px}.loading-content{min-height:80px;gap:12px}.loading-text{font-size:14px}.word-result .word-header{margin-bottom:16px;gap:8px;flex-wrap:wrap}.word-result .word-header h3{font-size:24px;line-height:1.3}.word-result .word-header .phonetic{font-size:14px}.word-result .word-header .audio-play-button{padding:6px 8px!important;min-width:36px!important;min-height:36px!important}.word-result .word-header .audio-play-button .icon{width:16px!important;height:16px!important}.word-definitions{gap:12px}.definition-item{padding:12px 14px;border-radius:12px}.definition-item .definition-label{font-size:13px;margin-right:6px}.definition-item .definition-content{font-size:14px;line-height:1.6}.word-result :deep(.el-alert){margin-bottom:16px!important;padding:12px 16px!important}}@media (max-width: 480px){html body .el-dialog.word-query-dialog,html body .el-overlay .el-dialog.word-query-dialog,body .el-overlay .el-dialog.word-query-dialog,.el-overlay .el-dialog.word-query-dialog{width:auto!important;max-width:90%!important;min-width:280px!important;margin:0 auto!important;border-radius:20px!important;height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important;display:flex!important;flex-direction:column!important;position:fixed!important;top:12vh!important;left:0!important;right:0!important;bottom:auto!important;transform:none!important}html body .el-dialog.word-query-dialog .el-dialog__header,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__header,body .el-overlay .el-dialog.word-query-dialog .el-dialog__header,.el-overlay .el-dialog.word-query-dialog .el-dialog__header{padding:12px 16px!important;flex-shrink:0!important;border-radius:20px 20px 0 0!important}html body .el-dialog.word-query-dialog .el-dialog__title,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__title,body .el-overlay .el-dialog.word-query-dialog .el-dialog__title,.el-overlay .el-dialog.word-query-dialog .el-dialog__title{font-size:16px!important}html body .el-dialog.word-query-dialog .el-dialog__headerbtn,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn,body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn,.el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn{width:36px!important;height:36px!important;top:8px!important;right:8px!important;position:absolute!important}html body .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close,body .el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close,.el-overlay .el-dialog.word-query-dialog .el-dialog__headerbtn .el-dialog__close{font-size:20px!important}html body .el-dialog.word-query-dialog .el-dialog__body,html body .el-overlay .el-dialog.word-query-dialog .el-dialog__body,body .el-overlay .el-dialog.word-query-dialog .el-dialog__body,.el-overlay .el-dialog.word-query-dialog .el-dialog__body{height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important;flex:0 0 auto!important;padding:0!important;border-radius:0 0 20px 20px!important}.word-loading,.word-result,.word-error{padding:12px}.loading-content{min-height:60px;gap:10px}.loading-text{font-size:13px}.word-result .word-header{flex-wrap:wrap;gap:6px;margin-bottom:12px}.word-result .word-header h3{font-size:22px;line-height:1.2}.word-result .word-header .phonetic{font-size:13px}.word-result .word-header .audio-play-button{padding:5px 7px!important;min-width:32px!important;min-height:32px!important}.word-result .word-header .audio-play-button .icon{width:14px!important;height:14px!important}.word-definitions{gap:10px}.definition-item{padding:10px 12px;border-radius:10px}.definition-item .definition-label{font-size:12px;margin-right:5px}.definition-item .definition-content{font-size:13px;line-height:1.5}.word-result :deep(.el-alert){margin-bottom:12px!important;padding:10px 12px!important;font-size:13px}.word-error{font-size:14px}}.login-dialog html body[data-v-b2d77375] .el-dialog.login-dialog,.login-dialog html body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog,.login-dialog body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog,.login-dialog[data-v-b2d77375] .el-dialog.login-dialog,.login-dialog[data-v-b2d77375] .el-overlay .el-dialog.login-dialog{background:#fff!important;background-color:#fff!important;border-radius:12px!important;border:1px solid rgba(102,126,234,.15)!important}.login-dialog html body[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__header,.login-dialog html body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__header,.login-dialog body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__header,.login-dialog[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__header,.login-dialog[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__header{background:#fff!important;background-color:#fff!important;padding:20px!important;border-radius:12px 12px 0 0!important;border-bottom:2px solid rgba(102,126,234,.2)!important}.login-dialog html body[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__header .el-dialog__title,.login-dialog html body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__header .el-dialog__title,.login-dialog body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__header .el-dialog__title,.login-dialog[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__header .el-dialog__title,.login-dialog[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__header .el-dialog__title{color:#303133!important;font-weight:600!important}.login-dialog html body[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__body,.login-dialog html body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__body,.login-dialog body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__body,.login-dialog[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__body,.login-dialog[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__body{padding:20px 30px!important;background:#fff!important;background-color:#fff!important}.login-dialog html body[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__footer,.login-dialog html body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__footer,.login-dialog body[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__footer,.login-dialog[data-v-b2d77375] .el-dialog.login-dialog .el-dialog__footer,.login-dialog[data-v-b2d77375] .el-overlay .el-dialog.login-dialog .el-dialog__footer{background:#fff!important;background-color:#fff!important;padding:16px 20px!important;border-radius:0 0 12px 12px!important;border-top:1px solid rgba(102,126,234,.15)!important}.login-form[data-v-b2d77375]{margin-bottom:20px}.dialog-footer[data-v-b2d77375]{display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width: 768px){.dialog-footer[data-v-b2d77375]{gap:8px}.dialog-footer .el-button[data-v-b2d77375]{flex:0 0 auto}}@media (max-width: 480px){.dialog-footer[data-v-b2d77375]{gap:8px}.dialog-footer .el-button[data-v-b2d77375]{flex:0 0 auto}}.v-chat-page[data-v-9a348495]{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.v-chat-page .clickable-word[data-v-9a348495]{cursor:pointer;color:#409eff;transition:all .2s ease;padding:0 2px;border-radius:2px}.v-chat-page .clickable-word[data-v-9a348495]:hover{background-color:#409eff1a;color:#66b1ff;text-decoration:underline}.v-chat-page .clickable-word.looked-up[data-v-9a348495]{color:#67c23a;font-weight:500}.v-chat-page .clickable-word.looked-up[data-v-9a348495]:hover{background-color:#67c23a1a;color:#85ce61}.v-chat-page .usage-top-right[data-v-9a348495]{position:absolute;top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));z-index:10}.v-chat-page .usage-top-right .usage-loading-compact[data-v-9a348495]{display:flex;align-items:center;padding:4px 8px;font-size:12px;color:#999}@media (max-width: 768px){.v-chat-page[data-v-9a348495]{border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0);-webkit-overflow-scrolling:touch}}.v-chat-page .messages[data-v-9a348495]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.v-chat-page .messages[data-v-9a348495]{padding:12px;gap:12px}}.v-chat-page .message-wrapper[data-v-9a348495]{display:flex;max-width:80%}@media (max-width: 768px){.v-chat-page .message-wrapper[data-v-9a348495]{max-width:90%}}@media (max-width: 480px){.v-chat-page .message-wrapper[data-v-9a348495]{max-width:95%}}.v-chat-page .message-wrapper.user[data-v-9a348495]{margin-left:auto}.v-chat-page .message-wrapper.assistant[data-v-9a348495]{margin-right:auto}.v-chat-page .message[data-v-9a348495]{background:#f8f9fa;padding:12px 16px;border-radius:12px;position:relative}@media (max-width: 768px){.v-chat-page .message[data-v-9a348495]{padding:10px 12px;border-radius:8px}}.v-chat-page .message.user[data-v-9a348495]{background:#e6f7ff}.v-chat-page .message .message-content[data-v-9a348495]{color:#2c3e50;line-height:1.6;font-size:1em;word-wrap:break-word;word-break:break-word}@media (max-width: 768px){.v-chat-page .message .message-content[data-v-9a348495]{font-size:.9em;line-height:1.5}}.v-chat-page .message .message-content p[data-v-9a348495]{display:block;margin:0 0 12px}.v-chat-page .message .message-content p[data-v-9a348495]:last-child{margin-bottom:0}.v-chat-page .message .message-content h1[data-v-9a348495],.v-chat-page .message .message-content h2[data-v-9a348495],.v-chat-page .message .message-content h3[data-v-9a348495],.v-chat-page .message .message-content h4[data-v-9a348495],.v-chat-page .message .message-content h5[data-v-9a348495],.v-chat-page .message .message-content h6[data-v-9a348495]{display:block;margin:16px 0 12px;font-weight:600}.v-chat-page .message .message-content h1[data-v-9a348495]:first-child,.v-chat-page .message .message-content h2[data-v-9a348495]:first-child,.v-chat-page .message .message-content h3[data-v-9a348495]:first-child,.v-chat-page .message .message-content h4[data-v-9a348495]:first-child,.v-chat-page .message .message-content h5[data-v-9a348495]:first-child,.v-chat-page .message .message-content h6[data-v-9a348495]:first-child{margin-top:0}.v-chat-page .message .message-content h1[data-v-9a348495]{font-size:1.8em;line-height:1.3}.v-chat-page .message .message-content h2[data-v-9a348495]{font-size:1.5em;line-height:1.4}.v-chat-page .message .message-content h3[data-v-9a348495]{font-size:1.3em;line-height:1.4}.v-chat-page .message .message-content ul[data-v-9a348495],.v-chat-page .message .message-content ol[data-v-9a348495]{display:block;margin:12px 0;padding-left:24px}.v-chat-page .message .message-content li[data-v-9a348495]{display:list-item;margin:6px 0;line-height:1.6}.v-chat-page .message .message-content blockquote[data-v-9a348495]{display:block;margin:12px 0;padding:8px 16px;border-left:4px solid #ddd;background:#f9f9f9}.v-chat-page .message .message-content pre[data-v-9a348495]{display:block;background:#f8f9fa;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0;white-space:pre}.v-chat-page .message .message-content code[data-v-9a348495]{background:#f8f9fa;padding:2px 4px;border-radius:4px;font-family:monospace}.v-chat-page .message .message-content pre code[data-v-9a348495]{background:none;padding:0}.v-chat-page .message .message-content strong[data-v-9a348495]{font-weight:600}.v-chat-page .message .message-content em[data-v-9a348495]{font-style:italic}.v-chat-page .message .message-content hr[data-v-9a348495]{display:block;margin:16px 0;border:none;border-top:1px solid #ddd}.v-chat-page .message .message-expand[data-v-9a348495]{margin-top:8px;text-align:right}.v-chat-page .message .message-expand .el-button[data-v-9a348495]{padding:4px 8px;font-size:.75rem}.v-chat-page .input-area[data-v-9a348495]{padding:20px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -2px 12px #00000008;padding-bottom:calc(20px + env(safe-area-inset-bottom))}@media (max-width: 768px){.v-chat-page .input-area[data-v-9a348495]{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:10}}@media (max-width: 480px){.v-chat-page .input-area[data-v-9a348495]{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}}.v-chat-page .input-area .input-wrapper[data-v-9a348495]{position:relative;width:100%}.v-chat-page .input-area .message-input[data-v-9a348495]{width:100%}.v-chat-page .input-area .message-input .el-textarea__inner[data-v-9a348495]{border-radius:12px;border:1px solid rgba(0,0,0,.1);padding:14px 80px 14px 16px;font-size:.875rem;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .2s ease;resize:none;background:#fff}@media (max-width: 768px){.v-chat-page .input-area .message-input .el-textarea__inner[data-v-9a348495]{padding:12px 70px 12px 14px;font-size:.8125rem;border-radius:8px}}.v-chat-page .input-area .message-input .el-textarea__inner[data-v-9a348495]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.v-chat-page .input-area .message-input .el-textarea__inner[data-v-9a348495]::placeholder{color:#999;font-weight:400}.v-chat-page .input-area .message-input .el-textarea__inner[data-v-9a348495]:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.v-chat-page .input-area .send-button-wrapper[data-v-9a348495]{position:absolute;bottom:8px;right:8px;z-index:10}@media (max-width: 768px){.v-chat-page .input-area .send-button-wrapper[data-v-9a348495]{bottom:6px;right:6px}.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]{min-width:60px;min-height:36px;padding:8px 16px}}@media (max-width: 480px){.v-chat-page .input-area .send-button-wrapper[data-v-9a348495]{bottom:4px;right:4px}.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]{min-width:56px;min-height:32px;padding:6px 12px;font-size:.75rem}}.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;padding:8px 20px;border-radius:8px;box-shadow:0 2px 8px #667eea33;transition:all .2s ease;letter-spacing:-.01em}@media (max-width: 768px){.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]{padding:6px 16px;font-size:.8125rem}}@media (max-width: 480px){.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]{padding:6px 12px;font-size:.75rem}}.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]:active:not(:disabled){transform:translateY(0)}.v-chat-page .input-area .send-button-wrapper .send-button[data-v-9a348495]:disabled{opacity:.6;cursor:not-allowed}.v-chat-page .input-area .send-button-wrapper .el-button--primary[data-v-9a348495]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 8px #667eea4d}.v-chat-page .input-area .send-button-wrapper .el-button--primary[data-v-9a348495]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.v-chat-page .input-area .send-button-wrapper .el-button--primary[data-v-9a348495]:active:not(:disabled){transform:translateY(0)}.v-chat-page .input-area .send-button-wrapper .el-button--primary[data-v-9a348495]:disabled{opacity:.6;cursor:not-allowed}.v-chat-page .input-area .send-button-wrapper .el-button--default[data-v-9a348495]{border:1px solid rgba(0,0,0,.1);background:#fff;color:#666}.v-chat-page .input-area .send-button-wrapper .el-button--default[data-v-9a348495]:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d}.v-chat-page .input-area .send-button-wrapper .el-button--default[data-v-9a348495]:disabled{opacity:.5;cursor:not-allowed}.v-chat-page .loading[data-v-9a348495]{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#666}.v-chat-page .thinking-indicator[data-v-9a348495]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;min-height:52px;background:#f8f9fa;border-radius:12px;max-width:80%;margin-right:auto;box-shadow:0 2px 6px #0000000d}@media (max-width: 768px){.v-chat-page .thinking-indicator[data-v-9a348495]{max-width:90%;padding:10px 12px;min-height:48px;border-radius:8px}}.v-chat-page .thinking-avatar[data-v-9a348495]{width:32px;height:32px;border-radius:50%;background:#4caf50;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.v-chat-page .thinking-content[data-v-9a348495]{display:flex;flex-direction:column;gap:6px}.v-chat-page .thinking-text[data-v-9a348495]{color:#555;font-size:.95em;line-height:1.5}.v-chat-page .thinking-dots[data-v-9a348495]{display:flex;gap:4px;height:10px}.v-chat-page .thinking-dots span[data-v-9a348495]{width:6px;height:6px;border-radius:50%;background:#4caf50;opacity:.4;animation:thinking-bounce-9a348495 1.2s infinite ease-in-out}.v-chat-page .thinking-dots span[data-v-9a348495]:nth-child(2){animation-delay:.2s}.v-chat-page .thinking-dots span[data-v-9a348495]:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce-9a348495{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.v-chat-page blockquote[data-v-9a348495]{margin:8px 0;padding:12px 16px;border-left:4px solid #e0e0e0;background:#fafafa;border-radius:4px;color:#666}.v-chat-page blockquote strong[data-v-9a348495]{color:#4caf50;font-size:1em;display:block;margin-bottom:8px}.v-chat-page blockquote p[data-v-9a348495]{margin:8px 0 0;white-space:pre-wrap;line-height:1.6}.v-chat-page blockquote[data-v-9a348495]:has(strong:contains("🤔")),.v-chat-page blockquote[data-v-9a348495]:has(strong:contains("思考过程")){border-left-color:#4caf50;background:#f8f9fa}.v-chat-page blockquote:has(strong:contains("🤔")) strong[data-v-9a348495],.v-chat-page blockquote:has(strong:contains("思考过程")) strong[data-v-9a348495]{color:#4caf50}.v-chat-page blockquote:has(strong:contains("🤔")) p[data-v-9a348495],.v-chat-page blockquote:has(strong:contains("思考过程")) p[data-v-9a348495]{color:#495057;font-size:.9em}@media (max-width: 768px){.v-chat-page blockquote[data-v-9a348495]{margin:6px 0;padding:10px 12px;font-size:.9em}}[data-v-9a348495] .message-content{display:block!important;word-break:break-word!important;line-height:1.6!important}[data-v-9a348495] .message-content h1,[data-v-9a348495] .message-content h2,[data-v-9a348495] .message-content h3,[data-v-9a348495] .message-content h4,[data-v-9a348495] .message-content h5,[data-v-9a348495] .message-content h6{display:block!important;margin-top:1.5rem!important;margin-bottom:.8rem!important;line-height:1.5!important;font-weight:700!important;clear:both!important}[data-v-9a348495] .message-content h1{font-size:2em!important}[data-v-9a348495] .message-content h2{font-size:1.5em!important}[data-v-9a348495] .message-content h3{font-size:1.3em!important}[data-v-9a348495] .message-content p{display:block!important}[data-v-9a348495] .message-content ul,[data-v-9a348495] .message-content ol{display:block!important;margin:1em 0!important;padding-left:2em!important}[data-v-9a348495] .message-content li{display:list-item!important;margin:.5em 0!important}[data-v-9a348495] .message-content pre{display:block!important;margin:1em 0!important;padding:1em!important;background:#f5f5f5!important;border-radius:4px!important;overflow-x:auto!important}[data-v-9a348495] .message-content code{font-family:Courier New,Courier,monospace!important}[data-v-9a348495] .message-content blockquote{display:block!important;margin:1em 0!important;padding-left:1em!important;border-left:4px solid #ddd!important}[data-v-9a348495] .message-content strong{font-weight:700!important}[data-v-9a348495] .message-content em{font-style:italic!important}.agent-progress[data-v-9a348495]{display:flex;align-items:center;gap:8px;margin-bottom:6px;width:100%}.agent-progress-bar[data-v-9a348495]{flex:1;height:4px;background:#e4e7ed;border-radius:2px;overflow:hidden}.agent-progress-fill[data-v-9a348495]{height:100%;background:linear-gradient(90deg,#409eff,#67c23a);border-radius:2px;transition:width .4s ease}.agent-progress-text[data-v-9a348495]{font-size:11px;color:#909399;white-space:nowrap}[data-v-9a348495] .word-clickable,[data-v-9a348495] .word-clickable-lookedup{display:inline!important}[data-v-9a348495] .clickable-word{cursor:pointer!important;color:#409eff!important;transition:all .2s ease!important;padding:0 2px!important;border-radius:3px!important;border-bottom:1px dashed #409eff!important;display:inline!important}[data-v-9a348495] .clickable-word:hover{background-color:#409eff26!important;color:#66b1ff!important;border-bottom-style:solid!important}[data-v-9a348495] .clickable-word.looked-up{color:#67c23a!important;border-bottom-color:#67c23a!important}[data-v-9a348495] .clickable-word.looked-up:hover{background-color:#67c23a26!important;color:#85ce61!important}.feedback-dialog[data-v-0e58bddf] .el-dialog{border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #0003;border:none}.feedback-dialog[data-v-0e58bddf] .el-dialog__header{display:none}.feedback-dialog[data-v-0e58bddf] .el-dialog__body{padding:0;background:transparent!important;background-color:transparent!important}.feedback-content[data-v-0e58bddf]{padding:40px 32px 32px;text-align:center;position:relative;z-index:1}.feedback-icon-wrapper[data-v-0e58bddf]{margin-bottom:24px}.icon-circle[data-v-0e58bddf]{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto;animation:iconBounce-0e58bddf .6s cubic-bezier(.68,-.55,.265,1.55)}.success-circle[data-v-0e58bddf]{background:linear-gradient(135deg,#67c23a,#85ce61);box-shadow:0 8px 32px #67c23a66}.error-circle[data-v-0e58bddf]{background:linear-gradient(135deg,#f56c6c,#f78989);box-shadow:0 8px 32px #f56c6c66}.success-icon[data-v-0e58bddf],.error-icon[data-v-0e58bddf]{color:#fff}@keyframes iconBounce-0e58bddf{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feedback-text[data-v-0e58bddf]{margin-bottom:24px}.feedback-title[data-v-0e58bddf]{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.feedback-subtitle[data-v-0e58bddf]{font-size:16px;color:#ffffffe6;margin:0 0 20px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.correct-answer-card[data-v-0e58bddf]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px 20px;margin:16px 0;border-left:4px solid #f56c6c;box-shadow:0 8px 32px #0000001a}.answer-label[data-v-0e58bddf]{font-size:12px;color:#f56c6c;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.answer-value[data-v-0e58bddf]{font-size:18px;font-weight:700;color:#2c3e50}.explanation-card[data-v-0e58bddf]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px 20px;margin:16px 0;border-left:4px solid #667eea;display:flex;align-items:flex-start;gap:12px;box-shadow:0 8px 32px #0000001a}.explanation-icon[data-v-0e58bddf]{font-size:20px;flex-shrink:0;margin-top:2px}.explanation-text[data-v-0e58bddf]{font-size:14px;color:#333;line-height:1.6;text-align:left;flex:1}.countdown-hint[data-v-0e58bddf]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.countdown-dot[data-v-0e58bddf]{width:8px;height:8px;border-radius:50%;background:#ffffffe6;animation:countdownPulse-0e58bddf 1s ease-in-out infinite;box-shadow:0 2px 8px #ffffff4d}.countdown-text[data-v-0e58bddf]{font-size:13px;color:#fffc;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}@keyframes countdownPulse-0e58bddf{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (max-width: 768px){.feedback-dialog[data-v-0e58bddf] .el-dialog.purple-gradient-dialog{width:90vw!important;max-width:90vw!important;margin:20px auto!important;border-radius:20px!important;max-height:calc(100vh - 40px)!important}.feedback-content[data-v-0e58bddf]{padding:32px 24px 24px}.feedback-title[data-v-0e58bddf]{font-size:22px}.feedback-subtitle[data-v-0e58bddf]{font-size:15px}.icon-circle[data-v-0e58bddf]{width:70px;height:70px}}@media (max-width: 480px){.feedback-dialog[data-v-0e58bddf] .el-dialog.purple-gradient-dialog{width:85vw!important;max-width:85vw!important;margin:16px auto!important;border-radius:16px!important;max-height:calc(100vh - 32px)!important}.feedback-content[data-v-0e58bddf]{padding:28px 20px 20px}.feedback-title[data-v-0e58bddf]{font-size:20px}.feedback-subtitle[data-v-0e58bddf]{font-size:14px}.icon-circle[data-v-0e58bddf]{width:64px;height:64px}.correct-answer-card[data-v-0e58bddf],.explanation-card[data-v-0e58bddf]{padding:12px 16px}.answer-value[data-v-0e58bddf]{font-size:16px}.explanation-text[data-v-0e58bddf]{font-size:13px}}[data-v-f40482ee] .clickable-word{cursor:pointer;color:#409eff;transition:all .2s ease;padding:0 2px;border-radius:2px}[data-v-f40482ee] .clickable-word:hover{background-color:#409eff1a;color:#66b1ff;text-decoration:underline}[data-v-f40482ee] .clickable-word.looked-up{color:#67c23a;font-weight:500}[data-v-f40482ee] .clickable-word.looked-up:hover{background-color:#67c23a1a;color:#85ce61}.learning-dialog[data-v-f40482ee] .el-dialog{border-radius:16px;overflow:hidden}.learning-dialog[data-v-f40482ee] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;margin:0}.learning-dialog[data-v-f40482ee] .el-dialog__title{color:#fff;font-size:20px;font-weight:600}.learning-dialog[data-v-f40482ee] .el-dialog__body{padding:0}.stage-content[data-v-f40482ee],.learn-stage-content[data-v-f40482ee]{animation:stageFadeSlideIn-f40482ee .45s cubic-bezier(.22,1,.36,1)}@keyframes stageFadeSlideIn-f40482ee{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.ai-status-fade-enter-active[data-v-f40482ee],.ai-status-fade-leave-active[data-v-f40482ee]{transition:all .35s cubic-bezier(.4,0,.2,1)}.ai-status-fade-enter-from[data-v-f40482ee],.ai-status-fade-leave-to[data-v-f40482ee]{opacity:0;transform:translateY(-8px)}.ai-extension-loading[data-v-f40482ee]{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-top:16px;background:#ffffffa6;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-radius:14px;border:1px solid rgba(203,213,225,.35);box-shadow:0 2px 12px #6366f114}.ai-loading-pulse[data-v-f40482ee]{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:aiPulse-f40482ee 1.6s ease-in-out infinite;flex-shrink:0}@keyframes aiPulse-f40482ee{0%,to{transform:scale(.85);opacity:.5;box-shadow:0 0 #6366f166}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 8px #6366f100}}.ai-loading-text[data-v-f40482ee]{font-size:13px;color:#6366f1;font-weight:500;animation:aiTextBreath-f40482ee 2.5s ease-in-out infinite}@keyframes aiTextBreath-f40482ee{0%,to{opacity:.7}50%{opacity:1}}.ai-extension-error[data-v-f40482ee]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;margin-top:16px;background:#fff7edcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(251,191,36,.3)}.ai-extension-error .error-info[data-v-f40482ee]{display:flex;align-items:center;gap:8px;font-size:13px;color:#92400e}.learning-container[data-v-f40482ee]{border-radius:24px!important;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f8f9fa);position:relative;min-height:400px}.learning-container[data-v-f40482ee]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none}.learning-progress-lite[data-v-f40482ee]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 4px}.stage-dots[data-v-f40482ee]{display:flex;align-items:center;gap:6px}.stage-dot[data-v-f40482ee]{width:8px;height:8px;border-radius:50%;background:#94a3b859;transition:all .4s cubic-bezier(.4,0,.2,1)}.stage-dot.done[data-v-f40482ee]{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 1px 4px #10b98159}.stage-dot.active[data-v-f40482ee]{width:22px;border-radius:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f166;animation:dotPulse-f40482ee 2s ease-in-out infinite}@keyframes dotPulse-f40482ee{0%,to{box-shadow:0 2px 8px #6366f166}50%{box-shadow:0 2px 14px #6366f199}}.progress-label[data-v-f40482ee]{font-size:13px;font-weight:500;color:#64748b;display:flex;align-items:center;gap:8px}.progress-fraction[data-v-f40482ee]{font-size:11px;color:#94a3b8;background:#94a3b81f;padding:2px 8px;border-radius:10px}.core-learning-layer[data-v-f40482ee]{max-width:800px;margin:0 auto}.word-hero-modern[data-v-f40482ee]{position:relative;text-align:center;padding:40px 32px;background:linear-gradient(135deg,#ffffffb8,#f0f5ffa6,#f8fafcb3);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px #667eea24,0 2px 8px #0000000a,inset 0 1px 2px #ffffffe6,inset 0 -1px 1px #667eea0d;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.word-hero-modern[data-v-f40482ee]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.2) 100%);pointer-events:none}.word-hero-modern[data-v-f40482ee]:hover{transform:translateY(-2px);box-shadow:0 15px 50px #667eea2e,0 4px 12px #0000000f,inset 0 1px 2px #fffffff2}.hero-tags[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.tag-item[data-v-f40482ee]{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px;transition:all .3s ease}.tag-type[data-v-f40482ee]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.tag-level[data-v-f40482ee]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 8px #f5576c4d}.tag-item[data-v-f40482ee]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.hero-word-area[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.hero-word[data-v-f40482ee]{font-size:52px;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;line-height:1.2;animation:gradientShift 4s ease infinite;background-size:200% 200%}.hero-audio-btn[data-v-f40482ee]{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d,inset 0 1px 2px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-audio-btn[data-v-f40482ee]:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 6px 20px #667eea73,inset 0 1px 2px #fff6}.hero-audio-btn[data-v-f40482ee]:active{transform:scale(.95);box-shadow:0 2px 8px #667eea4d,inset 0 2px 4px #0000001a}.audio-icon[data-v-f40482ee]{font-size:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.hero-phonetics[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;padding:12px 24px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(102,126,234,.15);display:inline-flex;box-shadow:0 2px 8px #667eea14}.phonetic-en[data-v-f40482ee]{font-size:18px;color:#667eea;font-weight:600;letter-spacing:.5px}.phonetic-divider[data-v-f40482ee]{font-size:14px;color:#cbd5e1;font-weight:300}.phonetic-zh[data-v-f40482ee]{font-size:15px;color:#8b5cf6;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-meaning-compact[data-v-f40482ee]{margin-top:16px;display:flex;flex-direction:column;gap:8px}.compact-meaning-main[data-v-f40482ee]{font-size:24px;font-weight:600;color:#1e293b;line-height:1.5;text-align:center;padding:12px 20px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(102,126,234,.15)}.compact-meaning-more[data-v-f40482ee]{margin-top:4px}.more-trigger[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#64748b;font-size:13px;transition:all .2s ease;border-radius:8px}.more-trigger[data-v-f40482ee]:hover{background:#667eea14;color:#667eea}.more-text[data-v-f40482ee]{font-weight:500}.more-icon[data-v-f40482ee]{font-size:14px;transition:transform .3s ease}.more-icon.expanded[data-v-f40482ee]{transform:rotate(180deg)}.more-content[data-v-f40482ee]{margin-top:8px;padding:12px 16px;background:#f8fafccc;border-radius:8px;border:1px solid rgba(102,126,234,.1);animation:slideDown-f40482ee .3s ease}.more-item[data-v-f40482ee]{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;color:#475569;line-height:1.5}.more-item[data-v-f40482ee]:not(:last-child){border-bottom:1px solid rgba(226,232,240,.6)}.more-number[data-v-f40482ee]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#667eea26;color:#667eea;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0;margin-top:2px}.more-text-item[data-v-f40482ee]{flex:1}.meaning-layer[data-v-f40482ee]{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(102,126,234,.12);overflow:hidden;transition:all .3s ease}.meaning-layer[data-v-f40482ee]:hover{border-color:#667eea40;box-shadow:0 4px 12px #667eea1a}.meaning-label[data-v-f40482ee]{font-size:12px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom:1px solid rgba(102,126,234,.1);display:flex;align-items:center;justify-content:space-between}.meaning-count[data-v-f40482ee]{font-size:11px;color:#94a3b8;font-weight:500;margin-left:8px}.meaning-content[data-v-f40482ee]{padding:16px 20px}.meaning-short[data-v-f40482ee]{background:linear-gradient(135deg,#667eea1a,#764ba214);border:2px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #667eea26}.meaning-short .meaning-label[data-v-f40482ee]{background:linear-gradient(135deg,#667eea26,#764ba21f);color:#667eea;font-size:13px}.meaning-short-content[data-v-f40482ee]{font-size:32px;font-weight:700;color:#1e293b;line-height:1.4;text-align:center;padding:24px 20px;letter-spacing:1px}.meaning-primary[data-v-f40482ee]{background:#fffc}.meaning-primary .meaning-label[data-v-f40482ee]{color:#8b5cf6}.meaning-primary-content[data-v-f40482ee]{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 20px}.meaning-primary-content .meaning-item[data-v-f40482ee]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#8b5cf61a,#667eea14);border-radius:12px;border:1px solid rgba(139,92,246,.2);font-size:16px;color:#475569;font-weight:500;transition:all .2s ease}.meaning-primary-content .meaning-item[data-v-f40482ee]:hover{background:linear-gradient(135deg,#8b5cf626,#667eea1f);transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf626}.meaning-primary-content .meaning-number[data-v-f40482ee]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#8b5cf6,#667eea);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.meaning-full[data-v-f40482ee]{background:#fff9}.meaning-full .meaning-label[data-v-f40482ee]{color:#64748b}.meaning-header[data-v-f40482ee]{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.meaning-header[data-v-f40482ee]:hover{background:linear-gradient(135deg,#64748b14,#667eea0d)}.meaning-header .meaning-label[data-v-f40482ee]{border-bottom:none;margin:0;flex:1}.meaning-toggle-icon[data-v-f40482ee]{margin-right:16px;font-size:16px;color:#94a3b8;transition:transform .3s ease}.meaning-toggle-icon.expanded[data-v-f40482ee]{transform:rotate(180deg)}.meaning-full-content[data-v-f40482ee]{padding:16px 20px;border-top:1px solid rgba(102,126,234,.1);background:#f8fafc80;animation:slideDown-f40482ee .3s ease}@keyframes slideDown-f40482ee{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.meaning-item-full[data-v-f40482ee]{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s ease}.meaning-item-full[data-v-f40482ee]:last-child{border-bottom:none}.meaning-item-full[data-v-f40482ee]:hover{padding-left:8px;background:#667eea08;border-radius:8px}.meaning-number-full[data-v-f40482ee]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border-radius:8px;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}.meaning-text[data-v-f40482ee]{flex:1;font-size:15px;color:#475569;line-height:1.6;font-weight:400}.word-forms-container[data-v-f40482ee]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:8px 0}.word-form-item[data-v-f40482ee]{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease;display:flex;flex-direction:column;gap:8px}.word-form-item[data-v-f40482ee]:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26;border-color:#667eea40}.form-label[data-v-f40482ee]{font-size:13px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.form-value[data-v-f40482ee]{font-size:16px;font-weight:600;color:#1e293b;font-family:Courier New,monospace}.details-tabs-container[data-v-f40482ee]{background:#fff9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014,inset 0 1px 1px #ffffff80;padding:20px;margin-bottom:20px}.details-tabs[data-v-f40482ee]{--el-tabs-header-height: 50px}.details-tabs[data-v-f40482ee] .el-tabs__header{margin-bottom:20px;border-bottom:2px solid rgba(102,126,234,.1)}.details-tabs[data-v-f40482ee] .el-tabs__nav-wrap:after{display:none}.details-tabs[data-v-f40482ee] .el-tabs__item{font-size:15px;font-weight:600;color:#64748b;padding:0 20px;height:46px;line-height:46px;transition:all .3s ease}.details-tabs[data-v-f40482ee] .tab-label{display:inline-flex;align-items:center;gap:4px}.details-tabs[data-v-f40482ee] .el-tabs__item:hover{color:#667eea}.details-tabs[data-v-f40482ee] .el-tabs__item.is-active{color:#667eea;font-weight:700}.details-tabs[data-v-f40482ee] .el-tabs__active-bar{height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.mobile-accordion[data-v-f40482ee]{display:none}.mobile-accordion[data-v-f40482ee] .el-collapse-item{margin-bottom:12px;border-radius:12px;overflow:hidden;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.mobile-accordion[data-v-f40482ee] .el-collapse-item:hover{box-shadow:0 4px 12px #667eea26;border-color:#667eea40}.mobile-accordion[data-v-f40482ee] .el-collapse-item__header{padding:16px 20px;font-size:16px;font-weight:600;color:#475569;background:transparent;border-bottom:none;transition:all .3s ease;min-height:52px;display:flex;align-items:center}.mobile-accordion[data-v-f40482ee] .el-collapse-item__header:hover{color:#667eea;background:#667eea0d}.mobile-accordion[data-v-f40482ee] .el-collapse-item.is-active .el-collapse-item__header{color:#667eea;background:#667eea14;border-bottom:1px solid rgba(102,126,234,.1)}.mobile-accordion[data-v-f40482ee] .el-collapse-item__wrap{border-bottom:none;background:transparent}.mobile-accordion[data-v-f40482ee] .el-collapse-item__content{padding:12px 20px 16px;color:#475569;font-size:15px;line-height:1.6}.accordion-title[data-v-f40482ee]{display:flex;align-items:center;width:100%;font-weight:600;color:inherit;justify-content:space-between}.accordion-hint-icon[data-v-f40482ee]{margin-left:auto;margin-right:8px;opacity:.7;transition:all .3s ease}.mobile-accordion[data-v-f40482ee] .el-collapse-item__header:hover .accordion-hint-icon{opacity:1;color:#667eea!important;transform:translateY(2px)}.mobile-accordion[data-v-f40482ee] .el-collapse-item.is-active .el-collapse-item__header .accordion-hint-icon{transform:rotate(180deg);color:#667eea!important}@media (min-width: 769px){.mobile-accordion[data-v-f40482ee]{display:none!important}.desktop-tabs[data-v-f40482ee]{display:block!important}}@media (max-width: 768px){.desktop-tabs[data-v-f40482ee]{display:none!important}.mobile-accordion[data-v-f40482ee]{display:block!important}}.tab-content[data-v-f40482ee]{padding:8px 0;min-height:200px}.definition-tab-content[data-v-f40482ee]{padding:0}.definition-header[data-v-f40482ee]{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.1)}.definition-stats[data-v-f40482ee]{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.stats-icon[data-v-f40482ee]{font-size:18px}.stats-text[data-v-f40482ee]{font-weight:600;color:#475569}.stats-hint[data-v-f40482ee]{font-size:12px;color:#94a3b8;font-weight:400}.primary-meanings-display[data-v-f40482ee]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px;width:100%;align-items:stretch}@media (min-width: 1200px){.primary-meanings-display[data-v-f40482ee]{grid-template-columns:repeat(auto-fit,max-content);gap:20px;justify-items:start}.primary-meaning-card[data-v-f40482ee]{width:fit-content;max-width:100%}}@media (min-width: 768px) and (max-width: 1199px){.primary-meanings-display[data-v-f40482ee]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}@media (max-width: 767px){.primary-meanings-display[data-v-f40482ee]{grid-template-columns:1fr;gap:12px}}.primary-meaning-card[data-v-f40482ee]{background:linear-gradient(135deg,#667eea1a,#764ba214);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:2px solid rgba(102,126,234,.2);padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #667eea1a;min-width:0;width:100%;box-sizing:border-box}.primary-meaning-card[data-v-f40482ee]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.primary-meaning-card[data-v-f40482ee]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea33;border-color:#667eea59;background:linear-gradient(135deg,#667eea26,#764ba21f)}.meaning-index[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.meaning-value[data-v-f40482ee]{flex:1;font-size:16px;color:#1e293b;line-height:1.6;font-weight:500;padding-top:2px}.definition-list[data-v-f40482ee]{display:flex;flex-direction:column;gap:12px}.definition-item[data-v-f40482ee]{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(102,126,234,.1);padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.definition-item[data-v-f40482ee]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#667eea33;transition:all .3s ease}.definition-item[data-v-f40482ee]:hover{background:#ffffffe6;border-color:#667eea40;transform:translate(4px);box-shadow:0 4px 12px #667eea1a}.definition-item[data-v-f40482ee]:hover:before{background:linear-gradient(135deg,#667eea,#764ba2);width:5px}.definition-item.is-primary[data-v-f40482ee]{background:linear-gradient(135deg,#667eea14,#764ba20d);border-color:#667eea33;border-left:4px solid #667eea}.definition-item.is-primary[data-v-f40482ee]:before{background:linear-gradient(135deg,#667eea,#764ba2);width:4px}.definition-item-header[data-v-f40482ee]{display:flex;align-items:center;gap:12px;margin-bottom:10px}.definition-number[data-v-f40482ee]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border-radius:10px;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #64748b33}.definition-item.is-primary .definition-number[data-v-f40482ee]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.primary-badge[data-v-f40482ee]{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #667eea40}.definition-item-content[data-v-f40482ee]{padding-left:44px}.definition-text[data-v-f40482ee]{font-size:15px;color:#475569;line-height:1.7;font-weight:400;display:block}.definition-item.is-primary .definition-text[data-v-f40482ee]{color:#334155;font-weight:500}.no-definitions[data-v-f40482ee]{padding:40px 20px;text-align:center}.tip-item[data-v-f40482ee]{margin-bottom:20px;padding:16px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.tip-item[data-v-f40482ee]:hover{background:#fffc;transform:translate(4px)}.tip-item[data-v-f40482ee]:last-child{margin-bottom:0}.tip-title[data-v-f40482ee]{font-size:14px;font-weight:700;color:#667eea;margin-bottom:8px}.tip-text[data-v-f40482ee]{font-size:15px;color:#475569;line-height:1.6}.example-item[data-v-f40482ee]{padding:16px;margin-bottom:12px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border-left:3px solid #667eea;font-size:15px;color:#475569;line-height:1.8;transition:all .3s ease}.example-item[data-v-f40482ee]:hover{background:#fffc;transform:translate(4px)}.word-list-group[data-v-f40482ee]{margin-bottom:24px}.word-list-group[data-v-f40482ee]:last-child{margin-bottom:0}.group-title[data-v-f40482ee]{font-size:14px;font-weight:700;color:#667eea;margin-bottom:12px}.word-chips[data-v-f40482ee]{display:flex;flex-wrap:wrap;gap:8px}.word-chips .el-tag[data-v-f40482ee]{font-size:14px;padding:6px 14px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;transition:all .3s ease}.word-chips .el-tag[data-v-f40482ee]:hover{transform:translateY(-2px)}.etymology-text[data-v-f40482ee]{font-size:15px;color:#475569;line-height:1.8;padding:16px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:20px}.related-words[data-v-f40482ee]{margin-top:20px}.all-meanings[data-v-f40482ee]{padding:8px 0}.meaning-item[data-v-f40482ee]{padding:12px 16px;margin-bottom:10px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;gap:12px;transition:all .3s ease}.meaning-item[data-v-f40482ee]:hover{background:#fffc;transform:translate(4px)}.meaning-index[data-v-f40482ee]{font-weight:700;flex-shrink:0}.meaning-text[data-v-f40482ee]{font-size:15px;color:#475569;line-height:1.6}.learning-actions[data-v-f40482ee]{display:flex;justify-content:center;gap:16px}.learning-actions .el-button[data-v-f40482ee]{min-width:140px;height:52px;font-size:18px;border-radius:12px;font-weight:700;padding:0 28px}.learning-actions .el-button--primary[data-v-f40482ee]{border:none}.learning-actions .el-button--primary[data-v-f40482ee]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.learning-actions .el-button[data-v-f40482ee]{transition:all .3s cubic-bezier(.4,0,.2,1)}.word-detail-stage[data-v-f40482ee]{padding:0;width:100%;max-width:900px;margin:0 auto}.loading-hint-enhanced[data-v-f40482ee]{background:#f0f9ffb3!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-radius:20px;padding:36px;margin-bottom:24px;border:1px solid rgba(191,219,254,.5);box-shadow:0 8px 32px #3b82f626,inset 0 1px 1px #fff9;position:relative!important;z-index:1000!important;min-height:200px;display:flex!important;flex-direction:column;justify-content:center;visibility:visible!important;opacity:1!important}.loading-hint-enhanced[data-v-f40482ee]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#60a5fa4d,#a78bfa4d);border-radius:20px;z-index:-1;filter:blur(10px);opacity:.5}.loading-animation[data-v-f40482ee]{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.loading-circle[data-v-f40482ee]{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f666,inset 0 1px 1px #ffffff80;animation:bounce-f40482ee 1.4s infinite ease-in-out}.loading-circle[data-v-f40482ee]:nth-child(1){animation-delay:-.32s;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.loading-circle[data-v-f40482ee]:nth-child(2){animation-delay:-.16s;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.loading-circle[data-v-f40482ee]:nth-child(3){background:linear-gradient(135deg,#8b5cf6,#a78bfa)}@keyframes bounce-f40482ee{0%,80%,to{transform:scale(.7) translateY(0);opacity:.6}40%{transform:scale(1.2) translateY(-10px);opacity:1}}.loading-text-container[data-v-f40482ee]{text-align:center}.loading-title[data-v-f40482ee]{font-size:18px;font-weight:700;background:linear-gradient(135deg,#1e40af,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;letter-spacing:-.3px}.loading-subtitle[data-v-f40482ee]{font-size:14px;color:#64748b;margin:0 0 18px;font-weight:500}.loading-progress[data-v-f40482ee]{width:100%;height:8px;background:#e0e7ff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;overflow:hidden;margin-bottom:18px;box-shadow:inset 0 2px 4px #0000000d;border:1px solid rgba(224,231,255,.8)}.progress-bar[data-v-f40482ee]{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#a78bfa,#8b5cf6);background-size:200% 100%;border-radius:12px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:shimmer-f40482ee 2.5s infinite ease-in-out;box-shadow:0 2px 8px #3b82f666,inset 0 1px 1px #ffffff80}@keyframes shimmer-f40482ee{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-tips[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#fffc;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border-radius:14px;font-size:13px;color:#64748b;border:1px solid rgba(203,213,225,.4);box-shadow:0 2px 8px #0000000d,inset 0 1px 1px #fff9;transition:all .3s ease}.loading-tips[data-v-f40482ee]:hover{background:#fffffff2;transform:translateY(-1px)}.loading-tips .app-icon[data-v-f40482ee]{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.generating-fields-list[data-v-f40482ee]{margin:18px 0;padding:20px;background:#fffc;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:16px;border:1px solid rgba(224,231,255,.6);box-shadow:0 4px 16px #4f46e51f,inset 0 1px 1px #fff9}.fields-header[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.fields-header .app-icon[data-v-f40482ee]{color:#4f46e5;filter:drop-shadow(0 2px 4px rgba(79,70,229,.3));animation:spin-f40482ee 2s linear infinite}@keyframes spin-f40482ee{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fields-tags[data-v-f40482ee]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fields-tags .el-tag[data-v-f40482ee]{font-weight:600;padding:6px 14px;font-size:13px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(79,70,229,.3);box-shadow:0 2px 8px #4f46e526,inset 0 1px 1px #ffffff80;transition:all .3s cubic-bezier(.4,0,.2,1)}.fields-tags .el-tag[data-v-f40482ee]:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px #4f46e540,inset 0 1px 1px #fffc;background:#fffffff2}.learn-stage-content[data-v-f40482ee]{min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:20px}.test-header[data-v-f40482ee]{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f}.test-icon[data-v-f40482ee]{font-size:32px}.test-title[data-v-f40482ee]{font-size:24px;font-weight:700;color:#333;margin:0}.test-subtitle[data-v-f40482ee]{font-size:16px;color:#999;margin-top:8px}.audio-test-card[data-v-f40482ee]{background:linear-gradient(135deg,#fff5f0,#ffe6f0);border-radius:20px;padding:36px;text-align:center;box-shadow:0 8px 24px #00000014;width:70%}.audio-replay-btn[data-v-f40482ee]{padding:24px 48px;font-size:18px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 16px #667eea4d}.audio-replay-btn span[data-v-f40482ee]{margin-left:12px}.play-hint[data-v-f40482ee]{margin-top:16px;font-size:14px;color:#999}.learn-word-card[data-v-f40482ee],.learn-sentence-card[data-v-f40482ee]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px;width:100%;max-width:600px;box-shadow:0 20px 60px #667eea4d;text-align:center;position:relative;overflow:hidden;animation:learnCardFadeIn-f40482ee .5s ease-out}.learn-word-card[data-v-f40482ee]:before,.learn-sentence-card[data-v-f40482ee]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.learn-word-icon[data-v-f40482ee]{font-size:48px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:learnIconFloat-f40482ee 3s ease-in-out infinite}@keyframes learnIconFloat-f40482ee{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes learnCardFadeIn-f40482ee{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learn-word-main[data-v-f40482ee]{margin-bottom:20px}.learn-english-word[data-v-f40482ee]{font-size:64px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:3px;text-shadow:0 4px 12px rgba(0,0,0,.2);animation:learnWordPulse-f40482ee 2s ease-in-out infinite}@keyframes learnWordPulse-f40482ee{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.learn-chinese-meaning[data-v-f40482ee]{font-size:42px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.learn-phonetic[data-v-f40482ee]{font-size:20px;color:#ffffffe6;font-family:Courier New,monospace;font-weight:500;letter-spacing:1px}.learn-stage-tip[data-v-f40482ee]{font-size:16px;color:#ffffffd9;margin-top:12px;font-weight:500}.learn-word-card.clickable[data-v-f40482ee]{cursor:pointer;transition:all .3s ease}.learn-word-card.clickable[data-v-f40482ee]:hover{transform:translateY(-2px);box-shadow:0 25px 70px #667eea66}.learn-word-card.clickable[data-v-f40482ee]:active{transform:translateY(0)}.audio-icon-wrapper[data-v-f40482ee]{margin-top:16px;display:flex;justify-content:center;align-items:center}.audio-icon[data-v-f40482ee]{font-size:24px;color:#ffffffe6;transition:all .3s ease}.learn-word-card.clickable:hover .audio-icon[data-v-f40482ee]{color:#fff;transform:scale(1.1)}.learn-options-grid[data-v-f40482ee]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:700px}.learn-option-card[data-v-f40482ee]{background:#fff;border-radius:16px;padding:24px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:3px solid transparent;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px}.learn-option-card[data-v-f40482ee]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.learn-option-card[data-v-f40482ee]:hover:before{opacity:1}.learn-option-card[data-v-f40482ee]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #667eea33;border-color:#667eea}.learn-option-card.learn-option-selected[data-v-f40482ee]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 32px #667eea66}.learn-option-card.learn-option-selected .learn-option-letter[data-v-f40482ee],.learn-option-card.learn-option-selected .learn-option-text[data-v-f40482ee]{color:#fff}.learn-option-letter[data-v-f40482ee]{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;box-shadow:0 4px 8px #667eea4d}.learn-option-card.learn-option-selected .learn-option-letter[data-v-f40482ee]{background:#fff;color:#667eea}.learn-option-text[data-v-f40482ee]{font-size:18px;font-weight:600;color:#333;flex:1;text-align:left}.phonetic-option[data-v-f40482ee]{font-family:Arial,Lucida Sans Unicode,sans-serif;font-size:18px}.spelling-prompt-card[data-v-f40482ee]{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 24px #00000014;text-align:center;width:70%}.prompt-translation[data-v-f40482ee]{font-size:32px;font-weight:700;color:#333;margin-bottom:16px}.prompt-hint[data-v-f40482ee]{font-size:16px;color:#999;margin-bottom:12px}.audio-hint-btn[data-v-f40482ee]{font-size:16px;padding:8px 16px}.progressive-hints[data-v-f40482ee]{background:linear-gradient(135deg,#fff7e6,#fef3e2);border-radius:16px;padding:24px;border-left:4px solid #e6a23c;width:100%}.hint-title[data-v-f40482ee]{font-size:16px;font-weight:600;color:#e6a23c;margin-bottom:12px}.hint-content[data-v-f40482ee]{display:flex;justify-content:center;gap:10px;font-size:28px;font-weight:700;font-family:Courier New,monospace}.hint-char[data-v-f40482ee]{display:inline-block;min-width:24px;text-align:center;color:#333}.hint-btn[data-v-f40482ee]{margin-top:16px;width:100%}.no-hint-notice[data-v-f40482ee]{font-size:14px;color:#f56c6c;margin-top:12px;padding:8px 16px;background:#fef0f0;border-radius:8px;text-align:center}.learn-input-area[data-v-f40482ee]{width:100%;max-width:500px;display:flex;flex-direction:column;gap:12px}.learn-modern-input[data-v-f40482ee] .el-input__wrapper{padding:16px 20px;border-radius:16px;box-shadow:0 4px 16px #00000014;border:2px solid #e8e8e8;transition:all .3s ease}.learn-modern-input[data-v-f40482ee] .el-input__wrapper:hover{border-color:#667eea;box-shadow:0 6px 20px #667eea26}.learn-modern-input[data-v-f40482ee] .el-input__wrapper.is-focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 6px 20px #667eea33}.learn-modern-input[data-v-f40482ee] .el-input__inner{font-size:24px;text-align:center;font-weight:600;color:#333;letter-spacing:1px}.learn-input-hint[data-v-f40482ee]{text-align:center;font-size:15px;color:#999;font-weight:500}.word-reminder-card[data-v-f40482ee]{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 24px #00000014;text-align:center;margin-bottom:24px;width:70%}.reminder-word[data-v-f40482ee]{font-size:44px;font-weight:800;color:#667eea;letter-spacing:2px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 8px;margin:0 -8px 16px}.reminder-word[data-v-f40482ee]::-webkit-scrollbar{display:none}.reminder-meaning[data-v-f40482ee]{font-size:24px;color:#333;margin-bottom:12px;font-weight:600;line-height:1.5}.reminder-phonetic[data-v-f40482ee]{font-size:18px;color:#999;font-style:italic}.sentence-input-area[data-v-f40482ee]{width:94%;background:#ae636312;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px}.sentence-textarea[data-v-f40482ee] .el-textarea__inner{font-size:16px;border-radius:12px;border:2px solid #e8e8e8;transition:all .3s ease}.sentence-textarea[data-v-f40482ee] .el-textarea__inner:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.sentence-hint[data-v-f40482ee]{font-size:16px;color:#999;margin-top:12px;text-align:center;font-weight:500}.ai-feedback-card[data-v-f40482ee]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f;border:1px solid #f0f0f0;margin-top:16px;width:100%}.feedback-header[data-v-f40482ee]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.feedback-icon[data-v-f40482ee]{font-size:24px}.feedback-header h4[data-v-f40482ee]{margin:0;font-size:22px;font-weight:700;color:#333}.ai-feedback-actions[data-v-f40482ee]{margin-top:24px;text-align:center}[data-v-f40482ee] .ai-feedback-content{text-align:left}.feedback-content[data-v-f40482ee] .feedback-score-badge:not(.feedback-section){display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:16px;border-left:4px solid;box-shadow:0 2px 8px #0000000f}.feedback-content[data-v-f40482ee] .feedback-section.feedback-score-badge,.feedback-content[data-v-f40482ee] .feedback-section.strengths,.feedback-content[data-v-f40482ee] .feedback-section.improvements,.feedback-content[data-v-f40482ee] .feedback-section.suggestion{display:block!important;flex-direction:initial!important;align-items:initial!important;gap:0!important;justify-content:initial!important;flex-wrap:initial!important}.feedback-content[data-v-f40482ee] .score-icon{font-size:28px;flex-shrink:0}.feedback-content[data-v-f40482ee] .score-text{display:flex;flex-direction:column;gap:4px}.feedback-content[data-v-f40482ee] .score-label{font-size:15px;color:#666;font-weight:500}.feedback-content[data-v-f40482ee] .score-value{font-size:22px;font-weight:700}.feedback-section[data-v-f40482ee]{margin-bottom:16px;padding:20px;border-radius:12px;border:none;box-shadow:0 2px 8px #0000000f;text-align:left;width:100%;box-sizing:border-box;display:block!important}.feedback-content[data-v-f40482ee] .section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;text-align:left;width:100%;box-sizing:border-box;flex-shrink:0}@media (max-width: 768px){.ai-feedback-card[data-v-f40482ee]{padding:20px 16px}.feedback-content[data-v-f40482ee] .feedback-section,.ai-feedback-card[data-v-f40482ee] .feedback-section,.feedback-content[data-v-f40482ee] .feedback-section.feedback-score-badge,.feedback-content[data-v-f40482ee] .feedback-section.strengths,.feedback-content[data-v-f40482ee] .feedback-section.improvements,.feedback-content[data-v-f40482ee] .feedback-section.suggestion{display:block!important;padding:16px!important;margin-bottom:12px!important;width:100%!important;box-sizing:border-box!important;flex-direction:initial!important;align-items:initial!important;flex-wrap:initial!important;gap:0!important;justify-content:initial!important}.feedback-content[data-v-f40482ee] .feedback-section.feedback-score-badge,.feedback-content[data-v-f40482ee] .feedback-section.strengths,.feedback-content[data-v-f40482ee] .feedback-section.improvements,.feedback-content[data-v-f40482ee] .feedback-section.suggestion{display:block!important;flex-direction:initial!important;align-items:initial!important;gap:0!important;justify-content:initial!important;flex-wrap:initial!important}.feedback-content[data-v-f40482ee] .feedback-section.feedback-score-badge>.section-header,.feedback-content[data-v-f40482ee] .feedback-section.strengths>.section-header,.feedback-content[data-v-f40482ee] .feedback-section.improvements>.section-header,.feedback-content[data-v-f40482ee] .feedback-section.suggestion>.section-header{display:flex!important;width:100%!important;box-sizing:border-box;margin-bottom:12px!important}.feedback-content[data-v-f40482ee] .feedback-section.feedback-score-badge>.feedback-list,.feedback-content[data-v-f40482ee] .feedback-section.strengths>.feedback-list,.feedback-content[data-v-f40482ee] .feedback-section.improvements>.feedback-list{display:block!important;width:100%!important;box-sizing:border-box;margin:0!important;padding:0!important}.feedback-content[data-v-f40482ee] .feedback-section.feedback-score-badge>.suggestion-box,.feedback-content[data-v-f40482ee] .feedback-section.suggestion>.suggestion-box{display:block!important;width:100%!important;box-sizing:border-box}.feedback-content[data-v-f40482ee] .section-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important;flex-wrap:nowrap!important;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important;clear:both!important}.feedback-content[data-v-f40482ee] .section-icon{font-size:22px;flex-shrink:0;margin-bottom:0;line-height:1}.feedback-section h5[data-v-f40482ee],.feedback-content[data-v-f40482ee] .section-header h5{font-size:17px;font-weight:700;margin:0;flex:1;display:inline-block;line-height:1.2}.feedback-content[data-v-f40482ee] .feedback-list,.feedback-content[data-v-f40482ee] .feedback-section .feedback-list,.feedback-content[data-v-f40482ee] .feedback-section.strengths .feedback-list,.feedback-content[data-v-f40482ee] .feedback-section.improvements .feedback-list,.feedback-content[data-v-f40482ee] .feedback-section.suggestion .feedback-list{display:block!important;width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important;flex:none!important;order:initial!important;align-self:initial!important;clear:both!important}.feedback-content[data-v-f40482ee] .feedback-list li{flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:12px;margin-bottom:10px;margin-left:0;margin-right:0;font-size:15px;line-height:1.6;box-sizing:border-box}.feedback-content[data-v-f40482ee] .feedback-list li:last-child{margin-bottom:0}.feedback-content[data-v-f40482ee] .bullet{display:none}.feedback-content[data-v-f40482ee] .text{padding-left:0;width:100%;word-break:break-word;box-sizing:border-box}.feedback-content[data-v-f40482ee] .feedback-score-badge.feedback-section{display:block!important;flex-direction:initial!important;align-items:initial!important;gap:0!important;justify-content:initial!important}.feedback-content[data-v-f40482ee] .feedback-score-badge:not(.feedback-section){flex-direction:row;align-items:center;gap:12px;padding:16px}.feedback-content[data-v-f40482ee] .score-icon{font-size:28px;flex-shrink:0}.feedback-content[data-v-f40482ee] .score-text{flex-direction:column;align-items:flex-start;gap:4px;flex:1}.feedback-content[data-v-f40482ee] .score-label{font-size:14px}.feedback-content[data-v-f40482ee] .score-value{font-size:20px}.feedback-content[data-v-f40482ee] .suggestion-box{padding:12px}.feedback-content[data-v-f40482ee] .suggestion-text{font-size:14px;line-height:1.7}.feedback-content[data-v-f40482ee] .explanation-text{font-size:13px;line-height:1.6;margin-top:8px}.feedback-content[data-v-f40482ee] .feedback-encouragement{flex-direction:column;align-items:center;gap:8px;padding:16px;text-align:center}.feedback-content[data-v-f40482ee] .encouragement-emoji{font-size:24px}.feedback-content[data-v-f40482ee] .encouragement-text{font-size:14px}}.feedback-content[data-v-f40482ee] .section-icon{font-size:20px;flex-shrink:0}.feedback-section h5[data-v-f40482ee]{font-size:18px;font-weight:700;color:#333;margin:0;text-align:left}.feedback-section ul[data-v-f40482ee],.feedback-content[data-v-f40482ee] .feedback-list{list-style:none;padding-left:0;margin:0;text-align:left;width:100%;box-sizing:border-box;display:block;clear:both}.feedback-section li[data-v-f40482ee],.feedback-content[data-v-f40482ee] .feedback-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#555;line-height:1.7;margin-bottom:14px;padding:12px 16px;background:#fff9;border-radius:10px;border-left:3px solid transparent}.feedback-content[data-v-f40482ee] .bullet{color:#999;font-weight:700;font-size:14px;line-height:1.4;flex-shrink:0;margin-top:2px}.feedback-content[data-v-f40482ee] .text{flex:1;text-align:left}.feedback-content[data-v-f40482ee] .feedback-section.strengths{background:linear-gradient(135deg,#f6ffed,#f0f9ff);border-left:4px solid #52c41a;display:block!important;flex-direction:initial!important;align-items:initial!important}.feedback-content[data-v-f40482ee] .strengths .section-icon{color:#52c41a}.feedback-content[data-v-f40482ee] .strengths li{border-left-color:#52c41a;background:#fffc}.feedback-content[data-v-f40482ee] .feedback-section.improvements{background:linear-gradient(135deg,#fffbe6,#fff7e6);border-left:4px solid #faad14;display:block!important;flex-direction:initial!important;align-items:initial!important}.feedback-content[data-v-f40482ee] .improvements .section-icon{color:#faad14}.feedback-content[data-v-f40482ee] .improvements li{border-left-color:#faad14;background:#fffc}.feedback-content[data-v-f40482ee] .feedback-section.suggestion{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border-left:4px solid #1890ff;display:block!important;flex-direction:initial!important;align-items:initial!important}.feedback-content[data-v-f40482ee] .suggestion .section-icon{color:#1890ff}.feedback-content[data-v-f40482ee] .suggestion li{border-left-color:#1890ff;background:#fffc}.feedback-content[data-v-f40482ee] .suggestion-box{background:#fff;padding:16px 20px;border-radius:10px;margin-top:12px;border:2px solid #1890ff;box-shadow:0 2px 8px #1890ff26;text-align:left}.feedback-content[data-v-f40482ee] .suggestion-text{font-size:15px;color:#333;margin:0 0 8px;font-weight:600;line-height:1.6;padding:0;background:transparent;font-style:normal;text-align:left}.feedback-content[data-v-f40482ee] .explanation-text{font-size:13px;color:#666;margin:0;font-style:normal;line-height:1.5;text-align:left}.feedback-content[data-v-f40482ee] .feedback-encouragement{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f6ffed;border-radius:16px;margin-top:20px;border:none;box-shadow:0 2px 8px #0000000f}.feedback-content[data-v-f40482ee] .encouragement-emoji{font-size:20px}.feedback-content[data-v-f40482ee] .encouragement-text{font-size:14px;color:#52c41a;font-weight:600}.ai-feedback-actions[data-v-f40482ee]{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #f0f0f0}.ai-feedback-actions .el-button[data-v-f40482ee]{min-width:120px;height:40px;font-size:15px;border-radius:12px;font-weight:600;background:#1890ff;border:none;box-shadow:0 2px 8px #1890ff33;transition:all .3s ease}.ai-feedback-actions .el-button[data-v-f40482ee]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}.learning-report-dialog{width:700px!important;max-width:90vw!important;max-height:90vh!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 25px 80px #0003!important}.learning-report-dialog .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;padding:20px 24px!important;border-bottom:none!important}.learning-report-dialog .el-dialog__title{color:#fff!important;font-size:20px!important;font-weight:600!important}.learning-report-dialog .el-dialog__body{padding:0!important;background:#f8f9fa!important}.learning-report-content{padding:24px!important;max-height:calc(90vh - 140px)!important;overflow-y:auto!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.learning-report-content .report-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important;padding:20px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 4px 16px #0000000f!important}.learning-report-content .word-title{font-size:28px!important;font-weight:700!important;color:#2c3e50!important;margin:0 0 8px!important}.learning-report-content .word-meaning{font-size:16px!important;color:#7f8c8d!important;margin:0!important}.learning-report-content .completion-badge{width:80px!important;height:80px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;color:#fff!important;box-shadow:0 8px 24px #00000026!important}.learning-report-content .completion-badge.excellent{background:linear-gradient(135deg,#67c23a,#85ce61)!important}.learning-report-content .completion-badge.good{background:linear-gradient(135deg,#e6a23c,#f0c78a)!important}.learning-report-content .completion-badge.needs-improvement{background:linear-gradient(135deg,#f56c6c,#f78989)!important}.learning-report-content .stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:16px!important}.learning-report-content .stat-item{background:#fff!important;border-radius:12px!important;padding:16px!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:0 4px 16px #0000000f!important;transition:all .3s ease!important}.learning-report-content .stat-item:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #0000001f!important}.learning-report-content .stat-icon{font-size:20px!important;width:40px!important;height:40px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.learning-report-content .stat-content{flex:1!important}.learning-report-content .stat-label{font-size:14px!important;color:#7f8c8d!important;margin-bottom:4px!important;font-weight:500!important}.learning-report-content .stat-value{font-size:20px!important;font-weight:700!important;color:#2c3e50!important}.learning-report-content .stage-details{background:#fff!important;border-radius:16px!important;padding:20px!important;margin-bottom:16px!important;box-shadow:0 4px 16px #0000000f!important}.learning-report-content .section-title{font-size:16px!important;font-weight:600!important;color:#2c3e50!important;margin:0 0 12px!important}.learning-report-content .stage-progress-list{display:flex!important;flex-direction:column!important;gap:8px!important}.learning-report-content .stage-progress-item{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:8px!important;transition:all .3s ease!important}.learning-report-content .stage-progress-item.stage-passed{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-left:4px solid #67c23a!important}.learning-report-content .stage-progress-item.stage-failed{background:linear-gradient(135deg,#fff5f5,#ffe6e6)!important;border-left:4px solid #f56c6c!important}.learning-report-content .stage-icon{font-size:16px!important}.learning-report-content .stage-name{font-size:14px!important;font-weight:500!important;color:#2c3e50!important;flex:1!important}.learning-report-content .hints-used{font-size:12px!important;color:#e6a23c!important;font-weight:500!important}.report-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important}@media (max-width: 1024px){.learning-dialog[data-v-f40482ee] .el-dialog{width:90vw!important}.learning-container[data-v-f40482ee]{padding:16px}.learning-content-new[data-v-f40482ee]{padding:12px}.core-learning-layer[data-v-f40482ee]{max-width:700px}.word-hero-modern[data-v-f40482ee]{padding:32px 24px}.details-tabs-container[data-v-f40482ee]{padding:18px}.hero-word[data-v-f40482ee]{font-size:48px}.hero-meaning-compact[data-v-f40482ee]{gap:6px}.compact-meaning-main[data-v-f40482ee]{font-size:20px;padding:10px 16px}.meaning-primary-content[data-v-f40482ee]{padding:14px 16px}.meaning-primary-content .meaning-item[data-v-f40482ee]{font-size:14px;padding:8px 12px}}@media (max-width: 768px){.learning-dialog[data-v-f40482ee] .el-overlay{padding:0!important;align-items:flex-start!important;overflow:hidden!important}.learning-dialog[data-v-f40482ee] .el-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;height:100dvh!important;height:100vh!important;max-height:100dvh!important;max-height:100vh!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.learning-dialog[data-v-f40482ee] .el-dialog__header{padding:16px 20px!important;flex-shrink:0!important;position:relative!important;z-index:10!important}.learning-dialog[data-v-f40482ee] .el-dialog__headerbtn{top:16px!important;right:16px!important;width:44px!important;height:44px!important;font-size:20px!important}.learning-dialog[data-v-f40482ee] .el-dialog__close{font-size:20px!important;color:#fff!important}.learning-dialog[data-v-f40482ee] .el-dialog__body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;-webkit-overflow-scrolling:touch!important;padding:0!important;scrollbar-width:none;-ms-overflow-style:none}.learning-dialog[data-v-f40482ee] .el-dialog__body::-webkit-scrollbar{display:none}.learning-container[data-v-f40482ee]{padding:12px;padding-top:max(12px,env(safe-area-inset-top,12px));padding-bottom:max(12px,env(safe-area-inset-bottom,12px));min-height:100%;border-radius:0!important}.learning-content-new[data-v-f40482ee]{padding:12px}.core-learning-layer[data-v-f40482ee]{max-width:100%}.word-hero-modern[data-v-f40482ee]{padding:24px 16px}.details-tabs-container[data-v-f40482ee]{padding:16px}.mobile-accordion[data-v-f40482ee]{margin-top:0}.mobile-accordion[data-v-f40482ee] .el-collapse-item{margin-bottom:10px;border-radius:10px}.mobile-accordion[data-v-f40482ee] .el-collapse-item__header{padding:14px 16px;font-size:15px;min-height:48px}.mobile-accordion[data-v-f40482ee] .el-collapse-item__content{padding:12px 16px;font-size:14px}.hero-word[data-v-f40482ee]{font-size:40px}.phonetic-en[data-v-f40482ee]{font-size:16px}.hero-meaning-compact[data-v-f40482ee]{gap:6px}.compact-meaning-main[data-v-f40482ee]{font-size:18px;padding:10px 14px}.more-content[data-v-f40482ee]{padding:10px 12px}.more-item[data-v-f40482ee]{font-size:13px;padding:5px 0}.meaning-primary-content .meaning-item[data-v-f40482ee]{font-size:13px;padding:6px 10px}.meaning-text[data-v-f40482ee]{font-size:14px}.hero-audio-btn[data-v-f40482ee]{width:44px;height:44px}.learn-word-card[data-v-f40482ee],.learn-sentence-card[data-v-f40482ee]{padding:30px 20px;max-width:100%}.learn-word-icon[data-v-f40482ee]{font-size:36px;margin-bottom:16px}.learn-english-word[data-v-f40482ee]{font-size:42px;letter-spacing:2px}.learn-chinese-meaning[data-v-f40482ee]{font-size:32px}.learn-phonetic[data-v-f40482ee]{font-size:16px}.learn-stage-tip[data-v-f40482ee]{font-size:14px}.learn-options-grid[data-v-f40482ee]{grid-template-columns:1fr;gap:16px;max-width:100%}.learn-option-card[data-v-f40482ee]{padding:20px 16px}.learn-option-letter[data-v-f40482ee]{width:36px;height:36px;font-size:16px}.learn-option-text[data-v-f40482ee]{font-size:16px}.learn-modern-input[data-v-f40482ee] .el-input__inner,.learn-sentence-text[data-v-f40482ee]{font-size:18px}.learn-blank-word[data-v-f40482ee]{font-size:20px}.result-title[data-v-f40482ee]{font-size:22px}.icon-circle[data-v-f40482ee]{width:80px;height:80px}.icon-circle .app-icon[data-v-f40482ee]{font-size:48px}.learning-actions[data-v-f40482ee]{flex-direction:row;padding:0 12px max(20px,calc(12px + env(safe-area-inset-bottom,0px)));margin-bottom:max(20px,env(safe-area-inset-bottom,20px));align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.learning-actions .el-button[data-v-f40482ee]{flex:1;min-width:120px;max-width:200px}.options[data-v-f40482ee],.context-options[data-v-f40482ee]{grid-template-columns:1fr}.learning-report-dialog{width:95vw!important;margin:20px auto!important}.learning-report-content{padding:20px!important}.learning-report-content .report-header{flex-direction:column!important;gap:16px!important;text-align:center!important}.learning-report-content .stats-grid{grid-template-columns:1fr!important}.learning-report-content .completion-badge{width:60px!important;height:60px!important;font-size:16px!important}.audio-test-card[data-v-f40482ee]{padding:32px 20px}.spelling-prompt-card[data-v-f40482ee]{padding:24px 16px}.prompt-translation[data-v-f40482ee]{font-size:24px}.sentence-input-area[data-v-f40482ee]{width:100%;padding:16px}.word-reminder-card[data-v-f40482ee]{width:100%;padding:24px 16px}.reminder-word[data-v-f40482ee]{font-size:32px;letter-spacing:1px;white-space:normal;word-break:break-word;overflow-x:visible;padding:0;margin:0 0 12px;font-size:clamp(24px,8vw,32px)}.reminder-meaning[data-v-f40482ee]{font-size:24px;line-height:1.5}.reminder-phonetic[data-v-f40482ee]{font-size:20px}}@media (max-width: 480px){.learning-dialog[data-v-f40482ee] .el-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;height:100vh!important;max-height:100vh!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important}.learning-dialog[data-v-f40482ee] .el-dialog__header{padding:12px 16px!important}.learning-dialog[data-v-f40482ee] .el-dialog__headerbtn{top:12px!important;right:12px!important;width:40px!important;height:40px!important}.learning-container[data-v-f40482ee]{padding:8px;padding-top:max(8px,env(safe-area-inset-top,8px));padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}.learning-content-new[data-v-f40482ee]{padding:8px}.word-hero-modern[data-v-f40482ee]{padding:20px 16px}.details-tabs-container[data-v-f40482ee]{padding:12px}.mobile-accordion[data-v-f40482ee] .el-collapse-item{margin-bottom:8px;border-radius:8px}.mobile-accordion[data-v-f40482ee] .el-collapse-item__header{padding:12px 14px;font-size:14px;min-height:44px}.mobile-accordion[data-v-f40482ee] .el-collapse-item__content{padding:10px 14px;font-size:13px}.accordion-title[data-v-f40482ee]{font-size:14px}.tab-content[data-v-f40482ee]{padding:6px 0}.hero-word[data-v-f40482ee]{font-size:32px}.hero-meaning-compact[data-v-f40482ee]{gap:4px}.compact-meaning-main[data-v-f40482ee]{font-size:16px;padding:8px 12px}.more-trigger[data-v-f40482ee]{padding:6px 12px;font-size:12px}.more-content[data-v-f40482ee]{padding:8px 10px}.word-reminder-card[data-v-f40482ee]{padding:20px 12px}.reminder-word[data-v-f40482ee]{font-size:clamp(20px,7vw,28px);letter-spacing:.5px;line-height:1.3}.reminder-meaning[data-v-f40482ee]{font-size:18px;line-height:1.5}.reminder-phonetic[data-v-f40482ee]{font-size:15px}.more-item[data-v-f40482ee]{font-size:12px;padding:4px 0}.more-number[data-v-f40482ee]{width:18px;height:18px;font-size:10px}.meaning-primary-content[data-v-f40482ee]{padding:12px 14px}.meaning-primary-content .meaning-item[data-v-f40482ee]{font-size:12px;padding:6px 8px}.meaning-number[data-v-f40482ee]{width:20px;height:20px;font-size:10px}.meaning-text[data-v-f40482ee]{font-size:13px}.meaning-number-full[data-v-f40482ee]{width:24px;height:24px;font-size:11px}.primary-meanings-display[data-v-f40482ee]{grid-template-columns:1fr;gap:12px}.primary-meaning-card[data-v-f40482ee]{padding:16px}.meaning-index[data-v-f40482ee]{width:36px;height:36px;font-size:14px}.meaning-value[data-v-f40482ee]{font-size:15px}.hero-audio-btn[data-v-f40482ee]{width:40px;height:40px}.audio-icon[data-v-f40482ee]{font-size:20px}.hero-tags[data-v-f40482ee]{flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag-item[data-v-f40482ee]{font-size:12px;padding:4px 12px}.hero-phonetics[data-v-f40482ee]{padding:8px 16px;gap:8px}.phonetic-en[data-v-f40482ee]{font-size:15px}.phonetic-zh[data-v-f40482ee]{font-size:13px}.learn-english-word[data-v-f40482ee]{font-size:36px}.learn-chinese-meaning[data-v-f40482ee]{font-size:24px}.learning-actions[data-v-f40482ee]{padding:0 8px max(16px,calc(8px + env(safe-area-inset-bottom,0px)));margin-bottom:max(16px,env(safe-area-inset-bottom,16px));gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.learning-actions .el-button[data-v-f40482ee]{flex:1;min-width:100px;max-width:180px;height:48px;font-size:16px}}.v-wordbook-page{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.v-wordbook-page .search-bar-fixed{padding:20px;display:flex;gap:15px;align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;z-index:10;position:relative}.v-wordbook-page .search-bar-fixed .search-input{flex:1}.v-wordbook-page .scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.v-wordbook-page .search-filter-container{background:#f8f9fa;flex-shrink:0}.v-wordbook-page .filter-section{padding:0 20px;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between;gap:20px}.v-wordbook-page .filter-section .filter-tabs{flex:1;min-width:0}.v-wordbook-page .filter-section .filter-tabs .el-tabs__header{margin:0;border-bottom:none}.v-wordbook-page .filter-section .filter-tabs .el-tabs__nav-wrap:after{display:none}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item{padding:12px 20px;font-size:14px;font-weight:500;color:#606266;border:none;transition:all .3s ease}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item .tab-label{display:inline-flex;align-items:center;gap:6px}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item .tab-label .el-icon{font-size:16px}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item:hover{color:#409eff}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item.is-active{color:#409eff;font-weight:600}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item.is-active .tab-label .el-icon{color:#409eff}.v-wordbook-page .filter-section .filter-tabs .el-tabs__active-bar{height:3px;background:linear-gradient(90deg,#409eff,#66b1ff);border-radius:2px 2px 0 0}.v-wordbook-page .filter-section .stats-info{flex-shrink:0;padding:12px 0;color:#909399;font-size:14px;white-space:nowrap}.v-wordbook-page .filter-section .stats-info strong{color:#409eff;font-weight:600;font-size:16px;margin:0 2px}.v-wordbook-page .sort-section{padding:10px 20px;background:transparent;border-bottom:1px solid #eef0f4;display:flex;align-items:center;gap:12px}.v-wordbook-page .sort-section .sort-label{color:#909399;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0}.v-wordbook-page .sort-section .sort-controls{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.v-wordbook-page .sort-section .sort-controls .sort-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}.v-wordbook-page .sort-section .sort-controls .sort-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:14px;font-size:12px;color:#606266;background:#fff;border:1px solid #e4e7ed;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.v-wordbook-page .sort-section .sort-controls .sort-chip:hover{color:#409eff;border-color:#c6e2ff;background:#ecf5ff}.v-wordbook-page .sort-section .sort-controls .sort-chip.active{color:#fff;background:#409eff;border-color:#409eff;font-weight:500;box-shadow:0 2px 6px #409eff4d}.v-wordbook-page .sort-section .sort-controls .sort-select{flex:1;min-width:0}.v-wordbook-page .sort-section .sort-controls .desktop-only{display:flex}.v-wordbook-page .sort-section .sort-controls .mobile-only{display:none}.v-wordbook-page .sort-section .sort-controls .sort-direction-btn{display:inline-flex;align-items:center;padding:4px 10px;border-radius:14px;font-size:12px;color:#409eff;background:#ecf5ff;border:1px solid #c6e2ff;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:500;flex-shrink:0}.v-wordbook-page .sort-section .sort-controls .sort-direction-btn:hover{background:#d9ecff}.v-wordbook-page .word-list{flex:1;padding:20px;min-height:0}.v-wordbook-page .empty-state{height:100%;display:flex;align-items:center;justify-content:center}.v-wordbook-page .word-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:20px 0}@media (max-width: 1024px) and (min-width: 769px){.v-wordbook-page .word-items{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;padding:16px 0}}@media (max-width: 768px){.v-wordbook-page .word-items{grid-template-columns:1fr;gap:16px;padding:16px 0}}.v-wordbook-page .word-item{background:#fff;border-radius:16px;padding:24px 24px 24px 28px;box-shadow:0 2px 8px #0000000d;border:1px solid #eef0f4;border-left:4px solid #e4e7ed;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.v-wordbook-page .word-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001a;border-color:#dcdfe6}.v-wordbook-page .word-item:hover .audio-hint{opacity:1;transform:scale(1)}.v-wordbook-page .word-item--mastered{border-left-color:#67c23a;background:linear-gradient(135deg,#f0f9eb,#fff 30%)}.v-wordbook-page .word-item--failed{border-left-color:#f56c6c;background:linear-gradient(135deg,#fef0f0,#fff 30%)}.v-wordbook-page .word-item--learning{border-left-color:#409eff;background:linear-gradient(135deg,#ecf5ff,#fff 30%)}.v-wordbook-page .word-item--favorite{border-left-color:#e6a23c;background:linear-gradient(135deg,#fdf6ec,#fff 30%)}@media (max-width: 1024px) and (min-width: 769px){.v-wordbook-page .word-item{padding:20px 20px 20px 24px;gap:14px}}@media (max-width: 768px){.v-wordbook-page .word-item{padding:16px 16px 16px 20px;gap:12px;border-radius:12px}}.v-wordbook-page .word-content{cursor:pointer;flex:1;min-width:0}.v-wordbook-page .word-content .word-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.v-wordbook-page .word-content .word-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.v-wordbook-page .word-content .word-text{font-size:1.75em;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2;letter-spacing:-.01em}.v-wordbook-page .word-content .word-phonetic{color:#8e99a4;font-size:.95em;font-weight:400;margin:0;font-family:Courier New,monospace;white-space:nowrap}.v-wordbook-page .word-content .audio-hint{font-size:.85em;opacity:.4;transform:scale(.9);transition:all .25s ease;cursor:pointer;flex-shrink:0}.v-wordbook-page .word-content .word-status-badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.v-wordbook-page .word-content .word-meaning{color:#4a5568;font-size:1.05em;line-height:1.7;margin:0 0 10px;font-weight:400}.v-wordbook-page .word-content .word-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px;color:#a0aec0;font-size:.82em;font-weight:400}.v-wordbook-page .word-content .meta-item{white-space:nowrap}.v-wordbook-page .word-content .meta-error{color:#e74c3c;font-weight:500}.v-wordbook-page .word-actions{display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f2f4f7}.v-wordbook-page .word-actions .primary-action{flex:0 0 auto;height:42px;min-width:110px;font-size:15px;font-weight:600;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 3px 10px #667eea40;transition:all .3s ease}.v-wordbook-page .word-actions .primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.v-wordbook-page .word-actions .primary-action .el-icon{width:18px!important;height:18px!important;font-size:18px!important;margin-right:6px}.v-wordbook-page .word-actions .secondary-actions{display:flex;justify-content:flex-end;gap:6px;flex:1;flex-wrap:wrap;min-width:0}.v-wordbook-page .word-actions .action-btn{flex:0 0 auto;height:36px;width:36px;border-radius:10px;font-weight:500;transition:all .25s ease;border:1px solid #e8eaed;display:flex;align-items:center;justify-content:center}.v-wordbook-page .word-actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.v-wordbook-page .word-actions .action-btn.danger-action{opacity:.6}.v-wordbook-page .word-actions .action-btn.danger-action:hover{opacity:1}.v-wordbook-page .word-actions .action-btn .el-icon{width:16px!important;height:16px!important;font-size:16px!important}@media (max-width: 1024px) and (min-width: 769px){.v-wordbook-page .word-actions{gap:10px}.v-wordbook-page .word-actions .primary-action{min-width:100px;height:40px;font-size:14px}.v-wordbook-page .word-actions .action-btn{height:34px;width:34px}}@media (max-width: 768px){.v-wordbook-page .word-actions{flex-direction:column;gap:10px;width:100%}.v-wordbook-page .word-actions .primary-action{width:100%;min-width:auto;height:42px;font-size:15px;order:1}.v-wordbook-page .word-actions .secondary-actions{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;order:2;flex:none}.v-wordbook-page .word-actions .action-btn{width:100%;height:38px;min-width:0;max-width:none}}@media (max-width: 480px){.v-wordbook-page .word-actions{gap:8px}.v-wordbook-page .word-actions .primary-action{height:40px;font-size:14px}.v-wordbook-page .word-actions .secondary-actions{gap:6px}.v-wordbook-page .word-actions .action-btn{height:36px;border-radius:8px}.v-wordbook-page .word-actions .action-btn .el-icon{width:15px!important;height:15px!important;font-size:15px!important}}.v-wordbook-page .failed-button-active{background-color:#f56c6c!important;border-color:#f56c6c!important;color:#fff!important}.v-wordbook-page .learning-button-active{background-color:#409eff!important;border-color:#409eff!important;color:#fff!important}.v-wordbook-page .pagination{margin-top:20px;display:flex;justify-content:center;padding:10px 0;border-top:1px solid #e0e0e0}@media (max-width: 768px){.v-wordbook-page .word-items{grid-template-columns:1fr;gap:16px;padding:16px 0}.v-wordbook-page .word-item{padding:16px}.v-wordbook-page .word-content{margin-bottom:0}.v-wordbook-page .word-content .word-header{flex-direction:column;align-items:flex-start;gap:6px}.v-wordbook-page .word-content .word-title-row{gap:8px}.v-wordbook-page .word-content .word-text{font-size:1.4em}.v-wordbook-page .word-content .word-phonetic{font-size:.85em}.v-wordbook-page .word-content .audio-hint{font-size:.75em}.v-wordbook-page .word-content .word-status-badges{align-self:flex-start}.v-wordbook-page .word-content .word-meaning{font-size:.95em}.v-wordbook-page .word-content .word-meta{font-size:.78em}.v-wordbook-page .search-bar-fixed{flex-direction:row;padding:8px 15px 8px 68px;gap:10px;align-items:center}.v-wordbook-page .search-bar-fixed .search-input{flex:1;min-width:0}.v-wordbook-page .search-bar-fixed .el-button{flex-shrink:0;min-width:auto;padding:10px 16px}.v-wordbook-page .search-filter-container .filter-section{padding:8px 10px;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}.v-wordbook-page .search-filter-container .filter-section .filter-tabs{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__header{margin:0;overflow:visible}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__nav-wrap{overflow:visible}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__nav-wrap:after{display:none}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__nav{overflow:visible;display:flex;flex-wrap:nowrap}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__item{padding:8px 10px;font-size:12px;min-width:auto;flex-shrink:0;white-space:nowrap}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__item .tab-label{gap:3px;display:inline-flex;align-items:center}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__item .tab-label .el-icon{font-size:14px;flex-shrink:0}.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__item .tab-label span{display:none;white-space:nowrap}}@media (max-width: 768px) and (min-width: 480px){.v-wordbook-page .search-filter-container .filter-section .filter-tabs .el-tabs__item .tab-label span{display:inline}}@media (max-width: 768px){.v-wordbook-page .search-filter-container .filter-section .stats-info{flex-shrink:0;padding:0;text-align:right;font-size:11px;white-space:nowrap;border-top:none;margin-left:auto}.v-wordbook-page .search-filter-container .filter-section .stats-info strong{font-size:13px}.v-wordbook-page .search-filter-container .sort-section{padding:10px 15px;flex-wrap:wrap;gap:8px}.v-wordbook-page .search-filter-container .sort-section .sort-controls{flex-wrap:wrap;gap:8px}.v-wordbook-page .search-filter-container .sort-section .sort-controls .desktop-only{display:none!important}.v-wordbook-page .search-filter-container .sort-section .sort-controls .mobile-only{display:block!important;flex:1;min-width:0}.v-wordbook-page .search-filter-container .sort-section .sort-controls .sort-direction-btn{flex-shrink:0}.v-wordbook-page .search-filter-container .stats-info{padding:0;text-align:right;font-size:11px;white-space:nowrap;flex-shrink:0}.v-wordbook-page .search-filter-container .stats-info strong{font-size:13px}.v-wordbook-page .word-list{padding:15px}.v-wordbook-page .word-item{flex-direction:column;gap:10px}.v-wordbook-page .word-content{margin-right:0}.v-wordbook-page .word-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.v-wordbook-page .add-word-dialog .el-dialog{width:95vw!important;margin:20px auto!important;max-height:90vh;overflow-y:auto}.v-wordbook-page .add-word-dialog .el-dialog__body,.v-wordbook-page .add-word-dialog .el-dialog__header{padding:16px}.v-wordbook-page .add-word-dialog .el-dialog__title{font-size:18px}}@media (max-width: 480px){.v-wordbook-page .search-bar-fixed{padding:6px 12px 6px 60px;gap:8px}.v-wordbook-page .search-bar-fixed .el-button{padding:8px 12px;font-size:13px}.v-wordbook-page .search-bar-fixed .el-button .el-icon{margin-right:4px}.v-wordbook-page .filter-section{padding:6px 8px;gap:6px}.v-wordbook-page .filter-section .filter-tabs{overflow-y:hidden!important}.v-wordbook-page .filter-section .filter-tabs .el-tabs__header,.v-wordbook-page .filter-section .filter-tabs .el-tabs__nav-wrap,.v-wordbook-page .filter-section .filter-tabs .el-tabs__nav{overflow:visible!important}.v-wordbook-page .filter-section .filter-tabs .el-tabs__item{padding:6px 8px;font-size:11px;flex-shrink:0}.v-wordbook-page .filter-section .stats-info{font-size:10px}.v-wordbook-page .filter-section .stats-info strong{font-size:12px}.v-wordbook-page .add-word-dialog .el-dialog{width:100vw!important;margin:0!important;border-radius:0;max-height:100vh}.v-wordbook-page .add-word-dialog .el-dialog__header{padding:12px}.v-wordbook-page .add-word-dialog .el-dialog__title{font-size:16px}.v-wordbook-page .add-word-dialog .el-dialog__body{padding:12px}}.v-wordbook-page .primary-action .el-icon{width:18px!important;height:18px!important;font-size:18px!important}.v-wordbook-page .action-btn .el-icon{width:16px!important;height:16px!important;font-size:16px!important}.v-phonetic-learning-view.phonetic-learning-container{padding:32px 24px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#4facfe);position:relative;will-change:auto}.v-phonetic-learning-view.phonetic-learning-container>*{position:relative;z-index:1}.v-phonetic-learning-view .page-header{margin-bottom:32px}.v-phonetic-learning-view .page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.v-phonetic-learning-view .page-header .header-title{display:flex;align-items:center;gap:20px}.v-phonetic-learning-view .page-header .header-title .title-icon{color:#fffffff2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));will-change:transform}.v-phonetic-learning-view .page-header .header-title .title-text h1{font-size:42px;font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;text-shadow:0 2px 20px rgba(255,255,255,.3);letter-spacing:-1px;line-height:1.2}.v-phonetic-learning-view .page-header .header-title .title-text .page-description{font-size:17px;color:#fffffff2;margin:0;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.2);letter-spacing:.2px}.v-phonetic-learning-view .page-header .refresh-btn{background:#fffffffa;border:1px solid rgba(255,255,255,.8);color:#667eea;font-weight:600;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.v-phonetic-learning-view .page-header .refresh-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.v-phonetic-learning-view .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.v-phonetic-learning-view .stat-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffffe6;border:1px solid rgba(255,255,255,.5);transition:all .3s ease;cursor:default}.v-phonetic-learning-view .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,inset 0 1px #fff}.v-phonetic-learning-view .stat-card .stat-icon{font-size:40px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.v-phonetic-learning-view .stat-card .stat-content{flex:1}.v-phonetic-learning-view .stat-card .stat-content .stat-value{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.v-phonetic-learning-view .stat-card .stat-content .stat-label{font-size:14px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.v-phonetic-learning-view .category-tabs{margin-bottom:32px;background:#fffffffa;padding:8px 24px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.8)}.v-phonetic-learning-view .category-tabs .el-tabs__header{margin:0}.v-phonetic-learning-view .category-tabs .el-tabs__item{font-weight:500;color:#666;padding:0 24px;height:48px;line-height:48px}.v-phonetic-learning-view .category-tabs .el-tabs__item.is-active{color:#667eea;font-weight:600}.v-phonetic-learning-view .category-tabs .el-tabs__active-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;border-radius:2px}.v-phonetic-learning-view .phonetics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:8px 0}.v-phonetic-learning-view .phonetic-card{background:#fffffffa;border-radius:20px;padding:28px;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:20px;position:relative;border:1px solid rgba(255,255,255,.8);will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.v-phonetic-learning-view .phonetic-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f;border-color:#667eea4d}.v-phonetic-learning-view .phonetic-card:active{transform:translateY(-2px);transition:transform .1s ease}.v-phonetic-learning-view .phonetic-card .card-content{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.v-phonetic-learning-view .phonetic-card .phonetic-symbol-wrapper{position:relative;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:8px}.v-phonetic-learning-view .phonetic-card .phonetic-symbol{font-size:56px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-family:Arial Unicode MS,Lucida Sans Unicode,sans-serif;line-height:1;transition:transform .2s ease;will-change:transform}.v-phonetic-learning-view .phonetic-card .phonetic-type-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.v-phonetic-learning-view .phonetic-card .phonetic-type-badge.vowel{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.v-phonetic-learning-view .phonetic-card .phonetic-type-badge.consonant{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.v-phonetic-learning-view .phonetic-card:hover .phonetic-symbol{transform:scale(1.1)}.v-phonetic-learning-view .phonetic-card.is-vowel{border-left:4px solid #f5576c}.v-phonetic-learning-view .phonetic-card.is-consonant{border-left:4px solid #00f2fe}.v-phonetic-learning-view .phonetic-card .phonetic-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-description{font-size:17px;font-weight:600;color:#2d3748;margin-bottom:16px;line-height:1.4;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples{display:flex;flex-direction:column;gap:10px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;border:1px solid rgba(102,126,234,.2);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translate(4px);border-color:#667eea66}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item:active{transform:scale(.98);transition:transform .1s ease}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item .example-word{font-weight:700;font-size:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item .example-phonetic{font-size:13px;color:#718096;font-family:Arial Unicode MS,Lucida Sans Unicode,sans-serif;font-weight:500}.v-phonetic-learning-view .phonetic-card .phonetic-actions{display:flex;gap:8px;flex-shrink:0}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;box-shadow:0 4px 16px #667eea4d;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea66}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn:active{transform:scale(.95);transition:transform .1s ease}.v-phonetic-learning-view .empty-state{grid-column:1/-1;padding:80px 20px;background:#fffffffa;border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 20px #00000014}@media (max-width: 768px){.v-phonetic-learning-view.phonetic-learning-container{padding:20px 12px}.v-phonetic-learning-view .page-header{margin-bottom:24px}.v-phonetic-learning-view .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.v-phonetic-learning-view .page-header .header-title{flex-direction:row;align-items:center;gap:12px}.v-phonetic-learning-view .page-header .header-title .title-icon{font-size:40px;flex-shrink:0}.v-phonetic-learning-view .page-header .header-title .title-text{flex:1;min-width:0}.v-phonetic-learning-view .page-header .header-title .title-text h1{font-size:26px;line-height:1.3;margin-bottom:6px}.v-phonetic-learning-view .page-header .header-title .title-text .page-description{font-size:13px;line-height:1.4}.v-phonetic-learning-view .page-header .refresh-btn{width:100%;height:44px;font-size:15px}.v-phonetic-learning-view .stats-section{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.v-phonetic-learning-view .stat-card{padding:18px;gap:16px;border-radius:16px}.v-phonetic-learning-view .stat-card .stat-icon{font-size:32px;flex-shrink:0}.v-phonetic-learning-view .stat-card .stat-content .stat-value{font-size:26px;margin-bottom:6px}.v-phonetic-learning-view .stat-card .stat-content .stat-label{font-size:12px}.v-phonetic-learning-view .category-tabs{margin-bottom:24px;padding:6px 12px;border-radius:12px}.v-phonetic-learning-view .category-tabs .el-tabs__header{margin:0}.v-phonetic-learning-view .category-tabs .el-tabs__nav-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.v-phonetic-learning-view .category-tabs .el-tabs__nav-wrap::-webkit-scrollbar{display:none}.v-phonetic-learning-view .category-tabs .el-tabs__item{padding:0 16px;height:44px;line-height:44px;font-size:14px;white-space:nowrap}.v-phonetic-learning-view .category-tabs .el-tabs__active-bar{height:2.5px}.v-phonetic-learning-view .phonetics-grid{grid-template-columns:1fr;gap:14px;padding:4px 0}.v-phonetic-learning-view .phonetic-card{padding:18px;gap:16px;border-radius:16px;flex-direction:column;align-items:stretch;min-height:auto}.v-phonetic-learning-view .phonetic-card .card-content{flex-direction:column;align-items:center;gap:16px;width:100%}.v-phonetic-learning-view .phonetic-card .phonetic-symbol-wrapper{min-width:auto;width:100%;gap:10px}.v-phonetic-learning-view .phonetic-card .phonetic-symbol{font-size:48px}.v-phonetic-learning-view .phonetic-card .phonetic-type-badge{font-size:10px;padding:4px 12px}.v-phonetic-learning-view .phonetic-card .phonetic-info{width:100%;align-items:center}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-description{font-size:15px;margin-bottom:14px;white-space:normal;text-align:center;line-height:1.5;padding:0 8px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples{width:100%;gap:8px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item{padding:10px 14px;gap:10px;border-radius:10px;justify-content:center;flex-wrap:wrap}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item .example-word{font-size:14px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item .example-phonetic{font-size:12px}.v-phonetic-learning-view .phonetic-card .phonetic-actions{width:100%;justify-content:center;margin-top:8px}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn{width:48px;height:48px}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn .el-icon{font-size:20px}.v-phonetic-learning-view .phonetic-card:hover{transform:translateY(-2px)}.v-phonetic-learning-view .empty-state{padding:60px 20px;border-radius:16px}}@media (max-width: 480px){.v-phonetic-learning-view.phonetic-learning-container{padding:16px 10px}.v-phonetic-learning-view .page-header{margin-bottom:20px}.v-phonetic-learning-view .page-header .header-title{gap:10px}.v-phonetic-learning-view .page-header .header-title .title-icon{font-size:36px}.v-phonetic-learning-view .page-header .header-title .title-text h1{font-size:22px}.v-phonetic-learning-view .page-header .header-title .title-text .page-description{font-size:12px}.v-phonetic-learning-view .page-header .refresh-btn{height:40px;font-size:14px}.v-phonetic-learning-view .stats-section{gap:10px;margin-bottom:20px}.v-phonetic-learning-view .stat-card{padding:14px;gap:12px;border-radius:12px}.v-phonetic-learning-view .stat-card .stat-icon{font-size:28px}.v-phonetic-learning-view .stat-card .stat-content .stat-value{font-size:24px}.v-phonetic-learning-view .stat-card .stat-content .stat-label{font-size:11px}.v-phonetic-learning-view .category-tabs{margin-bottom:20px;padding:4px 8px;border-radius:10px}.v-phonetic-learning-view .category-tabs .el-tabs__item{padding:0 12px;height:40px;line-height:40px;font-size:13px}.v-phonetic-learning-view .phonetics-grid{gap:12px}.v-phonetic-learning-view .phonetic-card{padding:16px;gap:14px;border-radius:14px}.v-phonetic-learning-view .phonetic-card .card-content{gap:14px}.v-phonetic-learning-view .phonetic-card .phonetic-symbol-wrapper{gap:8px}.v-phonetic-learning-view .phonetic-card .phonetic-symbol{font-size:42px}.v-phonetic-learning-view .phonetic-card .phonetic-type-badge{font-size:9px;padding:3px 10px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-description{font-size:14px;margin-bottom:12px;padding:0 4px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples{gap:6px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item{padding:8px 12px;gap:8px;border-radius:8px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item .example-word{font-size:13px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-examples .example-item .example-phonetic{font-size:11px}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn{width:44px;height:44px}.v-phonetic-learning-view .phonetic-card .phonetic-play-btn .el-icon{font-size:18px}.v-phonetic-learning-view .empty-state{padding:40px 16px;border-radius:14px}}@media (max-width: 360px){.v-phonetic-learning-view.phonetic-learning-container{padding:12px 8px}.v-phonetic-learning-view .page-header .header-title .title-icon{font-size:32px}.v-phonetic-learning-view .page-header .header-title .title-text h1{font-size:20px}.v-phonetic-learning-view .page-header .header-title .title-text .page-description{font-size:11px}.v-phonetic-learning-view .stat-card{padding:12px}.v-phonetic-learning-view .stat-card .stat-icon{font-size:24px}.v-phonetic-learning-view .stat-card .stat-content .stat-value{font-size:22px}.v-phonetic-learning-view .phonetic-card{padding:14px}.v-phonetic-learning-view .phonetic-card .phonetic-symbol{font-size:38px}.v-phonetic-learning-view .phonetic-card .phonetic-info .phonetic-description{font-size:13px}}.v-user-info-page{min-height:100vh;position:relative;overflow-x:hidden;padding:40px 20px}.v-user-info-page .bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.v-user-info-page .floating-shapes{position:relative;width:100%;height:100%}.v-user-info-page .shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.v-user-info-page .shape.shape-1{width:100px;height:100px;top:10%;left:10%;animation-delay:0s}.v-user-info-page .shape.shape-2{width:150px;height:150px;top:20%;right:15%;animation-delay:2s}.v-user-info-page .shape.shape-3{width:80px;height:80px;bottom:20%;left:20%;animation-delay:4s}.v-user-info-page .profile-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.v-user-info-page .profile-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000001a}.v-user-info-page .profile-header{display:flex;align-items:center;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,.05)}.v-user-info-page .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}.v-user-info-page .card-header h3{margin:0;font-size:1.5em;font-weight:700;color:#2c3e50}.v-user-info-page .avatar-section{flex-shrink:0}.v-user-info-page .avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .3s ease}.v-user-info-page .avatar-wrapper:hover{transform:scale(1.05)}.v-user-info-page .avatar-wrapper:hover .avatar-overlay{opacity:1}.v-user-info-page .avatar{width:100%;height:100%;object-fit:cover}.v-user-info-page .avatar-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px}.v-user-info-page .avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.v-user-info-page .avatar-overlay .edit-icon{color:#fff;font-size:32px}.v-user-info-page .avatar-uploader .el-upload{border:none;border-radius:0;cursor:pointer}.v-user-info-page .user-info{flex:1}.v-user-info-page .user-info .username{font-size:2em;font-weight:700;color:#2c3e50;margin:0 0 10px}.v-user-info-page .user-info .user-email{font-size:1.1em;color:#909399;margin:0 0 8px}.v-user-info-page .user-info .membership-info{display:flex;align-items:center;gap:12px;margin-top:12px}.v-user-info-page .user-info .membership-info .expires-text{font-size:.9em;color:#909399}.v-user-info-page .profile-body .profile-form .el-form-item{margin-bottom:24px}.v-user-info-page .profile-body .profile-form .el-input__inner{border-radius:12px;border:1px solid #e0e0e0;padding:12px 16px;font-size:1em}.v-user-info-page .profile-body .profile-form .el-input__inner:focus{border-color:#667eea}.v-user-info-page .loading-container{display:flex;align-items:center;justify-content:center;padding:40px;gap:12px;color:#909399}.v-user-info-page .empty-container{padding:40px}.v-user-info-page .no-action{color:#c0c4cc}.v-user-info-page .chat-history-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.v-user-info-page .chat-history-actions .action-tip{margin:0;font-size:.9em;color:#909399}@media (max-width: 1024px){.v-user-info-page{padding:24px 20px}}@media (max-width: 768px){.v-user-info-page{padding:20px 12px}.v-user-info-page .profile-card{padding:24px}.v-user-info-page .profile-header{flex-direction:column;text-align:center;gap:20px}}@media (max-width: 480px){.v-user-info-page{padding:16px 8px}.v-user-info-page .profile-card{padding:20px}}.v-story-generation-view .clickable-word{cursor:pointer;color:#409eff;transition:all .2s ease;padding:0 2px;border-radius:2px}.v-story-generation-view .clickable-word:hover{background-color:#409eff1a;color:#66b1ff;text-decoration:underline}.v-story-generation-view .clickable-word.looked-up{color:#67c23a;font-weight:500}.v-story-generation-view .clickable-word.looked-up:hover{background-color:#67c23a1a;color:#85ce61}.v-story-generation-view .story-generation-container{padding:24px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.v-story-generation-view .page-header{margin-bottom:24px}.v-story-generation-view .header-content{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 32px;border-radius:12px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05)}.v-story-generation-view .header-title h1{margin:0 0 12px;font-size:2rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.2}.v-story-generation-view .page-description{color:#6c757d;font-size:1rem;margin:0;font-weight:400;line-height:1.6;letter-spacing:-.01em}.v-story-generation-view .membership-info{display:flex;align-items:center;gap:12px}.v-story-generation-view .usage-count{font-size:14px;color:#7f8c8d}.v-story-generation-view .toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05);margin-bottom:24px}.v-story-generation-view .toolbar .el-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;padding:10px 20px;border-radius:8px;letter-spacing:-.01em}.v-story-generation-view .toolbar .el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 8px #667eea4d}.v-story-generation-view .toolbar .el-button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.v-story-generation-view .toolbar .el-select .el-input__inner,.v-story-generation-view .toolbar .el-input-number .el-input__inner{border-radius:8px;border:1px solid rgba(0,0,0,.1);font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-story-generation-view .toolbar .el-select .el-input__inner:focus,.v-story-generation-view .toolbar .el-input-number .el-input__inner:focus{border-color:#667eea}.v-story-generation-view .toolbar-left{display:flex;gap:16px;flex-wrap:wrap}.v-story-generation-view .config-group{display:flex;flex-direction:column;gap:8px}.v-story-generation-view .config-group label{font-size:.9375rem;color:#2c3e50;font-weight:600;letter-spacing:-.005em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-story-generation-view .words-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05);margin-bottom:24px}.v-story-generation-view .words-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.v-story-generation-view .words-count{font-size:1.0625rem;color:#2c3e50;font-weight:600;letter-spacing:-.01em}.v-story-generation-view .words-count strong{color:#667eea;font-size:1.5rem;font-weight:700}.v-story-generation-view .words-tip{font-size:.9375rem;color:#f59e0b;font-weight:500}.v-story-generation-view .words-list{display:flex;flex-wrap:wrap;gap:12px}.v-story-generation-view .word-item{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-width:120px}.v-story-generation-view .word-item:hover{border-color:#667eea;background:#667eea0d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.v-story-generation-view .word-item.selected{background:linear-gradient(135deg,#667eea26,#764ba21a);border-color:#667eea}.v-story-generation-view .word-item.playing{border-color:#f59e0b;background:#fef3c7}.v-story-generation-view .word-main{font-size:1.125rem;font-weight:700;color:#2c3e50;margin-bottom:6px;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-story-generation-view .word-item.selected .word-main{color:#667eea;font-weight:800}.v-story-generation-view .word-sub{font-size:.9375rem;color:#6c757d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;letter-spacing:-.01em;font-weight:400;text-align:center;line-height:1.4;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.v-story-generation-view .words-list .word-item .word-main{font-size:.9375rem!important;margin-bottom:4px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.01em!important}.v-story-generation-view .words-list .word-item .word-sub{font-size:.75rem!important;line-height:1.3!important;min-height:2.08em!important;letter-spacing:-.01em!important;margin-bottom:0!important}}.v-story-generation-view .generation-panel{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05);margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.v-story-generation-view .generation-panel .el-textarea__inner{border-radius:10px;border:1px solid rgba(0,0,0,.1);padding:14px 18px;font-size:.9375rem;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .2s ease}.v-story-generation-view .generation-panel .el-textarea__inner:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.v-story-generation-view .generation-panel .el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 8px #667eea4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.01em}.v-story-generation-view .generation-panel .el-button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.v-story-generation-view .prompt-input{flex:1}.v-story-generation-view .prompt-input label{display:block;font-size:.9375rem;color:#2c3e50;margin-bottom:10px;font-weight:600;letter-spacing:-.005em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-story-generation-view .generate-btn{align-self:center;min-width:220px;font-size:1rem;font-weight:600;padding:14px 40px;letter-spacing:.01em}.v-story-generation-view .story-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05);margin-bottom:24px;overflow:hidden;position:relative;transition:all .3s ease}.v-story-generation-view .story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.v-story-generation-view .story-header{padding:24px 32px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.v-story-generation-view .story-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;letter-spacing:-.015em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.3}.v-story-generation-view .word-count-badge{font-size:.875rem;color:#6c757d;background:#f8f9fa;padding:6px 14px;border-radius:12px;font-weight:600}.v-story-generation-view .story-body{padding:24px 32px}.v-story-generation-view .story-section{margin-bottom:24px}.v-story-generation-view .section-label{font-size:.8125rem;color:#6c757d;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-story-generation-view .section-content{font-size:1.0625rem;line-height:1.8;color:#2c3e50;padding:24px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.005em;font-weight:400}.v-story-generation-view .story-section.chinese .section-content{font-size:1rem;color:#4a5568;border-left-color:#764ba2;line-height:1.8}.v-story-generation-view .explanations-list{display:flex;flex-wrap:wrap;gap:8px}.v-story-generation-view .explanations-list .el-tag{cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-weight:500;padding:8px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-story-generation-view .explanations-list .el-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.v-story-generation-view .player-card{background:#fffffff7;border-radius:16px;padding:24px;border:1px solid rgba(100,116,139,.12);box-shadow:0 18px 40px #0f172a1f}.v-story-generation-view .player-card .netease-player{margin-bottom:24px}.v-story-generation-view .player-card .lyrics-container{margin-top:24px}.v-story-generation-view .player-card .lyrics-container .lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;transition:all .2s ease}.v-story-generation-view .player-card .lyrics-container .lyrics-header.clickable{cursor:pointer;padding:8px;margin-left:-8px;margin-right:-8px;border-radius:8px}.v-story-generation-view .player-card .lyrics-container .lyrics-header.clickable:hover{background:#667eea0f}.v-story-generation-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn{display:inline-flex!important;align-items:center;gap:4px;font-size:13px;padding:4px 8px!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;line-height:1.2!important}.v-story-generation-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button__inner{display:inline-flex;align-items:center;gap:4px;line-height:1.2!important;padding:0!important}.v-story-generation-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button{height:auto!important;min-height:auto!important;padding:4px 8px!important}.v-story-generation-view .player-card .lyrics-container .el-empty{background:linear-gradient(135deg,#ffb74df2,#ff9800f2);border-radius:14px;padding:24px 0}.v-story-generation-view .player-card .lyrics-panel{margin-top:0;margin-bottom:0;max-height:800px;overflow:hidden;padding:24px;background:linear-gradient(135deg,#7f7464f2,#ba9f78f2);border-radius:14px;color:#fff;line-height:1.8;box-shadow:inset 0 0 40px #ffb74d4d;transition:max-height .3s ease,opacity .3s ease;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.v-story-generation-view .player-card .lyrics-panel::-webkit-scrollbar{display:none}.v-story-generation-view .player-card .lyrics-panel.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.v-story-generation-view .player-card .lyrics-panel .lyric-line{padding:20px 24px;margin:8px 0;transition:opacity .15s ease-out;display:flex;flex-direction:column;gap:10px;border-radius:8px;background:transparent;opacity:.5;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.v-story-generation-view .player-card .lyrics-panel .lyric-line .lyric-english{color:#fff;font-size:18px;font-weight:500;letter-spacing:.3px;transition:none;transform:translateZ(0);transform-origin:left center}.v-story-generation-view .player-card .lyrics-panel .lyric-line .lyric-chinese{color:#fff;font-size:16px;line-height:1.6;transition:none;transform:translateZ(0);transform-origin:left center}.v-story-generation-view .player-card .lyrics-panel .lyric-line.active{opacity:1;transform:translateZ(0);background:linear-gradient(135deg,#6366f140,#8b5cf640);border-left:4px solid #6366f1;box-shadow:0 4px 16px #6366f14d;padding:20px 24px;margin:8px 0}.v-story-generation-view .player-card .lyrics-panel .lyric-line.active .lyric-english{color:#fff;font-size:24px;transform:translateZ(0);font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.v-story-generation-view .player-card .lyrics-panel .lyric-line.active .lyric-chinese{color:#fff;font-size:20px;transform:translateZ(0);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.2)}.v-story-generation-view .player-card .netease-player{display:flex;gap:32px;flex-wrap:wrap;align-items:center;position:relative}.v-story-generation-view .player-card .netease-player .disc-container{position:relative;width:200px;height:200px;min-width:200px;min-height:200px;flex-shrink:0}.v-story-generation-view .player-card .netease-player .disc-container .outer-disc{position:absolute;top:0;left:0;width:200px;height:200px;min-width:200px;min-height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(148,163,184,.4) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(71,85,105,.3) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#0f172a,#1e293b,#0f172a);border:8px solid #0f172a;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px #94a3b833,0 0 0 4px #47556926,0 12px 40px #0009,inset 0 2px 8px #ffffff0d,inset 0 -2px 8px #00000080;overflow:hidden}.v-story-generation-view .player-card .netease-player .disc-container .outer-disc.spinning{animation:spin 6s linear infinite}.v-story-generation-view .player-card .netease-player .disc-container .outer-disc:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),radial-gradient(circle at 30% 30%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none;opacity:.6}.v-story-generation-view .player-card .netease-player .disc-container .outer-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:radial-gradient(circle,#94a3b8,#475569 40%,#1e293b,#0f172a);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #000c,0 0 0 2px #0000004d;z-index:1}.v-story-generation-view .player-card .netease-player .disc-container .inner-disc{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;background:#f8f9fa;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;justify-content:center;z-index:2}.v-story-generation-view .player-card .netease-player .disc-container .inner-disc .user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.v-story-generation-view .player-card .netease-player .disc-container .inner-disc .default-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.v-story-generation-view .player-card .netease-player .disc-container .inner-disc .default-avatar svg{width:60px;height:60px;opacity:.8}.v-story-generation-view .player-card .netease-player .player-content{flex:1;min-width:260px}.v-story-generation-view .player-card .netease-player .player-content .song-info{margin-bottom:18px}.v-story-generation-view .player-card .netease-player .player-content .song-info h3{margin:0;font-size:22px;color:#0f172a;font-weight:700}.v-story-generation-view .player-card .netease-player .player-content .song-info p{margin:6px 0 0;color:#64748b;font-size:14px}.v-story-generation-view .player-card .netease-player .player-content .progress-wrapper{background:#e2e8f0b3;border-radius:999px;height:12px;position:relative;cursor:pointer}.v-story-generation-view .player-card .netease-player .player-content .progress-wrapper .progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.v-story-generation-view .player-card .netease-player .player-content .progress-wrapper .progress-bar .progress-filled{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f87171,#fb7185,#f472b6);transition:width .1s ease;box-shadow:0 8px 16px #f8717159}.v-story-generation-view .player-card .netease-player .player-content .time-stats{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin:8px 0 18px;font-family:SF Mono,Fira Code,monospace}.v-story-generation-view .player-card .netease-player .player-content .controls{display:flex;align-items:center;gap:16px}.v-story-generation-view .player-card .netease-player .player-content .controls .download-group{margin-left:auto;display:flex;gap:8px}.v-story-generation-view .player-card .netease-player .player-content .controls .download-group .el-button{font-size:13px;display:flex;align-items:center;gap:4px}.v-story-generation-view .player-card audio{display:none}.v-story-generation-view .audio-generating{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:16px;border:2px solid #fed7aa;color:#9a3412;font-size:14px;font-weight:500}.v-story-generation-view .audio-generating .rotating{font-size:24px;color:#f59e0b;animation:rotate 1.5s linear infinite;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.v-story-generation-view .story-footer{display:flex;gap:12px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.v-story-generation-view .story-footer .el-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;padding:10px 20px;border-radius:8px;letter-spacing:-.01em}.v-story-generation-view .story-footer .el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 8px #667eea4d}.v-story-generation-view .story-footer .el-button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.v-story-generation-view .story-footer .el-button--default{border:1px solid rgba(0,0,0,.1);background:#fff}.v-story-generation-view .story-footer .el-button--default:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d}.v-story-generation-view .history-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px 32px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05)}.v-story-generation-view .history-section h2{margin:0 0 28px;font-size:1.5rem;font-weight:700;color:#2c3e50;letter-spacing:-.015em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.3}.v-story-generation-view .history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.v-story-generation-view .history-card{background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.v-story-generation-view .history-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:.3;transition:opacity .2s ease}.v-story-generation-view .history-card.card-theme-1{border-left:4px solid #667eea}.v-story-generation-view .history-card.card-theme-1:before{background:linear-gradient(90deg,#667eea,#5a67d8)}.v-story-generation-view .history-card.card-theme-1 .history-badge{background:linear-gradient(135deg,#667eea,#5a67d8)}.v-story-generation-view .history-card.card-theme-2{border-left:4px solid #764ba2}.v-story-generation-view .history-card.card-theme-2:before{background:linear-gradient(90deg,#764ba2,#9f7aea)}.v-story-generation-view .history-card.card-theme-2 .history-badge{background:linear-gradient(135deg,#764ba2,#9f7aea)}.v-story-generation-view .history-card.card-theme-3{border-left:4px solid #48bb78}.v-story-generation-view .history-card.card-theme-3:before{background:linear-gradient(90deg,#48bb78,#38a169)}.v-story-generation-view .history-card.card-theme-3 .history-badge{background:linear-gradient(135deg,#48bb78,#38a169)}.v-story-generation-view .history-card.card-theme-4{border-left:4px solid #ed8936}.v-story-generation-view .history-card.card-theme-4:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.v-story-generation-view .history-card.card-theme-4 .history-badge{background:linear-gradient(135deg,#ed8936,#dd6b20)}.v-story-generation-view .history-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #667eea33;border-color:#667eea}.v-story-generation-view .history-card:hover:before{opacity:1}.v-story-generation-view .history-card:hover .history-badge{transform:scale(1.1)}.v-story-generation-view .history-badge{position:absolute;bottom:12px;right:12px;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s ease;z-index:1}.v-story-generation-view .history-badge .badge-number{color:#fff;font-size:.875rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1}.v-story-generation-view .history-content{position:relative}.v-story-generation-view .history-excerpt{font-size:1rem;line-height:1.7;color:#2c3e50;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.005em;font-weight:400}.v-story-generation-view .history-footer{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:#6c757d;padding-top:14px;border-top:1px solid rgba(0,0,0,.06);font-weight:500}.v-story-generation-view .history-favorite{color:#f59e0b;margin-left:auto}.v-story-generation-view .pagination{display:flex;justify-content:center;margin-top:24px}.v-story-generation-view .loading-wrapper{padding:40px 20px}@media (max-width: 1024px){.v-story-generation-view .story-generation-container{padding:20px}.v-story-generation-view .history-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.v-story-generation-view .story-generation-container{padding:12px}.v-story-generation-view .page-header{margin-bottom:16px}.v-story-generation-view .header-content{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.v-story-generation-view .header-title h1{font-size:1.5rem;margin-bottom:8px}.v-story-generation-view .page-description{font-size:.875rem;line-height:1.5}.v-story-generation-view .toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:16px;margin-bottom:16px}.v-story-generation-view .toolbar-left{width:100%;gap:12px}.v-story-generation-view .config-group{flex:1;gap:6px}.v-story-generation-view .config-group label{font-size:.8125rem}.v-story-generation-view .toolbar .el-button{width:100%;padding:10px 16px;font-size:.875rem}.v-story-generation-view .words-container{padding:16px;margin-bottom:16px}.v-story-generation-view .words-header{margin-bottom:12px;padding-bottom:12px}.v-story-generation-view .words-count{font-size:.9375rem}.v-story-generation-view .words-count strong{font-size:1.25rem}.v-story-generation-view .words-tip{font-size:.8125rem}.v-story-generation-view .words-list{gap:8px}.v-story-generation-view .word-item{min-width:1px;padding:10px;flex:0 1 auto;width:auto;max-width:none}.v-story-generation-view .words-list .word-item .word-main{font-size:.9375rem!important;margin-bottom:4px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.01em!important}.v-story-generation-view .words-list .word-item .word-sub{font-size:.75rem!important;line-height:1.3!important;margin-bottom:0!important;-webkit-line-clamp:2!important;line-clamp:2!important;min-height:2.08em!important;letter-spacing:-.01em!important}.v-story-generation-view .generation-panel{padding:16px;margin-bottom:16px;gap:16px}.v-story-generation-view .prompt-input label{font-size:.8125rem;margin-bottom:8px}.v-story-generation-view .generate-btn{min-width:auto;width:100%;padding:12px 24px;font-size:.9375rem}.v-story-generation-view .story-card{margin-bottom:16px}.v-story-generation-view .story-header{padding:16px 16px 12px}.v-story-generation-view .story-header h2{font-size:1.25rem}.v-story-generation-view .word-count-badge{font-size:.75rem;padding:4px 10px}.v-story-generation-view .story-body{padding:16px}.v-story-generation-view .story-section{margin-bottom:16px}.v-story-generation-view .section-label{font-size:.75rem;margin-bottom:10px}.v-story-generation-view .section-content{font-size:.9375rem;padding:16px;line-height:1.7}.v-story-generation-view .story-section.chinese .section-content{font-size:.875rem}.v-story-generation-view .explanations-list{gap:6px}.v-story-generation-view .explanations-list .el-tag{font-size:.8125rem;padding:6px 12px}.v-story-generation-view .player-card{padding:6px!important}.v-story-generation-view .player-card .netease-player{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:0!important;margin-bottom:0!important;flex-wrap:nowrap!important}.v-story-generation-view .player-card .disc-container{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex-shrink:0!important;position:relative!important}.v-story-generation-view .player-card .disc-container .outer-disc{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;position:absolute!important;top:0!important;left:0!important;border:3px solid #0f172a!important}.v-story-generation-view .player-card .disc-container .outer-disc:after{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.v-story-generation-view .player-card .disc-container .inner-disc{width:34px!important;height:34px!important;position:relative!important;border:2px solid rgba(255,255,255,.9)!important}.v-story-generation-view .player-card .player-content{flex:1!important;min-width:0!important}.v-story-generation-view .player-card .player-content .song-info{margin-bottom:4px!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.v-story-generation-view .player-card .player-content .song-info h3{font-size:12px!important;line-height:1.2!important;margin:0!important;flex:1!important;min-width:0!important}.v-story-generation-view .player-card .player-content .song-info p{font-size:9px!important;margin:0!important;color:#94a3b8!important;white-space:nowrap!important}.v-story-generation-view .player-card .player-content .progress-wrapper{height:4px!important;margin:3px 0!important;border-radius:2px!important}.v-story-generation-view .player-card .player-content .time-stats{font-size:8px!important;margin:2px 0 4px!important;display:flex!important;justify-content:space-between!important;color:#94a3b8!important}.v-story-generation-view .player-card .controls{display:flex!important;align-items:center!important;gap:6px!important;margin-top:4px!important}.v-story-generation-view .player-card .controls .el-button.is-circle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important;border-radius:50%!important;flex-shrink:0!important}.v-story-generation-view .player-card .controls .download-group{margin-left:auto!important;display:flex!important;gap:4px!important}.v-story-generation-view .player-card .controls .download-group .el-button{font-size:10px!important;padding:2px 4px!important;height:auto!important;line-height:1.2!important}.v-story-generation-view .player-card .lyrics-container{margin-top:8px}.v-story-generation-view .player-card .lyrics-container .lyrics-header{margin-bottom:4px}.v-story-generation-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn{font-size:9px;padding:2px 4px!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;line-height:1.2!important}.v-story-generation-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button__inner{line-height:1.2!important;padding:0!important}.v-story-generation-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button{height:auto!important;min-height:auto!important;padding:2px 4px!important}.v-story-generation-view .player-card .lyrics-container .lyrics-panel{max-height:450px;padding:8px;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.v-story-generation-view .player-card .lyrics-container .lyrics-panel::-webkit-scrollbar{display:none}.v-story-generation-view .player-card .lyrics-container .lyrics-panel .lyric-line{padding:6px 8px;margin:2px 0;gap:4px}.v-story-generation-view .player-card .lyrics-container .lyrics-panel .lyric-line .lyric-english{font-size:14px;color:#fff}.v-story-generation-view .player-card .lyrics-container .lyrics-panel .lyric-line .lyric-chinese{font-size:12px;color:#fff}.v-story-generation-view .player-card .lyrics-container .lyrics-panel .lyric-line.active{padding:8px 10px;margin:3px 0;gap:5px}.v-story-generation-view .player-card .lyrics-container .lyrics-panel .lyric-line.active .lyric-english{font-size:16px;color:#fff}.v-story-generation-view .player-card .lyrics-container .lyrics-panel .lyric-line.active .lyric-chinese{font-size:14px;color:#fff}.v-story-generation-view .audio-generating{padding:16px;font-size:13px}.v-story-generation-view .story-footer{gap:8px;padding-top:16px}.v-story-generation-view .story-footer .el-button{padding:8px 16px;font-size:.8125rem}.v-story-generation-view .history-section{padding:16px}.v-story-generation-view .history-section h2{font-size:1.25rem;margin-bottom:16px}.v-story-generation-view .history-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.v-story-generation-view .history-card{padding:16px}.v-story-generation-view .history-excerpt{font-size:.9375rem;margin-bottom:12px;line-height:1.6}.v-story-generation-view .history-footer{font-size:.75rem;gap:8px;padding-top:12px}.v-story-generation-view .history-badge{width:28px;height:28px;bottom:10px;right:10px}.v-story-generation-view .history-badge .badge-number{font-size:.75rem}.v-story-generation-view .pagination{margin-top:16px}.v-story-generation-view .pagination .el-pagination{justify-content:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.v-story-generation-view .pagination .el-pagination__sizes,.v-story-generation-view .pagination .el-pagination__total{display:none}.v-story-generation-view .pagination .el-pager{display:flex;flex-wrap:nowrap;margin:0}.v-story-generation-view .pagination .el-pager li{min-width:32px;height:32px;line-height:32px;font-size:.8125rem;flex-shrink:0}.v-story-generation-view .pagination .btn-prev,.v-story-generation-view .pagination .btn-next{min-width:32px;height:32px;line-height:32px;flex-shrink:0}}@media (max-width: 480px){.v-story-generation-view .story-generation-container{padding:8px}.v-story-generation-view .page-header{margin-bottom:12px}.v-story-generation-view .header-content{padding:12px;gap:10px}.v-story-generation-view .header-title h1{font-size:1.25rem;margin-bottom:6px}.v-story-generation-view .page-description{font-size:.8125rem}.v-story-generation-view .toolbar{padding:12px;margin-bottom:12px;gap:10px}.v-story-generation-view .toolbar-left{gap:10px}.v-story-generation-view .config-group{gap:5px}.v-story-generation-view .config-group label{font-size:.75rem}.v-story-generation-view .words-container{padding:12px;margin-bottom:12px}.v-story-generation-view .words-header{margin-bottom:10px;padding-bottom:10px}.v-story-generation-view .words-count{font-size:.875rem}.v-story-generation-view .words-count strong{font-size:1.125rem}.v-story-generation-view .words-list{gap:6px}.v-story-generation-view .word-item{padding:5px 6px;min-width:1px;flex:0 1 auto;width:auto;max-width:none}.v-story-generation-view .words-list .word-item .word-main{font-size:.875rem!important;margin-bottom:1px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.01em!important}.v-story-generation-view .words-list .word-item .word-sub{font-size:.6875rem!important;line-height:1.3!important;margin-bottom:0!important;-webkit-line-clamp:2!important;line-clamp:2!important;min-height:1.95em!important;letter-spacing:-.01em!important}.v-story-generation-view .generation-panel{padding:12px;margin-bottom:12px;gap:12px}.v-story-generation-view .generate-btn{padding:10px 20px;font-size:.875rem}.v-story-generation-view .story-header{padding:12px 12px 10px}.v-story-generation-view .story-header h2{font-size:1.125rem}.v-story-generation-view .story-body{padding:12px}.v-story-generation-view .story-section{margin-bottom:12px}.v-story-generation-view .section-content{padding:12px;font-size:.875rem}.v-story-generation-view .story-section.chinese .section-content{font-size:.8125rem}.v-story-generation-view .player-card{padding:5px!important}.v-story-generation-view .player-card .netease-player{flex-direction:row!important;align-items:center!important;gap:6px!important;margin-bottom:0!important;flex-wrap:nowrap!important}.v-story-generation-view .player-card .disc-container{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-shrink:0!important;position:relative!important}.v-story-generation-view .player-card .disc-container .outer-disc{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;position:absolute!important;top:0!important;left:0!important;border:2px solid #0f172a!important}.v-story-generation-view .player-card .disc-container .outer-disc:after{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important}.v-story-generation-view .player-card .disc-container .inner-disc{width:28px!important;height:28px!important;position:relative!important;border:2px solid rgba(255,255,255,.9)!important}.v-story-generation-view .player-card .player-content{flex:1!important;min-width:0!important}.v-story-generation-view .player-card .player-content .song-info{margin-bottom:3px!important;display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important}.v-story-generation-view .player-card .player-content .song-info h3{font-size:11px!important;line-height:1.2!important;margin:0!important;flex:1!important;min-width:0!important}.v-story-generation-view .player-card .player-content .song-info p{font-size:8px!important;margin:0!important;color:#94a3b8!important;white-space:nowrap!important}.v-story-generation-view .player-card .player-content .progress-wrapper{height:3px!important;margin:2px 0!important;border-radius:2px!important}.v-story-generation-view .player-card .player-content .time-stats{font-size:7px!important;margin:1px 0 3px!important;display:flex!important;justify-content:space-between!important;color:#94a3b8!important}.v-story-generation-view .player-card .controls{display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important}.v-story-generation-view .player-card .controls .el-button.is-circle{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;padding:0!important;border-radius:50%!important;flex-shrink:0!important}.v-story-generation-view .player-card .controls .download-group{margin-left:auto!important;display:flex!important;gap:3px!important}.v-story-generation-view .player-card .controls .download-group .el-button{font-size:9px!important;padding:1px 3px!important;height:auto!important;line-height:1.2!important}.v-story-generation-view .player-card .lyrics-panel{max-height:400px!important;padding:6px!important;overflow:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.v-story-generation-view .player-card .lyrics-panel::-webkit-scrollbar{display:none!important}.v-story-generation-view .player-card .lyrics-panel .lyric-line{padding:5px 6px!important;margin:1px 0!important;gap:3px!important}.v-story-generation-view .player-card .lyrics-panel .lyric-line .lyric-english{color:#fff!important;font-size:13px!important}.v-story-generation-view .player-card .lyrics-panel .lyric-line .lyric-chinese{color:#fff!important;font-size:11px!important}.v-story-generation-view .player-card .lyrics-panel .lyric-line.active{padding:7px 8px!important;margin:2px 0!important;gap:4px!important}.v-story-generation-view .player-card .lyrics-panel .lyric-line.active .lyric-english{color:#fff!important;font-size:15px!important}.v-story-generation-view .player-card .lyrics-panel .lyric-line.active .lyric-chinese{color:#fff!important;font-size:13px!important}.v-story-generation-view .story-footer{padding-top:12px;gap:6px}.v-story-generation-view .story-footer .el-button{padding:7px 12px;font-size:.75rem}.v-story-generation-view .history-section{padding:12px}.v-story-generation-view .history-section h2{font-size:1.125rem;margin-bottom:12px}.v-story-generation-view .history-grid{gap:10px;margin-bottom:12px}.v-story-generation-view .history-card{padding:12px}.v-story-generation-view .history-excerpt{font-size:.875rem;margin-bottom:10px}.v-story-generation-view .history-footer{font-size:.6875rem;padding-top:10px}.v-story-generation-view .history-badge{width:24px;height:24px}.v-story-generation-view .history-badge .badge-number{font-size:.6875rem}.v-story-generation-view .pagination{margin-top:12px}.v-story-generation-view .pagination .el-pagination{justify-content:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.v-story-generation-view .pagination .el-pagination__sizes,.v-story-generation-view .pagination .el-pagination__total{display:none}.v-story-generation-view .pagination .el-pager{display:flex;flex-wrap:nowrap;margin:0}.v-story-generation-view .pagination .el-pager li{min-width:28px;height:28px;line-height:28px;font-size:.75rem;margin:0 2px;flex-shrink:0}.v-story-generation-view .pagination .btn-prev,.v-story-generation-view .pagination .btn-next{min-width:28px;height:28px;line-height:28px;margin:0 2px;flex-shrink:0}}.v-word-test-view{--wt-primary: #667eea;--wt-primary-dark: #764ba2;--wt-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--wt-gradient-light: linear-gradient(135deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%);--wt-success: #2dd4a8;--wt-success-bg: rgba(45, 212, 168, .1);--wt-error: #e8546c;--wt-error-bg: rgba(232, 84, 108, .1);--wt-warning: #f59e0b;--wt-bg: #f5f6fa;--wt-card-bg: #ffffff;--wt-card-radius: 24px;--wt-card-shadow: 0 10px 30px rgba(0, 0, 0, .05);--wt-card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .08);--wt-text: #1a1d2e;--wt-text-sub: #6b7280;--wt-text-muted: #9ca3af;--wt-border: rgba(0, 0, 0, .06);--wt-ease: cubic-bezier(.4, 0, .2, 1);--wt-bounce: cubic-bezier(.34, 1.56, .64, 1)}.v-word-test-view .icon-inline,.v-word-test-view .icon-svg{display:inline-block;vertical-align:middle;flex-shrink:0;transition:all .2s ease}.v-word-test-view .word-test-container{min-height:100vh;background:var(--wt-bg);padding:32px 24px;position:relative}.v-word-test-view.immersive-mode .test-header,.v-word-test-view.immersive-mode .usage-top-right{display:none}.v-word-test-view.immersive-mode .testing-section{max-width:720px;padding-top:8px}.v-word-test-view.immersive-mode .word-test-container{padding-top:16px}.v-word-test-view .usage-top-right{position:absolute;top:20px;right:20px;z-index:10}.v-word-test-view .usage-top-right .usage-loading-compact{display:flex;align-items:center;padding:4px 8px;font-size:12px;color:var(--wt-text-muted)}.v-word-test-view .test-header{position:relative;z-index:1;text-align:center;margin-bottom:48px;padding-top:20px}.v-word-test-view .header-title{font-size:2rem;font-weight:800;color:var(--wt-text);margin:0 0 12px;display:flex;justify-content:center;align-items:center;gap:10px;letter-spacing:-.02em}.v-word-test-view .title-icon{flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(102,126,234,.25));transition:all .3s var(--wt-ease)}.v-word-test-view .title-icon:hover{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 4px 10px rgba(102,126,234,.35))}.v-word-test-view .header-subtitle{font-size:1rem;color:var(--wt-text-sub);margin:0;line-height:1.6;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.v-word-test-view .config-section{position:relative;z-index:1;max-width:800px;margin:0 auto}.v-word-test-view .config-card{background:var(--wt-card-bg);border-radius:var(--wt-card-radius);padding:36px 32px;box-shadow:var(--wt-card-shadow);border:none;transition:box-shadow .3s var(--wt-ease)}.v-word-test-view .config-card:hover{box-shadow:var(--wt-card-shadow-hover)}.v-word-test-view .config-header{margin-bottom:32px}.v-word-test-view .config-header h2{font-size:1.25rem;font-weight:700;color:var(--wt-text);margin:0;display:flex;align-items:center;gap:8px}.v-word-test-view .config-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--wt-gradient-light);border-radius:12px;margin-right:4px;transition:all .3s var(--wt-ease)}.v-word-test-view .config-icon{flex-shrink:0}.v-word-test-view .config-body{display:flex;flex-direction:column;gap:36px}.v-word-test-view .config-group{display:flex;flex-direction:column;gap:16px}.v-word-test-view .config-label{font-size:.95rem;font-weight:700;color:var(--wt-text);display:flex;align-items:center;justify-content:flex-start;gap:8px}.v-word-test-view .label-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--wt-gradient-light);border-radius:10px;transition:all .3s var(--wt-ease)}.v-word-test-view .label-icon-wrapper:hover{transform:scale(1.1)}.v-word-test-view .label-icon{flex-shrink:0;transition:all .3s ease}.v-word-test-view .label-value{margin-left:auto;color:var(--wt-primary);font-size:1rem;font-weight:600}.v-word-test-view .source-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.v-word-test-view .source-option{padding:16px 12px;background:var(--wt-card-bg);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s var(--wt-ease);position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000000a}.v-word-test-view .source-option:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.v-word-test-view .source-option:active{transform:scale(.97)}.v-word-test-view .source-option.active{border-color:var(--wt-primary);background:linear-gradient(135deg,#667eea0f,#764ba20f);box-shadow:0 0 0 3px #667eea26,0 8px 20px #667eea1f}.v-word-test-view .source-option.active .option-check{opacity:1;transform:scale(1)}.v-word-test-view .option-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 10px;background:var(--wt-gradient-light);border-radius:12px;transition:all .3s var(--wt-ease)}.v-word-test-view .option-icon-bg{display:none}.v-word-test-view .option-icon{transition:all .3s ease;position:relative;z-index:1}.v-word-test-view .source-option.active .option-icon-wrapper{background:var(--wt-gradient)}.v-word-test-view .source-option.active .option-icon-wrapper .option-icon{filter:brightness(10);transform:scale(1.1)}.v-word-test-view .option-info{text-align:center}.v-word-test-view .option-name{font-size:.85rem;font-weight:700;color:var(--wt-text);margin-bottom:2px}.v-word-test-view .option-desc{font-size:.72rem;color:var(--wt-text-muted);margin-bottom:6px;line-height:1.3}.v-word-test-view .option-count{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:6px;padding:4px 10px;background:#667eea0f;border-radius:8px}.v-word-test-view .count-number{font-size:.85rem;font-weight:700;color:var(--wt-primary)}.v-word-test-view .count-label{font-size:.75rem;color:var(--wt-text-muted);font-weight:500}.v-word-test-view .option-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--wt-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .35s var(--wt-bounce)}.v-word-test-view .check-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.v-word-test-view .count-selector{padding:20px;background:#667eea08;border-radius:16px}.v-word-test-view .count-presets{display:flex;gap:10px;justify-content:center;margin-top:14px}.v-word-test-view .preset-btn{padding:8px 20px;background:var(--wt-card-bg);border:2px solid transparent;border-radius:12px;font-weight:600;font-size:.875rem;color:var(--wt-text-sub);cursor:pointer;transition:all .3s var(--wt-ease);box-shadow:0 2px 6px #0000000a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.v-word-test-view .preset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.v-word-test-view .preset-btn:active{transform:scale(.95)}.v-word-test-view .preset-btn.active{background:var(--wt-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 16px #667eea59}.v-word-test-view .test-types-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-bottom:12px}.v-word-test-view .test-mode-item{padding:18px 12px;background:var(--wt-card-bg);border:2px solid transparent;border-radius:16px;font-size:.85rem;font-weight:600;color:var(--wt-text-sub);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s var(--wt-ease);position:relative;box-shadow:0 2px 8px #0000000a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.v-word-test-view .test-mode-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.v-word-test-view .test-mode-item:active{transform:scale(.97)}.v-word-test-view .test-mode-item.active{border-color:var(--wt-primary);color:var(--wt-primary);background:linear-gradient(135deg,#667eea0f,#764ba20f);box-shadow:0 0 0 3px #667eea1f,0 8px 20px #667eea1f}.v-word-test-view .mode-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--wt-gradient-light);border-radius:14px;transition:all .3s var(--wt-ease)}.v-word-test-view .test-mode-item.active .mode-icon-wrapper{background:var(--wt-gradient)}.v-word-test-view .test-mode-item.active .mode-icon-wrapper .mode-icon{filter:brightness(10);transform:scale(1.1)}.v-word-test-view .mode-icon-bg{display:none}.v-word-test-view .mode-icon{transition:all .3s ease;position:relative;z-index:1}.v-word-test-view .mode-name{font-size:.85rem;font-weight:600;color:inherit;text-align:center}.v-word-test-view .mode-desc{font-size:.72rem;color:var(--wt-text-muted);line-height:1.4;text-align:center}.v-word-test-view .types-desc{font-size:.9rem;color:var(--wt-text-muted);line-height:1.6;margin:12px 0 0;text-align:center}.v-word-test-view .overall-weak-points{margin-top:24px;padding:20px;background:#f59e0b0f;border:2px solid rgba(245,158,11,.15);border-radius:16px}.v-word-test-view .weak-points-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.v-word-test-view .weak-points-icon{flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(245,158,11,.3));transition:all .3s ease}.v-word-test-view .weak-points-title{font-size:.95rem;font-weight:700;color:#b45309}.v-word-test-view .weak-points-summary{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.v-word-test-view .weak-point-summary-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--wt-card-bg);border-radius:12px;box-shadow:0 2px 6px #0000000a;transition:all .25s var(--wt-ease)}.v-word-test-view .weak-point-summary-item:hover{transform:translate(4px)}.v-word-test-view .weak-point-summary-item.audio{border-left:4px solid var(--wt-primary)}.v-word-test-view .weak-point-summary-item.audio .summary-type-name{color:var(--wt-primary)}.v-word-test-view .weak-point-summary-item.phonetic{border-left:4px solid #f5576c}.v-word-test-view .weak-point-summary-item.phonetic .summary-type-name{color:#f5576c}.v-word-test-view .weak-point-summary-item.meaning{border-left:4px solid #fa709a}.v-word-test-view .weak-point-summary-item.meaning .summary-type-name{color:#fa709a}.v-word-test-view .weak-point-summary-item.spelling{border-left:4px solid #4facfe}.v-word-test-view .weak-point-summary-item.spelling .summary-type-name{color:#4facfe}.v-word-test-view .summary-type-name{font-size:.9rem;font-weight:700;min-width:60px}.v-word-test-view .summary-error-count{flex:1;font-size:.875rem;font-weight:600;color:var(--wt-error)}.v-word-test-view .summary-word-count{font-size:.875rem;color:var(--wt-text-muted)}.v-word-test-view .weak-points-tip{margin:0;padding-top:14px;border-top:1px solid rgba(245,158,11,.12);font-size:.875rem;color:var(--wt-text-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.v-word-test-view .start-test-btn{width:100%;padding:20px;font-size:1.3rem;font-weight:800;background:var(--wt-gradient);border:none;border-radius:20px;box-shadow:0 12px 35px #667eea59,0 0 0 4px #667eea14;transition:all .4s var(--wt-ease);position:relative;overflow:hidden;letter-spacing:.02em}.v-word-test-view .start-test-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%}.v-word-test-view .start-test-btn:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px #667eea73,0 0 0 6px #667eea1f}.v-word-test-view .start-test-btn:hover:before{width:500px;height:500px}.v-word-test-view .start-test-btn:active{transform:translateY(-1px) scale(.99)}.v-word-test-view .testing-section{position:relative;z-index:1;max-width:800px;margin:0 auto}.v-word-test-view .test-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.v-word-test-view .exit-test-btn{display:flex;align-items:center;gap:6px;flex-shrink:0;border-radius:14px;font-weight:600;transition:all .3s var(--wt-ease)}.v-word-test-view .exit-test-btn:hover{transform:translateY(-2px)}.v-word-test-view .exit-test-btn .icon-svg,.v-word-test-view .exit-test-btn .icon-inline{width:18px;height:18px;flex-shrink:0}.v-word-test-view .test-progress-bar{background:var(--wt-card-bg);border-radius:16px;padding:16px 20px;box-shadow:var(--wt-card-shadow);flex:1;min-width:0}.v-word-test-view .progress-info{display:flex;justify-content:space-between;margin-bottom:14px;font-weight:700;color:var(--wt-text);font-size:.95rem}.v-word-test-view .progress-text{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--wt-text-sub)}.v-word-test-view .progress-score{color:var(--wt-primary);display:flex;gap:8px;font-size:.9rem}.v-word-test-view .progress-track{height:10px;background:#667eea14;border-radius:5px;overflow:hidden;position:relative}.v-word-test-view .progress-fill{height:100%;background:var(--wt-gradient);border-radius:5px;transition:width .5s var(--wt-ease);position:relative}.v-word-test-view .progress-fill:after{content:"";position:absolute;top:0;right:0;width:24px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6));border-radius:0 5px 5px 0;animation:progress-glow 2s ease-in-out infinite}@keyframes progress-glow{0%,to{opacity:.4}50%{opacity:1}}.v-word-test-view .test-card{position:relative;background:var(--wt-card-bg);border-radius:var(--wt-card-radius);padding:36px 32px;box-shadow:var(--wt-card-shadow);border:none;min-height:450px;overflow:hidden}.v-word-test-view .test-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid rgba(0,0,0,.04)}.v-word-test-view .test-card-header .error-stats-summary{flex:1;justify-content:center}.v-word-test-view .test-card-header .test-number{flex-shrink:0}.v-word-test-view .test-type-badge{padding:6px 18px;border-radius:24px;font-weight:700;font-size:.85rem;letter-spacing:.02em}.v-word-test-view .test-type-badge.audio{background:var(--wt-gradient);color:#fff}.v-word-test-view .test-type-badge.phonetic{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.v-word-test-view .test-type-badge.meaning{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.v-word-test-view .test-type-badge.spelling{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.v-word-test-view .test-number{font-size:.9rem;font-weight:600;color:var(--wt-text-muted);background:#00000008;padding:4px 14px;border-radius:20px}.v-word-test-view .error-stats-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v-word-test-view .error-stat-item{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:8px;background:#00000008;color:var(--wt-text-sub);white-space:nowrap}.v-word-test-view .error-stat-item.audio{background:#667eea1a;color:#4f46e5}.v-word-test-view .error-stat-item.phonetic{background:#f5576c1a;color:#dc2626}.v-word-test-view .error-stat-item.meaning{background:#fa709a1a;color:#e11d48}.v-word-test-view .error-stat-item.spelling{background:#4facfe1a;color:#0284c7}.v-word-test-view .test-card-body{min-height:350px;display:flex;align-items:center;justify-content:center}.v-word-test-view .test-content{width:100%}.v-word-test-view .audio-test{text-align:center;margin-bottom:32px}.v-word-test-view .audio-icon{width:130px;height:130px;margin:0 auto 32px;background:var(--wt-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 40px #667eea66,0 0 0 8px #667eea14,0 0 0 16px #667eea0a;transition:all .3s var(--wt-ease);position:relative;overflow:hidden;color:#fff}.v-word-test-view .audio-icon:hover{transform:scale(1.05);box-shadow:0 16px 50px #667eea80,0 0 0 10px #667eea1a,0 0 0 20px #667eea0d}.v-word-test-view .audio-icon:active{transform:scale(.97)}.v-word-test-view .audio-icon .audio-icon-svg{position:relative;z-index:2;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.v-word-test-view .audio-icon:hover .audio-icon-svg{transform:scale(1.1)}.v-word-test-view .audio-icon.playing .audio-icon-svg{animation:audio-pulse 1s ease-in-out infinite}@keyframes audio-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.v-word-test-view .audio-definition,.v-word-test-view .phonetic-definition,.v-word-test-view .spelling-definition{display:flex;flex-direction:column;gap:10px;margin:20px auto;padding:20px 24px;background:var(--wt-gradient-light);border:none;border-radius:16px;text-align:left;max-width:560px}.v-word-test-view .audio-definition .definition-item,.v-word-test-view .phonetic-definition .definition-item,.v-word-test-view .spelling-definition .definition-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:#ffffffb3;border-radius:10px;transition:all .25s var(--wt-ease)}.v-word-test-view .audio-definition .definition-item:hover,.v-word-test-view .phonetic-definition .definition-item:hover,.v-word-test-view .spelling-definition .definition-item:hover{background:#ffffffe6;transform:translate(4px)}.v-word-test-view .audio-definition .definition-label,.v-word-test-view .phonetic-definition .definition-label,.v-word-test-view .spelling-definition .definition-label{font-size:.85rem;font-weight:700;white-space:nowrap;min-width:72px;flex-shrink:0}.v-word-test-view .audio-definition .definition-content,.v-word-test-view .phonetic-definition .definition-content,.v-word-test-view .spelling-definition .definition-content{font-size:.95rem;color:var(--wt-text);font-weight:500;line-height:1.6;flex:1}.v-word-test-view .audio-definition .definition-content.short-definition,.v-word-test-view .phonetic-definition .definition-content.short-definition,.v-word-test-view .spelling-definition .definition-content.short-definition{font-weight:700}.v-word-test-view .audio-definition .definition-content.full-definition,.v-word-test-view .phonetic-definition .definition-content.full-definition,.v-word-test-view .spelling-definition .definition-content.full-definition{color:var(--wt-text-sub);font-size:.9rem;line-height:1.7}.v-word-test-view .audio-definition .definition-label{color:var(--wt-primary)}.v-word-test-view .phonetic-definition .definition-label{color:#f5576c}.v-word-test-view .spelling-definition .definition-label{color:#4facfe}.v-word-test-view .test-hint{font-size:.95rem;color:var(--wt-text-muted);margin:0}.v-word-test-view .phonetic-display-wrapper,.v-word-test-view .meaning-word-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.v-word-test-view .word-text{font-size:3rem;font-weight:800;background:var(--wt-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;margin:0}.v-word-test-view .phonetic-text{font-size:2.5rem;font-weight:600;color:var(--wt-primary);font-family:Courier New,monospace;letter-spacing:.02em;margin:0}.v-word-test-view .meaning-audio-btn,.v-word-test-view .phonetic-audio-btn,.v-word-test-view .spelling-audio-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--wt-gradient);border:none;border-radius:50%;cursor:pointer;box-shadow:0 6px 20px #667eea59;transition:all .3s var(--wt-ease);position:relative;overflow:hidden;padding:0;color:#fff;flex-shrink:0}.v-word-test-view .meaning-audio-btn:hover:not(:disabled),.v-word-test-view .phonetic-audio-btn:hover:not(:disabled),.v-word-test-view .spelling-audio-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 10px 30px #667eea73}.v-word-test-view .meaning-audio-btn:active:not(:disabled),.v-word-test-view .phonetic-audio-btn:active:not(:disabled),.v-word-test-view .spelling-audio-btn:active:not(:disabled){transform:scale(.95)}.v-word-test-view .meaning-audio-btn:disabled,.v-word-test-view .phonetic-audio-btn:disabled,.v-word-test-view .spelling-audio-btn:disabled{opacity:.6;cursor:not-allowed}.v-word-test-view .meaning-audio-btn .audio-icon-svg,.v-word-test-view .phonetic-audio-btn .audio-icon-svg,.v-word-test-view .spelling-audio-btn .audio-icon-svg{position:relative;z-index:1;transition:all .3s ease}.v-word-test-view .meaning-audio-btn:hover:not(:disabled) .audio-icon-svg,.v-word-test-view .phonetic-audio-btn:hover:not(:disabled) .audio-icon-svg,.v-word-test-view .spelling-audio-btn:hover:not(:disabled) .audio-icon-svg{transform:scale(1.15)}.v-word-test-view .options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v-word-test-view .option-item{padding:18px 20px;background:var(--wt-card-bg);border:2px solid rgba(0,0,0,.06);border-radius:16px;font-size:1.05rem;font-weight:600;color:var(--wt-text);cursor:pointer;transition:all .3s var(--wt-ease);display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.v-word-test-view .option-item:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#667eea1f;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease,opacity .5s ease;opacity:0}.v-word-test-view .option-item:active:not(.disabled):after{width:400px;height:400px;opacity:1;transition:width 0s,height 0s,opacity 0s}.v-word-test-view .option-item:hover:not(.disabled){transform:translateY(-2px);border-color:var(--wt-primary);box-shadow:0 6px 20px #667eea1f}.v-word-test-view .option-item:active:not(.disabled){transform:scale(.97)}.v-word-test-view .option-item.selected{border-color:var(--wt-primary);background:#667eea0f}.v-word-test-view .option-item.correct{border-color:var(--wt-success);background:var(--wt-success-bg);color:#065f46}.v-word-test-view .option-item.correct .option-label{background:var(--wt-success);color:#fff}.v-word-test-view .option-item.wrong{border-color:var(--wt-error);background:var(--wt-error-bg);color:#881337}.v-word-test-view .option-item.wrong .option-label{background:var(--wt-error);color:#fff}.v-word-test-view .option-item.disabled{opacity:.5;cursor:not-allowed}.v-word-test-view .option-label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#667eea1a;color:var(--wt-primary);border-radius:50%;font-size:.85rem;font-weight:800;flex-shrink:0;transition:all .3s var(--wt-ease)}.v-word-test-view .option-item:hover:not(.disabled) .option-label{background:var(--wt-gradient);color:#fff;transform:scale(1.1)}.v-word-test-view .option-text{flex:1;text-align:left;line-height:1.4}.v-word-test-view .spelling-test{display:flex;flex-direction:column;gap:32px}.v-word-test-view .spelling-question{text-align:center;display:flex;flex-direction:column;gap:16px}.v-word-test-view .spelling-audio-wrapper{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.v-word-test-view .audio-btn-text{font-size:1rem;font-weight:600;color:var(--wt-text-sub)}.v-word-test-view .spelling-hint{font-size:1.5rem;font-weight:700;color:var(--wt-primary);font-family:Courier New,monospace;letter-spacing:4px}.v-word-test-view .spelling-input-area{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}.v-word-test-view .letter-inputs{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;width:100%;padding:0 8px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.v-word-test-view .letter-inputs::-webkit-scrollbar{height:4px}.v-word-test-view .letter-inputs::-webkit-scrollbar-track{background:transparent}.v-word-test-view .letter-inputs::-webkit-scrollbar-thumb{background:#667eea40;border-radius:2px}.v-word-test-view .letter-input-wrapper{position:relative;width:52px;height:60px;flex-shrink:0;min-width:52px;box-sizing:border-box}.v-word-test-view .letter-input{width:100%;height:100%;text-align:center;font-size:1.8rem;font-weight:700;border:none;border-bottom:3px solid rgba(102,126,234,.2);border-radius:0;background:transparent;color:var(--wt-text);transition:all .3s var(--wt-ease);outline:none;box-sizing:border-box;padding:0;margin:0;display:block;caret-color:var(--wt-primary)}.v-word-test-view .letter-input:focus{border-bottom-color:var(--wt-primary);border-bottom-width:4px;background:linear-gradient(to top,rgba(102,126,234,.04),transparent)}.v-word-test-view .letter-input:disabled{border-bottom-color:#667eea1a;cursor:not-allowed;opacity:.5}.v-word-test-view .letter-filled .letter-input{border-bottom-color:var(--wt-primary);border-bottom-width:3px}.v-word-test-view .letter-correct .letter-input{border-bottom-color:var(--wt-success);color:var(--wt-success)}.v-word-test-view .letter-placeholder{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:.65rem;color:#667eea4d;pointer-events:none;font-weight:600}.v-word-test-view .spelling-actions{display:flex;gap:12px;justify-content:center}.v-word-test-view .spelling-actions .el-button{border-radius:14px;font-weight:600;transition:all .3s var(--wt-ease)}.v-word-test-view .spelling-actions .el-button:hover{transform:translateY(-2px)}.v-word-test-view .spelling-actions .icon-svg{width:18px;height:18px;margin-right:6px;vertical-align:middle}.v-word-test-view .question-display{text-align:center;margin-bottom:32px}.v-word-test-view .feedback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10;animation:overlay-fade-in .25s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.v-word-test-view .feedback-content{text-align:center;padding:36px 32px;background:var(--wt-card-bg);border-radius:var(--wt-card-radius);min-width:320px;max-width:420px;position:relative;box-shadow:0 20px 60px #00000026;animation:feedback-pop .4s var(--wt-bounce)}.v-word-test-view .feedback-content.correct{border-top:4px solid var(--wt-success)}.v-word-test-view .feedback-content.wrong{border-top:4px solid var(--wt-error)}@keyframes feedback-pop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.v-word-test-view .feedback-icon{margin-bottom:20px}.v-word-test-view .icon-wrapper{width:72px;height:72px;margin:0 auto;display:flex;align-items:center;justify-content:center}.v-word-test-view .icon-wrapper.correct .icon-emoji{color:var(--wt-success)}.v-word-test-view .icon-wrapper.wrong .icon-emoji{color:var(--wt-error)}.v-word-test-view .icon-emoji{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));animation:icon-bounce .6s var(--wt-bounce)}@keyframes icon-bounce{0%{opacity:0;transform:scale(.3) rotate(-180deg)}60%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.v-word-test-view .feedback-text{margin-bottom:24px}.v-word-test-view .feedback-title{font-size:1.8rem;font-weight:800;margin:0 0 14px;animation:text-slide-up .4s ease-out .2s backwards}.v-word-test-view .title-correct{background:linear-gradient(135deg,#2dd4a8,#56d4a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-word-test-view .title-wrong{background:linear-gradient(135deg,#e8546c,#f45c43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-word-test-view .feedback-desc{font-size:1.05rem;margin:0;animation:text-slide-up .4s ease-out .3s backwards}.v-word-test-view .correct-desc{color:var(--wt-success);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.v-word-test-view .desc-icon{font-size:1.3rem;animation:icon-twinkle 1.5s ease-in-out infinite}@keyframes icon-twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.v-word-test-view .wrong-desc{display:flex;flex-direction:column;gap:12px}.v-word-test-view .answer-label{font-size:.9rem;color:var(--wt-text-muted);font-weight:600}.v-word-test-view .answer-text{font-size:1.4rem;color:var(--wt-error);font-weight:800;padding:12px 24px;background:var(--wt-error-bg);border-radius:14px;display:inline-block}@keyframes text-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.v-word-test-view .feedback-progress{display:flex;justify-content:space-around;gap:12px;margin-bottom:24px;padding:18px;background:#667eea0a;border-radius:16px;animation:text-slide-up .4s ease-out .4s backwards}.v-word-test-view .progress-item{display:flex;flex-direction:column;gap:4px;align-items:center}.v-word-test-view .progress-label{font-size:.8rem;color:var(--wt-text-muted);font-weight:600}.v-word-test-view .progress-value{font-size:1.2rem;font-weight:800;color:var(--wt-text)}.v-word-test-view .correct-text{color:var(--wt-success)}.v-word-test-view .wrong-text{color:var(--wt-error)}.v-word-test-view .feedback-btn{width:100%;padding:16px;font-size:1.15rem;font-weight:800;border-radius:16px;background:var(--wt-gradient);border:none;box-shadow:0 8px 25px #667eea59;transition:all .3s var(--wt-ease)}.v-word-test-view .feedback-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea73}.v-word-test-view .feedback-btn:active{transform:translateY(-1px)}.v-word-test-view .btn-icon{margin-right:6px;vertical-align:middle;display:inline-block;transition:all .3s ease;flex-shrink:0}.feedback-btn:hover .v-word-test-view .btn-icon{transform:translate(3px)}.v-word-test-view .result-section{position:relative;z-index:1;max-width:800px;margin:0 auto}.v-word-test-view .result-card{background:var(--wt-card-bg);border-radius:var(--wt-card-radius);padding:40px 36px;box-shadow:var(--wt-card-shadow);border:none;position:relative;overflow:hidden}.v-word-test-view .result-header{text-align:center;margin-bottom:40px}.v-word-test-view .result-icon{font-size:5rem;margin-bottom:20px;display:inline-block;animation:result-icon-drop .7s var(--wt-bounce)}@keyframes result-icon-drop{0%{opacity:0;transform:scale(.3) translateY(-60px) rotate(-30deg)}60%{transform:scale(1.1) translateY(0) rotate(5deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.v-word-test-view .result-title{font-size:2.5rem;font-weight:800;background:var(--wt-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;animation:text-slide-up .5s ease-out .3s backwards}.v-word-test-view .result-subtitle{font-size:1.15rem;color:var(--wt-text-muted);margin:0;animation:text-slide-up .5s ease-out .4s backwards}.v-word-test-view .test-mode-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 20px;background:#667eea0f;border:none;border-radius:24px;font-size:.9rem;animation:text-slide-up .5s ease-out .5s backwards}.v-word-test-view .test-mode-badge .badge-label{color:var(--wt-text-sub);font-weight:500}.v-word-test-view .test-mode-badge .badge-value{color:var(--wt-primary);font-weight:700;padding:3px 14px;background:#667eea1a;border-radius:12px}.v-word-test-view .result-stats{display:flex;gap:32px;align-items:center;justify-content:center;margin-bottom:36px;padding:28px;background:#667eea08;border-radius:20px}.v-word-test-view .stat-circle{position:relative;animation:stat-circle-spin .8s ease-out .5s backwards}.v-word-test-view .stat-circle svg circle:last-of-type{transition:stroke-dashoffset 1.5s var(--wt-ease)}@keyframes stat-circle-spin{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.v-word-test-view .stat-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.v-word-test-view .accuracy-number{font-size:2.5rem;font-weight:800;background:var(--wt-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-word-test-view .accuracy-label{font-size:.85rem;color:var(--wt-text-muted);font-weight:600}.v-word-test-view .stats-grid{display:grid;gap:16px}.v-word-test-view .stat-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--wt-card-bg);border-radius:16px;box-shadow:0 4px 12px #0000000d;transition:all .3s var(--wt-ease);animation:stat-item-slide .5s ease-out backwards}.v-word-test-view .stat-item:nth-child(1){animation-delay:.6s}.v-word-test-view .stat-item:nth-child(2){animation-delay:.7s}.v-word-test-view .stat-item:nth-child(3){animation-delay:.8s}.v-word-test-view .stat-item:hover{transform:translate(6px);box-shadow:0 6px 18px #00000014}@keyframes stat-item-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.v-word-test-view .stat-icon{flex-shrink:0;transition:all .3s ease}.v-word-test-view .stat-icon.correct{filter:drop-shadow(0 2px 4px rgba(45,212,168,.3))}.v-word-test-view .stat-icon.wrong{filter:drop-shadow(0 2px 4px rgba(232,84,108,.3))}.v-word-test-view .stat-icon.total{font-size:36px;line-height:1}.stat-item:hover .v-word-test-view .stat-icon{transform:scale(1.15) rotate(5deg)}.v-word-test-view .stat-info{display:flex;flex-direction:column;gap:4px}.v-word-test-view .stat-value{font-size:2rem;font-weight:800;background:var(--wt-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-word-test-view .stat-label{font-size:.85rem;color:var(--wt-text-muted);font-weight:500}.v-word-test-view .weak-tags-cloud{margin-bottom:32px;animation:text-slide-up .5s ease-out .9s backwards}.v-word-test-view .weak-tags-cloud .section-title{font-size:1.2rem;font-weight:700;color:var(--wt-text);margin:0 0 16px;display:flex;align-items:center;gap:10px}.v-word-test-view .tags-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px;background:#667eea08;border-radius:16px}.v-word-test-view .weak-tag{padding:8px 18px;border-radius:24px;font-size:.85rem;font-weight:600;transition:all .3s var(--wt-ease);cursor:default}.v-word-test-view .weak-tag.audio{background:#667eea1f;color:#4f46e5}.v-word-test-view .weak-tag.phonetic{background:#f5576c1f;color:#e11d48}.v-word-test-view .weak-tag.meaning{background:#fa709a1f;color:#be185d}.v-word-test-view .weak-tag.spelling{background:#4facfe1f;color:#0369a1}.v-word-test-view .weak-tag:hover{transform:translateY(-2px) scale(1.05)}.v-word-test-view .wrong-words-section{margin-bottom:32px;animation:text-slide-up .5s ease-out 1s backwards}.v-word-test-view .wrong-words-section .section-title{font-size:1.2rem;font-weight:700;color:var(--wt-text);margin:0 0 16px;display:flex;align-items:center;gap:10px}.v-word-test-view .wrong-words-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:8px}.v-word-test-view .wrong-words-list::-webkit-scrollbar{width:4px}.v-word-test-view .wrong-words-list::-webkit-scrollbar-track{background:transparent}.v-word-test-view .wrong-words-list::-webkit-scrollbar-thumb{background:#e8546c33;border-radius:2px}.v-word-test-view .wrong-word-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--wt-error-bg);border:none;border-left:4px solid var(--wt-error);border-radius:14px;transition:all .25s var(--wt-ease)}.v-word-test-view .wrong-word-item:hover{transform:translate(4px);background:#e8546c24}.v-word-test-view .word-info{flex:1}.v-word-test-view .word-main{font-size:1.1rem;font-weight:700;color:var(--wt-text);margin-bottom:2px}.v-word-test-view .word-phonetic{font-size:.85rem;color:var(--wt-text-muted);font-family:Courier New,monospace}.v-word-test-view .word-meaning{flex:2;font-size:.9rem;color:var(--wt-text-sub)}.v-word-test-view .test-type-tag{padding:5px 14px;background:#e8546c1f;color:var(--wt-error);border-radius:20px;font-size:.8rem;font-weight:700}.v-word-test-view .result-actions{display:flex;gap:14px;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%;animation:text-slide-up .5s ease-out 1.1s backwards}.v-word-test-view .result-actions .action-btn{min-height:48px;border-radius:14px;font-weight:600;transition:all .3s var(--wt-ease)}.v-word-test-view .result-actions .action-btn:hover{transform:translateY(-2px)}.v-word-test-view .result-actions .action-btn .el-icon,.v-word-test-view .result-actions .action-btn .btn-icon-left{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;padding:0}.v-word-test-view .result-actions .action-btn .btn-text{flex-shrink:0;line-height:1.5;margin:0;padding:0}.v-word-test-view .weak-points-indicator{margin:16px 0 24px;padding:14px 18px;background:#f59e0b0f;border:2px solid rgba(245,158,11,.15);border-radius:14px}.v-word-test-view .weak-points-label{font-size:.9rem;font-weight:700;color:#b45309;margin-bottom:8px;display:flex;align-items:center;gap:6px}.v-word-test-view .weak-points-tags{display:flex;flex-wrap:wrap;gap:10px}.v-word-test-view .weak-point-tag{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:all .3s var(--wt-ease)}.v-word-test-view .weak-point-tag.audio{background:#667eea1f;color:var(--wt-primary)}.v-word-test-view .weak-point-tag.phonetic{background:#f5576c1f;color:#f5576c}.v-word-test-view .weak-point-tag.meaning{background:#fa709a1f;color:#fa709a}.v-word-test-view .weak-point-tag.spelling{background:#4facfe1f;color:#4facfe}.v-word-test-view .error-count{font-size:.8rem;opacity:.7;font-weight:500}@media (max-width: 1024px){.v-word-test-view .word-test-container{padding:24px 20px}.v-word-test-view .source-options{grid-template-columns:repeat(2,1fr)}.v-word-test-view .test-types-selector{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.v-word-test-view .word-test-container{padding:20px 16px}.v-word-test-view .source-option,.v-word-test-view .test-mode-item,.v-word-test-view .option-item,.v-word-test-view .preset-btn,.v-word-test-view .start-test-btn,.v-word-test-view .exit-test-btn,.v-word-test-view .feedback-btn,.v-word-test-view .spelling-audio-btn,.v-word-test-view .phonetic-audio-btn,.v-word-test-view .meaning-audio-btn,.v-word-test-view .audio-icon{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.v-word-test-view .test-header{margin-bottom:28px;padding-top:12px}.v-word-test-view .header-title{font-size:1.6rem;gap:8px}.v-word-test-view .title-icon{width:26px;height:26px}.v-word-test-view .header-subtitle{font-size:.85rem;padding:0 8px}.v-word-test-view .usage-top-right{top:14px;right:14px}.v-word-test-view .config-card,.v-word-test-view .test-card,.v-word-test-view .result-card{padding:24px 18px;border-radius:20px}.v-word-test-view .config-body{gap:28px}.v-word-test-view .config-group{gap:12px}.v-word-test-view .config-label{font-size:.9rem}.v-word-test-view .source-options{grid-template-columns:1fr;gap:10px}.v-word-test-view .source-option{padding:14px;border-radius:14px;flex-direction:row;display:flex;align-items:center;gap:12px}.v-word-test-view .source-option .option-icon-wrapper{margin:0;width:40px;height:40px}.v-word-test-view .source-option .option-info{text-align:left;flex:1}.v-word-test-view .source-option .option-count{margin-top:4px;display:inline-flex;padding:2px 8px}.v-word-test-view .option-name{font-size:.85rem}.v-word-test-view .option-desc{font-size:.72rem}.v-word-test-view .count-selector{padding:14px;border-radius:14px}.v-word-test-view .count-presets{gap:8px;margin-top:10px}.v-word-test-view .preset-btn{padding:8px 16px;font-size:.85rem;border-radius:10px}.v-word-test-view .test-types-selector{grid-template-columns:repeat(2,1fr);gap:10px}.v-word-test-view .test-mode-item{padding:14px 10px;border-radius:14px}.v-word-test-view .mode-icon-wrapper{width:42px;height:42px}.v-word-test-view .mode-name{font-size:.8rem}.v-word-test-view .mode-desc{font-size:.68rem}.v-word-test-view .types-desc{font-size:.85rem}.v-word-test-view .overall-weak-points{margin-top:18px;padding:14px;border-radius:14px}.v-word-test-view .weak-points-title{font-size:.9rem}.v-word-test-view .weak-point-summary-item{padding:10px 14px;gap:10px;border-radius:10px}.v-word-test-view .summary-type-name{font-size:.85rem}.v-word-test-view .summary-error-count,.v-word-test-view .summary-word-count{font-size:.8rem}.v-word-test-view .start-test-btn{padding:18px;font-size:1.15rem;border-radius:16px}.v-word-test-view .test-top-bar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.v-word-test-view .test-progress-bar{padding:14px 16px;border-radius:14px}.v-word-test-view .progress-info{margin-bottom:10px;flex-direction:column;gap:6px;align-items:flex-start}.v-word-test-view .progress-text{font-size:.85rem}.v-word-test-view .progress-score{font-size:.8rem;gap:6px;flex-wrap:wrap}.v-word-test-view .progress-track{height:8px}.v-word-test-view .exit-test-btn{width:100%;justify-content:center;padding:12px;border-radius:12px}.v-word-test-view .test-card{padding:20px 16px;border-radius:20px;min-height:auto}.v-word-test-view .test-card-header{margin-bottom:24px;padding-bottom:14px;flex-wrap:wrap;gap:10px}.v-word-test-view .test-type-badge{padding:5px 14px;font-size:.8rem}.v-word-test-view .test-number{font-size:.85rem}.v-word-test-view .error-stats-summary{width:100%;justify-content:flex-start;gap:6px;margin-top:6px}.v-word-test-view .error-stat-item{font-size:.72rem;padding:3px 8px}.v-word-test-view .test-card-body{min-height:auto}.v-word-test-view .audio-test{margin-bottom:24px}.v-word-test-view .audio-icon{width:110px;height:110px;margin-bottom:24px}.v-word-test-view .audio-icon .audio-icon-svg{width:52px;height:52px}.v-word-test-view .audio-definition,.v-word-test-view .phonetic-definition,.v-word-test-view .spelling-definition{padding:16px 18px;margin:14px auto;gap:8px;border-radius:12px}.v-word-test-view .audio-definition .definition-item,.v-word-test-view .phonetic-definition .definition-item,.v-word-test-view .spelling-definition .definition-item{padding:8px 12px;gap:10px}.v-word-test-view .audio-definition .definition-label,.v-word-test-view .phonetic-definition .definition-label,.v-word-test-view .spelling-definition .definition-label{font-size:.8rem;min-width:68px}.v-word-test-view .audio-definition .definition-content,.v-word-test-view .phonetic-definition .definition-content,.v-word-test-view .spelling-definition .definition-content{font-size:.9rem}.v-word-test-view .test-hint{font-size:.85rem;margin-top:10px}.v-word-test-view .phonetic-display-wrapper,.v-word-test-view .meaning-word-wrapper{gap:12px;margin-bottom:12px}.v-word-test-view .word-text{font-size:2.5rem}.v-word-test-view .phonetic-text{font-size:2rem}.v-word-test-view .meaning-audio-btn,.v-word-test-view .phonetic-audio-btn,.v-word-test-view .spelling-audio-btn{width:46px;height:46px}.v-word-test-view .meaning-audio-btn .audio-icon-svg,.v-word-test-view .phonetic-audio-btn .audio-icon-svg,.v-word-test-view .spelling-audio-btn .audio-icon-svg{width:20px;height:20px}.v-word-test-view .spelling-test{gap:24px}.v-word-test-view .spelling-question{gap:12px}.v-word-test-view .spelling-audio-wrapper{gap:10px;margin-bottom:12px}.v-word-test-view .audio-btn-text{font-size:.9rem}.v-word-test-view .spelling-hint{font-size:1.2rem;letter-spacing:2px}.v-word-test-view .letter-inputs{gap:4px;padding:0 4px}.v-word-test-view .letter-input-wrapper{width:32px;height:48px;min-width:32px}.v-word-test-view .letter-input{font-size:1.4rem;border-bottom-width:2px}.v-word-test-view .letter-input:focus{border-bottom-width:3px}.v-word-test-view .letter-placeholder{bottom:2px;font-size:.6rem}.v-word-test-view .spelling-actions{gap:10px;flex-wrap:wrap}.v-word-test-view .spelling-actions .el-button{flex:1;min-width:120px}.v-word-test-view .spelling-actions .icon-svg{width:16px;height:16px}.v-word-test-view .options-grid{grid-template-columns:repeat(2,1fr);gap:10px}.v-word-test-view .option-item{padding:14px 16px;font-size:.95rem;border-radius:14px;gap:10px}.v-word-test-view .option-label{width:28px;height:28px;font-size:.8rem}.v-word-test-view .feedback-overlay{padding:16px}.v-word-test-view .feedback-content{padding:28px 22px;min-width:280px;max-width:100%;border-radius:20px}.v-word-test-view .feedback-icon{margin-bottom:16px}.v-word-test-view .icon-wrapper{width:60px;height:60px}.v-word-test-view .icon-emoji{width:56px;height:56px}.v-word-test-view .feedback-title{font-size:1.6rem;margin-bottom:12px}.v-word-test-view .feedback-desc{font-size:.95rem}.v-word-test-view .answer-text{font-size:1.2rem;padding:10px 20px}.v-word-test-view .feedback-progress{padding:14px;gap:10px;margin-bottom:20px;border-radius:14px}.v-word-test-view .progress-label{font-size:.75rem}.v-word-test-view .progress-value{font-size:1.1rem}.v-word-test-view .feedback-btn{padding:14px;font-size:1.05rem;border-radius:14px}.v-word-test-view .btn-icon{width:18px;height:18px}.v-word-test-view .result-section{max-width:100%}.v-word-test-view .result-card{padding:28px 22px;border-radius:20px}.v-word-test-view .result-header{margin-bottom:32px}.v-word-test-view .result-icon{font-size:4rem;margin-bottom:18px}.v-word-test-view .result-title{font-size:2rem}.v-word-test-view .result-subtitle{font-size:1rem}.v-word-test-view .test-mode-badge{font-size:.85rem;padding:6px 16px}.v-word-test-view .test-mode-badge .badge-value{padding:2px 10px}.v-word-test-view .result-stats{flex-direction:column;gap:20px;padding:22px;border-radius:18px}.v-word-test-view .stat-circle svg{width:160px;height:160px}.v-word-test-view .accuracy-number{font-size:2rem}.v-word-test-view .accuracy-label{font-size:.8rem}.v-word-test-view .stats-grid{width:100%;gap:12px}.v-word-test-view .stat-item{padding:14px 16px;gap:12px;border-radius:14px}.v-word-test-view .stat-icon{width:36px;height:36px}.v-word-test-view .stat-icon.total{font-size:32px}.v-word-test-view .stat-value{font-size:1.75rem}.v-word-test-view .stat-label{font-size:.8rem}.v-word-test-view .wrong-words-section{margin-bottom:24px}.v-word-test-view .wrong-words-section .section-title{font-size:1.1rem;margin-bottom:14px}.v-word-test-view .wrong-words-list{gap:8px;max-height:350px}.v-word-test-view .wrong-word-item{padding:12px 16px;gap:12px;border-radius:12px;flex-wrap:wrap}.v-word-test-view .word-main{font-size:1rem}.v-word-test-view .word-phonetic{font-size:.8rem}.v-word-test-view .word-meaning{font-size:.85rem;width:100%}.v-word-test-view .test-type-tag{padding:4px 12px;font-size:.75rem}.v-word-test-view .tags-container{padding:14px;gap:8px}.v-word-test-view .weak-tag{padding:6px 14px;font-size:.8rem}.v-word-test-view .result-actions{flex-direction:column;gap:10px;align-items:stretch}.v-word-test-view .result-actions .action-btn{width:100%!important;padding:14px 16px!important;min-height:48px!important;margin:0!important;border-radius:14px}.v-word-test-view .result-actions .el-button{width:100%!important;padding:14px 16px!important;min-height:48px!important;margin:0!important}}@media (max-width: 768px) and (min-width: 481px){.v-word-test-view .letter-input-wrapper{width:40px;height:48px;min-width:40px}.v-word-test-view .letter-input{font-size:1.6rem}.v-word-test-view .letter-inputs{gap:8px;padding:0 6px}}@media (max-width: 480px){.v-word-test-view .word-test-container{padding:16px 12px}.v-word-test-view .test-header{margin-bottom:22px;padding-top:10px}.v-word-test-view .header-title{font-size:1.4rem;gap:6px}.v-word-test-view .title-icon{width:22px;height:22px}.v-word-test-view .header-subtitle{font-size:.8rem}.v-word-test-view .usage-top-right{top:10px;right:10px}.v-word-test-view .config-card,.v-word-test-view .test-card,.v-word-test-view .result-card{padding:18px 14px;border-radius:18px}.v-word-test-view .config-body{gap:22px}.v-word-test-view .config-group{gap:10px}.v-word-test-view .config-label{font-size:.85rem}.v-word-test-view .label-icon-wrapper{width:30px;height:30px}.v-word-test-view .source-option{padding:12px;border-radius:12px}.v-word-test-view .option-icon-wrapper{width:34px;height:34px}.v-word-test-view .option-name{font-size:.8rem}.v-word-test-view .option-desc{font-size:.65rem}.v-word-test-view .count-selector{padding:10px}.v-word-test-view .count-presets{gap:6px}.v-word-test-view .preset-btn{padding:6px 14px;font-size:.8rem}.v-word-test-view .test-types-selector{grid-template-columns:repeat(2,1fr);gap:8px}.v-word-test-view .test-mode-item{padding:12px 8px;border-radius:12px}.v-word-test-view .mode-icon-wrapper{width:38px;height:38px;border-radius:10px}.v-word-test-view .mode-name{font-size:.75rem}.v-word-test-view .mode-desc{font-size:.64rem}.v-word-test-view .types-desc{font-size:.8rem}.v-word-test-view .overall-weak-points{padding:12px;margin-top:14px}.v-word-test-view .weak-points-title{font-size:.85rem}.v-word-test-view .weak-point-summary-item{padding:8px 12px;gap:8px}.v-word-test-view .summary-type-name{font-size:.8rem;min-width:45px}.v-word-test-view .summary-error-count,.v-word-test-view .summary-word-count{font-size:.75rem}.v-word-test-view .weak-points-tip{font-size:.8rem}.v-word-test-view .start-test-btn{padding:16px;font-size:1.05rem;border-radius:14px}.v-word-test-view .test-top-bar{gap:8px;margin-bottom:14px}.v-word-test-view .test-progress-bar{padding:12px 14px;border-radius:12px}.v-word-test-view .progress-info{gap:4px}.v-word-test-view .progress-text{font-size:.8rem}.v-word-test-view .progress-score{font-size:.75rem;gap:4px}.v-word-test-view .progress-track{height:7px}.v-word-test-view .exit-test-btn{padding:10px}.v-word-test-view .test-card{padding:16px 14px}.v-word-test-view .test-card-header{margin-bottom:18px;padding-bottom:12px;gap:8px}.v-word-test-view .test-type-badge{padding:4px 12px;font-size:.75rem}.v-word-test-view .test-number{font-size:.75rem}.v-word-test-view .error-stats-summary{gap:4px}.v-word-test-view .error-stat-item{font-size:.68rem;padding:2px 6px}.v-word-test-view .audio-icon{width:100px;height:100px;margin-bottom:20px}.v-word-test-view .audio-icon .audio-icon-svg{width:46px;height:46px}.v-word-test-view .audio-definition,.v-word-test-view .phonetic-definition,.v-word-test-view .spelling-definition{padding:12px 14px;gap:6px}.v-word-test-view .audio-definition .definition-item,.v-word-test-view .phonetic-definition .definition-item,.v-word-test-view .spelling-definition .definition-item{padding:8px 10px;gap:8px}.v-word-test-view .audio-definition .definition-label,.v-word-test-view .phonetic-definition .definition-label,.v-word-test-view .spelling-definition .definition-label{font-size:.78rem;min-width:62px}.v-word-test-view .audio-definition .definition-content,.v-word-test-view .phonetic-definition .definition-content,.v-word-test-view .spelling-definition .definition-content{font-size:.85rem}.v-word-test-view .test-hint{font-size:.8rem}.v-word-test-view .phonetic-display-wrapper,.v-word-test-view .meaning-word-wrapper{gap:10px;margin-bottom:10px}.v-word-test-view .word-text{font-size:2rem}.v-word-test-view .phonetic-text{font-size:1.75rem}.v-word-test-view .meaning-audio-btn,.v-word-test-view .phonetic-audio-btn,.v-word-test-view .spelling-audio-btn{width:42px;height:42px}.v-word-test-view .meaning-audio-btn .audio-icon-svg,.v-word-test-view .phonetic-audio-btn .audio-icon-svg,.v-word-test-view .spelling-audio-btn .audio-icon-svg{width:18px;height:18px}.v-word-test-view .spelling-test{gap:18px}.v-word-test-view .spelling-question{gap:10px}.v-word-test-view .spelling-audio-wrapper{gap:8px;margin-bottom:10px}.v-word-test-view .audio-btn-text{font-size:.85rem}.v-word-test-view .spelling-hint{font-size:1.1rem;letter-spacing:1.5px}.v-word-test-view .spelling-input-area{gap:16px}.v-word-test-view .letter-inputs{gap:3px;padding:0 2px}.v-word-test-view .letter-input-wrapper{width:26px;height:44px;min-width:26px}.v-word-test-view .letter-input{font-size:1.2rem}.v-word-test-view .letter-input:focus{border-bottom-width:3px}.v-word-test-view .spelling-actions{gap:8px;width:100%}.v-word-test-view .spelling-actions .el-button{flex:1;min-width:100px;padding:12px}.v-word-test-view .spelling-actions .icon-svg{width:14px;height:14px}.v-word-test-view .options-grid{grid-template-columns:1fr;gap:8px}.v-word-test-view .option-item{padding:14px;font-size:.9rem;border-radius:12px;gap:10px}.v-word-test-view .option-label{width:26px;height:26px;font-size:.75rem}.v-word-test-view .feedback-overlay{padding:12px}.v-word-test-view .feedback-content{padding:22px 18px;min-width:260px;border-radius:18px}.v-word-test-view .icon-wrapper{width:52px;height:52px}.v-word-test-view .icon-emoji{width:48px;height:48px}.v-word-test-view .feedback-title{font-size:1.4rem}.v-word-test-view .feedback-desc{font-size:.9rem}.v-word-test-view .answer-text{font-size:1.1rem;padding:8px 16px}.v-word-test-view .feedback-progress{padding:12px;gap:8px;margin-bottom:16px}.v-word-test-view .progress-label{font-size:.72rem}.v-word-test-view .progress-value{font-size:1rem}.v-word-test-view .feedback-btn{padding:12px;font-size:1rem;border-radius:12px}.v-word-test-view .result-card{padding:22px 16px}.v-word-test-view .result-header{margin-bottom:24px}.v-word-test-view .result-icon{font-size:3.5rem;margin-bottom:14px}.v-word-test-view .result-title{font-size:1.75rem}.v-word-test-view .result-subtitle{font-size:.95rem}.v-word-test-view .test-mode-badge{font-size:.8rem;padding:6px 14px}.v-word-test-view .test-mode-badge .badge-value{padding:2px 8px;font-size:.8rem}.v-word-test-view .result-stats{gap:16px;padding:16px;border-radius:16px}.v-word-test-view .stat-circle svg{width:140px;height:140px}.v-word-test-view .accuracy-number{font-size:1.75rem}.v-word-test-view .stats-grid{gap:10px}.v-word-test-view .stat-item{padding:12px 14px;gap:10px;border-radius:12px}.v-word-test-view .stat-icon{width:32px;height:32px}.v-word-test-view .stat-icon.total{font-size:28px}.v-word-test-view .stat-value{font-size:1.5rem}.v-word-test-view .stat-label{font-size:.78rem}.v-word-test-view .wrong-words-section{margin-bottom:20px}.v-word-test-view .wrong-words-section .section-title{font-size:1rem;margin-bottom:12px}.v-word-test-view .wrong-words-list{gap:8px;max-height:300px}.v-word-test-view .wrong-word-item{padding:10px 14px;gap:10px;border-radius:10px}.v-word-test-view .word-main{font-size:.95rem}.v-word-test-view .word-phonetic{font-size:.78rem}.v-word-test-view .word-meaning{font-size:.82rem}.v-word-test-view .test-type-tag{padding:4px 10px;font-size:.72rem}.v-word-test-view .tags-container{padding:12px;gap:6px}.v-word-test-view .weak-tag{padding:5px 12px;font-size:.75rem}.v-word-test-view .result-actions{gap:8px}.v-word-test-view .result-actions .action-btn,.v-word-test-view .result-actions .el-button{padding:12px 14px!important;min-height:44px!important}}@media (max-width: 360px){.v-word-test-view .word-test-container{padding:12px 10px}.v-word-test-view .header-title{font-size:1.3rem}.v-word-test-view .title-icon{width:20px;height:20px}.v-word-test-view .config-card,.v-word-test-view .test-card,.v-word-test-view .result-card{padding:14px 10px;border-radius:16px}.v-word-test-view .word-text{font-size:1.75rem}.v-word-test-view .phonetic-text{font-size:1.5rem}.v-word-test-view .audio-icon{width:90px;height:90px}.v-word-test-view .audio-icon .audio-icon-svg{width:40px;height:40px}.v-word-test-view .letter-input-wrapper{width:22px;height:40px;min-width:22px}.v-word-test-view .letter-input{font-size:1rem}.v-word-test-view .letter-inputs{gap:2px;padding:0 1px}.v-word-test-view .result-title{font-size:1.5rem}.v-word-test-view .stat-circle svg{width:120px;height:120px}.v-word-test-view .accuracy-number{font-size:1.5rem}}[data-v-dc4d6b5c] .word-test-detail-dialog .el-dialog{overflow:hidden!important}[data-v-dc4d6b5c] .word-test-detail-dialog .el-dialog__body{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;will-change:scroll-position!important;transform:translateZ(0)!important}[data-v-dc4d6b5c] .word-test-detail-dialog .el-dialog__body::-webkit-scrollbar{display:none!important}.test-detail[data-v-dc4d6b5c]{position:relative;z-index:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:visible}.test-detail .detail-header[data-v-dc4d6b5c]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.3);margin-bottom:24px}.test-detail .detail-header .detail-info[data-v-dc4d6b5c]{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.test-detail .detail-header .detail-info .info-item[data-v-dc4d6b5c]{line-height:1.6}.test-detail .detail-header .detail-info .info-item .info-label[data-v-dc4d6b5c]{font-size:15px;font-weight:500;color:#ffffffe6;margin-right:8px;letter-spacing:.3px}.test-detail .detail-header .detail-info .info-item .info-value[data-v-dc4d6b5c]{font-size:15px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25);letter-spacing:.2px}.test-detail .detail-header .detail-score[data-v-dc4d6b5c]{text-align:center}.test-detail .detail-header .detail-score .score-value[data-v-dc4d6b5c]{font-size:52px;font-weight:800;line-height:1.2;margin-bottom:6px;text-shadow:0 3px 12px rgba(0,0,0,.4);letter-spacing:-.5px}.test-detail .detail-header .detail-score .score-value.score-excellent[data-v-dc4d6b5c]{color:#86efac}.test-detail .detail-header .detail-score .score-value.score-good[data-v-dc4d6b5c]{color:#93c5fd}.test-detail .detail-header .detail-score .score-value.score-pass[data-v-dc4d6b5c]{color:#fcd34d}.test-detail .detail-header .detail-score .score-value.score-fail[data-v-dc4d6b5c]{color:#fca5a5}.test-detail .detail-header .detail-score .score-label[data-v-dc4d6b5c]{font-size:15px;font-weight:500;color:#ffffffe6;letter-spacing:.5px}.test-detail .detail-stats[data-v-dc4d6b5c]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.test-detail .detail-stats .stat-box[data-v-dc4d6b5c]{text-align:center;padding:24px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #00000026;transition:transform .2s ease}.test-detail .detail-stats .stat-box[data-v-dc4d6b5c]:hover{transform:translateY(-2px)}.test-detail .detail-stats .stat-box .stat-box-value[data-v-dc4d6b5c]{font-size:36px;font-weight:800;line-height:1.2;color:#22c55e;margin-bottom:6px;letter-spacing:-.5px}.test-detail .detail-stats .stat-box .stat-box-value.wrong[data-v-dc4d6b5c]{color:#ef4444}.test-detail .detail-stats .stat-box .stat-box-value.accuracy-excellent[data-v-dc4d6b5c]{color:#22c55e}.test-detail .detail-stats .stat-box .stat-box-value.accuracy-good[data-v-dc4d6b5c]{color:#3b82f6}.test-detail .detail-stats .stat-box .stat-box-value.accuracy-pass[data-v-dc4d6b5c]{color:#f59e0b}.test-detail .detail-stats .stat-box .stat-box-value.accuracy-fail[data-v-dc4d6b5c]{color:#ef4444}.test-detail .detail-stats .stat-box .stat-box-label[data-v-dc4d6b5c]{font-size:15px;font-weight:500;color:#4a5568;letter-spacing:.3px}.test-detail .section-title[data-v-dc4d6b5c]{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:.5px;line-height:1.4}.test-detail .wrong-words-section[data-v-dc4d6b5c]{margin-bottom:32px}.test-detail .wrong-words-section .wrong-words-list[data-v-dc4d6b5c]{display:flex;flex-direction:column;gap:12px}.test-detail .wrong-words-section .wrong-word-item[data-v-dc4d6b5c]{padding:18px;background:#fffffffa;border-radius:10px;border-left:4px solid #ef4444;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.test-detail .wrong-words-section .wrong-word-item[data-v-dc4d6b5c]:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001f}.test-detail .wrong-words-section .wrong-word-item .wrong-word-header[data-v-dc4d6b5c]{display:flex;align-items:center;gap:12px;margin-bottom:10px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-header .wrong-word-text[data-v-dc4d6b5c]{font-size:17px;font-weight:700;color:#1a202c;letter-spacing:.3px;line-height:1.5}.test-detail .wrong-words-section .wrong-word-item .wrong-word-header .wrong-test-type[data-v-dc4d6b5c]{padding:4px 10px;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details[data-v-dc4d6b5c]{display:flex;flex-direction:column;gap:6px;line-height:1.6}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row[data-v-dc4d6b5c]{font-size:15px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row .detail-label[data-v-dc4d6b5c]{font-weight:500;color:#64748b;margin-right:8px;letter-spacing:.2px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row .detail-value[data-v-dc4d6b5c]{font-weight:600;letter-spacing:.2px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row .detail-value.correct[data-v-dc4d6b5c]{color:#16a34a}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row .detail-value.wrong[data-v-dc4d6b5c]{color:#dc2626}.test-detail .all-questions-section .questions-list[data-v-dc4d6b5c]{display:flex;flex-direction:column;gap:12px}.test-detail .all-questions-section .question-item[data-v-dc4d6b5c]{padding:18px;background:#fffffffa;border-radius:10px;border-left:4px solid #cbd5e1;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.test-detail .all-questions-section .question-item[data-v-dc4d6b5c]:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001f}.test-detail .all-questions-section .question-item.is-correct[data-v-dc4d6b5c]{background:#f0fdf4fa;border-left-color:#22c55e}.test-detail .all-questions-section .question-item.is-wrong[data-v-dc4d6b5c]{background:#fef2f2fa;border-left-color:#ef4444}.test-detail .all-questions-section .question-item .question-header[data-v-dc4d6b5c]{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.test-detail .all-questions-section .question-item .question-header .question-number[data-v-dc4d6b5c]{font-size:15px;font-weight:700;color:#1a202c;letter-spacing:.3px}.test-detail .all-questions-section .question-item .question-header .question-status[data-v-dc4d6b5c]{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.3px}.test-detail .all-questions-section .question-item .question-header .question-status.correct[data-v-dc4d6b5c]{background:#dcfce7;color:#16a34a}.test-detail .all-questions-section .question-item .question-header .question-status.wrong[data-v-dc4d6b5c]{background:#fee2e2;color:#dc2626}.test-detail .all-questions-section .question-item .question-header .question-type[data-v-dc4d6b5c]{padding:4px 10px;background:#e2e8f0;color:#4a5568;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px}.test-detail .all-questions-section .question-item .question-content .question-word[data-v-dc4d6b5c]{font-size:19px;font-weight:800;color:#1a202c;margin-bottom:10px;letter-spacing:.3px;line-height:1.5}.test-detail .all-questions-section .question-item .question-content .question-answers[data-v-dc4d6b5c]{display:flex;flex-direction:column;gap:6px;line-height:1.6}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row[data-v-dc4d6b5c]{font-size:15px}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row .answer-label[data-v-dc4d6b5c]{font-weight:500;color:#64748b;margin-right:8px;letter-spacing:.2px}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row .answer-value[data-v-dc4d6b5c]{font-weight:600;letter-spacing:.2px}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row .answer-value.correct[data-v-dc4d6b5c]{color:#16a34a}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row .answer-value.wrong[data-v-dc4d6b5c]{color:#dc2626}@media (max-width: 768px){[data-v-dc4d6b5c] .el-dialog{margin:10vh auto 5vh!important;max-height:85vh;display:flex;flex-direction:column}[data-v-dc4d6b5c] .el-dialog__body{padding:16px;overflow-y:auto!important;overflow-x:hidden!important;flex:1;min-height:0;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;will-change:scroll-position!important;transform:translateZ(0)!important}[data-v-dc4d6b5c] .el-dialog__body::-webkit-scrollbar{display:none!important}[data-v-dc4d6b5c] .el-dialog__title{font-size:18px}.test-detail .detail-header[data-v-dc4d6b5c]{flex-direction:column;gap:16px;padding-bottom:16px;margin-bottom:20px}.test-detail .detail-header .detail-info[data-v-dc4d6b5c]{grid-template-columns:1fr;gap:12px;width:100%}.test-detail .detail-header .detail-info .info-item[data-v-dc4d6b5c]{line-height:1.5}.test-detail .detail-header .detail-info .info-item .info-label[data-v-dc4d6b5c]{font-size:14px;margin-right:6px}.test-detail .detail-header .detail-info .info-item .info-value[data-v-dc4d6b5c]{font-size:14px}.test-detail .detail-header .detail-score[data-v-dc4d6b5c]{width:100%;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.test-detail .detail-header .detail-score .score-value[data-v-dc4d6b5c]{font-size:42px;margin-bottom:4px}.test-detail .detail-header .detail-score .score-label[data-v-dc4d6b5c]{font-size:14px}.test-detail .detail-stats[data-v-dc4d6b5c]{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.test-detail .detail-stats .stat-box[data-v-dc4d6b5c]{padding:16px 12px}.test-detail .detail-stats .stat-box .stat-box-value[data-v-dc4d6b5c]{font-size:28px;margin-bottom:4px}.test-detail .detail-stats .stat-box .stat-box-label[data-v-dc4d6b5c]{font-size:13px}.test-detail .section-title[data-v-dc4d6b5c]{font-size:18px;margin-bottom:16px}.test-detail .wrong-words-section[data-v-dc4d6b5c]{margin-bottom:24px}.test-detail .wrong-words-section .wrong-word-item[data-v-dc4d6b5c]{padding:14px;border-radius:8px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-header[data-v-dc4d6b5c]{flex-wrap:wrap;gap:8px;margin-bottom:8px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-header .wrong-word-text[data-v-dc4d6b5c]{font-size:16px;flex:1;min-width:120px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-header .wrong-test-type[data-v-dc4d6b5c]{padding:3px 8px;font-size:11px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details[data-v-dc4d6b5c]{gap:5px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row[data-v-dc4d6b5c]{font-size:14px;display:flex;flex-wrap:wrap}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row .detail-label[data-v-dc4d6b5c]{margin-right:6px;min-width:70px}.test-detail .wrong-words-section .wrong-word-item .wrong-word-details .detail-row .detail-value[data-v-dc4d6b5c]{flex:1;word-break:break-word}.test-detail .all-questions-section .question-item[data-v-dc4d6b5c]{padding:14px;border-radius:8px}.test-detail .all-questions-section .question-item .question-header[data-v-dc4d6b5c]{flex-wrap:wrap;gap:8px;margin-bottom:12px}.test-detail .all-questions-section .question-item .question-header .question-number[data-v-dc4d6b5c]{font-size:14px}.test-detail .all-questions-section .question-item .question-header .question-status[data-v-dc4d6b5c],.test-detail .all-questions-section .question-item .question-header .question-type[data-v-dc4d6b5c]{padding:3px 8px;font-size:11px}.test-detail .all-questions-section .question-item .question-content .question-word[data-v-dc4d6b5c]{font-size:17px;margin-bottom:8px}.test-detail .all-questions-section .question-item .question-content .question-answers[data-v-dc4d6b5c]{gap:5px}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row[data-v-dc4d6b5c]{font-size:14px;display:flex;flex-wrap:wrap}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row .answer-label[data-v-dc4d6b5c]{margin-right:6px;min-width:70px}.test-detail .all-questions-section .question-item .question-content .question-answers .answer-row .answer-value[data-v-dc4d6b5c]{flex:1;word-break:break-word}}@media (max-width: 480px){[data-v-dc4d6b5c] .el-dialog{width:98%!important;margin:8vh auto 2vh!important;max-height:90vh}[data-v-dc4d6b5c] .el-dialog__body{padding:12px;overflow-y:auto!important;overflow-x:hidden!important;min-height:0;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;will-change:scroll-position!important;transform:translateZ(0)!important}[data-v-dc4d6b5c] .el-dialog__body::-webkit-scrollbar{display:none!important}.test-detail .detail-header .detail-score .score-value[data-v-dc4d6b5c]{font-size:36px}.test-detail .detail-stats[data-v-dc4d6b5c]{gap:10px}.test-detail .detail-stats .stat-box[data-v-dc4d6b5c]{padding:14px 10px}.test-detail .detail-stats .stat-box .stat-box-value[data-v-dc4d6b5c]{font-size:24px}.test-detail .detail-stats .stat-box .stat-box-label[data-v-dc4d6b5c]{font-size:12px}.test-detail .section-title[data-v-dc4d6b5c]{font-size:16px;margin-bottom:12px}.test-detail .wrong-words-section .wrong-word-item[data-v-dc4d6b5c],.test-detail .wrong-words-section .question-item[data-v-dc4d6b5c],.test-detail .all-questions-section .wrong-word-item[data-v-dc4d6b5c],.test-detail .all-questions-section .question-item[data-v-dc4d6b5c]{padding:12px}}.v-word-test-history-view .test-history-container{padding:32px 24px;min-height:100vh;background:#f5f7fa}.v-word-test-history-view .page-header{margin-bottom:32px}.v-word-test-history-view .page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.v-word-test-history-view .page-header .header-title h1{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.v-word-test-history-view .page-header .header-title .page-description{font-size:16px;color:#718096;margin:0}.v-word-test-history-view .page-header .refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.v-word-test-history-view .page-header .refresh-btn .refresh-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.v-word-test-history-view .page-header .refresh-btn .refresh-text{flex-shrink:0;line-height:1.5}.v-word-test-history-view .page-header .refresh-btn .el-button__inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px}.v-word-test-history-view .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.v-word-test-history-view .stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.v-word-test-history-view .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.v-word-test-history-view .stat-card .stat-icon{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.stat-card:hover .v-word-test-history-view .stat-card .stat-icon{transform:scale(1.1) rotate(5deg)}.v-word-test-history-view .stat-card .stat-content{flex:1;min-width:0}.v-word-test-history-view .stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:4px;line-height:1.2;word-break:break-word}.v-word-test-history-view .stat-card .stat-content .stat-label{font-size:14px;color:#718096;line-height:1.4}.v-word-test-history-view .test-records-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.v-word-test-history-view .empty-state{padding:80px 20px;text-align:center}.v-word-test-history-view .test-records-list{display:flex;flex-direction:column;gap:16px}.v-word-test-history-view .test-record-card{background:#f8f9fa;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.v-word-test-history-view .test-record-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.v-word-test-history-view .test-record-card:active{transform:translateY(0);transition:transform .1s ease}.v-word-test-history-view .test-record-card .record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.v-word-test-history-view .test-record-card .record-header .record-title{display:flex;gap:8px;align-items:center}.v-word-test-history-view .test-record-card .record-header .test-mode-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;background:#667eea;color:#fff}.v-word-test-history-view .test-record-card .record-header .test-mode-badge.mode-random{background:#667eea}.v-word-test-history-view .test-record-card .record-header .test-mode-badge.mode-weak{background:#f5576c}.v-word-test-history-view .test-record-card .record-header .test-mode-badge.mode-audio{background:#4facfe}.v-word-test-history-view .test-record-card .record-header .test-mode-badge.mode-phonetic{background:#43e97b}.v-word-test-history-view .test-record-card .record-header .test-mode-badge.mode-meaning{background:#fa709a}.v-word-test-history-view .test-record-card .record-header .test-mode-badge.mode-spelling{background:#fee140;color:#1a202c}.v-word-test-history-view .test-record-card .record-header .test-source-badge{padding:4px 12px;border-radius:12px;font-size:12px;background:#e2e8f0;color:#4a5568}.v-word-test-history-view .test-record-card .record-header .record-time{font-size:14px;color:#718096}.v-word-test-history-view .test-record-card .record-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:12px}.v-word-test-history-view .test-record-card .record-stats .stat-item{display:flex;flex-direction:column;gap:4px}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-label{font-size:12px;color:#718096}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value{font-size:18px;font-weight:600;color:#1a202c}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.score-excellent{color:#22c55e}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.score-good{color:#3b82f6}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.score-pass{color:#f59e0b}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.score-fail{color:#ef4444}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.accuracy-excellent{color:#22c55e}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.accuracy-good{color:#3b82f6}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.accuracy-pass{color:#f59e0b}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value.accuracy-fail{color:#ef4444}.v-word-test-history-view .test-record-card .record-footer{padding-top:12px;border-top:1px solid #e2e8f0}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .wrong-label{font-size:12px;color:#718096;font-weight:600}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .wrong-word-tag{padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:12px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .more-wrong{font-size:12px;color:#718096}@media (max-width: 768px){.v-word-test-history-view .test-history-container{padding:20px 16px}.v-word-test-history-view .page-header{margin-bottom:24px}.v-word-test-history-view .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.v-word-test-history-view .page-header .header-title h1{font-size:24px;margin-bottom:6px}.v-word-test-history-view .page-header .header-title .page-description{font-size:14px;line-height:1.5}.v-word-test-history-view .page-header .refresh-btn{width:100%;padding:12px;min-height:44px}.v-word-test-history-view .page-header .refresh-btn .refresh-icon{width:16px;height:16px}.v-word-test-history-view .page-header .refresh-btn .refresh-text{font-size:15px}.v-word-test-history-view .stats-section{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.v-word-test-history-view .stat-card{padding:16px;gap:12px;border-radius:10px}.v-word-test-history-view .stat-card .stat-icon{width:32px;height:32px}.v-word-test-history-view .stat-card .stat-content .stat-value{font-size:22px;margin-bottom:2px}.v-word-test-history-view .stat-card .stat-content .stat-label{font-size:12px}.v-word-test-history-view .test-records-section{padding:16px;border-radius:10px}.v-word-test-history-view .empty-state{padding:60px 16px}.v-word-test-history-view .test-records-list{gap:12px}.v-word-test-history-view .test-record-card{padding:16px;border-radius:10px}.v-word-test-history-view .test-record-card .record-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.v-word-test-history-view .test-record-card .record-header .record-title{flex-wrap:wrap;gap:6px;width:100%;align-items:center}.v-word-test-history-view .test-record-card .record-header .test-mode-badge,.v-word-test-history-view .test-record-card .record-header .test-source-badge{padding:3px 10px;font-size:11px;border-radius:10px;white-space:nowrap}.v-word-test-history-view .test-record-card .record-header .record-time{font-size:12px;width:100%;text-align:left;color:#94a3b8;line-height:1.4}.v-word-test-history-view .test-record-card .record-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:10px}.v-word-test-history-view .test-record-card .record-stats .stat-item{gap:3px}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-label{font-size:11px}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value{font-size:16px}.v-word-test-history-view .test-record-card .record-footer{padding-top:10px;margin-top:10px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview{gap:6px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .wrong-label{font-size:11px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .wrong-word-tag{padding:2px 6px;font-size:11px;border-radius:4px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .more-wrong{font-size:11px}}@media (max-width: 480px){.v-word-test-history-view .test-history-container{padding:16px 12px}.v-word-test-history-view .page-header{margin-bottom:20px}.v-word-test-history-view .page-header .header-title h1{font-size:22px}.v-word-test-history-view .page-header .header-title .page-description{font-size:13px}.v-word-test-history-view .page-header .refresh-btn{padding:10px;min-height:42px}.v-word-test-history-view .page-header .refresh-btn .refresh-icon{width:15px;height:15px}.v-word-test-history-view .page-header .refresh-btn .refresh-text{font-size:14px}.v-word-test-history-view .stats-section{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.v-word-test-history-view .stat-card{padding:14px;gap:10px}.v-word-test-history-view .stat-card .stat-icon{width:28px;height:28px}.v-word-test-history-view .stat-card .stat-content .stat-value{font-size:20px}.v-word-test-history-view .stat-card .stat-content .stat-label{font-size:11px}.v-word-test-history-view .test-records-section{padding:14px}.v-word-test-history-view .empty-state{padding:40px 12px}.v-word-test-history-view .test-records-list{gap:10px}.v-word-test-history-view .test-record-card{padding:14px}.v-word-test-history-view .test-record-card .record-header{margin-bottom:12px;gap:10px}.v-word-test-history-view .test-record-card .record-header .test-mode-badge,.v-word-test-history-view .test-record-card .record-header .test-source-badge{padding:2px 8px;font-size:10px}.v-word-test-history-view .test-record-card .record-header .record-time{font-size:11px}.v-word-test-history-view .test-record-card .record-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-label{font-size:10px}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value{font-size:14px}.v-word-test-history-view .test-record-card .record-footer{padding-top:8px;margin-top:8px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview{gap:4px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .wrong-label{font-size:10px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .wrong-word-tag{padding:2px 5px;font-size:10px}.v-word-test-history-view .test-record-card .record-footer .wrong-words-preview .more-wrong{font-size:10px}}@media (max-width: 360px){.v-word-test-history-view .test-history-container{padding:12px 10px}.v-word-test-history-view .page-header .header-title h1{font-size:20px}.v-word-test-history-view .page-header .header-title .page-description{font-size:12px}.v-word-test-history-view .page-header .refresh-btn{padding:10px;min-height:40px}.v-word-test-history-view .page-header .refresh-btn .refresh-icon{width:14px;height:14px}.v-word-test-history-view .page-header .refresh-btn .refresh-text{font-size:13px}.v-word-test-history-view .stat-card{padding:12px}.v-word-test-history-view .stat-card .stat-icon{width:24px;height:24px}.v-word-test-history-view .stat-card .stat-content .stat-value{font-size:18px}.v-word-test-history-view .stat-card .stat-content .stat-label{font-size:10px}.v-word-test-history-view .test-record-card{padding:12px}.v-word-test-history-view .test-record-card .record-stats{gap:8px}.v-word-test-history-view .test-record-card .record-stats .stat-item .stat-value{font-size:13px}}.v-learning-progress-view .dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow-x:hidden}.v-learning-progress-view .bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.v-learning-progress-view .floating-shapes{position:relative;width:100%;height:100%}.v-learning-progress-view .shape{position:absolute;border-radius:50%;background:#667eea1a;animation:float 6s ease-in-out infinite}.v-learning-progress-view .shape.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.v-learning-progress-view .shape.shape-2{width:120px;height:120px;top:20%;right:15%;animation-delay:2s}.v-learning-progress-view .shape.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.v-learning-progress-view .shape.shape-4{width:100px;height:100px;bottom:30%;right:10%;animation-delay:1s}@media (max-width: 768px){.v-learning-progress-view .shape{opacity:.6}.v-learning-progress-view .shape.shape-1{width:50px;height:50px}.v-learning-progress-view .shape.shape-2{width:70px;height:70px}.v-learning-progress-view .shape.shape-3{width:40px;height:40px}.v-learning-progress-view .shape.shape-4{width:60px;height:60px}}@media (max-width: 480px){.v-learning-progress-view .shape{opacity:.4}.v-learning-progress-view .shape.shape-1{width:40px;height:40px}.v-learning-progress-view .shape.shape-2{width:50px;height:50px}.v-learning-progress-view .shape.shape-3{width:30px;height:30px}.v-learning-progress-view .shape.shape-4{width:45px;height:45px}}.v-learning-progress-view .dashboard-header{position:relative;z-index:2;padding:40px 20px;text-align:center;color:#2c3e50}.v-learning-progress-view .header-content{margin-bottom:20px}.v-learning-progress-view .dashboard-title{font-size:3rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.v-learning-progress-view .dashboard-title .title-icon{display:inline-block;margin-right:15px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.v-learning-progress-view .dashboard-subtitle{font-size:1.2rem;opacity:.9;margin:0}.v-learning-progress-view .header-actions .refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 15px #667eea4d}.v-learning-progress-view .header-actions .refresh-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.v-learning-progress-view .loading-dashboard{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#2c3e50}.v-learning-progress-view .loading-spinner{position:relative;width:60px;height:60px;margin-bottom:20px}.v-learning-progress-view .spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.v-learning-progress-view .spinner-ring:nth-child(2){animation-delay:.3s;width:80%;height:80%;top:10%;left:10%}.v-learning-progress-view .spinner-ring:nth-child(3){animation-delay:.6s;width:60%;height:60%;top:20%;left:20%}.v-learning-progress-view .loading-text{font-size:1.1rem;opacity:.8}.v-learning-progress-view .dashboard-content{position:relative;z-index:2;padding:0 20px 40px}.v-learning-progress-view .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.v-learning-progress-view .metric-card{position:relative;background:#fffffff2;border-radius:24px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.8);box-shadow:0 10px 40px #0000001a;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.v-learning-progress-view .metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.v-learning-progress-view .metric-card.mastered .card-glow{background:linear-gradient(135deg,#667eea,#764ba2)}.v-learning-progress-view .metric-card.learning .card-glow{background:linear-gradient(135deg,#f093fb,#f5576c)}.v-learning-progress-view .metric-card.favorites .card-glow{background:linear-gradient(135deg,#4facfe,#00f2fe)}.v-learning-progress-view .metric-card.goals .card-glow{background:linear-gradient(135deg,#43e97b,#38f9d7)}.v-learning-progress-view .card-glow{position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.v-learning-progress-view .card-content{display:flex;align-items:center;gap:20px}.v-learning-progress-view .metric-icon .icon-bg{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #667eea4d}.v-learning-progress-view .metric-icon .icon-bg .icon{font-size:24px}.v-learning-progress-view .metric-info{flex:1}.v-learning-progress-view .metric-title{font-size:1rem;color:#666;margin:0 0 10px;font-weight:500}.v-learning-progress-view .metric-value{display:flex;align-items:baseline;gap:5px;margin-bottom:8px}.v-learning-progress-view .metric-value .number{font-size:2.5rem;font-weight:700;color:#2c3e50;line-height:1}.v-learning-progress-view .metric-value .unit{font-size:1rem;color:#999}.v-learning-progress-view .metric-trend{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#666}.v-learning-progress-view .metric-trend .trend-icon{font-size:14px}.v-learning-progress-view .visualization-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.v-learning-progress-view .chart-card,.v-learning-progress-view .stats-dashboard{background:#ffffffe6;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014}.v-learning-progress-view .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.v-learning-progress-view .chart-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.v-learning-progress-view .chart-legend{display:flex;gap:20px}.v-learning-progress-view .legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.v-learning-progress-view .legend-item .legend-color{width:12px;height:12px;border-radius:50%}.v-learning-progress-view .legend-item .legend-color.mastered{background:linear-gradient(135deg,#667eea,#764ba2)}.v-learning-progress-view .legend-item .legend-color.learning{background:linear-gradient(135deg,#f093fb,#f5576c)}.v-learning-progress-view .circular-progress{display:flex;flex-direction:column;align-items:center;gap:24px}.v-learning-progress-view .progress-ring{position:relative;margin-bottom:16px}.v-learning-progress-view .progress-ring-svg{transform:rotate(-90deg);width:100%;height:auto;max-width:240px;max-height:240px}.v-learning-progress-view .progress-ring-circle{transition:stroke-dashoffset 1s ease-out;stroke-linecap:round}.v-learning-progress-view .progress-ring-circle.mastered{transition:stroke-dashoffset 1.5s ease-out}.v-learning-progress-view .progress-ring-circle.learning{transition:stroke-dashoffset 1.5s ease-out .8s}.v-learning-progress-view .progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.v-learning-progress-view .progress-total{margin-bottom:16px}.v-learning-progress-view .total-number{font-size:2.2rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:4px}.v-learning-progress-view .total-label{font-size:.9rem;color:#666;font-weight:500}.v-learning-progress-view .progress-breakdown{display:flex;flex-direction:column;gap:12px;align-items:center}.v-learning-progress-view .breakdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffc;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;min-width:80px}.v-learning-progress-view .breakdown-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.v-learning-progress-view .breakdown-item.mastered .breakdown-dot{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d}.v-learning-progress-view .breakdown-item.learning .breakdown-dot{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 4px #f093fb4d}.v-learning-progress-view .breakdown-text{display:flex;flex-direction:column;align-items:center;gap:2px}.v-learning-progress-view .breakdown-value{font-size:1.2rem;font-weight:700;line-height:1}.v-learning-progress-view .breakdown-item.mastered .breakdown-value{color:#667eea}.v-learning-progress-view .breakdown-item.learning .breakdown-value{color:#f5576c}.v-learning-progress-view .breakdown-label{font-size:.75rem;color:#666;font-weight:500}.v-learning-progress-view .progress-stats{display:flex;justify-content:center;align-items:center;gap:32px;width:100%;padding:20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;border:2px solid rgba(102,126,234,.1)}.v-learning-progress-view .stat-box{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.v-learning-progress-view .stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.v-learning-progress-view .stat-box.mastered{border:2px solid rgba(102,126,234,.2)}.v-learning-progress-view .stat-box.mastered:hover{border-color:#667eea66;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.v-learning-progress-view .stat-box.learning{border:2px solid rgba(240,147,251,.2)}.v-learning-progress-view .stat-box.learning:hover{border-color:#f093fb66;background:linear-gradient(135deg,#f093fb0d,#f5576c0d)}.v-learning-progress-view .stat-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.v-learning-progress-view .stat-box.mastered .stat-dot{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea80}.v-learning-progress-view .stat-box.learning .stat-dot{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 10px #f093fb80}.v-learning-progress-view .stat-info{display:flex;flex-direction:column;gap:4px}.v-learning-progress-view .stat-number{font-size:1.8rem;font-weight:700;line-height:1}.v-learning-progress-view .stat-box.mastered .stat-number{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-learning-progress-view .stat-box.learning .stat-number{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-learning-progress-view .stat-name{font-size:.85rem;color:#666;font-weight:500}.v-learning-progress-view .stat-percent{font-size:1.1rem;font-weight:600;color:#999;margin-left:8px}.v-learning-progress-view .stat-divider{width:2px;height:40px;background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.3) 50%,transparent 100%)}.v-learning-progress-view .progress-percentage{font-size:2.5rem;font-weight:700;color:#2c3e50;line-height:1}.v-learning-progress-view .progress-label{font-size:.9rem;color:#666;margin-top:5px}.v-learning-progress-view .stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.v-learning-progress-view .stats-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.v-learning-progress-view .stats-period{font-size:.9rem;color:#666;background:#667eea1a;padding:5px 12px;border-radius:15px}.v-learning-progress-view .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.v-learning-progress-view .motivation-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);border-radius:16px;margin-bottom:24px}.v-learning-progress-view .motivation-banner .motivation-icon{font-size:1.5rem}.v-learning-progress-view .motivation-banner .motivation-text{font-size:.95rem;font-weight:600;color:#f39c12;line-height:1.4}.v-learning-progress-view .stats-icon{font-size:1.2rem;margin-right:8px}.v-learning-progress-view .period-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.v-learning-progress-view .stat-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:20px;border:2px solid rgba(102,126,234,.1);transition:all .4s cubic-bezier(.25,.8,.25,1);cursor:pointer;overflow:hidden}.v-learning-progress-view .stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.v-learning-progress-view .stat-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translateY(-4px);box-shadow:0 12px 30px #667eea33;border-color:#667eea4d}.v-learning-progress-view .stat-item:hover:before{transform:scaleX(1)}.v-learning-progress-view .stat-item:hover .stat-icon{transform:scale(1.2) rotate(5deg)}.v-learning-progress-view .stat-item:hover .stat-ring{transform:scale(1.3);opacity:.8}.v-learning-progress-view .stat-icon-wrapper{position:relative;width:70px;height:70px}.v-learning-progress-view .stat-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid rgba(102,126,234,.2);transition:all .3s ease}.v-learning-progress-view .stat-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #667eea66;transition:all .3s ease}.v-learning-progress-view .stat-content{text-align:center;width:100%}.v-learning-progress-view .stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.v-learning-progress-view .stat-value.streak{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-learning-progress-view .stat-value.efficiency{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-learning-progress-view .stat-label{font-size:.9rem;color:#666;font-weight:500;margin-bottom:4px}.v-learning-progress-view .stat-tip{font-size:.75rem;color:#999}.v-learning-progress-view .stat-tip .tip-highlight{color:#f39c12;font-weight:600}.v-learning-progress-view .stat-content{flex:1}.v-learning-progress-view .stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:5px}.v-learning-progress-view .stat-label{font-size:.9rem;color:#666}.v-learning-progress-view .trend-section{margin-bottom:40px}.v-learning-progress-view .trend-card{background:#ffffffe6;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014;transition:all .3s ease}.v-learning-progress-view .trend-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.v-learning-progress-view .trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.v-learning-progress-view .trend-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.v-learning-progress-view .period-btn{transition:all .3s ease;border-radius:20px;font-weight:600}.v-learning-progress-view .period-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.v-learning-progress-view .trend-chart{position:relative;height:auto;overflow:visible}.v-learning-progress-view .chart-container-new{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;margin:20px 0;min-height:400px}.v-learning-progress-view .chart-header-new{text-align:center;margin-bottom:20px}.v-learning-progress-view .chart-title-new{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:5px}.v-learning-progress-view .chart-subtitle-new{font-size:14px;color:#666}.v-learning-progress-view .chart-body{display:flex;height:320px;position:relative;padding:20px 0;margin-bottom:20px}.v-learning-progress-view .y-axis-new{width:40px;display:flex;flex-direction:column-reverse;justify-content:space-between;padding-right:10px}.v-learning-progress-view .y-label-new{font-size:12px;color:#666;text-align:right;line-height:1}.v-learning-progress-view .chart-main-new{flex:1;position:relative;background:linear-gradient(to bottom,#f8f9fa,#fff);border-radius:8px;overflow:visible;min-height:200px}.v-learning-progress-view .grid-new{position:absolute;top:0;left:0;right:0;bottom:0}.v-learning-progress-view .grid-line-new{position:absolute;left:0;right:0;height:1px;background:#e0e0e0;opacity:.5}.v-learning-progress-view .trend-line-new{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.v-learning-progress-view .trend-svg{width:100%;height:100%;min-height:200px}.v-learning-progress-view .trend-line-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-in-out forwards}.v-learning-progress-view .trend-area-new{opacity:0;animation:fadeInArea 1.5s ease-in-out .5s forwards}.v-learning-progress-view .data-point-new{position:absolute;width:12px;height:12px;background:#667eea;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #667eea4d;animation:fadeInPoint .5s ease-in-out forwards;animation-delay:var(--delay);opacity:0;cursor:pointer;transition:all .3s ease;z-index:3}.v-learning-progress-view .data-point-new:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 12px #667eea80}.v-learning-progress-view .point-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#667eea;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s ease}.v-learning-progress-view .data-point-new:hover .point-value{opacity:1}.v-learning-progress-view .x-axis-new{position:absolute;bottom:10px;left:40px;right:0;height:30px;display:flex;justify-content:space-between;align-items:center}.v-learning-progress-view .x-label-new{font-size:12px;color:#666;text-align:center;transform:translate(-50%)}.v-learning-progress-view .simple-trend-chart{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;margin:20px 0}.v-learning-progress-view .chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.v-learning-progress-view .header-left h3{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-learning-progress-view .chart-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.v-learning-progress-view .chart-legend{display:flex;align-items:center;margin-top:8px}.v-learning-progress-view .legend-item{display:flex;align-items:center;gap:6px}.v-learning-progress-view .legend-color{width:12px;height:12px;border-radius:50%;box-shadow:0 2px 4px #667eea4d}.v-learning-progress-view .legend-item span{font-size:12px;color:#666;font-weight:500}.v-learning-progress-view .period-selector{display:flex;gap:8px}.v-learning-progress-view .period-btn{padding:8px 16px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.v-learning-progress-view .period-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.v-learning-progress-view .period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}.v-learning-progress-view .chart-container{display:flex;height:450px;position:relative;margin-top:20px}.v-learning-progress-view .chart-main{display:flex;height:100%;position:relative;flex:1}.v-learning-progress-view .y-axis{width:50px;position:relative;padding-right:10px}.v-learning-progress-view .y-label{position:absolute;font-size:12px;color:#666;transform:translateY(50%);right:0}.v-learning-progress-view .chart-area{flex:1;background:linear-gradient(135deg,#f8f9fa,#fff,#f0f2f5);border-radius:16px;margin:0 15px;border:1px solid #e8e9ea;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f;position:relative}.v-learning-progress-view .chart-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 49%,rgba(102,126,234,.03) 50%,transparent 51%);pointer-events:none}.v-learning-progress-view .grid-lines{position:absolute;top:0;left:0;right:0;bottom:0}.v-learning-progress-view .grid-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#e0e0e0 20%,#e0e0e0 80%,transparent 100%);opacity:.6}.v-learning-progress-view .trend-line{position:absolute;top:0;left:0;right:0;bottom:0}.v-learning-progress-view .trend-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.v-learning-progress-view .trend-area{animation:fadeInArea 1.5s ease-out}.v-learning-progress-view .trend-line-path{animation:drawLine 2s ease-out;stroke-linecap:round;stroke-linejoin:round}.v-learning-progress-view .interactive-point{fill:#667eea;stroke:#fff;stroke-width:2;cursor:pointer;opacity:0;transition:all .3s ease;pointer-events:all}.v-learning-progress-view .interactive-point:hover{opacity:1;r:3;fill:#764ba2;stroke:#fff;stroke-width:3}.v-learning-progress-view .data-tooltip{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 8px 32px #667eea4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:1000;pointer-events:none;transform:translate(-50%,-100%);animation:tooltipFadeIn .3s ease-out}.v-learning-progress-view .tooltip-content{text-align:center;min-width:80px}.v-learning-progress-view .tooltip-title{font-size:12px;opacity:.9;margin-bottom:4px}.v-learning-progress-view .tooltip-value{font-size:18px;font-weight:700;margin-bottom:4px}.v-learning-progress-view .tooltip-date{font-size:12px;opacity:.8}.v-learning-progress-view .tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #764ba2}.v-learning-progress-view .data-point{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border:3px solid #fff;border-radius:50%;transform:translate(-50%,50%);box-shadow:0 4px 12px #667eea80,0 0 20px #667eea4d;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:2;opacity:0;animation:fadeInPoint .8s ease-out forwards;animation-delay:var(--delay)}.v-learning-progress-view .data-point:hover{transform:translate(-50%,50%) scale(1.4);box-shadow:0 6px 20px #667eea99,0 0 30px #667eea66;background:linear-gradient(135deg,#667eea,#764ba2 30%,#f093fb 70%,#f5576c)}.v-learning-progress-view .point-tooltip{position:absolute;top:-35px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}.v-learning-progress-view .data-point:hover .point-tooltip{opacity:1}.v-learning-progress-view .line-segments{position:absolute;top:0;left:0;right:0;bottom:0}.v-learning-progress-view .line-segment{position:absolute;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform-origin:left center;opacity:0;animation:drawLineSegment 1s ease-out forwards;animation-delay:var(--delay);border-radius:2px;box-shadow:0 3px 8px #667eea66,0 0 20px #667eea33}.v-learning-progress-view .x-axis{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;justify-content:space-between;align-items:center;padding-left:60px;padding-right:10px}.v-learning-progress-view .x-label{font-size:11px;color:#666;text-align:center;transform:translate(-50%);font-weight:500;background:#fffc;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes drawLineSegment{0%{opacity:0;width:0;transform:scaleX(0)}to{opacity:1;width:100%;transform:scaleX(1)}}@keyframes fadeInPoint{0%{opacity:0;transform:translate(-50%,50%) scale(0)}50%{opacity:.8;transform:translate(-50%,50%) scale(1.2)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}.v-learning-progress-view .chart-container{position:relative;width:100%;height:100%}.v-learning-progress-view .trend-svg{width:100%;height:100%;transition:all .5s ease}.v-learning-progress-view .data-point{opacity:1}.v-learning-progress-view .current-indicator{opacity:0;animation:fadeInIndicator 1s ease-out 1.5s forwards}.v-learning-progress-view .indicator-line{stroke-dasharray:10;animation:dashMove 2s linear infinite}.v-learning-progress-view .current-point{animation:pulse 1.5s ease-in-out infinite}.v-learning-progress-view .current-value{opacity:0;animation:fadeInText .8s ease-out 2s forwards}.v-learning-progress-view .y-axis-labels text,.v-learning-progress-view .x-axis-labels text{opacity:0;animation:fadeInLabels 1s ease-out .5s forwards}.v-learning-progress-view .axis-titles text{opacity:0;animation:fadeInTitles 1s ease-out 1s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInLabels{to{opacity:1}}@keyframes fadeInTitles{to{opacity:1}}@keyframes fadeInArea{to{opacity:.6}}@keyframes fadeInPoint{to{opacity:1}}@keyframes fadeInIndicator{to{opacity:1}}@keyframes dashMove{to{stroke-dashoffset:-20}}@keyframes fadeInText{to{opacity:1}}@media (max-width: 768px){.v-learning-progress-view .trend-header{flex-direction:column;gap:15px;align-items:flex-start}.v-learning-progress-view .trend-filters{width:100%;justify-content:center}.v-learning-progress-view .trend-stats{flex-direction:column;gap:10px}.v-learning-progress-view .trend-stats .stat-item{display:flex;justify-content:space-between;align-items:center}}.v-learning-progress-view .trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.v-learning-progress-view .trend-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.v-learning-progress-view .trend-filters{display:flex;gap:10px}.v-learning-progress-view .chart-placeholder{text-align:center;color:#999}.v-learning-progress-view .chart-placeholder .chart-icon{font-size:48px;margin-bottom:10px}.v-learning-progress-view .chart-placeholder p{font-size:1.1rem;margin:0 0 5px}.v-learning-progress-view .chart-placeholder small{font-size:.9rem;opacity:.7}.v-learning-progress-view .goals-section{margin-bottom:40px}.v-learning-progress-view .goals-card{background:#ffffffe6;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014}.v-learning-progress-view .goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.v-learning-progress-view .goals-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.v-learning-progress-view .goals-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.v-learning-progress-view .goals-list{display:flex;flex-direction:column;gap:20px}.v-learning-progress-view .goal-item{display:flex;align-items:center;gap:15px;padding:20px;background:#ffffffb3;border-radius:15px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.v-learning-progress-view .goal-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea26;border-color:#667eea4d}.v-learning-progress-view .goal-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff}.v-learning-progress-view .goal-content{flex:1}.v-learning-progress-view .goal-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:10px}.v-learning-progress-view .goal-progress{margin-bottom:10px}.v-learning-progress-view .progress-bar{width:100%;height:8px;background:#667eea1a;border-radius:4px;overflow:hidden;margin-bottom:5px}.v-learning-progress-view .progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.v-learning-progress-view .progress-text{font-size:.9rem;color:#666;font-weight:500}.v-learning-progress-view .goal-details{display:flex;gap:15px;font-size:.85rem;color:#888}.v-learning-progress-view .goal-type{background:#667eea1a;color:#667eea;padding:4px 8px;border-radius:12px;font-weight:500}.v-learning-progress-view .goal-date{color:#999}.v-learning-progress-view .no-goals{text-align:center;padding:40px 20px;color:#999}.v-learning-progress-view .no-goals-icon{font-size:3rem;margin-bottom:15px}.v-learning-progress-view .no-goals p{font-size:1.1rem;margin:0 0 5px;color:#666}.v-learning-progress-view .no-goals small{color:#999}.v-learning-progress-view .achievements-section{margin-bottom:40px}.v-learning-progress-view .achievements-card{background:#fffffff2;border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.8);box-shadow:0 12px 40px #0000001a}.v-learning-progress-view .achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,.1)}.v-learning-progress-view .achievements-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0;display:flex;align-items:center;gap:12px}.v-learning-progress-view .trophy-icon{font-size:1.8rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.v-learning-progress-view .animate-count{animation:countUp .6s ease-out}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}.v-learning-progress-view .icon-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,var(--achievement-color, rgba(102, 126, 234, .3)) 0%,transparent 70%);animation:pulse-ring 2s ease-in-out infinite;z-index:0}.v-learning-progress-view .card-decoration{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 60%);transform:rotate(45deg);opacity:.3;pointer-events:none}.v-learning-progress-view .achievements-count{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:8px}.v-learning-progress-view .rarity-legend{display:flex;gap:12px}.v-learning-progress-view .rarity-item{font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:600}.v-learning-progress-view .rarity-item.legendary{background:linear-gradient(135deg,gold,orange);color:#8b4513;box-shadow:0 0 15px #ffd70080}.v-learning-progress-view .rarity-item.epic{background:linear-gradient(135deg,#9b59b6,#e74c3c);color:#fff;box-shadow:0 0 15px #9b59b680}.v-learning-progress-view .rarity-item.rare{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;box-shadow:0 0 15px #3498db80}.v-learning-progress-view .rarity-item.common{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.v-learning-progress-view .achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.v-learning-progress-view .achievement-item{position:relative;display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:20px;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#95e1d31a,#fcbad31a);border:2px solid rgba(149,225,211,.3)}.v-learning-progress-view .achievement-item.legendary{background:linear-gradient(135deg,#ffd70026,#ffa50026);border:2px solid rgba(255,215,0,.5);box-shadow:0 8px 30px #ffd7004d}.v-learning-progress-view .achievement-item.legendary:hover{box-shadow:0 12px 40px #ffd70080;transform:translateY(-4px) scale(1.02)}.v-learning-progress-view .achievement-item.epic{background:linear-gradient(135deg,#9b59b626,#e74c3c26);border:2px solid rgba(155,89,182,.5);box-shadow:0 8px 30px #9b59b64d}.v-learning-progress-view .achievement-item.epic:hover{box-shadow:0 12px 40px #9b59b680;transform:translateY(-4px) scale(1.02)}.v-learning-progress-view .achievement-item.rare{background:linear-gradient(135deg,#3498db26,#2ecc7126);border:2px solid rgba(52,152,219,.5);box-shadow:0 8px 30px #3498db4d}.v-learning-progress-view .achievement-item.rare:hover{box-shadow:0 12px 40px #3498db80;transform:translateY(-4px) scale(1.02)}.v-learning-progress-view .achievement-item.common:hover{transform:translateY(-2px);box-shadow:0 6px 20px #95e1d34d}.v-learning-progress-view .achievement-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--achievement-color) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.v-learning-progress-view .achievement-item:hover .achievement-glow{opacity:.15}.v-learning-progress-view .achievement-badge{position:relative;width:80px;height:80px;flex-shrink:0}.v-learning-progress-view .badge-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--achievement-color) 0%,rgba(255,255,255,.8) 100%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 0 0 4px #ffffffe6,0 0 0 6px var(--achievement-color),0 8px 25px #00000026;transition:all .3s ease}.v-learning-progress-view .achievement-item:hover .badge-icon{transform:rotate(360deg) scale(1.1);box-shadow:0 0 0 4px #ffffffe6,0 0 0 8px var(--achievement-color),0 12px 35px #0003}.v-learning-progress-view .rarity-tag{position:absolute;bottom:-5px;right:-5px;font-size:.65rem;padding:3px 8px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003}.v-learning-progress-view .rarity-tag.legendary{background:linear-gradient(135deg,gold,orange);color:#8b4513}.v-learning-progress-view .rarity-tag.epic{background:linear-gradient(135deg,#9b59b6,#e74c3c);color:#fff}.v-learning-progress-view .rarity-tag.rare{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff}.v-learning-progress-view .rarity-tag.common{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.v-learning-progress-view .achievement-content{flex:1;display:flex;flex-direction:column;gap:8px}.v-learning-progress-view .achievement-title{font-size:1.15rem;font-weight:700;color:#2c3e50;margin:0;background:linear-gradient(135deg,var(--achievement-color) 0%,#2c3e50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v-learning-progress-view .achievement-desc{font-size:.9rem;color:#666;line-height:1.4}.v-learning-progress-view .achievement-progress{display:flex;align-items:center;gap:10px;margin-top:4px}.v-learning-progress-view .progress-bar-small{flex:1;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.v-learning-progress-view .progress-fill-small{height:100%;background:linear-gradient(90deg,var(--achievement-color) 0%,rgb(102,126,234) 100%);border-radius:3px;transition:width .3s ease}.v-learning-progress-view .progress-text-small{font-size:.75rem;color:#999;font-weight:600;min-width:70px;text-align:right}.v-learning-progress-view .achievement-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.v-learning-progress-view .achievement-category{font-size:.75rem;color:#667eea;font-weight:600}.v-learning-progress-view .achievement-date{font-size:.75rem;color:#999}.v-learning-progress-view .no-achievements{grid-column:1/-1;text-align:center;padding:60px 40px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;border:2px dashed rgba(102,126,234,.3);color:#999}.v-learning-progress-view .no-achievements .no-achievements-icon{font-size:64px;margin-bottom:20px;opacity:.6}.v-learning-progress-view .no-achievements .no-achievements-title{font-size:1.2rem;font-weight:600;color:#666;margin:0 0 8px}.v-learning-progress-view .no-achievements .no-achievements-desc{font-size:.95rem;color:#999;margin:0}@media (max-width: 1024px){.v-learning-progress-view .metrics-grid{grid-template-columns:repeat(2,1fr)}.v-learning-progress-view .visualization-section{grid-template-columns:1fr}.v-learning-progress-view .achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.v-learning-progress-view .progress-overview-card,.v-learning-progress-view .learning-distribution-section{display:none!important}.v-learning-progress-view .dashboard-header{padding:24px 16px}.v-learning-progress-view .dashboard-title{font-size:1.75rem;margin-bottom:8px}.v-learning-progress-view .dashboard-title .title-icon{margin-right:10px;font-size:1.5rem}.v-learning-progress-view .dashboard-subtitle{font-size:1rem}.v-learning-progress-view .header-actions{margin-top:16px}.v-learning-progress-view .header-actions .refresh-btn{width:100%;padding:12px 20px;font-size:14px}.v-learning-progress-view .metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.v-learning-progress-view .metric-card{padding:12px;border-radius:12px}.v-learning-progress-view .metric-card .card-content{gap:10px;flex-direction:column;align-items:center;text-align:center}.v-learning-progress-view .metric-card .metric-icon{margin-bottom:4px}.v-learning-progress-view .metric-card .metric-icon .icon-bg{width:40px;height:40px}.v-learning-progress-view .metric-card .metric-icon .icon-bg .icon{font-size:18px}.v-learning-progress-view .metric-card .metric-info{width:100%}.v-learning-progress-view .metric-card .metric-title{font-size:.75rem;margin-bottom:6px;line-height:1.2}.v-learning-progress-view .metric-card .metric-value{margin-bottom:4px;justify-content:center}.v-learning-progress-view .metric-card .metric-value .number{font-size:1.5rem}.v-learning-progress-view .metric-card .metric-value .unit{font-size:.8rem}.v-learning-progress-view .metric-card .metric-trend{font-size:.7rem;justify-content:center;gap:3px}.v-learning-progress-view .metric-card .metric-trend .trend-icon{font-size:12px}.v-learning-progress-view .metric-card .metric-trend .trend-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.v-learning-progress-view .visualization-section{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.v-learning-progress-view .chart-card,.v-learning-progress-view .stats-dashboard{padding:20px 16px;border-radius:16px}.v-learning-progress-view .chart-header{margin-bottom:16px;flex-direction:column;align-items:flex-start;gap:10px}.v-learning-progress-view .chart-title{font-size:1rem}.v-learning-progress-view .chart-legend{gap:10px;flex-wrap:wrap}.v-learning-progress-view .legend-item{font-size:.8rem;gap:6px}.v-learning-progress-view .legend-item .legend-color{width:10px;height:10px}.v-learning-progress-view .circular-progress{gap:12px}.v-learning-progress-view .progress-ring{margin-bottom:8px}.v-learning-progress-view .progress-ring-svg{width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important}.v-learning-progress-view .progress-center{width:130px;height:130px}.v-learning-progress-view .progress-total{margin-bottom:8px}.v-learning-progress-view .total-number{font-size:1.6rem;margin-bottom:2px}.v-learning-progress-view .total-label{font-size:.75rem}.v-learning-progress-view .progress-stats{flex-direction:column;gap:10px;padding:12px;border-radius:12px}.v-learning-progress-view .stat-box{width:100%;justify-content:space-between;min-height:50px;padding:10px 14px;gap:10px;border-radius:10px}.v-learning-progress-view .stat-dot{width:8px;height:8px}.v-learning-progress-view .stat-number{font-size:1.3rem}.v-learning-progress-view .stat-name{font-size:.75rem}.v-learning-progress-view .stat-percent{font-size:.9rem}.v-learning-progress-view .stat-divider{display:none}.v-learning-progress-view .stats-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.v-learning-progress-view .stats-title{font-size:1.1rem}.v-learning-progress-view .stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.v-learning-progress-view .stat-item{padding:12px;gap:8px;border-radius:12px}.v-learning-progress-view .stat-icon-wrapper{width:40px;height:40px}.v-learning-progress-view .stat-ring{border-width:2px}.v-learning-progress-view .stat-icon{width:36px;height:36px;font-size:1.2rem;box-shadow:0 4px 12px #667eea4d}.v-learning-progress-view .stat-content{gap:2px}.v-learning-progress-view .stat-value{font-size:1.4rem;margin-bottom:2px}.v-learning-progress-view .stat-label{font-size:.7rem;margin-bottom:2px}.v-learning-progress-view .stat-tip,.v-learning-progress-view .stat-tip .tip-highlight{font-size:.65rem}.v-learning-progress-view .motivation-banner{padding:12px 16px;margin-bottom:20px}.v-learning-progress-view .motivation-banner .motivation-icon{font-size:1.2rem}.v-learning-progress-view .motivation-banner .motivation-text{font-size:.85rem}.v-learning-progress-view .achievements-grid{grid-template-columns:1fr;gap:16px}.v-learning-progress-view .achievements-card{padding:20px 16px}.v-learning-progress-view .achievements-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.v-learning-progress-view .achievements-title{font-size:1.2rem}.v-learning-progress-view .rarity-legend{flex-wrap:wrap;gap:8px}.v-learning-progress-view .achievement-item{padding:16px;gap:16px}.v-learning-progress-view .achievement-badge{width:60px;height:60px}.v-learning-progress-view .badge-icon{width:60px;height:60px;font-size:2rem}.v-learning-progress-view .achievement-title{font-size:1rem}.v-learning-progress-view .achievement-desc{font-size:.85rem}.v-learning-progress-view .dashboard-content{padding:0 12px 30px}.v-learning-progress-view .trend-section{margin-bottom:80px;position:relative;z-index:1;overflow:visible}.v-learning-progress-view .chart-container{height:350px;margin-top:16px;margin-bottom:60px;position:relative;overflow:visible}.v-learning-progress-view .chart-main,.v-learning-progress-view .chart-area{overflow:visible}.v-learning-progress-view .chart-header{margin-bottom:16px}.v-learning-progress-view .chart-header .header-left h3{font-size:18px}.v-learning-progress-view .period-selector{flex-wrap:wrap;gap:6px}.v-learning-progress-view .period-btn{padding:6px 12px;font-size:12px}.v-learning-progress-view .y-axis{width:40px}.v-learning-progress-view .y-label{font-size:11px}.v-learning-progress-view .x-axis,.v-learning-progress-view .x-label{display:none!important}.v-learning-progress-view .data-tooltip{font-size:11px;padding:8px 12px;max-width:140px}.v-learning-progress-view .tooltip-content{min-width:60px}.v-learning-progress-view .tooltip-title{font-size:10px}.v-learning-progress-view .tooltip-value{font-size:16px}.v-learning-progress-view .tooltip-date{font-size:10px}.v-learning-progress-view .interactive-point{r:2}.v-learning-progress-view .interactive-point:hover{r:3.5}.v-learning-progress-view .distribution-card{padding:16px}.v-learning-progress-view .distribution-title{font-size:1.1rem}.v-learning-progress-view .distribution-subtitle{font-size:.8rem}.v-learning-progress-view .bar-item{gap:8px;min-height:28px}.v-learning-progress-view .bar-label{width:70px;font-size:.85rem}.v-learning-progress-view .bar-container{min-width:120px;height:28px}.v-learning-progress-view .bar-value{font-size:12px;right:12px}.v-learning-progress-view .bar-percentage{width:50px;font-size:.85rem}.v-learning-progress-view .goals-section{margin-top:50px;padding-top:40px;position:relative;z-index:2;clear:both}.v-learning-progress-view .goals-card{padding:20px 16px}.v-learning-progress-view .goals-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.v-learning-progress-view .goals-title{font-size:1.2rem}.v-learning-progress-view .goals-count{padding:6px 12px;font-size:.85rem}.v-learning-progress-view .goal-item{padding:16px;gap:12px}.v-learning-progress-view .goal-icon{width:45px;height:45px;font-size:1.5rem}.v-learning-progress-view .goal-title{font-size:1rem;margin-bottom:8px}.v-learning-progress-view .progress-text{font-size:.85rem}.v-learning-progress-view .goal-details{flex-direction:column;gap:8px;font-size:.8rem}}@media (max-width: 480px){.v-learning-progress-view .dashboard-header{padding:20px 12px}.v-learning-progress-view .dashboard-title{font-size:1.5rem;margin-bottom:6px}.v-learning-progress-view .dashboard-title .title-icon{margin-right:8px;font-size:1.3rem}.v-learning-progress-view .dashboard-subtitle{font-size:.9rem}.v-learning-progress-view .dashboard-content{padding:0 10px 24px}.v-learning-progress-view .metrics-grid{gap:8px;margin-bottom:16px}.v-learning-progress-view .metric-card{padding:10px 8px;border-radius:10px}.v-learning-progress-view .metric-card .card-content{gap:8px;flex-direction:column;align-items:center;text-align:center}.v-learning-progress-view .metric-card .metric-icon{margin-bottom:2px}.v-learning-progress-view .metric-card .metric-icon .icon-bg{width:36px;height:36px}.v-learning-progress-view .metric-card .metric-icon .icon-bg .icon{font-size:16px}.v-learning-progress-view .metric-card .metric-info{width:100%}.v-learning-progress-view .metric-card .metric-title{font-size:.7rem;margin-bottom:4px;line-height:1.2}.v-learning-progress-view .metric-card .metric-value{margin-bottom:3px;justify-content:center}.v-learning-progress-view .metric-card .metric-value .number{font-size:1.3rem}.v-learning-progress-view .metric-card .metric-value .unit{font-size:.75rem}.v-learning-progress-view .metric-card .metric-trend{font-size:.65rem;justify-content:center;gap:2px}.v-learning-progress-view .metric-card .metric-trend .trend-icon{font-size:11px}.v-learning-progress-view .metric-card .metric-trend .trend-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.v-learning-progress-view .chart-card,.v-learning-progress-view .stats-dashboard{padding:16px 12px;border-radius:12px}.v-learning-progress-view .chart-header{margin-bottom:12px;gap:8px}.v-learning-progress-view .chart-title{font-size:.95rem}.v-learning-progress-view .chart-legend{gap:8px}.v-learning-progress-view .legend-item{font-size:.75rem;gap:5px}.v-learning-progress-view .legend-item .legend-color{width:9px;height:9px}.v-learning-progress-view .circular-progress{gap:10px}.v-learning-progress-view .progress-ring{margin-bottom:6px}.v-learning-progress-view .progress-ring-svg{max-width:140px!important;max-height:140px!important;width:140px!important;height:140px!important}.v-learning-progress-view .progress-center{width:120px;height:120px}.v-learning-progress-view .progress-total{margin-bottom:6px}.v-learning-progress-view .total-number{font-size:1.4rem;margin-bottom:2px}.v-learning-progress-view .total-label{font-size:.7rem}.v-learning-progress-view .progress-stats{gap:8px;padding:10px;border-radius:10px}.v-learning-progress-view .stat-box{min-height:45px;padding:8px 12px;gap:8px;border-radius:8px}.v-learning-progress-view .stat-dot{width:7px;height:7px}.v-learning-progress-view .stat-number{font-size:1.2rem}.v-learning-progress-view .stat-name{font-size:.7rem}.v-learning-progress-view .stat-percent{font-size:.85rem}.v-learning-progress-view .stats-grid{gap:8px}.v-learning-progress-view .stat-item{padding:10px 8px;gap:6px;border-radius:10px;min-height:auto}.v-learning-progress-view .stat-icon-wrapper{width:36px;height:36px;min-width:36px;min-height:36px}.v-learning-progress-view .stat-ring{border-width:2px}.v-learning-progress-view .stat-icon{width:32px;height:32px;font-size:1.1rem;box-shadow:0 3px 10px #667eea4d}.v-learning-progress-view .stat-content{gap:1px}.v-learning-progress-view .stat-value{font-size:1.2rem;margin-bottom:2px}.v-learning-progress-view .stat-label{font-size:.65rem;margin-bottom:1px}.v-learning-progress-view .stat-tip,.v-learning-progress-view .stat-tip .tip-highlight{font-size:.6rem}.v-learning-progress-view .achievement-item{min-height:100px}.v-learning-progress-view .goal-item{min-height:90px}.v-learning-progress-view .total-label{font-size:.8rem}.v-learning-progress-view .stat-number{font-size:1.5rem}.v-learning-progress-view .stat-name{font-size:.8rem}.v-learning-progress-view .stat-percent,.v-learning-progress-view .stats-title{font-size:1rem}.v-learning-progress-view .stat-item{padding:16px 12px}.v-learning-progress-view .stat-icon-wrapper{width:55px;height:55px}.v-learning-progress-view .stat-icon{width:45px;height:45px;font-size:1.3rem}.v-learning-progress-view .stat-value{font-size:1.75rem}.v-learning-progress-view .stat-label{font-size:.85rem}.v-learning-progress-view .stat-tip{font-size:.7rem}.v-learning-progress-view .trend-section{margin-bottom:80px;overflow:visible}.v-learning-progress-view .chart-container{height:300px;margin-bottom:60px;overflow:visible}.v-learning-progress-view .chart-main,.v-learning-progress-view .chart-area{overflow:visible}.v-learning-progress-view .chart-header .header-left h3{font-size:16px}.v-learning-progress-view .goals-section{margin-top:40px;padding-top:32px;position:relative;z-index:2;clear:both}.v-learning-progress-view .period-btn{padding:5px 10px;font-size:11px}.v-learning-progress-view .y-axis{width:35px}.v-learning-progress-view .y-label{font-size:10px}.v-learning-progress-view .x-axis,.v-learning-progress-view .x-label{display:none!important}.v-learning-progress-view .data-tooltip{font-size:10px;padding:6px 10px;max-width:120px}.v-learning-progress-view .tooltip-content{min-width:50px}.v-learning-progress-view .tooltip-title{font-size:9px}.v-learning-progress-view .tooltip-value{font-size:14px}.v-learning-progress-view .tooltip-date{font-size:9px}.v-learning-progress-view .interactive-point{r:1.5}.v-learning-progress-view .interactive-point:hover{r:3}.v-learning-progress-view .distribution-card{padding:12px}.v-learning-progress-view .distribution-title{font-size:1rem}.v-learning-progress-view .bar-item{gap:6px;min-height:26px}.v-learning-progress-view .bar-label{width:60px;font-size:.8rem}.v-learning-progress-view .bar-container{min-width:100px;height:26px}.v-learning-progress-view .bar-value{font-size:11px;right:10px}.v-learning-progress-view .bar-percentage{width:45px;font-size:.8rem}.v-learning-progress-view .goals-card{padding:16px 12px}.v-learning-progress-view .goals-title{font-size:1.1rem}.v-learning-progress-view .goals-count{padding:5px 10px;font-size:.8rem}.v-learning-progress-view .goal-item{padding:12px;gap:10px}.v-learning-progress-view .goal-icon{width:40px;height:40px;font-size:1.3rem}.v-learning-progress-view .goal-title{font-size:.95rem}.v-learning-progress-view .progress-text{font-size:.8rem}.v-learning-progress-view .goal-details{font-size:.75rem}.v-learning-progress-view .achievements-card{padding:16px 12px}.v-learning-progress-view .achievements-title{font-size:1.1rem}.v-learning-progress-view .achievement-item{padding:12px;gap:12px}.v-learning-progress-view .achievement-badge{width:55px;height:55px}.v-learning-progress-view .badge-icon{width:55px;height:55px;font-size:1.8rem}.v-learning-progress-view .achievement-title{font-size:.95rem}.v-learning-progress-view .achievement-desc{font-size:.8rem}.v-learning-progress-view .loading-dashboard{min-height:300px}.v-learning-progress-view .loading-text{font-size:1rem}}.v-learning-progress-view .chart-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.v-learning-progress-view .chart-header{margin-bottom:1rem}.v-learning-progress-view .chart-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.v-learning-progress-view .chart-subtitle{font-size:.875rem;color:#666}.v-learning-progress-view .chart-content{flex:1;display:flex;flex-direction:column}.v-learning-progress-view .chart-legend{display:flex;gap:1rem;margin-bottom:1rem}.v-learning-progress-view .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.v-learning-progress-view .legend-color{width:12px;height:12px;border-radius:2px}.v-learning-progress-view .chart-area{flex:1;position:relative;display:flex;flex-direction:column}.v-learning-progress-view .y-axis{position:absolute;left:-30px;top:0;width:40px;height:100%;z-index:2}.v-learning-progress-view .y-label{position:absolute;right:8px;transform:translateY(-50%);font-size:12px;color:#666;font-weight:500}.v-learning-progress-view .chart-main{flex:1;position:relative;margin:10px;height:200px}.v-learning-progress-view .grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.v-learning-progress-view .grid-line{position:absolute;background:#e0e0e0}.v-learning-progress-view .grid-line.horizontal{left:0;right:0;height:1px;opacity:.3}.v-learning-progress-view .grid-line.vertical{top:0;bottom:0;width:1px;opacity:.2}.v-learning-progress-view .chart-line{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.v-learning-progress-view .line-svg{width:100%;height:100%}.v-learning-progress-view .trend-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-in-out forwards}.v-learning-progress-view .trend-area{opacity:0;animation:fadeInArea 1.5s ease-in-out .5s forwards}.v-learning-progress-view .data-point-svg{opacity:0;animation:fadeInPoint .5s ease-in-out forwards}.v-learning-progress-view .data-point-svg:nth-child(1){animation-delay:.1s}.v-learning-progress-view .data-point-svg:nth-child(2){animation-delay:.2s}.v-learning-progress-view .data-point-svg:nth-child(3){animation-delay:.3s}.v-learning-progress-view .data-point-svg:nth-child(4){animation-delay:.4s}.v-learning-progress-view .data-point-svg:nth-child(5){animation-delay:.5s}.v-learning-progress-view .data-point-svg:nth-child(6){animation-delay:.6s}.v-learning-progress-view .data-point-svg:nth-child(7){animation-delay:.7s}.v-learning-progress-view .data-points{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.v-learning-progress-view .data-point{position:absolute;width:8px;height:8px;background:#667eea;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .2s ease}.v-learning-progress-view .data-point:hover{transform:translate(-50%,-50%) scale(1.5);background:#5a6fd8}.v-learning-progress-view .x-axis{width:88%;position:absolute;bottom:-30px;left:40px;right:0;height:30px;z-index:2}.v-learning-progress-view .x-label{position:absolute;transform:translate(-50%);font-size:12px;color:#666;font-weight:500;top:8px}.v-learning-progress-view .distribution-section{margin-bottom:2rem}.v-learning-progress-view .distribution-card{background:#ffffffe6;border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.v-learning-progress-view .distribution-header{margin-bottom:1.5rem}.v-learning-progress-view .distribution-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.v-learning-progress-view .distribution-subtitle{font-size:.875rem;color:#666}.v-learning-progress-view .distribution-chart{position:relative}.v-learning-progress-view .distribution-bars{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0 10px}.v-learning-progress-view .bar-item{display:flex;align-items:center;gap:1rem;width:100%;min-height:32px}.v-learning-progress-view .bar-label{width:90px;font-size:.9rem;font-weight:600;color:#2c3e50;flex-shrink:0;display:flex;align-items:center}.v-learning-progress-view .bar-container{flex:1;position:relative;height:32px;min-width:200px;border-radius:16px;overflow:hidden}.v-learning-progress-view .bar-fill{height:100%;border-radius:16px;position:relative;width:0;transition:width 1.5s ease-out;box-shadow:0 4px 12px #00000026,0 0 20px #0000001a;border:2px solid rgba(255,255,255,.9);background:linear-gradient(135deg,var(--bar-color) 0%,var(--bar-color-light) 50%,var(--bar-color) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.v-learning-progress-view .bar-value{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:#fff;z-index:2;text-shadow:1px 2px 4px #667eea}.v-learning-progress-view .bar-percentage{width:60px;text-align:right;font-size:.9rem;font-weight:700;color:#2c3e50;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.v-learning-goals-view.learning-goals-container{padding:20px;max-width:1200px;margin:0 auto}.v-learning-goals-view .el-dialog{background:var(--el-bg-color-page)!important;border-radius:12px}.v-learning-goals-view .el-dialog__header{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:20px;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(102,126,234,.1)}.v-learning-goals-view .el-dialog__body{background:var(--el-bg-color-page);padding:24px}.v-learning-goals-view .el-dialog__footer{background:#f8f9facc;padding:16px 20px;border-radius:0 0 12px 12px;border-top:1px solid rgba(102,126,234,.1)}.v-learning-goals-view .page-header{text-align:center;margin-bottom:30px}.v-learning-goals-view .page-header h2{color:#2c3e50;margin-bottom:10px}.v-learning-goals-view .page-description{color:#7f8c8d;font-size:14px}.v-learning-goals-view .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.v-learning-goals-view .filter-group{display:flex;gap:10px}.v-learning-goals-view .el-tag{margin-right:10px}.v-learning-goals-view .goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.v-learning-goals-view .empty-state{grid-column:1/-1;text-align:center;padding:40px}.v-learning-goals-view .goal-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.v-learning-goals-view .goal-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.v-learning-goals-view .goal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.v-learning-goals-view .goal-title h3{margin:0 0 5px;color:#2c3e50;font-size:18px}.v-learning-goals-view .goal-actions{display:flex;gap:8px}.v-learning-goals-view .goal-content{padding:20px}.v-learning-goals-view .goal-description{margin-bottom:15px}.v-learning-goals-view .goal-description p{margin:0;color:#5a6c7d;line-height:1.5}.v-learning-goals-view .goal-progress{margin-bottom:15px}.v-learning-goals-view .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.v-learning-goals-view .progress-text{font-weight:500;color:#2c3e50}.v-learning-goals-view .progress-percent{font-size:14px;color:#7f8c8d}.v-learning-goals-view .goal-dates{margin-bottom:15px}.v-learning-goals-view .date-item{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}.v-learning-goals-view .date-label{color:#7f8c8d}.v-learning-goals-view .date-value{color:#2c3e50;font-weight:500}.v-learning-goals-view .goal-notes{padding-top:15px;border-top:1px solid #e9ecef}.v-learning-goals-view .notes-text{margin:0;color:#6c757d;font-size:13px;font-style:italic}@media (max-width: 1024px){.v-learning-goals-view .goals-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.v-learning-goals-view.learning-goals-container{padding:12px}.v-learning-goals-view .page-header{margin-bottom:16px}.v-learning-goals-view .page-header h2{font-size:1.3rem;margin-bottom:6px}.v-learning-goals-view .page-description{font-size:.85rem}.v-learning-goals-view .toolbar{flex-direction:column;gap:10px;align-items:stretch;padding:10px;border-radius:10px;margin-bottom:16px}.v-learning-goals-view .filter-group{justify-content:center;flex-wrap:wrap;gap:6px;width:100%}.v-learning-goals-view .filter-group .el-select{flex:1;min-width:110px}.v-learning-goals-view .goals-grid{grid-template-columns:1fr;gap:12px}.v-learning-goals-view .goal-card{border-radius:10px}.v-learning-goals-view .goal-header{padding:12px 12px 0}.v-learning-goals-view .goal-title{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.v-learning-goals-view .goal-title p{font-size:.95rem;margin:0;word-break:break-word;color:#2c3e50;font-weight:500;line-height:1.3;flex-basis:100%;width:100%}.v-learning-goals-view .goal-title .el-tag{margin:0;font-size:.7rem;padding:2px 6px;flex-shrink:0}.v-learning-goals-view .goal-title .el-button{font-size:.7rem;padding:2px 8px;flex:0 0 auto;min-width:auto;height:auto;line-height:1.4;margin:0;border-radius:4px}.v-learning-goals-view .goal-title .el-button:last-child{margin-right:0}.v-learning-goals-view .goal-title .el-button{font-size:.7rem!important;padding:2px 8px!important;height:auto!important;min-height:auto!important;border-radius:4px!important}.v-learning-goals-view .goal-title .el-button.is-small{padding:2px 8px!important;font-size:.7rem!important}.v-learning-goals-view .goal-content{padding:12px}.v-learning-goals-view .goal-progress{margin-bottom:10px}.v-learning-goals-view .progress-info{margin-bottom:5px;flex-wrap:wrap;gap:6px}.v-learning-goals-view .progress-text{font-size:.85rem}.v-learning-goals-view .progress-percent{font-size:.8rem}.v-learning-goals-view .goal-dates{margin-bottom:10px}.v-learning-goals-view .date-item{font-size:.8rem;margin-bottom:3px;flex-wrap:wrap}.v-learning-goals-view .date-label,.v-learning-goals-view .date-value{font-size:.8rem}.v-learning-goals-view .goal-notes{padding-top:10px}.v-learning-goals-view .notes-text{font-size:.75rem}.v-learning-goals-view .empty-state{padding:24px 16px}.v-learning-goals-view .el-dialog{width:90%!important;margin:5vh auto!important;background:var(--el-bg-color-page)!important;border-radius:12px}.v-learning-goals-view .el-dialog__header{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:16px;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(102,126,234,.1)}.v-learning-goals-view .el-dialog__body{padding:16px 12px;background:var(--el-bg-color-page)}.v-learning-goals-view .el-dialog__footer{background:#f8f9facc;padding:12px 16px;border-radius:0 0 12px 12px;border-top:1px solid rgba(102,126,234,.1)}.v-learning-goals-view .el-form-item{margin-bottom:14px}.v-learning-goals-view .el-form-item__label{font-size:.85rem;padding-bottom:4px}.v-learning-goals-view .el-input,.v-learning-goals-view .el-select,.v-learning-goals-view .el-date-picker{width:100%}.v-learning-goals-view .el-button{padding:8px 14px;font-size:.85rem}}@media (max-width: 480px){.v-learning-goals-view.learning-goals-container{padding:10px}.v-learning-goals-view .page-header{margin-bottom:12px}.v-learning-goals-view .page-header h2{font-size:1.2rem;margin-bottom:4px}.v-learning-goals-view .page-description{font-size:.8rem}.v-learning-goals-view .toolbar{padding:8px;gap:8px;margin-bottom:12px}.v-learning-goals-view .filter-group{gap:5px}.v-learning-goals-view .filter-group .el-select{min-width:90px}.v-learning-goals-view .goals-grid{gap:10px}.v-learning-goals-view .goal-header{padding:10px 10px 0}.v-learning-goals-view .goal-title{gap:5px;flex-direction:row;flex-wrap:wrap;align-items:center}.v-learning-goals-view .goal-title p{font-size:.9rem;margin:0;line-height:1.25;flex-basis:100%;width:100%}.v-learning-goals-view .goal-title .el-tag{font-size:.65rem;padding:1px 5px;margin:0;flex-shrink:0}.v-learning-goals-view .goal-title .el-button{font-size:.65rem;padding:1px 6px;margin:0;flex:0 0 auto;min-width:auto;height:auto;line-height:1.4;border-radius:3px}.v-learning-goals-view .goal-title .el-button:last-child{margin-right:0}.v-learning-goals-view .goal-title .el-button{font-size:.65rem!important;padding:1px 6px!important;height:auto!important;min-height:auto!important;border-radius:3px!important}.v-learning-goals-view .goal-title .el-button.is-small{padding:1px 6px!important;font-size:.65rem!important}.v-learning-goals-view .goal-content{padding:10px}.v-learning-goals-view .goal-progress{margin-bottom:8px}.v-learning-goals-view .progress-info{margin-bottom:4px;gap:5px}.v-learning-goals-view .progress-text{font-size:.8rem}.v-learning-goals-view .progress-percent{font-size:.75rem}.v-learning-goals-view .goal-dates{margin-bottom:8px}.v-learning-goals-view .date-item{font-size:.75rem;margin-bottom:2px}.v-learning-goals-view .date-label,.v-learning-goals-view .date-value{font-size:.75rem}.v-learning-goals-view .goal-notes{padding-top:8px}.v-learning-goals-view .notes-text{font-size:.7rem}.v-learning-goals-view .empty-state{padding:20px 12px}.v-learning-goals-view .el-dialog{width:95%!important;margin:3vh auto!important;background:var(--el-bg-color-page)!important;border-radius:10px}.v-learning-goals-view .el-dialog__header{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:14px;border-radius:10px 10px 0 0;border-bottom:1px solid rgba(102,126,234,.1)}.v-learning-goals-view .el-dialog__body{padding:12px 10px;background:var(--el-bg-color-page)}.v-learning-goals-view .el-dialog__footer{background:#f8f9facc;padding:10px 14px;border-radius:0 0 10px 10px;border-top:1px solid rgba(102,126,234,.1)}.v-learning-goals-view .el-form-item{margin-bottom:12px}.v-learning-goals-view .el-form-item__label{font-size:.8rem;padding-bottom:3px}.v-learning-goals-view .el-button{padding:6px 12px;font-size:.8rem}.v-learning-goals-view .el-input__inner,.v-learning-goals-view .el-select__wrapper{font-size:.85rem}}.v-text-to-speech-view.tts-view{padding:24px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.v-text-to-speech-view.tts-view .page-header{margin-bottom:20px}.v-text-to-speech-view.tts-view .page-header .header-content{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 32px;border-radius:16px;box-shadow:0 12px 32px #667eea1a;border:1px solid rgba(102,126,234,.15)}.v-text-to-speech-view.tts-view .page-header .header-content h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.v-text-to-speech-view.tts-view .page-header .header-content p{margin:10px 0 0;color:#64748b;font-size:15px}.v-text-to-speech-view.tts-view .input-card{background:#fffffff7;border-radius:16px;padding:24px 28px;border:1px solid rgba(102,126,234,.12);box-shadow:0 10px 30px #667eea14;margin-bottom:24px}.v-text-to-speech-view.tts-view .input-card .el-textarea__inner{border-radius:12px;border:1px solid rgba(148,163,184,.4);font-size:15px;line-height:1.8;padding:16px;transition:all .2s ease}.v-text-to-speech-view.tts-view .input-card .el-textarea__inner:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.v-text-to-speech-view.tts-view .input-card .action-bar{display:flex;gap:12px;justify-content:flex-end;align-items:center}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button{min-width:120px;height:auto;display:inline-flex;align-items:center;justify-content:center;margin:0!important;vertical-align:middle!important;line-height:1.5!important;box-sizing:border-box!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button.el-button--primary,.v-text-to-speech-view.tts-view .input-card .action-bar .el-button.el-button--default{margin:0!important;vertical-align:middle!important;line-height:1.5!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button .el-button__inner{display:inline-flex;align-items:center;justify-content:center;line-height:1.5;vertical-align:middle}.v-text-to-speech-view.tts-view .result-section{display:flex;flex-direction:column;gap:24px}.v-text-to-speech-view.tts-view .player-card{background:#fffffff7;border-radius:16px;padding:24px;border:1px solid rgba(100,116,139,.12);box-shadow:0 18px 40px #0f172a1f}.v-text-to-speech-view.tts-view .player-card .netease-player{margin-bottom:24px}.v-text-to-speech-view.tts-view .player-card .lyrics-container{margin-top:24px}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;transition:all .2s ease}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header.clickable{cursor:pointer;padding:8px;margin-left:-8px;margin-right:-8px;border-radius:8px}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header.clickable:hover{background:#667eea0f}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .lyrics-title{font-size:16px;font-weight:600;color:#0f172a}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn{display:inline-flex!important;align-items:center;gap:4px;font-size:13px;padding:4px 8px!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;line-height:1.2!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button__inner{display:inline-flex;align-items:center;gap:4px;line-height:1.2!important;padding:0!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button{height:auto!important;min-height:auto!important;padding:4px 8px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container .el-empty{background:linear-gradient(135deg,#ffb74df2,#ff9800f2);border-radius:14px;padding:24px 0}.v-text-to-speech-view.tts-view .player-card .lyrics-panel{margin-top:0;margin-bottom:0;max-height:800px;overflow:hidden;padding:24px;background:linear-gradient(135deg,#ffb74df2,#ff9800f2);border-radius:14px;color:#fff;line-height:1.8;box-shadow:inset 0 0 40px #ffb74d4d;transition:max-height .3s ease,opacity .3s ease;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.v-text-to-speech-view.tts-view .player-card .lyrics-panel::-webkit-scrollbar{display:none}.v-text-to-speech-view.tts-view .player-card .lyrics-panel.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line{padding:20px 24px;margin:8px 0;transition:opacity .15s ease-out;display:flex;flex-direction:column;gap:10px;border-radius:8px;background:transparent;opacity:.5;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line .lyric-english{color:#fff;font-size:18px;font-weight:500;letter-spacing:.3px;transition:none;transform:translateZ(0)}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line .lyric-chinese{color:#fff;font-size:16px;line-height:1.6;transition:none;transform:translateZ(0)}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line.active{opacity:1;transform:translateZ(0);background:linear-gradient(135deg,#6366f140,#8b5cf640);border-left:4px solid #6366f1;box-shadow:0 4px 16px #6366f14d;padding:20px 24px;margin:8px 0}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line.active .lyric-english{color:#fff;font-size:24px;transform:translateZ(0);font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line.active .lyric-chinese{color:#fff;font-size:20px;transform:translateZ(0);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.2)}.v-text-to-speech-view.tts-view .player-card .netease-player{display:flex;gap:32px;flex-wrap:wrap;align-items:center;position:relative}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container{position:relative;width:200px;height:200px;min-width:200px;min-height:200px;flex-shrink:0}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .outer-disc{position:absolute;top:0;left:0;width:200px;height:200px;min-width:200px;min-height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(148,163,184,.4) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(71,85,105,.3) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b,#0f172a,#1e293b,#0f172a);border:8px solid #0f172a;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px #94a3b833,0 0 0 4px #47556926,0 12px 40px #0009,inset 0 2px 8px #ffffff0d,inset 0 -2px 8px #00000080;overflow:hidden}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .outer-disc.spinning{animation:spin 6s linear infinite}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .outer-disc:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),radial-gradient(circle at 30% 30%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none;opacity:.6}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .outer-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:radial-gradient(circle,#94a3b8,#475569 40%,#1e293b,#0f172a);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #000c,0 0 0 2px #0000004d;z-index:1}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .inner-disc{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;background:#f8f9fa;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;justify-content:center;z-index:2}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .inner-disc .user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .inner-disc .default-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.v-text-to-speech-view.tts-view .player-card .netease-player .disc-container .inner-disc .default-avatar svg{width:60px;height:60px;opacity:.8}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content{flex:1;min-width:260px}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .song-info{margin-bottom:18px}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .song-info h3{margin:0;font-size:22px;color:#0f172a;font-weight:700}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .song-info p{margin:6px 0 0;color:#64748b;font-size:14px}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .progress-wrapper{background:#e2e8f0b3;border-radius:999px;height:12px;position:relative;cursor:pointer}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .progress-wrapper .progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .progress-wrapper .progress-bar .progress-filled{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f87171,#fb7185,#f472b6);transition:width .1s ease;box-shadow:0 8px 16px #f8717159}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .time-stats{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin:8px 0 18px;font-family:SF Mono,Fira Code,monospace}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .controls{display:flex;align-items:center;gap:16px}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .controls .download-group{margin-left:auto;display:flex;gap:8px}.v-text-to-speech-view.tts-view .player-card .netease-player .player-content .controls .download-group .el-button{font-size:13px;display:flex;align-items:center;gap:4px}.v-text-to-speech-view.tts-view .player-card audio{display:none}.v-text-to-speech-view.tts-view .history-section{margin-top:24px;background:#fffffff7;border-radius:16px;padding:24px 28px;border:1px solid rgba(100,116,139,.12);box-shadow:0 18px 40px #0f172a14}.v-text-to-speech-view.tts-view .history-section .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.v-text-to-speech-view.tts-view .history-section .history-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.v-text-to-speech-view.tts-view .history-section .history-header span{color:#64748b;font-size:14px}.v-text-to-speech-view.tts-view .history-section .history-loading,.v-text-to-speech-view.tts-view .history-section .history-empty{padding:20px 0}.v-text-to-speech-view.tts-view .history-section .history-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.v-text-to-speech-view.tts-view .history-section .history-card{position:relative;padding:18px 20px;border-radius:16px;border:1px solid rgba(129,140,248,.18);background:linear-gradient(145deg,#f8f9fff2,#edf2fff2);display:flex;flex-direction:column;gap:14px;transition:all .25s ease;cursor:pointer}.v-text-to-speech-view.tts-view .history-section .history-card:hover{border-color:#6366f180;box-shadow:0 12px 28px #6366f126;transform:translateY(-4px)}.v-text-to-speech-view.tts-view .history-section .history-card.active{border-color:#6366f1;box-shadow:0 14px 30px #6366f140;background:linear-gradient(145deg,#6366f11f,#818cf82e)}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__header .history-card__badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;letter-spacing:1px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__header .history-card__meta{display:flex;gap:10px;align-items:center}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__header .history-card__meta .history-card__time{font-size:12px;color:#4338ca;font-weight:600}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__header .history-card__meta .history-card__duration{font-size:12px;color:#6b7280;background:#6366f11f;padding:3px 8px;border-radius:999px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__body{display:flex;flex-direction:column;gap:12px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__body .history-card__section{display:flex;flex-direction:column;gap:6px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__body .history-card__section.translation{border-left:3px solid rgba(129,140,248,.4);padding-left:12px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__body .history-card__section .history-card__label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__body .history-card__section .history-card__text{font-size:14px;color:#111827;line-height:1.6;min-height:40px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed rgba(148,163,184,.4);padding-top:12px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__footer .history-card__links{display:flex;gap:12px}.v-text-to-speech-view.tts-view .history-section .history-card .history-card__footer .history-card__links .el-link{font-size:13px}.v-text-to-speech-view.tts-view .history-section .history-pagination{margin-top:20px;display:flex;justify-content:center}.v-text-to-speech-view .fade-enter-active,.v-text-to-speech-view .fade-leave-active{transition:opacity .3s ease}.v-text-to-speech-view .fade-enter-from,.v-text-to-speech-view .fade-leave-to{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkle{0%,to{opacity:.6;transform:rotate(0) scale(1)}25%{opacity:1;transform:rotate(90deg) scale(1.05)}50%{opacity:.8;transform:rotate(180deg) scale(1)}75%{opacity:1;transform:rotate(270deg) scale(1.05)}}@media (max-width: 1024px){.v-text-to-speech-view.tts-view{padding:20px}.v-text-to-speech-view.tts-view .page-header{padding:24px}.v-text-to-speech-view.tts-view .netease-player{padding:20px}}@media (max-width: 768px){.v-text-to-speech-view.tts-view{padding:12px}.v-text-to-speech-view.tts-view .page-header{margin-bottom:16px;padding:16px}.v-text-to-speech-view.tts-view .page-header .header-content{flex-direction:column;gap:12px;align-items:flex-start}.v-text-to-speech-view.tts-view .page-header h1{font-size:1.5rem}.v-text-to-speech-view.tts-view .page-header p{font-size:.875rem}.v-text-to-speech-view.tts-view .input-card{padding:16px;margin-bottom:16px}.v-text-to-speech-view.tts-view .input-card .action-bar{flex-direction:column;align-items:stretch;gap:12px}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button{width:100%!important;min-width:auto!important;min-height:44px!important;height:auto!important;padding:12px 16px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;vertical-align:middle!important;line-height:1.5!important;border-width:1px!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button.el-button--primary,.v-text-to-speech-view.tts-view .input-card .action-bar .el-button.el-button--default{margin:0!important;vertical-align:middle!important;line-height:1.5!important;padding:12px 16px!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button .el-button__inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:100%!important;line-height:1.5!important;margin:0!important;padding:0!important;vertical-align:middle!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button .el-icon{flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;margin:0!important}.v-text-to-speech-view.tts-view .player-card{padding:6px!important}.v-text-to-speech-view.tts-view .player-card .netease-player{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:0!important;margin-bottom:0!important;flex-wrap:nowrap!important}.v-text-to-speech-view.tts-view .player-card .disc-container{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex-shrink:0!important;position:relative!important}.v-text-to-speech-view.tts-view .player-card .disc-container .outer-disc{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;position:absolute!important;top:0!important;left:0!important;border:3px solid #0f172a!important}.v-text-to-speech-view.tts-view .player-card .disc-container .outer-disc:after{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.v-text-to-speech-view.tts-view .player-card .disc-container .inner-disc{width:34px!important;height:34px!important;position:relative!important;border:2px solid rgba(255,255,255,.9)!important}.v-text-to-speech-view.tts-view .player-card .player-content{flex:1!important;min-width:0!important}.v-text-to-speech-view.tts-view .player-card .player-content .song-info{margin-bottom:4px!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.v-text-to-speech-view.tts-view .player-card .player-content .song-info h3{font-size:12px!important;line-height:1.2!important;margin:0!important;flex:1!important;min-width:0!important}.v-text-to-speech-view.tts-view .player-card .player-content .song-info p{font-size:9px!important;margin:0!important;color:#94a3b8!important;white-space:nowrap!important}.v-text-to-speech-view.tts-view .player-card .player-content .progress-wrapper{height:4px!important;margin:3px 0!important;border-radius:2px!important}.v-text-to-speech-view.tts-view .player-card .player-content .time-stats{font-size:8px!important;margin:2px 0 4px!important;display:flex!important;justify-content:space-between!important;color:#94a3b8!important}.v-text-to-speech-view.tts-view .player-card .controls{display:flex!important;align-items:center!important;gap:6px!important;margin-top:4px!important}.v-text-to-speech-view.tts-view .player-card .controls .el-button.is-circle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important;border-radius:50%!important;flex-shrink:0!important}.v-text-to-speech-view.tts-view .player-card .controls .download-group{margin-left:auto!important;display:flex!important;gap:4px!important}.v-text-to-speech-view.tts-view .player-card .controls .download-group .el-button{font-size:10px!important;padding:2px 4px!important;height:auto!important;line-height:1.2!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container{margin-top:8px}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header{margin-bottom:4px}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn{font-size:9px;padding:2px 4px!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;line-height:1.2!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button__inner{line-height:1.2!important;padding:0!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-header .toggle-lyrics-btn .el-button{height:auto!important;min-height:auto!important;padding:2px 4px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel{max-height:450px;padding:8px;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel::-webkit-scrollbar{display:none}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel .lyric-line{padding:6px 8px;margin:2px 0;gap:4px}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel .lyric-line .lyric-english{font-size:14px;color:#fff}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel .lyric-line .lyric-chinese{font-size:12px;color:#fff}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel .lyric-line.active{padding:8px 10px;margin:3px 0;gap:5px}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel .lyric-line.active .lyric-english{font-size:16px;color:#fff}.v-text-to-speech-view.tts-view .player-card .lyrics-container .lyrics-panel .lyric-line.active .lyric-chinese{font-size:14px;color:#fff}.v-text-to-speech-view.tts-view .history-section{padding:16px;margin-top:16px}.v-text-to-speech-view.tts-view .history-section .history-header{margin-bottom:16px}.v-text-to-speech-view.tts-view .history-section .history-header h2{font-size:1.25rem}.v-text-to-speech-view.tts-view .history-section .history-grid{grid-template-columns:1fr;gap:12px}.v-text-to-speech-view.tts-view .history-section .history-card{padding:16px}}@media (max-width: 480px){.v-text-to-speech-view.tts-view{padding:8px}.v-text-to-speech-view.tts-view .page-header{padding:12px;margin-bottom:12px}.v-text-to-speech-view.tts-view .page-header h1{font-size:1.25rem}.v-text-to-speech-view.tts-view .page-header p{font-size:.8125rem}.v-text-to-speech-view.tts-view .input-card{padding:12px;margin-bottom:12px}.v-text-to-speech-view.tts-view .input-card .action-bar{flex-direction:column;align-items:stretch;gap:10px}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button{width:100%!important;min-width:auto!important;min-height:44px!important;height:auto!important;padding:10px 14px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;vertical-align:middle!important;line-height:1.5!important;border-width:1px!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button.el-button--primary,.v-text-to-speech-view.tts-view .input-card .action-bar .el-button.el-button--default{margin:0!important;vertical-align:middle!important;line-height:1.5!important;padding:10px 14px!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button .el-button__inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:100%!important;line-height:1.5!important;margin:0!important;padding:0!important;vertical-align:middle!important}.v-text-to-speech-view.tts-view .input-card .action-bar .el-button .el-icon{flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;margin:0!important}.v-text-to-speech-view.tts-view .player-card{padding:5px!important}.v-text-to-speech-view.tts-view .player-card .netease-player{flex-direction:row!important;align-items:center!important;gap:6px!important;margin-bottom:0!important;flex-wrap:nowrap!important}.v-text-to-speech-view.tts-view .player-card .disc-container{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-shrink:0!important;position:relative!important}.v-text-to-speech-view.tts-view .player-card .disc-container .outer-disc{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;position:absolute!important;top:0!important;left:0!important;border:2px solid #0f172a!important}.v-text-to-speech-view.tts-view .player-card .disc-container .outer-disc:after{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important}.v-text-to-speech-view.tts-view .player-card .disc-container .inner-disc{width:28px!important;height:28px!important;position:relative!important;border:2px solid rgba(255,255,255,.9)!important}.v-text-to-speech-view.tts-view .player-card .player-content{flex:1!important;min-width:0!important}.v-text-to-speech-view.tts-view .player-card .player-content .song-info{margin-bottom:3px!important;display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important}.v-text-to-speech-view.tts-view .player-card .player-content .song-info h3{font-size:11px!important;line-height:1.2!important;margin:0!important;flex:1!important;min-width:0!important}.v-text-to-speech-view.tts-view .player-card .player-content .song-info p{font-size:8px!important;margin:0!important;color:#94a3b8!important;white-space:nowrap!important}.v-text-to-speech-view.tts-view .player-card .player-content .progress-wrapper{height:3px!important;margin:2px 0!important;border-radius:2px!important}.v-text-to-speech-view.tts-view .player-card .player-content .time-stats{font-size:7px!important;margin:1px 0 3px!important;display:flex!important;justify-content:space-between!important;color:#94a3b8!important}.v-text-to-speech-view.tts-view .player-card .controls{display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important}.v-text-to-speech-view.tts-view .player-card .controls .el-button.is-circle{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;padding:0!important;border-radius:50%!important;flex-shrink:0!important}.v-text-to-speech-view.tts-view .player-card .controls .download-group{margin-left:auto!important;display:flex!important;gap:3px!important}.v-text-to-speech-view.tts-view .player-card .controls .download-group .el-button{font-size:9px!important;padding:1px 3px!important;height:auto!important;line-height:1.2!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel{max-height:400px!important;padding:6px!important;overflow:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel::-webkit-scrollbar{display:none!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line{padding:5px 6px!important;margin:1px 0!important;gap:3px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line .lyric-english{color:#fff!important;font-size:13px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line .lyric-chinese{color:#fff!important;font-size:11px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line.active{padding:7px 8px!important;margin:2px 0!important;gap:4px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line.active .lyric-english{color:#fff!important;font-size:15px!important}.v-text-to-speech-view.tts-view .player-card .lyrics-panel .lyric-line.active .lyric-chinese{color:#fff!important;font-size:13px!important}.v-text-to-speech-view.tts-view .history-section{padding:12px;margin-top:12px}.v-text-to-speech-view.tts-view .history-section .history-header{margin-bottom:12px}.v-text-to-speech-view.tts-view .history-section .history-header h2{font-size:1.125rem}.v-text-to-speech-view.tts-view .history-section .history-grid{gap:10px}.v-text-to-speech-view.tts-view .history-section .history-card{padding:12px}}.v-chat-history-page{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.v-chat-history-page .page-header{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:20px 32px;position:sticky;top:0;z-index:100}.v-chat-history-page .page-header .header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.v-chat-history-page .page-header .header-left{display:flex;align-items:center;gap:16px}.v-chat-history-page .page-header .header-left .page-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 4px 14px #6366f140}.v-chat-history-page .page-header .header-left .page-icon svg{width:24px;height:24px;color:#fff}.v-chat-history-page .page-header .header-left .page-title-group .page-title{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;letter-spacing:-.02em}.v-chat-history-page .page-header .header-left .page-title-group .page-subtitle{font-size:.875rem;color:#64748b;margin-top:2px}.v-chat-history-page .page-header .header-right .search-box{position:relative;width:320px}.v-chat-history-page .page-header .header-right .search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.v-chat-history-page .page-header .header-right .search-box input{width:100%;height:44px;padding:0 40px 0 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:.9375rem;color:#334155;background:#fff;transition:all .2s ease}.v-chat-history-page .page-header .header-right .search-box input::placeholder{color:#94a3b8}.v-chat-history-page .page-header .header-right .search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.v-chat-history-page .page-header .header-right .search-box .clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;transition:all .2s ease}.v-chat-history-page .page-header .header-right .search-box .clear-btn svg{width:14px;height:14px;color:#64748b}.v-chat-history-page .page-header .header-right .search-box .clear-btn:hover{background:#e2e8f0}.v-chat-history-page .history-content{flex:1;overflow-y:auto;padding:32px}.v-chat-history-page .history-content::-webkit-scrollbar{width:6px}.v-chat-history-page .history-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.v-chat-history-page .skeleton-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.v-chat-history-page .skeleton-card{background:#fff;border-radius:16px;padding:24px}.v-chat-history-page .skeleton-card .skeleton-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.v-chat-history-page .skeleton-card .skeleton-header .skeleton-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.v-chat-history-page .skeleton-card .skeleton-header .skeleton-title{flex:1;height:20px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.v-chat-history-page .skeleton-card .skeleton-body .skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:10px}.v-chat-history-page .skeleton-card .skeleton-body .skeleton-line.short{width:60%}.v-chat-history-page .skeleton-card .skeleton-footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.v-chat-history-page .skeleton-card .skeleton-footer .skeleton-tag{width:80px;height:24px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.v-chat-history-page .skeleton-card .skeleton-footer .skeleton-time{width:60px;height:24px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.v-chat-history-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.v-chat-history-page .empty-state .empty-illustration{width:200px;height:200px;margin-bottom:24px}.v-chat-history-page .empty-state .empty-title{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#334155}.v-chat-history-page .empty-state .empty-desc{margin:0;font-size:.9375rem;color:#64748b}.v-chat-history-page .conversation-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.v-chat-history-page .conversation-card{position:relative;background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;box-shadow:0 1px 3px #0000000a;animation:cardFadeIn .4s ease forwards;animation-delay:var(--delay, 0s);opacity:0;transform:translateY(10px)}.v-chat-history-page .conversation-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014,0 0 0 1px #6366f11a;border-color:#6366f126}.v-chat-history-page .conversation-card:hover .card-arrow{opacity:1;transform:translate(0)}.v-chat-history-page .conversation-card:hover .card-menu-btn{opacity:1}.v-chat-history-page .conversation-card.is-pinned{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.v-chat-history-page .conversation-card.is-pinned .pinned-indicator{display:flex}.v-chat-history-page .conversation-card .pinned-indicator{display:none;position:absolute;top:-8px;right:16px;width:28px;height:28px;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;box-shadow:0 2px 8px #f59e0b66}.v-chat-history-page .conversation-card .pinned-indicator svg{width:14px;height:14px;color:#fff}.v-chat-history-page .conversation-card .card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;position:relative}.v-chat-history-page .conversation-card .card-header .card-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:12px;flex-shrink:0}.v-chat-history-page .conversation-card .card-header .card-avatar svg{width:22px;height:22px;color:#7c3aed}.v-chat-history-page .conversation-card .card-header .card-title-area{flex:1;min-width:0}.v-chat-history-page .conversation-card .card-header .card-title-area .card-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:#1e293b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat-history-page .conversation-card .card-header .card-title-area .card-time{font-size:.8125rem;color:#94a3b8}.v-chat-history-page .conversation-card .card-header .card-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0}.v-chat-history-page .conversation-card .card-header .card-menu-btn svg{width:18px;height:18px;color:#64748b}.v-chat-history-page .conversation-card .card-header .card-menu-btn:hover{background:#f1f5f9}.v-chat-history-page .conversation-card .card-header .card-menu-btn:hover svg{color:#334155}.v-chat-history-page .conversation-card .dropdown-menu{position:absolute;top:52px;right:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d;padding:6px;z-index:1000}.v-chat-history-page .conversation-card .dropdown-menu .menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.875rem;color:#475569;transition:all .15s ease}.v-chat-history-page .conversation-card .dropdown-menu .menu-item svg{width:16px;height:16px;flex-shrink:0}.v-chat-history-page .conversation-card .dropdown-menu .menu-item:hover{background:#f8fafc;color:#1e293b}.v-chat-history-page .conversation-card .dropdown-menu .menu-item.danger{color:#ef4444}.v-chat-history-page .conversation-card .dropdown-menu .menu-item.danger:hover{background:#fef2f2;color:#dc2626}.v-chat-history-page .conversation-card .dropdown-menu .menu-divider{height:1px;background:#f1f5f9;margin:6px 0}.v-chat-history-page .conversation-card .card-body{margin-bottom:16px}.v-chat-history-page .conversation-card .card-body .card-summary{margin:0;font-size:.9375rem;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v-chat-history-page .conversation-card .card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f1f5f9}.v-chat-history-page .conversation-card .card-footer .card-stat{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#94a3b8}.v-chat-history-page .conversation-card .card-footer .card-stat svg{width:14px;height:14px}.v-chat-history-page .conversation-card .card-footer .card-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;opacity:0;transform:translate(-4px);transition:all .2s ease}.v-chat-history-page .conversation-card .card-footer .card-arrow svg{width:16px;height:16px;color:#6366f1}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.v-chat-history-page .menu-fade-enter-active,.v-chat-history-page .menu-fade-leave-active{transition:all .2s ease}.v-chat-history-page .menu-fade-enter-from,.v-chat-history-page .menu-fade-leave-to{opacity:0;transform:translateY(-8px) scale(.96)}.v-chat-history-page .load-more-section{display:flex;justify-content:center;padding:40px 0}.v-chat-history-page .load-more-section .load-more-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-width:240px;height:48px;padding:0 28px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;font-size:.9375rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.v-chat-history-page .load-more-section .load-more-btn:hover:not(.loading){border-color:#6366f1;color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.v-chat-history-page .load-more-section .load-more-btn.loading{pointer-events:none;color:#94a3b8}.v-chat-history-page .load-more-section .load-more-btn .loading-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.v-chat-history-page .end-line{display:flex;align-items:center;justify-content:center;padding:40px 0}.v-chat-history-page .end-line .end-text{position:relative;font-size:.875rem;color:#94a3b8;padding:0 20px}.v-chat-history-page .end-line .end-text:before,.v-chat-history-page .end-line .end-text:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:linear-gradient(to right,transparent,#e2e8f0)}.v-chat-history-page .end-line .end-text:before{right:100%;background:linear-gradient(to left,transparent,#e2e8f0)}.v-chat-history-page .end-line .end-text:after{left:100%}@media (max-width: 1024px){.v-chat-history-page .page-header{padding:16px 20px}.v-chat-history-page .page-header .header-content{flex-direction:column;align-items:stretch;gap:16px}.v-chat-history-page .page-header .header-left .page-icon{width:40px;height:40px;border-radius:10px}.v-chat-history-page .page-header .header-left .page-icon svg{width:20px;height:20px}.v-chat-history-page .page-header .header-left .page-title-group .page-title{font-size:1.25rem}.v-chat-history-page .page-header .header-right .search-box{width:100%}.v-chat-history-page .history-content{padding:20px}.v-chat-history-page .conversation-grid,.v-chat-history-page .skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}}@media (max-width: 640px){.v-chat-history-page .page-header{padding:12px 16px}.v-chat-history-page .history-content{padding:16px}.v-chat-history-page .conversation-grid,.v-chat-history-page .skeleton-grid{grid-template-columns:1fr;gap:12px}.v-chat-history-page .conversation-card{padding:18px;border-radius:14px}.v-chat-history-page .conversation-card .card-header .card-avatar{width:38px;height:38px;border-radius:10px}.v-chat-history-page .conversation-card .card-header .card-avatar svg{width:18px;height:18px}.v-chat-history-page .conversation-card .card-header .card-menu-btn{opacity:1}.v-chat-history-page .conversation-card .card-body .card-summary{font-size:.875rem;-webkit-line-clamp:3;line-clamp:3}.v-chat-history-page .load-more-section{padding:24px 0}.v-chat-history-page .load-more-section .load-more-btn{width:100%;margin:0 16px}}.v-chat-history-page .edit-dialog .el-dialog{border-radius:16px;overflow:hidden}.v-chat-history-page .edit-dialog .el-dialog__header{padding:20px 24px;margin-right:0;border-bottom:1px solid #f1f5f9}.v-chat-history-page .edit-dialog .el-dialog__header .el-dialog__title{font-size:1.125rem;font-weight:600;color:#1e293b}.v-chat-history-page .edit-dialog .el-dialog__body{padding:24px}.v-chat-history-page .edit-dialog .el-dialog__footer{padding:16px 24px;border-top:1px solid #f1f5f9}.v-chat-history-page .edit-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:12px}[data-v-1a94f911] .ai-recommend-dialog-wrapper .el-dialog__header{padding:24px 32px 20px!important;border-bottom:none!important;background:linear-gradient(135deg,#409eff,#66b1ff)!important;border-radius:24px 24px 0 0!important;position:relative;overflow:hidden}[data-v-1a94f911] .ai-recommend-dialog-wrapper .el-dialog__header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}[data-v-1a94f911] .ai-recommend-dialog-wrapper .el-dialog__header .el-dialog__title{font-size:20px!important;line-height:1.5!important;font-weight:700!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.15)!important;background:#ffffff40!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:10px 24px!important;border-radius:16px!important;display:inline-block!important;position:relative;z-index:1;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px 16px #00000026!important}[data-v-1a94f911] .ai-recommend-dialog-wrapper .el-dialog__body{padding:24px;max-height:calc(100vh - 200px);overflow-y:auto}[data-v-1a94f911] .ai-recommend-dialog-wrapper .el-dialog__footer{padding:16px 24px;border-top:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-lighter)}.ai-recommend-dialog[data-v-1a94f911]{background:linear-gradient(135deg,#f0f7ff,#fff);border-radius:24px!important;padding:32px}.ai-recommend-dialog .dialog-section[data-v-1a94f911]{margin-bottom:28px}.ai-recommend-dialog .dialog-section[data-v-1a94f911]:last-child{margin-bottom:0}.ai-recommend-dialog .dialog-section .section-header[data-v-1a94f911]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ai-recommend-dialog .dialog-section .section-header .section-icon[data-v-1a94f911]{width:20px;height:20px;color:var(--el-color-primary);flex-shrink:0}.ai-recommend-dialog .dialog-section .section-header h3[data-v-1a94f911]{margin:0;font-size:17px;font-weight:600;color:var(--el-text-color-primary);flex:1}.ai-recommend-dialog .dialog-section .section-header .section-badge[data-v-1a94f911]{font-size:13px;color:var(--el-text-color-secondary);background:var(--el-fill-color-light);padding:4px 10px;border-radius:12px;font-weight:500}.ai-recommend-dialog .dialog-section .section-desc[data-v-1a94f911]{margin:0 0 18px;color:var(--el-text-color-regular);font-size:14px;line-height:1.7;padding-left:30px}.ai-recommend-dialog .dialog-section .info-alert[data-v-1a94f911]{margin-bottom:16px}.ai-recommend-dialog .dialog-section .info-alert .alert-content[data-v-1a94f911]{display:flex;align-items:flex-start;gap:8px}.ai-recommend-dialog .dialog-section .info-alert .alert-content .alert-icon[data-v-1a94f911]{width:18px;height:18px;color:var(--el-color-info);flex-shrink:0;margin-top:2px}.ai-recommend-dialog .dialog-section .category-selector[data-v-1a94f911]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ai-recommend-dialog .dialog-section .category-selector .category-tag[data-v-1a94f911]{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:2px solid #e4e7ed;border-radius:20px;background:#fff;color:#606266;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.ai-recommend-dialog .dialog-section .category-selector .category-tag .check-icon[data-v-1a94f911]{width:16px;height:16px;color:#409eff}.ai-recommend-dialog .dialog-section .category-selector .category-tag[data-v-1a94f911]:hover{border-color:#409eff;background:#ecf5ff;color:#409eff;transform:translateY(-2px);box-shadow:0 2px 8px #409eff33}.ai-recommend-dialog .dialog-section .category-selector .category-tag.active[data-v-1a94f911]{border-color:#409eff;background:linear-gradient(135deg,#409eff,#66b1ff);color:#fff;box-shadow:0 2px 12px #409eff4d}.ai-recommend-dialog .dialog-section .category-selector .category-tag.active .check-icon[data-v-1a94f911]{color:#fff}.ai-recommend-dialog .dialog-section .category-selector .category-tag.active[data-v-1a94f911]:hover{background:linear-gradient(135deg,#66b1ff,#409eff);transform:translateY(-2px);box-shadow:0 4px 16px #409eff66}.ai-recommend-dialog .dialog-section .category-actions[data-v-1a94f911]{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e4e7ed}.ai-recommend-dialog .dialog-section .category-actions .selected-count[data-v-1a94f911]{font-size:13px;color:var(--el-text-color-regular)}@media (max-width: 768px){.ai-recommend-dialog .category-selector[data-v-1a94f911]{gap:8px!important}.ai-recommend-dialog .category-selector .category-tag[data-v-1a94f911]{padding:8px 14px!important;font-size:13px!important}.ai-recommend-dialog .category-selector .category-tag .check-icon[data-v-1a94f911]{width:14px!important;height:14px!important}.ai-recommend-dialog .category-actions[data-v-1a94f911]{flex-direction:column;align-items:flex-start;gap:8px}}.ai-recommend-dialog .recommended-books-section[data-v-1a94f911]{max-height:550px;overflow-y:auto;padding-right:4px}.ai-recommend-dialog .recommended-books-section[data-v-1a94f911]::-webkit-scrollbar{width:6px}.ai-recommend-dialog .recommended-books-section[data-v-1a94f911]::-webkit-scrollbar-track{background:var(--el-fill-color-lighter);border-radius:3px}.ai-recommend-dialog .recommended-books-section[data-v-1a94f911]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.ai-recommend-dialog .recommended-books-section[data-v-1a94f911]::-webkit-scrollbar-thumb:hover{background:var(--el-border-color-dark)}.ai-recommend-dialog .recommended-books-section .recommended-books[data-v-1a94f911]{display:flex;flex-direction:column;gap:20px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card[data-v-1a94f911]{border:1px solid var(--el-border-color-lighter);border-radius:12px;overflow:hidden;transition:all .3s ease}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card[data-v-1a94f911]:hover{border-color:var(--el-color-primary-light-7);box-shadow:0 4px 12px #409eff1a;transform:translateY(-2px)}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card[data-v-1a94f911] .el-card__header{padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--el-border-color-lighter)}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info[data-v-1a94f911]{width:100%}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-title-wrapper[data-v-1a94f911]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-title-wrapper .book-title[data-v-1a94f911]{margin:0;font-size:17px;font-weight:600;color:var(--el-text-color-primary);line-height:1.4;flex:1}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-title-wrapper .chapter-count-tag[data-v-1a94f911]{flex-shrink:0;font-weight:500}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-title-en[data-v-1a94f911]{margin:0 0 8px;font-size:13px;color:var(--el-text-color-secondary);font-style:italic;opacity:.8}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-author-wrapper[data-v-1a94f911]{display:flex;align-items:center;gap:6px;margin-top:4px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-author-wrapper .author-icon[data-v-1a94f911]{width:14px;height:14px;color:var(--el-text-color-secondary);flex-shrink:0}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .book-header .book-info .book-author-wrapper .book-author[data-v-1a94f911]{margin:0;font-size:13px;color:var(--el-text-color-regular)}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card[data-v-1a94f911] .el-card__body{padding:16px 20px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list[data-v-1a94f911]{display:flex;flex-direction:column;gap:14px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item[data-v-1a94f911]{padding:14px 16px;border:1px solid var(--el-border-color-lighter);border-radius:8px;cursor:pointer;transition:all .25s ease;background:#fff;position:relative;overflow:hidden}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item[data-v-1a94f911]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--el-color-primary);transform:scaleY(0);transition:transform .25s ease}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item[data-v-1a94f911]:hover{border-color:var(--el-color-primary-light-7);background:linear-gradient(135deg,#f0f7ff,#fff);box-shadow:0 2px 8px #409eff1a;transform:translate(4px)}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item[data-v-1a94f911]:hover:before{transform:scaleY(1)}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-header[data-v-1a94f911]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-header .chapter-number[data-v-1a94f911]{font-size:12px;color:var(--el-color-primary);font-weight:600;background:var(--el-color-primary-light-9);padding:2px 8px;border-radius:4px;white-space:nowrap}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-header .chapter-title[data-v-1a94f911]{font-size:15px;font-weight:600;color:var(--el-text-color-primary);flex:1;line-height:1.4}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta[data-v-1a94f911]{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:12px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .difficulty-tag[data-v-1a94f911]{font-weight:500}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .overlap-info[data-v-1a94f911]{display:flex;align-items:center;gap:8px;flex:1;min-width:120px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .overlap-info .overlap-icon[data-v-1a94f911]{width:14px;height:14px;color:var(--el-color-primary);flex-shrink:0}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .overlap-info .overlap-text[data-v-1a94f911]{color:var(--el-text-color-regular);font-size:12px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .overlap-info .overlap-text strong[data-v-1a94f911]{color:var(--el-color-primary);font-weight:600;font-size:13px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .overlap-info .overlap-bar[data-v-1a94f911]{flex:1;height:4px;background:var(--el-fill-color-light);border-radius:2px;overflow:hidden;min-width:60px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .overlap-info .overlap-bar .overlap-fill[data-v-1a94f911]{height:100%;background:linear-gradient(90deg,var(--el-color-primary) 0%,var(--el-color-success) 100%);border-radius:2px;transition:width .3s ease}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .word-count[data-v-1a94f911]{display:flex;align-items:center;gap:4px;color:var(--el-text-color-regular);font-size:12px}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-meta .word-count .word-icon[data-v-1a94f911]{width:14px;height:14px;color:var(--el-text-color-secondary)}.ai-recommend-dialog .recommended-books-section .recommended-books .book-card .chapters-list .chapter-item .chapter-summary[data-v-1a94f911]{margin:0;font-size:13px;color:var(--el-text-color-regular);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-recommend-dialog .ai-analysis-section .analysis-card[data-v-1a94f911]{margin-top:12px;border:1px solid var(--el-border-color-lighter);border-radius:8px;background:linear-gradient(135deg,#fafbfc,#fff)}.ai-recommend-dialog .ai-analysis-section .analysis-card[data-v-1a94f911] .el-card__body{padding:20px}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .analysis-text[data-v-1a94f911]{margin:0 0 18px;color:var(--el-text-color-primary);line-height:1.8;font-size:14px}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .suggestions[data-v-1a94f911]{margin-top:18px;padding-top:18px;border-top:1px solid var(--el-border-color-lighter)}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .suggestions strong[data-v-1a94f911]{color:var(--el-color-primary);font-size:14px;display:block;margin-bottom:8px}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .suggestions p[data-v-1a94f911]{margin:0;color:var(--el-text-color-regular);line-height:1.7;font-size:13px}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .recommendations[data-v-1a94f911]{margin-top:18px;padding-top:18px;border-top:1px solid var(--el-border-color-lighter);display:flex;flex-direction:column;gap:12px}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .recommendations .recommend-item[data-v-1a94f911]{display:flex;align-items:center;gap:10px}.ai-recommend-dialog .ai-analysis-section .analysis-card .analysis-content .recommendations .recommend-item .label[data-v-1a94f911]{color:var(--el-text-color-regular);font-size:13px;font-weight:500;min-width:100px}.ai-recommend-dialog .dialog-footer[data-v-1a94f911]{display:flex;justify-content:flex-end;gap:12px}.ai-recommend-dialog .dialog-footer .generate-btn[data-v-1a94f911]{display:flex;align-items:center;gap:6px;padding:10px 20px;font-weight:500}.ai-recommend-dialog .dialog-footer .generate-btn .btn-icon[data-v-1a94f911]{width:16px;height:16px}.level-badge[data-v-340d4aa0]{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.level-badge .badge-icon[data-v-340d4aa0]{filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));transition:all .3s ease;display:block}.level-badge .badge-icon[data-v-340d4aa0]:hover{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 6px 15px rgba(0,0,0,.5))}.level-badge .badge-label[data-v-340d4aa0]{font-size:13px;font-weight:600;color:var(--el-text-color-primary);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap;min-height:18px;line-height:1.4}.level-badge .stars-container[data-v-340d4aa0]{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:16px}.level-badge .stars-container .star-icon[data-v-340d4aa0]{transition:all .3s ease;flex-shrink:0;position:relative}.level-badge .stars-container .star-icon.star-filled[data-v-340d4aa0]{animation:starPulse-340d4aa0 2s ease-in-out infinite}.level-badge .stars-container .star-icon.star-filled .star-halo[data-v-340d4aa0]{animation:starHalo-340d4aa0 2s ease-in-out infinite}.level-badge .stars-container .star-icon.star-filled .star-path[data-v-340d4aa0]{animation:starShine-340d4aa0 3s ease-in-out infinite}.level-badge .stars-container .star-icon.star-filled .star-inner-glow[data-v-340d4aa0]{animation:starInnerGlow-340d4aa0 2.5s ease-in-out infinite}.level-badge .stars-container .star-icon.star-filled .star-center[data-v-340d4aa0]{animation:starCenter-340d4aa0 1.5s ease-in-out infinite}.level-badge .stars-container .star-icon.star-empty[data-v-340d4aa0]{opacity:.4}.level-badge .stars-container .star-icon[data-v-340d4aa0]:hover{transform:scale(1.15)}.level-badge .stars-container .star-icon:hover.star-filled[data-v-340d4aa0]{filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}@keyframes starPulse-340d4aa0{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes starHalo-340d4aa0{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes starShine-340d4aa0{0%,to{opacity:1;filter:drop-shadow(0 0 3px rgba(255,215,0,.6))}50%{opacity:.95;filter:drop-shadow(0 0 6px rgba(255,215,0,.9))}}@keyframes starInnerGlow-340d4aa0{0%,to{opacity:.6}50%{opacity:.8}}@keyframes starCenter-340d4aa0{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.level-requirements-dialog[data-v-92d030cc] .el-dialog__header{padding:20px 24px;border-bottom:1px solid var(--el-border-color-lighter)}.level-requirements-dialog[data-v-92d030cc] .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600;color:var(--el-text-color-primary)}.level-requirements-dialog[data-v-92d030cc] .el-dialog__body{padding:24px}.level-requirements-dialog[data-v-92d030cc] .el-dialog__footer{padding:16px 24px;border-top:1px solid var(--el-border-color-lighter)}.level-requirements-content .levels-list[data-v-92d030cc]{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto}.level-requirements-content .levels-list[data-v-92d030cc]::-webkit-scrollbar{width:6px}.level-requirements-content .levels-list[data-v-92d030cc]::-webkit-scrollbar-track{background:var(--el-fill-color-lighter);border-radius:3px}.level-requirements-content .levels-list[data-v-92d030cc]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.level-requirements-content .levels-list[data-v-92d030cc]::-webkit-scrollbar-thumb:hover{background:var(--el-border-color-dark)}.level-requirements-content .levels-list .level-item[data-v-92d030cc]{padding:20px;background:var(--el-bg-color);border:2px solid var(--el-border-color-lighter);border-radius:16px;transition:all .3s ease}.level-requirements-content .levels-list .level-item[data-v-92d030cc]:hover{background:var(--el-fill-color-lighter);border-color:var(--el-color-primary-light-5);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.level-requirements-content .levels-list .level-item.current-level[data-v-92d030cc]{background:linear-gradient(135deg,var(--el-color-primary-light-9),var(--el-color-primary-light-8));border-color:var(--el-color-primary-light-5);box-shadow:0 4px 16px #409eff33}.level-requirements-content .levels-list .level-item.current-level .level-header .level-name[data-v-92d030cc]{font-weight:700;color:var(--el-color-primary)}.level-requirements-content .levels-list .level-item .level-header[data-v-92d030cc]{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.level-requirements-content .levels-list .level-item .level-header .level-info[data-v-92d030cc]{flex:1}.level-requirements-content .levels-list .level-item .level-header .level-info .level-title[data-v-92d030cc]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.level-requirements-content .levels-list .level-item .level-header .level-info .level-title .level-name[data-v-92d030cc]{font-size:18px;font-weight:600;color:var(--el-text-color-primary)}.level-requirements-content .levels-list .level-item .level-header .level-info .level-title .level-stars[data-v-92d030cc]{font-size:14px;color:var(--el-text-color-secondary);font-weight:500}.level-requirements-content .levels-list .level-item .level-header .level-info .level-range[data-v-92d030cc]{font-size:14px;font-weight:600;color:var(--el-color-primary);margin-bottom:4px}.level-requirements-content .levels-list .level-item .level-header .level-info .level-stars-info[data-v-92d030cc]{font-size:12px;color:var(--el-text-color-secondary)}.level-requirements-content .levels-list .level-item .level-description[data-v-92d030cc]{font-size:13px;color:var(--el-text-color-regular);line-height:1.6;padding-left:66px}.loading-container[data-v-472f3e3c],.book-chapters-container[data-v-472f3e3c]{padding:20px}.book-chapters-container .book-info-header[data-v-472f3e3c]{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--el-border-color-lighter)}.book-chapters-container .book-info-header h3[data-v-472f3e3c]{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--el-text-color-primary)}.book-chapters-container .book-info-header .book-author-info[data-v-472f3e3c]{display:flex;align-items:center;gap:6px;margin:8px 0;font-size:14px;color:var(--el-text-color-regular)}.book-chapters-container .book-info-header .book-author-info .icon[data-v-472f3e3c]{color:var(--el-text-color-secondary)}.book-chapters-container .book-info-header .chapters-count[data-v-472f3e3c]{margin:8px 0 0;font-size:14px;color:var(--el-text-color-secondary)}.book-chapters-container .book-info-header .book-description[data-v-472f3e3c]{margin:12px 0 0;padding:12px;background:var(--el-bg-color-page);border-radius:6px;font-size:14px;line-height:1.6;color:var(--el-text-color-regular);border-left:3px solid var(--el-color-primary)}.book-chapters-container .chapters-list[data-v-472f3e3c]{display:flex;flex-direction:column;gap:16px}.book-chapters-container .chapters-list .chapter-item[data-v-472f3e3c]{padding:16px;border:1px solid var(--el-border-color-lighter);border-radius:8px;cursor:pointer;transition:all .25s ease;background:#fff}.book-chapters-container .chapters-list .chapter-item[data-v-472f3e3c]:hover{border-color:var(--el-color-primary-light-7);background:var(--el-color-primary-light-9);box-shadow:0 2px 8px #409eff1a;transform:translateY(-2px)}.book-chapters-container .chapters-list .chapter-item .chapter-header[data-v-472f3e3c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-number[data-v-472f3e3c]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--el-text-color-primary)}.book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-number .icon[data-v-472f3e3c]{width:18px;height:18px;color:var(--el-color-primary)}.book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-overlap[data-v-472f3e3c]{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--el-color-success)}.book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-overlap .icon[data-v-472f3e3c]{width:16px;height:16px}.book-chapters-container .chapters-list .chapter-item .chapter-title[data-v-472f3e3c]{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--el-text-color-primary);line-height:1.5}.book-chapters-container .chapters-list .chapter-item .chapter-summary[data-v-472f3e3c]{margin:0 0 12px;font-size:14px;color:var(--el-text-color-regular);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-chapters-container .chapters-list .chapter-item .chapter-meta[data-v-472f3e3c]{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--el-text-color-secondary)}.book-chapters-container .chapters-list .chapter-item .chapter-meta .meta-item[data-v-472f3e3c]{display:flex;align-items:center;gap:4px}.book-chapters-container .chapters-list .chapter-item .chapter-meta .meta-item .icon[data-v-472f3e3c]{width:14px;height:14px}.empty-container[data-v-472f3e3c]{padding:40px 20px;text-align:center}.graded-reading-article[data-v-2ca0ae01]{width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;background:transparent}.article-controls[data-v-2ca0ae01]{width:100%;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.article-controls .controls-left[data-v-2ca0ae01],.article-controls .controls-right[data-v-2ca0ae01]{display:flex;gap:12px;align-items:center}.article-content[data-v-2ca0ae01]{width:100%;min-height:200px;line-height:1.6;position:relative}.sentences-list[data-v-2ca0ae01],.fallback-content[data-v-2ca0ae01]{width:100%;display:block;position:relative}.sentence-pair[data-v-2ca0ae01]{width:100%;display:block;margin-bottom:16px;padding:16px 20px;border-radius:12px;background:linear-gradient(to bottom,#fff,#fafbfc);min-height:50px;box-sizing:border-box;position:relative;border:1px solid #e4e7ed;transition:all .3s ease;box-shadow:0 1px 3px #0000000a}.sentence-pair[data-v-2ca0ae01] .illustration-wrapper{margin:20px -8px;padding:12px 0;text-align:center}.sentence-pair[data-v-2ca0ae01] .illustration-image{margin-left:auto;margin-right:auto;display:block}.sentence-pair[data-v-2ca0ae01]:hover{background:linear-gradient(to bottom,#fff,#f5f7fa);border-color:#c0c4cc;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.sentence-pair[data-v-2ca0ae01]:last-child{margin-bottom:0}.sentence[data-v-2ca0ae01]{width:100%;display:block;box-sizing:border-box}.sentence.english[data-v-2ca0ae01]{font-size:19px;line-height:1.6;color:#1d2129;margin:0 0 8px;padding:0;cursor:text;-webkit-user-select:text;user-select:text;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;position:relative;background-color:transparent;font-weight:400;letter-spacing:.01em}.sentence.english[data-v-2ca0ae01] .clickable-word{cursor:pointer;padding:2px;border-radius:4px;transition:all .25s ease;display:inline;color:inherit;position:relative;font-weight:500}.sentence.english[data-v-2ca0ae01] .clickable-word:hover{background:linear-gradient(135deg,#e6f7ff,#bae7ff);color:#1890ff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff33}.sentence.english[data-v-2ca0ae01] .clickable-word.looked-up{color:#1890ff;border-bottom:2px solid #91d5ff;background:#1890ff14;font-weight:600}.sentence.chinese[data-v-2ca0ae01]{font-size:17px;line-height:1.6;color:#4e5969;border-left:4px solid #409eff;margin:0;display:block;background:#409eff0a;border-radius:0 6px 6px 0;padding:8px 12px 8px 20px;font-weight:400;letter-spacing:.02em}.fade-enter-active[data-v-2ca0ae01],.fade-leave-active[data-v-2ca0ae01]{transition:opacity .3s ease}.fade-enter-from[data-v-2ca0ae01],.fade-leave-to[data-v-2ca0ae01]{opacity:0}.no-content[data-v-2ca0ae01]{width:100%;padding:60px 20px;text-align:center;display:block}.no-content .summary-fallback[data-v-2ca0ae01]{margin-top:20px;padding:20px;background:#f5f7fa;border-radius:8px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}.article-footer-nav[data-v-2ca0ae01]{width:100%;margin-top:48px;padding-top:32px;border-top:2px solid #e4e7ed;display:flex;justify-content:center;align-items:center}.illustrations-section[data-v-2ca0ae01]{width:100%;margin:32px 0;padding:24px 0;border-top:2px solid #e4e7ed;border-bottom:2px solid #e4e7ed}.illustration-item[data-v-2ca0ae01]{width:100%;margin-bottom:32px;text-align:center}.illustration-item[data-v-2ca0ae01]:last-child{margin-bottom:0}.illustrations-inline[data-v-2ca0ae01]{width:100%;margin:16px 0;padding:16px 0}.illustrations-inline .illustration-item[data-v-2ca0ae01]{margin-bottom:24px}.illustrations-inline .illustration-item[data-v-2ca0ae01]:last-child{margin-bottom:0}.illustration-wrapper[data-v-2ca0ae01]{width:100%;margin:24px auto;padding:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center}.illustration-image[data-v-2ca0ae01]{max-width:100%;max-height:600px;width:auto;height:auto;border-radius:12px;box-shadow:0 4px 16px #0000001f;margin:0 auto;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);object-fit:contain;background:#fafbfc;padding:8px;box-sizing:border-box;display:block}.illustration-image-hidden[data-v-2ca0ae01]{display:none}.illustration-image-visible[data-v-2ca0ae01]{display:block;margin-left:auto;margin-right:auto}.illustration-image[data-v-2ca0ae01]:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000002e}.illustration-loading[data-v-2ca0ae01]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8c8c8c;font-size:14px;gap:12px}.loading-spinner[data-v-2ca0ae01]{width:32px;height:32px;border:3px solid #e4e7ed;border-top-color:#409eff;border-radius:50%;animation:spin-2ca0ae01 1s linear infinite}@keyframes spin-2ca0ae01{to{transform:rotate(360deg)}}.illustration-error[data-v-2ca0ae01]{display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#909399;font-size:14px;background:#f5f7fa;border-radius:8px;border:1px dashed #dcdfe6;width:100%;max-width:400px;margin:0 auto;min-height:80px}.illustration-caption[data-v-2ca0ae01]{font-size:14px;color:#8c8c8c;font-style:italic;margin-top:8px;padding:8px 16px;background:#f5f7fa;border-radius:4px;display:inline-block}@media (max-width: 768px){.graded-reading-article[data-v-2ca0ae01]{padding:12px}.sentence-pair[data-v-2ca0ae01]{padding:12px 14px;margin-bottom:12px;border-radius:10px}.sentence.english[data-v-2ca0ae01]{font-size:17px;line-height:1.5;margin-bottom:6px}.sentence.chinese[data-v-2ca0ae01]{font-size:15px;line-height:1.5;padding:6px 0 6px 12px;margin:0}.illustration-wrapper[data-v-2ca0ae01]{margin:16px 0;padding:12px 0}.illustration-image[data-v-2ca0ae01]{max-height:400px;padding:6px}.sentence-pair[data-v-2ca0ae01] .illustration-wrapper{margin:16px -4px}.article-controls[data-v-2ca0ae01]{flex-direction:row;align-items:center;gap:8px;padding-bottom:16px;margin-bottom:24px;flex-wrap:nowrap}.article-controls .controls-left[data-v-2ca0ae01],.article-controls .controls-right[data-v-2ca0ae01]{flex:1;display:flex;min-width:0}.article-controls .controls-left[data-v-2ca0ae01] .el-button,.article-controls .controls-right[data-v-2ca0ae01] .el-button{width:100%;font-size:13px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-controls .controls-left[data-v-2ca0ae01]{justify-content:flex-start}.article-controls .controls-right[data-v-2ca0ae01]{justify-content:flex-end}.article-footer-nav[data-v-2ca0ae01]{margin-top:32px;padding-top:24px}}@media (max-width: 480px){.graded-reading-article[data-v-2ca0ae01]{padding:12px 16px}.sentence-pair[data-v-2ca0ae01]{padding:10px 12px;margin-bottom:10px}.sentence.english[data-v-2ca0ae01]{font-size:16px;line-height:1.5;margin-bottom:5px}.sentence.chinese[data-v-2ca0ae01]{font-size:14px;line-height:1.5;padding:5px 0 5px 10px;margin:0}.illustration-wrapper[data-v-2ca0ae01]{margin:12px 0;padding:8px 0}.illustration-image[data-v-2ca0ae01]{max-height:300px;padding:4px;border-radius:8px}.illustration-loading[data-v-2ca0ae01]{padding:30px 16px;font-size:12px}.loading-spinner[data-v-2ca0ae01]{width:24px;height:24px;border-width:2px}}.v-graded-reading-test-view .graded-reading-test-container{padding:20px;max-width:900px;margin:0 auto;width:100%;min-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--el-bg-color-page);position:relative}.v-graded-reading-test-view .graded-reading-test-container .back-button{margin-bottom:20px}.v-graded-reading-test-view .graded-reading-test-container .back-button .back-icon{width:16px;height:16px;margin-right:4px;vertical-align:middle}.v-graded-reading-test-view .graded-reading-test-container .loading-container{padding:40px}.v-graded-reading-test-view .graded-reading-test-container .error-container{padding:80px 20px}.v-graded-reading-test-view .graded-reading-test-container .test-content .progress-indicator{margin-bottom:24px}.v-graded-reading-test-view .graded-reading-test-container .test-content .progress-indicator .progress-bar{height:8px;background:var(--el-fill-color-light);border-radius:4px;overflow:hidden;margin-bottom:8px}.v-graded-reading-test-view .graded-reading-test-container .test-content .progress-indicator .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--el-color-primary),var(--el-color-success));transition:width .3s}.v-graded-reading-test-view .graded-reading-test-container .test-content .progress-indicator .progress-text{text-align:center;font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section{margin-bottom:24px}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card{background:var(--el-bg-color);border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-header{margin-bottom:24px}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-title{font-size:20px;font-weight:600;color:var(--el-text-color-primary);margin:0;line-height:1.6}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options{display:flex;flex-direction:column;gap:12px}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--el-border-color);border-radius:8px;cursor:pointer;transition:all .3s}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item:hover,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item:hover,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item.selected,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item.selected{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item.correct,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item.correct{border-color:var(--el-color-success);background:var(--el-color-success-light-9)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item.wrong,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item.wrong{border-color:var(--el-color-danger);background:var(--el-color-danger-light-9)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item .option-label,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item .option-label{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--el-fill-color);border-radius:50%;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item .option-text,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item .option-text{flex:1;font-size:16px;color:var(--el-text-color-primary)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .options-list .option-item .option-correct-mark,.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .true-false-options .option-item .option-correct-mark{color:var(--el-color-success);font-size:20px;font-weight:700}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-body .fill-blank-input .hint-text{margin-top:8px;font-size:13px;color:var(--el-text-color-regular)}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .question-explanation{margin-top:24px;padding:16px;background:var(--el-fill-color-light);border-radius:8px}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .explanation-header{margin-bottom:12px}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card .explanation-content p{margin:8px 0;line-height:1.6}.v-graded-reading-test-view .graded-reading-test-container .test-content .navigation-buttons{display:flex;justify-content:space-between;gap:12px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card{background:var(--el-bg-color);border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 12px #0000001a;margin-bottom:24px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-header{margin-bottom:32px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-title{font-size:28px;font-weight:600;color:var(--el-text-color-primary);margin:0}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .score-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:24px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .score-display .score-number{font-size:64px;font-weight:700;color:var(--el-color-primary);line-height:1}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .score-display .score-label{font-size:24px;color:var(--el-text-color-regular)}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .stars-display{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .stars-display .star-icon{font-size:32px;color:var(--el-border-color);transition:all .3s}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .stars-display .star-icon.active{color:var(--el-color-warning)}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .result-stats{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .result-stats .stat-item .stat-value{font-size:24px;font-weight:600;color:var(--el-color-primary);margin-bottom:4px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .result-stats .stat-item .stat-label{font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .result-actions{display:flex;justify-content:center;gap:12px}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section{margin-top:24px;background:var(--el-bg-color);border-radius:12px;padding:24px}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section h3{margin:0 0 20px;font-size:18px;font-weight:600}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section .detail-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--el-border-color-lighter)}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section .detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section .detail-item .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section .detail-item .detail-header .detail-question{font-weight:500;color:var(--el-text-color-primary)}.v-graded-reading-test-view .graded-reading-test-container .test-result .details-section .detail-item .detail-content p{margin:8px 0;line-height:1.6;color:var(--el-text-color-regular)}@media (max-width: 768px){.v-graded-reading-test-view .graded-reading-test-container{padding:12px}.v-graded-reading-test-view .graded-reading-test-container .test-content .question-section .question-card{padding:16px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card{padding:24px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .score-display .score-number{font-size:48px}.v-graded-reading-test-view .graded-reading-test-container .test-result .result-card .result-content .result-stats{flex-direction:column;gap:20px}}.v-graded-reading-list-page{padding:20px;max-width:1400px;margin:0 auto;min-height:0;height:auto}.v-graded-reading-list-page .page-header{margin-bottom:28px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .page-header .header-content{display:flex;flex-direction:column;gap:24px}.v-graded-reading-list-page .page-header .header-content .header-main{width:100%;min-width:0}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:0}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper{flex:1;display:flex;align-items:flex-start;gap:16px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-icon-wrapper{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--el-color-primary-light-8),var(--el-color-primary-light-9));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #409eff26}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-icon-wrapper .title-icon{width:28px;height:28px;color:var(--el-color-primary)}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text{flex:1;min-width:0}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text h1{margin:0 0 6px;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--el-color-primary),var(--el-color-primary-light-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text .page-description{margin:0;color:var(--el-text-color-regular);font-size:14px;line-height:1.4}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions{flex-shrink:0}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn{height:40px;padding:0 20px;font-size:14px;font-weight:600;border-radius:10px;box-shadow:0 4px 12px #409eff40;transition:all .3s cubic-bezier(.4,0,.2,1)}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #409eff59}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn:active{transform:translateY(0)}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn .icon{width:16px;height:16px;margin-right:6px}.v-graded-reading-list-page .page-header .header-content .bottom-sections{display:flex;gap:24px;align-items:flex-start}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section{flex-shrink:0}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card{min-width:280px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--el-border-color-lighter);border-radius:16px;padding:18px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .stats-icon{width:18px;height:18px;color:var(--el-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .stats-title{font-size:15px;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content{display:flex;flex-direction:column;gap:10px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--el-fill-color-lighter);border-radius:10px;transition:all .2s ease}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item:hover{background:var(--el-color-primary-light-9);transform:translateY(-1px)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-icon{flex-shrink:0;width:32px;height:32px;background:#fffc;border-radius:8px;display:flex;align-items:center;justify-content:center}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-icon svg{width:16px;height:16px;color:var(--el-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-content .label{color:var(--el-text-color-regular);font-size:12px;line-height:1.3}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-content .value{font-weight:600;font-size:15px;color:var(--el-text-color-primary);line-height:1.3}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section{flex:1;min-width:0}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--el-border-color-lighter);border-radius:16px;padding:18px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .books-icon{width:18px;height:18px;color:var(--el-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .books-title{font-size:15px;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content{display:flex;flex-direction:column;gap:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item{padding:8px;background:var(--el-fill-color-lighter);border-radius:10px;cursor:pointer;transition:all .2s ease}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item:hover{background:var(--el-color-primary-light-9);transform:translateY(-1px)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content{display:flex;flex-direction:column;gap:4px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-index{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--el-color-primary-light-8);color:var(--el-color-primary);border-radius:4px;font-size:12px;font-weight:600;line-height:1}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-name{flex:1;font-size:14px;font-weight:500;color:var(--el-text-color-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-category{flex-shrink:0;font-size:12px;color:var(--el-text-color-secondary);padding:2px 8px;background:var(--el-fill-color);border-radius:4px;line-height:1.4;margin-left:4px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-category:before{content:"·";margin-right:6px;color:var(--el-text-color-placeholder)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info{flex-shrink:0}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card{min-width:380px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--el-border-color-lighter);border-radius:16px;padding:18px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-header-left{display:flex;align-items:center;gap:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-header-left .vocab-icon{width:18px;height:18px;color:var(--el-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-header-left .vocab-title{font-size:15px;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content{display:flex;flex-direction:column;gap:10px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--el-fill-color-lighter);border-radius:10px;transition:all .2s ease}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item:hover{background:var(--el-color-primary-light-9);transform:translateY(-1px)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon{flex-shrink:0;width:32px;height:32px;background:#fffc;border-radius:8px;display:flex;align-items:center;justify-content:center}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon svg{width:16px;height:16px;color:var(--el-color-primary)}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-info .stat-label{color:var(--el-text-color-regular);font-size:12px;line-height:1.3}.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-info .stat-value{font-weight:600;font-size:15px;color:var(--el-text-color-primary);line-height:1.3}.v-graded-reading-list-page .filter-toolbar{margin-bottom:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--el-border-color-lighter);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}.v-graded-reading-list-page .filter-toolbar .toolbar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title .title-icon{width:20px;height:20px;color:var(--el-color-primary)}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title .filter-badge{background:var(--el-color-primary);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500;margin-left:4px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions{display:flex;gap:8px;align-items:center}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .clear-btn{color:var(--el-text-color-regular)}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .clear-btn .icon{width:14px;height:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .clear-btn:hover{color:var(--el-color-danger)}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .refresh-btn .icon{width:14px;height:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--el-text-color-regular)}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label .label-icon{width:16px;height:16px;color:var(--el-color-primary)}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label .filter-hint{font-size:12px;color:var(--el-text-color-secondary);font-weight:400;margin-left:4px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-select{width:100%}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter{margin-top:2px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact{display:flex;align-items:center;gap:10px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .range-values-mini{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:20px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .range-values-mini .range-value-mini{font-size:11px;font-weight:500;color:var(--el-color-primary);line-height:1;text-align:center;white-space:nowrap}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact{flex:1;margin:0;min-width:0}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact .el-slider__runway{margin:10px 0;height:3px;background-color:var(--el-border-color-lighter);border-radius:2px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact .el-slider__button{width:12px;height:12px;border:2px solid var(--el-color-primary);background-color:#fff;box-shadow:0 1px 3px #00000026;transition:all .2s ease}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact .el-slider__button:hover{transform:scale(1.15);box-shadow:0 2px 6px #409eff4d}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact .el-slider__button-wrapper{width:12px;height:12px;top:-10px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact .el-slider__bar{height:3px;background:linear-gradient(90deg,var(--el-color-primary-light-3),var(--el-color-primary));border-radius:2px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group{flex:1 1 100%;min-width:100%}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid var(--el-border-color);border-radius:18px;background:var(--el-bg-color);color:var(--el-text-color-regular);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag .check-icon{width:14px;height:14px;color:var(--el-color-primary);flex-shrink:0}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag span{line-height:1}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag:hover{border-color:var(--el-color-primary-light-7);background:var(--el-color-primary-light-9);color:var(--el-color-primary);transform:translateY(-1px);box-shadow:0 2px 6px #409eff26}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag.active{border-color:var(--el-color-primary);background:linear-gradient(135deg,var(--el-color-primary) 0%,var(--el-color-primary-light-3) 100%);color:#fff;box-shadow:0 2px 8px #409eff40}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag.active .check-icon{color:#fff}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .category-filter-group .category-tags-wrapper .category-tag.active:hover{background:linear-gradient(135deg,var(--el-color-primary-light-3) 0%,var(--el-color-primary) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #409eff59}.v-graded-reading-list-page .filter-toolbar .toolbar-result{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--el-border-color-lighter);flex-wrap:wrap;gap:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info .result-icon{width:16px;height:16px;color:var(--el-color-success)}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info .result-text strong{color:var(--el-color-primary);font-weight:600;font-size:15px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters .filter-tag{display:flex;align-items:center;gap:6px;font-size:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters .filter-tag .tag-icon{width:14px;height:14px}.v-graded-reading-list-page .articles-container{min-height:400px;overflow:visible}.v-graded-reading-list-page .articles-container .articles-header{margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--el-border-color-lighter);border-radius:8px;display:flex;justify-content:space-between;align-items:center}.v-graded-reading-list-page .articles-container .articles-header .header-left{flex:1}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title{display:flex;align-items:center;gap:10px;margin:0;flex:1 1 auto;min-width:220px;font-size:18px;font-weight:600;line-height:1.2;color:var(--el-text-color-primary)}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title .title-icon{width:20px;height:20px;color:var(--el-color-primary)}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher{display:flex;align-items:center;gap:6px;padding:4px;border-radius:10px;background:var(--el-fill-color-lighter);border:1px solid var(--el-border-color-lighter);box-shadow:0 2px 6px #0f172a14}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:500;color:var(--el-text-color-regular);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item .tab-icon{width:16px;height:16px;min-width:16px;max-width:16px;min-height:16px;max-height:16px;flex-shrink:0}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item:hover{color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-7)}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item.active{background:var(--el-color-primary);color:#fff;border-color:var(--el-color-primary);box-shadow:0 2px 10px #409eff59}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item.active .tab-icon{color:#fff}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item.active:hover{background:var(--el-color-primary-light-3)}.v-graded-reading-list-page .articles-container .loading-container{padding:40px}.v-graded-reading-list-page .articles-container .empty-container{padding:80px 20px}.v-graded-reading-list-page .articles-container .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}.v-graded-reading-list-page .articles-container .articles-grid .article-card{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:20px;overflow:hidden;border:1px solid var(--el-border-color-lighter);background:var(--el-bg-color);position:relative;box-shadow:0 2px 12px #0000000f}.v-graded-reading-list-page .articles-container .articles-grid .article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--el-color-primary),var(--el-color-success),var(--el-color-warning));opacity:0;transition:opacity .4s ease;z-index:1}.v-graded-reading-list-page .articles-container .articles-grid .article-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;border-color:var(--el-color-primary-light-4)}.v-graded-reading-list-page .articles-container .articles-grid .article-card:hover:before{opacity:1}.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__header{padding:28px;background:linear-gradient(135deg,var(--el-bg-color-page) 0%,var(--el-fill-color-lighter) 100%);border-bottom:1px solid var(--el-border-color-lighter);position:relative}.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--el-color-primary-light-6),transparent);opacity:.6}.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__body{padding:28px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-title{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--el-text-color-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.3px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta{display:flex;flex-direction:column;gap:12px;margin-top:8px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,var(--el-color-primary-light-9),var(--el-color-primary-light-8));border-radius:8px;border:1px solid var(--el-color-primary-light-7)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .icon{width:18px;height:18px;flex-shrink:0;color:var(--el-color-primary)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .book-name{font-size:14px;font-weight:500;color:var(--el-text-color-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .book-author{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--el-text-color-regular);padding-left:8px;border-left:1px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .book-author .icon{width:14px;height:14px;color:var(--el-text-color-secondary)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content{display:flex;flex-direction:column;gap:16px;min-height:0}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-summary{margin:0;color:var(--el-text-color-regular);font-size:14px;line-height:1.75;padding:18px 20px;background:linear-gradient(135deg,var(--el-fill-color-lighter) 0%,var(--el-bg-color-page) 100%);border-radius:12px;border-left:4px solid var(--el-color-primary-light-5);transition:all .3s ease;box-sizing:border-box;box-shadow:0 2px 8px #0000000a;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-summary:hover{border-left-color:var(--el-color-primary);background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-fill-color-lighter) 100%);box-shadow:0 4px 12px #409eff1a;transform:translate(2px)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap{padding:20px;background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-color-success-light-9) 100%);border-radius:14px;border:1px solid var(--el-color-primary-light-7);box-shadow:0 4px 16px #409eff1a;transition:all .3s ease}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap:hover{box-shadow:0 6px 20px #409eff26;transform:translateY(-2px)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header .icon{width:20px;height:20px;color:var(--el-color-primary);flex-shrink:0}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header .overlap-title{font-size:15px;font-weight:600;color:var(--el-text-color-primary);flex:1}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header .overlap-percentage{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--el-color-primary),var(--el-color-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-bar{height:10px;background:#ffffff80;border-radius:6px;overflow:hidden;margin-bottom:10px;box-shadow:inset 0 1px 3px #0000001a}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-bar .overlap-fill{height:100%;background:linear-gradient(90deg,var(--el-color-primary) 0%,var(--el-color-success) 100%);transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:6px;position:relative;overflow:hidden}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-bar .overlap-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-detail{font-size:13px;color:var(--el-text-color-regular);display:flex;align-items:center;gap:4px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-detail strong{color:var(--el-color-primary);font-weight:700;font-size:14px}@keyframes shimmer{0%{left:-100%}to{left:100%}}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;margin-top:8px;border-top:1px solid var(--el-border-color-lighter);flex-wrap:wrap}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--el-text-color-regular);padding:8px 12px;background:linear-gradient(135deg,var(--el-fill-color-lighter),var(--el-fill-color));border-radius:8px;border:1px solid var(--el-border-color-lighter);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item:hover{background:linear-gradient(135deg,var(--el-color-primary-light-9),var(--el-color-primary-light-8));border-color:var(--el-color-primary-light-6);transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item .stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--el-color-primary-light-8);border-radius:6px;transition:all .3s}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item .stat-icon-wrapper .icon{width:16px;height:16px;color:var(--el-color-primary)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item:hover .stat-icon-wrapper{background:var(--el-color-primary);transform:scale(1.1)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item:hover .stat-icon-wrapper .icon{color:#fff}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item .stat-text{font-weight:500;color:var(--el-text-color-primary)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn{border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;padding:6px 10px;min-width:auto;height:32px;flex-shrink:0}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn:active{transform:translateY(0)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn .icon{width:18px;height:18px;margin:0;flex-shrink:0}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn[type=warning]{background:linear-gradient(135deg,var(--el-color-warning),var(--el-color-warning-light-3));border:none;color:#fff}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn[type=warning]:hover{background:linear-gradient(135deg,var(--el-color-warning-light-3),var(--el-color-warning));box-shadow:0 4px 12px #ffc1074d}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn[type=danger]{background:linear-gradient(135deg,var(--el-color-danger-light-3),var(--el-color-danger));border:none;color:#fff}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn[type=danger]:hover{background:linear-gradient(135deg,var(--el-color-danger),var(--el-color-danger-dark-2));box-shadow:0 4px 12px #f56c6c4d}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn[type=default]{background:var(--el-fill-color);border:1px solid var(--el-border-color);color:var(--el-text-color-regular)}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn[type=default]:hover{background:var(--el-fill-color-light);border-color:var(--el-color-primary-light-5);color:var(--el-color-primary)}.v-graded-reading-list-page .pagination-container{margin-top:24px;display:flex;justify-content:center}@media (max-width: 768px){.v-graded-reading-list-page{padding:12px}.v-graded-reading-list-page .page-header{padding:16px;margin-bottom:16px;border-radius:12px}.v-graded-reading-list-page .page-header .header-content{flex-direction:column;gap:16px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section{flex-direction:column;gap:12px;margin-bottom:12px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper{gap:12px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-icon-wrapper{width:40px;height:40px;border-radius:10px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-icon-wrapper .title-icon{width:24px;height:24px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text h1{font-size:22px;margin-bottom:4px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text .page-description{font-size:13px;line-height:1.5}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions{width:100%}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn{width:100%;height:44px;font-size:14px;padding:0 16px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn .icon{width:16px;height:16px;margin-right:6px}.v-graded-reading-list-page .page-header .header-content .bottom-sections{flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section{width:100%;box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card{min-width:auto;padding:12px;border-radius:12px;box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header{margin-bottom:10px;padding-bottom:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .stats-icon{width:16px;height:16px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .stats-title{font-size:13px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row{gap:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item{padding:8px 6px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-icon{width:28px;height:28px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-icon svg{width:14px;height:14px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-content .label{font-size:11px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-content .stats-row .stat-item .stat-item-content .value{font-size:14px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section{width:100%;box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card{padding:12px;border-radius:12px;box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header{margin-bottom:10px;padding-bottom:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .books-icon{width:16px;height:16px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .books-title{font-size:13px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content{gap:6px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item{padding:8px;border-radius:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper{gap:6px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-index{width:18px;height:18px;font-size:11px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-name{font-size:13px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-content .book-item .book-item-content .book-name-wrapper .book-category{font-size:11px;padding:2px 6px}.v-graded-reading-list-page .page-header .header-content .vocabulary-info{width:100%;box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card{min-width:auto!important;width:100%!important;max-width:100%!important;padding:16px!important;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box!important}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header{margin-bottom:16px!important;padding-bottom:12px!important;flex-wrap:wrap!important;gap:12px!important}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .vocab-header-left{gap:10px;flex:1;min-width:0}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .vocab-icon{width:20px;height:20px;flex-shrink:0}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .vocab-title{font-size:15px;font-weight:600;line-height:1.4}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .level-badge-wrapper{flex-shrink:0;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(102,126,234,.1)}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .level-badge-wrapper .level-badge .badge-icon{width:52px;height:52px}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .level-badge-wrapper .level-badge .badge-label{font-size:10px;line-height:1.2}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-header .level-badge-wrapper .level-badge .stars-container .star-icon{width:10px;height:10px}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content{gap:14px}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item{padding:12px 8px;border-radius:8px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon{width:32px;height:32px;flex-shrink:0}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon svg{width:16px;height:16px}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content{gap:4px;width:100%;text-align:center}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-label{font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.v-graded-reading-list-page .page-header .header-content .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-value{font-size:14px;font-weight:600;line-height:1.2;word-break:break-all}.v-graded-reading-list-page .filter-toolbar{padding:12px;margin-bottom:16px;border-radius:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title{font-size:15px;gap:8px;font-weight:600}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title .title-icon{width:18px;height:18px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title .filter-badge{font-size:11px;padding:3px 8px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions{width:100%;justify-content:flex-end;gap:10px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .clear-btn,.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .refresh-btn{font-size:13px;padding:8px 14px;height:36px;min-height:36px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .clear-btn .icon,.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .refresh-btn .icon{width:14px;height:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters{flex-direction:column;gap:16px;margin-bottom:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group{min-width:100%;gap:8px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label{font-size:13px;gap:6px;font-weight:500}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label .label-icon{width:16px;height:16px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label .filter-hint{font-size:11px;color:var(--el-text-color-secondary)}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper{gap:8px;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--el-color-primary-light-5) transparent;padding-bottom:4px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper::-webkit-scrollbar{height:4px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper::-webkit-scrollbar-track{background:transparent}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper::-webkit-scrollbar-thumb{background:var(--el-color-primary-light-5);border-radius:2px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper .category-tag{padding:6px 12px;font-size:12px;border-radius:16px;flex-shrink:0;white-space:nowrap}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper .category-tag .check-icon{width:12px;height:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter{margin-top:4px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact{gap:10px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .range-values-mini{width:42px;min-width:42px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .range-values-mini .range-value-mini{font-size:11px;font-weight:500}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .range-filter .range-slider-compact .overlap-slider-compact .el-slider__button{width:14px;height:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-select .el-input__inner{font-size:13px;height:36px}.v-graded-reading-list-page .filter-toolbar .toolbar-result{flex-direction:column;align-items:flex-start;gap:10px;padding-top:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info{font-size:13px;gap:6px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info .result-icon{width:14px;height:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info .result-text strong{font-size:14px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters{gap:6px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters .filter-tag{font-size:11px;padding:4px 8px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters .filter-tag .tag-icon{width:12px;height:12px}.v-graded-reading-list-page .articles-container .articles-header{padding:14px 16px;margin-bottom:18px;border-radius:8px}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title-wrapper{flex-direction:column;align-items:flex-start;gap:14px;width:100%}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title{font-size:17px;gap:8px;font-weight:600}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title .title-icon{width:18px;height:18px}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher{width:100%;gap:4px;padding:4px}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item{flex:1;padding:8px 12px;font-size:13px;gap:5px;min-height:36px}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item .tab-icon{width:15px;height:15px}.v-graded-reading-list-page .articles-container .articles-grid{grid-template-columns:1fr;gap:20px}.v-graded-reading-list-page .articles-container .articles-grid .article-card{border-radius:12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__header,.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__body{padding:18px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-title{font-size:18px;margin-bottom:12px;line-height:1.4}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta{gap:10px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta{padding:8px 12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .icon{width:16px;height:16px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .book-name{font-size:13px;font-weight:500}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .book-author{font-size:11px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-meta .book-meta .book-author .icon{width:12px;height:12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content{gap:14px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-summary{padding:14px 16px;font-size:13px;line-height:1.7}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap{padding:16px;border-radius:10px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header{gap:8px;margin-bottom:12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header .icon{width:18px;height:18px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header .overlap-title{font-size:13px;font-weight:500}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-header .overlap-percentage{font-size:20px;font-weight:700}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-bar{height:8px;margin-bottom:10px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-detail{font-size:12px;line-height:1.5}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-overlap .overlap-detail strong{font-size:14px;font-weight:600}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer{padding-top:14px;margin-top:10px;gap:10px;flex-wrap:wrap}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item{padding:8px 12px;font-size:12px;flex:1;min-width:0}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item .stat-icon-wrapper{width:22px;height:22px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item .stat-icon-wrapper .icon{width:14px;height:14px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .stat-item .stat-text{font-size:13px;font-weight:500}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn{flex:1;min-width:0;height:38px;padding:8px 14px;font-size:13px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-content .article-footer .footer-action-btn .icon{width:16px;height:16px}.v-graded-reading-list-page .pagination-container{margin-top:16px}.v-graded-reading-list-page .pagination-container .el-pagination{justify-content:center;flex-wrap:wrap}.v-graded-reading-list-page .pagination-container .el-pagination .el-pagination__sizes,.v-graded-reading-list-page .pagination-container .el-pagination .el-pagination__total,.v-graded-reading-list-page .pagination-container .el-pagination .el-pagination__jump{display:none}}@media (max-width: 480px){.v-graded-reading-list-page{padding:10px}.v-graded-reading-list-page .page-header{padding:12px;margin-bottom:12px}.v-graded-reading-list-page .page-header .header-content{gap:12px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section,.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper{gap:10px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-icon-wrapper{width:36px;height:36px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-icon-wrapper .title-icon{width:20px;height:20px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text h1{font-size:20px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .title-wrapper .title-text .page-description{font-size:12px}.v-graded-reading-list-page .page-header .header-content .header-main .header-title-section .header-actions .ai-recommend-btn{height:40px;font-size:13px;padding:0 14px}.v-graded-reading-list-page .page-header .header-content .bottom-sections{gap:12px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info{box-sizing:border-box}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card{padding:12px;box-sizing:border-box!important}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .vocab-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .stats-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .books-header,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header{margin-bottom:12px;padding-bottom:10px;flex-wrap:wrap;gap:10px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .stats-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .books-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .stats-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .books-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .stats-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .books-card .vocab-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .stats-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .stats-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .stats-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .books-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .books-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .books-header .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .stats-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .books-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-title{font-size:13px;line-height:1.4}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .vocab-header-left,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .vocab-header-left,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-header-left{gap:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .vocab-header-left .vocab-icon,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .vocab-header-left .vocab-icon,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-header-left .vocab-icon{width:18px;height:18px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .vocab-header-left .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .vocab-header-left .vocab-title,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .vocab-header-left .vocab-title{font-size:14px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .level-badge-wrapper,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .level-badge-wrapper,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .level-badge-wrapper{min-width:56px;min-height:56px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-header .level-badge-wrapper .level-badge .badge-icon,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-header .level-badge-wrapper .level-badge .badge-icon,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-header .level-badge-wrapper .level-badge .badge-icon{width:48px;height:48px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content{gap:12px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid{gap:8px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item{padding:10px 6px;min-height:65px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon{width:28px;height:28px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon svg,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon svg,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-icon svg{width:14px;height:14px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content{gap:3px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-label,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-label,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-label{font-size:11px}.v-graded-reading-list-page .page-header .header-content .bottom-sections .site-stats-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-value,.v-graded-reading-list-page .page-header .header-content .bottom-sections .popular-books-section .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-value,.v-graded-reading-list-page .page-header .header-content .bottom-sections .vocabulary-info .vocab-card .vocab-content .vocab-stats-grid .vocab-stat-item .stat-content .stat-value{font-size:13px}.v-graded-reading-list-page .filter-toolbar{padding:10px}.v-graded-reading-list-page .filter-toolbar .toolbar-header{gap:8px;margin-bottom:10px;padding-bottom:10px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-title{font-size:13px}.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .clear-btn,.v-graded-reading-list-page .filter-toolbar .toolbar-header .toolbar-actions .refresh-btn{font-size:11px;padding:5px 10px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters{gap:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .filter-label{font-size:11px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper{gap:6px}.v-graded-reading-list-page .filter-toolbar .toolbar-filters .filter-group .category-filter-group .category-tags-wrapper .category-tag{padding:5px 10px;font-size:11px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .result-info{font-size:12px}.v-graded-reading-list-page .filter-toolbar .toolbar-result .active-filters .filter-tag{font-size:10px;padding:3px 6px}.v-graded-reading-list-page .articles-container .articles-header{padding:10px 12px}.v-graded-reading-list-page .articles-container .articles-header .header-left .list-title{font-size:15px}.v-graded-reading-list-page .articles-container .articles-header .header-left .tab-switcher .tab-item{padding:5px 8px;font-size:11px}.v-graded-reading-list-page .articles-container .articles-grid{gap:12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__header,.v-graded-reading-list-page .articles-container .articles-grid .article-card .el-card__body{padding:12px}.v-graded-reading-list-page .articles-container .articles-grid .article-card .article-header .article-title{font-size:16px}}.v-graded-reading-list-page .article-detail-drawer-wrapper .el-drawer__header{margin-bottom:0;padding:12px 20px;min-height:auto;flex-shrink:0;border-bottom:1px solid var(--el-border-color-lighter);position:sticky;top:0;z-index:100;background:var(--el-bg-color)}.v-graded-reading-list-page .article-detail-drawer-wrapper .el-drawer__header .el-drawer__title{font-size:16px;font-weight:500;line-height:1.2}@media (max-width: 768px){.v-graded-reading-list-page .article-detail-drawer-wrapper .el-drawer__header{padding:10px 16px}.v-graded-reading-list-page .article-detail-drawer-wrapper .el-drawer__header .el-drawer__title{font-size:14px}}.v-graded-reading-list-page .article-detail-drawer-wrapper .el-drawer__body{padding:0;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;min-height:0}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress{padding:12px 24px;border-top:1px solid var(--el-border-color-lighter);background:var(--el-bg-color);position:sticky;bottom:0;z-index:10;flex-shrink:0;margin-top:auto;box-shadow:0 -2px 8px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .progress-header{display:flex;align-items:center;gap:4px;margin-bottom:2px;font-size:11px;color:var(--el-text-color-regular)}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .progress-header .progress-label{font-weight:500}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .progress-header .progress-percentage{color:var(--el-color-primary);font-weight:600}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .progress-header .reading-time{margin-left:auto;color:var(--el-text-color-secondary);font-size:10px}@media (max-width: 768px){.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress{padding:10px 16px}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .progress-header{font-size:10px;gap:3px}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .progress-header .reading-time{font-size:9px}.v-graded-reading-list-page .article-detail-drawer-wrapper .reading-progress .el-progress .el-progress__text{font-size:11px}}.v-graded-reading-list-page .article-detail-drawer{background-color:var(--el-bg-color);display:flex;flex-direction:column;width:100%;flex:1;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;height:0}.v-graded-reading-list-page .article-detail-drawer .article-header{padding:16px 24px;border-bottom:1px solid var(--el-border-color-lighter);background:var(--el-bg-color);position:relative;z-index:1}.v-graded-reading-list-page .article-detail-drawer .article-header .article-title{margin:0 0 16px;font-size:28px;font-weight:600;color:var(--el-text-color-primary);line-height:1.4}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .icon{width:18px;height:18px}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .book-title{font-weight:500;color:var(--el-text-color-primary)}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .book-author,.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .chapter-title{color:var(--el-text-color-secondary)}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .book-author:before,.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .chapter-title:before{content:"·";margin:0 6px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info{margin-top:16px;padding:16px;background:var(--el-fill-color-light);border-radius:8px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-text{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:var(--el-text-color-primary)}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-text .icon{width:18px;height:18px;color:var(--el-color-primary)}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-text strong{color:var(--el-color-primary);font-size:16px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-bar{height:8px;background:var(--el-border-color-lighter);border-radius:4px;overflow:hidden}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-bar .overlap-fill{height:100%;background:linear-gradient(90deg,var(--el-color-primary),var(--el-color-success));transition:width .3s}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta .meta-item{font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-list-page .article-detail-drawer .article-header .article-summary{font-size:15px;line-height:1.8;color:var(--el-text-color-regular);padding:16px;background:var(--el-fill-color-light);border-radius:8px;margin-top:16px}@media (max-width: 768px){.v-graded-reading-list-page .article-detail-drawer .article-header{padding:12px}.v-graded-reading-list-page .article-detail-drawer .article-header .article-title{font-size:20px;margin-bottom:12px}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info{font-size:13px;margin-bottom:12px;flex-wrap:wrap}.v-graded-reading-list-page .article-detail-drawer .article-header .book-info .icon{width:16px;height:16px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info{margin-top:12px;padding:12px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-text{font-size:13px;margin-bottom:10px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-text .icon{width:16px;height:16px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-text strong{font-size:14px}.v-graded-reading-list-page .article-detail-drawer .article-header .overlap-info .overlap-bar{height:6px}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta{gap:10px;margin-bottom:12px}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta .meta-item{font-size:12px}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta .favorite-button{min-width:36px;width:36px;height:36px;padding:0;border-radius:24%;display:flex;align-items:center;justify-content:center}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta .favorite-button .icon{width:18px!important;height:18px!important;margin-right:0!important;flex-shrink:0}.v-graded-reading-list-page .article-detail-drawer .article-header .article-meta .favorite-button .favorite-button-text{display:none}.v-graded-reading-list-page .article-detail-drawer .article-header .article-summary{font-size:14px;padding:12px;margin-top:12px;line-height:1.7}}.v-graded-reading-list-page .article-detail-drawer .main-content-layout{display:flex;gap:20px;flex:1 1 auto;min-height:0;padding:16px 24px 80px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper{flex:1;min-height:0;padding-right:8px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .loading-content{padding:40px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .empty-content{padding:60px 20px;text-align:center}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .empty-content .summary-fallback{margin-top:20px;padding:20px;background:var(--el-fill-color-light);border-radius:8px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .mobile-test-button{display:none}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar{width:240px;flex-shrink:0;align-self:flex-start}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card{position:fixed;top:300px;right:2vw;width:240px;max-height:calc(100vh - 180px);overflow-y:auto;background:var(--el-bg-color);z-index:20;box-shadow:0 2px 12px #0000001a;border-radius:8px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section{margin-bottom:24px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section:last-child{margin-bottom:0}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items{display:flex;flex-direction:column;gap:12px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items .stat-item{display:flex;justify-content:space-between;align-items:center}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items .stat-item .stat-label{font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items .stat-item .stat-value{font-size:16px;font-weight:600;color:var(--el-color-primary)}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .action-buttons{display:flex;flex-direction:column;gap:8px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar .sidebar-card .sidebar-section .action-buttons .el-button{width:100%!important;margin:0!important}@media (max-width: 768px){.v-graded-reading-list-page .article-detail-drawer .main-content-layout{flex-direction:column;gap:0;padding:0 0 100px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper{padding:0;order:1;width:100%}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .loading-content{padding:20px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .empty-content{padding:40px 16px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .empty-content .summary-fallback{padding:16px;font-size:13px}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-content-wrapper .mobile-test-button{display:block!important}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .article-sidebar{display:none!important}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .mobile-test-button{display:flex;flex-direction:column;padding:20px 16px;margin-top:24px;border-top:1px solid var(--el-border-color-lighter);background:var(--el-bg-color)}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .mobile-test-button .el-button{width:100%!important;height:44px!important;font-size:16px;margin:0!important;padding:0 16px;display:flex;align-items:center;justify-content:center}.v-graded-reading-list-page .article-detail-drawer .main-content-layout .mobile-test-button .el-button:not(:last-child){margin-bottom:16px!important}}.v-graded-reading-list-page .book-chapters-container{padding:20px}.v-graded-reading-list-page .book-chapters-container .book-info-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--el-border-color-lighter)}.v-graded-reading-list-page .book-chapters-container .book-info-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--el-text-color-primary)}.v-graded-reading-list-page .book-chapters-container .book-info-header .book-author-info{display:flex;align-items:center;gap:6px;margin:8px 0;font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-list-page .book-chapters-container .book-info-header .book-author-info .icon{color:var(--el-text-color-secondary)}.v-graded-reading-list-page .book-chapters-container .book-info-header .chapters-count{margin:8px 0 0;font-size:13px;color:var(--el-text-color-secondary)}.v-graded-reading-list-page .book-chapters-container .chapters-list{display:flex;flex-direction:column;gap:16px}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item{padding:16px;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:8px;cursor:pointer;transition:all .3s}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item:hover{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-number{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--el-color-primary)}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-number .icon{width:18px;height:18px}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-overlap{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--el-color-success);font-weight:500}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-header .chapter-overlap .icon{width:16px;height:16px}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--el-text-color-primary);line-height:1.5}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-summary{margin:0 0 12px;font-size:14px;color:var(--el-text-color-regular);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-meta{display:flex;gap:16px;font-size:13px;color:var(--el-text-color-secondary)}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-meta .meta-item{display:flex;align-items:center;gap:4px}.v-graded-reading-list-page .book-chapters-container .chapters-list .chapter-item .chapter-meta .meta-item .icon{width:16px;height:16px;color:var(--el-color-primary)}.v-graded-reading-list-page .book-chapters-container .loading-container,.v-graded-reading-list-page .book-chapters-container .empty-container{padding:40px;text-align:center}.leaderboard-view[data-v-cc2b4677]{min-height:100vh;background:linear-gradient(180deg,#fff9f0,#fff5e6 30%,#fffbf5)!important;padding:20px 20px 32px}.leaderboard-hero[data-v-cc2b4677]{position:relative;padding:28px 24px 24px;text-align:center}.leaderboard-hero .hero-glow[data-v-cc2b4677]{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:100px;background:radial-gradient(ellipse,rgba(251,146,60,.2) 0%,transparent 70%);pointer-events:none}.leaderboard-hero .hero-title[data-v-cc2b4677]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.75rem;font-weight:700;color:#78350f;margin:0 0 8px;letter-spacing:-.02em}.leaderboard-hero .hero-icon[data-v-cc2b4677]{font-size:2rem}.leaderboard-hero .hero-desc[data-v-cc2b4677]{margin:0;color:#92400e;font-size:.95rem;opacity:.85}.leaderboard-filters[data-v-cc2b4677]{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px}.filter-tabs[data-v-cc2b4677]{display:flex;gap:8px;padding:4px;background:#fbbf2426;border-radius:14px}.filter-tab[data-v-cc2b4677]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:10px;background:transparent;color:#92400e;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tab .tab-icon[data-v-cc2b4677]{font-size:1.1rem}.filter-tab[data-v-cc2b4677]:hover{background:#fbbf2440;color:#78350f}.filter-tab.active[data-v-cc2b4677]{background:#fff;color:#ea580c;box-shadow:0 2px 8px #fb923c33}.period-pills[data-v-cc2b4677]{display:flex;gap:8px;justify-content:center}.period-pill[data-v-cc2b4677]{padding:8px 18px;border:1px solid rgba(251,146,60,.35);border-radius:20px;background:#ffffffb3;color:#92400e;font-size:.85rem;cursor:pointer;transition:all .2s ease}.period-pill[data-v-cc2b4677]:hover{background:#fbbf2433;border-color:#f59e0b}.period-pill.active[data-v-cc2b4677]{background:linear-gradient(135deg,#fb923c,#f59e0b);border-color:transparent;color:#fff}.loading-state[data-v-cc2b4677],.error-state[data-v-cc2b4677]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#92400e;opacity:.8}.loading-spinner[data-v-cc2b4677]{width:36px;height:36px;border:3px solid rgba(251,146,60,.2);border-top-color:#f59e0b;border-radius:50%;animation:spin-cc2b4677 .8s linear infinite}@keyframes spin-cc2b4677{to{transform:rotate(360deg)}}.error-icon[data-v-cc2b4677]{font-size:2rem}.leaderboard-body[data-v-cc2b4677]{padding:0 20px}.my-rank-card[data-v-cc2b4677]{display:flex;align-items:center;gap:20px;padding:16px 20px;margin-bottom:20px;background:#fff;border:1px solid rgba(251,146,60,.2);border-radius:16px;box-shadow:0 4px 16px #fb923c14}.my-rank-badge[data-v-cc2b4677],.my-score-badge[data-v-cc2b4677]{display:flex;flex-direction:column;gap:2px}.rank-num[data-v-cc2b4677],.score-num[data-v-cc2b4677]{text-align:center;font-size:1.25rem;font-weight:700;color:#78350f}.rank-label[data-v-cc2b4677],.score-label[data-v-cc2b4677]{text-align:center;font-size:.75rem;color:#a16207}.participants[data-v-cc2b4677]{margin-left:auto;font-size:.85rem;color:#a16207}.rank-list[data-v-cc2b4677]{display:flex;flex-direction:column;gap:8px}.rank-item[data-v-cc2b4677]{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid rgba(251,191,36,.2);border-radius:14px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.rank-item.rank-me[data-v-cc2b4677]{background:linear-gradient(90deg,#fb923c1f,#fff 50%);border-color:#fb923c66}.rank-item.rank-1[data-v-cc2b4677]{box-shadow:0 4px 16px #fb923c33}.rank-item.rank-2[data-v-cc2b4677]{box-shadow:0 2px 12px #fbbf2426}.rank-item.rank-3[data-v-cc2b4677]{box-shadow:0 2px 12px #f59e0b1f}.rank-position[data-v-cc2b4677]{width:36px;text-align:center}.rank-position .medal[data-v-cc2b4677]{font-size:1.5rem}.rank-position .rank-num[data-v-cc2b4677]{font-weight:600;color:#78350f;font-size:1rem}.rank-avatar-wrap[data-v-cc2b4677]{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#fef3c7}.rank-avatar[data-v-cc2b4677]{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}.rank-info[data-v-cc2b4677]{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.rank-name[data-v-cc2b4677]{font-weight:500;color:#78350f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-badge[data-v-cc2b4677]{flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600;background:linear-gradient(135deg,#fb923c,#f59e0b);color:#fff;border-radius:8px}.rank-score[data-v-cc2b4677]{display:flex;flex-direction:column;align-items:flex-end}.rank-score .score-val[data-v-cc2b4677]{font-size:1.1rem;font-weight:700;color:#ea580c}.rank-score .score-unit[data-v-cc2b4677]{font-size:.7rem;color:#a16207}.empty-state[data-v-cc2b4677]{text-align:center;padding:48px 24px}.empty-state .empty-illus[data-v-cc2b4677]{font-size:4rem;margin-bottom:16px;opacity:.9}.empty-state h3[data-v-cc2b4677]{margin:0 0 8px;font-size:1.1rem;color:#78350f}.empty-state p[data-v-cc2b4677]{margin:0;font-size:.9rem;color:#92400e;opacity:.9}.empty-state .empty-tip[data-v-cc2b4677]{margin-top:16px;font-size:.8rem;color:#a16207;opacity:.8}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.v-about-page{min-height:100vh;position:relative;overflow-x:hidden;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.v-about-page .bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.v-about-page .floating-shapes{position:relative;width:100%;height:100%}.v-about-page .shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.v-about-page .shape.shape-1{width:100px;height:100px;top:10%;left:10%;animation-delay:0s}.v-about-page .shape.shape-2{width:150px;height:150px;top:20%;right:15%;animation-delay:2s}.v-about-page .shape.shape-3{width:80px;height:80px;bottom:20%;left:20%;animation-delay:4s}.v-about-page .about-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.v-about-page .hero-section{text-align:center;padding:60px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 8px 32px #0000001a}.v-about-page .hero-section .hero-icon{width:80px;height:80px;margin:0 auto 24px;animation:pulse 2s ease-in-out infinite}.v-about-page .hero-section .hero-title{font-size:3em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.v-about-page .hero-section .hero-subtitle{font-size:1.3em;color:#606266;margin:0}.v-about-page .section-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.v-about-page .section-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.v-about-page .section-card.highlight-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2)}.v-about-page .section-header{display:flex;align-items:center;gap:16px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,.1)}.v-about-page .section-header .section-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.v-about-page .section-header .section-icon.highlight{background:linear-gradient(135deg,#f093fb,#f5576c)}.v-about-page .section-header .section-icon svg{width:24px;height:24px}.v-about-page .section-header h2{font-size:2em;font-weight:700;color:#2c3e50;margin:0}.v-about-page .intro-text{font-size:1.1em;line-height:1.8;color:#606266;text-align:justify}.v-about-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:20px}.v-about-page .feature-card{padding:24px;background:#fffc;border-radius:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.v-about-page .feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea33;border-color:#667eea4d}.v-about-page .feature-card .feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:16px}.v-about-page .feature-card .feature-icon.ai-chat{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.v-about-page .feature-card .feature-icon.story-gen{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.v-about-page .feature-card .feature-icon.tts{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.v-about-page .feature-card .feature-icon.word-test{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.v-about-page .feature-card .feature-icon.graded-reading{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.v-about-page .feature-card .feature-icon.vocabulary{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.v-about-page .feature-card .feature-icon svg{width:28px;height:28px}.v-about-page .feature-card h3{font-size:1.3em;font-weight:700;color:#2c3e50;margin:0 0 12px}.v-about-page .feature-card p{font-size:.95em;line-height:1.6;color:#606266;margin:0}.v-about-page .advantages-list{display:flex;flex-direction:column;gap:24px;margin-top:20px}.v-about-page .advantage-item{display:flex;gap:20px;padding:24px;background:#fff9;border-radius:16px;border-left:4px solid #667eea;transition:all .3s ease}.v-about-page .advantage-item:hover{background:#ffffffe6;transform:translate(8px)}.v-about-page .advantage-item .advantage-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.v-about-page .advantage-item .advantage-icon svg{width:24px;height:24px}.v-about-page .advantage-item .advantage-content{flex:1}.v-about-page .advantage-item .advantage-content h3{font-size:1.3em;font-weight:700;color:#2c3e50;margin:0 0 8px}.v-about-page .advantage-item .advantage-content p{font-size:1em;line-height:1.7;color:#606266;margin:0}.v-about-page .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}.v-about-page .benefit-item{padding:24px;background:#fffc;border-radius:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease;position:relative;overflow:hidden}.v-about-page .benefit-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.v-about-page .benefit-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.v-about-page .benefit-item:hover:before{transform:scaleX(1)}.v-about-page .benefit-item .benefit-number{font-size:3em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;opacity:.3}.v-about-page .benefit-item h3{font-size:1.2em;font-weight:700;color:#2c3e50;margin:0 0 12px}.v-about-page .benefit-item p{font-size:.95em;line-height:1.6;color:#606266;margin:0}.v-about-page .guide-steps{display:flex;flex-direction:column;gap:24px;margin-top:20px}.v-about-page .guide-step{display:flex;gap:20px;padding:24px;background:#fff9;border-radius:16px;transition:all .3s ease}.v-about-page .guide-step:hover{background:#ffffffe6;transform:translate(8px)}.v-about-page .guide-step .step-number{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.5em;font-weight:700}.v-about-page .guide-step .step-content{flex:1}.v-about-page .guide-step .step-content h3{font-size:1.3em;font-weight:700;color:#2c3e50;margin:0 0 8px}.v-about-page .guide-step .step-content p{font-size:1em;line-height:1.7;color:#606266;margin:0}.v-about-page .highlights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}.v-about-page .highlight-item{padding:24px;background:#fffc;border-radius:16px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease;position:relative}.v-about-page .highlight-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea4d;border-color:#667eea66}.v-about-page .highlight-item .highlight-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.85em;font-weight:700;margin-bottom:12px}.v-about-page .highlight-item h3{font-size:1.2em;font-weight:700;color:#2c3e50;margin:0 0 12px}.v-about-page .highlight-item p{font-size:.95em;line-height:1.6;color:#606266;margin:0}@media (max-width: 1024px){.v-about-page{padding:24px 20px}.v-about-page .features-grid,.v-about-page .benefits-grid,.v-about-page .highlights-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.v-about-page{padding:20px 12px}.v-about-page .hero-section{padding:40px 20px}.v-about-page .hero-section .hero-title{font-size:2em}.v-about-page .hero-section .hero-subtitle{font-size:1.1em}.v-about-page .section-card{padding:24px}.v-about-page .features-grid,.v-about-page .benefits-grid,.v-about-page .highlights-list{grid-template-columns:1fr}.v-about-page .advantage-item,.v-about-page .guide-step{flex-direction:column}}@media (max-width: 480px){.v-about-page{padding:16px 8px}.v-about-page .section-card{padding:20px}}.v-about-page .domain-footer{margin-top:40px;padding:20px;text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 16px #00000014}.v-about-page .domain-footer .domain-link{display:inline-flex;align-items:center;gap:8px;color:#606266;text-decoration:none;font-size:.875rem;transition:all .3s ease;padding:8px 16px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-about-page .domain-footer .domain-link:hover{color:#667eea;background:#667eea1a;transform:translateY(-2px)}.v-about-page .domain-footer .domain-link svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.v-about-page .domain-footer .domain-link .domain-text{font-weight:600;letter-spacing:.02em}.card-slide-enter-active{animation:cardSlideIn .4s cubic-bezier(.22,1,.36,1) both}.card-slide-leave-active{animation:cardSlideOut .3s cubic-bezier(.55,0,1,.45) both;position:absolute;width:100%}@keyframes cardSlideIn{0%{opacity:0;transform:translate(60px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cardSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-60px) scale(.96)}}.reveal-enter-active{animation:revealIn .35s ease-out both}.reveal-leave-active{animation:revealOut .25s ease-in both}@keyframes revealIn{0%{opacity:0;transform:translateY(8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}@keyframes revealOut{0%{opacity:1;max-height:100px}to{opacity:0;max-height:0}}.drawer-enter-active{animation:drawerUp .45s cubic-bezier(.22,1,.36,1) both}.drawer-leave-active{animation:drawerDown .3s ease-in both}@keyframes drawerUp{0%{opacity:0;transform:translateY(30px);max-height:0}to{opacity:1;transform:translateY(0);max-height:800px}}@keyframes drawerDown{0%{opacity:1;max-height:800px}to{opacity:0;max-height:0}}@keyframes shakeCard{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}@keyframes flyOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) translate(60px) scale(.7)}}@keyframes starFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.v-word-review-view.word-review-container{min-height:100vh;padding:24px 20px;max-width:680px;margin:0 auto;background:transparent;transition:background .5s ease}.v-word-review-view.immersive-active{max-width:600px;background:linear-gradient(160deg,#f0f2f5,#e8ecf1,#f0f2f5);min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:32px 20px}.v-word-review-view .review-overview{animation:fadeInUp .5s ease-out both;padding-top:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.v-word-review-view .overview-hero{display:flex;align-items:center;gap:28px;margin-bottom:28px;padding:32px;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #667eea14,0 2px 8px #00000008}.v-word-review-view .overview-hero .hero-visual{flex-shrink:0}.v-word-review-view .overview-hero .hero-ring{position:relative;width:120px;height:120px}.v-word-review-view .overview-hero .hero-ring .ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.v-word-review-view .overview-hero .hero-ring .ring-progress{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.v-word-review-view .overview-hero .hero-ring .ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.v-word-review-view .overview-hero .hero-ring .ring-center .ring-number{font-size:2rem;font-weight:800;color:#1e293b;line-height:1;font-family:Inter,-apple-system,system-ui,sans-serif}.v-word-review-view .overview-hero .hero-ring .ring-center .ring-label{font-size:.75rem;color:#94a3b8;margin-top:4px;font-weight:500}.v-word-review-view .overview-hero .hero-text{flex:1}.v-word-review-view .overview-hero .hero-text .hero-title{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}.v-word-review-view .overview-hero .hero-text .hero-subtitle{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.v-word-review-view .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.v-word-review-view .mini-stat-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px 12px;text-align:center;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 12px #0000000a;transition:all .25s ease}.v-word-review-view .mini-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.v-word-review-view .mini-stat-card.clickable{cursor:pointer}.v-word-review-view .mini-stat-card.clickable:active{transform:translateY(0) scale(.97)}.v-word-review-view .mini-stat-card .ms-icon{margin-bottom:8px;display:flex;justify-content:center}.v-word-review-view .mini-stat-card .ms-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2;margin-bottom:2px}.v-word-review-view .mini-stat-card .ms-label{font-size:.72rem;color:#94a3b8;font-weight:500}.v-word-review-view .mini-stat-card.stat-total .ms-value{color:#667eea}.v-word-review-view .mini-stat-card.stat-mastered .ms-value{color:#16a34a}.v-word-review-view .mini-stat-card.stat-learning .ms-value{color:#d97706}.v-word-review-view .mini-stat-card.stat-failed .ms-value{color:#dc2626}.v-word-review-view .mastery-bar-section{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 12px #0000000a}.v-word-review-view .mastery-bar-section .mastery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v-word-review-view .mastery-bar-section .mastery-header .mastery-title{font-size:.85rem;font-weight:600;color:#475569}.v-word-review-view .mastery-bar-section .mastery-header .mastery-percent{font-size:.85rem;font-weight:700;color:#667eea}.v-word-review-view .mastery-bar-section .mastery-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;display:flex;margin-bottom:10px}.v-word-review-view .mastery-bar-section .mastery-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.v-word-review-view .mastery-bar-section .mastery-fill.mastery-mastered{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px 0 0 4px}.v-word-review-view .mastery-bar-section .mastery-fill.mastery-learning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.v-word-review-view .mastery-bar-section .mastery-legend{display:flex;gap:16px;justify-content:center}.v-word-review-view .mastery-bar-section .mastery-legend .legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#94a3b8}.v-word-review-view .mastery-bar-section .mastery-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;font-style:normal}.v-word-review-view .mastery-bar-section .mastery-legend .dot.dot-mastered{background:#22c55e}.v-word-review-view .mastery-bar-section .mastery-legend .dot.dot-learning{background:#f59e0b}.v-word-review-view .mastery-bar-section .mastery-legend .dot.dot-remaining{background:#e2e8f0}.v-word-review-view .overview-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:24px;box-shadow:0 4px 24px #0000000d,0 1px 3px #00000008;border:1px solid rgba(255,255,255,.6);margin-bottom:20px}.v-word-review-view .options-row{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.v-word-review-view .option-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.v-word-review-view .option-item:hover{background:#f1f5f9;border-color:#cbd5e1}.v-word-review-view .option-item span{flex:1;font-size:.9rem;font-weight:500;color:#334155}.v-word-review-view .start-btn{width:100%;height:52px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:14px!important;box-shadow:0 4px 14px #667eea66!important;transition:all .3s ease!important}.v-word-review-view .start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80!important}.v-word-review-view .start-btn:disabled{opacity:.6}.v-word-review-view .start-btn .btn-icon{margin-right:8px;vertical-align:middle}.v-word-review-view .empty-hint-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:40px 24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 24px #0000000d;text-align:center}.v-word-review-view .empty-hint-card .empty-celebration .empty-emoji{font-size:3.5rem;display:block;margin-bottom:12px;animation:bounceEmoji 1s ease-in-out infinite alternate}@keyframes bounceEmoji{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.v-word-review-view .empty-hint-card .empty-celebration h3{font-size:1.4rem;font-weight:700;color:#16a34a;margin:0 0 8px}.v-word-review-view .empty-hint-card .empty-celebration p{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.v-word-review-view .daily-tip{display:flex;align-items:flex-start;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#667eea0f,#a855f70d);border-radius:14px;border:1px solid rgba(102,126,234,.1)}.v-word-review-view .daily-tip .tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.v-word-review-view .daily-tip .tip-text{font-size:.85rem;color:#475569;line-height:1.6}.v-word-review-view .review-finished{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:48px 24px;animation:fadeInUp .5s ease-out both}.v-word-review-view .finished-card{text-align:center;max-width:440px;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:44px 36px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border:1px solid rgba(255,255,255,.6)}.v-word-review-view .finished-card .finished-medal{font-size:4rem;margin-bottom:12px;line-height:1;animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.v-word-review-view .finished-card .finished-title{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0 0 8px}.v-word-review-view .finished-card .finished-rescue{font-size:.95rem;color:#475569;margin:0 0 24px;line-height:1.5}.v-word-review-view .finished-card .finished-rescue strong{color:#667eea;font-weight:700;font-size:1.2rem}.v-word-review-view .finished-card .retention-boost{margin-bottom:24px;padding:0 8px}.v-word-review-view .finished-card .retention-boost .rb-bar{height:28px;background:#f1f5f9;border-radius:8px;overflow:hidden;display:flex;position:relative;margin-bottom:8px}.v-word-review-view .finished-card .retention-boost .rb-before{height:100%;background:linear-gradient(90deg,#94a3b8,#cbd5e1);display:flex;align-items:center;justify-content:center;transition:width .6s ease;position:relative;z-index:1;min-width:40px}.v-word-review-view .finished-card .retention-boost .rb-after{height:100%;background:linear-gradient(90deg,#667eea,#a855f7);display:flex;align-items:center;justify-content:center;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:absolute;left:0;top:0;z-index:2;min-width:40px;border-radius:8px}.v-word-review-view .finished-card .retention-boost .rb-label-inner{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.v-word-review-view .finished-card .retention-boost .rb-legend{display:flex;justify-content:center;gap:20px}.v-word-review-view .finished-card .retention-boost .rb-legend .rb-legend-item{font-size:.7rem;color:#94a3b8}.v-word-review-view .finished-card .retention-boost .rb-legend .rb-legend-item.before:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:#cbd5e1;margin-right:4px;vertical-align:middle}.v-word-review-view .finished-card .retention-boost .rb-legend .rb-legend-item.after{color:#667eea;font-weight:600}.v-word-review-view .finished-card .retention-boost .rb-legend .rb-legend-item.after:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,#667eea,#a855f7);margin-right:4px;vertical-align:middle}.v-word-review-view .finished-card .finished-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.v-word-review-view .finished-card .finished-stats .finished-stat{background:#f1f5f9;border-radius:12px;padding:10px 16px;min-width:65px;transition:transform .2s ease}.v-word-review-view .finished-card .finished-stats .finished-stat:hover{transform:translateY(-2px)}.v-word-review-view .finished-card .finished-stats .finished-stat .fs-value{display:block;font-size:1.4rem;font-weight:700;color:#1e293b;line-height:1.3}.v-word-review-view .finished-card .finished-stats .finished-stat .fs-label{display:block;font-size:.7rem;color:#64748b;margin-top:2px}.v-word-review-view .finished-card .finished-stats .finished-stat.good{background:#22c55e1a}.v-word-review-view .finished-card .finished-stats .finished-stat.good .fs-value{color:#16a34a}.v-word-review-view .finished-card .finished-stats .finished-stat.hard{background:#f59e0b1a}.v-word-review-view .finished-card .finished-stats .finished-stat.hard .fs-value{color:#d97706}.v-word-review-view .finished-card .finished-stats .finished-stat.again{background:#ef44441a}.v-word-review-view .finished-card .finished-stats .finished-stat.again .fs-value{color:#dc2626}.v-word-review-view .finished-card .finished-encourage{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea14,#764ba214);padding:10px 20px;border-radius:20px;font-size:.9rem;color:#667eea;font-weight:500;margin-bottom:24px}.v-word-review-view .finished-card .finished-encourage .encourage-icon{font-size:1.1rem}.v-word-review-view .finished-card .finish-btn{width:100%;height:48px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 14px #667eea59!important;transition:all .3s ease!important}.v-word-review-view .finished-card .finish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73!important}.v-word-review-view .review-session{position:relative}.v-word-review-view .review-session .session-topbar{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.v-word-review-view .review-session .progress-bar{flex:1}.v-word-review-view .review-session .progress-bar .progress-track{height:6px;background:#e2e8f0cc;border-radius:3px;overflow:hidden}.v-word-review-view .review-session .progress-bar .progress-track .progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#a855f7);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.v-word-review-view .review-session .progress-bar .progress-track .progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));border-radius:0 3px 3px 0}.v-word-review-view .review-session .progress-bar .progress-text{display:block;text-align:right;margin-top:6px;font-size:.75rem;font-weight:500;color:#94a3b8}.v-word-review-view .review-session .done-counter{display:flex;align-items:center;gap:4px;background:#22c55e1a;border:1.5px solid rgba(34,197,94,.2);border-radius:20px;padding:4px 12px 4px 8px;flex-shrink:0;transition:all .15s ease}.v-word-review-view .review-session .done-counter.counter-pop{transform:scale(1.15);background:#22c55e2e;border-color:#22c55e66}.v-word-review-view .review-session .done-counter .done-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#22c55e;color:#fff;font-size:.6rem;font-weight:700}.v-word-review-view .review-session .done-counter .done-num{font-size:.85rem;font-weight:700;color:#16a34a}.v-word-review-view .review-session .particle-container{position:absolute;top:0;left:50%;width:0;height:0;z-index:100;pointer-events:none}.v-word-review-view .review-session .particle-container .star-particle{position:absolute;font-size:1rem;color:#667eea;animation:starFly .6s ease-out forwards;pointer-events:none}.v-word-review-view .review-session .card-stage{position:relative;min-height:300px}.v-word-review-view .review-session .word-card{padding:48px 32px 28px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:24px;text-align:center;position:relative;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008,inset 0 1px #fffc;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.v-word-review-view .review-session .word-card.shake-anim{animation:shakeCard .5s ease-in-out}.v-word-review-view .review-session .word-card.fly-away{animation:flyOut .28s ease-in forwards;pointer-events:none}.v-word-review-view .review-session .word-card.overdue-high{border-color:#f59e0b4d;background:linear-gradient(135deg,#ffffffe6,#fff7ede6);box-shadow:0 8px 32px #f59e0b1a,0 2px 8px #00000008}.v-word-review-view .review-session .word-card.detail-open{cursor:default}.v-word-review-view .review-session .word-card .overdue-badge{position:absolute;top:16px;right:16px;padding:5px 12px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;box-shadow:0 2px 8px #f59e0b4d}.v-word-review-view .review-session .word-card .word-main{margin-bottom:24px;transition:all .4s ease}.v-word-review-view .review-session .word-card .word-main.shrink{margin-bottom:16px}.v-word-review-view .review-session .word-card .word-main.shrink .word-text{font-size:2rem;color:#475569}.v-word-review-view .review-session .word-card .word-main .word-text{font-size:2.8rem;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:1.5px;font-family:Inter,SF Pro Display,-apple-system,system-ui,sans-serif;transition:all .4s ease}.v-word-review-view .review-session .word-card .word-main .word-phonetic-row{display:flex;justify-content:center;align-items:center;gap:10px}.v-word-review-view .review-session .word-card .word-main .audio-play-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #cbd5e1;background:#ffffffb3;color:#667eea;cursor:pointer;transition:all .2s ease;flex-shrink:0;outline:none;position:relative}.v-word-review-view .review-session .word-card .word-main .audio-play-btn:hover{background:#667eea1a;border-color:#667eea;transform:scale(1.08)}.v-word-review-view .review-session .word-card .word-main .audio-play-btn:active{transform:scale(.95)}.v-word-review-view .review-session .word-card .word-main .audio-play-btn.is-playing{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;animation:audioPulse 1s ease-in-out infinite}.v-word-review-view .review-session .word-card .word-main .audio-play-btn .slow-badge{position:absolute;bottom:-4px;right:-6px;font-size:.5rem;font-weight:700;color:#fff;background:#f59e0b;padding:1px 4px;border-radius:4px;line-height:1.2}@keyframes audioPulse{0%,to{box-shadow:0 0 #667eea4d}50%{box-shadow:0 0 0 8px #667eea00}}.v-word-review-view .review-session .word-card .word-main .word-phonetic{font-size:1.15rem;color:#64748b;font-family:Lucida Sans Unicode,Noto Sans,sans-serif}.v-word-review-view .review-session .word-card .word-main .word-phonetic-cn{font-size:.9rem;color:#94a3b8;background:#64748b14;padding:2px 10px;border-radius:8px}.v-word-review-view .review-session .word-card .definition-zone{margin-bottom:24px;overflow:hidden}.v-word-review-view .review-session .word-card .definition-zone .definition-text{display:inline-block;font-size:1.1rem;color:#334155;background:linear-gradient(135deg,#667eea14,#a855f70f);padding:10px 24px;border-radius:12px;font-weight:500;line-height:1.6}.v-word-review-view .review-session .word-card .memory-panel{text-align:left;overflow:hidden;margin-bottom:20px}.v-word-review-view .review-session .word-card .memory-panel .hl-word{color:#667eea;font-weight:700;background:#667eea14;padding:0 3px;border-radius:3px}.v-word-review-view .review-session .word-card .memory-panel .mp-section{margin-bottom:14px;border-radius:14px;padding:14px 18px}.v-word-review-view .review-session .word-card .memory-panel .mp-section:last-child{margin-bottom:0}.v-word-review-view .review-session .word-card .memory-panel .mp-section .mp-label{font-size:.78rem;font-weight:600;margin-bottom:6px;letter-spacing:.5px}.v-word-review-view .review-session .word-card .memory-panel .mp-section .mp-content{font-size:.9rem;line-height:1.7;color:#334155}.v-word-review-view .review-session .word-card .memory-panel .mp-definition{background:linear-gradient(135deg,#3b82f60f,#6366f10f);border:1px solid rgba(59,130,246,.12)}.v-word-review-view .review-session .word-card .memory-panel .mp-definition .mp-label{color:#3b82f6}.v-word-review-view .review-session .word-card .memory-panel .mp-definition .definition-highlight{font-weight:500;color:#1e40af}.v-word-review-view .review-session .word-card .memory-panel .mp-mnemonic{background:linear-gradient(135deg,#f59e0b0f,#fbbf240f);border:1px solid rgba(245,158,11,.12)}.v-word-review-view .review-session .word-card .memory-panel .mp-mnemonic .mp-label{color:#d97706}.v-word-review-view .review-session .word-card .memory-panel .mp-mnemonic .mnemonic-text{font-family:ZCOOL XiaoWei,STKaiti,KaiTi,serif;font-size:.95rem;color:#92400e}.v-word-review-view .review-session .word-card .memory-panel .mp-etymology{background:linear-gradient(135deg,#78716c0f,#a8a29e0a);border:1px solid rgba(120,113,108,.12);position:relative;padding-left:22px}.v-word-review-view .review-session .word-card .memory-panel .mp-etymology:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:linear-gradient(180deg,#a8a29e,#78716c);border-radius:2px}.v-word-review-view .review-session .word-card .memory-panel .mp-etymology .mp-label{color:#78716c}.v-word-review-view .review-session .word-card .memory-panel .mp-etymology .etymology-text{font-size:.88rem;color:#57534e;line-height:1.8}.v-word-review-view .review-session .word-card .word-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px}.v-word-review-view .review-session .word-card .word-actions .btn-key-hint{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#ffffff40;font-size:.7rem;font-weight:700;margin-right:6px;line-height:1}.v-word-review-view .review-session .word-card .word-actions .btn-dismiss{width:100%;color:#94a3b8;border-color:#e2e8f0;border-radius:10px!important;font-size:.8rem;height:34px;transition:all .2s ease}.v-word-review-view .review-session .word-card .word-actions .btn-dismiss:hover{color:#667eea;border-color:#667eea;background:#667eea0a}.v-word-review-view .review-session .word-card .word-actions .btn-action{font-weight:600;border-radius:12px!important;transition:all .15s ease;position:relative}.v-word-review-view .review-session .word-card .word-actions .btn-action.key-active{transform:scale(.93)}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-primary-action{flex:1.4;min-height:48px;font-size:1.05rem}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-good{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;box-shadow:0 4px 16px #22c55e59}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-good:hover{box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-good:active,.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-good.key-active{transform:scale(.95);box-shadow:0 2px 8px #22c55e80}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-good .btn-key-hint{background:#ffffff4d}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-hard{flex:1;min-height:48px;background:linear-gradient(135deg,#f59e0b,#e67e22)!important;border:none!important;color:#fff!important;box-shadow:0 3px 12px #f59e0b4d}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-hard:hover{box-shadow:0 4px 16px #f59e0b73;transform:translateY(-1px)}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-hard:active,.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-hard.key-active{transform:scale(.95);box-shadow:0 2px 8px #f59e0b80}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-hard .btn-key-hint{background:#ffffff4d;color:#fff}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-again{flex:1;min-height:48px;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;box-shadow:0 3px 12px #ef44444d}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-again:hover{box-shadow:0 4px 16px #ef444473;transform:translateY(-1px)}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-again:active,.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-again.key-active{transform:scale(.95);box-shadow:0 2px 8px #ef444480}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-again .btn-key-hint{background:#ffffff4d}.v-word-review-view .review-session .word-card .detail-actions{margin-top:4px}.v-word-review-view .review-session .word-card .detail-actions .next-btn{width:100%;height:56px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 20px #667eea73!important;transition:all .3s ease!important;display:flex;align-items:center;justify-content:center;gap:10px}.v-word-review-view .review-session .word-card .detail-actions .next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #667eea8c!important}.v-word-review-view .review-session .word-card .detail-actions .next-btn .next-hint{font-size:.68rem;font-weight:400;opacity:.65;background:#fff3;padding:2px 8px;border-radius:6px}.v-word-review-view .review-session .word-card .keyboard-hint{margin:0;font-size:.72rem;color:#94a3b8;letter-spacing:.3px}.v-word-review-view .memory-matrix-section{margin-top:24px;padding:20px 24px;background:#6474b40f;border-radius:16px}.v-word-review-view .memory-matrix-section .mm-title{margin:0 0 14px;font-size:.95rem;font-weight:600;color:#334155}.v-word-review-view .memory-matrix-section .mm-grid{display:flex;flex-wrap:wrap;gap:5px}.v-word-review-view .memory-matrix-section .mm-cell{width:18px;height:18px;border-radius:4px;transition:transform .15s ease;cursor:default;position:relative}.v-word-review-view .memory-matrix-section .mm-cell:hover{transform:scale(1.35);z-index:2}.v-word-review-view .memory-matrix-section .mm-cell.mm-good{background:#22c55e}.v-word-review-view .memory-matrix-section .mm-cell.mm-hard{background:#f59e0b}.v-word-review-view .memory-matrix-section .mm-cell.mm-again{background:#ef4444}.v-word-review-view .memory-matrix-section .mm-cell.mm-dismiss{background:#94a3b8}.v-word-review-view .memory-matrix-section .mm-cell.mm-easy{background:#22c55e}.v-word-review-view .memory-matrix-section .mm-cell.mm-new{border:2px solid #a855f7;box-sizing:border-box}.v-word-review-view .memory-matrix-section .mm-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:.75rem;color:#64748b}.v-word-review-view .memory-matrix-section .mm-legend .mm-legend-item{display:flex;align-items:center;gap:4px}.v-word-review-view .memory-matrix-section .mm-legend .mm-dot{display:inline-block;width:10px;height:10px;border-radius:3px}.v-word-review-view .memory-matrix-section .mm-legend .mm-dot.mm-dot-good{background:#22c55e}.v-word-review-view .memory-matrix-section .mm-legend .mm-dot.mm-dot-hard{background:#f59e0b}.v-word-review-view .memory-matrix-section .mm-legend .mm-dot.mm-dot-again{background:#ef4444}.v-word-review-view .memory-matrix-section .mm-legend .mm-dot.mm-dot-dismiss{background:#94a3b8}.v-word-review-view .memory-matrix-section .mm-legend .mm-dot.mm-dot-new{background:#fff;border:2px solid #a855f7;box-sizing:border-box}@media (max-width: 768px){.v-word-review-view.word-review-container{padding:16px 12px}.v-word-review-view.immersive-active{padding:32px 12px 16px;justify-content:flex-start}.v-word-review-view .overview-hero{flex-direction:column;text-align:center;padding:24px 20px;gap:16px;border-radius:20px}.v-word-review-view .overview-hero .hero-ring{width:100px;height:100px}.v-word-review-view .overview-hero .hero-text .hero-title{font-size:1.5rem}.v-word-review-view .stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.v-word-review-view .mini-stat-card{padding:14px 10px;border-radius:14px}.v-word-review-view .mini-stat-card .ms-value{font-size:1.3rem}.v-word-review-view .mastery-bar-section{padding:16px 18px;border-radius:14px}.v-word-review-view .overview-card{padding:20px 16px;border-radius:16px}.v-word-review-view .review-session .word-card{padding:36px 20px 24px;border-radius:20px}.v-word-review-view .review-session .word-card .word-main .word-text{font-size:2.2rem}.v-word-review-view .review-session .word-card .word-main .word-phonetic{font-size:1rem}.v-word-review-view .review-session .word-card .word-actions{gap:8px}.v-word-review-view .review-session .word-card .word-actions .btn-action{min-height:48px;font-size:.9rem}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-primary-action{min-height:52px;font-size:1rem}.v-word-review-view .review-session .word-card .word-actions .btn-dismiss{min-height:36px}.v-word-review-view .review-session .word-card .memory-panel .mp-section{padding:12px 14px}.v-word-review-view .review-session .word-card .detail-actions .next-btn{height:56px;font-size:1.05rem}.v-word-review-view .review-session .word-card .keyboard-hint{display:none}.v-word-review-view .finished-card{padding:36px 24px;border-radius:20px}.v-word-review-view .finished-card .finished-medal{font-size:3.5rem}.v-word-review-view .finished-card .finished-title{font-size:1.4rem}.v-word-review-view .finished-card .finished-stats{gap:8px}.v-word-review-view .finished-card .finished-stats .finished-stat{padding:10px 14px;min-width:60px}.v-word-review-view .memory-matrix-section{padding:16px 18px}.v-word-review-view .memory-matrix-section .mm-cell{width:14px;height:14px;gap:3px}.v-word-review-view .memory-matrix-section .mm-grid{gap:3px}}@media (max-width: 480px){.v-word-review-view .review-session .word-card .word-main .word-text{font-size:1.9rem}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-primary-action{flex:1 0 100%;min-height:52px}.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-hard,.v-word-review-view .review-session .word-card .word-actions .btn-action.btn-again{flex:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.v-home-page{height:100%;display:flex;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.v-home-page .sidebar{width:200px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:100;box-shadow:2px 0 12px #0000000a}.v-home-page .sidebar.collapsed{width:0;overflow:hidden;border-right:none;box-shadow:none}.v-home-page .sidebar.collapsed .sidebar-header,.v-home-page .sidebar.collapsed .nav-menu,.v-home-page .sidebar.collapsed .user-section{opacity:0;pointer-events:none}.v-home-page .sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.1) 50%,transparent 100%);opacity:.6}.v-home-page .sidebar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.1) 50%,transparent 100%);opacity:.4}.v-home-page .sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;animation:fadeIn .3s ease}.v-home-page .sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(0,0,0,.05);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;position:relative}.v-home-page .sidebar-header:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.15) 50%,transparent 100%)}.v-home-page .sidebar-header .logo-wrapper{display:flex;align-items:center;gap:10px;flex:1}.v-home-page .sidebar-header .logo-wrapper .logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 2px 8px #667eea40,inset 0 1px 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.v-home-page .sidebar-header .logo-wrapper .logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.v-home-page .sidebar-header .logo-wrapper .logo-icon:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 4px 16px #667eea66,inset 0 1px 1px #fff6}.v-home-page .sidebar-header .logo-wrapper .logo-icon:hover:before{opacity:1;animation:shimmer .6s ease}.v-home-page .sidebar-header .logo-wrapper .logo-icon svg{width:20px;height:20px;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.v-home-page .sidebar-header .logo-wrapper .logo-content{display:flex;flex-direction:column;gap:4px;flex:1}.v-home-page .sidebar-header .logo-wrapper .logo-text{margin:0;display:flex;flex-direction:column;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.v-home-page .sidebar-header .logo-wrapper .logo-text .logo-word{font-size:1rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.v-home-page .sidebar-header .logo-wrapper .logo-text .logo-assistant{font-size:.75rem;font-weight:500;color:#8e8e93;letter-spacing:.2px;margin-top:2px;opacity:.85}.v-home-page .sidebar-header .logo-wrapper .logo-domain-link{display:inline-block;text-decoration:none;color:#909399;font-size:.625rem;font-weight:500;letter-spacing:.3px;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;opacity:.7;margin-top:2px}.v-home-page .sidebar-header .logo-wrapper .logo-domain-link:hover{color:#667eea;opacity:1}.v-home-page .sidebar-header .logo-wrapper .logo-domain-link .domain-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.v-home-page .sidebar-header .sidebar-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#667eea14;border:1px solid rgba(102,126,234,.12);border-radius:8px;cursor:pointer;color:#667eea;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0;position:relative;overflow:hidden}.v-home-page .sidebar-header .sidebar-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea26;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.v-home-page .sidebar-header .sidebar-toggle svg{width:18px;height:18px;position:relative;z-index:1;transition:transform .2s ease}.v-home-page .sidebar-header .sidebar-toggle:hover{background:#667eea26;border-color:#667eea33;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.v-home-page .sidebar-header .sidebar-toggle:hover:before{width:100%;height:100%}.v-home-page .sidebar-header .sidebar-toggle:hover svg{transform:rotate(90deg)}.v-home-page .sidebar-header .sidebar-toggle:active{transform:translateY(0) scale(.95)}.v-home-page .nav-menu{flex:1;padding:12px 0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.2) transparent;position:relative;min-height:0}.v-home-page .nav-menu:before{content:"";position:sticky;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.1) 50%,transparent 100%);margin-bottom:8px;z-index:1}.v-home-page .nav-menu::-webkit-scrollbar{width:5px}.v-home-page .nav-menu::-webkit-scrollbar-track{background:transparent;border-radius:10px}.v-home-page .nav-menu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea33,#667eea4d,#667eea33);border-radius:10px;transition:background .2s ease}.v-home-page .nav-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea4d,#667eea66,#667eea4d)}.v-home-page .nav-section{margin-bottom:16px}.v-home-page .nav-section:first-child{margin-top:4px}.v-home-page .new-conversation-section{padding:8px 12px;margin-bottom:8px;position:relative}.v-home-page .new-conversation-section:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.1) 50%,transparent 100%)}.v-home-page .new-conversation-section .new-conversation-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea40,inset 0 1px 1px #fff3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.v-home-page .new-conversation-section .new-conversation-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.v-home-page .new-conversation-section .new-conversation-btn svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.v-home-page .new-conversation-section .new-conversation-btn span{position:relative;z-index:1}.v-home-page .new-conversation-section .new-conversation-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66,inset 0 1px 1px #ffffff4d}.v-home-page .new-conversation-section .new-conversation-btn:hover:before{opacity:1;animation:shimmer .6s ease}.v-home-page .new-conversation-section .new-conversation-btn:hover svg{transform:rotate(90deg) scale(1.1)}.v-home-page .new-conversation-section .new-conversation-btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d,inset 0 1px 1px #fff3}.v-home-page .nav-section-title{font-size:.625rem;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.8px;line-height:1.4;padding:8px 16px 6px;margin-bottom:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;opacity:.7}.v-home-page .conversation-loading,.v-home-page .conversation-empty{padding:8px 16px;text-align:center;color:#999;font-size:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-home-page .conversation-list{display:flex;flex-direction:column;gap:2px}.v-home-page .conversation-item{display:flex;align-items:center;padding:10px 16px;margin:2px 8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#5a5a5a;border-radius:10px;position:relative;background:transparent;overflow:visible}.v-home-page .conversation-item:hover{background:#667eea14;color:#667eea;transform:translate(2px)}.v-home-page .conversation-item:hover .conversation-icon{transform:scale(1.1)}.v-home-page .conversation-item.active{background:linear-gradient(90deg,#667eea1f,#667eea14);color:#667eea;font-weight:600;box-shadow:0 2px 8px #667eea26,inset 0 1px 1px #ffffff80}.v-home-page .conversation-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:50%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 2px 2px 0;box-shadow:0 0 8px #667eea66}.v-home-page .conversation-item .conversation-icon{width:18px;height:18px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s ease}.v-home-page .conversation-item .conversation-icon svg{width:100%;height:100%;transition:all .2s ease}.v-home-page .conversation-item:hover .conversation-icon{opacity:1}.v-home-page .conversation-item:hover .conversation-icon svg{transform:scale(1.05)}.v-home-page .conversation-item.active .conversation-icon{opacity:1}.v-home-page .conversation-item.active .conversation-icon svg{transform:scale(1.05)}.v-home-page .conversation-item .conversation-title{flex:1;font-size:.8125rem;font-weight:500;line-height:1.4;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-home-page .conversation-item.active .conversation-title{font-weight:600}.v-home-page .conversation-item.pinned .conversation-icon{color:#ff9800}.v-home-page .conversation-item .conversation-menu-wrapper{position:relative;margin-left:8px;flex-shrink:0;z-index:100}.v-home-page .conversation-item .conversation-menu-wrapper .menu-trigger{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s ease;opacity:.6}.v-home-page .conversation-item .conversation-menu-wrapper .menu-trigger:hover{background:#667eea1a}.v-home-page .conversation-item .conversation-menu-wrapper .menu-trigger svg{width:16px;height:16px;opacity:.7}.v-home-page .conversation-item:hover .conversation-menu-wrapper .menu-trigger,.v-home-page .conversation-item .conversation-menu-wrapper .menu-trigger.active{opacity:1}.v-home-page .conversation-expand{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;margin:1px 8px;cursor:pointer;color:#8e8e93;font-size:.75rem;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-home-page .conversation-expand:hover{background:#667eea0f;color:#667eea}.v-home-page .conversation-expand svg{width:14px;height:14px;transition:transform .2s ease}.v-home-page .conversation-expand svg.rotated{transform:rotate(180deg)}.v-home-page .nav-item{display:flex;align-items:center;padding:10px 16px;margin:2px 8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#5a5a5a;border-radius:10px;position:relative;background:transparent}.v-home-page .nav-item:hover{background:#667eea14;color:#667eea;transform:translate(2px)}.v-home-page .nav-item:hover .nav-icon{transform:scale(1.1)}.v-home-page .nav-item.active{background:linear-gradient(90deg,#667eea1f,#667eea14);color:#667eea;font-weight:600;box-shadow:0 2px 8px #667eea26,inset 0 1px 1px #ffffff80}.v-home-page .nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:50%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 2px 2px 0;box-shadow:0 0 8px #667eea66}.v-home-page .nav-item.active:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.6}.v-home-page .nav-item.upgrade-item{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff6b6b40;margin:6px 8px;border-radius:8px}.v-home-page .nav-item.upgrade-item:hover{background:linear-gradient(135deg,#ff5252,#ff9800);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b59}.v-home-page .nav-item .nav-badge{margin-left:auto;background:#f56c6c;color:#fff;font-size:11px;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;text-align:center}.v-home-page .nav-item .nav-icon{width:18px;height:18px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s ease}.v-home-page .nav-item .nav-icon svg{width:100%;height:100%;transition:all .2s ease}.v-home-page .nav-item:hover .nav-icon{opacity:1}.v-home-page .nav-item:hover .nav-icon svg{transform:scale(1.05)}.v-home-page .nav-item.active .nav-icon{opacity:1}.v-home-page .nav-item.active .nav-icon svg{transform:scale(1.05)}.v-home-page .nav-item span{font-size:.8125rem;font-weight:500;line-height:1.4;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-home-page .nav-item.active span{font-weight:600}.v-home-page .user-section{padding:16px;border-top:1px solid rgba(0,0,0,.05);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;position:relative}.v-home-page .user-section:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.15) 50%,transparent 100%)}.v-home-page .user-section .login-prompt{text-align:center}.v-home-page .user-section .login-prompt p{margin:0 0 12px;color:#606266;font-size:.875rem}.v-home-page .domain-footer{padding:12px 16px;border-top:1px solid rgba(0,0,0,.05);background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:auto}.v-home-page .domain-footer .domain-link{display:flex;align-items:center;gap:8px;color:#606266;text-decoration:none;font-size:.75rem;transition:all .2s ease;padding:4px 8px;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-home-page .domain-footer .domain-link:hover{color:#667eea;background:#667eea14}.v-home-page .domain-footer .domain-link svg{width:14px;height:14px;flex-shrink:0;opacity:.7}.v-home-page .domain-footer .domain-link .domain-text{font-weight:500;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-home-page .user-info{display:flex;align-items:center;gap:12px}.v-home-page .user-info .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #667eea26;position:relative}.v-home-page .user-info .avatar:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:-1}.v-home-page .user-info .avatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.v-home-page .user-info .user-details{flex:1}.v-home-page .user-info .user-details h3{margin:0;font-size:.875rem;font-weight:600;color:#2c3e50;line-height:1.4;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .2s ease}.v-home-page .user-info:hover .avatar{transform:scale(1.08) translateY(-1px);border-color:#667eea66;box-shadow:0 4px 12px #667eea40}.v-home-page .user-info:hover .avatar:before{opacity:.1}.v-home-page .user-info:hover .user-details h3{color:#667eea}.v-home-page .user-info .user-menu-dropdown{margin-left:auto}.v-home-page .user-info .user-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;color:#606266;transition:all .2s ease}.v-home-page .user-info .user-menu-trigger:hover{background:#667eea1a;color:#667eea}.v-home-page .user-info .user-menu-trigger svg{width:18px;height:18px}.v-home-page .login-prompt{text-align:center}.v-home-page .login-prompt p{margin:0 0 12px;color:#666;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.v-home-page .main-content{flex:1;padding:24px;overflow-y:auto;background:#fafafa;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1024px){.v-home-page .main-content{padding:16px}}@media (max-width: 768px){.v-home-page .main-content{padding:12px}}.v-home-page .main-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}.v-home-page .main-content .mobile-menu-btn{position:fixed;top:max(16px,env(safe-area-inset-top,16px));left:max(16px,env(safe-area-inset-left,16px));width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;color:#5a5a5a;box-shadow:0 2px 8px #0000001a;z-index:101;transition:all .2s ease;touch-action:manipulation}.v-home-page .main-content .mobile-menu-btn svg{width:20px;height:20px}.v-home-page .main-content .mobile-menu-btn:hover{background:#f7f7f8f2;color:#667eea;box-shadow:0 4px 12px #00000026}.v-home-page .main-content .mobile-menu-btn:active{transform:scale(.95);opacity:.8}@media (min-width: 1025px){.v-home-page .main-content .mobile-menu-btn{position:absolute;top:16px;left:16px;z-index:99}}@media (max-width: 1024px){.v-home-page .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(0);box-shadow:2px 0 16px #0000001f,0 0 0 1px #0000000d;-webkit-overflow-scrolling:touch;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#ffffffeb}.v-home-page .sidebar.collapsed{transform:translate(-100%);width:260px}.v-home-page .main-content{margin-left:0;padding-top:70px;-webkit-overflow-scrolling:touch}}@media (min-width: 1025px){.v-home-page .sidebar{position:relative}.v-home-page .sidebar.collapsed{width:0;overflow:hidden;border-right:none}.v-home-page .main-content{margin-left:0}}@media (max-width: 768px){.v-home-page{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.v-home-page .sidebar{width:280px;max-width:85vw;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#fffffff2;box-shadow:2px 0 20px #00000026,0 0 0 1px #0000000d}.v-home-page .sidebar.collapsed{transform:translate(-100%);width:280px}.v-home-page .sidebar .sidebar-header{padding:16px 12px;min-height:60px;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.v-home-page .sidebar .sidebar-header .logo-wrapper .logo-icon{width:36px;height:36px}.v-home-page .sidebar .sidebar-header .sidebar-toggle{min-width:44px;min-height:44px;background:#667eea1f;border:1px solid rgba(102,126,234,.2)}.v-home-page .sidebar .nav-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.v-home-page .sidebar .nav-item,.v-home-page .sidebar .new-conversation-btn{min-height:48px;padding:12px 16px}.v-home-page .main-content{padding:8px 12px 16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.v-home-page .mobile-menu-btn{min-width:44px;min-height:44px;padding:10px;top:max(6px,env(safe-area-inset-top,0px) + 6px);left:max(12px,env(safe-area-inset-left,0px) + 12px);transform:translateY(0)}}@media (max-width: 480px){.v-home-page{font-size:14px}.v-home-page .sidebar{width:280px;max-width:85vw;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#fffffffa;box-shadow:2px 0 24px #0000002e,0 0 0 1px #0000000f}.v-home-page .sidebar.collapsed{transform:translate(-100%);width:280px}.v-home-page .sidebar .sidebar-header{padding:12px 10px;min-height:56px;background:#fffc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.v-home-page .sidebar .sidebar-header .logo-wrapper .logo-icon{width:32px;height:32px}.v-home-page .sidebar .sidebar-header .sidebar-toggle{min-width:44px;min-height:44px;background:#667eea26;border:1px solid rgba(102,126,234,.25)}.v-home-page .sidebar .nav-item{min-height:44px;padding:10px 12px;font-size:14px}.v-home-page .sidebar .nav-section-title{font-size:12px;padding:8px 12px}.v-home-page .main-content{padding:6px 10px 12px}.v-home-page .mobile-menu-btn{min-width:40px;min-height:40px;padding:8px;top:max(6px,env(safe-area-inset-top,0px) + 6px);left:max(10px,env(safe-area-inset-left,0px) + 10px);transform:translateY(0)}}.v-home-page .beian-footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 0;box-shadow:0 -2px 10px #0000001a}.v-home-page .beian-footer .beian-content{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#fff}.v-home-page .beian-footer .beian-content .beian-text{font-weight:500}.v-home-page .beian-footer .beian-content .beian-link{color:#fff;text-decoration:none;font-weight:600;padding:2px 6px;border-radius:3px;background:#fff3;transition:all .3s ease}.v-home-page .beian-footer .beian-content .beian-link:hover{background:#ffffff4d;transform:translateY(-1px)}.v-home-page .beian-footer .beian-content .beian-divider{color:#fff9;margin:0 4px}.v-home-page .beian-footer .beian-content .beian-query{color:#ffffffe6;text-decoration:none;font-weight:500;transition:all .3s ease}.v-home-page .beian-footer .beian-content .beian-query:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){.v-home-page .beian-footer{padding:6px 0}.v-home-page .beian-footer .beian-content{font-size:12px;gap:6px;flex-wrap:wrap;padding:0 10px}.v-home-page .beian-footer .beian-content .beian-text{font-size:11px}.v-home-page .beian-footer .beian-content .beian-link{padding:1px 4px;font-size:11px}.v-home-page .beian-footer .beian-content .beian-query{font-size:11px}}.wechat-upgrade-modal .el-message-box{width:500px;max-width:90vw}.wechat-upgrade-modal .el-message-box__content{padding:0}.wechat-upgrade-modal .el-message-box__message{margin:0}.wechat-upgrade-modal .el-message-box__btns{padding:20px;text-align:center}.wechat-upgrade-modal .el-message-box__btns .el-button{margin:0 10px;padding:12px 24px;font-size:14px;border-radius:6px}.wechat-upgrade-modal .el-message-box__btns .el-button--primary{background:#07c160;border-color:#07c160}.wechat-upgrade-modal .el-message-box__btns .el-button--primary:hover{background:#06ad56;border-color:#06ad56}.menu-dropdown{position:fixed;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:6px;min-width:150px;z-index:10001}.menu-dropdown .menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:.875rem;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.menu-dropdown .menu-item:hover{background:#667eea1a;color:#667eea}.menu-dropdown .menu-item.danger{color:#f56565}.menu-dropdown .menu-item.danger:hover{background:#f5656526;color:#e53e3e}.menu-dropdown .menu-item svg{width:16px;height:16px;flex-shrink:0}.menu-dropdown .menu-item span{flex:1;white-space:nowrap}.edit-title-dialog .el-dialog{background:#fff!important;background-color:#fff!important;border-radius:16px!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014!important;border:1px solid rgba(0,0,0,.08)!important;overflow:hidden}.edit-title-dialog .el-dialog .el-dialog__header{background:linear-gradient(135deg,#667eea0d,#764ba20d)!important;background-color:#fff!important;padding:20px 24px!important;border-bottom:1px solid rgba(0,0,0,.06)!important;margin:0!important}.edit-title-dialog .el-dialog .el-dialog__header .el-dialog__title{font-size:1.125rem!important;font-weight:600!important;color:#2c3e50!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.edit-title-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn{top:20px!important;right:24px!important;width:36px!important;height:36px!important;border-radius:8px!important;background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important;transition:all .2s ease;display:flex!important;align-items:center!important;justify-content:center!important}.edit-title-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn:hover{background:#667eea1a!important;border-color:#667eea33!important;transform:scale(1.05)!important}.edit-title-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#667eea!important}.edit-title-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn:active{transform:scale(.95)!important}.edit-title-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:20px!important;font-weight:600!important;color:#606266!important;transition:all .2s ease;line-height:1!important}.edit-title-dialog .el-dialog .el-dialog__body{padding:24px!important;background:#fff!important;background-color:#fff!important}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item{margin-bottom:0}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__label{font-weight:500!important;color:#606266!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item .el-input .el-input__wrapper{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;padding:10px 14px!important;transition:all .2s ease;box-shadow:0 1px 3px #0000000d!important}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item .el-input .el-input__wrapper:hover{border-color:#667eea4d!important;box-shadow:0 2px 6px #667eea1a!important}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item .el-input .el-input__wrapper.is-focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item .el-input .el-input__wrapper .el-input__inner{font-size:.9375rem!important;color:#303133!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.edit-title-dialog .el-dialog .el-dialog__body .el-form .el-form-item .el-input .el-input__wrapper .el-input__inner::placeholder{color:#c0c4cc!important}.edit-title-dialog .el-dialog .el-dialog__footer{padding:16px 24px 24px!important;background:#fff!important;background-color:#fff!important;border-top:1px solid rgba(0,0,0,.06)!important}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer{display:flex;justify-content:flex-end;gap:12px}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button{padding:10px 20px!important;border-radius:8px!important;font-weight:500!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;transition:all .2s ease}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--default{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;color:#606266!important}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--default:hover{background:#667eea0d!important;border-color:#667eea4d!important;color:#667eea!important}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #667eea4d!important}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--primary:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)!important;box-shadow:0 4px 12px #667eea66!important;transform:translateY(-1px)}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--primary:active{transform:translateY(0)}.edit-title-dialog .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--primary.is-loading{opacity:.8}.edit-title-dialog .el-overlay{background:#00000080!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.v-login-view{min-height:100vh;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;position:relative;padding:20px;overflow:hidden}.v-login-view:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite;z-index:0}.v-login-view:after{content:"";position:absolute;top:20%;right:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:float 20s ease-in-out infinite;z-index:0}.v-login-view>*{position:relative;z-index:1}.v-login-view .login-box{width:100%;max-width:400px;padding:40px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.v-login-view .login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}.v-login-view .login-box h2{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:1.8em;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.v-login-view .login-box:hover{transform:translateY(-2px);box-shadow:0 25px 70px #00000059,0 0 0 1px #ffffff4d inset}.v-login-view .login-form .el-input{margin-bottom:20px}.v-login-view .login-form .el-input .el-input__wrapper{border-radius:8px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.v-login-view .login-form .el-input .el-input__wrapper:hover{box-shadow:0 4px 12px #667eea26}.v-login-view .login-form .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #667eea1a}.v-login-view .form-actions{display:flex!important;gap:12px!important;margin-top:32px!important;align-items:stretch!important;flex-direction:row!important}.v-login-view .form-actions .el-button{flex:1!important;min-height:44px!important;height:44px!important;font-size:1rem!important;font-weight:500!important;border-radius:8px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;vertical-align:middle!important;line-height:1.5!important}.v-login-view .form-actions .el-button .el-button__inner{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1.5!important;margin:0!important;padding:0!important}.v-login-view .form-actions .el-button .el-button__text,.v-login-view .form-actions .el-button span{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.5!important;margin:0!important;padding:0!important}.v-login-view .form-actions .el-button.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 4px 15px #667eea4d!important}.v-login-view .form-actions .el-button.el-button--primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea66!important}.v-login-view .form-actions .el-button.el-button--primary:active:not(:disabled){transform:translateY(0)!important}.v-login-view .form-actions .el-button:not(.el-button--primary){border:1px solid rgba(102,126,234,.2)!important;color:#667eea!important}.v-login-view .form-actions .el-button:not(.el-button--primary):hover{background:#667eea0d!important;border-color:#667eea!important}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(30px,-30px) scale(1.1);opacity:.8}66%{transform:translate(-20px,20px) scale(.9);opacity:.4}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:1}}@media (max-width: 768px){.v-login-view{padding:16px;min-height:100vh;background-attachment:scroll}.v-login-view:after{width:200px;height:200px;top:10%;right:5%;filter:blur(30px)}.v-login-view .login-box{margin:0;padding:28px;width:100%;max-width:100%;border-radius:16px;box-shadow:0 15px 40px #00000040,0 0 0 1px #fff3 inset}.v-login-view .login-box h2{font-size:1.5rem;margin-bottom:24px}.v-login-view .login-box:hover{transform:none}.v-login-view .login-form .el-input{margin-bottom:16px}.v-login-view .form-actions{margin-top:24px!important;gap:10px!important;align-items:stretch!important;flex-direction:row!important;display:flex!important}.v-login-view .form-actions .el-button{min-height:42px!important;height:42px!important;padding:0 20px!important;font-size:.95rem!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;vertical-align:middle!important;line-height:1.5!important}.v-login-view .form-actions .el-button .el-button__inner{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1.5!important;margin:0!important;padding:0!important}.v-login-view .form-actions .el-button .el-button__text,.v-login-view .form-actions .el-button span{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.5!important;margin:0!important;padding:0!important}}@media (max-width: 480px){.v-login-view{padding:12px;min-height:100vh;background-attachment:scroll}.v-login-view:after{width:150px;height:150px;top:5%;right:0;filter:blur(25px)}.v-login-view .login-box{margin:0;padding:24px 20px;border-radius:12px;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff26 inset}.v-login-view .login-box h2{font-size:1.3rem;margin-bottom:20px}.v-login-view .login-form .el-input{margin-bottom:14px}.v-login-view .form-actions{margin-top:20px!important;gap:10px!important;flex-direction:column!important;align-items:stretch!important;display:flex!important;justify-content:flex-start!important}.v-login-view .form-actions .el-button{width:100%!important;min-width:100%!important;max-width:100%!important;min-height:44px!important;height:44px!important;padding:0 18px!important;font-size:.95rem!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;box-sizing:border-box!important;margin:0!important;vertical-align:middle!important;line-height:1.5!important}.v-login-view .form-actions .el-button .el-button__inner{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1.5!important;margin:0!important;padding:0!important}.v-login-view .form-actions .el-button .el-button__text,.v-login-view .form-actions .el-button span{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.5!important;margin:0!important;padding:0!important}}.register-container[data-v-1a26a27e]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);padding:20px}.register-card[data-v-1a26a27e]{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;padding:40px;width:100%;max-width:480px}.register-card .header[data-v-1a26a27e]{text-align:center;margin-bottom:40px}.register-card .header h2[data-v-1a26a27e]{font-size:28px;color:#303133;margin:0 0 12px}.register-card .header .subtitle[data-v-1a26a27e]{color:#909399;font-size:16px;margin:0 0 16px}.register-card .header .app-name-badge[data-v-1a26a27e]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);border-radius:12px;margin-top:8px;transition:all .3s ease}.register-card .header .app-name-badge[data-v-1a26a27e]:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.register-card .header .app-name-badge .app-icon[data-v-1a26a27e]{width:18px;height:18px;color:#667eea;flex-shrink:0}.register-card .header .app-name-badge .app-label[data-v-1a26a27e]{color:#606266;font-size:14px;font-weight:500}.register-card .header .app-name-badge .app-name[data-v-1a26a27e]{color:#667eea;font-size:15px;font-weight:600;letter-spacing:.5px}.register-card .qrcode-section[data-v-1a26a27e]{display:flex;justify-content:center;margin-bottom:40px}.register-card .qrcode-section .qrcode-container[data-v-1a26a27e]{text-align:center}.register-card .qrcode-section .qrcode-container .qrcode[data-v-1a26a27e]{width:240px;height:240px;margin-bottom:16px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.register-card .qrcode-section .qrcode-container .tip[data-v-1a26a27e]{color:#606266;font-size:14px;margin:0}.register-card .actions[data-v-1a26a27e]{display:flex;justify-content:center}.register-card .actions .el-button[data-v-1a26a27e]{min-width:160px;height:44px;font-size:16px}@media (max-width: 768px){.register-card[data-v-1a26a27e]{padding:32px 24px}.register-card .header h2[data-v-1a26a27e]{font-size:24px}.register-card .qrcode-section .qrcode-container .qrcode[data-v-1a26a27e]{width:200px;height:200px}}@media (max-width: 480px){.register-card[data-v-1a26a27e]{padding:24px 20px}.register-card .header h2[data-v-1a26a27e]{font-size:20px}.register-card .qrcode-section .qrcode-container .qrcode[data-v-1a26a27e]{width:180px;height:180px}.register-card .actions .el-button[data-v-1a26a27e]{min-width:120px;height:40px;font-size:14px}}.register-guide[data-v-cd5f36bd]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f7fa;padding:20px}.guide-container[data-v-cd5f36bd]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 12px #0000001a;text-align:center;max-width:400px;width:100%}.guide-container h2[data-v-cd5f36bd]{color:#2c3e50;margin-bottom:30px}.qr-section[data-v-cd5f36bd]{margin-bottom:30px}.qr-section .qr-code[data-v-cd5f36bd]{width:200px;height:200px;margin-bottom:20px}.qr-section .guide-text[data-v-cd5f36bd]{color:#666;margin:8px 0;font-size:1.1em}.back-btn[data-v-cd5f36bd]{width:100%;margin-top:20px}@media (max-width: 1024px){.guide-container[data-v-cd5f36bd]{padding:24px}}@media (max-width: 768px){.guide-container[data-v-cd5f36bd]{padding:20px}.qr-code[data-v-cd5f36bd]{width:180px;height:180px}}@media (max-width: 480px){.guide-container[data-v-cd5f36bd]{padding:16px}.qr-code[data-v-cd5f36bd]{width:160px;height:160px}}.v-upgrade-view .upgrade-page{height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;overflow:hidden;display:flex;flex-direction:column}.v-upgrade-view .page-header{text-align:center;margin-bottom:20px;color:#fff;flex-shrink:0}.v-upgrade-view .page-header .page-title{font-size:2rem;margin:0 0 8px;font-weight:700}.v-upgrade-view .page-header .page-subtitle{font-size:1rem;margin:0;opacity:.9}.v-upgrade-view .main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.v-upgrade-view .current-status-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000001a;flex-shrink:0}.v-upgrade-view .current-status-card .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.v-upgrade-view .current-status-card .status-header h3{margin:0;color:#2c3e50}.v-upgrade-view .current-status-card .usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.v-upgrade-view .current-status-card .usage-stats .stat-item .stat-label{font-size:.9rem;color:#666;margin-bottom:8px}.v-upgrade-view .current-status-card .usage-stats .stat-item .stat-value{display:flex;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:8px}.v-upgrade-view .current-status-card .usage-stats .stat-item .stat-value .used{color:#409eff}.v-upgrade-view .current-status-card .usage-stats .stat-item .stat-value .separator{margin:0 4px;color:#999}.v-upgrade-view .current-status-card .usage-stats .stat-item .stat-value .limit{color:#666}.v-upgrade-view .current-status-card .usage-stats .stat-item .stat-progress{height:6px}.v-upgrade-view .membership-comparison{flex:1}.v-upgrade-view .membership-comparison .section-title{text-align:center;color:#fff;font-size:1.5rem;margin-bottom:20px}.v-upgrade-view .membership-comparison .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:100%;margin:0}.v-upgrade-view .membership-comparison .plan-card{background:#fff;border-radius:12px;padding:20px 16px;text-align:center;position:relative;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column}.v-upgrade-view .membership-comparison .plan-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.v-upgrade-view .membership-comparison .plan-card.recommended{border:2px solid #409eff;transform:scale(1.05)}.v-upgrade-view .membership-comparison .plan-card.recommended .plan-tag{background:#409eff;color:#fff}.v-upgrade-view .membership-comparison .plan-card.current{border:2px solid #67c23a}.v-upgrade-view .membership-comparison .plan-card.current .plan-tag.current{background:#67c23a;color:#fff}.v-upgrade-view .membership-comparison .plan-card .plan-header{margin-bottom:16px}.v-upgrade-view .membership-comparison .plan-card .plan-header .plan-icon{font-size:2rem;margin-bottom:8px}.v-upgrade-view .membership-comparison .plan-card .plan-header .plan-name{font-size:1.2rem;margin:0 0 8px;color:#2c3e50}.v-upgrade-view .membership-comparison .plan-card .plan-header .plan-price{margin-bottom:12px}.v-upgrade-view .membership-comparison .plan-card .plan-header .plan-price .price{font-size:1.8rem;font-weight:700;color:#409eff}.v-upgrade-view .membership-comparison .plan-card .plan-header .plan-price .period{font-size:.9rem;color:#666}.v-upgrade-view .membership-comparison .plan-card .plan-header .plan-tag{position:absolute;top:-8px;right:20px;background:#f0f0f0;color:#666;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700}.v-upgrade-view .membership-comparison .plan-card .plan-features{flex:1;margin-bottom:16px}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list{text-align:left}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list .feature-item{display:flex;align-items:center;margin-bottom:8px}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list .feature-item .feature-icon{margin-right:8px;font-size:1rem}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list .feature-item .feature-icon.enabled{color:#67c23a}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list .feature-item .feature-icon:not(.enabled){color:#dcdfe6}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list .feature-item .feature-text{flex:1;font-size:.9rem}.v-upgrade-view .membership-comparison .plan-card .plan-features .feature-list .feature-item .feature-text.disabled{color:#c0c4cc}.v-upgrade-view .membership-comparison .plan-card .plan-actions .upgrade-btn{width:100%;height:36px;font-size:.9rem;font-weight:700}.v-upgrade-view .membership-comparison .plan-card .plan-actions .current-btn{width:100%;height:36px;font-size:.9rem}.v-upgrade-view .upgrade-info{flex-shrink:0}.v-upgrade-view .upgrade-info .section-title{text-align:center;color:#fff;font-size:1.2rem;margin-bottom:16px}.v-upgrade-view .upgrade-info .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:100%;margin:0}.v-upgrade-view .upgrade-info .info-grid .info-card{background:#fff;border-radius:8px;padding:12px;text-align:center;box-shadow:0 2px 10px #0000001a}.v-upgrade-view .upgrade-info .info-grid .info-card .info-icon{font-size:1.5rem;margin-bottom:8px}.v-upgrade-view .upgrade-info .info-grid .info-card h4{margin:0 0 6px;color:#2c3e50;font-size:.9rem}.v-upgrade-view .upgrade-info .info-grid .info-card p{margin:0;color:#666;line-height:1.4;font-size:.8rem}@media (max-width: 1024px){.v-upgrade-view .plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.v-upgrade-view .upgrade-page{padding:10px}.v-upgrade-view .page-header .page-title{font-size:1.5rem}.v-upgrade-view .plans-grid{grid-template-columns:1fr;gap:12px}.v-upgrade-view .plan-card.recommended{transform:none}.v-upgrade-view .info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.v-upgrade-view .current-status-card{padding:12px}.v-upgrade-view .usage-stats{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.v-upgrade-view .upgrade-page{padding:8px}.v-upgrade-view .info-grid{grid-template-columns:1fr}}.v-upgrade-view .plan-price .yearly-price{margin-top:8px;font-size:.85rem}.v-upgrade-view .plan-price .yearly-price .price-yearly{color:#67c23a;font-weight:600}.v-upgrade-view .plan-price .yearly-price .savings{margin-left:8px;padding:2px 6px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.75rem}.v-graded-reading-detail-page{padding:20px;max-width:1000px;margin:0 auto;min-height:calc(100vh - 40px);overflow:visible!important;position:relative;z-index:1}.v-graded-reading-detail-page .back-button{margin-bottom:20px}.v-graded-reading-detail-page .loading-container{padding:40px}.v-graded-reading-detail-page .error-container{padding:80px 20px}.v-graded-reading-detail-page .article-detail .article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--el-border-color-lighter)}.v-graded-reading-detail-page .article-detail .article-header .article-title{margin:0 0 16px;font-size:32px;font-weight:600;color:var(--el-text-color-primary);line-height:1.4}.v-graded-reading-detail-page .article-detail .article-header .book-info{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-detail-page .article-detail .article-header .book-info .book-title{font-weight:500;color:var(--el-text-color-primary)}.v-graded-reading-detail-page .article-detail .article-header .book-info .book-title-cn{color:var(--el-text-color-regular);font-size:13px}.v-graded-reading-detail-page .article-detail .article-header .book-info .book-title-cn:before{content:"（";margin-left:4px}.v-graded-reading-detail-page .article-detail .article-header .book-info .book-title-cn:after{content:"）";margin-right:4px}.v-graded-reading-detail-page .article-detail .article-header .book-info .book-author,.v-graded-reading-detail-page .article-detail .article-header .book-info .chapter-title{color:var(--el-text-color-secondary)}.v-graded-reading-detail-page .article-detail .article-header .book-info .book-author:before,.v-graded-reading-detail-page .article-detail .article-header .book-info .chapter-title:before{content:"·";margin:0 6px}.v-graded-reading-detail-page .article-detail .article-header .article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.v-graded-reading-detail-page .article-detail .article-header .article-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-detail-page .article-detail .article-header .article-summary{font-size:16px;line-height:1.8;color:var(--el-text-color-regular);padding:16px;background:var(--el-fill-color-light);border-radius:8px}.v-graded-reading-detail-page .article-detail .main-content-layout{display:flex;gap:24px;margin-bottom:32px}.v-graded-reading-detail-page .article-detail .main-content-layout .article-content-wrapper{flex:1;min-height:400px;overflow:visible!important;height:auto!important;max-height:none!important}.v-graded-reading-detail-page .article-detail .main-content-layout .article-content-wrapper .loading-content{padding:40px}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar{width:300px;flex-shrink:0}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card{position:sticky;top:20px}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section{margin-bottom:24px}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section:last-child{margin-bottom:0}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .section-title{font-size:16px;font-weight:600;color:var(--el-text-color-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--el-border-color-lighter)}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items .stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items .stat-item .stat-label{font-size:14px;color:var(--el-text-color-regular)}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .stat-items .stat-item .stat-value{font-size:16px;font-weight:600;color:var(--el-color-primary)}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .unknown-words-list{display:flex;flex-wrap:wrap;gap:8px}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .unknown-words-list .word-tag{cursor:pointer;transition:all .2s}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .unknown-words-list .word-tag:hover{transform:scale(1.05)}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .unknown-words-list .more-words{font-size:12px;color:var(--el-text-color-secondary);padding:4px 0}.v-graded-reading-detail-page .article-detail .main-content-layout .article-sidebar .sidebar-card .sidebar-section .action-buttons{display:flex;flex-direction:column}.v-graded-reading-detail-page .article-detail .overlap-info{margin-top:16px;padding:16px;background:var(--el-fill-color-light);border-radius:8px}.v-graded-reading-detail-page .article-detail .overlap-info .overlap-text{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:var(--el-text-color-primary)}.v-graded-reading-detail-page .article-detail .overlap-info .overlap-text .icon{width:18px;height:18px;color:var(--el-color-primary)}.v-graded-reading-detail-page .article-detail .overlap-info .overlap-text strong{color:var(--el-color-primary);font-size:16px}.v-graded-reading-detail-page .article-detail .overlap-info .overlap-bar{height:8px;background:var(--el-border-color-lighter);border-radius:4px;overflow:hidden}.v-graded-reading-detail-page .article-detail .overlap-info .overlap-bar .overlap-fill{height:100%;background:linear-gradient(90deg,var(--el-color-primary),var(--el-color-success));transition:width .3s}.v-graded-reading-detail-page .article-detail .reading-progress{position:sticky;bottom:0;background:var(--el-bg-color);padding:16px;border-top:1px solid var(--el-border-color-lighter);border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #0000001a}.v-graded-reading-detail-page .article-detail .reading-progress .progress-info{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--el-text-color-regular)}@media (max-width: 768px){.v-graded-reading-detail-page{padding:12px}.v-graded-reading-detail-page .article-detail .article-header .article-title{font-size:24px}.v-graded-reading-detail-page .article-detail .article-header .article-meta{flex-direction:column;align-items:flex-start;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}:root{--el-dialog-bg-color: transparent !important;--el-dialog-box-shadow: none !important;--el-dialog-title-font-size: 20px;--el-dialog-font-line-height: 1.5}.el-dialog{background-color:transparent!important;background:transparent!important;box-shadow:none!important}.el-dialog__body{background-color:transparent!important;background:transparent!important;border-radius:24px!important}.el-dialog.word-query-dialog{background:linear-gradient(135deg,#667eea,#764ba2)!important;background-color:transparent!important;position:relative;border-radius:24px!important;overflow:hidden}.el-dialog.login-dialog{background:#fff!important;background-color:#fff!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001a!important;border:1px solid rgba(102,126,234,.15)!important}.el-dialog.login-dialog .el-dialog__header{background:#fff!important;background-color:#fff!important;padding:20px!important;border-radius:12px 12px 0 0!important;border-bottom:2px solid rgba(102,126,234,.2)!important}.el-dialog.login-dialog .el-dialog__header .el-dialog__title{color:#303133!important;font-weight:600!important}.el-dialog.login-dialog .el-dialog__body{background:#fff!important;background-color:#fff!important;padding:20px 30px!important}.el-dialog.login-dialog .el-dialog__footer{background:#fff!important;background-color:#fff!important;padding:16px 20px!important;border-radius:0 0 12px 12px!important;border-top:1px solid rgba(102,126,234,.15)!important}.el-dialog.edit-title-dialog{background:#fff!important;background-color:#fff!important;border-radius:16px!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014!important;border:1px solid rgba(0,0,0,.08)!important}.el-dialog.edit-title-dialog .el-dialog__header{border-bottom:1px solid rgba(0,0,0,.06)!important}.el-dialog.edit-title-dialog .el-dialog__headerbtn{top:10px!important;right:24px!important;width:36px!important;height:36px!important;border-radius:8px!important;background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important}.el-dialog.edit-title-dialog .el-dialog__headerbtn:hover{background:#667eea1a!important;border-color:#667eea33!important;transform:scale(1.05)!important}.el-dialog.edit-title-dialog .el-dialog__headerbtn .el-dialog__close{font-size:20px!important;font-weight:600!important;color:#606266!important;line-height:1!important}.el-dialog.edit-title-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#667eea!important}.el-dialog.edit-title-dialog .el-dialog__body{background:#fff!important;background-color:#fff!important;padding:24px!important}.el-dialog.edit-title-dialog .el-dialog__footer{background:#fff!important;background-color:#fff!important;padding:16px 24px 24px!important;border-top:1px solid rgba(0,0,0,.06)!important}.el-dialog.purple-gradient-dialog{background:linear-gradient(135deg,#667eea,#764ba2)!important;background-color:transparent!important;position:relative;border-radius:20px!important;overflow:hidden}.el-dialog.purple-gradient-dialog:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:word-query-pulse 8s ease-in-out infinite;pointer-events:none}.el-dialog.purple-gradient-dialog .el-dialog__body{background:transparent!important;background-color:transparent!important;position:relative;z-index:1}.el-dialog.word-test-detail-dialog{background:linear-gradient(135deg,#667eea,#764ba2)!important;background-color:transparent!important;position:relative;border-radius:24px!important;overflow:hidden}.el-dialog.word-test-detail-dialog:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:word-query-pulse 8s ease-in-out infinite;pointer-events:none}.el-dialog.word-test-detail-dialog .el-dialog__body{background:transparent!important;background-color:transparent!important;border-radius:0 0 24px 24px!important;position:relative;z-index:1}.el-dialog.word-test-detail-dialog .el-dialog__header{background:transparent!important;background-color:transparent!important;position:relative;z-index:1}.el-dialog.word-test-detail-dialog .el-dialog__title{color:#fff!important;font-weight:600}.el-dialog.word-test-detail-dialog .el-dialog__headerbtn .el-dialog__close{color:#ffffffe6!important;font-size:20px!important}.el-dialog.word-test-detail-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:#fff!important;transform:scale(1.1)!important}@media (max-width: 768px){.el-overlay:has(.word-test-detail-dialog){overflow:hidden!important;position:fixed!important;touch-action:none!important}.el-overlay:has(.word-test-detail-dialog)::-webkit-scrollbar{display:none!important}.el-overlay-dialog:has(.word-test-detail-dialog){overflow:hidden!important;padding:0!important;align-items:center!important;justify-content:center!important;touch-action:none!important}.el-overlay-dialog:has(.word-test-detail-dialog)::-webkit-scrollbar{display:none!important}.el-dialog.word-test-detail-dialog{margin-top:10vh!important;margin-bottom:5vh!important;max-height:85vh!important;overflow:hidden!important}.el-dialog.word-test-detail-dialog .el-dialog__body{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}.el-dialog.word-test-detail-dialog .el-dialog__body::-webkit-scrollbar{display:none!important}.el-dialog.word-test-detail-dialog .el-dialog__header{padding-right:60px!important;padding-top:20px!important;position:relative!important;z-index:10!important}.el-dialog.word-test-detail-dialog .el-dialog__headerbtn{position:absolute!important;top:20px!important;right:16px!important;z-index:100!important;width:44px!important;height:44px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff40!important;border-radius:50%!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0003!important}.el-dialog.word-test-detail-dialog .el-dialog__headerbtn .el-dialog__close{font-size:24px!important;color:#fff!important;font-weight:700!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}}@media (max-width: 480px){.el-overlay:has(.word-test-detail-dialog){overflow:hidden!important;position:fixed!important;touch-action:none!important}.el-overlay:has(.word-test-detail-dialog)::-webkit-scrollbar{display:none!important}.el-overlay-dialog:has(.word-test-detail-dialog){overflow:hidden!important;padding:0!important;align-items:center!important;justify-content:center!important;touch-action:none!important}.el-overlay-dialog:has(.word-test-detail-dialog)::-webkit-scrollbar{display:none!important}.el-dialog.word-test-detail-dialog{margin-top:1vh!important;margin-bottom:2vh!important;max-height:95vh!important;overflow:hidden!important}.el-dialog.word-test-detail-dialog .el-dialog__body{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;will-change:scroll-position!important;transform:translateZ(0)!important}.el-dialog.word-test-detail-dialog .el-dialog__body::-webkit-scrollbar{display:none!important}.el-dialog.word-test-detail-dialog .el-dialog__header{padding:16px 60px 10px 16px!important}.el-dialog.word-test-detail-dialog .el-dialog__headerbtn{top:16px!important;right:16px!important;width:44px!important;height:44px!important}.el-dialog.word-test-detail-dialog .el-dialog__headerbtn .el-dialog__close{font-size:24px!important}}.el-dialog.word-query-dialog:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:word-query-pulse 8s ease-in-out infinite;pointer-events:none}@keyframes word-query-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.el-dialog.word-query-dialog .el-dialog__body{background:transparent!important;background-color:transparent!important;border-radius:0 0 24px 24px!important;position:relative;z-index:1}.el-dialog.word-query-dialog .el-dialog__header{background:transparent!important;background-color:transparent!important;position:relative;z-index:1}.dialog-content{border-radius:24px!important}.el-dialog__footer,.el-dialog__header{background-color:transparent!important;background:transparent!important}.el-overlay{background-color:#00000080!important}@media (max-width: 768px){.el-overlay:has(.add-word-dialog){padding-bottom:180px!important;overflow:hidden!important}}@media (max-width: 480px){.el-overlay:has(.add-word-dialog){padding-bottom:200px!important;overflow:hidden!important}}.el-overlay-dialog{background-color:transparent!important;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;padding-bottom:5vh}@media (max-width: 768px){.el-overlay-dialog{align-items:center;padding-top:10px!important;padding-bottom:80px!important;overflow-y:auto!important}.el-overlay-dialog:has(.add-word-dialog){align-items:flex-start!important;padding-top:10px!important;padding-bottom:180px!important;overflow-y:auto!important;max-height:100vh!important}.el-overlay-dialog:has(.word-query-dialog){align-items:flex-start!important;padding-top:10px!important;padding-bottom:180px!important;overflow-y:auto!important;max-height:100vh!important}.el-dialog.login-dialog{width:90%!important;margin:5vh auto!important;border-radius:12px!important}.el-dialog.login-dialog .el-dialog__header{padding:16px!important;border-radius:12px 12px 0 0!important}.el-dialog.login-dialog .el-dialog__body{padding:16px 20px!important}.el-dialog.login-dialog .el-dialog__footer{padding:12px 16px!important}.el-overlay-dialog:has(.welcome-dialog){align-items:flex-start!important;padding:0!important;overflow:hidden!important}.el-dialog.welcome-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;max-height:100vh!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important}.el-dialog.welcome-dialog .el-dialog__body{max-height:calc(100vh - 140px)!important;height:calc(100vh - 140px)!important;overflow-y:auto!important;flex:1!important;min-height:0!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.el-dialog.welcome-dialog .el-dialog__footer{flex-shrink:0!important;position:sticky!important;bottom:0!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:10!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:16px!important}.el-overlay-dialog:has(.learning-dialog){align-items:flex-start!important;padding:0!important;overflow:hidden!important}.el-dialog.learning-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;max-height:100vh!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.el-dialog.learning-dialog .el-dialog__body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;-ms-overflow-style:none;min-height:0!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:0!important}.el-dialog.learning-dialog .el-dialog__body::-webkit-scrollbar{display:none}.el-dialog.purple-gradient-dialog{width:90vw!important;max-width:90vw!important;margin:20px auto!important;border-radius:20px!important;max-height:calc(100vh - 40px)!important}.feedback-content .feedback-section,.feedback-content .feedback-section.feedback-score-badge,.feedback-content .feedback-section.strengths,.feedback-content .feedback-section.improvements,.feedback-content .feedback-section.suggestion{display:block!important;flex-direction:row!important;align-items:normal!important;gap:0!important;justify-content:flex-start!important;flex-wrap:nowrap!important}.feedback-content .feedback-section .section-header{display:flex!important;width:100%!important;margin-bottom:12px!important}.feedback-content .feedback-section .feedback-list{display:block!important;width:100%!important;margin:0!important;padding:0!important}}@media (max-width: 480px){.el-overlay-dialog{padding-bottom:120px!important;overflow-y:auto!important}.el-overlay-dialog:has(.add-word-dialog){padding-bottom:200px!important;overflow-y:auto!important;max-height:100vh!important}.el-overlay-dialog:has(.word-query-dialog){padding-bottom:200px!important;overflow-y:auto!important;max-height:100vh!important}.el-overlay-dialog:has(.welcome-dialog){padding:0!important;overflow:hidden!important}.el-dialog.welcome-dialog .el-dialog__body{max-height:calc(100vh - 160px)!important}.el-overlay-dialog:has(.learning-dialog){padding:0!important;overflow:hidden!important}.el-dialog.learning-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;height:100vh!important;max-height:100vh!important}.el-dialog.learning-dialog .el-dialog__body{flex:1!important;overflow-y:auto!important;min-height:0!important}.el-dialog.login-dialog{width:95%!important;margin:3vh auto!important;border-radius:10px!important}.el-dialog.login-dialog .el-dialog__header{padding:14px!important;border-radius:10px 10px 0 0!important}.el-dialog.login-dialog .el-dialog__body{padding:12px 16px!important}.el-dialog.login-dialog .el-dialog__footer{padding:10px 14px!important;border-radius:0 0 10px 10px!important}.el-dialog.purple-gradient-dialog{width:85vw!important;max-width:85vw!important;margin:16px auto!important;border-radius:16px!important;max-height:calc(100vh - 32px)!important}}.el-dialog__headerbtn .el-dialog__close{color:#ffffffe6!important;font-size:20px!important;transition:all .3s ease!important}.el-dialog__headerbtn .el-dialog__close:hover{color:#fff!important;transform:scale(1.1)!important}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.flex-center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 769px){.hide-on-desktop{display:none!important}}@media (max-width: 768px){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,a,input[type=button],input[type=submit],.el-button,.clickable{min-height:44px;min-width:44px;touch-action:manipulation}input,textarea,select{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}*{-webkit-overflow-scrolling:touch}button,.nav-item,.clickable{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(102,126,234,.1)}.el-menu-item,.el-dropdown-menu__item{min-height:44px;line-height:44px}.el-dialog{margin:0!important;max-height:100vh;display:flex;flex-direction:column}.el-dialog__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.el-table{font-size:14px}.el-table th,.el-table td{padding:8px 4px}.el-card{margin-bottom:12px}.el-card__body{padding:16px}}@media (max-width: 480px){body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.el-button{padding:8px 16px;font-size:14px}.el-form-item{margin-bottom:16px}.el-input,.el-textarea{font-size:16px}.el-tabs__item{padding:0 12px;font-size:14px}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}}@supports (padding: max(0px)){@media (max-width: 768px){.input-area,.chat-container,.main-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}.sidebar{padding-top:max(0px,env(safe-area-inset-top))}}}@media (max-width: 768px) and (orientation: landscape){.sidebar{width:240px}.main-content{padding-top:60px}.input-area{padding:8px 12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (hover: none) and (pointer: coarse){button:active,.nav-item:active,.clickable:active{opacity:.7;transform:scale(.98)}a{-webkit-tap-highlight-color:rgba(102,126,234,.1)}}body.mobile-scroll-lock{overflow:hidden;position:fixed;width:100%;height:100%}