:root{--brand: #1aad19;--brand-hover: #179316;--brand-light: #e6f7e6;--text-title: #2c3e50;--text-body: #5d6d68;--text-muted: #95a5a6;--bg-page: #f5f7f6;--bg-card: #ffffff;--border: #dce3e0;--divider: #eef1f0;--radius-card: 12px;--radius-btn: 8px;--radius-chip: 20px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 20px rgba(0, 0, 0, .12);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:320px;min-height:100vh;color:var(--text-title);background-color:var(--bg-page);line-height:1.6}#app{min-height:100vh}body .user-center-page,body .personal-info-page,body .password-change-page,body .vocabulary-page,body .book-library-page,body .book-manage-page,body .ai-generate-page{padding-top:96px!important}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}button,input,select,textarea{font-family:inherit}.header[data-v-c5966bf3]{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease;background-color:#fff}.nav-container[data-v-c5966bf3]{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:center;align-items:center;height:80px;flex-wrap:nowrap;position:relative}.logo[data-v-c5966bf3]{margin-right:30px}.logo-text[data-v-c5966bf3]{font-size:24px;color:#1aad19;font-weight:700;text-decoration:none;white-space:nowrap}.nav-links[data-v-c5966bf3]{display:flex;list-style:none;justify-content:center;align-items:center;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.nav-links[data-v-c5966bf3]::-webkit-scrollbar{display:none}.nav-links li[data-v-c5966bf3]{margin:0 12.5px;white-space:nowrap}.nav-link[data-v-c5966bf3]{text-decoration:none;color:#333;font-size:16px;transition:color .3s;padding:5px 0;position:relative}.nav-link[data-v-c5966bf3]:hover,.nav-link.active[data-v-c5966bf3]{color:#1aad19}.nav-link.active[data-v-c5966bf3]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#1aad19;border-radius:1px}.user-dropdown[data-v-c5966bf3]{position:relative;display:inline-block}.user-toggle[data-v-c5966bf3]{display:flex;align-items:center;gap:8px;padding:6px 12px}.dropdown-toggle[data-v-c5966bf3]{text-decoration:none;color:#333;font-size:16px;border-radius:20px;cursor:pointer;transition:all .3s}.dropdown-toggle[data-v-c5966bf3]:hover{color:#1aad19;background-color:#f5f5f5}.user-avatar-img[data-v-c5966bf3]{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;display:inline-flex}.user-avatar-img img[data-v-c5966bf3]{width:100%;height:100%;object-fit:cover}.user-avatar-text[data-v-c5966bf3]{width:30px;height:30px;border-radius:50%;background-color:#1aad19;color:#fff;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.user-name[data-v-c5966bf3]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-caret[data-v-c5966bf3]{font-size:12px;color:#999}.dropdown-content[data-v-c5966bf3]{display:none;position:absolute;right:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0000001a;border-radius:8px;z-index:1001}.user-dropdown:hover .dropdown-content[data-v-c5966bf3]{display:block}.dropdown-content a[data-v-c5966bf3]{color:#333;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s;font-size:14px}.dropdown-content a[data-v-c5966bf3]:hover{background-color:#f5f5f5;color:#1aad19}.mobile-menu-btn[data-v-c5966bf3]{background:none;border:none;font-size:24px;cursor:pointer;color:#333;position:absolute;right:15px}.mobile-menu[data-v-c5966bf3]{background-color:#fff;box-shadow:0 5px 10px #0000001a}.mobile-nav-links[data-v-c5966bf3]{list-style:none;padding:15px}.mobile-nav-links li[data-v-c5966bf3]{margin-bottom:15px}.mobile-nav-links li[data-v-c5966bf3]:last-child{margin-bottom:0}.mobile-user-info[data-v-c5966bf3]{display:flex;align-items:center;gap:10px;padding:6px 0 16px;border-bottom:1px solid #f0f0f0;color:#333;font-weight:600}@media (min-width: 769px){.mobile-menu-btn[data-v-c5966bf3]{display:none}}.footer[data-v-b6638ef0]{background-color:#333;color:#fff;padding:60px 0 30px;width:100%}.footer-content[data-v-b6638ef0]{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-info h3[data-v-b6638ef0]{font-size:24px;color:#1aad19;margin-bottom:20px}.footer-info p[data-v-b6638ef0]{color:#ccc;line-height:1.8}.footer-links h4[data-v-b6638ef0]{font-size:18px;margin-bottom:20px;color:#fff}.footer-links ul[data-v-b6638ef0]{list-style:none}.footer-links li[data-v-b6638ef0]{margin-bottom:12px}.footer-links a[data-v-b6638ef0]{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links a[data-v-b6638ef0]:hover{color:#1aad19}.footer-contact h4[data-v-b6638ef0]{font-size:18px;margin-bottom:20px;color:#fff}.footer-contact p[data-v-b6638ef0]{color:#ccc;margin-bottom:12px;line-height:1.8}.footer-copyright[data-v-b6638ef0]{text-align:center;padding-top:30px;margin-top:30px;border-top:1px solid #555;color:#999}@media (max-width: 768px){.footer[data-v-b6638ef0]{padding:40px 0 20px}.footer-content[data-v-b6638ef0]{grid-template-columns:1fr;gap:30px}.footer-info h3[data-v-b6638ef0]{font-size:20px}.footer-links h4[data-v-b6638ef0]{font-size:16px}}#app[data-v-53e05ecc]{min-height:100vh;display:flex;flex-direction:column}.home-page[data-v-99556ab5]{margin-top:80px}.hero[data-v-99556ab5]{background:linear-gradient(160deg,#eaf6ec,#f6faf7 55%,#fff);overflow:hidden}.hero-grid[data-v-99556ab5]{max-width:1200px;margin:0 auto;padding:76px 24px 88px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero-tag[data-v-99556ab5]{display:inline-block;margin-bottom:18px;padding:6px 14px;border-radius:20px;background:#e6f7e6;color:#179316;font-size:14px;font-weight:600}.hero-copy h1[data-v-99556ab5]{font-size:52px;line-height:1.15;color:#2c3e50;margin-bottom:18px}.hero-copy p[data-v-99556ab5]{font-size:18px;line-height:1.8;color:#5d6d68;margin-bottom:30px;max-width:520px}.cta-buttons[data-v-99556ab5]{display:flex;gap:14px;flex-wrap:wrap}.btn-primary[data-v-99556ab5],.btn-secondary[data-v-99556ab5]{padding:13px 30px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s ease}.btn-primary[data-v-99556ab5]{background:#1aad19;color:#fff}.btn-primary[data-v-99556ab5]:hover{background:#179316;transform:translateY(-2px);box-shadow:0 8px 20px #1aad1940}.btn-secondary[data-v-99556ab5]{border:1.5px solid #1aad19;color:#1aad19}.btn-secondary[data-v-99556ab5]:hover{background:#e6f7e6;transform:translateY(-2px)}.hero-badges[data-v-99556ab5]{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.badge[data-v-99556ab5]{padding:5px 14px;border-radius:16px;background:#fff;border:1px solid #dce3e0;color:#5d6d68;font-size:13px}.hero-visual[data-v-99556ab5]{display:flex;justify-content:center}.hero-card[data-v-99556ab5]{width:100%;max-width:400px;background:#fff;border-radius:24px;box-shadow:0 24px 60px #1a601924;padding:34px 30px 26px;text-align:center}.hero-card img[data-v-99556ab5]{width:100%;display:block}.hero-card-note[data-v-99556ab5]{margin-top:18px;font-size:14px;color:#7f8c8d}.features[data-v-99556ab5]{padding:90px 24px;background:#fff}.section-title[data-v-99556ab5]{text-align:center;margin-bottom:48px}.section-title h2[data-v-99556ab5]{font-size:32px;color:#2c3e50;position:relative;display:inline-block;margin:0}.section-title h2[data-v-99556ab5]:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:48px;height:4px;background:#1aad19;border-radius:2px}.feature-grid[data-v-99556ab5]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.feature-item[data-v-99556ab5]{display:block;background:#fff;border:1px solid #eef1f0;border-radius:16px;padding:36px 28px;text-align:center;box-shadow:0 2px 8px #0000000d;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.feature-item[data-v-99556ab5]:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000001f;border-color:#cfe9cf}.feature-go[data-v-99556ab5]{margin-top:18px;font-size:15px;font-weight:600;color:#1aad19}.feature-item:hover .feature-go[data-v-99556ab5]{text-decoration:underline}.feature-item.animate[data-v-99556ab5]{animation:fadeUp-99556ab5 .6s ease}@keyframes fadeUp-99556ab5{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.feature-icon[data-v-99556ab5]{width:68px;height:68px;margin:0 auto 18px;border-radius:20px;background:#e6f7e6;color:#1aad19;display:flex;align-items:center;justify-content:center}.feature-icon svg[data-v-99556ab5]{width:34px;height:34px}.feature-item h3[data-v-99556ab5]{font-size:20px;color:#2c3e50;margin-bottom:10px}.feature-item p[data-v-99556ab5]{font-size:15px;line-height:1.7;color:#5d6d68;margin:0}.quick-links[data-v-99556ab5]{background:#f6faf7;padding:90px 24px}.quick-links .section-title[data-v-99556ab5]{margin-bottom:40px}.quick-hint[data-v-99556ab5]{margin:20px auto 0;max-width:620px;font-size:15px;line-height:1.8;color:#6b7b76}.login-inline[data-v-99556ab5]{margin-left:8px;color:#1aad19;font-weight:600;text-decoration:none}.login-inline[data-v-99556ab5]:hover{text-decoration:underline}.quick-grid[data-v-99556ab5]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.quick-card[data-v-99556ab5]{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e8efe9;border-radius:14px;padding:20px 18px;box-shadow:0 2px 8px #0000000d;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.quick-card[data-v-99556ab5]:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1a60191f;border-color:#1aad19}.quick-badge[data-v-99556ab5]{width:48px;height:48px;border-radius:14px;background:#e6f7e6;color:#179316;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-main[data-v-99556ab5]{flex:1;min-width:0}.quick-name[data-v-99556ab5]{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:600;color:#2c3e50}.quick-arrow[data-v-99556ab5]{color:#1aad19;font-weight:700}.quick-desc[data-v-99556ab5]{margin-top:4px;font-size:13px;color:#7f8c8d}.cta-band[data-v-99556ab5]{background:linear-gradient(120deg,#1aad19,#17a017);text-align:center;padding:64px 24px}.cta-band.animate[data-v-99556ab5]{animation:fadeUp-99556ab5 .6s ease}.cta-band h2[data-v-99556ab5]{font-size:30px;color:#fff;margin:0 0 22px}.cta-btn[data-v-99556ab5]{display:inline-block;padding:13px 34px;border-radius:10px;background:#fff;color:#1aad19;font-size:17px;font-weight:700;text-decoration:none;transition:all .25s ease}.cta-btn[data-v-99556ab5]:hover{background:#f0faf0;transform:translateY(-2px);box-shadow:0 8px 20px #00000029}@media (max-width: 900px){.hero-grid[data-v-99556ab5]{grid-template-columns:1fr;gap:32px;padding:52px 20px 60px}.hero-copy h1[data-v-99556ab5]{font-size:38px}.hero-visual[data-v-99556ab5]{order:-1}.hero-card[data-v-99556ab5]{max-width:320px}}@media (max-width: 560px){.hero-copy p[data-v-99556ab5]{font-size:16px}.section-title h2[data-v-99556ab5],.cta-band h2[data-v-99556ab5]{font-size:26px}}.not-found[data-v-4e186446]{height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.not-found-content[data-v-4e186446]{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;animation:fadeIn-4e186446 .6s ease}@keyframes fadeIn-4e186446{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-code[data-v-4e186446]{font-size:120px;font-weight:700;color:#1aad19;margin-bottom:20px;position:relative}.error-code[data-v-4e186446]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:#1aad19;border-radius:2px}.not-found-content h2[data-v-4e186446]{font-size:36px;margin-bottom:20px;color:#333}.not-found-content p[data-v-4e186446]{font-size:18px;color:#666;margin-bottom:40px}.btn-primary[data-v-4e186446]{display:inline-block;padding:12px 30px;font-size:16px;background-color:#1aad19;color:#fff;border:none;border-radius:6px;text-decoration:none;transition:all .3s}.btn-primary[data-v-4e186446]:hover{background-color:#179316;transform:translateY(-2px)}@media (max-width: 768px){.error-code[data-v-4e186446]{font-size:80px}.not-found-content h2[data-v-4e186446]{font-size:28px}.not-found-content p[data-v-4e186446]{font-size:16px}.not-found-content[data-v-4e186446]{padding:40px 20px;margin:20px}}@media (max-width: 480px){.error-code[data-v-4e186446]{font-size:60px}.not-found-content h2[data-v-4e186446]{font-size:24px}}.notification[data-v-400ea6b7]{position:fixed;left:50%;transform:translate(-50%,-12px);padding:10px 14px 10px 12px;border-radius:8px;background-color:#333;color:#fff;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:8px;box-shadow:0 6px 18px #00000029;z-index:10000;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease}.notification.show[data-v-400ea6b7]{opacity:1;transform:translate(-50%);pointer-events:auto}.notification-icon[data-v-400ea6b7]{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.notification-icon svg[data-v-400ea6b7]{width:12px;height:12px}.notification-icon.success[data-v-400ea6b7],.notification-icon.error[data-v-400ea6b7],.notification-icon.warning[data-v-400ea6b7],.notification-icon.info[data-v-400ea6b7]{background-color:#ffffff38}.notification-message[data-v-400ea6b7]{flex:1;word-break:break-word}.notification-close[data-v-400ea6b7]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background-color .2s ease;opacity:.85}.notification-close[data-v-400ea6b7]:hover{background-color:#ffffff38;opacity:1}.notification.success[data-v-400ea6b7]{background-color:#1aad19}.notification.error[data-v-400ea6b7]{background-color:#e5484d}.notification.warning[data-v-400ea6b7]{background-color:#f08c00}.notification.info[data-v-400ea6b7]{background-color:#2f7ee5}.login-page[data-v-7bf863df]{display:flex;flex-direction:column;min-height:100vh}.login-container[data-v-7bf863df]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#f5f5f5}.login-box[data-v-7bf863df]{width:100%;max-width:450px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;animation:fadeIn-7bf863df .6s ease}@keyframes fadeIn-7bf863df{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-7bf863df]{text-align:center;margin-bottom:30px}.login-header h2[data-v-7bf863df]{font-size:32px;color:#333;margin-bottom:10px}.login-header p[data-v-7bf863df]{color:#666;font-size:16px}.login-form[data-v-7bf863df]{width:100%}.form-group[data-v-7bf863df]{margin-bottom:25px}.form-group label[data-v-7bf863df]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.form-group input[data-v-7bf863df]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:all .3s ease}.form-group input[data-v-7bf863df]:focus{outline:none;border-color:#1aad19;box-shadow:0 4px 12px #1aad191a}.form-options[data-v-7bf863df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.remember-me[data-v-7bf863df]{display:flex;align-items:center;cursor:pointer;color:#666}.remember-me input[data-v-7bf863df]{margin-right:8px;cursor:pointer}.btn-login[data-v-7bf863df]{width:100%;padding:14px;background-color:#1aad19;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-login[data-v-7bf863df]:hover:not(:disabled){background-color:#179316;transform:translateY(-2px)}.btn-login[data-v-7bf863df]:disabled{background-color:#ccc;cursor:not-allowed}.login-footer[data-v-7bf863df]{text-align:center;margin-top:25px;color:#666}.register-link[data-v-7bf863df]{color:#1aad19;text-decoration:none;font-weight:600;transition:color .3s ease}.register-link[data-v-7bf863df]:hover{color:#179316;text-decoration:underline}@media (max-width: 768px){.login-container[data-v-7bf863df]{padding:20px}.login-box[data-v-7bf863df]{padding:30px 20px;margin:20px 0}.login-header h2[data-v-7bf863df]{font-size:28px}}@media (max-width: 480px){.login-box[data-v-7bf863df]{padding:20px 15px}.login-header h2[data-v-7bf863df]{font-size:24px}.form-group input[data-v-7bf863df]{padding:10px 12px;font-size:14px}.btn-login[data-v-7bf863df]{padding:12px;font-size:14px}}.register-page[data-v-c9eebad2]{display:flex;flex-direction:column;min-height:100vh}.register-container[data-v-c9eebad2]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#f5f5f5}.register-box[data-v-c9eebad2]{width:100%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;animation:fadeIn-c9eebad2 .6s ease}@keyframes fadeIn-c9eebad2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-header[data-v-c9eebad2]{text-align:center;margin-bottom:30px}.register-header h2[data-v-c9eebad2]{font-size:32px;color:#333;margin-bottom:10px}.register-header p[data-v-c9eebad2]{color:#666;font-size:16px}.register-form[data-v-c9eebad2]{width:100%}.form-group[data-v-c9eebad2]{margin-bottom:25px}.form-group label[data-v-c9eebad2]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.form-group input[data-v-c9eebad2]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:all .3s ease}.form-group input[data-v-c9eebad2]:focus{outline:none;border-color:#1aad19;box-shadow:0 4px 12px #1aad191a}.form-options[data-v-c9eebad2]{margin-bottom:30px}.agree-terms[data-v-c9eebad2]{display:flex;align-items:flex-start;color:#666;font-size:14px;line-height:1.5}.agree-terms input[data-v-c9eebad2]{margin-top:3px;margin-right:8px}.terms-link[data-v-c9eebad2],.privacy-link[data-v-c9eebad2]{color:#1aad19;text-decoration:none}.terms-link[data-v-c9eebad2]:hover,.privacy-link[data-v-c9eebad2]:hover{text-decoration:underline}.btn-register[data-v-c9eebad2]{width:100%;padding:14px;background-color:#1aad19;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-register[data-v-c9eebad2]:hover:not(:disabled){background-color:#179316;transform:translateY(-2px)}.btn-register[data-v-c9eebad2]:disabled{background-color:#ccc;cursor:not-allowed}.register-footer[data-v-c9eebad2]{text-align:center;margin-top:25px;color:#666}.login-link[data-v-c9eebad2]{color:#1aad19;text-decoration:none;font-weight:600}.login-link[data-v-c9eebad2]:hover{color:#179316;text-decoration:underline}@media (max-width: 768px){.register-container[data-v-c9eebad2]{padding:20px}.register-box[data-v-c9eebad2]{padding:30px 20px;margin:20px 0}.register-header h2[data-v-c9eebad2]{font-size:28px}}@media (max-width: 480px){.register-box[data-v-c9eebad2]{padding:20px 15px}.register-header h2[data-v-c9eebad2]{font-size:24px}.form-group input[data-v-c9eebad2]{padding:10px 12px;font-size:14px}.btn-register[data-v-c9eebad2]{padding:12px;font-size:14px}}.user-sidebar[data-v-cb89099c]{width:280px;flex-shrink:0;align-self:flex-start;position:sticky;top:96px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px 16px}.user-info[data-v-cb89099c]{display:flex;align-items:center;gap:14px;padding:0 8px 18px;margin-bottom:16px;border-bottom:1px solid #eef1f0}.avatar[data-v-cb89099c]{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#1aad19;color:#fff;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center}.avatar img[data-v-cb89099c]{width:100%;height:100%;object-fit:cover}.user-details[data-v-cb89099c]{flex:1;min-width:0}.username[data-v-cb89099c]{font-size:17px;font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-level[data-v-cb89099c]{margin-top:4px;font-size:13px;color:#95a5a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-nav[data-v-cb89099c]{display:flex;flex-direction:column;gap:6px}.user-nav a[data-v-cb89099c]{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#5d6d68;text-decoration:none;font-size:15px;transition:all .2s ease}.user-nav a[data-v-cb89099c]:hover{background-color:#f5f7f6;color:#1aad19}.user-nav a.active[data-v-cb89099c]{background-color:#e6f7e6;color:#1aad19;font-weight:600}.user-nav svg[data-v-cb89099c]{flex-shrink:0}.logout-btn[data-v-cb89099c]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:10px 12px;border:1px solid #e8eaed;border-radius:8px;background:#fff;color:#e74c3c;font-size:15px;cursor:pointer;transition:all .2s ease}.logout-btn[data-v-cb89099c]:hover{background-color:#fdf0ef;border-color:#e74c3c;color:#c0392b}@media (max-width: 992px){.user-sidebar[data-v-cb89099c]{width:100%;position:static;margin-bottom:20px}}.breadcrumb[data-v-b79f276f]{font-size:14px;line-height:1.4;color:#7f8c8d}.crumb-item[data-v-b79f276f]{display:inline-flex;align-items:center;vertical-align:middle}.breadcrumb a[data-v-b79f276f]{color:#1aad19;text-decoration:none;transition:color .2s}.breadcrumb a[data-v-b79f276f]:hover{color:#179316;text-decoration:underline}.crumb-sep[data-v-b79f276f]{margin:0 8px;color:#c0c8c5}.crumb-current[data-v-b79f276f]{color:#5d6d68}.user-center-page[data-v-d770ef62]{display:flex;flex-direction:column;min-height:100vh}.user-center-container[data-v-d770ef62]{flex:1;display:flex;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto;width:100%}.crumb-block[data-v-d770ef62]{flex-basis:100%}.main-content[data-v-d770ef62]{flex:1;padding:40px;background-color:#f5f5f5;overflow-y:auto}.content-header[data-v-d770ef62]{margin-bottom:40px}.content-header h2[data-v-d770ef62]{font-size:32px;color:#333;margin-bottom:10px}.content-header p[data-v-d770ef62]{color:#666;font-size:18px}.stats-overview[data-v-d770ef62]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card[data-v-d770ef62]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;transition:all .3s ease}.stat-card[data-v-d770ef62]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-icon[data-v-d770ef62]{font-size:48px;margin-right:20px}.stat-content[data-v-d770ef62]{flex:1}.stat-value[data-v-d770ef62]{font-size:32px;font-weight:700;color:#1aad19;margin-bottom:5px}.stat-label[data-v-d770ef62]{font-size:14px;color:#666}.recent-activities[data-v-d770ef62],.recommended-books[data-v-d770ef62]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:40px}.section-title[data-v-d770ef62]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title h3[data-v-d770ef62]{font-size:24px;color:#333}.view-all[data-v-d770ef62]{color:#1aad19;text-decoration:none;font-weight:500;transition:color .3s ease}.view-all[data-v-d770ef62]:hover{color:#179316;text-decoration:underline}.activities-list[data-v-d770ef62]{display:flex;flex-direction:column;gap:15px}.activity-item[data-v-d770ef62]{display:flex;align-items:center;padding:15px;border:1px solid #f0f0f0;border-radius:8px;transition:all .3s ease}.activity-item[data-v-d770ef62]:hover{background-color:#f8f9fa;border-color:#1aad19}.activity-icon[data-v-d770ef62]{font-size:24px;margin-right:15px}.activity-content[data-v-d770ef62]{flex:1}.activity-text[data-v-d770ef62]{font-size:16px;color:#333;margin-bottom:5px}.activity-time[data-v-d770ef62]{font-size:14px;color:#999}.activity-empty[data-v-d770ef62]{padding:20px 0;color:#999;text-align:center;font-size:14px}.books-grid[data-v-d770ef62]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.book-card[data-v-d770ef62]{background-color:#f8f9fa;padding:20px;border-radius:12px;text-align:center;transition:all .3s ease}.book-card[data-v-d770ef62]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;background-color:#fff}.book-cover[data-v-d770ef62]{font-size:48px;margin-bottom:15px}.book-info[data-v-d770ef62]{text-align:left}.book-title[data-v-d770ef62]{font-size:16px;font-weight:600;color:#333;margin-bottom:5px}.book-level[data-v-d770ef62]{font-size:14px;color:#666}@media (max-width: 1200px){.user-center-container[data-v-d770ef62]{flex-direction:column}.main-content[data-v-d770ef62]{padding:30px 20px}}@media (max-width: 768px){.stats-overview[data-v-d770ef62]{grid-template-columns:1fr 1fr}.content-header h2[data-v-d770ef62]{font-size:28px}.section-title h3[data-v-d770ef62]{font-size:20px}}@media (max-width: 480px){.stats-overview[data-v-d770ef62]{grid-template-columns:1fr}.books-grid[data-v-d770ef62]{grid-template-columns:1fr 1fr}.book-card[data-v-d770ef62]{padding:15px}.book-cover[data-v-d770ef62]{font-size:36px}}.refresh-btn[data-v-d770ef62]{background-color:#1aad19;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:10px;transition:background-color .3s ease}.refresh-btn[data-v-d770ef62]:hover:not(.loading){background-color:#179316}.refresh-btn.loading[data-v-d770ef62]{background-color:#ccc;cursor:not-allowed}.error-message[data-v-d770ef62]{background-color:#fee;color:#c33;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc;display:flex;align-items:center;justify-content:space-between}.retry-btn[data-v-d770ef62]{background-color:#c33;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.retry-btn[data-v-d770ef62]:hover{background-color:#a22}.loading-overlay[data-v-d770ef62]{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-d770ef62]{background-color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 20px #0000001a;font-size:16px;color:#333}.personal-info-page[data-v-195d4989]{display:flex;flex-direction:column;min-height:100vh}.user-center-container[data-v-195d4989]{flex:1;display:flex;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto;width:100%}.crumb-block[data-v-195d4989]{flex-basis:100%}.main-content[data-v-195d4989]{flex:1;padding:40px;background-color:#f5f5f5;overflow-y:auto}.content-header[data-v-195d4989]{margin-bottom:40px}.content-header h2[data-v-195d4989]{font-size:32px;color:#333;margin-bottom:10px}.content-header p[data-v-195d4989]{color:#666;font-size:18px}.personal-info-form[data-v-195d4989]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000000d}.form-section[data-v-195d4989]{margin-bottom:40px}.form-section h3[data-v-195d4989]{font-size:24px;color:#333;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.form-grid[data-v-195d4989]{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-group[data-v-195d4989]{margin-bottom:0}.form-group.full-width[data-v-195d4989]{grid-column:1 / -1}.form-group label[data-v-195d4989]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.form-group input[data-v-195d4989],.form-group select[data-v-195d4989],.form-group textarea[data-v-195d4989]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:all .3s ease}.form-group input[data-v-195d4989]:focus,.form-group select[data-v-195d4989]:focus,.form-group textarea[data-v-195d4989]:focus{outline:none;border-color:#1aad19;box-shadow:0 4px 12px #1aad191a}.form-group textarea[data-v-195d4989]{resize:vertical;min-height:120px}.form-group input[data-v-195d4989]:disabled,.form-group select[data-v-195d4989]:disabled,.form-group textarea[data-v-195d4989]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-actions[data-v-195d4989]{margin-top:40px;text-align:center}.btn-edit[data-v-195d4989],.btn-save[data-v-195d4989],.btn-cancel[data-v-195d4989]{padding:12px 30px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-edit[data-v-195d4989]{background-color:#1aad19;color:#fff}.btn-edit[data-v-195d4989]:hover{background-color:#179316;transform:translateY(-2px)}.edit-actions[data-v-195d4989]{display:flex;gap:15px;justify-content:center}.btn-save[data-v-195d4989]{background-color:#1aad19;color:#fff}.btn-save[data-v-195d4989]:hover{background-color:#179316;transform:translateY(-2px)}.btn-cancel[data-v-195d4989]{background-color:#f0f0f0;color:#333}.btn-cancel[data-v-195d4989]:hover{background-color:#e0e0e0;transform:translateY(-2px)}@media (max-width: 1200px){.user-center-container[data-v-195d4989]{flex-direction:column}.main-content[data-v-195d4989]{padding:30px 20px}}@media (max-width: 768px){.form-grid[data-v-195d4989]{grid-template-columns:1fr;gap:20px}.content-header h2[data-v-195d4989]{font-size:28px}.form-section h3[data-v-195d4989]{font-size:20px}}@media (max-width: 480px){.personal-info-form[data-v-195d4989]{padding:20px 15px}.form-group input[data-v-195d4989],.form-group select[data-v-195d4989],.form-group textarea[data-v-195d4989]{padding:10px 12px;font-size:14px}.edit-actions[data-v-195d4989]{flex-direction:column}.btn-edit[data-v-195d4989],.btn-save[data-v-195d4989],.btn-cancel[data-v-195d4989]{width:100%;padding:10px;font-size:14px}}.error-message[data-v-195d4989]{background-color:#fee;color:#c33;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc;display:flex;align-items:center;justify-content:space-between}.retry-btn[data-v-195d4989]{background-color:#c33;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.retry-btn[data-v-195d4989]:hover{background-color:#a22}.loading-overlay[data-v-195d4989]{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-195d4989]{background-color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 20px #0000001a;font-size:16px;color:#333}.btn-save[data-v-195d4989]:disabled,.btn-cancel[data-v-195d4989]:disabled,.btn-edit[data-v-195d4989]:disabled{background-color:#ccc;cursor:not-allowed}.btn-save[data-v-195d4989]:disabled:hover,.btn-cancel[data-v-195d4989]:disabled:hover,.btn-edit[data-v-195d4989]:disabled:hover{background-color:#ccc;transform:none}.password-change-page[data-v-2c9a00d5]{display:flex;flex-direction:column;min-height:100vh}.user-center-container[data-v-2c9a00d5]{flex:1;display:flex;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto;width:100%}.crumb-block[data-v-2c9a00d5]{flex-basis:100%}.main-content[data-v-2c9a00d5]{flex:1;padding:40px;background-color:#f5f5f5;overflow-y:auto}.content-header[data-v-2c9a00d5]{margin-bottom:40px}.content-header h2[data-v-2c9a00d5]{font-size:32px;color:#333;margin-bottom:10px}.content-header p[data-v-2c9a00d5]{color:#666;font-size:18px}.password-change-form[data-v-2c9a00d5]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:600px;margin:0 auto}.form-group[data-v-2c9a00d5]{margin-bottom:25px}.form-group label[data-v-2c9a00d5]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.form-group input[data-v-2c9a00d5]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:all .3s ease}.form-group input[data-v-2c9a00d5]:focus{outline:none;border-color:#1aad19;box-shadow:0 4px 12px #1aad191a}.password-strength[data-v-2c9a00d5]{margin-top:10px}.strength-indicator[data-v-2c9a00d5]{width:100%;height:4px;background-color:#f0f0f0;border-radius:2px;overflow:hidden;margin-bottom:5px}.strength-bar[data-v-2c9a00d5]{height:100%;width:0;border-radius:2px;transition:all .3s ease}.strength-bar.weak[data-v-2c9a00d5]{width:33%;background-color:#ff4757}.strength-bar.medium[data-v-2c9a00d5]{width:66%;background-color:#ffa502}.strength-bar.strong[data-v-2c9a00d5]{width:100%;background-color:#1aad19}.strength-text[data-v-2c9a00d5]{font-size:14px;font-weight:600}.strength-text.weak[data-v-2c9a00d5]{color:#ff4757}.strength-text.medium[data-v-2c9a00d5]{color:#ffa502}.strength-text.strong[data-v-2c9a00d5]{color:#1aad19}.password-hint[data-v-2c9a00d5]{font-size:14px;color:#666;margin-top:5px}.password-error[data-v-2c9a00d5]{font-size:14px;color:#ff4757;margin-top:5px}.form-actions[data-v-2c9a00d5]{margin-top:40px;text-align:center}.btn-save[data-v-2c9a00d5]{padding:12px 40px;font-size:16px;font-weight:600;background-color:#1aad19;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-save[data-v-2c9a00d5]:hover:not(:disabled){background-color:#179316;transform:translateY(-2px)}.btn-save[data-v-2c9a00d5]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 1200px){.user-center-container[data-v-2c9a00d5]{flex-direction:column}.main-content[data-v-2c9a00d5]{padding:30px 20px}}@media (max-width: 768px){.content-header h2[data-v-2c9a00d5]{font-size:28px}.password-change-form[data-v-2c9a00d5]{padding:30px 20px}}@media (max-width: 480px){.password-change-form[data-v-2c9a00d5]{padding:20px 15px}.form-group input[data-v-2c9a00d5]{padding:10px 12px;font-size:14px}.btn-save[data-v-2c9a00d5]{width:100%;padding:12px;font-size:14px}}.error-message[data-v-2c9a00d5]{background-color:#fee;color:#c33;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc}.book-library-page[data-v-9787ec54]{min-height:100vh;background-color:#f5f7f6;padding:30px}.book-library-container[data-v-9787ec54]{max-width:1200px;margin:0 auto}.crumb[data-v-9787ec54]{margin-bottom:24px}.content-header[data-v-9787ec54]{text-align:center;margin-bottom:30px}.content-header h2[data-v-9787ec54]{font-size:32px;color:#2c3e50;margin-bottom:8px}.sub-title[data-v-9787ec54]{color:#7f8c8d}.library-toolbar[data-v-9787ec54]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.search-box[data-v-9787ec54]{display:flex;align-items:center;background:#f0f2f1;border-radius:8px;padding:0 14px;margin-bottom:14px}.search-box svg[data-v-9787ec54]{color:#95a5a6;margin-right:10px}.search-box input[data-v-9787ec54]{flex:1;border:none;background:transparent;padding:12px 0;font-size:15px;outline:none}.filter-row[data-v-9787ec54]{display:flex;flex-wrap:wrap;gap:10px}.chip[data-v-9787ec54]{padding:8px 16px;border-radius:20px;border:1px solid #dce3e0;background:#fff;color:#5d6d68;cursor:pointer;transition:all .2s}.chip[data-v-9787ec54]:hover{border-color:#1aad19;color:#1aad19}.chip.active[data-v-9787ec54]{background:#1aad19;border-color:#1aad19;color:#fff}.books-grid[data-v-9787ec54]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.book-item[data-v-9787ec54]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.book-item[data-v-9787ec54]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.book-cover[data-v-9787ec54]{position:relative;height:220px;background:linear-gradient(135deg,#f0f4f2,#e3ece8);display:flex;align-items:center;justify-content:center;overflow:hidden}.book-cover img[data-v-9787ec54]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-9787ec54]{font-size:60px}.flag-mine[data-v-9787ec54],.flag-public[data-v-9787ec54],.flag-shared[data-v-9787ec54]{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:12px;font-size:12px;color:#fff}.flag-mine[data-v-9787ec54]{background:#1aad19}.flag-public[data-v-9787ec54]{background:#f39c12}.flag-shared[data-v-9787ec54]{background:#3498db}.book-info[data-v-9787ec54]{padding:14px}.book-title[data-v-9787ec54]{font-size:16px;color:#2c3e50;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-author[data-v-9787ec54]{font-size:13px;color:#7f8c8d;margin-bottom:8px}.book-extra[data-v-9787ec54]{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#95a5a6}.loading-tip[data-v-9787ec54]{text-align:center;padding:60px;color:#7f8c8d}.empty-state[data-v-9787ec54]{background:#fff;border-radius:12px;text-align:center;padding:80px 20px;color:#95a5a6}.empty-icon[data-v-9787ec54]{font-size:60px;margin-bottom:12px}.pagination[data-v-9787ec54]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.pagination button[data-v-9787ec54]{padding:8px 18px;border:1px solid #dce3e0;background:#fff;border-radius:6px;cursor:pointer}.pagination button[data-v-9787ec54]:disabled{opacity:.5;cursor:not-allowed}.book-detail-page[data-v-ac0c837a]{min-height:100vh;background-color:#f5f7f6}.book-detail-container[data-v-ac0c837a]{max-width:1200px;margin:0 auto;padding:100px 30px 50px}.crumb[data-v-ac0c837a]{margin-bottom:24px}.state-tip[data-v-ac0c837a]{text-align:center;padding:100px 20px;color:#7f8c8d;background:#fff;border-radius:12px}.back-link[data-v-ac0c837a]{display:inline-block;margin-top:16px;color:#1aad19;text-decoration:none}.book-detail-main[data-v-ac0c837a]{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}.book-detail-left[data-v-ac0c837a]{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}.book-cover-large[data-v-ac0c837a]{position:relative;height:420px;background:linear-gradient(135deg,#f0f4f2,#e3ece8);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a}.book-cover-large img[data-v-ac0c837a]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-ac0c837a]{font-size:120px}.flag-mine[data-v-ac0c837a],.flag-public[data-v-ac0c837a],.flag-shared[data-v-ac0c837a]{position:absolute;top:14px;left:14px;padding:6px 14px;border-radius:16px;font-size:13px;color:#fff}.flag-mine[data-v-ac0c837a]{background:#1aad19}.flag-public[data-v-ac0c837a]{background:#f39c12}.flag-shared[data-v-ac0c837a]{background:#3498db}.book-meta-info[data-v-ac0c837a]{background:#fff;border-radius:12px;padding:18px}.meta-item[data-v-ac0c837a]{display:flex;padding:7px 0;font-size:15px}.meta-label[data-v-ac0c837a]{color:#95a5a6;width:80px;flex-shrink:0}.meta-value[data-v-ac0c837a]{color:#2c3e50;font-weight:500}.book-actions-large[data-v-ac0c837a]{display:flex;gap:12px}.btn-primary-large[data-v-ac0c837a]{flex:1;border:none;background:#1aad19;color:#fff;padding:14px;border-radius:10px;font-size:16px;cursor:pointer}.btn-secondary-large[data-v-ac0c837a]{flex:1;text-align:center;border:1px solid #dce3e0;background:#fff;color:#2c3e50;padding:13px;border-radius:10px;font-size:16px;text-decoration:none;box-sizing:border-box}.book-detail-right[data-v-ac0c837a]{background:#fff;border-radius:12px;padding:30px}.book-title-large[data-v-ac0c837a]{font-size:30px;color:#2c3e50;margin-bottom:14px}.book-description[data-v-ac0c837a]{font-size:15px;line-height:1.8;color:#5d6d68;padding-bottom:20px;border-bottom:1px solid #eef1f0}.book-preview[data-v-ac0c837a]{margin-top:20px}.book-preview h3[data-v-ac0c837a]{font-size:18px;color:#2c3e50;margin-bottom:14px}.preview-content[data-v-ac0c837a]{display:flex;flex-direction:column;gap:14px}.preview-page[data-v-ac0c837a]{border:1px solid #eef1f0;border-radius:8px;padding:16px}.preview-image[data-v-ac0c837a]{width:100%;max-height:400px;object-fit:contain;border-radius:8px;margin-bottom:10px}.preview-text[data-v-ac0c837a]{font-size:15px;line-height:1.7;color:#4a5a55;white-space:pre-wrap}@media (max-width: 900px){.book-detail-main[data-v-ac0c837a]{grid-template-columns:1fr}.book-detail-left[data-v-ac0c837a]{position:static}.book-cover-large[data-v-ac0c837a]{height:300px}}.reading-page[data-v-8e1d8126]{width:100vw;height:100vh;overflow:hidden}.reader-container[data-v-8e1d8126]{width:100%;height:100%;display:flex;flex-direction:column}.reader-state[data-v-8e1d8126]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666;background-color:#f8f9fa}.reader-state-spinner[data-v-8e1d8126]{width:34px;height:34px;border:3px solid rgba(26,173,25,.2);border-top-color:#1aad19;border-radius:50%;animation:readerSpin-8e1d8126 .8s linear infinite}@keyframes readerSpin-8e1d8126{to{transform:rotate(360deg)}}.reader-state.error p[data-v-8e1d8126]{color:#c0392b}.reader-header[data-v-8e1d8126]{position:fixed;top:0;left:0;right:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;z-index:100;transition:transform .3s ease;transform:translateY(-100%);box-shadow:0 2px 10px #0000001a}.reader-header.visible[data-v-8e1d8126]{transform:translateY(0)}.reader-controls[data-v-8e1d8126]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.btn-back[data-v-8e1d8126]{background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:10px;border-radius:50%;transition:background-color .3s ease}.btn-back[data-v-8e1d8126]:hover{background-color:#0000000d}.book-title[data-v-8e1d8126]{font-size:20px;font-weight:600;color:#333;text-align:center;flex:1}.right-controls[data-v-8e1d8126]{display:flex;gap:10px}.btn-control[data-v-8e1d8126]{background:none;border:none;font-size:20px;cursor:pointer;color:#333;padding:10px;border-radius:50%;transition:background-color .3s ease}.btn-control[data-v-8e1d8126]:hover{background-color:#0000000d}.reading-progress[data-v-8e1d8126]{margin-top:15px}.progress-bar[data-v-8e1d8126]{width:100%;height:4px;background-color:#0000001a;border-radius:2px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-8e1d8126]{height:100%;background-color:#1aad19;border-radius:2px;transition:width .3s ease}.progress-text[data-v-8e1d8126]{font-size:14px;color:#666;text-align:center}.reader-content[data-v-8e1d8126]{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:40px 20px;background-color:#f8f9fa}.page-container[data-v-8e1d8126]{width:100%;max-width:800px;display:flex;align-items:center;position:relative}.page-turn-left[data-v-8e1d8126],.page-turn-right[data-v-8e1d8126]{width:50px;height:100%;position:absolute;top:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.page-turn-left[data-v-8e1d8126]{left:0}.page-turn-right[data-v-8e1d8126]{right:0}.page-turn-left[data-v-8e1d8126]:hover,.page-turn-right[data-v-8e1d8126]:hover{background-color:#0000000d}.page-content[data-v-8e1d8126]{flex:1;background-color:#fff;padding:60px;border-radius:12px;box-shadow:0 10px 30px #0000001a;min-height:600px;display:flex;flex-direction:column;position:relative;margin:0 50px}.page-content.light[data-v-8e1d8126]{background-color:#fff;color:#333}.page-content.sepia[data-v-8e1d8126]{background-color:#f4ecd8;color:#5b4636}.page-content.dark[data-v-8e1d8126]{background-color:#2d3748;color:#e2e8f0}.page-number[data-v-8e1d8126]{font-size:14px;opacity:.5;margin-bottom:30px}.book-content[data-v-8e1d8126]{flex:1;display:flex;flex-direction:column;gap:30px}.page-text[data-v-8e1d8126]{font-size:18px;line-height:1.8;text-align:justify;margin-bottom:20px}.page-image[data-v-8e1d8126]{display:flex;align-items:center;justify-content:center;font-size:150px;margin:40px 0}.page-image img[data-v-8e1d8126]{max-width:100%;max-height:440px;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px #00000014}.page-image.empty[data-v-8e1d8126]{font-size:40px;color:#cfd8d3;margin:10px 0}.reader-footer[data-v-8e1d8126]{position:fixed;bottom:0;left:0;right:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;z-index:100;transition:transform .3s ease;transform:translateY(100%);box-shadow:0 -2px 10px #0000001a}.reader-footer.visible[data-v-8e1d8126]{transform:translateY(0)}.footer-controls[data-v-8e1d8126]{display:flex;align-items:center;justify-content:center;gap:30px}.btn-nav[data-v-8e1d8126]{padding:10px 20px;background-color:#1aad19;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-nav[data-v-8e1d8126]:hover{background-color:#179316;transform:translateY(-2px)}.page-indicators[data-v-8e1d8126]{display:flex;gap:10px}.indicator[data-v-8e1d8126]{width:8px;height:8px;border-radius:50%;background-color:#0003;cursor:pointer;transition:all .3s ease}.indicator.active[data-v-8e1d8126]{background-color:#1aad19;transform:scale(1.5)}.dictionary-modal[data-v-8e1d8126],.settings-modal[data-v-8e1d8126]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay[data-v-8e1d8126]{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-8e1d8126]{position:relative;background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header[data-v-8e1d8126]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-8e1d8126]{font-size:20px;font-weight:600;color:#333}.btn-close[data-v-8e1d8126]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close[data-v-8e1d8126]:hover{background-color:#0000000d;color:#333}.modal-body[data-v-8e1d8126]{padding:20px}.search-container[data-v-8e1d8126]{display:flex;gap:10px;margin-bottom:20px}.search-container input[data-v-8e1d8126]{flex:1;padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333}.search-container input[data-v-8e1d8126]:focus{outline:none;border-color:#1aad19}.btn-search[data-v-8e1d8126]{padding:12px 24px;background-color:#1aad19;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-search[data-v-8e1d8126]:hover{background-color:#179316}.search-result[data-v-8e1d8126]{padding:20px;background-color:#f8f9fa;border-radius:8px}.word-info h4[data-v-8e1d8126]{font-size:24px;color:#333;margin-bottom:10px}.pronunciation[data-v-8e1d8126]{font-size:16px;color:#666;font-style:italic;margin-bottom:20px}.definitions[data-v-8e1d8126],.definition[data-v-8e1d8126]{margin-bottom:20px}.definition[data-v-8e1d8126]:last-child{margin-bottom:0}.part-of-speech[data-v-8e1d8126]{font-size:14px;color:#1aad19;font-weight:600;margin-bottom:5px}.meaning[data-v-8e1d8126]{font-size:16px;color:#333;margin-bottom:10px}.example[data-v-8e1d8126]{font-size:14px;color:#666;font-style:italic}.btn-add-vocab[data-v-8e1d8126]{padding:12px 24px;background-color:#1aad19;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-add-vocab[data-v-8e1d8126]:hover{background-color:#179316}.setting-group[data-v-8e1d8126]{margin-bottom:30px}.setting-group[data-v-8e1d8126]:last-child{margin-bottom:0}.setting-group h4[data-v-8e1d8126]{font-size:18px;font-weight:600;color:#333;margin-bottom:15px}.theme-options[data-v-8e1d8126]{display:flex;gap:10px}.theme-btn[data-v-8e1d8126]{flex:1;padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.theme-btn.active[data-v-8e1d8126]{border-color:#1aad19;background-color:#1aad19;color:#fff}.font-size-control[data-v-8e1d8126]{display:flex;align-items:center;gap:20px}.btn-font-size[data-v-8e1d8126]{width:40px;height:40px;border:2px solid #e0e0e0;border-radius:50%;background-color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-font-size[data-v-8e1d8126]:hover{border-color:#1aad19;background-color:#1aad19;color:#fff}.font-size-value[data-v-8e1d8126]{font-size:18px;font-weight:600;color:#333}.mode-options[data-v-8e1d8126]{display:flex;gap:30px}.mode-option[data-v-8e1d8126]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;color:#333}.mode-option input[type=radio][data-v-8e1d8126]{width:20px;height:20px;cursor:pointer}.word-tooltip[data-v-8e1d8126]{position:fixed;z-index:2000;max-width:300px;pointer-events:none}.tooltip-content[data-v-8e1d8126]{background-color:#000000e6;color:#fff;padding:15px;border-radius:8px;box-shadow:0 10px 30px #0000004d;pointer-events:auto}.tooltip-word[data-v-8e1d8126]{font-size:18px;font-weight:600;margin-bottom:5px}.tooltip-pronunciation[data-v-8e1d8126]{font-size:14px;color:#1aad19;margin-bottom:10px}.tooltip-definition[data-v-8e1d8126]{font-size:14px;margin-bottom:15px;line-height:1.4}.tooltip-actions[data-v-8e1d8126]{display:flex;gap:10px}.btn-tooltip[data-v-8e1d8126]{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-tooltip[data-v-8e1d8126]:first-child{background-color:#1aad19;color:#fff}.btn-tooltip[data-v-8e1d8126]:first-child:hover{background-color:#179316}.btn-tooltip[data-v-8e1d8126]:last-child{background-color:#fff3;color:#fff}.btn-tooltip[data-v-8e1d8126]:last-child:hover{background-color:#ffffff4d}@media (max-width: 768px){.reader-content[data-v-8e1d8126]{padding:20px 10px}.page-content[data-v-8e1d8126]{padding:40px 20px;margin:0 20px}.page-text[data-v-8e1d8126]{font-size:16px}.page-image[data-v-8e1d8126]{font-size:100px}.reader-header[data-v-8e1d8126],.reader-footer[data-v-8e1d8126]{padding:15px}.book-title[data-v-8e1d8126]{font-size:18px}.footer-controls[data-v-8e1d8126]{gap:15px}.btn-nav[data-v-8e1d8126]{padding:8px 16px;font-size:14px}}@media (max-width: 480px){.page-content[data-v-8e1d8126]{padding:30px 15px;margin:0 10px}.page-text[data-v-8e1d8126]{font-size:14px}.page-image[data-v-8e1d8126]{font-size:80px}.reader-header[data-v-8e1d8126],.reader-footer[data-v-8e1d8126]{padding:10px}.book-title[data-v-8e1d8126]{font-size:16px}.theme-options[data-v-8e1d8126],.mode-options[data-v-8e1d8126]{flex-direction:column;gap:10px}.font-size-control[data-v-8e1d8126]{justify-content:center}}.reading-page[data-v-8e1d8126]:fullscreen{background-color:#f8f9fa}.reading-page:fullscreen .reader-content[data-v-8e1d8126]{background-color:#f8f9fa}.scroll-pages[data-v-8e1d8126]{width:100%;max-width:960px;margin:0 auto;padding:8px 0 40px}.scroll-page[data-v-8e1d8126]{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px 60px;margin-bottom:28px;display:flex;flex-direction:column;align-items:center}.scroll-page-number[data-v-8e1d8126]{align-self:flex-start;font-size:14px;color:#999;margin-bottom:12px}.scroll-page .page-text[data-v-8e1d8126]{width:100%;max-width:760px;margin-bottom:16px}.scroll-page .page-image[data-v-8e1d8126]{margin:0}.scroll-page .page-image img[data-v-8e1d8126]{max-height:none}.scroll-mode .reader-content[data-v-8e1d8126]{align-items:flex-start;justify-content:center;overflow-y:auto;min-height:0;cursor:default}.scroll-mode .page-container[data-v-8e1d8126]{display:block;max-width:960px}.scroll-mode .page-turn-left[data-v-8e1d8126],.scroll-mode .page-turn-right[data-v-8e1d8126]{display:none}.scroll-mode .page-content[data-v-8e1d8126]{margin:0;min-height:auto}.my-bookshelf-page[data-v-c65613f5]{min-height:100vh;background-color:#f5f7f6}.bookshelf-container[data-v-c65613f5]{max-width:1200px;margin:0 auto;padding:100px 30px 40px}.crumb[data-v-c65613f5]{margin-bottom:20px}.page-title[data-v-c65613f5]{margin-bottom:24px}.page-title h1[data-v-c65613f5]{font-size:34px;color:#2c3e50;margin-bottom:8px}.page-title p[data-v-c65613f5]{color:#7f8c8d}.bookshelf-content[data-v-c65613f5]{display:flex;flex-direction:column;gap:16px}.bookshelf-header[data-v-c65613f5]{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000000f}.search-filter[data-v-c65613f5]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-box[data-v-c65613f5]{flex:1;display:flex;align-items:center;background:#f0f2f1;border-radius:8px;padding:0 14px}.search-box svg[data-v-c65613f5]{color:#95a5a6;margin-right:8px}.search-box input[data-v-c65613f5]{flex:1;border:none;background:transparent;padding:11px 0;font-size:15px;outline:none}.btn-search[data-v-c65613f5]{border:none;background:#1aad19;color:#fff;padding:11px 20px;border-radius:8px;cursor:pointer}.btn-manage[data-v-c65613f5]{display:flex;align-items:center;gap:6px;border:1px solid #dce3e0;background:#fff;color:#2c3e50;padding:10px 16px;border-radius:8px;cursor:pointer;text-decoration:none}.btn-manage[data-v-c65613f5]:hover{border-color:#1aad19;color:#1aad19}.source-tabs[data-v-c65613f5]{display:flex;gap:10px}.tab-btn[data-v-c65613f5]{padding:8px 16px;border-radius:18px;border:1px solid #dce3e0;background:#fff;color:#5d6d68;cursor:pointer}.tab-btn.active[data-v-c65613f5]{background:#1aad19;border-color:#1aad19;color:#fff}.books-grid[data-v-c65613f5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.book-item[data-v-c65613f5]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.book-item[data-v-c65613f5]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.book-cover[data-v-c65613f5]{position:relative;height:220px;background:linear-gradient(135deg,#f0f4f2,#e3ece8);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.book-cover img[data-v-c65613f5]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-c65613f5]{font-size:60px}.flag-mine[data-v-c65613f5],.flag-public[data-v-c65613f5],.flag-shared[data-v-c65613f5]{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:12px;font-size:12px;color:#fff}.flag-mine[data-v-c65613f5]{background:#1aad19}.flag-public[data-v-c65613f5]{background:#f39c12}.flag-shared[data-v-c65613f5]{background:#3498db}.book-info[data-v-c65613f5]{padding:14px}.book-title[data-v-c65613f5]{font-size:16px;color:#2c3e50;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-author[data-v-c65613f5]{font-size:13px;color:#7f8c8d;margin-bottom:8px}.book-extra[data-v-c65613f5]{display:flex;gap:8px;font-size:12px;color:#95a5a6;margin-bottom:12px}.book-actions[data-v-c65613f5]{display:flex;gap:8px}.btn-continue[data-v-c65613f5]{flex:1;border:none;background:#1aad19;color:#fff;padding:9px;border-radius:8px;cursor:pointer;font-size:14px}.btn-remove[data-v-c65613f5]{flex:1;border:1px solid #f1c9c5;background:#fff;color:#e74c3c;padding:9px;border-radius:8px;cursor:pointer;font-size:14px}.empty-state[data-v-c65613f5]{background:#fff;border-radius:12px;text-align:center;padding:80px 20px;color:#95a5a6}.empty-icon[data-v-c65613f5]{font-size:60px;margin-bottom:12px}.empty-state h3[data-v-c65613f5]{color:#5d6d68;font-size:20px;margin-bottom:8px}.empty-action a[data-v-c65613f5]{color:#1aad19;font-weight:600}@media (max-width: 768px){.bookshelf-container[data-v-c65613f5]{padding:90px 15px 30px}}.book-manage-page[data-v-46fcd275]{min-height:100vh;background-color:#f5f7f6;padding:30px}.book-manage-container[data-v-46fcd275]{max-width:1200px;margin:0 auto}.crumb[data-v-46fcd275]{margin-bottom:24px}.content-header[data-v-46fcd275]{text-align:center;margin-bottom:30px}.content-header h2[data-v-46fcd275]{font-size:32px;color:#2c3e50;margin-bottom:8px}.sub-title[data-v-46fcd275]{color:#7f8c8d}.manage-list[data-v-46fcd275]{display:flex;flex-direction:column;gap:16px}.manage-card[data-v-46fcd275]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.book-summary[data-v-46fcd275]{display:flex;gap:18px;margin-bottom:14px}.book-cover-mini[data-v-46fcd275]{width:90px;height:110px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f0f4f2,#e3ece8);display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0}.book-cover-mini img[data-v-46fcd275]{width:100%;height:100%;object-fit:cover}.book-basic[data-v-46fcd275]{flex:1}.book-title[data-v-46fcd275]{font-size:18px;color:#2c3e50;margin-bottom:6px}.book-meta[data-v-46fcd275]{display:flex;gap:12px;font-size:13px;color:#95a5a6;margin-bottom:10px}.public-toggle[data-v-46fcd275]{display:flex;align-items:center;gap:10px}.toggle-label[data-v-46fcd275]{font-size:14px;color:#5d6d68}.switch[data-v-46fcd275]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-46fcd275]{opacity:0;width:0;height:0}.slider[data-v-46fcd275]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:24px;transition:.3s}.slider[data-v-46fcd275]:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider[data-v-46fcd275]{background-color:#1aad19}.switch input:checked+.slider[data-v-46fcd275]:before{transform:translate(20px)}.share-section[data-v-46fcd275]{border-top:1px solid #eef1f0;padding-top:12px}.share-title[data-v-46fcd275]{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:#2c3e50}.btn-collapse[data-v-46fcd275]{border:none;background:#eef5ee;color:#1aad19;padding:6px 14px;border-radius:14px;cursor:pointer;font-size:13px}.share-panel[data-v-46fcd275]{margin-top:12px;background:#fafcfb;border-radius:8px;padding:14px}.shared-users[data-v-46fcd275]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.user-chip[data-v-46fcd275]{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6ebe9;border-radius:8px;padding:8px 12px}.user-name[data-v-46fcd275]{font-weight:600;color:#2c3e50}.user-sub[data-v-46fcd275]{color:#95a5a6;font-size:13px}.btn-revoke[data-v-46fcd275]{margin-left:auto;border:none;background:#fdecea;color:#e74c3c;padding:5px 12px;border-radius:12px;cursor:pointer;font-size:13px}.no-share[data-v-46fcd275]{color:#95a5a6;font-size:14px;margin-bottom:12px}.add-share-row[data-v-46fcd275]{display:flex;gap:10px}.input-username[data-v-46fcd275]{flex:1;border:1px solid #dce3e0;border-radius:8px;padding:10px 12px;font-size:14px;outline:none}.input-username[data-v-46fcd275]:focus{border-color:#1aad19}.btn-grant[data-v-46fcd275]{border:none;background:#1aad19;color:#fff;padding:10px 22px;border-radius:8px;cursor:pointer;font-size:14px}.loading-tip[data-v-46fcd275]{text-align:center;padding:60px;color:#7f8c8d}.empty-state[data-v-46fcd275]{background:#fff;border-radius:12px;text-align:center;padding:80px 20px;color:#95a5a6}.empty-icon[data-v-46fcd275]{font-size:60px;margin-bottom:12px}.empty-actions[data-v-46fcd275]{margin-top:16px}.btn-primary[data-v-46fcd275]{display:inline-block;background:#1aad19;color:#fff;padding:12px 28px;border-radius:8px;text-decoration:none}.vocabulary-page[data-v-e23a2214]{display:flex;flex-direction:column;min-height:100vh}.vocabulary-container[data-v-e23a2214]{flex:1;padding:40px;background-color:#f5f5f5}.crumb[data-v-e23a2214]{margin-bottom:30px}.page-title[data-v-e23a2214]{margin-bottom:40px;text-align:center}.page-title h1[data-v-e23a2214]{font-size:42px;color:#333;margin-bottom:10px}.page-title p[data-v-e23a2214]{font-size:18px;color:#666}.user-center-layout[data-v-e23a2214]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:40px}.vocabulary-content[data-v-e23a2214]{display:flex;flex-direction:column;gap:30px}.vocabulary-header[data-v-e23a2214]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.search-box[data-v-e23a2214]{flex:1;position:relative;display:flex;align-items:center;background-color:#f8f9fa;border-radius:8px;padding:0 20px}.search-box svg[data-v-e23a2214]{color:#999;margin-right:15px}.search-box input[data-v-e23a2214]{flex:1;padding:15px 0;border:none;background:transparent;font-size:16px;color:#333;outline:none}.search-box input[data-v-e23a2214]::placeholder{color:#999}.vocabulary-actions[data-v-e23a2214]{display:flex;gap:15px}.btn-primary[data-v-e23a2214],.btn-secondary[data-v-e23a2214]{padding:15px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-e23a2214]{background-color:#1aad19;color:#fff}.btn-primary[data-v-e23a2214]:hover{background-color:#179316;transform:translateY(-2px)}.btn-secondary[data-v-e23a2214]{background-color:#f0f0f0;color:#333}.btn-secondary[data-v-e23a2214]:hover{background-color:#e0e0e0;transform:translateY(-2px)}.filter-stats[data-v-e23a2214]{display:flex;align-items:center;justify-content:space-between;gap:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px}.filter-options[data-v-e23a2214]{display:flex;gap:15px}.filter-options select[data-v-e23a2214]{padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;background-color:#fff;cursor:pointer;transition:border-color .3s ease}.filter-options select[data-v-e23a2214]:focus{outline:none;border-color:#1aad19}.vocabulary-stats[data-v-e23a2214]{display:flex;gap:30px}.stat-item[data-v-e23a2214]{display:flex;flex-direction:column;align-items:center}.stat-value[data-v-e23a2214]{font-size:24px;font-weight:700;color:#1aad19;margin-bottom:5px}.stat-label[data-v-e23a2214]{font-size:14px;color:#666}.vocabulary-list[data-v-e23a2214]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.list-header[data-v-e23a2214]{display:grid;grid-template-columns:240px 1fr 220px 110px;background-color:#f8f9fa;padding:20px;border-bottom:2px solid #e0e0e0}.header-cell[data-v-e23a2214]{font-size:16px;font-weight:600;color:#333;text-align:left}.header-cell.action-col[data-v-e23a2214]{text-align:center}.list-body[data-v-e23a2214]{max-height:620px;overflow-y:auto}.list-loading[data-v-e23a2214]{padding:60px;text-align:center;color:#999;font-size:15px}.word-item[data-v-e23a2214]{display:grid;grid-template-columns:240px 1fr 220px 110px;padding:20px;border-bottom:1px solid #f0f0f0;transition:background-color .3s ease}.word-item[data-v-e23a2214]:last-child{border-bottom:none}.word-item[data-v-e23a2214]:hover{background-color:#f8f9fa}.word-item.unlearned[data-v-e23a2214]{background-color:#fff7f7}.word-item.learning[data-v-e23a2214]{background-color:#fffbe6}.word-item.mastered[data-v-e23a2214]{background-color:#f6ffed}.word-cell[data-v-e23a2214]{font-size:16px;color:#333;display:flex;flex-direction:column;justify-content:center}.word-cell.word-col[data-v-e23a2214]{gap:8px}.word-text[data-v-e23a2214]{font-size:18px;font-weight:600;color:#333}.word-sentence[data-v-e23a2214]{font-size:13px;color:#999}.word-cell.def-col[data-v-e23a2214]{padding-right:20px}.definition-item[data-v-e23a2214]{display:flex;align-items:flex-start;gap:8px}.meaning[data-v-e23a2214]{color:#444;line-height:1.6}.mastery-buttons[data-v-e23a2214]{display:flex;flex-direction:column;gap:5px}.mastery-btn[data-v-e23a2214]{padding:5px 10px;border:2px solid #e0e0e0;border-radius:6px;background-color:#fff;font-size:12px;color:#666;cursor:pointer;transition:all .3s ease}.mastery-btn[data-v-e23a2214]:hover{border-color:#1aad19;color:#1aad19}.mastery-btn.active[data-v-e23a2214]{border-color:#1aad19;background-color:#1aad19;color:#fff}.action-col[data-v-e23a2214]{align-items:center}.btn-delete[data-v-e23a2214]{width:36px;height:36px;border:none;border-radius:6px;background-color:#f0f0f0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-delete[data-v-e23a2214]:hover{background-color:#fff2f0;color:#ff4d4f}.btn-delete.confirming[data-v-e23a2214]{width:auto;padding:0 14px;background-color:#ff4d4f;color:#fff;font-size:13px;font-weight:600}.btn-delete.confirming[data-v-e23a2214]:hover{background-color:#f04141;color:#fff}.empty-vocabulary[data-v-e23a2214]{text-align:center;padding:80px 40px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.empty-icon[data-v-e23a2214]{font-size:120px;margin-bottom:30px}.empty-vocabulary h3[data-v-e23a2214]{font-size:28px;color:#333;margin-bottom:15px}.empty-vocabulary p[data-v-e23a2214]{font-size:18px;color:#666}.pagination[data-v-e23a2214]{display:flex;align-items:center;justify-content:center;gap:30px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.btn-page[data-v-e23a2214]{padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;font-size:16px;color:#333;cursor:pointer;transition:all .3s ease}.btn-page[data-v-e23a2214]:hover:not(:disabled){border-color:#1aad19;color:#1aad19}.btn-page[data-v-e23a2214]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-e23a2214]{font-size:16px;color:#666}.dialog-overlay[data-v-e23a2214]{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content[data-v-e23a2214]{background-color:#fff;border-radius:12px;width:90%;max-width:560px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.dialog-header[data-v-e23a2214]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0}.dialog-header h3[data-v-e23a2214]{font-size:20px;font-weight:600;color:#333}.btn-close[data-v-e23a2214]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close[data-v-e23a2214]:hover{background-color:#0000000d;color:#333}.dialog-body[data-v-e23a2214]{padding:20px}.form-group[data-v-e23a2214]{margin-bottom:20px}.form-group label[data-v-e23a2214]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.form-group input[data-v-e23a2214]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:border-color .3s ease}.form-group input[data-v-e23a2214]:focus{outline:none;border-color:#1aad19}.form-tip[data-v-e23a2214]{margin-top:8px;font-size:13px;color:#999}.add-result[data-v-e23a2214]{margin-bottom:20px;padding:16px;background-color:#f6ffed;border:1px solid #d9f7be;border-radius:8px}.add-result-head[data-v-e23a2214]{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.add-word[data-v-e23a2214]{font-size:20px;font-weight:700;color:#333}.add-result .pronunciation[data-v-e23a2214]{font-style:italic;color:#666}.add-meaning[data-v-e23a2214]{color:#444;line-height:1.6}.form-actions[data-v-e23a2214]{display:flex;gap:15px;justify-content:flex-end;margin-top:24px}.btn-cancel[data-v-e23a2214],.btn-submit[data-v-e23a2214]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-e23a2214]{background-color:#f0f0f0;color:#333}.btn-cancel[data-v-e23a2214]:hover{background-color:#e0e0e0}.btn-submit[data-v-e23a2214]{background-color:#1aad19;color:#fff}.btn-submit[data-v-e23a2214]:hover{background-color:#179316}.btn-submit[data-v-e23a2214]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.user-center-layout[data-v-e23a2214]{grid-template-columns:240px 1fr;gap:30px}.list-header[data-v-e23a2214],.word-item[data-v-e23a2214]{grid-template-columns:200px 1fr 200px 90px}}@media (max-width: 992px){.user-center-layout[data-v-e23a2214]{grid-template-columns:1fr}.vocabulary-header[data-v-e23a2214],.filter-stats[data-v-e23a2214]{flex-direction:column;align-items:stretch;gap:20px}.vocabulary-actions[data-v-e23a2214],.filter-options[data-v-e23a2214],.vocabulary-stats[data-v-e23a2214]{justify-content:center}}@media (max-width: 768px){.vocabulary-container[data-v-e23a2214]{padding:20px}.page-title h1[data-v-e23a2214]{font-size:32px}.page-title p[data-v-e23a2214]{font-size:16px}.vocabulary-header[data-v-e23a2214],.filter-stats[data-v-e23a2214]{padding:20px}.search-box[data-v-e23a2214]{padding:0 15px}.filter-options[data-v-e23a2214]{flex-direction:column}.filter-options select[data-v-e23a2214]{width:100%}.vocabulary-stats[data-v-e23a2214]{gap:20px}.list-header[data-v-e23a2214]{display:none}.word-item[data-v-e23a2214]{display:flex;flex-direction:column;gap:15px;padding:15px}.word-cell[data-v-e23a2214]{flex-direction:row;align-items:center;gap:10px}.word-cell.word-col[data-v-e23a2214],.word-cell.def-col[data-v-e23a2214]{flex-direction:column;align-items:flex-start}.mastery-buttons[data-v-e23a2214]{flex-direction:row;flex-wrap:wrap}.dialog-content[data-v-e23a2214]{width:95%;margin:20px}}@media (max-width: 480px){.vocabulary-actions[data-v-e23a2214]{flex-direction:column}.btn-primary[data-v-e23a2214],.btn-secondary[data-v-e23a2214]{width:100%}.vocabulary-stats[data-v-e23a2214]{flex-direction:column;gap:20px}.stat-item[data-v-e23a2214]{flex-direction:row;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;width:100%}.stat-item[data-v-e23a2214]:last-child{border-bottom:none}.empty-vocabulary[data-v-e23a2214]{padding:60px 20px}.empty-icon[data-v-e23a2214]{font-size:80px}.empty-vocabulary h3[data-v-e23a2214]{font-size:24px}.empty-vocabulary p[data-v-e23a2214]{font-size:16px}.pagination[data-v-e23a2214]{flex-direction:column;gap:15px}}.study-records-page[data-v-166949e6]{min-height:100vh;background-color:#f5f7f6}.study-records-container[data-v-166949e6]{max-width:1200px;margin:0 auto;padding:100px 30px 60px}.crumb[data-v-166949e6]{margin-bottom:20px}.page-title[data-v-166949e6]{text-align:center;margin-bottom:36px}.page-title h1[data-v-166949e6]{font-size:30px;color:#2c3e50;margin-bottom:8px}.page-title p[data-v-166949e6]{color:#7f8c8d;font-size:15px}.user-center-layout[data-v-166949e6]{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.records-content[data-v-166949e6]{display:flex;flex-direction:column;gap:24px;min-width:0}.stats-grid[data-v-166949e6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card[data-v-166949e6]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000f}.stat-icon[data-v-166949e6]{font-size:30px}.stat-value[data-v-166949e6]{font-size:24px;font-weight:700;color:#1aad19;line-height:1.2}.stat-label[data-v-166949e6]{font-size:13px;color:#95a5a6;margin-top:2px}.records-section[data-v-166949e6]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.section-header[data-v-166949e6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-header h2[data-v-166949e6]{font-size:20px;color:#2c3e50}.refresh-btn[data-v-166949e6]{padding:6px 16px;border:1px solid #dce3e0;background:#fff;border-radius:6px;color:#5d6d68;cursor:pointer;font-size:13px;transition:all .2s}.refresh-btn[data-v-166949e6]:hover{border-color:#1aad19;color:#1aad19}.tip-box[data-v-166949e6]{text-align:center;padding:50px 20px;color:#95a5a6}.tip-box.error[data-v-166949e6]{color:#c0392b}.empty-box[data-v-166949e6]{text-align:center;padding:60px 20px;color:#95a5a6}.empty-icon[data-v-166949e6]{font-size:54px;margin-bottom:12px}.empty-link[data-v-166949e6]{display:inline-block;margin-top:16px;color:#1aad19;text-decoration:none}.record-list[data-v-166949e6]{display:flex;flex-direction:column}.record-item[data-v-166949e6]{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #eef1f0}.record-item[data-v-166949e6]:last-child{border-bottom:none}.record-cover[data-v-166949e6]{width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#f0f4f2,#e3ece8);display:flex;align-items:center;justify-content:center}.record-cover img[data-v-166949e6]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-166949e6]{font-size:26px}.record-main[data-v-166949e6]{flex:1;min-width:0}.record-title[data-v-166949e6]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-meta[data-v-166949e6]{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:#95a5a6;margin-bottom:8px}.progress-row[data-v-166949e6]{display:flex;align-items:center;gap:10px;max-width:320px}.progress-track[data-v-166949e6]{flex:1;height:6px;background:#eef1f0;border-radius:3px;overflow:hidden}.progress-fill[data-v-166949e6]{height:100%;background:#1aad19;border-radius:3px}.progress-text[data-v-166949e6]{font-size:12px;color:#95a5a6}.record-actions[data-v-166949e6]{flex-shrink:0}.link-continue[data-v-166949e6],.link-view[data-v-166949e6]{display:inline-block;padding:8px 16px;border-radius:8px;font-size:14px;text-decoration:none;transition:all .2s}.link-continue[data-v-166949e6]{background:#1aad19;color:#fff}.link-continue[data-v-166949e6]:hover{background:#179316}.link-view[data-v-166949e6]{border:1px solid #dce3e0;color:#5d6d68}.link-view[data-v-166949e6]:hover{border-color:#1aad19;color:#1aad19}@media (max-width: 992px){.user-center-layout[data-v-166949e6]{grid-template-columns:1fr}}@media (max-width: 600px){.study-records-container[data-v-166949e6]{padding:90px 14px 40px}.record-item[data-v-166949e6]{flex-wrap:wrap}.record-actions[data-v-166949e6]{width:100%}}.ai-generate-page[data-v-4d44d8bc]{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.crumb[data-v-4d44d8bc]{margin-bottom:24px}.page-header[data-v-4d44d8bc]{text-align:center;margin-bottom:40px}.page-header h1[data-v-4d44d8bc]{font-size:28px;color:#2c3e50;margin-bottom:8px}.subtitle[data-v-4d44d8bc]{color:#7f8c8d;font-size:15px}.content-wrapper[data-v-4d44d8bc]{background:#fff;border-radius:16px;box-shadow:0 2px 20px #0000000f;padding:40px;max-width:800px;margin:0 auto}.form-section[data-v-4d44d8bc]{margin-bottom:28px;position:relative}.form-label[data-v-4d44d8bc]{display:block;font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:10px}.required[data-v-4d44d8bc]{color:#e74c3c}.form-input[data-v-4d44d8bc]{width:100%;padding:12px 16px;border:2px solid #e8eaed;border-radius:10px;font-size:15px;color:#2c3e50;transition:border-color .3s;box-sizing:border-box;outline:none}.form-input[data-v-4d44d8bc]:focus{border-color:#1aad19}.char-count[data-v-4d44d8bc]{position:absolute;right:12px;bottom:-22px;font-size:12px;color:#bdc3c7}.age-range-options[data-v-4d44d8bc]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.age-option[data-v-4d44d8bc],.style-option[data-v-4d44d8bc]{cursor:pointer}.radio-hidden[data-v-4d44d8bc]{display:none}.option-content[data-v-4d44d8bc]{display:flex;align-items:center;gap:10px;padding:14px 18px;border:2px solid #e8eaed;border-radius:12px;transition:all .3s;font-size:14px;color:#555}.age-option .option-content[data-v-4d44d8bc]{flex-direction:column;text-align:center;gap:6px}.option-icon[data-v-4d44d8bc]{font-size:28px}.option-text[data-v-4d44d8bc]{font-weight:500}.age-option.active .option-content[data-v-4d44d8bc],.style-option.active .option-content[data-v-4d44d8bc]{border-color:#1aad19;background:#e6f7e6;color:#179316;font-weight:600}.style-options[data-v-4d44d8bc]{display:flex;flex-wrap:wrap;gap:10px}.style-option .option-content[data-v-4d44d8bc]{padding:10px 20px}.generate-btn[data-v-4d44d8bc]{width:100%;padding:16px;background:linear-gradient(135deg,#1aad19,#149815);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn[data-v-4d44d8bc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1aad1959}.generate-btn[data-v-4d44d8bc]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-4d44d8bc]{font-size:22px}.generating-status[data-v-4d44d8bc]{text-align:center}.status-card[data-v-4d44d8bc]{padding:40px 20px}.animation-container[data-v-4d44d8bc]{display:flex;justify-content:center;margin-bottom:30px}.book-animation[data-v-4d44d8bc]{position:relative;width:80px;height:100px;perspective:200px}.book-spine[data-v-4d44d8bc]{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#1aad19;border-radius:2px;transform:translate(-50%)}.book-pages[data-v-4d44d8bc]{position:absolute;top:5px;left:50%;width:60px;height:90px;transform-origin:left center;transform:translate(-50%)}.page[data-v-4d44d8bc]{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#1aad19,#17a017);border-radius:4px 8px 8px 4px;opacity:.6;animation:pageFlip-4d44d8bc 2s infinite}.page-1[data-v-4d44d8bc]{animation-delay:0s}.page-2[data-v-4d44d8bc]{animation-delay:.3s}.page-3[data-v-4d44d8bc]{animation-delay:.6s}@keyframes pageFlip-4d44d8bc{0%,to{transform:rotateY(0) translate(0);opacity:.6}50%{transform:rotateY(-15deg) translate(-8px);opacity:1}}.status-text[data-v-4d44d8bc]{color:#7f8c8d;margin:10px 0 20px}.progress-bar[data-v-4d44d8bc]{width:100%;height:6px;background:#ecf0f1;border-radius:3px;overflow:hidden;margin:20px 0}.progress-fill[data-v-4d44d8bc]{height:100%;background:linear-gradient(90deg,#1aad19,#149815);border-radius:3px;transition:width 1s ease}.hint-text[data-v-4d44d8bc]{font-size:13px;color:#bdc3c7}.result-card[data-v-4d44d8bc]{text-align:center}.result-header[data-v-4d44d8bc]{margin-bottom:30px}.success-icon[data-v-4d44d8bc]{font-size:60px;margin-bottom:10px}.book-info[data-v-4d44d8bc]{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:30px;text-align:left}.info-row[data-v-4d44d8bc]{display:flex;padding:10px 0;border-bottom:1px solid #e8eaed}.info-row[data-v-4d44d8bc]:last-child{border-bottom:none}.info-label[data-v-4d44d8bc]{width:80px;font-weight:600;color:#7f8c8d;flex-shrink:0}.info-value[data-v-4d44d8bc]{color:#2c3e50}.result-actions[data-v-4d44d8bc]{display:flex;gap:16px;justify-content:center}.action-btn[data-v-4d44d8bc]{padding:12px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.action-btn.primary[data-v-4d44d8bc]{background:linear-gradient(135deg,#1aad19,#149815);color:#fff}.action-btn.primary[data-v-4d44d8bc]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1aad1959}.action-btn.secondary[data-v-4d44d8bc]{background:#ecf0f1;color:#555}.action-btn.secondary[data-v-4d44d8bc]:hover{background:#dfe6e9}.error-card[data-v-4d44d8bc]{text-align:center;padding:30px}.error-icon[data-v-4d44d8bc]{font-size:48px;margin-bottom:16px}.error-text[data-v-4d44d8bc]{color:#e74c3c;margin-bottom:20px}