.game-button[data-v-8f9b0a02]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:12px;font-family:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-button--small[data-v-8f9b0a02]{padding:8px 16px;font-size:.875rem;border-radius:8px}.game-button--medium[data-v-8f9b0a02]{padding:12px 24px;font-size:1rem}.game-button--large[data-v-8f9b0a02]{padding:16px 32px;font-size:1.125rem;border-radius:14px}.game-button--block[data-v-8f9b0a02]{display:flex;width:100%}.game-button--primary[data-v-8f9b0a02]{background:linear-gradient(180deg,#fd373b,#e02327);color:#fff;box-shadow:0 6px #b01e21,0 8px 12px #b01e214d}.game-button--primary[data-v-8f9b0a02]:hover:not(.game-button--disabled){transform:translateY(-2px);box-shadow:0 8px #b01e21,0 10px 20px #b01e2166}.game-button--primary[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px);box-shadow:0 2px #b01e21,0 3px 8px #b01e214d}.game-button--secondary[data-v-8f9b0a02]{background:linear-gradient(180deg,#f3f4f6,#d1d5db);color:#374151;box-shadow:0 6px #9ca3af,0 8px 12px #9ca3af4d}.game-button--secondary[data-v-8f9b0a02]:hover:not(.game-button--disabled){transform:translateY(-2px);box-shadow:0 8px #9ca3af,0 10px 20px #9ca3af66}.game-button--secondary[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px);box-shadow:0 2px #9ca3af,0 3px 8px #9ca3af4d}.game-button--success[data-v-8f9b0a02]{background:linear-gradient(180deg,#10b981,#059669);color:#fff;box-shadow:0 6px #047857,0 8px 12px #0478574d}.game-button--success[data-v-8f9b0a02]:hover:not(.game-button--disabled){transform:translateY(-2px);box-shadow:0 8px #047857,0 10px 20px #04785766}.game-button--success[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px);box-shadow:0 2px #047857,0 3px 8px #0478574d}.game-button--warning[data-v-8f9b0a02]{background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;box-shadow:0 6px #b45309,0 8px 12px #b453094d}.game-button--warning[data-v-8f9b0a02]:hover:not(.game-button--disabled){transform:translateY(-2px);box-shadow:0 8px #b45309,0 10px 20px #b4530966}.game-button--warning[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px);box-shadow:0 2px #b45309,0 3px 8px #b453094d}.game-button--danger[data-v-8f9b0a02]{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px #b91c1c,0 8px 12px #b91c1c4d}.game-button--danger[data-v-8f9b0a02]:hover:not(.game-button--disabled){transform:translateY(-2px);box-shadow:0 8px #b91c1c,0 10px 20px #b91c1c66}.game-button--danger[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px);box-shadow:0 2px #b91c1c,0 3px 8px #b91c1c4d}.game-button--info[data-v-8f9b0a02]{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px #1d4ed8,0 8px 12px #1d4ed84d}.game-button--info[data-v-8f9b0a02]:hover:not(.game-button--disabled){transform:translateY(-2px);box-shadow:0 8px #1d4ed8,0 10px 20px #1d4ed866}.game-button--info[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px);box-shadow:0 2px #1d4ed8,0 3px 8px #1d4ed84d}.game-button--disabled[data-v-8f9b0a02]{opacity:.6;cursor:not-allowed;transform:none!important}.game-button--disabled[data-v-8f9b0a02]:hover{transform:none!important}.game-button__loading[data-v-8f9b0a02]{display:inline-flex;align-items:center;gap:8px}.spinner[data-v-8f9b0a02]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8f9b0a02 .8s linear infinite}.game-button--secondary .spinner[data-v-8f9b0a02]{border-color:#3741514d;border-top-color:#374151}.game-button--clicked[data-v-8f9b0a02]{animation:clickPulse-8f9b0a02 .3s ease-out}@keyframes spin-8f9b0a02{to{transform:rotate(360deg)}}@keyframes clickPulse-8f9b0a02{0%{transform:translateY(2px) scale(.98)}50%{transform:translateY(-1px) scale(1.02)}to{transform:translateY(0) scale(1)}}@media (max-width: 768px){.game-button[data-v-8f9b0a02]{-webkit-tap-highlight-color:transparent}.game-button[data-v-8f9b0a02]:active:not(.game-button--disabled){transform:translateY(2px)}}.container[data-v-d052faae]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background-image:url(/assets/indexbackground.png);background-repeat:no-repeat;background-size:cover;background-position:center}.product-logo[data-v-d052faae]{background-image:url(/assets/product-logo.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:600px;height:20vh;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.auth-buttons[data-v-d052faae]{display:flex;gap:20px;position:absolute;top:40px;right:40px}.copy-right[data-v-d052faae]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;text-align:center;width:100%}.footer-links[data-v-d052faae]{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:100%;text-align:center}.footer-link[data-v-d052faae]{color:#fff;text-decoration:none;font-size:13px;background:#fff3;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block}.footer-link[data-v-d052faae]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.mobile-text[data-v-d052faae]{display:none}.desktop-text[data-v-d052faae]{display:inline}@media (max-width: 600px){.product-logo[data-v-d052faae]{bottom:150px;width:250px;height:120px;background-image:url(/assets/product-logo-mobile.png)}.auth-buttons[data-v-d052faae]{flex-direction:row;gap:10px;top:auto;bottom:90px;left:50%;transform:translate(-50%);width:90%;max-width:none;justify-content:center}.copy-right[data-v-d052faae]{bottom:10px;font-size:12px}.footer-links[data-v-d052faae]{flex-direction:row;gap:8px;bottom:40px}.footer-link[data-v-d052faae]{font-size:11px;padding:6px 12px;border-radius:18px}.mobile-text[data-v-d052faae]{display:inline}.desktop-text[data-v-d052faae]{display:none}}.tips-panel[data-v-350827cd]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:16px;color:#374151;height:fit-content;margin-bottom:30px}.tips-panel h3[data-v-350827cd]{margin-bottom:20px;font-size:1.3rem}.tip-item[data-v-350827cd]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.tip-item[data-v-350827cd]:last-child{border-bottom:none}.tip-item h4[data-v-350827cd]{color:#fbbf24;margin-bottom:8px;font-size:1rem}.tip-item p[data-v-350827cd]{font-size:.9rem;line-height:1.5;opacity:.9;color:#6b7280}.image-generation-container[data-v-a79c4891]{padding:20px 0;min-height:100vh;background-image:url(/assets/background1.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.generation-area[data-v-a79c4891]{max-width:900px;margin:0 auto}.input-section[data-v-a79c4891]{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px}.error-message[data-v-a79c4891]{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin-bottom:20px}.error-content[data-v-a79c4891]{display:flex;justify-content:space-between;align-items:center;color:#dc2626}.error-close[data-v-a79c4891]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#dc2626}.loading-styles[data-v-a79c4891]{display:flex;align-items:center;gap:8px;padding:20px;color:#6b7280}.loading-spinner-small[data-v-a79c4891]{width:16px;height:16px;border:2px solid rgba(253,55,59,.3);border-top:2px solid #fd373b;border-radius:50%;animation:spin-a79c4891 1s linear infinite}.style-grid[data-v-a79c4891]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.style-option[data-v-a79c4891]{border:2px solid #e5e7eb;border-radius:12px;padding:0;cursor:pointer;transition:all .3s ease;text-align:center;background:#fff;position:relative;overflow:hidden;min-height:120px}.style-option[data-v-a79c4891]:hover{border-color:#fd373b;transform:translateY(-2px);box-shadow:0 4px 12px #fd373b33}.style-option.active[data-v-a79c4891]{border-color:#fd373b;background:#fd373b0d;box-shadow:0 4px 12px #fd373b4d}.style-image[data-v-a79c4891]{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:12px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.style-image img[data-v-a79c4891]{width:100%;height:100%;object-fit:cover}.style-placeholder[data-v-a79c4891]{font-size:2rem;color:#9ca3af}.style-name[data-v-a79c4891]{font-size:.9rem;font-weight:500;color:#fff;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:12px 8px 8px;z-index:1}.style-option.active .style-name[data-v-a79c4891]{color:#fff;font-weight:600;background:linear-gradient(to top,rgba(253,55,59,.9),transparent)}.generation-controls[data-v-a79c4891]{display:flex;justify-content:center;margin-top:20px}.generate-btn[data-v-a79c4891]{min-width:160px;height:50px;font-size:1.1rem;font-weight:600}.generating-content[data-v-a79c4891]{display:flex;align-items:center;gap:8px}.spinner[data-v-a79c4891]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-a79c4891 1s linear infinite}.loading-section[data-v-a79c4891]{text-align:center;padding:40px;color:#374151}.loading-spinner[data-v-a79c4891]{width:40px;height:40px;border:4px solid rgba(55,65,81,.3);border-top:4px solid #374151;border-radius:50%;animation:spin-a79c4891 1s linear infinite;margin:0 auto 20px}.loading-tips[data-v-a79c4891]{margin-top:20px;opacity:.8}@keyframes spin-a79c4891{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section[data-v-a79c4891]{margin-bottom:40px}.results-section h2[data-v-a79c4891]{text-align:center;color:#374151;margin-bottom:30px;font-size:2rem}.image-grid[data-v-a79c4891]{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.image-item[data-v-a79c4891]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.image-item[data-v-a79c4891]:hover{transform:translateY(-5px)}.image-container[data-v-a79c4891]{position:relative;overflow:hidden}.image-container img[data-v-a79c4891]{width:100%;height:300px;object-fit:cover;transition:transform .3s ease}.image-info[data-v-a79c4891]{padding:20px}.image-prompt[data-v-a79c4891]{font-weight:500;color:#374151;margin-bottom:12px;line-height:1.4}.image-time[data-v-a79c4891]{color:#6b7280;font-size:.9rem;margin-bottom:16px}.tips-section[data-v-a79c4891]{background:#3741510d;padding:30px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;border:1px solid rgba(55,65,81,.1)}.tips-section h3[data-v-a79c4891]{text-align:center;margin-bottom:24px;font-size:1.5rem}.generation-limit-info[data-v-a79c4891]{margin-top:10px;text-align:center}.limit-status[data-v-a79c4891],.limit-reached[data-v-a79c4891]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.limit-status[data-v-a79c4891]{background:#22c55e1a;color:#059669;border:1px solid rgba(34,197,94,.3)}.limit-reached[data-v-a79c4891]{background:#dc262633;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.generate-btn.limit-reached-btn[data-v-a79c4891]{background:#6b7280;cursor:not-allowed;opacity:.7}.generate-btn.limit-reached-btn[data-v-a79c4891]:hover{background:#6b7280;transform:none}.limit-message[data-v-a79c4891]{margin-top:20px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:20px}.limit-message-content[data-v-a79c4891]{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#fbbf24}.limit-message-content i[data-v-a79c4891]{font-size:2rem}.limit-message-content p[data-v-a79c4891]{margin:0;line-height:1.6}.login-link[data-v-a79c4891]{color:#fd373b;font-weight:600;text-decoration:none;transition:all .3s ease}.login-link[data-v-a79c4891]:hover{text-decoration:underline;color:#ff5459}.limit-notice-section[data-v-a79c4891]{background:#fff;padding:60px 30px;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;text-align:center}.limit-notice-content[data-v-a79c4891]{max-width:500px;margin:0 auto}.limit-notice-content i[data-v-a79c4891]{font-size:4rem;color:#fd373b;margin-bottom:20px;display:block}.limit-notice-content h3[data-v-a79c4891]{font-size:2rem;color:#374151;margin-bottom:16px;font-weight:700}.limit-notice-content p[data-v-a79c4891]{font-size:1.1rem;color:#6b7280;margin-bottom:12px;line-height:1.6}.limit-notice-content p[data-v-a79c4891]:last-of-type{margin-bottom:24px}.tips-grid[data-v-a79c4891]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.tip-card[data-v-a79c4891]{background:#ffffff1a;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.tip-icon[data-v-a79c4891]{font-size:2rem;margin-bottom:12px}.tip-card h4[data-v-a79c4891]{margin-bottom:8px;color:#fbbf24}.tip-card p[data-v-a79c4891]{font-size:.9rem;line-height:1.5;opacity:.9}.example-prompts-inline[data-v-a79c4891]{margin-top:16px}.example-prompts-inline h4[data-v-a79c4891]{margin-bottom:12px;color:#374151;font-size:.95rem;font-weight:600}.prompt-examples-inline[data-v-a79c4891]{display:flex;flex-wrap:wrap;gap:8px}.example-btn-inline[data-v-a79c4891]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:8px 14px;border-radius:20px;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.85rem;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.example-btn-inline[data-v-a79c4891]:hover{background:#fd373b;color:#fff;border-color:#fd373b;transform:translateY(-1px);box-shadow:0 2px 8px #fd373b33}@media (max-width: 768px){.input-section[data-v-a79c4891]{padding:20px}.style-grid[data-v-a79c4891]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.style-option[data-v-a79c4891]{min-height:100px}.style-name[data-v-a79c4891]{font-size:.8rem}.image-grid[data-v-a79c4891],.tips-grid[data-v-a79c4891]{grid-template-columns:1fr}.prompt-examples-inline[data-v-a79c4891]{flex-direction:column}.example-btn-inline[data-v-a79c4891]{max-width:100%;text-align:left}}.book[data-v-86fb66c6]{width:100%;display:flex;flex-direction:column;overflow:visible;justify-content:center;align-items:center;gap:5px;position:relative;margin:20px auto;padding:20px;min-height:fit-content;transition:all .3s ease}.book.full-screen[data-v-86fb66c6]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000;z-index:1000;margin:0;padding:0}.book-frontcover-text[data-v-86fb66c6]{height:30%;width:100%;display:flex;flex-direction:column;text-align:center;justify-content:center;position:absolute;bottom:0;align-items:center;padding:15px}.book-name-ch[data-v-86fb66c6]{font-family:BpmfGenSenRounded-B,sans-serif;font-size:3vh;margin:0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,-1px 2px 0 #fff,1px 2px 0 #fff,2px 1px 0 #fff,2px -1px 0 #fff,-1px -2px 0 #fff,1px -2px 0 #fff,-2px -1px 0 #fff,2px -1px 0 #fff}.book-author[data-v-86fb66c6]{font-family:BpmfGenSenRounded-R,sans-serif;line-height:50px;font-size:2.2vh;margin:0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,-1px 2px 0 #fff,1px 2px 0 #fff,2px 1px 0 #fff,2px -1px 0 #fff,-1px -2px 0 #fff,1px -2px 0 #fff,-2px -1px 0 #fff,2px -1px 0 #fff}.preface[data-v-86fb66c6]{position:absolute;padding:0 20px;width:100%;text-align:center;bottom:35%;font-family:BpmfGenSenRounded-B,sans-serif;font-size:2vh;color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,-1px 2px 0 #fff,1px 2px 0 #fff,2px 1px 0 #fff,2px -1px 0 #fff,-1px -2px 0 #fff,1px -2px 0 #fff,-2px -1px 0 #fff,2px -1px 0 #fff}.book-backcover-text[data-v-86fb66c6]{height:30%;width:100%;display:flex;flex-direction:column;text-align:center;background-color:#ffffffe6;justify-content:center;bottom:0;align-items:center;position:absolute;line-height:15px}.info-container[data-v-86fb66c6]{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center}.product-logo[data-v-86fb66c6]{background-image:url(/assets/product-logo1.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:180px;height:60px;margin:10px auto 0}.book_publish[data-v-86fb66c6]{font-family:BpmfGenSenRounded-B,sans-serif;font-size:1.5vh;text-align:center;color:#000;width:80%;margin:0 auto}.page-content[data-v-86fb66c6]{width:45vh;height:calc(45vh * 1.41);position:relative;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0003}.page-content.full[data-v-86fb66c6]{width:70.92vh;height:100vh;height:100dvh;position:absolute;top:0;border-radius:0}.page-content img[data-v-86fb66c6]{width:100%;height:100%;display:block;margin:0 auto;object-fit:cover}.page-content img.pdf-export-mode[data-v-86fb66c6]{object-fit:contain}.page-text[data-v-86fb66c6]{font-family:BpmfGenSenRounded-R,sans-serif;font-size:2vh;text-align:left;line-height:1.3;margin:0}.page-text.full[data-v-86fb66c6]{font-size:2.5vh}.page-text-english[data-v-86fb66c6]{font-family:BpmfGenSenRounded-R,sans-serif;font-size:1.8vh;text-align:left;line-height:1.3;margin:5px 0 0;color:#4a5568;font-style:italic}.page-text-english.full[data-v-86fb66c6]{font-size:2.2vh}.text-content[data-v-86fb66c6]{position:absolute;border-radius:15px;max-width:80%;height:fit-content;padding:10px;margin:10px;background-color:#fff9}.text-content.bottom-left[data-v-86fb66c6]{bottom:25px;left:10px}.btn-container[data-v-86fb66c6]{display:flex;flex-direction:row;justify-content:space-around;z-index:100;border-radius:40px;width:45vh;background-color:#0000004d;padding:5px;color:#fff;font-size:18px;align-items:center;margin:0 auto}.btn-container.full[data-v-86fb66c6]{width:250px;position:absolute;bottom:40px;background-color:#0000004d}.btn-prev[data-v-86fb66c6],.btn-next[data-v-86fb66c6]{margin:0 5px;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.btn-prev[data-v-86fb66c6]:hover,.btn-next[data-v-86fb66c6]:hover{background-color:#fff3;transform:scale(1.2)}.fullscreen-toggle-btn[data-v-86fb66c6]{position:fixed;bottom:100px;right:20px;z-index:1001;background:#000000b3;color:#fff;border:none;padding:12px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:50px;height:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-toggle-btn[data-v-86fb66c6]:hover{background:#000000e6;transform:scale(1.1);box-shadow:0 4px 20px #0000004d}.book.full-screen .fullscreen-toggle-btn[data-v-86fb66c6]{background:#ffffffe6;color:#000;border:1px solid rgba(0,0,0,.2)}.book.full-screen .fullscreen-toggle-btn[data-v-86fb66c6]:hover{background:#fff;color:#000;box-shadow:0 4px 20px #ffffff4d}.book-name-ch.full[data-v-86fb66c6]{font-size:5vh}.book-author.full[data-v-86fb66c6]{font-size:3.5vh}.preface.full[data-v-86fb66c6]{font-size:2.5vh}.book-backcover-text.full[data-v-86fb66c6]{line-height:20px}.product-logo.full[data-v-86fb66c6]{width:250px;height:80px}.book_publish.full[data-v-86fb66c6]{font-size:2vh;width:100%}@media (max-width: 1366px) and (min-width: 1024px){.book[data-v-86fb66c6]{min-height:600px;height:auto;overflow:visible}.page-content[data-v-86fb66c6]{width:40vh;height:56.4vh}.btn-container[data-v-86fb66c6]{width:40vh!important;margin:0 auto}.book:not(.full-screen) .btn-container[data-v-86fb66c6]{width:40vh!important;max-width:40vh!important;margin:0 auto!important;left:auto!important;right:auto!important;transform:none!important}}@media (max-width: 1024px) and (min-width: 768px){.book[data-v-86fb66c6]{width:100%;overflow:visible}.book[data-v-86fb66c6]:not(.full-screen){margin:10px auto;padding:10px}.page-content[data-v-86fb66c6]{width:min(60vw,500px);height:calc(min(60vw,500px)*1.41)}.btn-container[data-v-86fb66c6]{width:min(60vw,500px)}.book-name-ch[data-v-86fb66c6]{font-size:3vh}.book-author[data-v-86fb66c6],.page-text[data-v-86fb66c6]{font-size:2vh}.page-text-english[data-v-86fb66c6]{font-size:1.6vh}}@media (max-width: 768px){.book[data-v-86fb66c6]{width:100%;min-height:auto;display:flex;visibility:visible!important;opacity:1!important;overflow:visible!important}.book[data-v-86fb66c6]:not(.full-screen){margin:10px auto;padding:10px}.page-content[data-v-86fb66c6]{width:min(80vw,400px);height:calc(min(80vw,400px)*1.41)}.btn-container[data-v-86fb66c6]{width:min(80vw,400px)}.book-name-ch[data-v-86fb66c6]{font-size:2vh}.book-author[data-v-86fb66c6],.page-text[data-v-86fb66c6]{font-size:1.5vh}.page-text-english[data-v-86fb66c6]{font-size:1.3vh}}@media (max-width: 400px){.page-content[data-v-86fb66c6]{width:250px;height:352.5px}.btn-container[data-v-86fb66c6]{width:250px}}.book-preview-container[data-v-573b71a1]{display:flex;align-items:center;min-height:100vh;background-image:url(/assets/background1.png);background-size:cover;background-position:center;background-attachment:fixed;padding:20px;overflow-y:auto;overflow-x:hidden}.loading-container[data-v-573b71a1],.error-container[data-v-573b71a1]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;color:#fff;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0}.loading-spinner[data-v-573b71a1]{font-size:4rem;margin-bottom:20px;color:#3b82f6;animation:spin-573b71a1 1s linear infinite}@keyframes spin-573b71a1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-573b71a1]{font-size:1.2rem;font-weight:500}.error-icon[data-v-573b71a1]{font-size:4rem;margin-bottom:20px;display:block}.error-content h3[data-v-573b71a1]{font-size:1.5rem;margin-bottom:16px}.book-container[data-v-573b71a1]{max-width:1200px;margin:0 auto;padding-bottom:100px;min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:center}.top-left-button[data-v-573b71a1]{position:fixed;top:20px;left:20px;z-index:101}.top-right-button[data-v-573b71a1]{position:fixed;top:20px;right:20px;z-index:101}.book-title-header[data-v-573b71a1]{color:#fff;font-size:2rem;margin:0 0 20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.form-actions[data-v-573b71a1]{position:fixed;bottom:0;left:0;right:0;background-color:#545454;padding:20px 100px 20px 20px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 -4px 20px #0000004d}.praise-text[data-v-573b71a1]{color:#fff;font-size:1.5rem;font-weight:700;font-family:BpmfGenSenRounded-B,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:glow-573b71a1 2s ease-in-out infinite alternate}@keyframes glow-573b71a1{0%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.3)}to{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.5)}}.action-buttons[data-v-573b71a1]{display:flex;gap:16px;align-items:center}.cat-teacher[data-v-573b71a1]{position:fixed;bottom:20px;left:-20px;width:350px;z-index:10}.cat-teacher img[data-v-573b71a1]{width:100%;height:auto;animation:float-573b71a1 3s ease-in-out infinite}@keyframes float-573b71a1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn[data-v-573b71a1]{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-573b71a1]{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.btn-primary[data-v-573b71a1]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn-secondary[data-v-573b71a1]{background:#f9fafb;color:#6b7280;border:1px solid #d1d5db}.btn-secondary[data-v-573b71a1]:hover{background:#f3f4f6}.btn-success[data-v-573b71a1]{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.btn-success[data-v-573b71a1]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-info[data-v-573b71a1]{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-info[data-v-573b71a1]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06b6d44d}.progress-overlay[data-v-573b71a1]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-container[data-v-573b71a1]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:400px;max-width:500px}.progress-text[data-v-573b71a1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:1.1rem;font-weight:600;color:#1f2937}.progress-emoji[data-v-573b71a1]{font-size:1.5rem;margin-right:12px}.progress-percentage[data-v-573b71a1]{font-size:1.2rem;color:#3b82f6;font-weight:700}.progress-bar[data-v-573b71a1]{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:16px}.progress-fill[data-v-573b71a1]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:6px;transition:width .3s ease;position:relative}.progress-fill[data-v-573b71a1]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-573b71a1 2s infinite}@keyframes shimmer-573b71a1{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-description[data-v-573b71a1]{color:#6b7280;font-size:.9rem;margin:0;line-height:1.4}@keyframes fadeIn-573b71a1{0%{opacity:0}to{opacity:1}}.page-content img.pdf-export-mode[data-v-573b71a1]{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;background-color:#fff}.page-content.pdf-generating[data-v-573b71a1]{transform:scale(1.5);transform-origin:center;width:600px!important;height:848px!important}@media (max-width: 1366px) and (min-width: 1024px){.book-preview-container[data-v-573b71a1]{overflow-x:visible;overflow-y:auto}.book-container[data-v-573b71a1]{min-height:calc(100vh - 120px);height:auto;overflow-y:visible;padding-bottom:140px}}@media (max-width: 1024px) and (min-width: 768px){.book-preview-container[data-v-573b71a1]{overflow-x:visible;overflow-y:auto}.book-container[data-v-573b71a1]{min-height:calc(100vh - 100px);height:auto;padding:20px 20px 140px;overflow-y:visible}}@media (max-width: 768px){.book-container[data-v-573b71a1]{padding-bottom:100px;min-height:calc(100vh - 100px);height:auto;overflow-y:visible}.book-title-header[data-v-573b71a1]{display:none}.form-actions[data-v-573b71a1]{flex-direction:row;gap:10px;text-align:center;padding:10px 15px}.praise-text[data-v-573b71a1]{display:none}.action-buttons[data-v-573b71a1]{justify-content:center;gap:8px;flex:1;flex-wrap:nowrap}.action-buttons .game-button[data-v-573b71a1]{font-size:.8rem;padding:8px 12px}.cat-teacher[data-v-573b71a1]{display:none}}.container[data-v-41e694e6]{position:fixed;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;max-width:none!important;margin:0!important;padding:0!important}.bg2[data-v-41e694e6]{background-image:url(/assets/background2.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;overflow:scroll}.transition-wrapper[data-v-41e694e6]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99998}.backdrop[data-v-41e694e6]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1;transition:all .3s ease}.bg2[data-v-41e694e6]:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background-image:url(/assets/spark.png);background-repeat:no-repeat;background-size:contain;background-position:center;transform:translate(-50%,-50%);animation:rotate360-41e694e6 20s linear infinite;opacity:.6;z-index:1;pointer-events:none}@keyframes rotate360-41e694e6{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.content-container[data-v-41e694e6]{text-align:center;margin-bottom:40px;position:relative;z-index:10}.mascot-top[data-v-41e694e6]{width:300px;height:250px;margin-bottom:0;animation:bounce-41e694e6 2s infinite;object-fit:contain}@keyframes bounce-41e694e6{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.header-text[data-v-41e694e6]{font-size:2.5rem;font-weight:700;color:#0055a8;text-shadow:-4px -4px 0 white,4px -4px 0 white,-4px 4px 0 white,4px 4px 0 white;margin-bottom:20px;font-family:BpmfGenSenRounded-B}.text-container[data-v-41e694e6]{font-size:1.5rem;color:#333;font-family:BpmfGenSenRounded-B;background-color:#ffffffe6;padding:20px 40px;border-radius:20px;display:inline-block;line-height:1.5}.button-container[data-v-41e694e6]{position:relative;z-index:10}@media (max-height: 500px){.mascot-top[data-v-41e694e6]{width:250px;height:30vh;margin-bottom:0}.header-text[data-v-41e694e6]{font-size:2.5rem;margin-bottom:0}.text-container[data-v-41e694e6]{font-size:1.5rem;padding:10px}.content-container[data-v-41e694e6]{margin-bottom:10px;gap:15px}}@media (max-width: 480px){.mascot-top[data-v-41e694e6]{width:150px}.header-text[data-v-41e694e6]{font-size:1.5rem;text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white}.text-container[data-v-41e694e6]{font-size:1.2rem;padding:10px 20px}}@media (max-height: 350px){.content-container[data-v-41e694e6]{margin-bottom:10px;gap:15px}.mascot-top[data-v-41e694e6]{width:80px}.header-text[data-v-41e694e6]{font-size:1.3rem;margin-bottom:5px}.text-container[data-v-41e694e6]{font-size:.9rem;padding:8px 15px;line-height:1.3}.button-container[data-v-41e694e6]{transform:scale(.85)}.bg2[data-v-41e694e6]:before{width:300px;height:300px;opacity:.3}}.fade-scale-enter-active[data-v-41e694e6],.fade-scale-leave-active[data-v-41e694e6]{transition:all .4s ease}.fade-scale-enter-from[data-v-41e694e6],.fade-scale-leave-to[data-v-41e694e6]{opacity:0;transform:scale(.95)}.fade-scale-enter-to[data-v-41e694e6],.fade-scale-leave-from[data-v-41e694e6]{opacity:1;transform:scale(1)}.bg2[data-v-41e694e6]{animation:fadeIn-41e694e6 .5s ease-out}@keyframes fadeIn-41e694e6{0%{opacity:0}to{opacity:1}}.my-books-container[data-v-9ba8efd2]{min-height:100vh;background:#000;position:relative;overflow:hidden}.container[data-v-9ba8efd2]{background:transparent!important}.books-stage[data-v-9ba8efd2]{display:flex;align-items:center;justify-content:center;height:70vh;position:relative;background-color:#000;background-image:url(/assets/spotlight.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1}.books-carousel[data-v-9ba8efd2]{position:relative;width:100%;max-width:1200px;height:100%;display:flex;align-items:center;justify-content:center;perspective:1200px}.book-card[data-v-9ba8efd2]{position:absolute;width:280px;background:#fff;border-radius:16px;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;aspect-ratio:210 / 297}.book-card[data-v-9ba8efd2]:not(.book-active){filter:grayscale(100%);opacity:.6}.book-card.book-hidden[data-v-9ba8efd2]{opacity:0;pointer-events:none;transform:translate(0) scale(.5)}.book-card.book-prev[data-v-9ba8efd2]{transform:translate(-350px) translateZ(-200px) rotateY(25deg) scale(.8);z-index:2}.book-card.book-next[data-v-9ba8efd2]{transform:translate(350px) translateZ(-200px) rotateY(-25deg) scale(.8);z-index:2}.book-card.book-active[data-v-9ba8efd2]{transform:translate(0) translateZ(0) rotateY(0) scale(1);z-index:10;filter:none;opacity:1;box-shadow:0 25px 50px #00000080}.book-card.book-active[data-v-9ba8efd2]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(ellipse at center,rgba(59,130,246,.4) 0%,transparent 70%);border-radius:20px;z-index:-1;animation:book-breathing-9ba8efd2 4s ease-in-out infinite}@keyframes book-breathing-9ba8efd2{0%,to{opacity:.3;filter:blur(20px)}50%{opacity:.6;filter:blur(30px)}}.spotlight-effect[data-v-9ba8efd2]{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 40%);pointer-events:none;z-index:-1;animation:spotlight-pulse-9ba8efd2 3s ease-in-out infinite}@keyframes spotlight-pulse-9ba8efd2{0%,to{opacity:.5}50%{opacity:.8}}.book-cover[data-v-9ba8efd2]{position:relative;overflow:hidden;height:80%}.book-card:not(.book-active) .book-cover[data-v-9ba8efd2]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.book-cover img[data-v-9ba8efd2]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.book-card.book-active:hover .book-cover img[data-v-9ba8efd2]{transform:scale(1.05)}.book-info[data-v-9ba8efd2]{padding:12px 16px;display:flex;flex-direction:column;flex-shrink:0;text-align:center;background:#fff;height:20%}.book-info h3[data-v-9ba8efd2]{font-size:1rem;margin-bottom:2px;color:#374151;line-height:1.2;font-weight:600}.book-author[data-v-9ba8efd2]{color:#6b7280;font-size:.75rem}.book-card:not(.book-active) .book-info h3[data-v-9ba8efd2]{font-size:.85rem}.book-card:not(.book-active) .book-author[data-v-9ba8efd2]{font-size:.7rem}.book-controls[data-v-9ba8efd2]{display:flex;gap:16px;justify-content:center}.carousel-btn[data-v-9ba8efd2]{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:20;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.carousel-btn[data-v-9ba8efd2]:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.carousel-btn[data-v-9ba8efd2]:disabled{opacity:.3;cursor:not-allowed}.carousel-btn-prev[data-v-9ba8efd2]{left:50px}.carousel-btn-next[data-v-9ba8efd2]{right:50px}.book-actions[data-v-9ba8efd2]{display:flex;gap:8px;flex-wrap:wrap}.loading-container[data-v-9ba8efd2]{text-align:center;padding:80px 20px;color:#fff}.loading-container p[data-v-9ba8efd2]{color:#fff;font-size:1.2rem;margin-top:20px}.loading-spinner[data-v-9ba8efd2]{font-size:3rem;margin-bottom:20px}.loading-spinner i[data-v-9ba8efd2]{color:#3b82f6}.empty-state[data-v-9ba8efd2]{text-align:center;padding:80px 20px;color:#fff}.empty-content[data-v-9ba8efd2]{max-width:400px;margin:0 auto}.empty-icon[data-v-9ba8efd2]{font-size:4rem;margin-bottom:20px;display:block}.empty-content h3[data-v-9ba8efd2]{font-size:1.5rem;margin-bottom:16px;color:#fff}.empty-content p[data-v-9ba8efd2]{margin-bottom:24px;opacity:.9;line-height:1.6;color:#fffc}.empty-actions[data-v-9ba8efd2]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.books-stage[data-v-9ba8efd2]{height:60vh}.book-card[data-v-9ba8efd2]{width:220px}.book-card.book-prev[data-v-9ba8efd2]{transform:translate(-250px) translateZ(-150px) rotateY(20deg) scale(.7)}.book-card.book-next[data-v-9ba8efd2]{transform:translate(250px) translateZ(-150px) rotateY(-20deg) scale(.7)}.carousel-btn-prev[data-v-9ba8efd2]{left:20px}.carousel-btn-next[data-v-9ba8efd2]{right:20px}}.movie-section[data-v-9ba8efd2]{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:60px 40px;border-radius:20px;margin:60px 0}.movie-header h2[data-v-9ba8efd2]{font-size:2.2rem;margin-bottom:20px;color:#fff;text-shadow:none}.movie-header p[data-v-9ba8efd2]{font-size:1.2rem;line-height:1.6;color:#fff;max-width:600px;margin-left:auto;margin-right:auto}.books-showcase[data-v-9ba8efd2]{margin:50px 0;overflow:hidden}.books-scroll-container[data-v-9ba8efd2]{overflow:hidden;margin:40px 0;position:relative}.books-scroll-track[data-v-9ba8efd2]{display:flex;width:fit-content;animation:infiniteScroll-9ba8efd2 30s linear infinite;padding:35px}@keyframes infiniteScroll-9ba8efd2{0%{transform:translate(0)}to{transform:translate(-50%)}}.book-item[data-v-9ba8efd2]{flex-shrink:0;margin:0 15px;transition:transform .3s ease}.book-item[data-v-9ba8efd2]:hover{transform:scale(1.1) translateY(-10px)}.books-scroll-track[data-v-9ba8efd2]:hover{animation-play-state:paused}.book-cover-movie[data-v-9ba8efd2]{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #00000026;transition:all .3s ease;cursor:pointer;transform-style:preserve-3d;width:160px;height:220px}.book-cover-movie[data-v-9ba8efd2]:hover{transform:translateY(-10px) rotateY(5deg);box-shadow:0 15px 40px #00000040}.book-cover-movie img[data-v-9ba8efd2]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.book-cover-movie:hover img[data-v-9ba8efd2]{transform:scale(1.05)}.book-shine[data-v-9ba8efd2]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s ease}.book-cover-movie:hover .book-shine[data-v-9ba8efd2]{left:100%}.movie-cta[data-v-9ba8efd2]{margin-top:40px}@media (max-width: 768px){.movie-section[data-v-9ba8efd2]{padding:40px 20px}.movie-header h2[data-v-9ba8efd2]{font-size:1.8rem}.books-scroll-track[data-v-9ba8efd2]{animation-duration:20s}.book-item[data-v-9ba8efd2]{margin:0 10px}.book-cover-movie[data-v-9ba8efd2]{width:120px;height:165px}}.progress-wrapper[data-v-1e2c1f70]{flex:1;max-width:500px}.progress-container[data-v-1e2c1f70]{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.progress-text[data-v-1e2c1f70]{font-size:16px;font-weight:700;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1);white-space:nowrap;flex-shrink:0;-webkit-text-stroke:4px white;text-stroke:4px white;paint-order:stroke fill}.progress-bar[data-v-1e2c1f70]{background-color:#fff;height:30px;border-radius:30px;position:relative;display:flex;align-items:center;padding:3px;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #0000001a;border:2px solid #f0f0f0;flex:1;min-width:200px}.progress-fill[data-v-1e2c1f70]{background:linear-gradient(90deg,orange,gold);height:100%;border-radius:30px;transition:width .5s ease-in-out;position:relative;overflow:visible;box-shadow:0 2px 4px #ffa5004d}.mascot[data-v-1e2c1f70]{width:70px;height:auto;margin-left:0;object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:breathing-1e2c1f70 2s ease-in-out infinite;flex-shrink:0}@keyframes breathing-1e2c1f70{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.progress-container[data-v-1e2c1f70]{gap:10px;max-width:95%}.progress-content[data-v-1e2c1f70]{min-width:200px}.progress-text[data-v-1e2c1f70]{font-size:14px}.progress-bar[data-v-1e2c1f70]{height:24px}.mascot[data-v-1e2c1f70]{width:50px;height:auto;margin-left:0}}@media (max-width: 480px){.progress-content[data-v-1e2c1f70]{min-width:100%}}.page-header[data-v-2a5a4920]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.header-content[data-v-2a5a4920]{display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:flex-start;gap:20px}.header-content h1[data-v-2a5a4920]{font-size:2rem;margin:5px;color:#000;-webkit-text-stroke:6px white;text-stroke:6px white;paint-order:stroke fill}@media (max-width: 768px){.page-header[data-v-2a5a4920]{flex-direction:column;align-items:center;gap:15px}.header-content[data-v-2a5a4920]{text-align:center;justify-content:center}.header-content h1[data-v-2a5a4920]{font-size:1.8rem}}.loading-spinner-container[data-v-cc2fc870]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner[data-v-cc2fc870]{border:4px solid #e5e7eb;border-radius:50%;animation:spin-cc2fc870 1s linear infinite}.spinner-small[data-v-cc2fc870]{width:24px;height:24px;border-width:3px}.spinner-medium[data-v-cc2fc870]{width:40px;height:40px;border-width:4px}.spinner-large[data-v-cc2fc870]{width:60px;height:60px;border-width:6px}.loading-text[data-v-cc2fc870]{margin:0;color:#6b7280;font-size:1rem;font-weight:500}@keyframes spin-cc2fc870{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.style-selection-container[data-v-a56a88db]{padding:20px 0}.styles-grid[data-v-a56a88db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.style-card[data-v-a56a88db]{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000001a;border:3px solid transparent;height:280px;display:flex;flex-direction:column;position:relative}.style-card[data-v-a56a88db]:disabled{cursor:not-allowed;opacity:.6}.style-card.saving[data-v-a56a88db]{opacity:.8;pointer-events:none}.style-card[data-v-a56a88db]:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.style-card.selected[data-v-a56a88db]{border-color:#3b82f6;box-shadow:0 15px 35px #3b82f64d}.style-preview[data-v-a56a88db]{position:relative;overflow:hidden;flex:1;height:220px}.style-preview img[data-v-a56a88db]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.style-card:hover .style-preview img[data-v-a56a88db]{transform:scale(1.05)}.style-overlay[data-v-a56a88db]{position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f6cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.style-card.selected .style-overlay[data-v-a56a88db]{opacity:1}.check-icon[data-v-a56a88db]{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#3b82f6;font-weight:700}.style-info[data-v-a56a88db]{position:absolute;bottom:10px;transform:translate(50%);font-size:1.5rem;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700}.loading-container[data-v-a56a88db],.no-styles[data-v-a56a88db]{text-align:center;padding:60px 0;color:#fff}.no-styles i[data-v-a56a88db]{font-size:3rem;color:#6b7280;margin-bottom:20px}.no-styles p[data-v-a56a88db]{font-size:1.1rem;opacity:.8}.preview-section[data-v-a56a88db]{margin-bottom:40px}.preview-section h2[data-v-a56a88db]{text-align:center;color:#545454;margin-bottom:24px;font-size:1.8rem}.preview-content[data-v-a56a88db]{display:flex;justify-content:center}.preview-card[data-v-a56a88db]{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%;text-align:center}.preview-card h3[data-v-a56a88db]{color:#374151;margin-bottom:8px;font-size:1.3rem}.preview-card p[data-v-a56a88db]{color:#6b7280;margin-bottom:24px}.selected-style-image[data-v-a56a88db]{margin-top:20px}.selected-style-image img[data-v-a56a88db]{width:100%;max-width:400px;height:auto;border-radius:12px;box-shadow:0 8px 25px #0000001a;border:3px solid #e5e7eb}.existing-style-section[data-v-a56a88db]{margin-bottom:40px}.existing-style-card[data-v-a56a88db]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #0000001a;border:3px solid #10b981;max-width:600px;margin:0 auto}.existing-style-header[data-v-a56a88db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.existing-style-header h2[data-v-a56a88db]{color:#10b981;font-size:1.5rem;margin:0}.existing-style-content[data-v-a56a88db]{text-align:center}.existing-style-image[data-v-a56a88db]{margin-bottom:20px}.existing-style-image img[data-v-a56a88db]{width:100%;max-width:400px;height:auto;border-radius:12px;box-shadow:0 8px 25px #0000001a}.existing-style-info h3[data-v-a56a88db]{color:#374151;font-size:1.3rem;margin:0}.saving-overlay[data-v-a56a88db]{position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.form-actions[data-v-a56a88db]{display:flex;justify-content:space-between;gap:16px;max-width:600px;margin:0 auto}.fade-slide-enter-active[data-v-a56a88db],.fade-slide-leave-active[data-v-a56a88db]{transition:all .4s ease}.fade-slide-enter-from[data-v-a56a88db]{opacity:0;transform:translateY(-20px)}.fade-slide-leave-to[data-v-a56a88db]{opacity:0;transform:translateY(20px)}.slide-up-enter-active[data-v-a56a88db],.slide-up-leave-active[data-v-a56a88db]{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.slide-up-enter-from[data-v-a56a88db]{opacity:0;transform:translateY(30px)}.slide-up-leave-to[data-v-a56a88db]{opacity:0;transform:translateY(-30px)}.style-card[data-v-a56a88db]{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.style-card.selected[data-v-a56a88db]{animation:selected-pulse-a56a88db .6s ease-out}@keyframes selected-pulse-a56a88db{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.preview-card[data-v-a56a88db]{animation:fade-in-up-a56a88db .6s ease-out}@keyframes fade-in-up-a56a88db{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.existing-style-card[data-v-a56a88db]{animation:zoom-in-a56a88db .5s ease-out}@keyframes zoom-in-a56a88db{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.styles-grid[data-v-a56a88db]{grid-template-columns:1fr}.existing-style-card[data-v-a56a88db]{padding:20px;margin:0 16px}.existing-style-header[data-v-a56a88db]{flex-direction:column;gap:16px;align-items:stretch}.existing-style-header h2[data-v-a56a88db]{text-align:center;font-size:1.3rem}.preview-examples[data-v-a56a88db]{flex-direction:column;align-items:center}.tips-grid[data-v-a56a88db]{grid-template-columns:1fr}.form-actions[data-v-a56a88db]{flex-direction:column}}.chat-container[data-v-06a83d79]{width:100%;height:100dvh;position:fixed;bottom:0;left:0;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;z-index:1000;background:#0009}.npc-wrapper[data-v-06a83d79]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}.npc-avatar[data-v-06a83d79]{width:auto;height:65vh;animation:npc-bounce-06a83d79 1s infinite alternate ease-in-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));position:absolute;left:0%;bottom:50%}@keyframes npc-bounce-06a83d79{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(0)}to{transform:translateY(0) rotate(-0deg)}}.talking-container[data-v-06a83d79]{background:#fff;border-radius:50px;font-family:BpmfGenSenRounded-B;width:90%;height:300px;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 0 15px #ffe601cc;position:relative;animation:bubble-pop-06a83d79 .3s ease-out,glow-pulse-06a83d79 1.5s infinite alternate ease-in-out}@keyframes glow-pulse-06a83d79{0%{box-shadow:0 0 10px #ffe60199}to{box-shadow:0 0 25px #ffe601}}.npc-name[data-v-06a83d79]{background:#783f26;color:#fff;font-weight:700;border-radius:30px;padding:10px 30px;width:fit-content;position:absolute;font-family:BpmfGenSenRounded-B;font-size:2rem;line-height:1.5;top:-50px;left:10%;z-index:1}.npc-bubble[data-v-06a83d79]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:20px;width:90%;margin:0 auto}.npc-bubble p[data-v-06a83d79]{font-family:BpmfGenSenRounded-B;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.5;margin:0;overflow:auto;height:fit-content;width:100%;color:#783f26;display:flex;align-items:center;justify-content:center;text-align:center}.npc-bubble.typing p[data-v-06a83d79]:after{content:"";animation:typing-06a83d79 1s infinite;background-color:transparent}.talking-container.generating-mode[data-v-06a83d79]{background-color:#fd373b}.talking-container.generating-mode[data-v-06a83d79]:after{display:none}.npc-bubble p.generating-mode[data-v-06a83d79]{color:#fff}@keyframes typing-06a83d79{0%,to{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes bubble-pop-06a83d79{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.reply-options[data-v-06a83d79]{background:#ffda64;display:flex;width:700px;padding:10px 60px 20px 80px;position:absolute;right:-10px;top:-350px;flex-direction:column;border-radius:24% 22% 31% 26%/71% 70% 69% 57%;height:340px;gap:10px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thick;scrollbar-color:#fd373b rgba(253,55,59,.2)}.reply-options[data-v-06a83d79]::-webkit-scrollbar{width:16px}.reply-options[data-v-06a83d79]::-webkit-scrollbar-track{background:linear-gradient(to right,#fffc,#fd373b4d);border-radius:10px;border:2px solid #fd373b;margin:10px 0;box-shadow:inset 0 0 6px #0003}.reply-options[data-v-06a83d79]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fd373b,#ff6b6b);border-radius:10px;border:3px solid #ffda64;box-shadow:0 4px 8px #0006,inset 0 2px 4px #ffffff4d;min-height:50px}.reply-options[data-v-06a83d79]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e02025,#fd373b);box-shadow:0 6px 12px #00000080,inset 0 2px 4px #fff6;border-color:#ffc934;transform:scale(1.05)}.reply-options button[data-v-06a83d79]{font-family:BpmfGenSenRounded-B;padding:15px;font-size:clamp(1.5rem,2vw,2.5rem);text-align:left;font-weight:600;text-decoration:none;cursor:pointer;width:100%;border:none;background-color:transparent;position:relative;transition:transform .2s;text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;color:#000}.reply-options button[data-v-06a83d79]:hover{transform:translateY(-2px) scale(1.02);background-color:#fd373b;border-radius:50px;color:#fff;text-shadow:none}.reply-options button[data-v-06a83d79]:hover:before{content:"";background:url(/assets/hand.png) no-repeat center;background-size:contain;width:50px;height:50px;position:absolute;left:-35px;top:50%;transform:translateY(-50%)}.reply-options button.fade-in[data-v-06a83d79]{animation:fadeIn-06a83d79 .5s ease-out}@keyframes fadeIn-06a83d79{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-box[data-v-06a83d79]{width:80%;display:flex;animation:slideUp-06a83d79 .3s ease-out;position:relative;flex-direction:column;align-items:center}@keyframes slideUp-06a83d79{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-input[data-v-06a83d79]{flex:1;padding:20px;border-radius:60px;border:none;width:100%;font-size:clamp(1.5rem,3vw,2rem);font-family:BpmfGenSenRounded-B;transition:all .3s ease;background:#fff;height:70px;text-align:center;background-color:#f0f0f0;color:#374151!important;-webkit-text-fill-color:#374151!important}.custom-input[data-v-06a83d79]:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033;color:#374151!important;-webkit-text-fill-color:#374151!important}.custom-input[data-v-06a83d79]::placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;opacity:1!important}.custom-input[data-v-06a83d79]::-webkit-input-placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;opacity:1!important}.custom-input[data-v-06a83d79]::-moz-placeholder{color:#9ca3af!important;opacity:1!important}.custom-input[data-v-06a83d79]:-ms-input-placeholder{color:#9ca3af!important;opacity:1!important}.minimize-button[data-v-06a83d79]{position:absolute;top:20px;right:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff;border-radius:50px;z-index:100;width:50px;height:50px;border:4px solid #fd373b}.minimize-button[data-v-06a83d79]:hover{transform:scale(1.1)}.minimize-button i[data-v-06a83d79]{font-size:1.5rem;color:#fd373b;transition:transform .3s ease}.chat-container.minimized[data-v-06a83d79]{width:100px;height:100px;border-radius:50%;padding:0;right:30px;bottom:30px;left:auto;cursor:pointer}.minimized-view[data-v-06a83d79]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.chat-container.minimized[data-v-06a83d79]:hover{transform:scale(1.1)}.minimized-cat[data-v-06a83d79]{width:80px;height:80px;animation:bounce-06a83d79 1s infinite alternate ease-in-out}@keyframes bounce-06a83d79{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.loading-messages[data-v-06a83d79]{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px}.loading-text[data-v-06a83d79]{font-family:BpmfGenSenRounded-B;font-size:clamp(1.4rem,2.5vw,2rem);color:#fd373b;text-align:center;animation:pulse-06a83d79 2s ease-in-out infinite}.loading-dots[data-v-06a83d79]{font-family:BpmfGenSenRounded-B;font-size:2rem;color:#fff;animation:bounce-06a83d79 1.5s ease-in-out infinite}@keyframes pulse-06a83d79{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes bounce-06a83d79{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.red-button[data-v-06a83d79],.blue-button[data-v-06a83d79]{font-family:BpmfGenSenRounded-B;padding:10px 20px;border-radius:50px;border:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.red-button[data-v-06a83d79]{background:#fd373b;color:#fff}.red-button[data-v-06a83d79]:hover{background:#e02025;transform:translateY(-2px)}.blue-button[data-v-06a83d79]{background:#4a90e2;color:#fff}.blue-button[data-v-06a83d79]:hover{background:#357abd;transform:translateY(-2px)}.progress-bar-container[data-v-06a83d79]{width:93%;height:5px;background-color:#fd373b;border-radius:30px;overflow:hidden;margin:0 auto}.progress-bar[data-v-06a83d79]{height:100%;background-color:#fff;transition:width .1s linear;border-radius:2px}@media (min-height: 450px) and (max-height: 1000px){.talking-container[data-v-06a83d79]{height:200px}.npc-bubble[data-v-06a83d79]{border-radius:10px;padding:10px}.npc-bubble p[data-v-06a83d79]{width:90%;text-align:left;font-size:1.8rem}.reply-options[data-v-06a83d79]{width:700px;padding:10px 50px 20px;right:-10px;top:-120%;height:220px;border-radius:30px;overflow-y:auto;overflow-x:hidden}.reply-options button[data-v-06a83d79]{font-size:1.6rem;padding:10px}.npc-name[data-v-06a83d79]{font-size:1.5rem;top:-40px}}@media (max-width: 800px){.minimize-button[data-v-06a83d79]{right:10px;top:10px;width:40px;height:40px}.minimize-button i[data-v-06a83d79]{font-size:1.2rem}.chat-container[data-v-06a83d79]{padding:10px}.npc-wrapper[data-v-06a83d79]{height:100%;justify-content:flex-end}.npc-avatar[data-v-06a83d79]{position:absolute;transform:translate(-50%);left:-10%;height:50vh;top:0%}.talking-container[data-v-06a83d79]{border-radius:10px;width:100%;height:fit-content;padding:20px 0 40px;display:flex;flex-direction:column;background:#ffda64;box-shadow:none;animation:none}.npc-bubble[data-v-06a83d79]{background-color:#fff;border-radius:10px;padding:10px;height:auto}.npc-bubble p[data-v-06a83d79]{width:90%;text-align:left;font-size:1.2rem}.npc-name[data-v-06a83d79]{border-radius:30px;font-size:1.5rem;top:-40px;left:3%;padding:5px 30px}.talking-container.generating-mode[data-v-06a83d79]{background-color:#fd373b;height:50%}.npc-bubble p.generating-mode[data-v-06a83d79]{color:#fd373b;font-size:1.5rem}.reply-options[data-v-06a83d79]{width:100%;max-height:300px;padding:10px;border-radius:10px;position:static;gap:5px;overflow-y:auto;overflow-x:hidden}.reply-options button[data-v-06a83d79]{padding:5px 0 5px 35px;font-size:clamp(1.2rem,2vw,2.5rem);text-align:left;border:2px solid #fd373b;background-color:#fff;text-shadow:none;border-radius:50px;color:#fd373b;margin:5px 0}.reply-options button[data-v-06a83d79]:hover:before{left:-20px}.input-box[data-v-06a83d79]{width:100%;height:200px}.custom-input[data-v-06a83d79]{border-radius:10px}.chat-container.minimized[data-v-06a83d79]{right:10px;bottom:12%}}.character-creation-container[data-v-53a76b50]{padding:20px 0}.loading-container[data-v-53a76b50]{display:flex;justify-content:center;align-items:center;min-height:60vh}.characters-section[data-v-53a76b50]{margin-bottom:40px}.section-header[data-v-53a76b50]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#fff}.section-header h2[data-v-53a76b50]{font-size:1.8rem}.character-carousel[data-v-53a76b50]{max-width:800px;margin:0 auto;padding:0 80px 20px;position:relative}.character-status-top[data-v-53a76b50]{text-align:center;margin-bottom:16px;min-height:36px;display:flex;justify-content:center;align-items:center}.carousel-indicators[data-v-53a76b50]{display:flex;justify-content:center;gap:8px;margin-top:16px}.carousel-indicator[data-v-53a76b50]{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:all .3s ease;cursor:pointer;border:none}.carousel-indicator.active[data-v-53a76b50]{width:24px;border-radius:4px;background:#f89100}.carousel-indicator[data-v-53a76b50]:disabled{opacity:.5;cursor:not-allowed}.character-counter[data-v-53a76b50]{text-align:center;margin-bottom:20px;color:#374151;font-size:1.1rem;font-weight:600}.carousel-container[data-v-53a76b50]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;position:relative}.carousel-btn[data-v-53a76b50]{background:linear-gradient(135deg,#fda529,#f89100);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #3b82f633;position:absolute;top:50%;transform:translateY(-50%);z-index:10;opacity:.8}.carousel-btn[data-v-53a76b50]:hover:not(:disabled){opacity:1;box-shadow:0 4px 12px #3b82f64d}.carousel-btn.prev-btn[data-v-53a76b50]{left:-60px}.carousel-btn.next-btn[data-v-53a76b50]{right:-60px}.carousel-btn[data-v-53a76b50]:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#d1d5db}.character-main-card[data-v-53a76b50]{border:4px solid #f89100;background:#fff;border-radius:24px;padding:20px;width:100%;max-width:680px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.character-main-card.transitioning[data-v-53a76b50]{transform:scale(.95);opacity:.7}.character-content[data-v-53a76b50]{display:flex;flex-direction:row;height:100%;gap:20px;align-items:stretch}.character-left[data-v-53a76b50]{flex:0 0 auto}.character-right[data-v-53a76b50]{flex:1;display:flex;flex-direction:column;min-width:0;justify-content:flex-start}.character-header-large[data-v-53a76b50]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f3f4f6}.character-name-large[data-v-53a76b50]{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.character-name-input-large[data-v-53a76b50]{font-size:2rem;font-weight:700;color:#1f2937;border:3px solid #e5e7eb;border-radius:12px;padding:12px 16px;width:calc(100% - 80px);transition:border-color .3s ease;background-color:#fff}.character-name-input-large[data-v-53a76b50]:focus{outline:none;border-color:#f89100;box-shadow:0 0 0 4px #3b82f61a}.character-actions-large[data-v-53a76b50]{display:flex;gap:8px}.btn-icon-large[data-v-53a76b50]{background:#f3f4f6;border:none;width:45px;height:45px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#6b7280}.btn-icon-large[data-v-53a76b50]:hover:not(:disabled){background:#f89100;color:#fff;transform:translateY(-2px)}.btn-icon-large[data-v-53a76b50]:disabled{opacity:.5;cursor:not-allowed;background:#e5e7eb;color:#9ca3af}.btn-icon-large.save-btn[data-v-53a76b50]{background:#10b981;color:#fff}.btn-icon-large.save-btn[data-v-53a76b50]:hover{background:#059669}.character-image-large[data-v-53a76b50]{position:relative;margin:0;width:200px;height:200px;border-radius:20px;overflow:hidden}.character-img-large[data-v-53a76b50]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.character-img-large[data-v-53a76b50]:hover{transform:scale(1.05)}.character-img-large.default-character[data-v-53a76b50]{opacity:.7;border:3px dashed #e5e7eb}.loading-overlay-large[data-v-53a76b50]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;gap:15px}.character-info-large[data-v-53a76b50]{margin:10px 0;overflow-y:auto;max-height:200px}.character-info-large p[data-v-53a76b50]{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.description-header[data-v-53a76b50]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.description-title[data-v-53a76b50]{font-size:1rem;font-weight:600;color:#374151;margin:0}.no-description[data-v-53a76b50]{color:#9ca3af;font-style:italic}.description-textarea[data-v-53a76b50]{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;line-height:1.5;resize:vertical;min-height:80px;max-height:150px;font-family:inherit;transition:border-color .3s ease}.description-textarea[data-v-53a76b50]:focus{outline:none;border-color:#f89100;box-shadow:0 0 0 3px #f891001a}.regenerate-button[data-v-53a76b50]{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#fd373b;color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;z-index:3;box-shadow:0 2px 8px #fd373b4d;animation:breathe-53a76b50 2s ease-in-out infinite}@keyframes breathe-53a76b50{0%{box-shadow:0 2px 8px #fd373b4d;transform:translate(-50%) scale(1)}50%{box-shadow:0 4px 20px #fd373b99;transform:translate(-50%) scale(1.05)}to{box-shadow:0 2px 8px #fd373b4d;transform:translate(-50%) scale(1)}}.regenerate-button[data-v-53a76b50]:hover:not(:disabled){background:#e02025;animation-play-state:paused;transform:translate(-50%) translateY(-1px) scale(1.05);box-shadow:0 6px 20px #fd373b80}.regenerate-button[data-v-53a76b50]:disabled{opacity:.5;cursor:not-allowed;background:#d1d5db;animation:none}.regenerate-button i[data-v-53a76b50]{font-size:.9rem;animation:rotate-53a76b50 3s linear infinite}@keyframes rotate-53a76b50{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.regenerate-button:hover:not(:disabled) i[data-v-53a76b50]{animation-duration:1s}.generating-badge-large[data-v-53a76b50]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;animation:pulse 2s infinite;box-shadow:0 2px 10px #f59e0b66}.select-button-large[data-v-53a76b50]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #3b82f64d}.select-button-large[data-v-53a76b50]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.selected-badge-large[data-v-53a76b50]{background:linear-gradient(135deg,#ffb246,#f89100);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px #10b98166}.selecting-badge-large[data-v-53a76b50],.ready-badge-large[data-v-53a76b50]{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px #6b728066}.characters-grid[data-v-53a76b50],.character-card[data-v-53a76b50]{display:none}.character-header[data-v-53a76b50]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.character-header h3[data-v-53a76b50]{color:#374151;font-size:1.2rem}.character-name-input[data-v-53a76b50]{font-size:1.2rem;font-weight:600;color:#374151;border:2px solid #e5e7eb;border-radius:8px;padding:8px 12px;flex:1;margin-right:16px;background-color:#fff}.character-name-input[data-v-53a76b50]:focus{outline:none;border-color:#3b82f6}.character-actions[data-v-53a76b50]{display:flex;gap:8px}.btn-icon[data-v-53a76b50]{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:4px;transition:background-color .2s}.btn-icon[data-v-53a76b50]:hover{background:#f3f4f6}.btn-icon.delete[data-v-53a76b50]:hover{background:#fee2e2}.character-form[data-v-53a76b50]{padding-top:16px;border-top:1px solid #e5e7eb}.form-select[data-v-53a76b50]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;background:#fff;transition:border-color .3s ease}.form-select[data-v-53a76b50]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.character-count[data-v-53a76b50]{text-align:right;font-size:.8rem;color:#6b7280;margin-top:4px}.character-display[data-v-53a76b50]{padding-top:16px;border-top:1px solid #e5e7eb}.character-image[data-v-53a76b50]{margin-bottom:16px;display:flex;justify-content:center;position:relative}.character-img[data-v-53a76b50]{width:200px;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a}.character-img.default-character[data-v-53a76b50]{opacity:.7;border:2px dashed #e5e7eb}.loading-overlay[data-v-53a76b50]{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;gap:12px}.character-info[data-v-53a76b50]{display:grid;gap:12px}.character-selection[data-v-53a76b50]{margin-top:16px;display:flex;justify-content:center}.select-button[data-v-53a76b50]{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.select-button[data-v-53a76b50]:hover{background:#2563eb;transform:translateY(-1px)}.selected-badge[data-v-53a76b50]{background:#10b981;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px}.generating-badge[data-v-53a76b50]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;animation:pulse 2s infinite}.info-item[data-v-53a76b50]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-53a76b50]{font-weight:500;color:#374151;font-size:.9rem}.info-value[data-v-53a76b50]{color:#6b7280;line-height:1.5}.tips-section[data-v-53a76b50]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:16px;color:#fff;margin-bottom:40px}.tips-section h2[data-v-53a76b50]{text-align:center;margin-bottom:24px;font-size:1.8rem}.tips-grid[data-v-53a76b50]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tip-card[data-v-53a76b50]{background:#ffffff1a;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tip-card h4[data-v-53a76b50]{color:#fbbf24;margin-bottom:8px}.tip-card p[data-v-53a76b50]{font-size:.9rem;line-height:1.5;opacity:.9}.empty-state[data-v-53a76b50]{text-align:center;padding:60px 40px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:40px auto;max-width:600px}.loading-state[data-v-53a76b50]{text-align:center;padding:80px 40px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:40px auto;max-width:600px;box-shadow:0 12px 40px #00000026}.loading-content[data-v-53a76b50]{display:flex;flex-direction:column;align-items:center;gap:24px}.loading-state h3[data-v-53a76b50]{font-size:1.8rem;margin:0;color:#374151;font-weight:600}.loading-state p[data-v-53a76b50]{font-size:1.1rem;margin:0;color:#6b7280;line-height:1.6}.empty-icon[data-v-53a76b50]{font-size:4rem;margin-bottom:20px}.empty-state h3[data-v-53a76b50]{font-size:2rem;margin-bottom:16px;color:#fbbf24}.empty-state p[data-v-53a76b50]{font-size:1.1rem;opacity:.9;line-height:1.6}.form-actions[data-v-53a76b50]{display:flex;justify-content:space-between;gap:16px;max-width:600px;margin:0 auto}.character-limit-info[data-v-53a76b50]{margin:10px auto;text-align:center;max-width:600px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.limit-status[data-v-53a76b50],.limit-reached[data-v-53a76b50]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:25px;font-size:1rem;font-weight:600}.limit-status[data-v-53a76b50]{background:#22c55e1a;color:#059669;border:2px solid rgba(34,197,94,.3)}.limit-reached[data-v-53a76b50]{background:#dc26261a;color:#dc2626;border:2px solid rgba(220,38,38,.3)}.character-count-display[data-v-53a76b50]{margin-top:16px;padding:10px 16px;background:#3b82f61a;border-radius:20px;color:#1d4ed8;font-weight:500;display:inline-block}.limit-message-card[data-v-53a76b50]{background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:16px;padding:24px;margin-top:20px;text-align:center}.limit-message-content[data-v-53a76b50]{display:flex;flex-direction:column;align-items:center;gap:12px}.limit-message-content i[data-v-53a76b50]{font-size:2.5rem;color:#f59e0b}.limit-message-content h4[data-v-53a76b50]{color:#92400e;font-size:1.2rem;margin:0}.limit-message-content p[data-v-53a76b50]{color:#92400e;margin:0;line-height:1.6;max-width:500px}@media (max-width: 768px){.section-header[data-v-53a76b50]{flex-direction:column;gap:16px;align-items:stretch}.character-header[data-v-53a76b50]{flex-direction:column;gap:12px;align-items:stretch}.character-name-input[data-v-53a76b50]{margin-right:0;margin-bottom:8px}.character-actions[data-v-53a76b50]{justify-content:center}.tips-grid[data-v-53a76b50]{grid-template-columns:1fr}.form-actions[data-v-53a76b50]{flex-direction:column}.character-limit-info[data-v-53a76b50]{margin:10px auto}.limit-status[data-v-53a76b50],.limit-reached[data-v-53a76b50]{font-size:.9rem;padding:10px 16px}.limit-message-card[data-v-53a76b50]{padding:20px}.character-carousel[data-v-53a76b50]{max-width:100%;padding:0 10px}.character-content[data-v-53a76b50]{flex-direction:column;gap:15px}.character-left[data-v-53a76b50]{width:100%;display:flex;justify-content:center}.character-right[data-v-53a76b50]{width:100%}.character-header-large[data-v-53a76b50]{flex-direction:column;gap:16px;align-items:stretch;position:relative;padding-right:0}.character-name-large[data-v-53a76b50]{font-size:1.5rem;text-align:center;width:100%}.character-name-input-large[data-v-53a76b50]{font-size:1.3rem;width:calc(100% - 60px);padding:8px 12px}.character-actions-large[data-v-53a76b50]{position:absolute;top:0;right:0;z-index:10}.btn-icon-large[data-v-53a76b50]{width:40px;height:40px;font-size:1rem;box-shadow:0 2px 8px #00000026}.btn-icon-large.save-btn[data-v-53a76b50]{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.character-image-large[data-v-53a76b50]{width:180px;height:180px}.carousel-container[data-v-53a76b50]{gap:10px}.carousel-btn[data-v-53a76b50]{width:40px;height:40px;font-size:1rem}.carousel-btn.prev-btn[data-v-53a76b50]{left:0}.carousel-btn.next-btn[data-v-53a76b50]{right:0}.carousel-container[data-v-53a76b50]{padding:0;position:relative}.character-main-card[data-v-53a76b50]{max-width:100%;height:auto;min-height:350px;padding:20px;margin:0 10px}.loading-state[data-v-53a76b50]{padding:60px 20px;margin:30px auto}.loading-state h3[data-v-53a76b50]{font-size:1.5rem}.loading-state p[data-v-53a76b50]{font-size:1rem}.character-name-large[data-v-53a76b50]{font-size:1.8rem}.character-name-input-large[data-v-53a76b50]{font-size:1.6rem}.character-image-large[data-v-53a76b50]{width:250px;height:250px}.character-info-large[data-v-53a76b50]{padding:16px;gap:16px}.info-item[data-v-53a76b50]{margin-bottom:12px}.info-label[data-v-53a76b50]{font-size:1rem;margin-bottom:6px;font-weight:600}.info-value[data-v-53a76b50]{font-size:.95rem;line-height:1.6}.character-selection-large[data-v-53a76b50]{margin-top:20px;padding:0 10px}.select-button-large[data-v-53a76b50],.selected-badge-large[data-v-53a76b50],.selecting-badge-large[data-v-53a76b50],.ready-badge-large[data-v-53a76b50]{padding:12px 24px;font-size:1rem;border-radius:20px}.character-carousel[data-v-53a76b50]{padding:20px 0}.section-header h1[data-v-53a76b50]{font-size:1.8rem;margin-bottom:12px}.section-header p[data-v-53a76b50]{font-size:1rem;line-height:1.5}}.book-cover-container[data-v-9ac806ab]{padding:20px 0}.initial-loading-container[data-v-9ac806ab]{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:40px}.covers-design[data-v-9ac806ab]{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.cover-section[data-v-9ac806ab]{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 25px #0000001a}.cover-section h2[data-v-9ac806ab]{color:#374151;margin-bottom:20px;text-align:center}.cover-preview[data-v-9ac806ab]{display:flex;flex-direction:column;align-items:center}.cover-container[data-v-9ac806ab]{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center}.cover-mock[data-v-9ac806ab]{width:100%;aspect-ratio:2/3;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 8px 25px #0003;margin-bottom:10px}.cover-background-image[data-v-9ac806ab]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.front-cover[data-v-9ac806ab]{background:linear-gradient(135deg,#667eea,#764ba2)}.back-cover[data-v-9ac806ab]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.cover-placeholder[data-v-9ac806ab]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.7;color:#fff}.placeholder-icon[data-v-9ac806ab]{font-size:3rem;margin-bottom:16px}.cover-content[data-v-9ac806ab]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:40px 20px 20px;text-align:center;color:#fff}.cover-title[data-v-9ac806ab]{font-size:1.4rem;font-weight:700;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.cover-author[data-v-9ac806ab]{font-size:1rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.back-cover-content[data-v-9ac806ab]{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.preface-text[data-v-9ac806ab]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 0;align-items:flex-end;text-align:left}.preface-text p[data-v-9ac806ab]{font-size:.9rem;line-height:1.4;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.product-info[data-v-9ac806ab]{background:#fffffff2;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.product-text[data-v-9ac806ab]{flex:1}.product-text p[data-v-9ac806ab]{margin:0;font-size:.75rem;color:#374151;line-height:1.3;text-align:center}.product-text strong[data-v-9ac806ab]{color:#1f2937;font-weight:600}.product-logo[data-v-9ac806ab]{width:120px;height:40px;object-fit:contain;flex-shrink:0;margin:0 auto}.nav-btn[data-v-9ac806ab]{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;z-index:10}.nav-btn[data-v-9ac806ab]:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.nav-btn-left[data-v-9ac806ab]{left:10px}.nav-btn-right[data-v-9ac806ab]{right:10px}.image-indicators[data-v-9ac806ab]{text-align:center;font-size:.9rem;color:#6b7280;margin-top:8px}.form-actions[data-v-9ac806ab]{display:flex;justify-content:space-between;gap:16px;max-width:600px;margin:0 auto}@media (max-width: 768px){.covers-design[data-v-9ac806ab]{grid-template-columns:1fr}.form-actions[data-v-9ac806ab]{flex-direction:column}.cover-title[data-v-9ac806ab]{font-size:1.2rem}.cover-author[data-v-9ac806ab]{font-size:.9rem}.image-selector-modal[data-v-9ac806ab]{min-width:auto;max-width:95vw;padding:16px}.images-grid[data-v-9ac806ab]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.author-note-container[data-v-78c1a789]{padding:20px 0}.form-container[data-v-78c1a789]{display:flex;justify-content:center;max-width:600px;margin:0 auto}.form-card[data-v-78c1a789]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:100%;border:4px solid #f89100}.form-group[data-v-78c1a789]{margin-bottom:20px}.form-label[data-v-78c1a789]{display:block;margin-bottom:8px;color:#f89100;font-weight:700;font-size:1.1rem}.form-textarea[data-v-78c1a789]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:inherit;line-height:1.5;transition:border-color .3s ease;box-sizing:border-box;resize:vertical;background-color:#fff;color:#374151}.form-textarea[data-v-78c1a789]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.character-count[data-v-78c1a789]{text-align:right;font-size:.8rem;color:#6b7280;margin-top:4px}.form-actions[data-v-78c1a789]{display:flex;justify-content:space-between;margin-top:30px;gap:16px}@media (max-width: 768px){.form-card[data-v-78c1a789]{padding:30px 20px}.form-actions[data-v-78c1a789]{flex-direction:column}}.book-report-container[data-v-12d41f70]{padding:20px 0}.analysis-progress[data-v-12d41f70]{display:flex;justify-content:center;margin:40px 0}.progress-container[data-v-12d41f70]{background:#fffffff2;padding:40px;border-radius:16px;box-shadow:0 8px 25px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;max-width:500px;width:100%}.progress-text[data-v-12d41f70]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#374151;font-weight:500}.progress-emoji[data-v-12d41f70]{font-size:1.5rem}.progress-percentage[data-v-12d41f70]{font-size:1.2rem;font-weight:600;color:#3b82f6}.progress-fill[data-v-12d41f70]{height:100%;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:6px;transition:width .3s ease;position:relative}.progress-description[data-v-12d41f70]{color:#6b7280;font-size:.9rem;margin:0}.report-content[data-v-12d41f70]{margin:30px 0}.report-viewer[data-v-12d41f70]{max-width:800px;margin:0 auto}.page-controls[data-v-12d41f70]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:#fffffff2;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-info[data-v-12d41f70]{font-weight:500;color:#374151}.report-pages[data-v-12d41f70]{display:flex;justify-content:center}.report-page[data-v-12d41f70]{width:210mm;height:297mm;max-height:297mm;background:#fff;padding:15mm;box-shadow:0 0 20px #0000001a;border-radius:8px;margin-bottom:20px;position:relative;font-family:BpmfGenSenRounded-R,sans-serif;box-sizing:border-box;overflow:scroll;display:flex;flex-direction:column}.page-header-section[data-v-12d41f70]{flex:1;display:flex;flex-direction:column;gap:20px;overflow:scroll}.logo-section[data-v-12d41f70]{text-align:center;border-bottom:2px solid #e5e7eb;padding-bottom:20px}.report-logo[data-v-12d41f70]{width:200px;height:auto;margin-bottom:8px}.report-title[data-v-12d41f70]{font-size:1.5rem;color:#1f2937;margin:0;font-weight:600}.report-description[data-v-12d41f70]{background:#f0f9ff;padding:20px;border-radius:12px;border-left:4px solid #3b82f6}.report-description p[data-v-12d41f70]{margin:0;color:#374151;line-height:1.6;font-size:1rem}.book-info-section h2[data-v-12d41f70],.word-level-section h2[data-v-12d41f70]{color:#1f2937;margin-bottom:20px;font-size:1.5rem}.book-cover-info[data-v-12d41f70]{display:flex;gap:20px;align-items:flex-start}.book-cover-thumb[data-v-12d41f70]{width:120px;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000001a}.book-details[data-v-12d41f70]{flex:1}.detail-row[data-v-12d41f70]{display:flex;margin-bottom:12px;align-items:center}.detail-row .label[data-v-12d41f70]{font-weight:600;color:#6b7280;min-width:100px}.detail-row .value[data-v-12d41f70]{color:#1f2937;font-weight:500}.level-grid[data-v-12d41f70]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.level-item[data-v-12d41f70]{background:#f9fafb;padding:20px;border-radius:12px;text-align:center;border:2px solid #e5e7eb}.level-label[data-v-12d41f70]{display:block;color:#6b7280;font-weight:500;margin-bottom:8px}.level-value[data-v-12d41f70]{display:block;font-size:2rem;font-weight:700;color:#3b82f6}.vocab-desc[data-v-12d41f70]{margin-top:10px;font-size:.85rem;color:#9ca3af;line-height:1.4;font-weight:400}.word-analysis-section[data-v-12d41f70]{display:grid;gap:25px;margin-top:30px}.word-analysis-section h3[data-v-12d41f70]{color:#1f2937;margin-bottom:20px;font-size:1.3rem;text-align:center}.word-frequency-section[data-v-12d41f70]{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.word-frequency-section h4[data-v-12d41f70]{color:#374151;margin-bottom:15px;font-size:1.1rem;text-align:center}.word-cloud-section h3[data-v-12d41f70],.word-frequency-chart h3[data-v-12d41f70]{color:#1f2937;margin-bottom:20px;font-size:1.3rem}.word-list[data-v-12d41f70]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px;background:#fff;border-radius:12px;min-height:120px;align-items:center;border:1px solid #e5e7eb}.word-item[data-v-12d41f70]{padding:6px 12px;color:#fff;border-radius:16px;font-weight:500;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;font-size:14px}.word-item-chinese[data-v-12d41f70]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.word-item-chinese[data-v-12d41f70]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.word-item-english[data-v-12d41f70]{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 8px #3b82f64d}.word-item-english[data-v-12d41f70]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.chart-container[data-v-12d41f70]{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.pie-chart-container[data-v-12d41f70]{display:flex;flex-direction:column;align-items:center;gap:20px}.pie-chart[data-v-12d41f70]{width:200px;height:200px;background:#f9fafb;border-radius:16px;padding:10px;border:2px solid #e5e7eb}.pie-center-text[data-v-12d41f70]{font-size:14px;font-weight:600;fill:#374151;font-family:BpmfGenSenRounded-R,sans-serif}.pie-legend[data-v-12d41f70]{display:grid;gap:8px;width:100%}.legend-item[data-v-12d41f70]{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.legend-color[data-v-12d41f70]{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-text[data-v-12d41f70]{font-size:.9rem;color:#374151;font-weight:500}.bar-chart-container[data-v-12d41f70]{display:grid;gap:15px}.chart-bar[data-v-12d41f70]{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:15px;padding:8px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.bar-label[data-v-12d41f70]{font-weight:500;color:#374151;text-align:right;font-size:.9rem}.bar-container[data-v-12d41f70]{position:relative;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.bar-fill[data-v-12d41f70]{height:100%;background:linear-gradient(135deg,#10b981,#047857);border-radius:12px;transition:width .8s ease}.bar-value[data-v-12d41f70]{font-weight:600;color:#374151;min-width:30px;text-align:center;font-size:.9rem}.animal-section[data-v-12d41f70]{display:grid;gap:30px}.animal-header[data-v-12d41f70]{text-align:center;background:#f0f9ff;padding:25px;border-radius:16px;border:2px solid #3b82f6}.animal-emoji[data-v-12d41f70]{font-size:3rem;display:block;margin-bottom:15px}.animal-story[data-v-12d41f70]{color:#374151;font-size:1.1rem;line-height:1.6;margin:0;font-weight:500}.three-chart h3[data-v-12d41f70]{color:#1f2937;margin-bottom:25px;font-size:1.3rem}.ability-analysis[data-v-12d41f70]{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.triangle-chart-container[data-v-12d41f70]{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.triangle-chart[data-v-12d41f70]{width:300px;height:260px;background:#f9fafb;border-radius:16px;padding:10px;border:2px solid #e5e7eb}.triangle-label[data-v-12d41f70]{font-size:12px;font-weight:500;fill:#374151;font-family:BpmfGenSenRounded-R,sans-serif}.ability-details[data-v-12d41f70]{display:grid;gap:20px}.ability-item[data-v-12d41f70]{background:#f9fafb;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.ability-header[data-v-12d41f70]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ability-icon[data-v-12d41f70]{font-size:1.3rem}.ability-info[data-v-12d41f70]{flex:1;display:flex;justify-content:space-between;align-items:center}.ability-label[data-v-12d41f70]{font-weight:600;color:#374151;font-size:1rem}.ability-score[data-v-12d41f70]{font-size:1.2rem;font-weight:700;color:#1f2937}.ability-bar[data-v-12d41f70]{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:12px}.ability-fill[data-v-12d41f70]{height:100%;border-radius:6px;transition:width .8s ease}.ability-fill.creative[data-v-12d41f70]{background:linear-gradient(135deg,#f59e0b,#d97706)}.ability-fill.emotion[data-v-12d41f70]{background:linear-gradient(135deg,#ef4444,#dc2626)}.ability-fill.logical[data-v-12d41f70]{background:linear-gradient(135deg,#3b82f6,#1e40af)}.ability-fill.extrovert[data-v-12d41f70]{background:linear-gradient(135deg,#34d399,#10b981)}.ability-fill.kind[data-v-12d41f70]{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.ability-fill.responsible[data-v-12d41f70]{background:linear-gradient(135deg,#f472b6,#ec4899)}.ability-fill.open[data-v-12d41f70]{background:linear-gradient(135deg,#c084fc,#a855f7)}.ability-fill.stable[data-v-12d41f70]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ability-desc[data-v-12d41f70]{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.personality-section[data-v-12d41f70]{display:grid;gap:30px}.personality-radar h3[data-v-12d41f70],.ai-summary-section h3[data-v-12d41f70]{color:#1f2937;margin-bottom:20px;font-size:1.3rem}.radar-container[data-v-12d41f70]{grid-template-columns:1fr 1fr;gap:20px;align-items:start}.radar-chart[data-v-12d41f70]{display:flex;justify-content:center;align-items:center}.radar-svg[data-v-12d41f70]{width:300px;height:300px;padding:10px}.radar-label[data-v-12d41f70]{font-size:12px;font-weight:500;fill:#374151;font-family:BpmfGenSenRounded-R,sans-serif}.personality-details[data-v-12d41f70]{display:grid;gap:15px}.personality-detail-item[data-v-12d41f70]{background:#f9fafb;padding:15px;border-radius:12px;border:1px solid #e5e7eb}.detail-header[data-v-12d41f70]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.detail-header .ability-bar[data-v-12d41f70]{flex:1;margin:0 15px;height:10px}.detail-icon[data-v-12d41f70]{font-size:1.2rem}.detail-title[data-v-12d41f70]{font-weight:600;color:#374151;font-size:1rem;margin-left:8px}.detail-score[data-v-12d41f70]{font-weight:700;color:#8b5cf6;font-size:1.1rem}.detail-description[data-v-12d41f70]{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.summary-grid[data-v-12d41f70]{display:grid;gap:20px}.summary-item[data-v-12d41f70]{background:#f0f9ff;padding:20px;border-radius:12px;border-left:4px solid #3b82f6}.summary-label[data-v-12d41f70]{font-weight:600;color:#1f2937;margin-bottom:8px;display:block;font-size:1rem}.summary-content[data-v-12d41f70]{color:#374151;line-height:1.5;font-size:.95rem}.report-disclaimer[data-v-12d41f70]{margin-top:20px;padding:15px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.report-disclaimer p[data-v-12d41f70]{margin:0;font-size:.9rem;color:#0369a1;line-height:1.5;text-align:center}@media (max-width: 900px){.report-viewer[data-v-12d41f70]{max-width:100%;padding:0 10px}.report-page[data-v-12d41f70]{width:calc(100vw - 40px);max-width:350px;height:calc((100vw - 40px) * 297 / 210);max-height:calc(350px * 297 / 210);padding:15px;margin:0 auto 20px;font-size:12px;overflow:scroll;box-sizing:border-box}.report-page h1[data-v-12d41f70]{font-size:18px}.report-page h2[data-v-12d41f70]{font-size:16px}.report-page h3[data-v-12d41f70]{font-size:14px}.report-logo[data-v-12d41f70]{height:auto}.report-title[data-v-12d41f70]{font-size:16px!important}.book-cover-thumb[data-v-12d41f70]{width:80px;height:100px}.level-value[data-v-12d41f70]{font-size:1.5rem!important}.animal-emoji[data-v-12d41f70]{font-size:2rem!important}.pie-chart[data-v-12d41f70]{width:150px;height:150px}.radar-svg[data-v-12d41f70]{width:200px!important;height:200px!important}.triangle-chart[data-v-12d41f70]{width:200px!important;height:180px!important}.book-cover-info[data-v-12d41f70]{flex-direction:column;align-items:center;text-align:center;gap:10px}.level-grid[data-v-12d41f70]{grid-template-columns:1fr;gap:10px}.level-item[data-v-12d41f70]{padding:10px}.chart-container[data-v-12d41f70]{grid-template-columns:1fr;gap:15px}.chart-bar[data-v-12d41f70]{grid-template-columns:1fr;gap:5px;padding:5px}.bar-label[data-v-12d41f70]{text-align:left;font-size:11px}.radar-container[data-v-12d41f70],.ability-analysis[data-v-12d41f70]{grid-template-columns:1fr;gap:15px}.personality-detail-item[data-v-12d41f70]{padding:8px}.detail-header[data-v-12d41f70]{flex-wrap:wrap;gap:5px}.ability-item[data-v-12d41f70],.summary-item[data-v-12d41f70]{padding:10px}.page-header-section[data-v-12d41f70]{gap:20px}.word-list[data-v-12d41f70]{padding:15px;gap:8px}.word-item[data-v-12d41f70]{padding:4px 8px;font-size:10px}}.report-actions[data-v-12d41f70]{display:flex;justify-content:center;gap:16px;margin-top:30px}.progress-overlay[data-v-12d41f70]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn-12d41f70 .3s ease}@keyframes fadeIn-12d41f70{0%{opacity:0}to{opacity:1}}.progress-container[data-v-12d41f70]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:400px;max-width:500px}.progress-text[data-v-12d41f70]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:1.1rem;font-weight:600;color:#1f2937}.progress-emoji[data-v-12d41f70]{font-size:1.5rem;margin-right:12px}.progress-percentage[data-v-12d41f70]{font-size:1.2rem;color:#3b82f6;font-weight:700}.progress-bar[data-v-12d41f70]{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:16px}.progress-fill[data-v-12d41f70]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:6px;transition:width .3s ease;position:relative}.progress-fill[data-v-12d41f70]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-12d41f70 2s infinite}@keyframes shimmer-12d41f70{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-description[data-v-12d41f70]{color:#6b7280;font-size:.9rem;margin:0;line-height:1.4}@media (max-width: 768px){.report-actions[data-v-12d41f70]{flex-direction:row;align-items:center;margin-top:15px}.page-controls[data-v-12d41f70]{padding:10px;margin-bottom:15px;flex-direction:column;gap:10px}.page-info[data-v-12d41f70]{font-size:.9rem;order:-1;margin-bottom:5px}.page-controls .game-button[data-v-12d41f70]{width:100%;justify-content:center}@media (min-width: 400px) and (max-width: 768px){.page-controls[data-v-12d41f70]{flex-direction:row;flex-wrap:wrap;justify-content:center}.page-info[data-v-12d41f70]{width:100%;text-align:center;margin-bottom:10px}.page-controls .game-button[data-v-12d41f70]{width:auto;flex:1;min-width:120px}}.progress-overlay[data-v-12d41f70]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important}.progress-container[data-v-12d41f70]{margin:20px!important;min-width:unset!important;max-width:calc(100vw - 40px)!important}}body.generating-pdf[data-v-12d41f70]{width:1200px!important;margin:0!important;padding:0!important;overflow-x:hidden!important}body.generating-pdf .report-viewer[data-v-12d41f70]{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body.generating-pdf .report-page[data-v-12d41f70]{width:595px!important;height:770px!important;max-width:595px!important;max-height:770px!important;padding:25px!important;font-size:12px!important;margin:0 auto!important;box-sizing:border-box!important;overflow:scroll!important;transform:none!important;display:flex!important;flex-direction:column!important;position:relative!important}body.generating-pdf .report-page h1[data-v-12d41f70]{font-size:18px!important;margin:8px 0!important}body.generating-pdf .report-page h2[data-v-12d41f70]{font-size:16px!important;margin:6px 0!important}body.generating-pdf .report-page h3[data-v-12d41f70]{font-size:14px!important;margin:5px 0!important}body.generating-pdf .report-logo[data-v-12d41f70]{width:150px!important;height:auto!important}body.generating-pdf .report-title[data-v-12d41f70]{font-size:16px!important}body.generating-pdf .book-cover-thumb[data-v-12d41f70]{width:80px!important;height:100px!important;object-fit:cover!important}body.generating-pdf .level-value[data-v-12d41f70]{font-size:1.2rem!important}body.generating-pdf .animal-emoji[data-v-12d41f70]{font-size:2rem!important}body.generating-pdf .pie-chart[data-v-12d41f70]{width:150px!important;height:150px!important;display:block!important}body.generating-pdf .triangle-chart[data-v-12d41f70]{width:180px!important;height:160px!important;display:block!important;padding:5px!important}body.generating-pdf .word-item[data-v-12d41f70]{font-size:12px!important;display:inline-block!important}body.generating-pdf .level-grid[data-v-12d41f70]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}body.generating-pdf .level-item[data-v-12d41f70]{padding:20px!important}body.generating-pdf .chart-container[data-v-12d41f70]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}body.generating-pdf .ability-analysis[data-v-12d41f70]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;align-items:center!important}body.generating-pdf .word-list[data-v-12d41f70]{padding:25px!important;gap:12px!important;display:flex!important;flex-wrap:wrap!important}body.generating-pdf .personality-section[data-v-12d41f70]{margin:10px 0!important}body.generating-pdf .personality-detail[data-v-12d41f70]{margin-bottom:6px!important}body.generating-pdf .personality-detail-item[data-v-12d41f70]{margin-bottom:8px!important;padding:12px!important;background:#f9fafb!important;border-radius:8px!important}body.generating-pdf .detail-header[data-v-12d41f70]{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:5px!important}body.generating-pdf .ability-bar[data-v-12d41f70]{flex:1!important;height:15px!important;border-radius:8px!important}body.generating-pdf .report-page[data-v-12d41f70] *{max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}body.generating-pdf .report-page img[data-v-12d41f70]{max-width:100%!important;height:auto!important}body.generating-pdf .report-page p[data-v-12d41f70],body.generating-pdf .report-page div[data-v-12d41f70],body.generating-pdf .report-page span[data-v-12d41f70],body.generating-pdf .report-page li[data-v-12d41f70],body.generating-pdf .report-page td[data-v-12d41f70],body.generating-pdf .report-page th[data-v-12d41f70]{line-height:1.6!important;font-size:12px!important}body.generating-pdf .report-page[data-v-12d41f70]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}body.generating-pdf .mobile-only[data-v-12d41f70]{display:none!important}body.generating-pdf .desktop-only[data-v-12d41f70]{display:block!important}body.generating-pdf .progress-overlay[data-v-12d41f70]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;display:flex!important;z-index:9999!important;transform:translate(0)!important;margin:0!important}body.generating-pdf .progress-container[data-v-12d41f70]{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:90vw!important;margin:0!important}body.generating-pdf .word-frequency-analysis[data-v-12d41f70]{max-height:550px!important;overflow:hidden!important}body.generating-pdf .word-list[data-v-12d41f70]{max-height:180px!important;overflow:hidden!important;padding:20px!important;background:#f9fafb!important;border-radius:8px!important;margin:10px 0!important}body.generating-pdf .personality-section[data-v-12d41f70]{max-height:650px!important;overflow:hidden!important}body.generating-pdf .charts-section[data-v-12d41f70]{max-height:450px!important;overflow:hidden!important}body.generating-pdf .ability-analysis[data-v-12d41f70]{gap:15px!important}body.generating-pdf .triangle-chart-container[data-v-12d41f70]{gap:10px!important}body.generating-pdf .triangle-description[data-v-12d41f70]{font-size:11px!important;line-height:1.3!important;margin-top:5px!important}body.generating-pdf .ability-grid[data-v-12d41f70]{gap:10px!important}body.generating-pdf .ability-item[data-v-12d41f70]{padding:15px!important;background:#f9fafb!important;border-radius:8px!important;margin-bottom:10px!important}body.generating-pdf .book-info[data-v-12d41f70]{padding:15px!important;background:#f9fafb!important;border-radius:8px!important}body.generating-pdf .book-info p[data-v-12d41f70]{margin:6px 0!important;font-size:12px!important}body.generating-pdf .level-item[data-v-12d41f70]{padding:15px!important;background:#f9fafb!important;border-radius:8px!important}body.generating-pdf .page-header-section[data-v-12d41f70]{flex:1!important;overflow:scroll!important;gap:10px!important}body.generating-pdf .ai-summary-section[data-v-12d41f70]{max-height:260px!important;overflow:hidden!important}body.generating-pdf .ai-summary-section h2[data-v-12d41f70]{margin:3px 0!important;font-size:16px!important}body.generating-pdf .summary-grid[data-v-12d41f70]{gap:5px!important}body.generating-pdf .summary-item[data-v-12d41f70]{margin-bottom:10px!important;padding:12px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important}body.generating-pdf .summary-label[data-v-12d41f70]{font-size:11px!important;margin-bottom:1px!important}body.generating-pdf .summary-content[data-v-12d41f70]{font-size:11px!important;line-height:1.3!important}body.generating-pdf .report-disclaimer[data-v-12d41f70]{margin-top:5px!important;padding:8px!important}body.generating-pdf .report-disclaimer p[data-v-12d41f70]{font-size:10px!important;line-height:1.2!important}body.generating-pdf .report-page[data-v-12d41f70]>*{flex-shrink:0!important}body.generating-pdf .report-description[data-v-12d41f70]{padding:15px!important;font-size:12px!important}body.generating-pdf .report-description p[data-v-12d41f70]{font-size:12px!important;margin:8px 0!important}body.generating-pdf .detail-text[data-v-12d41f70],body.generating-pdf .ability-percent[data-v-12d41f70],body.generating-pdf .vocab-desc[data-v-12d41f70],body.generating-pdf .animal-story[data-v-12d41f70],body.generating-pdf .chart-label[data-v-12d41f70],body.generating-pdf .legend-item[data-v-12d41f70],body.generating-pdf .triangle-label[data-v-12d41f70],body.generating-pdf .triangle-value[data-v-12d41f70],body.generating-pdf .legend-percentage[data-v-12d41f70],body.generating-pdf .ability-label[data-v-12d41f70]{font-size:12px!important}body.generating-pdf .triangle-chart text[data-v-12d41f70]{font-size:11px!important}body.generating-pdf .pie-chart text[data-v-12d41f70]{font-size:12px!important}body.generating-pdf .personality-radar[data-v-12d41f70]{margin-bottom:10px!important}body.generating-pdf .radar-chart[data-v-12d41f70],body.generating-pdf .radar-svg[data-v-12d41f70]{width:150px!important;height:150px!important}body.generating-pdf .personality-details[data-v-12d41f70]{flex:1!important}body.generating-pdf .detail-icon[data-v-12d41f70]{font-size:14px!important}body.generating-pdf .detail-title[data-v-12d41f70]{font-size:12px!important;font-weight:700!important}body.generating-pdf .detail-text[data-v-12d41f70]{font-size:11px!important;line-height:1.3!important}body.generating-pdf .book-info-section[data-v-12d41f70]{margin-bottom:10px!important}body.generating-pdf .book-info-content[data-v-12d41f70]{gap:10px!important}body.generating-pdf .book-cover-container[data-v-12d41f70]{flex:0 0 auto!important}body.generating-pdf .logo-section[data-v-12d41f70]{padding-bottom:10px!important}body.generating-pdf .report-description[data-v-12d41f70]{padding:20px!important;margin-bottom:15px!important;background:#f0f9ff!important;border-radius:8px!important}.profile-edit-modal[data-v-eae7afd2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.edit-form-container[data-v-eae7afd2]{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.edit-header[data-v-eae7afd2]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #e5e7eb}.edit-header h2[data-v-eae7afd2]{font-size:1.5rem;font-weight:600;color:#374151;margin:0}.close-btn[data-v-eae7afd2]{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-eae7afd2]:hover{background:#f3f4f6;color:#374151}.edit-form[data-v-eae7afd2]{padding:24px 32px 32px}.form-group[data-v-eae7afd2]{margin-bottom:24px}.form-group label[data-v-eae7afd2]{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-group input[data-v-eae7afd2]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input[data-v-eae7afd2]:focus{outline:none;border-color:#fd373b;box-shadow:0 0 0 3px #fd373b1a}.avatar-section[data-v-eae7afd2]{text-align:center}.avatar-upload[data-v-eae7afd2]{display:flex;flex-direction:column;align-items:center;gap:16px}.current-avatar[data-v-eae7afd2]{position:relative}.avatar-preview[data-v-eae7afd2]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fd373b}.avatar-placeholder[data-v-eae7afd2]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700}.upload-controls[data-v-eae7afd2]{display:flex;gap:12px}.form-actions[data-v-eae7afd2]{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.profile-edit-modal[data-v-eae7afd2]{padding:10px}.edit-form-container[data-v-eae7afd2]{max-height:95vh}.edit-header[data-v-eae7afd2],.edit-form[data-v-eae7afd2]{padding-left:20px;padding-right:20px}.avatar-preview[data-v-eae7afd2],.avatar-placeholder[data-v-eae7afd2]{width:100px;height:100px}.avatar-placeholder[data-v-eae7afd2]{font-size:2.5rem}.form-actions[data-v-eae7afd2]{flex-direction:column}.form-actions .btn[data-v-eae7afd2]{width:100%}}.profile-page[data-v-64212279]{min-height:calc(100vh - 160px);padding:40px 0;background-image:url(/assets/background1.png);background-size:cover;background-position:center;background-attachment:fixed}.profile-card[data-v-64212279]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 10px 40px #00000026;max-width:600px;margin:0 auto;overflow:hidden}.profile-header[data-v-64212279]{background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff;padding:30px;text-align:center}.profile-header h1[data-v-64212279]{font-size:2rem;font-weight:700;margin:0}.profile-content[data-v-64212279]{padding:40px}.avatar-section[data-v-64212279]{text-align:center;margin-bottom:40px}.avatar-container[data-v-64212279]{margin-bottom:20px}.avatar[data-v-64212279]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fd373b}.avatar-placeholder[data-v-64212279]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto}.avatar-section h2[data-v-64212279]{font-size:1.5rem;font-weight:600;color:#374151;margin:0}.info-section[data-v-64212279]{margin-bottom:40px}.info-item[data-v-64212279]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.info-item[data-v-64212279]:last-child{border-bottom:none;margin-bottom:0}.info-item label[data-v-64212279]{display:block;font-weight:600;color:#6b7280;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item p[data-v-64212279]{font-size:1.1rem;color:#374151;margin:0;word-break:break-word}.actions-section[data-v-64212279]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.actions-section .btn[data-v-64212279]{min-width:140px}.btn-recharge[data-v-64212279]{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-recharge[data-v-64212279]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.points-section[data-v-64212279]{margin-bottom:40px;padding:24px;border:2px solid #e5e7eb;border-radius:16px;background:#f9fafb}.section-header[data-v-64212279]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h3[data-v-64212279]{font-size:1.4rem;font-weight:600;color:#374151;margin:0;display:flex;align-items:center}.point-display[data-v-64212279]{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600}.point-label[data-v-64212279]{color:#6b7280}.point-value[data-v-64212279]{color:#fd373b;font-size:1.4rem;font-weight:700}.toggle-tabs[data-v-64212279]{display:flex;gap:0;margin-bottom:24px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.toggle-tabs button[data-v-64212279]{flex:1;padding:12px 24px;background:#fff;border:none;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease}.toggle-tabs button.active[data-v-64212279]{background:#fd373b;color:#fff}.toggle-tabs button[data-v-64212279]:hover:not(.active){background:#f3f4f6}.point-history[data-v-64212279]{min-height:200px}.loading-state[data-v-64212279]{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:#6b7280;font-size:1.1rem}.loading-state i[data-v-64212279]{font-size:1.4rem}.history-list[data-v-64212279]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-64212279]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.history-item[data-v-64212279]:hover{border-color:#fd373b;box-shadow:0 4px 12px #fd373b1a}.history-date[data-v-64212279]{color:#6b7280;font-size:.9rem;min-width:140px}.history-action[data-v-64212279]{color:#374151;font-weight:500;flex:1;text-align:center}.history-value[data-v-64212279]{font-weight:700;font-size:1.1rem;min-width:80px;text-align:right}.history-value.positive[data-v-64212279]{color:#10b981}.history-value.negative[data-v-64212279]{color:#ef4444}.no-history[data-v-64212279]{text-align:center;padding:60px;color:#6b7280;font-size:1.1rem}.pagination[data-v-64212279]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-btn[data-v-64212279]{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn[data-v-64212279]:hover:not(:disabled){border-color:#fd373b;color:#fd373b}.pagination-btn[data-v-64212279]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-64212279]{color:#6b7280;font-weight:500;min-width:80px;text-align:center}.no-user[data-v-64212279]{text-align:center;padding:60px 40px}.no-user p[data-v-64212279]{font-size:1.1rem;color:#6b7280;margin-bottom:24px}@media (max-width: 768px){.profile-page[data-v-64212279]{padding:20px 0}.profile-content[data-v-64212279]{padding:30px 20px}.profile-header[data-v-64212279]{padding:24px 20px}.profile-header h1[data-v-64212279]{font-size:1.5rem}.avatar[data-v-64212279],.avatar-placeholder[data-v-64212279]{width:100px;height:100px}.avatar-placeholder[data-v-64212279]{font-size:2.5rem}.actions-section[data-v-64212279]{flex-direction:column}.actions-section .btn[data-v-64212279]{width:100%}.points-section[data-v-64212279]{padding:16px}.section-header[data-v-64212279]{flex-direction:column;align-items:flex-start;gap:12px}.section-header h3[data-v-64212279]{font-size:1.2rem}.point-display[data-v-64212279]{font-size:1rem}.point-value[data-v-64212279]{font-size:1.2rem}.toggle-tabs button[data-v-64212279]{padding:10px 16px;font-size:.9rem}.history-item[data-v-64212279]{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.history-date[data-v-64212279]{min-width:auto;font-size:.8rem}.history-action[data-v-64212279]{text-align:left}.history-value[data-v-64212279]{min-width:auto;text-align:left;font-size:1rem}.pagination[data-v-64212279]{gap:12px}.pagination-btn[data-v-64212279]{padding:6px 12px;font-size:.9rem}}.book-info-container[data-v-b73d9b85]{padding:20px 0}.form-container[data-v-b73d9b85]{display:flex;justify-content:center;max-width:600px;margin:0 auto}.form-card[data-v-b73d9b85]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:100%;border:4px solid #f89100}.form-card h2[data-v-b73d9b85]{color:#f89100;font-size:1.5rem;margin-bottom:30px}.form-group[data-v-b73d9b85]{margin-bottom:20px}.form-label[data-v-b73d9b85]{display:block;margin-bottom:8px;color:#f89100;font-weight:700;font-size:1.1rem}.form-input[data-v-b73d9b85]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box;background-color:#fff;color:#374151}.form-input[data-v-b73d9b85]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row[data-v-b73d9b85]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-select[data-v-b73d9b85]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;background:#fff;transition:border-color .3s ease}.form-select[data-v-b73d9b85]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.character-count[data-v-b73d9b85]{text-align:right;font-size:.8rem;color:#6b7280;margin-top:4px}.form-help[data-v-b73d9b85]{font-size:.8rem;color:#6b7280;margin-top:4px}.form-actions[data-v-b73d9b85]{display:flex;justify-content:center;margin-top:30px;gap:16px}@media (max-width: 768px){.form-card[data-v-b73d9b85]{padding:30px 20px}.form-row[data-v-b73d9b85]{grid-template-columns:1fr}.form-actions[data-v-b73d9b85]{flex-direction:column}}.translating-indicator[data-v-b73d9b85]{margin-left:10px;font-size:.9rem;color:#3b82f6;font-weight:400}.label-with-button[data-v-b73d9b85]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.retranslate-btn[data-v-b73d9b85]{margin-left:auto}.translation-container[data-v-b73d9b85]{display:block}.translation-view[data-v-b73d9b85]{background:#f9fafb;padding:15px;border-radius:8px;min-height:60px;display:flex;align-items:center;width:100%;cursor:pointer;position:relative;transition:all .3s ease}.translation-view[data-v-b73d9b85]:hover{background:#f3f4f6}.translation-view p[data-v-b73d9b85]{font-size:1rem;line-height:1.6;color:#4b5563;margin:0;width:100%}.translation-view .placeholder[data-v-b73d9b85]{color:#9ca3af;font-style:italic}.edit-hint[data-v-b73d9b85]{position:absolute;right:15px;color:#9ca3af;opacity:0;transition:opacity .3s ease}.translation-view:hover .edit-hint[data-v-b73d9b85]{opacity:1}.translation-input[data-v-b73d9b85]{width:100%;background-color:#fff;color:#374151}.share-preview-container[data-v-c144543c]{display:flex;align-items:center;min-height:100vh;background-image:url(/assets/background1.png);background-size:cover;background-position:center;background-attachment:fixed;padding:20px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:0}.loading-container[data-v-c144543c],.error-container[data-v-c144543c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;color:#fff;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0}.loading-spinner[data-v-c144543c]{font-size:4rem;margin-bottom:20px;color:#3b82f6;animation:spin-c144543c 1s linear infinite}@keyframes spin-c144543c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-c144543c]{font-size:1.2rem;font-weight:500}.error-icon[data-v-c144543c]{font-size:4rem;margin-bottom:20px;display:block}.error-content h3[data-v-c144543c]{font-size:1.5rem;margin-bottom:16px}.book-container[data-v-c144543c]{max-width:1200px;margin:0 auto;padding-bottom:100px;min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.top-logo[data-v-c144543c]{position:fixed;top:20px;right:20px;z-index:99;width:150px;height:50px}.top-logo img[data-v-c144543c]{width:100%;height:100%;object-fit:contain}.form-actions[data-v-c144543c]{position:fixed;bottom:0;left:0;right:0;background-color:#545454;padding:20px 100px 20px 20px;display:flex;justify-content:center;align-items:center;z-index:100;box-shadow:0 -4px 20px #0000004d}.form-actions.full[data-v-c144543c]{display:none!important}.action-text[data-v-c144543c]{color:#fff;font-family:BpmfGenSenRounded-B,sans-serif;font-size:1.1rem;font-weight:600;margin-right:auto;padding-left:20px}.action-buttons[data-v-c144543c]{display:flex;gap:16px;align-items:center}.cat-teacher[data-v-c144543c]{position:fixed;bottom:20px;left:-20px;width:350px;z-index:10}.cat-teacher img[data-v-c144543c]{width:100%;height:auto;animation:float-c144543c 3s ease-in-out infinite}@keyframes float-c144543c{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1366px) and (min-width: 1024px){.book-container[data-v-c144543c]{min-height:auto;height:calc(100vh - 120px);overflow-y:auto}}@media (max-width: 1024px) and (min-width: 768px){.book-container[data-v-c144543c]{min-height:calc(100vh - 100px);padding:20px}}@media (max-width: 768px){.book-container[data-v-c144543c]{padding-bottom:80px;min-height:calc(100vh - 100px)}.top-logo[data-v-c144543c]{width:120px;height:40px;top:10px;right:10px}.form-actions[data-v-c144543c]{flex-direction:row;gap:10px;text-align:center;padding:10px 15px}.action-text[data-v-c144543c]{display:none}.action-buttons[data-v-c144543c]{justify-content:center;gap:8px;flex:1;flex-wrap:nowrap}.action-buttons .game-button[data-v-c144543c]{font-size:.8rem;padding:8px 12px}.cat-teacher[data-v-c144543c]{display:none}}@media (max-width: 400px){.top-logo[data-v-c144543c]{width:100px;height:33px}}.btn[data-v-c144543c]{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-c144543c]{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.btn-primary[data-v-c144543c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.recharge-page[data-v-d66f1c03]{min-height:100vh;background-image:url(/assets/background1.png);background-size:cover;background-position:center;background-attachment:fixed;padding:20px 0}.container[data-v-d66f1c03]{max-width:1200px;margin:0 auto;padding:0 20px}.recharge-content[data-v-d66f1c03]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;margin:20px 0}.recharge-header[data-v-d66f1c03]{background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff;padding:40px;text-align:center}.recharge-header h1[data-v-d66f1c03]{font-size:2.5rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:16px}.subtitle[data-v-d66f1c03]{font-size:1.2rem;opacity:.9;margin:0}.plan-cards[data-v-d66f1c03]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:50px 40px}.plan-card[data-v-d66f1c03]{position:relative;cursor:pointer;transition:all .3s ease;border-radius:16px;overflow:hidden}.plan-card[data-v-d66f1c03]:hover{transform:translateY(-5px)}.plan-card.selected[data-v-d66f1c03]{transform:translateY(-5px);box-shadow:0 20px 40px #fd373b4d}.plan-card.popular[data-v-d66f1c03]{border:3px solid #ffd700}.plan-card-inner[data-v-d66f1c03]{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:30px;height:100%;display:flex;flex-direction:column;transition:all .3s ease}.plan-card.selected .plan-card-inner[data-v-d66f1c03]{border-color:#fd373b;background:linear-gradient(135deg,#fff5f5,#fff)}.badge[data-v-d66f1c03]{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffed4e);color:#b45309;padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #ffd7004d}.plan-header[data-v-d66f1c03]{text-align:center;margin-bottom:20px}.plan-header h3[data-v-d66f1c03]{font-size:1.8rem;font-weight:700;color:#374151;margin:0 0 8px}.plan-tag[data-v-d66f1c03]{background:#f3f4f6;color:#6b7280;padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:500;display:inline-block}.price[data-v-d66f1c03]{text-align:center;margin:20px 0;font-size:3rem;font-weight:700;color:#fd373b}.currency[data-v-d66f1c03]{font-size:1.5rem;font-weight:500}.plan-divider[data-v-d66f1c03]{height:1px;background:#e5e7eb;margin:20px 0}.feature-list[data-v-d66f1c03]{list-style:none;padding:0;margin:0 0 30px;flex:1}.feature-list li[data-v-d66f1c03]{display:flex;align-items:center;gap:12px;padding:8px 0;color:#374151;font-weight:500}.feature-list i[data-v-d66f1c03]{color:#10b981;font-size:1.1rem}.select-btn[data-v-d66f1c03]{width:100%;background:#f9fafb;border:2px solid #e5e7eb;color:#6b7280;padding:12px 24px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.select-btn.selected[data-v-d66f1c03]{background:linear-gradient(135deg,#fd373b,#c62d31);border-color:#fd373b;color:#fff}.select-btn[data-v-d66f1c03]:hover:not(.selected){background:#f3f4f6;border-color:#d1d5db}.payment-info[data-v-d66f1c03]{background:#f9fafb;padding:30px 40px;text-align:center;border-top:1px solid #e5e7eb}.secure-payment[data-v-d66f1c03]{display:flex;align-items:center;justify-content:center;gap:8px;color:#059669;font-weight:600;margin-bottom:16px}.payment-methods[data-v-d66f1c03]{display:flex;align-items:center;justify-content:center;gap:12px;color:#6b7280;margin-bottom:24px}.payment-methods i[data-v-d66f1c03]{font-size:1.5rem;color:#374151}.go-pay-btn[data-v-d66f1c03]{background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff;border:none;padding:16px 40px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px}.go-pay-btn[data-v-d66f1c03]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #fd373b4d}.faq-section[data-v-d66f1c03]{padding:40px;border-top:1px solid #e5e7eb}.faq-section h2[data-v-d66f1c03]{color:#374151;font-size:1.8rem;font-weight:600;margin-bottom:30px;display:flex;align-items:center;gap:12px}.faq-item[data-v-d66f1c03]{margin-bottom:24px}.faq-question[data-v-d66f1c03]{display:flex;align-items:center;gap:12px;color:#374151;font-weight:600;font-size:1.1rem;margin-bottom:8px}.faq-question i[data-v-d66f1c03]{color:#fd373b}.faq-answer[data-v-d66f1c03]{color:#6b7280;line-height:1.6;padding-left:28px}.modal-overlay[data-v-d66f1c03]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content[data-v-d66f1c03]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:500px;width:90%;position:relative}.modal-close-button[data-v-d66f1c03]{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close-button[data-v-d66f1c03]:hover{background:#f3f4f6;color:#374151}.modal-content h3[data-v-d66f1c03]{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:24px}.modal-content p[data-v-d66f1c03]{color:#6b7280;line-height:1.6;margin-bottom:16px}@media (max-width: 768px){.recharge-header[data-v-d66f1c03]{padding:30px 20px}.recharge-header h1[data-v-d66f1c03]{font-size:1.8rem}.recharge-header p[data-v-d66f1c03]{font-size:.9rem}.plan-cards[data-v-d66f1c03]{grid-template-columns:1fr;padding:30px 20px;gap:20px}.plan-card h3[data-v-d66f1c03]{font-size:1.2rem}.price[data-v-d66f1c03]{font-size:3rem}.currency[data-v-d66f1c03]{font-size:1.5rem}.plan-card .btn[data-v-d66f1c03]{font-size:.9rem;padding:12px 24px}.payment-info[data-v-d66f1c03]{padding:20px}.payment-info h3[data-v-d66f1c03]{font-size:1.3rem}.payment-info p[data-v-d66f1c03]{font-size:.85rem}.faq-section[data-v-d66f1c03]{padding:30px 20px}.faq-section h3[data-v-d66f1c03]{font-size:1.4rem}.faq-item h4[data-v-d66f1c03]{font-size:.95rem}.faq-answer[data-v-d66f1c03]{font-size:.8rem}.modal-content[data-v-d66f1c03]{padding:30px 20px}.modal-content h3[data-v-d66f1c03]{font-size:1.3rem}.modal-content p[data-v-d66f1c03]{font-size:.85rem}}.loading-container[data-v-4710cd43]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-image:url(/assets/background1.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;margin:0!important;padding:0!important}.loading-content[data-v-4710cd43]{text-align:center;animation:fadeInUp-4710cd43 .8s ease-out;background:#fffffff2;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0000001a}.mascot-logo[data-v-4710cd43]{margin-bottom:40px;animation:bounce-4710cd43 2s infinite}.mascot-logo img[data-v-4710cd43]{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.loading-spinner[data-v-4710cd43]{margin-bottom:30px}.spinner[data-v-4710cd43]{width:60px;height:60px;border:4px solid rgba(253,55,59,.3);border-top:4px solid #fd373b;border-radius:50%;animation:spin-4710cd43 1s linear infinite;margin:0 auto}.loading-text[data-v-4710cd43]{color:#fd373b;font-size:1.2rem;font-weight:500;opacity:.9;animation:pulse-4710cd43 2s ease-in-out infinite}@keyframes fadeInUp-4710cd43{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-4710cd43{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes spin-4710cd43{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-4710cd43{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}@media (max-width: 600px){.mascot-logo img[data-v-4710cd43]{width:150px;height:150px}.spinner[data-v-4710cd43]{width:50px;height:50px}.loading-text[data-v-4710cd43]{font-size:1rem;padding:0 20px}}@media (max-height: 450px){.loading-content[data-v-4710cd43]{padding:20px;display:flex;flex-direction:row;align-items:center;gap:30px}.mascot-logo[data-v-4710cd43]{margin-bottom:0}.mascot-logo img[data-v-4710cd43]{width:100px;height:100px}.loading-spinner[data-v-4710cd43]{margin-bottom:0}.spinner[data-v-4710cd43]{width:40px;height:40px;border-width:3px}.loading-text[data-v-4710cd43]{font-size:.9rem;margin:0}}@media (max-height: 350px){.loading-content[data-v-4710cd43]{padding:15px;gap:20px}.mascot-logo img[data-v-4710cd43]{width:80px;height:80px}.spinner[data-v-4710cd43]{width:30px;height:30px;border-width:2px}.loading-text[data-v-4710cd43]{font-size:.8rem}}.notfound-container[data-v-b30f3a83]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-image:url(/assets/background1.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;margin:0!important;padding:0!important}.notfound-content[data-v-b30f3a83]{text-align:center;animation:fadeInUp-b30f3a83 .8s ease-out;max-width:500px;padding:40px;background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a}.error-code[data-v-b30f3a83]{font-size:8rem;font-weight:900;color:#fd373b26;margin-bottom:-40px;animation:pulse-b30f3a83 3s ease-in-out infinite}.mascot-logo[data-v-b30f3a83]{margin-bottom:30px;animation:swing-b30f3a83 3s ease-in-out infinite}.mascot-logo img[data-v-b30f3a83]{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));opacity:.9}.error-title[data-v-b30f3a83]{color:#374151;font-size:2rem;font-weight:700;margin-bottom:15px}.error-text[data-v-b30f3a83]{color:#6b7280;font-size:1.2rem;font-weight:500;margin-bottom:40px;line-height:1.6}.action-buttons[data-v-b30f3a83]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-home[data-v-b30f3a83],.btn-books[data-v-b30f3a83]{background:#fff;color:#fd373b;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 5px 20px #0003}.btn-home[data-v-b30f3a83]:hover,.btn-books[data-v-b30f3a83]:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.btn-home[data-v-b30f3a83]:active,.btn-books[data-v-b30f3a83]:active{transform:translateY(0)}.icon[data-v-b30f3a83]{font-size:1.3rem}@keyframes fadeInUp-b30f3a83{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes swing-b30f3a83{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes pulse-b30f3a83{0%{opacity:.15;transform:scale(1)}50%{opacity:.08;transform:scale(1.05)}to{opacity:.15;transform:scale(1)}}@media (max-width: 600px){.error-code[data-v-b30f3a83]{font-size:6rem;margin-bottom:-30px}.mascot-logo img[data-v-b30f3a83]{width:150px;height:150px}.error-title[data-v-b30f3a83]{font-size:1.5rem}.error-text[data-v-b30f3a83]{font-size:1rem}.action-buttons[data-v-b30f3a83]{flex-direction:column;width:100%;padding:0 20px}.btn-home[data-v-b30f3a83],.btn-books[data-v-b30f3a83]{width:100%;justify-content:center}}.book-edit-container[data-v-051bfc9d]{padding:20px 0;min-height:100vh;background-image:url(/assets/background1.png);background-size:cover;background-position:center;background-attachment:fixed}.container[data-v-051bfc9d]{max-width:800px;margin:0 auto;padding:0 20px}.header-section[data-v-051bfc9d]{text-align:center;margin-bottom:40px}.page-title[data-v-051bfc9d]{font-size:2.5rem;color:#1f2937;margin-bottom:10px;-webkit-text-stroke:6px white;text-stroke:6px white;paint-order:stroke fill}.page-subtitle[data-v-051bfc9d]{font-size:1.2rem;color:#6b7280;margin:0}.loading-container[data-v-051bfc9d]{text-align:center;padding:60px 20px}.loading-spinner[data-v-051bfc9d]{font-size:3rem;color:#3b82f6;margin-bottom:20px}.error-container[data-v-051bfc9d]{text-align:center;padding:60px 20px}.error-container p[data-v-051bfc9d]{font-size:1.2rem;color:#ef4444;margin-bottom:20px}.edit-form[data-v-051bfc9d]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px}.step-section[data-v-051bfc9d]{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:2px dashed #e5e7eb}.step-section[data-v-051bfc9d]:last-child{border-bottom:none}.step-header[data-v-051bfc9d]{display:flex;align-items:center;gap:15px}.step-icon[data-v-051bfc9d]{font-size:1.5rem}.step-title[data-v-051bfc9d]{font-size:1.3rem;font-weight:600;color:#374151}.page-buttons[data-v-051bfc9d]{display:flex;flex-wrap:wrap;gap:10px;max-width:400px}.page-button[data-v-051bfc9d]{min-width:80px}.story-page-button[data-v-051bfc9d]{background:linear-gradient(180deg,#fd373b,#e02327)!important;color:#fff!important;box-shadow:0 6px #b01e21,0 8px 12px #b01e214d!important}.story-page-button[data-v-051bfc9d]:hover{background:linear-gradient(180deg,#e02327,#c01e23)!important;transform:translateY(-2px)}.no-content-message[data-v-051bfc9d]{color:#6b7280;font-size:1rem;text-align:center;padding:20px;font-style:italic}.action-buttons[data-v-051bfc9d]{display:flex;justify-content:space-between;gap:20px}@media (max-width: 768px){.container[data-v-051bfc9d]{padding:0 15px}.page-title[data-v-051bfc9d]{font-size:2rem}.edit-form[data-v-051bfc9d]{padding:30px 20px}.step-section[data-v-051bfc9d]{flex-direction:column;align-items:flex-start;gap:15px}.step-header[data-v-051bfc9d]{width:100%}.page-buttons[data-v-051bfc9d]{width:100%;max-width:none}.action-buttons[data-v-051bfc9d]{flex-direction:column}}@media (max-width: 480px){.page-title[data-v-051bfc9d]{font-size:1.8rem}.step-title[data-v-051bfc9d]{font-size:1.1rem}.edit-form[data-v-051bfc9d]{padding:20px 15px}}@font-face{font-family:"Gen Jyuu Gothic Monospace";src:url(/font/Gen%20Jyuu%20Gothic%20Monospace%20Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:"Gen Jyuu Gothic Monospace",Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:700;color-scheme:light;color:#2c3e50;background:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s;transition:all .2s}html,body{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;margin:0;padding:0}body:not(.homepage):not(.loading-page){background:url(/assets/background1.png) center/cover no-repeat}body.homepage{background:none!important}body.loading-page{background:#f5f5f5!important;margin:0!important;padding:0!important;overflow:hidden!important}body.books-page{background:#000!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}button:focus,input:focus{outline:none}.tips-panel{background:#fff;padding:40px;border-radius:16px;height:fit-content}.tips-panel h3{color:#374151;font-size:1.3rem;margin-bottom:20px}.tip-item{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(55,65,81,.1)}.tip-item:last-child{border-bottom:none}.tip-item h4{color:#f59e0b;margin-bottom:8px;font-size:1rem}.tip-item p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease;min-width:120px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s ease;background-color:#fff;color:#374151}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;resize:vertical;min-height:120px;transition:border-color .3s ease;background-color:#fff;color:#374151}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#374151!important;-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;transition:background-color 5000s ease-in-out 0s;background-color:#fff!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{background-color:#fff!important;color:#374151!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input,.form-textarea,.form-select,.character-name-input,.character-name-input-large,.translation-input{background-color:#fff!important;color:#374151!important}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.flex-col{flex-direction:column}.text-center{text-align:center}.text-xl{font-size:1.25rem;font-weight:600}.text-2xl{font-size:1.5rem;font-weight:700}.text-3xl{font-size:1.875rem;font-weight:700}.text-4xl{font-size:2.25rem;font-weight:800}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease}.step-indicator{display:flex;align-items:center;margin-bottom:32px}.step-circle{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:16px}.step-circle.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.step-circle.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.step-line{flex:1;height:2px;background:#e5e7eb;margin:0 16px}.step-line.active{background:linear-gradient(90deg,#3b82f6,#2563eb)}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(30px);opacity:0}.slide-leave-to{transform:translate(-30px);opacity:0}.page-header{text-align:center;margin-bottom:40px;color:#fff}.page-header h1{font-size:2rem;margin:15px 0;color:#545454}.page-header p{font-size:1.1rem;opacity:.9}@media (max-width: 768px){.container{padding:0 16px}.card{padding:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{width:100%;margin-bottom:8px}.text-4xl{font-size:2rem}.text-3xl{font-size:1.5rem}.page-header h1{font-size:2rem}}.header[data-v-f3062ff6]{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;z-index:1000}.header-content[data-v-f3062ff6]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo[data-v-f3062ff6]{cursor:pointer;display:flex;align-items:center}.logo-image[data-v-f3062ff6]{height:60px;width:auto;transition:all .3s ease}.logo-image[data-v-f3062ff6]:hover{transform:scale(1.05)}.nav[data-v-f3062ff6]{display:flex;gap:24px;margin:0 20px 0 auto}.nav-link[data-v-f3062ff6]{text-decoration:none;color:#374151;font-weight:500;padding:8px 20px;border-radius:8px;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:5px;position:relative}.nav-icon[data-v-f3062ff6]{font-size:.9rem;transform:translate(-10px);transition:all .3s ease}.nav-link[data-v-f3062ff6]:hover,.nav-link.router-link-active[data-v-f3062ff6]{background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff}.nav-game-button[data-v-f3062ff6]{margin:0 8px;align-self:center}.nav-game-button .auth-indicator[data-v-f3062ff6]{margin-left:4px;font-size:.8rem}.nav-link.auth-required[data-v-f3062ff6]{opacity:.7}.auth-indicator[data-v-f3062ff6]{font-size:.8rem}.auth-buttons[data-v-f3062ff6]{display:flex;align-items:center;gap:12px}.login-buttons[data-v-f3062ff6]{display:flex;gap:8px}.btn-auth[data-v-f3062ff6]{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-auth.login[data-v-f3062ff6]{background:transparent;color:#fd373b;border:1px solid #fd373b}.btn-auth.login[data-v-f3062ff6]:hover{background:#fd373b;color:#fff}.btn-auth.register[data-v-f3062ff6]{background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff}.btn-auth.register[data-v-f3062ff6]:hover{background:linear-gradient(135deg,#c62d31,#a02327);transform:translateY(-1px)}.btn-auth.logout[data-v-f3062ff6]{background:#f3f4f6;color:#6b7280;font-size:.8rem;padding:6px 12px}.btn-auth.logout[data-v-f3062ff6]:hover{background:#e5e7eb}.user-menu[data-v-f3062ff6]{display:flex;align-items:center;gap:12px}.user-info-display[data-v-f3062ff6]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .3s ease}.user-info-display[data-v-f3062ff6]:hover{background:#fd373b1a}.user-avatar[data-v-f3062ff6]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fd373b}.user-avatar-placeholder[data-v-f3062ff6]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fd373b,#c62d31);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.user-name[data-v-f3062ff6]{color:#374151;font-size:.9rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle[data-v-f3062ff6]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:4px}.menu-toggle span[data-v-f3062ff6]{width:20px;height:2px;background:#374151;transition:all .3s ease}.menu-toggle.menu-open span[data-v-f3062ff6]:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.menu-open span[data-v-f3062ff6]:nth-child(2){opacity:0}.menu-toggle.menu-open span[data-v-f3062ff6]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 768px){.header-content[data-v-f3062ff6]{flex-direction:column;gap:0;align-items:stretch;position:relative;padding:0}.logo[data-v-f3062ff6]{align-self:center}.nav[data-v-f3062ff6]{position:absolute;top:100%;left:10px;right:10px;background:#fff;flex-direction:column;padding:24px;box-shadow:0 8px 24px #00000026;border-radius:16px;margin-top:10px;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;align-items:stretch;gap:8px}.nav-open[data-v-f3062ff6]{transform:translateY(0);opacity:1;visibility:visible}.auth-buttons[data-v-f3062ff6]{order:-1;align-self:center}.user-menu[data-v-f3062ff6]{display:none}.login-buttons[data-v-f3062ff6]{flex-direction:column;gap:8px}.menu-toggle[data-v-f3062ff6]{display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.nav-link[data-v-f3062ff6]{padding:16px 20px;margin:0;border-radius:12px;background:#f9fafb;border:none;justify-content:flex-start;align-items:center;transition:all .2s ease}.nav-link[data-v-f3062ff6]:hover{background:linear-gradient(135deg,#fd373b,#c62d31);transform:translate(4px)}.nav-game-button[data-v-f3062ff6]{width:100%;margin-top:8px;padding:16px;border-radius:12px}.nav-icon[data-v-f3062ff6]{margin-right:12px;width:20px;text-align:center;transform:none}.nav-text[data-v-f3062ff6]{flex:1;text-align:left}.auth-indicator[data-v-f3062ff6]{margin-left:auto}}.fade-enter-active[data-v-f3062ff6],.fade-leave-active[data-v-f3062ff6]{transition:opacity .3s ease}.fade-enter-from[data-v-f3062ff6],.fade-leave-to[data-v-f3062ff6]{opacity:0}.footer[data-v-804dd1ff]{color:#000;padding:15px 0 50px;background:#fff;position:relative}.footer-content[data-v-804dd1ff]{display:flex;align-items:center;justify-content:space-between;gap:40px}.company-logo[data-v-804dd1ff]{flex-shrink:0}.company-logo img[data-v-804dd1ff]{height:50px;width:auto;margin-right:10px;object-fit:contain}.company-info[data-v-804dd1ff]{flex:1;display:flex;align-items:center;justify-content:center}.company-name-link[data-v-804dd1ff]{background:none;border:none;color:#000;font-size:1rem;font-weight:inherit;cursor:pointer;padding:0;text-decoration:none;transition:all .3s ease}.company-name-link[data-v-804dd1ff]:hover{color:#1f2937;text-decoration:underline}.footer-links[data-v-804dd1ff]{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}@media (max-width: 768px){.footer[data-v-804dd1ff]{padding:12px 0}.footer-content[data-v-804dd1ff]{flex-direction:column;gap:20px}.company-logo[data-v-804dd1ff]{display:none}.company-info[data-v-804dd1ff]{text-align:center}.company-name-link[data-v-804dd1ff]{font-size:.8rem}.footer-links[data-v-804dd1ff]{align-items:center;width:100%}}.footer-links-section[data-v-804dd1ff]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;font-size:.9rem;position:absolute;width:100%;left:0;bottom:25px}.footer-link[data-v-804dd1ff]{color:#4a5568;text-decoration:none;transition:all .3s ease;cursor:pointer}.footer-link[data-v-804dd1ff]:hover{color:#2d3748;text-decoration:underline}.link-separator[data-v-804dd1ff]{color:#cbd5e0;-webkit-user-select:none;user-select:none}.version-info[data-v-804dd1ff]{color:#00000026;font-size:11px;font-family:monospace;position:absolute;right:20px;bottom:5px;-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 768px){.footer-links-section[data-v-804dd1ff]{position:static;flex-direction:column;gap:8px;margin-top:15px;font-size:.85rem}.link-separator[data-v-804dd1ff]{display:none}.version-info[data-v-804dd1ff]{position:static;margin-top:10px;text-align:center;font-size:10px}}.version-update-overlay[data-v-531886d2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.version-update-modal[data-v-531886d2]{background:#fff;border-radius:20px;padding:40px;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideIn-531886d2 .3s ease-out}@keyframes slideIn-531886d2{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon[data-v-531886d2]{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:pulse-531886d2 2s infinite}@keyframes pulse-531886d2{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 20px #667eea00}to{box-shadow:0 0 #667eea00}}.modal-icon i[data-v-531886d2]{font-size:2.5rem;color:#fff;animation:rotate-531886d2 3s linear infinite}@keyframes rotate-531886d2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-title[data-v-531886d2]{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:15px}.modal-message[data-v-531886d2]{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.modal-features[data-v-531886d2]{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.feature-item[data-v-531886d2]{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#4a5568;font-size:1rem}.feature-item[data-v-531886d2]:last-child{margin-bottom:0}.feature-item i[data-v-531886d2]{color:#48bb78;font-size:1.2rem}.modal-actions[data-v-531886d2]{display:flex;gap:15px;justify-content:center}.btn-update[data-v-531886d2],.btn-later[data-v-531886d2]{padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-update[data-v-531886d2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-update[data-v-531886d2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-later[data-v-531886d2]{background:#e2e8f0;color:#4a5568}.btn-later[data-v-531886d2]:hover{background:#cbd5e0}.fade-enter-active[data-v-531886d2],.fade-leave-active[data-v-531886d2]{transition:opacity .3s ease}.fade-enter-from[data-v-531886d2],.fade-leave-to[data-v-531886d2]{opacity:0}@media (max-width: 480px){.version-update-modal[data-v-531886d2]{padding:30px 20px}.modal-title[data-v-531886d2]{font-size:1.5rem}.modal-message[data-v-531886d2]{font-size:1rem}.modal-actions[data-v-531886d2]{flex-direction:column;width:100%}.btn-update[data-v-531886d2],.btn-later[data-v-531886d2]{width:100%;justify-content:center}}#app[data-v-548872e2]{min-height:100vh;display:flex;flex-direction:column}#app.fullscreen[data-v-548872e2]{display:block;min-height:100vh}.main-content[data-v-548872e2]{flex:1;padding:80px 0 20px}.main-content.no-header[data-v-548872e2]{padding:0}@media (max-width: 768px){.main-content[data-v-548872e2]{padding:70px 0 30px}.main-content.no-header[data-v-548872e2]{padding:0}}