@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&family=Comic+Neue&display=swap";.logo[data-v-30d68328]{font-size:var(--23360570);color:#e07a5f;margin:0 0 24px;text-align:center;font-weight:700;letter-spacing:-.5px;position:relative;display:inline-block;width:100%}.logo[data-v-30d68328]:after{content:"";display:block;width:60px;height:4px;background:#f2cc8f;margin:12px auto 0;border-radius:2px}.app-purpose[data-v-30d68328]{font-size:var(--25e28996);color:#3d405b;text-align:center;line-height:1.6;margin-bottom:32px;opacity:.9}.card-title[data-v-30d68328]{font-size:var(--910b171e);color:#3d405b;text-align:center;margin-bottom:24px;font-weight:600}.error-message[data-v-30d68328]{font-size:var(--102c513c);color:#666;margin-bottom:16px;text-align:center}.form-group input[data-v-30d68328]{font-size:var(--4a36b148)}.primary-btn[data-v-30d68328]{font-size:var(--2248caac)}.toggle-mode[data-v-30d68328]{font-size:var(--102c513c)}@media (max-width: 768px){.logo[data-v-30d68328]{font-size:var(--5b5620ce)}.app-purpose[data-v-30d68328]{font-size:var(--00957fe8)}.card-title[data-v-30d68328]{font-size:var(--799164a6)}.error-message[data-v-30d68328]{font-size:var(--96716ec8)}.form-group input[data-v-30d68328]{font-size:var(--a8d4dd3c)}.primary-btn[data-v-30d68328]{font-size:var(--0077c412)}.toggle-mode[data-v-30d68328]{font-size:var(--96716ec8)}}.auth-container[data-v-30d68328]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#ffd6e0,#ffc2d1,#ffb3c6);position:relative;overflow:hidden}.auth-container[data-v-30d68328]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="20" cy="20" r="3" fill="rgba(255,255,255,0.3)"/><circle cx="50" cy="30" r="4" fill="rgba(255,255,255,0.3)"/><circle cx="80" cy="20" r="3" fill="rgba(255,255,255,0.3)"/><circle cx="30" cy="70" r="3" fill="rgba(255,255,255,0.3)"/><circle cx="70" cy="80" r="4" fill="rgba(255,255,255,0.3)"/></svg>');opacity:.6}.auth-card[data-v-30d68328]{width:100%;max-width:420px;background-color:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 10px 30px #ff6b8b33;margin:20px;position:relative;border:3px solid #FF9AA2;overflow:hidden;z-index:1}.auth-card[data-v-30d68328]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ff9aa2,#ff7f8a)}.logo[data-v-30d68328]{text-align:center;color:var(--color-primary-dark);font-size:32px;margin-bottom:24px;font-weight:700;position:relative;font-family:"Baloo 2",cursive}.logo[data-v-30d68328]:after{content:"";display:block;width:60px;height:4px;background:var(--color-secondary);margin:12px auto 0;border-radius:2px}.card-title[data-v-30d68328]{text-align:center;margin-bottom:30px;color:var(--text-dark);font-size:20px;font-family:"Baloo 2",cursive;position:relative;padding-left:16px}.card-title[data-v-30d68328]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:24px;background:var(--color-primary);border-radius:4px}.auth-form[data-v-30d68328]{margin-bottom:20px}.form-group[data-v-30d68328]{margin-bottom:24px}input[data-v-30d68328]{width:calc(100% - 32px);padding:14px 16px;border:2px solid var(--color-primary-light);border-radius:12px;font-size:16px;color:var(--text-dark);transition:var(--transition-default);background-color:#fff;box-sizing:border-box;font-family:Comic Neue,cursive}input[data-v-30d68328]:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #ff6b8b33;outline:none}.primary-btn[data-v-30d68328]{width:calc(100% - 32px);padding:16px;background:linear-gradient(135deg,#ff9aa2,#ff7f8a);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto;display:block;font-family:"Baloo 2",cursive;letter-spacing:.05em;box-shadow:0 4px 15px #ff9aa266;position:relative;overflow:hidden}.primary-btn[data-v-30d68328]:after{content:"✨";position:absolute;right:20px;top:50%;transform:translateY(-50%)}.primary-btn[data-v-30d68328]:hover{background:linear-gradient(135deg,#ff7f8a,#ff6b8b);transform:translateY(-3px);box-shadow:0 8px 20px #ff9aa299}.primary-btn[data-v-30d68328]:active{transform:translateY(1px);box-shadow:0 2px 10px #ff9aa266}.error-message[data-v-30d68328]{color:var(--color-error);font-size:var(--102c513c);margin:16px 0;padding:12px;background:var(--bg-error);border-radius:12px;text-align:center;border:1px solid var(--color-error-light);font-family:Comic Neue,cursive}@media (max-width: 480px){.auth-card[data-v-30d68328]{padding:30px 20px;margin:10px}.logo[data-v-30d68328]{font-size:28px}input[data-v-30d68328]{width:calc(100% - 28px);padding:12px 14px;font-size:15px}.primary-btn[data-v-30d68328]{width:calc(100% - 28px);padding:12px;font-size:15px;margin:0 auto}}.divider[data-v-30d68328]{display:flex;align-items:center;margin:20px 0;color:#777}.divider[data-v-30d68328]:before,.divider[data-v-30d68328]:after{content:"";flex:1;border-bottom:1px solid #eee}.divider[data-v-30d68328]:before{margin-right:10px}.divider[data-v-30d68328]:after{margin-left:10px}.social-btn[data-v-30d68328]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background-color:#fff;color:#3d405b;transition:background-color .2s,transform .2s ease-in-out}.social-btn[data-v-30d68328]:hover{background-color:#f9f9f9;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.google-btn[data-v-30d68328]{color:#db4437}.error-message[data-v-30d68328]{background-color:#fff3f3;color:#e07a5f;padding:10px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:14px}.toggle-mode[data-v-30d68328]{text-align:center;margin-top:24px;color:var(--text-medium);font-family:Comic Neue,cursive;font-size:var(--102c513c)}.toggle-mode a[data-v-30d68328]{color:var(--color-primary-dark);text-decoration:none;font-weight:600;position:relative;transition:var(--transition-default)}.toggle-mode a[data-v-30d68328]:hover{color:var(--color-primary)}.toggle-mode a[data-v-30d68328]:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--color-primary-light);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.toggle-mode a[data-v-30d68328]:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width: 768px){.toggle-mode[data-v-30d68328]{font-size:var(--96716ec8)}}.book-list-container[data-v-0019df60]{width:100%;max-width:1200px;margin:0 auto;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);position:relative}@supports (padding: max(0px)){.book-list-container[data-v-0019df60]{min-height:calc(100vh - max(env(safe-area-inset-top),constant(safe-area-inset-top)) - max(env(safe-area-inset-bottom),constant(safe-area-inset-bottom)));padding-top:max(env(safe-area-inset-top),constant(safe-area-inset-top));padding-bottom:max(env(safe-area-inset-bottom),constant(safe-area-inset-bottom))}}.book-list-container[data-v-0019df60]:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,#ffb6c11a,#ffb6c100);z-index:0}.book-title[data-v-0019df60]{font-size:var(--22e13d7c);margin-bottom:16px;color:#3d405b}.book-purpose[data-v-0019df60]{font-size:var(--fabb7f30);color:#666;line-height:1.5;margin-bottom:24px}.search-filter-bar[data-v-0019df60]{position:sticky;top:env(safe-area-inset-top);z-index:10;background-color:#f8f0e3;padding:calc(16px + env(safe-area-inset-top)) 24px 16px;margin-bottom:4px;border-radius:16px;box-shadow:0 4px 12px #ffb6c133;border:2px solid #FFB6C1}@supports (padding: max(0px)){.search-filter-bar[data-v-0019df60]{top:max(env(safe-area-inset-top),constant(safe-area-inset-top));padding-top:max(calc(16px + env(safe-area-inset-top)),calc(16px + constant(safe-area-inset-top)))}}.search-box[data-v-0019df60]{display:flex;gap:8px;margin-bottom:16px;margin-top:16px}.search-box input[data-v-0019df60]{flex:1;padding:12px 16px;border:2px solid rgba(224,122,95,.2);border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff8ed;color:#3d405b}.search-box input[data-v-0019df60]::placeholder{color:#777}.search-box input[data-v-0019df60]:focus{outline:none;border-color:#e07a5f;box-shadow:0 0 0 3px #e07a5f1a}.search-btn[data-v-0019df60]{padding:0;width:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff9aa2,#ffb7b2);color:#fff;border:3px solid #1A2E40;border-radius:12px;font-family:"Baloo 2",cursive;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #1a2e4033;font-size:20px;line-height:1}.search-btn[data-v-0019df60]:hover{background:linear-gradient(135deg,#ff7f8a,#ff9aa2);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #1a2e404d}.search-btn[data-v-0019df60]:active{transform:translateY(1px) scale(.98)}.category-tabs[data-v-0019df60]{display:flex;gap:6px;overflow-x:auto;padding:4px 8px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;margin-bottom:8px}.category-tabs[data-v-0019df60]::-webkit-scrollbar{display:none}.category-tabs button[data-v-0019df60]{padding:5px 10px;background:#ffb7b2;border:2px solid #1A2E40;border-radius:20px;color:#fff;font-size:12px;font-family:Comic Neue,cursive;font-weight:600;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:50px;min-height:28px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px #1a2e401a;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.category-tabs button.active[data-v-0019df60]{background:linear-gradient(135deg,#ff6b8b,#ff9aa2);color:#fff;border-color:#1a2e40;box-shadow:0 4px 8px #ff9aa24d,inset 0 0 0 2px #ffffff4d;transform:translateY(-2px);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.category-tabs button[data-v-0019df60]:hover:not(.active){background:#ff9aa2;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #1a2e4033}.category-tabs button[data-v-0019df60]:active{transform:translateY(1px) scale(.98)}.book-grid[data-v-0019df60]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:4px}@media (max-width: 768px){.book-grid[data-v-0019df60]{grid-template-columns:repeat(2,1fr);gap:12px;padding:4px}}@media (max-width: 360px){.book-grid[data-v-0019df60]{gap:8px;padding:4px}}.book-card[data-v-0019df60]{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #ffb6c133;transition:all .4s cubic-bezier(.25,.8,.25,1);height:100%;display:flex;flex-direction:column;border:2px solid #FFB6C1}.book-card[data-v-0019df60]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(135deg,#ffebeeb3,#fff0f580);z-index:1;opacity:.6}.book-card[data-v-0019df60]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 24px #1a2e4033;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.book-cover[data-v-0019df60]{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#fff}.cover-image[data-v-0019df60]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.book-card:hover .cover-image[data-v-0019df60]{transform:scale(1.05)}.book-badge[data-v-0019df60]{position:absolute;top:12px;right:12px;background:#e07a5f;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #e07a5f33}.book-info[data-v-0019df60]{padding:16px;flex:1;display:flex;flex-direction:column}.book-title[data-v-0019df60]{margin:8px 0;font-family:"Baloo 2",cursive;font-size:var(--4b6a1b7e);color:var(--text-primary);text-transform:uppercase;text-align:center;position:relative;z-index:2;background:linear-gradient(to right,#ff6b8b,#ff9aa2);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 8px}.book-description[data-v-0019df60]{margin:8px 0;font-family:Comic Neue,cursive;font-size:var(--0812436e);color:var(--text-secondary);line-height:1.5;text-align:center;position:relative;z-index:2;padding:0 8px}.read-btn[data-v-0019df60]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#ff9aa2;color:#fff;border:2px solid #FFB7B2;border-radius:12px;font-family:"Baloo 2",cursive;font-size:var(--5df75e90);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #ffb6c14d;position:relative;z-index:2;margin-top:auto;margin-bottom:16px}.read-btn[data-v-0019df60]:hover{background:#ffb7b2;color:#fff;border-color:#ff9aa2;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px #ffb6c166}.btn-icon[data-v-0019df60]{font-size:18px}.add-role-btn[data-v-0019df60]{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border:2px dashed #FF9AA2;background:#ff9aa21a;color:#fff;border-radius:20px;font-family:Comic Neue,cursive;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:50px;min-height:28px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-role-btn[data-v-0019df60]:hover{background:#ff9aa24d;border-color:#ff7f8a;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #1a2e401a}.add-role-btn[data-v-0019df60]:active{transform:translateY(1px) scale(.98)}.plus-icon[data-v-0019df60]{display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;width:16px;height:16px;line-height:1;margin-top:-1px}.category-tabs[data-v-0019df60]{gap:4px}@media (max-width: 768px){.category-tabs button[data-v-0019df60]{padding:3px 5px;font-size:11px;min-width:35px;min-height:24px;max-width:70px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.book-grid[data-v-0019df60]{grid-template-columns:repeat(2,1fr);gap:12px;padding-top:4px;padding-right:0;padding-left:0}.book-cover[data-v-0019df60]{padding-top:100%}.book-info[data-v-0019df60]{padding:10px}.book-title[data-v-0019df60]{font-size:var(--f6c4917c);margin-bottom:4px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.book-author[data-v-0019df60]{font-size:var(--50d7f808);margin-bottom:4px}.book-description[data-v-0019df60]{font-size:var(--21c9a9e0);margin-bottom:8px;max-height:34px;overflow:hidden;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical}.read-btn[data-v-0019df60]{padding:8px;font-size:var(--506d4c86);min-height:36px}.btn-icon[data-v-0019df60]{font-size:16px}.book-badge[data-v-0019df60]{padding:4px 8px;font-size:11px}}@media (max-width: 360px){.book-grid[data-v-0019df60]{gap:8px;padding:8px}.book-info[data-v-0019df60]{padding:8px}.book-title[data-v-0019df60]{font-size:13px}.read-btn[data-v-0019df60]{padding:6px;font-size:12px;min-height:32px}}[data-v-bf43a8aa]:root{--primary-gradient: linear-gradient(135deg, #87CEEB 0%, #98FF98 100%);--button-primary: #FF7F50;--button-secondary: #FFD700;--text-dark: #1A2E40;--character-stroke: 3px solid #1A2E40;--text-light: #FFFFFF;--text-secondary: #666666;--card-bg: rgba(255, 255, 255, .95);--card-border: var(--character-stroke);--card-shadow: 0 4px 15px rgba(0, 0, 0, .1);--button-shadow: 0 4px 15px rgba(255, 127, 80, .3);--success-glow: 0 0 15px #7CFC00}@keyframes shake-bf43a8aa{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.book-detail[data-v-bf43a8aa]{width:100%;max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 60px)}.content-wrapper[data-v-bf43a8aa]{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--card-shadow);border:var(--character-stroke);position:relative;overflow:hidden}.content-wrapper[data-v-bf43a8aa]:before{content:"";position:absolute;top:-20px;right:20px;width:60px;height:60px;background:#fff;border-radius:50%;border:var(--character-stroke);background-size:80%;background-repeat:no-repeat;background-position:center;z-index:2}.book-card[data-v-bf43a8aa]{background:var(--card-bg);border-radius:16px;padding:20px;margin-bottom:20px;border:var(--card-border);box-shadow:var(--card-shadow);transition:all .3s ease}.book-card[data-v-bf43a8aa]:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.book-title[data-v-bf43a8aa]{margin:0 0 16px;font-size:24px;color:var(--text-primary);font-weight:700;font-family:"Baloo 2",cursive;text-transform:uppercase;background:linear-gradient(to right,var(--button-primary),var(--button-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.book-author[data-v-bf43a8aa]{margin:0 0 12px;font-size:16px;color:var(--text-secondary);font-weight:600;font-family:Comic Neue,cursive}.book-description[data-v-bf43a8aa]{margin:0 0 24px;font-size:16px;color:var(--text-secondary);line-height:1.6;font-family:Comic Neue,cursive}.book-content[data-v-bf43a8aa]{font-size:16px;line-height:1.8;color:var(--text-primary);white-space:pre-wrap;font-family:Comic Neue,cursive;padding:0 8px}.back-btn[data-v-bf43a8aa]{background:var(--button-primary);color:#fff;border:var(--character-stroke);border-radius:50px;padding:10px 20px;font-family:"Baloo 2",cursive;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:20px;cursor:pointer;transition:all .3s ease;box-shadow:var(--button-shadow)}.back-btn[data-v-bf43a8aa]:hover{transform:translateY(-2px);box-shadow:var(--button-shadow)}.back-btn svg[data-v-bf43a8aa]{width:20px;height:20px}.audio-player-card[data-v-bf43a8aa]{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 8px #0000001a}.audio-title[data-v-bf43a8aa]{font-family:"Baloo 2",cursive;color:var(--text-dark);font-size:20px;margin-bottom:15px}.voice-selector[data-v-bf43a8aa]{margin-bottom:15px}.voice-label[data-v-bf43a8aa]{font-family:Comic Neue,cursive;color:var(--text-secondary);margin-right:10px}.voice-dropdown[data-v-bf43a8aa]{font-family:Comic Neue,cursive;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.play-btn[data-v-bf43a8aa]{background:var(--button-primary);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-family:"Baloo 2",cursive;cursor:pointer;transition:all .3s ease}.play-btn[data-v-bf43a8aa]:hover{transform:translateY(-2px);box-shadow:var(--button-shadow)}.generate-modal[data-v-bf43a8aa]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-bf43a8aa]{background:#fff;border-radius:20px;padding:20px;max-width:400px;width:90%}.generate-title[data-v-bf43a8aa]{font-family:"Baloo 2",cursive;color:var(--text-dark);font-size:20px;margin-bottom:15px}.shengbei-icon[data-v-bf43a8aa]{width:20px;height:20px;vertical-align:middle}.audio-purpose[data-v-bf43a8aa]{color:#777;font-size:16px;line-height:1.6;margin-bottom:20px;text-align:center}.book-detail[data-v-bf43a8aa]{max-width:800px;margin:0 auto;padding:16px;background:#fff8ed;min-height:100vh;position:relative;overflow:hidden}.book-detail[data-v-bf43a8aa]:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0}.content-wrapper[data-v-bf43a8aa]{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.back-btn[data-v-bf43a8aa]{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:24px;background:#fff;border:3px solid #FFB6C1;border-radius:20px;color:#ff69b4;font-family:"Baloo 2",cursive;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #ffb6c14d;position:relative;overflow:hidden;z-index:1}.back-btn[data-v-bf43a8aa]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffb6c1,#ff69b4);opacity:0;transition:opacity .3s ease;z-index:-1}.back-btn[data-v-bf43a8aa]:hover{color:#fff;transform:translateY(-2px) rotate(-2deg);box-shadow:0 6px 12px #ff69b466}.back-btn[data-v-bf43a8aa]:hover:before{opacity:1}.back-btn svg[data-v-bf43a8aa]{width:20px;height:20px;transition:all .3s ease;fill:#ff69b4}.back-btn:hover svg[data-v-bf43a8aa]{fill:#fff;animation:bounce-bf43a8aa .5s}.book-card[data-v-bf43a8aa]{background:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 16px #ffb6c133;border:3px solid #FFB6C1;position:relative;overflow:hidden;transition:all .3s ease}.book-card[data-v-bf43a8aa]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #ffb6c166}.book-card[data-v-bf43a8aa]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ffb6c1);animation:gradientMove-bf43a8aa 3s ease infinite;background-size:200% 100%}.book-card[data-v-bf43a8aa]:after{content:"📚";position:absolute;top:-15px;right:20px;width:60px;height:60px;background:#fff;border-radius:50%;border:3px dashed #FF69B4;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:2;box-shadow:0 4px 8px #ffb6c14d;animation:float-bf43a8aa 3s ease-in-out infinite}@keyframes bounce-bf43a8aa{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.book-title[data-v-bf43a8aa]{margin:0 0 16px;font-size:28px;font-weight:800;font-family:"Baloo 2",cursive;text-transform:uppercase;background:linear-gradient(to right,#ff69b4,#ff8c69,#ff69b4);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block;animation:rainbow-bf43a8aa 3s ease infinite;background-size:200% 100%}@keyframes rainbow-bf43a8aa{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.book-title[data-v-bf43a8aa]:after{content:"✨";position:absolute;right:-15px;top:-10px;font-size:24px;animation:sparkle-bf43a8aa 2s infinite}@keyframes sparkle-bf43a8aa{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.book-author[data-v-bf43a8aa]{margin:0 0 12px;font-size:18px;color:#ff69b4;font-weight:600;font-family:Comic Neue,cursive;display:flex;align-items:center;gap:8px}.book-author[data-v-bf43a8aa]:before{content:"✏️";font-size:20px;animation:wiggle-bf43a8aa 2s ease infinite}.book-description[data-v-bf43a8aa]{margin:0 0 24px;font-size:17px;color:#666;line-height:1.7;font-family:Comic Neue,cursive;padding:16px;background:#fff0f5b3;border-radius:12px;border-left:5px dotted #FF69B4;position:relative}.book-description[data-v-bf43a8aa]:before{content:'"';position:absolute;top:-10px;left:10px;font-size:40px;color:#ff69b4;font-family:serif;line-height:1}.book-content[data-v-bf43a8aa]{font-size:17px;line-height:1.8;color:#5d4037;white-space:pre-wrap;font-family:Comic Neue,cursive;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #ffb6c133;position:relative;border:2px dashed #FFB6C1}.book-content[data-v-bf43a8aa]:before{content:"";position:absolute;bottom:-15px;right:-15px;width:60px;height:60px;background-size:contain;background-repeat:no-repeat;transform:rotate(15deg);opacity:.8;animation:float-bf43a8aa 3s ease-in-out infinite}.audio-player-card[data-v-bf43a8aa]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #ffb6c14d;border:3px solid #FF9AA2;position:relative;overflow:hidden}.audio-player-card[data-v-bf43a8aa]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ff9aa2,#ff6b8b,#ff9aa2);background-size:200% 100%;animation:gradientMove-bf43a8aa 3s ease infinite}.audio-title[data-v-bf43a8aa]{margin:0 0 20px;font-size:24px;color:var(--text-dark);font-weight:700;font-family:"Baloo 2",cursive;text-transform:uppercase}.voice-selector[data-v-bf43a8aa]{margin-bottom:24px;background:#fff0f5b3;padding:16px;border-radius:16px;border-left:4px solid #FF9AA2}.voice-label[data-v-bf43a8aa]{display:block;margin-bottom:12px;font-size:18px;color:#ff6b8b;font-family:"Baloo 2",cursive;font-weight:600;position:relative}.voice-label[data-v-bf43a8aa]:before{content:"🔊";position:absolute;left:-28px;font-size:20px}.voice-dropdown[data-v-bf43a8aa]{width:100%;padding:14px 48px 14px 20px;border:2px solid #FF9AA2;border-radius:12px;font-size:16px;color:#5d4037;background:#fff;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6B8B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;font-family:Comic Neue,cursive;box-shadow:0 2px 8px #ff9aa233}.voice-dropdown[data-v-bf43a8aa]:focus{outline:none;border-color:#ff6b8b;box-shadow:0 0 0 3px #ff6b8b33}.voice-dropdown[data-v-bf43a8aa]:hover{border-color:#ff6b8b;transform:translateY(-1px)}.voice-dropdown option[data-v-bf43a8aa]{padding:10px 16px;font-size:15px;line-height:1.5;border-radius:6px;margin:4px 0}.option-content[data-v-bf43a8aa]{display:flex;align-items:center;justify-content:space-between}.voice-name[data-v-bf43a8aa]{flex:1;font-weight:500}select.voice-dropdown option[data-v-bf43a8aa]{display:block;padding:10px 16px;font-size:15px;line-height:1.5;border-radius:6px;margin:4px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease;position:relative}@-moz-document url-prefix(){select.voice-dropdown option[data-v-bf43a8aa]{background-color:#fff;color:#3d405b}select.voice-dropdown option.has-recording[data-v-bf43a8aa]{background-color:#4caf50!important;color:#fff!important}select.voice-dropdown option.default-voice[data-v-bf43a8aa]{background-color:#2196f3!important;color:#fff!important}select.voice-dropdown option.no-recording[data-v-bf43a8aa]{background-color:#f5f5f5!important;color:#616161!important}}select.voice-dropdown option.has-recording[data-v-bf43a8aa]{color:#fff!important;background-color:#4caf50!important}select.voice-dropdown option.default-voice[data-v-bf43a8aa]{color:#fff!important;background-color:#2196f3!important}select.voice-dropdown option.no-recording[data-v-bf43a8aa]{color:#616161!important;background-color:#f5f5f5!important}.recording-indicator[data-v-bf43a8aa]{color:#fff;font-weight:700;margin-left:10px;font-size:14px}.no-recording-indicator[data-v-bf43a8aa]{color:#9e9e9e;margin-left:10px;font-size:14px}.voice-dropdown option[data-v-bf43a8aa]:hover{opacity:.9;transform:translate(2px);transition:all .2s ease}@media (max-width: 768px){.voice-dropdown option[data-v-bf43a8aa]{padding:8px 12px;font-size:14px}.recording-indicator[data-v-bf43a8aa],.no-recording-indicator[data-v-bf43a8aa]{font-size:.8em;margin-left:8px}}.voice-dropdown[data-v-bf43a8aa]:focus{outline:none;border-color:#e07a5f;box-shadow:0 0 0 3px #e07a5f1a}.voice-dropdown[data-v-bf43a8aa]:hover{border-color:#e07a5f}.player-controls[data-v-bf43a8aa]{display:flex;flex-direction:column;gap:20px;padding:16px;background:#fff8ed;border-radius:8px}.play-btn[data-v-bf43a8aa]{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 28px;background:#e07a5f;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #e07a5f33;outline:none;width:200px;margin:20px auto 0}.play-btn[data-v-bf43a8aa]:hover:not(:disabled){background:#d06a4f;transform:translateY(-1px);box-shadow:0 4px 8px #e07a5f4d}.play-btn[data-v-bf43a8aa]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #e07a5f33}.play-btn[data-v-bf43a8aa]:disabled{background:#e07a5f4d;cursor:not-allowed;box-shadow:none}.btn-icon[data-v-bf43a8aa]{font-size:22px;line-height:1}.progress-container[data-v-bf43a8aa]{width:100%}.progress-bar[data-v-bf43a8aa]{width:100%;height:8px;background:#e07a5f33;border-radius:4px;cursor:pointer;margin-bottom:8px;position:relative;overflow:hidden;transition:height .2s ease}.progress-bar[data-v-bf43a8aa]:hover{height:10px}.time-display[data-v-bf43a8aa]{display:flex;justify-content:space-between;font-size:14px;color:#777;margin-top:4px}.audio-player-wrapper[data-v-bf43a8aa]{background:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 16px #ffb6c133;border:3px solid #FF9AA2;margin-top:24px;position:relative;overflow:hidden;transition:all .3s ease}.audio-player-wrapper[data-v-bf43a8aa]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffb6c166}.audio-player-wrapper[data-v-bf43a8aa]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ff9aa2,#ff6b8b);background-size:200% 100%}@keyframes gradientMove-bf43a8aa{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-bf43a8aa{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.audio-meta[data-v-bf43a8aa]{margin-bottom:16px;font-size:16px;color:#ff69b4;font-family:"Baloo 2",cursive;display:flex;align-items:center;justify-content:space-between;position:relative}.audio-meta[data-v-bf43a8aa]:before{content:"🎤";position:absolute;left:-30px;font-size:20px;animation:wiggle-bf43a8aa 2s ease infinite}@keyframes wiggle-bf43a8aa{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.audio-player-container[data-v-bf43a8aa]{margin-bottom:16px;position:relative}.audio-player[data-v-bf43a8aa]{width:100%;border-radius:12px;border:2px solid #FF9AA2;background:#fff0f5b3;box-shadow:0 4px 12px #ffb6c133,inset 0 0 8px #ff9aa24d;transition:all .3s ease}.audio-player[data-v-bf43a8aa]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffb6c166,inset 0 0 10px #ff9aa266}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-panel{background:linear-gradient(to bottom,#fff0f5,#ffe4e8);border-radius:10px}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-play-button,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-mute-button{background:linear-gradient(135deg,#ff9aa2,#ff6b8b);border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #0000001a;transition:all .3s ease}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-play-button:hover,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-mute-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-play-button:active,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-mute-button:active{transform:scale(.95)}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-current-time-display,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-time-remaining-display{color:#ff6b8b;font-family:"Baloo 2",cursive}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-timeline,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-volume-slider{background:#ff9aa233;border-radius:10px;height:6px;transition:all .3s ease}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-timeline:hover,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-volume-slider:hover{background:#ff9aa266}.audio-player[data-v-bf43a8aa]::-webkit-media-controls-timeline::-webkit-slider-thumb,.audio-player[data-v-bf43a8aa]::-webkit-media-controls-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#ff6b8b,#ff9aa2);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}@keyframes pulse-bf43a8aa{0%,to{opacity:.6}50%{opacity:1}}.audio-player[data-v-bf43a8aa]:not([src])::-webkit-media-controls{animation:pulse-bf43a8aa 1.5s ease infinite}.audio-controls[data-v-bf43a8aa]{display:flex;flex-direction:column;gap:16px;position:relative}.audio-controls[data-v-bf43a8aa]:before{content:"";position:absolute;bottom:-15px;left:-15px;width:60px;height:60px;background-size:contain;background-repeat:no-repeat;transform:rotate(-15deg);opacity:.8;animation:float-bf43a8aa 3s ease-in-out infinite reverse}.player-container[data-v-bf43a8aa]{display:flex;align-items:center;gap:16px}.play-btn[data-v-bf43a8aa]{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff9aa2,#ffb7b2);color:#fff;border:3px solid var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff69b44d;font-family:"Baloo 2",cursive;font-weight:600;position:relative;overflow:hidden}.play-btn[data-v-bf43a8aa]:hover{background:linear-gradient(135deg,#ff7faa,#ff9aa2);transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px #ff69b466}.play-btn[data-v-bf43a8aa]:active{animation:bounce-bf43a8aa .4s}.play-btn[data-v-bf43a8aa]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.play-btn[data-v-bf43a8aa]:hover:after{transform:translate(100%)}.play-btn svg[data-v-bf43a8aa]{width:24px;height:24px;transition:all .3s ease}.progress-container[data-v-bf43a8aa]{flex:1;height:8px;background-color:#ffb6c133;border-radius:4px;position:relative;cursor:pointer;overflow:hidden}.progress-bar[data-v-bf43a8aa]{height:100%;background:linear-gradient(90deg,#ffb6c1,#ff69b4);border-radius:4px;width:0%;transition:width .1s linear}.time-display[data-v-bf43a8aa]{font-size:16px;color:var(--text-dark);min-width:80px;text-align:center;font-family:"Baloo 2",cursive;font-weight:600;position:relative}.time-display[data-v-bf43a8aa]:before{content:"⏱️";position:absolute;left:-25px;font-size:18px}@keyframes bounce-bf43a8aa{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.generate-modal[data-v-bf43a8aa]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a2e40b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.generate-modal .modal-content[data-v-bf43a8aa]{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 24px #1a2e4033;border:3px solid var(--text-dark);position:relative}.generate-modal .modal-content[data-v-bf43a8aa]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:var(--button-gradient)}.generate-modal .modal-header[data-v-bf43a8aa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative}.generate-modal .generate-title[data-v-bf43a8aa]{color:var(--text-dark);font-size:24px;margin:0;font-family:"Baloo 2",cursive;text-transform:uppercase;text-shadow:0 2px 4px rgba(26,46,64,.1)}.generate-modal .close-btn[data-v-bf43a8aa]{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-dark);transition:all .3s ease;line-height:1}.generate-modal .close-btn[data-v-bf43a8aa]:hover{transform:rotate(90deg)}.generate-modal .modal-body[data-v-bf43a8aa]{margin-bottom:24px;font-family:Comic Neue,cursive;color:var(--text-dark)}.generate-modal .generate-message[data-v-bf43a8aa]{color:var(--text-dark);font-size:1.1rem;line-height:1.5;text-align:center}.generate-modal .generate-message p[data-v-bf43a8aa]{margin:12px 0}.generate-modal .form-group[data-v-bf43a8aa]{margin-bottom:24px}.generate-modal label[data-v-bf43a8aa]{display:block;margin-bottom:8px;color:var(--text-dark);font-family:Comic Neue,cursive;font-size:16px}.generate-modal input[data-v-bf43a8aa],.generate-modal select[data-v-bf43a8aa]{width:100%;padding:12px 16px;border:3px solid var(--text-dark);border-radius:12px;font-size:16px;font-family:"Baloo 2",cursive;box-shadow:0 2px 4px #1a2e401a;transition:all .3s ease}.generate-modal input[data-v-bf43a8aa]:focus,.generate-modal select[data-v-bf43a8aa]:focus{outline:none;box-shadow:0 4px 8px #1a2e4033;border-color:var(--button-gradient-end)}.shengbei-info[data-v-bf43a8aa]{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0;font-weight:500}.shengbei-icon[data-v-bf43a8aa]{width:20px;height:20px;object-fit:contain}@media (max-width: 768px){.generate-modal .generate-message[data-v-bf43a8aa]{font-size:1rem}.shengbei-info[data-v-bf43a8aa]{font-size:.9rem}.shengbei-icon[data-v-bf43a8aa]{width:18px;height:18px}}.generating-status[data-v-bf43a8aa]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.loading-spinner[data-v-bf43a8aa]{width:48px;height:48px;border:4px solid rgba(26,46,64,.1);border-radius:50%;border-top-color:var(--button-gradient-end);border-right-color:var(--button-gradient-start);border-bottom-color:var(--button-gradient-end);border-left-color:var(--button-gradient-start);animation:spin-bf43a8aa 1s linear infinite;margin-bottom:24px;position:relative}.loading-spinner[data-v-bf43a8aa]:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:4px solid transparent;border-top-color:var(--text-dark);animation:spin-bf43a8aa 2s linear infinite reverse}@keyframes spin-bf43a8aa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generating-message[data-v-bf43a8aa]{color:var(--text-dark);font-size:18px;text-align:center;font-family:Comic Neue,cursive;animation:pulse-bf43a8aa 1.5s ease-in-out infinite;max-width:80%;margin:0 auto}@keyframes pulse-bf43a8aa{0%,to{opacity:.8}50%{opacity:1}}.generate-modal .modal-actions[data-v-bf43a8aa]{display:flex;gap:12px}.generate-modal .primary-btn[data-v-bf43a8aa]{background:#ff9aa2;color:#fff;border:3px solid #1A2E40;padding:12px 24px;border-radius:12px;font-size:16px;font-family:"Baloo 2",cursive;font-weight:600;cursor:pointer;flex:1;transition:all .3s ease;box-shadow:0 2px 4px #1a2e4033;position:relative;overflow:hidden}.generate-modal .primary-btn[data-v-bf43a8aa]:hover:not(:disabled){background:#ff7f8a;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #1a2e404d}.generate-modal .primary-btn[data-v-bf43a8aa]:active:not(:disabled){animation:bounce-bf43a8aa .4s}.generate-modal .primary-btn[data-v-bf43a8aa]:disabled{opacity:.7;cursor:not-allowed}.generate-modal .secondary-btn[data-v-bf43a8aa]{background:#fff;color:var(--text-dark);border:3px solid var(--text-dark);padding:12px 24px;border-radius:12px;font-size:16px;font-family:"Baloo 2",cursive;font-weight:600;cursor:pointer;flex:1;transition:all .3s ease;box-shadow:0 2px 4px #1a2e401a;position:relative}.generate-modal .secondary-btn[data-v-bf43a8aa]:hover:not(:disabled){background:#1a2e400d;transform:translateY(-2px);box-shadow:0 4px 8px #1a2e4033}.generate-modal .secondary-btn[data-v-bf43a8aa]:active:not(:disabled){animation:bounce-bf43a8aa .4s}.generate-modal .secondary-btn[data-v-bf43a8aa]:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.book-detail[data-v-bf43a8aa]{padding:12px}.book-card[data-v-bf43a8aa],.audio-player-card[data-v-bf43a8aa]{padding:16px}.book-title[data-v-bf43a8aa]{font-size:20px}.book-content[data-v-bf43a8aa]{font-size:15px;line-height:1.6}.player-controls[data-v-bf43a8aa],.voice-selector[data-v-bf43a8aa]{padding:12px}.play-btn[data-v-bf43a8aa]{padding:12px 24px;font-size:15px}.voice-dropdown[data-v-bf43a8aa]{padding:10px 14px;font-size:15px}.audio-player-wrapper[data-v-bf43a8aa]{padding:16px}.audio-meta[data-v-bf43a8aa]{font-size:13px}.play-btn[data-v-bf43a8aa]{width:100px;padding:8px 16px;font-size:13px}}.book-detail-card h1[data-v-bf43a8aa]{font-size:var(--02838f86);color:var(--text-dark);margin-bottom:16px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.book-author[data-v-bf43a8aa]{font-size:var(--5c15e41c);color:var(--text-secondary)}.book-description[data-v-bf43a8aa]{font-size:var(--5c15e41c);color:var(--text-dark);line-height:1.6;margin:16px 0}.book-content[data-v-bf43a8aa]{font-size:var(--09e79dac);line-height:1.8;color:var(--text-dark)}.section-title[data-v-bf43a8aa]{font-size:var(--d27002f2);color:var(--text-dark);margin:24px 0 16px}.voice-item-name[data-v-bf43a8aa]{font-size:var(--5c15e41c)}.no-voices-message[data-v-bf43a8aa]{font-size:var(--5c15e41c);color:var(--text-secondary)}.record-btn[data-v-bf43a8aa]{font-size:var(--d24c387c)}.voice-date[data-v-bf43a8aa]{font-size:var(--23915638);color:var(--text-secondary)}@media (max-width: 768px){.book-detail-card h1[data-v-bf43a8aa]{font-size:var(--49c3fbf8)}.book-author[data-v-bf43a8aa],.book-description[data-v-bf43a8aa]{font-size:var(--4833000c)}.book-content[data-v-bf43a8aa]{font-size:var(--10329112)}.section-title[data-v-bf43a8aa]{font-size:var(--9cb5ae52)}.voice-item-name[data-v-bf43a8aa],.no-voices-message[data-v-bf43a8aa]{font-size:var(--4833000c)}.record-btn[data-v-bf43a8aa]{font-size:var(--29179f88)}.voice-date[data-v-bf43a8aa]{font-size:var(--c52cd1f4)}}.profile-container[data-v-4a8d9394]{padding:16px}.profile-header h1[data-v-4a8d9394]{font-size:var(--511af4d2);margin-bottom:24px;color:#3d405b}.nickname-info h2[data-v-4a8d9394]{font-size:var(--3541385a);margin:0;color:#3d405b}.email[data-v-4a8d9394]{font-size:var(--7e37443e);color:#666;margin:4px 0 0}.stats-card h3[data-v-4a8d9394]{font-size:var(--79a3d2d4);margin:0 0 8px}.clickable-stat[data-v-4a8d9394]{font-size:var(--379692df);margin:0;color:#e07a5f}.modal-content h3[data-v-4a8d9394]{font-size:var(--79a3d2d4);margin:0 0 16px}.action-btn[data-v-4a8d9394]{font-size:var(--3b67b70e)}@media (max-width: 768px){.profile-header h1[data-v-4a8d9394]{font-size:var(--2b44bd2c)}.nickname-info h2[data-v-4a8d9394]{font-size:var(--d9b42bea)}.email[data-v-4a8d9394]{font-size:var(--1a2a5f80)}.stats-card h3[data-v-4a8d9394]{font-size:var(--09f1d22c)}.clickable-stat[data-v-4a8d9394]{font-size:var(--7d06a97f)}.modal-content h3[data-v-4a8d9394]{font-size:var(--09f1d22c)}.action-btn[data-v-4a8d9394]{font-size:var(--710e7920)}}.profile-container[data-v-4a8d9394]{padding:16px;max-width:800px;margin:0 auto;min-height:100vh;background:#fff8ed;position:relative;overflow:hidden}.profile-container[data-v-4a8d9394]:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0}.profile-container[data-v-4a8d9394]:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0;transform:rotate(180deg)}@keyframes float-4a8d9394{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-4a8d9394{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes wiggle-4a8d9394{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.profile-header[data-v-4a8d9394]{margin-bottom:40px}.profile-header h1[data-v-4a8d9394]{font-size:var(--511af4d2);color:#3d405b;margin-bottom:16px;font-family:"Baloo 2",cursive;text-transform:uppercase;background:linear-gradient(to right,#ff69b4,#ff8c69,#ff69b4);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block}.profile-header h1[data-v-4a8d9394]:after{content:"👤";position:absolute;right:-30px;top:-5px;font-size:24px;animation:float-4a8d9394 3s ease-in-out infinite}.profile-card[data-v-4a8d9394]{background:#fff;border-radius:16px;padding:16px;margin:10px 0;box-shadow:0 4px 8px #ffb6c133;border:2px solid #FFB6C1;position:relative;overflow:hidden;transition:all .3s ease}.profile-card[data-v-4a8d9394]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ffb6c1);animation:gradientMove-4a8d9394 3s ease infinite;background-size:200% 100%}.profile-card[data-v-4a8d9394]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #ffb6c166}.avatar-container[data-v-4a8d9394]{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.avatar[data-v-4a8d9394],.avatar-placeholder[data-v-4a8d9394]{width:80px;height:80px;border-radius:50%;background:#fff;margin-bottom:8px;object-fit:cover;border:2px solid #FFB6C1;box-shadow:0 2px 8px #ffb6c14d;transition:all .3s ease}.avatar[data-v-4a8d9394]:hover,.avatar-placeholder[data-v-4a8d9394]:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.nickname-row[data-v-4a8d9394]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.nickname-info[data-v-4a8d9394]{text-align:left}.nickname-info h2[data-v-4a8d9394]{color:var(--text-dark);font-size:1.2em;margin-bottom:2px;font-weight:600;font-family:Comic Neue,cursive}.nickname-info .email[data-v-4a8d9394]{color:var(--text-secondary);font-size:.8em;font-family:Comic Neue,cursive}.edit-icon[data-v-4a8d9394]{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center}.edit-nickname[data-v-4a8d9394]{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:15px}.nickname-input[data-v-4a8d9394]{padding:12px 18px;border:1px solid #f5e9d9;border-radius:8px;width:100%;box-sizing:border-box;box-shadow:0 1px 3px #0000000d;font-size:1em;color:#3d405b}.update-btn[data-v-4a8d9394]{padding:12px 20px;background:var(--button-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;font-size:1em;box-shadow:var(--button-shadow)}.update-btn[data-v-4a8d9394]:hover{background:var(--button-secondary);transform:translateY(-2px)}.profile-actions[data-v-4a8d9394]{display:flex;flex-direction:column;gap:8px;margin-top:12px}.action-btn[data-v-4a8d9394]{width:100%;padding:10px 16px;border:2px solid #1A2E40;border-radius:40px;background:linear-gradient(135deg,#ff9aa2,#ffb7b2);color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9em;font-family:"Baloo 2",cursive;font-weight:600;box-shadow:0 2px 8px #ff69b44d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px}.action-btn[data-v-4a8d9394]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.action-btn[data-v-4a8d9394]:hover{background:linear-gradient(135deg,#ff7faa,#ff9aa2);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #ff69b466}.action-btn[data-v-4a8d9394]:hover:after{transform:translate(100%)}.action-btn[data-v-4a8d9394]:active{transform:translateY(1px)}.logout-btn[data-v-4a8d9394]{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)!important;border-color:#8b0000!important}.logout-btn[data-v-4a8d9394]:hover{background:linear-gradient(135deg,#ff5252,#ff7b7b)!important}.logout-btn[data-v-4a8d9394]{color:var(--button-danger);border-color:var(--button-danger-light)}.logout-btn[data-v-4a8d9394]:hover{background:var(--button-danger-bg);border-color:var(--button-danger)}.stats-card[data-v-4a8d9394]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 16px #ffb6c133;border:3px solid #FFB6C1;position:relative;overflow:hidden}.stats-card[data-v-4a8d9394]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ffb6c1);animation:gradientMove-4a8d9394 3s ease infinite;background-size:200% 100%}@keyframes gradientMove-4a8d9394{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stat-item[data-v-4a8d9394]{text-align:center;padding:16px;border-radius:16px;background:#fff0f5b3;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px dashed #FF9AA2}.stat-item[data-v-4a8d9394]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #ffb6c166;background:#fff}.stat-item[data-v-4a8d9394]:before{content:"";position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#ff69b4;border-radius:50%;opacity:.2}.stat-item h3[data-v-4a8d9394]{color:#ff69b4;font-size:1.2em;margin-bottom:12px;font-family:"Baloo 2",cursive;text-transform:uppercase;letter-spacing:.05em;position:relative;display:inline-block}.stat-item h3[data-v-4a8d9394]:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#ff69b4;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.stat-item:hover h3[data-v-4a8d9394]:after{transform:scaleX(1);transform-origin:left}.stat-item p[data-v-4a8d9394]{color:#3d405b;font-size:2em;font-weight:800;margin:12px 0 0;font-family:"Baloo 2",cursive;position:relative;transition:all .3s ease}.stat-item:hover p[data-v-4a8d9394]{color:#ff69b4;transform:scale(1.1)}.stat-item p.clickable-stat[data-v-4a8d9394]{text-decoration:none}.balance-header[data-v-4a8d9394]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.balance-icon[data-v-4a8d9394]{width:32px;height:32px;object-fit:contain;animation:bounce-4a8d9394 2s ease infinite}@keyframes bounce-4a8d9394{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.balance[data-v-4a8d9394]{position:relative}.balance[data-v-4a8d9394]:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff69b4,#ffb6c1);border-radius:3px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.stat-item:hover .balance[data-v-4a8d9394]:after{transform:scaleX(1);transform-origin:left}.role-avatars[data-v-4a8d9394]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}.role-avatar-container[data-v-4a8d9394]{cursor:pointer;transition:all .2s ease;position:relative}.role-avatar-container[data-v-4a8d9394]:hover{transform:scale(1.1)}.role-avatar[data-v-4a8d9394]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #FFB6C1;box-shadow:0 2px 4px #0000001a}.more-roles[data-v-4a8d9394]{cursor:pointer;color:#ff69b4;font-size:.9em;font-weight:600;transition:all .2s ease;padding:2px 6px;border-radius:12px;background:#ff69b41a}.more-roles[data-v-4a8d9394]:hover{background:#ff69b433;text-decoration:underline}.empty-role[data-v-4a8d9394]{cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:16px;background:#ffb6c11a;border:1px dashed #FF9AA2}.empty-role[data-v-4a8d9394]:hover{background:#ffb6c133;transform:scale(1.05);box-shadow:0 4px 12px #ff69b433}.empty-avatar[data-v-4a8d9394]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;animation:pulse-4a8d9394 2s ease infinite}.empty-hint[data-v-4a8d9394]{color:#ff69b4;font-size:.8em;font-weight:600;white-space:nowrap;transition:all .3s ease}.empty-stories[data-v-4a8d9394]{cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:16px;background:#ffb6c11a;border:1px dashed #FF9AA2}.empty-stories[data-v-4a8d9394]:hover{background:#ffb6c133;transform:scale(1.05);box-shadow:0 4px 12px #ff69b433}.empty-icon[data-v-4a8d9394]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;animation:wiggle-4a8d9394 2s ease infinite}.empty-stories .empty-hint[data-v-4a8d9394]{color:#ff69b4;font-size:.8em;font-weight:600;white-space:nowrap;transition:all .3s ease}.empty-stories:hover .empty-hint[data-v-4a8d9394],.empty-role:hover .empty-hint[data-v-4a8d9394]{color:#e07a5f;text-decoration:underline}@keyframes pulse-4a8d9394{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@media (max-width: 768px){.stats-card[data-v-4a8d9394]{grid-template-columns:1fr;padding:16px}.stat-item[data-v-4a8d9394]{padding:12px}.stat-item h3[data-v-4a8d9394]{font-size:1em}.stat-item p[data-v-4a8d9394]{font-size:1.5em}.balance-icon[data-v-4a8d9394]{width:24px;height:24px}}.modal-overlay[data-v-4a8d9394]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-4a8d9394]{background:#fff8ed;border-radius:10px;padding:30px;box-shadow:0 4px 12px #00000014;width:90%;max-width:400px;text-align:center}.modal-content h3[data-v-4a8d9394]{color:#e07a5f;font-size:1.8em;margin-bottom:20px}.password-form[data-v-4a8d9394]{display:flex;flex-direction:column;gap:20px;width:100%}.password-input[data-v-4a8d9394]{padding:12px 18px;border:1px solid #f5e9d9;border-radius:8px;font-size:1em;color:#3d405b;box-shadow:0 1px 3px #0000000d}.password-actions[data-v-4a8d9394]{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-btn[data-v-4a8d9394]{padding:10px 18px;background:#fff;color:#777;border:1px solid #ccc;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;font-size:1em}.cancel-btn[data-v-4a8d9394]:hover{background:#f0f0f0}.update-btn[data-v-4a8d9394]{padding:10px 18px;background:#e07a5f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;font-size:1em;box-shadow:0 2px 6px #0000001a}.update-btn[data-v-4a8d9394]:hover{background:#d46a4d;transform:translateY(-2px)}.role-selection-container[data-v-1e9f9b01]{padding:calc(32px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));max-width:800px;margin-top:16px;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#fff8ed;position:relative}@supports (padding: max(0px)){.role-selection-container[data-v-1e9f9b01]{padding-top:max(16px + env(safe-area-inset-top),16px + constant(safe-area-inset-top));padding-bottom:max(16px + env(safe-area-inset-bottom),16px + constant(safe-area-inset-bottom));min-height:calc(100vh - max(env(safe-area-inset-top),constant(safe-area-inset-top)) - max(env(safe-area-inset-bottom),constant(safe-area-inset-bottom)))}}.role-selection-container[data-v-1e9f9b01]:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0}h1[data-v-1e9f9b01]{font-size:var(--2b2678d6);color:#3d405b;margin:0 auto 16px;text-align:center;font-family:"Baloo 2",cursive;text-transform:uppercase;background:linear-gradient(to right,#ff69b4,#ff8c69,#ff69b4);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1);display:block;width:fit-content}.role-purpose[data-v-1e9f9b01]{font-size:var(--4f58897e);color:#666;line-height:1.6;margin-bottom:16px;text-align:center}.role-list[data-v-1e9f9b01]{margin:20px 0;width:100%}.role-item[data-v-1e9f9b01]{padding:18px 25px;margin:15px 0;background:#fff0f5e6;border-radius:16px;box-shadow:0 3px 15px #ffb6c11a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1em;color:#5d4037;border:1px solid rgba(255,192,203,.3);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.role-item[data-v-1e9f9b01]:hover{background:#ffe4ebf2;transform:translateY(-3px);box-shadow:0 5px 20px #ffb6c133}.role-avatar[data-v-1e9f9b01]{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:16px;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0000001a}.role-name[data-v-1e9f9b01]{flex:1;text-align:left;font-size:var(--12f5a197);color:#3d405b;margin-left:8px}.add-role-btn[data-v-1e9f9b01]{width:100%;padding:18px;border:none;border-radius:16px;background:linear-gradient(135deg,#ff9aa2,#ffb7b2);color:#fff;font-size:var(--ff7b0d5e);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--button-shadow);font-weight:500}.add-role-btn[data-v-1e9f9b01]:hover{background:linear-gradient(135deg,#ff7faa,#ff9aa2);transform:translateY(-2px);box-shadow:0 6px 20px #ff69b44d}.add-role-btn span[data-v-1e9f9b01]{font-size:1.5em;margin-right:8px;vertical-align:middle}.role-item.has-recording[data-v-1e9f9b01]{border:1px solid #81b29a;background:#f8fbf9}.recording-icon[data-v-1e9f9b01]{display:flex;align-items:center;justify-content:center;margin-left:12px;background:#e3f1eb;padding:6px;border-radius:50%;width:24px;height:24px}.recording-icon svg[data-v-1e9f9b01]{stroke:#5a9278;stroke-width:2.5}.guide-icon[data-v-1e9f9b01]{display:flex;align-items:center;justify-content:center;margin-left:12px;background:#fff8e6;padding:6px;border-radius:50%;width:24px;height:24px}.guide-icon svg[data-v-1e9f9b01]{stroke:#e6a700;stroke-width:2.5}.role-item:hover .guide-icon[data-v-1e9f9b01]{background:#ffe8b3;transform:scale(1.1);transition:all .2s ease}@media (max-width: 768px){h1[data-v-1e9f9b01]{font-size:var(--06ec8a09)}.role-purpose[data-v-1e9f9b01]{font-size:var(--71b1ecdd)}.role-name[data-v-1e9f9b01]{font-size:var(--52a23872)}.add-role-btn[data-v-1e9f9b01]{font-size:var(--9e29a666)}}.delete-btn.highlight-delete[data-v-8f6a0194]{animation:highlight-pulse-8f6a0194 .5s ease-in-out 3;border:2px solid #ff4757;box-shadow:0 0 10px #ff4757}@keyframes highlight-pulse-8f6a0194{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.error-modal-custom[data-v-8f6a0194]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.error-modal-custom .modal-content[data-v-8f6a0194]{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:350px;text-align:center}.error-modal-custom .error-icon[data-v-8f6a0194]{font-size:48px;margin-bottom:16px;color:#ff6b6b}.error-modal-custom .error-title[data-v-8f6a0194]{color:#ff6b6b;font-size:1.5rem;margin-bottom:12px}.error-modal-custom .error-message[data-v-8f6a0194]{color:#555;font-size:1rem;margin-bottom:24px}.error-modal-custom .modal-actions[data-v-8f6a0194]{display:flex;justify-content:center}.error-modal-custom .primary-btn[data-v-8f6a0194]{background:#ff6b6b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer}.error-modal-custom .close-btn[data-v-8f6a0194]{background:none;border:none;font-size:1.5rem;cursor:pointer;position:absolute;top:10px;right:10px}.first-recording-modal[data-v-8f6a0194],.loading-modal[data-v-8f6a0194]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-modal .modal-content[data-v-8f6a0194]{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:300px;text-align:center}.loading-spinner[data-v-8f6a0194]{margin-bottom:16px}.spinner[data-v-8f6a0194]{width:50px;height:50px;margin:0 auto;border:5px solid #f3f3f3;border-top:5px solid #FF6B6B;border-radius:50%;animation:spin-8f6a0194 1s linear infinite}.loading-message[data-v-8f6a0194]{color:#555;font-size:1rem}@keyframes spin-8f6a0194{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-modal[data-v-8f6a0194]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-modal .modal-content[data-v-8f6a0194]{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 25px #0000001a}.confirm-modal .confirm-title[data-v-8f6a0194]{color:#ff6b6b;font-size:1.5rem;margin-bottom:12px}.confirm-modal .confirm-message[data-v-8f6a0194]{color:#555;font-size:1rem;margin-bottom:24px;line-height:1.5}.confirm-modal .modal-actions[data-v-8f6a0194]{display:flex;gap:12px}.confirm-modal .primary-btn[data-v-8f6a0194]{background:#ff6b6b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;flex:1}.confirm-modal .secondary-btn[data-v-8f6a0194]{background:#fff;color:#555;border:1px solid #ddd;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;flex:1}.first-recording-modal .modal-content[data-v-8f6a0194]{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 25px #0000001a}.first-recording-modal .modal-header[data-v-8f6a0194]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.first-recording-modal .modal-header h2[data-v-8f6a0194]{color:#ff6b6b;font-size:1.5rem;margin:0}.first-recording-modal .close-btn[data-v-8f6a0194]{background:none;border:none;font-size:1.5rem;cursor:pointer}.first-recording-modal .modal-body p[data-v-8f6a0194]{color:#555;margin-bottom:24px;font-size:1.1rem}.first-recording-modal .modal-actions[data-v-8f6a0194]{display:flex;gap:12px}.first-recording-modal .primary-btn[data-v-8f6a0194]{background:#ff6b6b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;flex:1}.first-recording-modal .secondary-btn[data-v-8f6a0194]{background:#fff;color:#555;border:1px solid #ddd;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;flex:1}.voice-recorder-container[data-v-8f6a0194]{background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));gap:20px;position:relative}@supports (padding: max(0px)){.voice-recorder-container[data-v-8f6a0194]{padding-top:max(20px + env(safe-area-inset-top),20px + constant(safe-area-inset-top));padding-bottom:max(20px + env(safe-area-inset-bottom),20px + constant(safe-area-inset-bottom))}}.voice-recorder-container[data-v-8f6a0194]:before{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0;transform:rotate(180deg)}.voice-recorder-container[data-v-8f6a0194]:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0}.back-btn[data-v-8f6a0194]{position:absolute;top:20px;left:20px;background:none;border:none;font-size:16px;cursor:pointer;color:#e07a5f;display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;transition:background-color .3s ease;z-index:10}.back-btn[data-v-8f6a0194]:hover{background-color:#e07a5f1a}.recorder-card[data-v-8f6a0194]{background:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 32px #ffb6c133;border:2px solid rgba(255,192,203,.5);position:relative;overflow:hidden;transition:all .3s ease;width:100%;max-width:600px;margin-bottom:32px;background-image:radial-gradient(circle at 10% 20%,rgba(255,250,205,.2) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(220,237,255,.2) 0%,transparent 20%)}.recorder-card .recorder-header[data-v-8f6a0194]{display:flex;justify-content:center;margin-bottom:16px}.recorder-card .recorder-header .header-content[data-v-8f6a0194]{display:flex;align-items:center;gap:16px}.recorder-card .recorder-header .header-content .role-avatar[data-v-8f6a0194]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0000001a}.recorder-card .recorder-header .header-content .recorder-title[data-v-8f6a0194]{margin:0}.recorder-card .recorder-header[data-v-8f6a0194]{margin-bottom:32px;padding-bottom:16px;border-bottom:2px dashed rgba(255,182,193,.5)}.recorder-card .instruction-section[data-v-8f6a0194]{background:#fff0f5b3;border-radius:16px;padding:16px;margin-bottom:24px;border-left:4px solid #FF9AA2}.recorder-card .instruction-section .instruction-title[data-v-8f6a0194]{font-size:18px;color:#ff6b8b;margin-bottom:8px;font-family:"Baloo 2",cursive}.recorder-card .instruction-section .instruction-text[data-v-8f6a0194]{font-size:15px;color:#5d4037;line-height:1.6;font-family:Comic Neue,cursive}.recorder-card .recording-tips[data-v-8f6a0194]{background:#fffaf5cc;border-radius:12px;padding:16px;margin-bottom:24px;border-left:4px solid #FFD166}.recorder-card[data-v-8f6a0194]:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ffb6c1);animation:gradientMove-8f6a0194 3s ease infinite;background-size:200% 100%}.recorder-card[data-v-8f6a0194]:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ffb6c1);animation:gradientMove-8f6a0194 3s ease infinite;background-size:200% 100%}.recorder-card[data-v-8f6a0194]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #ffb6c166}@keyframes gradientMove-8f6a0194{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header[data-v-8f6a0194]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.recorder-title[data-v-8f6a0194]{font-size:var(--d6e883ea);color:#ff6b8b;margin:0 auto 16px;font-family:"Baloo 2",cursive;text-align:center;position:relative;padding-bottom:16px;width:100%;text-shadow:2px 2px 4px rgba(255,107,139,.2);background:linear-gradient(to right,#ff6b8b,#ff8e53);-webkit-background-clip:text;background-clip:text;color:transparent}.recorder-title[data-v-8f6a0194]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:6px;background:linear-gradient(90deg,#ffd166,#ff6b8b,#ffd166);border-radius:4px;animation:gradientMove-8f6a0194 3s ease infinite;background-size:200% 100%}.title-icon[data-v-8f6a0194]{font-size:36px;color:#e07a5f}.recording-tips[data-v-8f6a0194]{font-size:var(--2626cb92);color:#3d405b;margin-bottom:16px;line-height:1.5}.story-text-card[data-v-8f6a0194]{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #0000000d;border:2px solid rgba(255,182,193,.5);background-image:linear-gradient(to bottom,#fff0f54d,#fffaffcc)}.story-text[data-v-8f6a0194]{font-size:var(--676f7731);color:#5d4037;line-height:1.8;font-family:Comic Neue,cursive;text-align:center}.recorder-controls[data-v-8f6a0194]{display:flex;justify-content:center}.record-btn[data-v-8f6a0194]{background:linear-gradient(135deg,#ff9aa2,#ff6b8b);color:#fff;border:none;padding:18px 36px;border-radius:50px;font-size:var(--5bc11a72);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 6px 20px #ff6b8b66;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1);width:100%;max-width:300px;margin:0 auto}.record-btn[data-v-8f6a0194]:hover{background:linear-gradient(135deg,#ff8e9e,#ff5b7d);transform:translateY(-3px);box-shadow:0 8px 24px #ff6b8b99}.record-btn[data-v-8f6a0194]:active{transform:translateY(0) scale(.98)}.record-btn.recording[data-v-8f6a0194]{background:linear-gradient(135deg,#ff6b8b,#ff416c);animation:pulse-glow-8f6a0194 1.5s ease infinite}@keyframes pulse-glow-8f6a0194{0%,to{box-shadow:0 0 10px #ff6b8bb3}50%{box-shadow:0 0 20px #ff6b8be6}}.record-btn.has-audio[data-v-8f6a0194]{background:linear-gradient(135deg,#d3d3d3,#a9a9a9);color:#666;box-shadow:0 2px 8px #0000001a;cursor:default}.record-btn.has-audio[data-v-8f6a0194]:hover{transform:none;box-shadow:0 2px 8px #0000001a}.record-btn[data-v-8f6a0194]:disabled{background:#e0e0e0;cursor:not-allowed;box-shadow:none;animation:none}@keyframes pulse-8f6a0194{0%{box-shadow:0 0 #ff6b8bb3}70%{box-shadow:0 0 0 15px #ff6b8b00}to{box-shadow:0 0 #ff6b8b00}}.pulse-animation[data-v-8f6a0194]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:#f443364d;animation:pulse-8f6a0194 1.5s infinite}@keyframes pulse-8f6a0194{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.05);opacity:.4}to{transform:scale(1.1);opacity:0}}.timer[data-v-8f6a0194]{display:flex;align-items:center;justify-content:center;margin-top:15px;color:#777;font-size:14px}.waveform[data-v-8f6a0194]{display:flex;align-items:flex-end;height:30px;margin-right:10px}.wave[data-v-8f6a0194]{width:4px;margin-right:2px;background:linear-gradient(to bottom,#ff9aa2,#ff6b8b);border-radius:2px;animation:waveAnimation-8f6a0194 1s infinite ease-in-out;box-shadow:0 2px 4px #ff69b433}@keyframes waveAnimation-8f6a0194{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}.audio-items[data-v-8f6a0194]{display:flex;flex-direction:column;gap:12px;width:93%;max-width:600px;margin-top:20px;padding:15px;background-color:#fff8ed;border-radius:12px;box-shadow:0 2px 4px #0000000d}.audio-item[data-v-8f6a0194]{background-color:#fff;border-radius:10px;box-shadow:0 2px 2px #0000000d;padding:15px;display:flex;flex-direction:column;gap:8px}.audio-meta[data-v-8f6a0194]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audio-date[data-v-8f6a0194]{font-size:var(--50fda7d3)}.delete-btn[data-v-8f6a0194]{background:none;border:none;color:#e07a5f;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px;transition:color .3s ease}.delete-btn[data-v-8f6a0194]:hover{color:#d1664a}.audio-player-container[data-v-8f6a0194]{position:relative;width:100%;max-width:500px;margin:0 auto;padding:10px 40px}.audio-player[data-v-8f6a0194]{width:95%;border-radius:20px;border:4px solid #FF9AA2;box-shadow:0 6px 12px #ff9aa24d,inset 0 0 0 4px #ffd1dc;background:linear-gradient(135deg,#fff0f5,#ffe4e8,#ffd1dc);position:relative;overflow:hidden;padding:8px}.audio-player[data-v-8f6a0194]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:24px;border:2px dashed rgba(255,154,162,.5);z-index:-1;animation:rotate-8f6a0194 10s linear infinite}@keyframes rotate-8f6a0194{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player[data-v-8f6a0194]::-webkit-media-controls-panel{background:linear-gradient(to bottom,#ffe4e1,#ffd1dc);border-radius:16px 16px 0 0;padding:12px}.audio-player[data-v-8f6a0194]::-webkit-media-controls-play-button{background-color:#ff6b8b;border-radius:50%;padding:10px;box-shadow:0 2px 4px #0003;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>');background-repeat:no-repeat;background-position:center}.audio-player[data-v-8f6a0194]::-webkit-media-controls-mute-button{background-color:#ff9aa2;border-radius:50%;padding:8px;box-shadow:0 2px 4px #0003}.audio-player[data-v-8f6a0194]::-webkit-media-controls-current-time-display,.audio-player[data-v-8f6a0194]::-webkit-media-controls-time-remaining-display{color:#5d4037;font-family:Comic Neue,cursive;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.5)}.audio-player[data-v-8f6a0194]::-webkit-media-controls-timeline{background-color:#ff9aa24d;border-radius:10px;height:8px;margin:0 10px;box-shadow:inset 0 1px 2px #0000001a}.audio-player[data-v-8f6a0194]::-webkit-media-controls-volume-slider{background-color:#ff9aa24d;border-radius:10px;height:8px;margin-right:10px}.wave-animation[data-v-8f6a0194]{position:absolute;bottom:0;left:0;width:100%;height:20px;overflow:hidden}.wave-animation[data-v-8f6a0194]:before{content:"";position:absolute;bottom:0;left:0;width:200%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" fill="%23FF9AA2"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60-48.26,17.72-30.61,24.17-62.87,27.65-99.59Z" opacity=".5"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z"/></svg>');background-repeat:repeat-x;background-size:50% 100%;animation:wave-8f6a0194 10s linear infinite}@keyframes wave-8f6a0194{0%{transform:translate(0)}to{transform:translate(-50%)}}.player-decoration[data-v-8f6a0194]{position:absolute;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;z-index:1}.decoration-1[data-v-8f6a0194]{top:-15px;left:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FF6B8B"><circle cx="12" cy="12" r="10"/></svg>');animation:float-8f6a0194 3s ease-in-out infinite}.decoration-2[data-v-8f6a0194]{top:-10px;right:30px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FF9AA2"><path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/></svg>');animation:float-8f6a0194 4s ease-in-out infinite reverse}@keyframes float-8f6a0194{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (hover: hover){.record-btn[data-v-8f6a0194]:hover{background-color:#d1664a;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.delete-btn[data-v-8f6a0194]:hover{color:#d1664a}}.nav-buttons[data-v-8f6a0194]{display:flex;gap:1rem;margin-bottom:1rem}.back-btn[data-v-8f6a0194],.book-list-btn[data-v-8f6a0194]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;background-color:#f5f5f5;color:#333;cursor:pointer;transition:all .2s ease}.back-btn[data-v-8f6a0194]:hover,.book-list-btn[data-v-8f6a0194]:hover{background-color:#e0e0e0}.view-stories-btn[data-v-8f6a0194]{width:100%;margin-top:20px;padding:16px;border:none;border-radius:12px;background:#e07a5f;color:#fff;font-size:1.1em;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #e07a5f33}.view-stories-btn[data-v-8f6a0194]:hover{background:#d46a4d;transform:translateY(-2px);box-shadow:0 4px 12px #e07a5f4d}.view-stories-btn .btn-icon[data-v-8f6a0194]{font-size:1.2em}.onboarding-container[data-v-af08ae23]{width:100%;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden;background:linear-gradient(135deg,#ffd6e0,#c1f0ff);position:relative}@supports (padding: max(0px)){.onboarding-container[data-v-af08ae23]{height:calc(100vh - max(env(safe-area-inset-top),constant(safe-area-inset-top)) - max(env(safe-area-inset-bottom),constant(safe-area-inset-bottom)));padding-top:max(env(safe-area-inset-top),constant(safe-area-inset-top));padding-bottom:max(env(safe-area-inset-bottom),constant(safe-area-inset-bottom))}}@keyframes twinkle-af08ae23{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.star[data-v-af08ae23]{position:absolute;color:gold;font-size:24px;animation:twinkle-af08ae23 2s infinite ease-in-out}.star[data-v-af08ae23]:nth-child(1){top:20%;left:5%;animation-delay:.2s}.star[data-v-af08ae23]:nth-child(2){top:30%;right:10%;animation-delay:.5s}.star[data-v-af08ae23]:nth-child(3){bottom:25%;left:15%;animation-delay:.8s}.pages-container[data-v-af08ae23]{display:flex;width:500%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform;touch-action:pan-x pinch-zoom}.page[data-v-af08ae23]{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.content-wrapper[data-v-af08ae23]{max-width:min(500px,90vw);width:100%;text-align:center;padding:10px 5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;margin:0 auto;box-sizing:border-box;position:relative;left:50%;transform:translate(-50%)}.image-container[data-v-af08ae23]{width:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-bottom:8px;max-width:100%;overflow:hidden}.onboarding-image[data-v-af08ae23]{width:auto;height:260px;max-width:100%;max-height:40vh;object-fit:contain;border-radius:12px}.primary-image .onboarding-image[data-v-af08ae23]{height:300px;max-height:45vh}@media (max-width: 480px){.onboarding-image[data-v-af08ae23]{height:220px}.primary-image .onboarding-image[data-v-af08ae23]{height:250px}.feature-list[data-v-af08ae23]{gap:16px}}.placeholder-text[data-v-af08ae23]{color:#e07a5f;font-size:18px;opacity:.7}.title[data-v-af08ae23]{font-size:32px;font-weight:700;color:#3d405b;margin-bottom:12px;width:100%}.description[data-v-af08ae23]{font-size:16px;color:#666;line-height:2;margin-bottom:24px;width:100%}.feature-list[data-v-af08ae23]{display:flex;justify-content:center;gap:24px;margin:20px 0;width:100%;flex-wrap:wrap}.feature-item[data-v-af08ae23]{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.feature-icon[data-v-af08ae23]{font-size:32px}.page-indicator[data-v-af08ae23]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:10;align-items:center}.indicator-dot[data-v-af08ae23]{width:16px;height:16px;background:#fff9;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:2px solid rgba(255,105,180,.5)}.indicator-dot.active[data-v-af08ae23]{background:#ff6b8b;transform:scale(1.3) rotate(45deg);box-shadow:0 0 10px #ff6b8b80;border-color:#fff}.page-indicator[data-v-af08ae23]:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,107,139,.5),transparent);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.page-indicator[data-v-af08ae23]:hover:before{transform:scaleX(1)}.start-button[data-v-af08ae23]{background:linear-gradient(135deg,#ff6b8b,#ff9aa2);color:#fff;border:none;padding:18px 42px;border-radius:50px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:12px;margin:0 auto;box-shadow:0 6px 12px #ff6b8b66,inset 0 -3px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden}.start-button[data-v-af08ae23]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff9aa2,#ff6b8b);border-radius:50px;opacity:0;transition:opacity .3s ease}.start-button[data-v-af08ae23]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #ff6b8b80,inset 0 -3px #0000001a}.start-button[data-v-af08ae23]:hover:before{opacity:.2}.start-button[data-v-af08ae23]:active{transform:translateY(1px);box-shadow:0 2px 6px #ff6b8b80,inset 0 -1px #0000001a}.arrow[data-v-af08ae23]{font-size:22px;transition:all .3s ease}.start-button:hover .arrow[data-v-af08ae23]{transform:translate(8px)}@keyframes ripple-af08ae23{to{transform:scale(4);opacity:0}}.ripple[data-v-af08ae23]{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple-af08ae23 .6s linear;pointer-events:none}@media (max-width: 768px){.onboarding-image[data-v-af08ae23]{height:180px}.primary-image .onboarding-image[data-v-af08ae23]{height:220px}.content-wrapper[data-v-af08ae23]{gap:15px}}@keyframes float-791288f8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-791288f8{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.contact-container[data-v-791288f8]{width:100%;max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 60px);background:#fffdf5e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 10px 30px #ffb6c14d;border:2px solid rgba(255,192,203,.5);position:relative;overflow:hidden}.contact-container[data-v-791288f8]:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ffb6c1);animation:gradientMove-791288f8 3s ease infinite;background-size:200% 100%}.contact-container[data-v-791288f8]:after{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;opacity:.2;z-index:0}@keyframes gradientMove-791288f8{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header[data-v-791288f8]{display:flex;align-items:center;margin-bottom:24px;position:relative}.back-btn[data-v-791288f8]{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;background:linear-gradient(135deg,#ff69b4,#ff8c69);color:#fff;border-radius:50px;cursor:pointer;transition:all .3s ease;position:absolute;left:0;box-shadow:0 4px 12px #ff69b44d;font-size:var(--04c371b2);font-family:"Baloo 2",cursive;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;z-index:1}.back-btn[data-v-791288f8]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);transition:all .4s ease;z-index:-1}.back-btn[data-v-791288f8]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #ff69b466}.back-btn[data-v-791288f8]:hover:before{left:100%}.back-btn[data-v-791288f8]:active{transform:translateY(0) scale(.98)}.back-icon[data-v-791288f8]{font-size:20px;transition:all .3s ease}.back-btn:hover .back-icon[data-v-791288f8]{transform:translate(-4px)}.back-icon[data-v-791288f8]{font-size:18px;line-height:1}h1[data-v-791288f8]{font-size:var(--6943bb2a);font-family:"Baloo 2",cursive;text-transform:uppercase;letter-spacing:.05em;flex:1;text-align:center;margin:0;font-weight:600;background:linear-gradient(to right,#ff69b4,#ff8c69,#ff69b4);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block}h1[data-v-791288f8]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:6px;background:linear-gradient(90deg,#ffd166,#ff6b8b,#ffd166);border-radius:4px;animation:gradientMove-791288f8 3s ease infinite;background-size:200% 100%}.contact-card[data-v-791288f8]{background:#fffdf5f2;border-radius:24px;overflow:hidden;box-shadow:0 8px 20px #ffb6c14d;margin-top:20px;transition:all .3s ease;position:relative;border:2px solid transparent;background-clip:padding-box;animation:float-791288f8 6s ease-in-out infinite}.contact-card[data-v-791288f8]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(135deg,#ffb6c1,#ff69b4,#ffd166);animation:gradientMove-791288f8 3s ease infinite;background-size:200% 200%}.contact-card[data-v-791288f8]:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px #ffb6c166}.contact-card[data-v-791288f8]:after{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0}.contact-image[data-v-791288f8]{width:100%;height:300px;overflow:hidden;background:var(--card-bg)}.contact-image img[data-v-791288f8]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.contact-card:hover .contact-image img[data-v-791288f8]{transform:scale(1.05)}.contact-content[data-v-791288f8]{padding:32px}.message[data-v-791288f8]{color:var(--text-secondary);line-height:1.6;margin-bottom:32px;font-size:var(--70d50697);font-family:Comic Neue,cursive}.message p[data-v-791288f8]{margin-bottom:16px;font-size:var(--70d50697);color:var(--text-dark);line-height:1.6}.contact-info[data-v-791288f8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.info-item[data-v-791288f8]{background:#ffffffe6;padding:24px;border-radius:16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent;background-clip:padding-box;box-shadow:0 4px 12px #ffb6c133}.info-item[data-v-791288f8]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(135deg,#ffd166,#ff6b8b,#ffd166);opacity:.3}.info-item[data-v-791288f8]:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 8px 20px #ffb6c166}.info-item[data-v-791288f8]:after{content:"";position:absolute;bottom:10px;right:10px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:.2}.info-header[data-v-791288f8]{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.icon[data-v-791288f8]{font-size:28px;margin-right:8px;display:inline-block;transition:all .3s ease;transform-origin:center bottom;text-shadow:0 2px 4px rgba(0,0,0,.1)}.info-item:hover .icon[data-v-791288f8]{transform:scale(1.2) translateY(-4px);animation:bounce-791288f8 .5s ease}@keyframes bounce-791288f8{0%,to{transform:scale(1.2) translateY(-4px)}50%{transform:scale(1.3) translateY(-8px)}}.label[data-v-791288f8]{color:var(--text-dark);font-size:var(--1831ff26);font-weight:500;font-family:"Baloo 2",cursive;text-transform:uppercase;letter-spacing:.05em}.value[data-v-791288f8]{color:var(--button-primary);font-size:var(--70d50697);font-weight:500;display:block;font-family:Comic Neue,cursive}a.value[data-v-791288f8]{text-decoration:none;transition:all .3s ease}a.value[data-v-791288f8]:hover{color:var(--button-secondary);transform:scale(1.05)}.intro-section[data-v-791288f8]{padding:32px;background:var(--card-bg);border-bottom:1px solid rgba(255,127,80,.1)}.intro-section h2[data-v-791288f8]{color:var(--text-dark);font-size:var(--5fa2916c);margin-bottom:20px;text-align:center;font-weight:500;font-family:"Baloo 2",cursive;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.feature-list[data-v-791288f8]{list-style:none;padding:0;margin:0 auto;max-width:600px}.feature-list li[data-v-791288f8]{color:var(--text-dark);font-size:var(--70d50697);line-height:1.6;position:relative;padding:12px 0 12px 30px;font-family:Comic Neue,cursive}.feature-list li[data-v-791288f8]:before{content:"•";color:var(--button-primary);font-size:20px;position:absolute;left:0;top:10px}@media (max-width: 768px){.contact-container[data-v-791288f8]{padding:16px}.header[data-v-791288f8]{margin-bottom:20px}h1[data-v-791288f8]{font-size:var(--7988f873)}.back-btn[data-v-791288f8]{padding:6px 12px;font-size:var(--28934c37)}.contact-content[data-v-791288f8]{padding:20px}.message[data-v-791288f8]{font-size:var(--3ccedec7)}.info-item[data-v-791288f8]{padding:16px}.label[data-v-791288f8]{font-size:var(--494b5231)}.value[data-v-791288f8]{font-size:var(--3ccedec7)}.intro-section[data-v-791288f8]{padding:20px}.intro-section h2[data-v-791288f8]{font-size:var(--3d2bb55c)}.feature-list li[data-v-791288f8]{font-size:var(--3ccedec7);padding-left:24px}}.bottom-nav[data-v-8541876a]{position:fixed;bottom:env(safe-area-inset-bottom);left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:calc(72px + env(safe-area-inset-bottom));background:#ffebeef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px #ffb6c133;z-index:1000;padding:0 16px;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:24px 24px 0 0}.bottom-nav[data-v-8541876a]:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;background:linear-gradient(to top,rgba(26,46,64,.05),transparent);pointer-events:none}.nav-item[data-v-8541876a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;border-radius:16px;cursor:pointer;transition:all .3s ease;color:var(--text-dark);position:relative;flex:1;max-width:100px;flex-shrink:0;height:100%;font-family:"Baloo 2",cursive}.nav-item[data-v-8541876a]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scale(0);width:24px;height:4px;background:var(--button-gradient);border-radius:4px;transition:transform .3s ease}.nav-item[data-v-8541876a]:hover{color:coral;transform:translateY(-4px)}.nav-item.active[data-v-8541876a]{background:var(--button-gradient);color:#fff;transform:translateY(-8px);box-shadow:0 4px 8px #ff7f504d}.nav-item.active[data-v-8541876a]:after{transform:translate(-50%) scale(1)}.nav-icon[data-v-8541876a]{font-size:var(--39a2cdbc);margin-bottom:4px;transition:all .3s ease}.nav-item:hover .nav-icon[data-v-8541876a],.nav-item.active .nav-icon[data-v-8541876a]{transform:translateY(-4px) scale(1.2)}.nav-label[data-v-8541876a]{font-size:var(--3fcb1482);line-height:1;white-space:nowrap;color:var(--text-dark);text-shadow:0 1px 2px rgba(255,255,255,.5)}@media (max-width: 768px){.bottom-nav[data-v-8541876a]{height:60px;padding:0 8px}.nav-icon[data-v-8541876a]{font-size:var(--51034edc)}.nav-label[data-v-8541876a]{font-size:var(--3b39e77c)}}@media (min-width: 769px){.bottom-nav[data-v-8541876a]{max-width:600px;left:50%;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);border-top-left-radius:16px;border-top-right-radius:16px;height:60px}}.app-title[data-v-e8d5072d]{margin:16px 0;font-size:var(--b201157a);color:#3d405b}@media (max-width: 768px){.app-title[data-v-e8d5072d]{font-size:var(--1d85ea9b)}}:root{--color-primary: #FF9AA2;--color-primary-light: #FFB7B2;--color-primary-dark: #FF6B8B;--color-secondary: #FFD166;--color-accent: #A2D7D8;--text-dark: #5D4037;--text-medium: #666;--text-light: #FFF8ED;--bg-primary: #FFF8ED;--bg-secondary: #FFF5E6;--bg-card: white;--border-primary: 3px solid #FF9AA2;--border-secondary: 2px dashed #FFB7B2;--shadow-primary: 0 4px 12px rgba(255, 154, 162, .2);--shadow-hover: 0 8px 16px rgba(255, 107, 139, .3);--button-gradient: linear-gradient(135deg, #FF9AA2 0%, #FFB7B2 100%);--button-gradient-hover: linear-gradient(135deg, #FF7F8A 0%, #FF9AA2 100%);--transition-default: all .3s cubic-bezier(.4, 0, .2, 1);font-family:Comic Neue,cursive;font-size:16px;line-height:1.5;font-weight:400;color:var(--text-dark);background:#fff8ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}body{margin:0;min-height:100vh;overflow-x:hidden}.app-container{position:relative;min-height:100vh;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@supports (padding: max(0px)){.app-container{padding-top:max(env(safe-area-inset-top),constant(safe-area-inset-top));padding-bottom:max(env(safe-area-inset-bottom),constant(safe-area-inset-bottom));padding-left:max(env(safe-area-inset-left),constant(safe-area-inset-left));padding-right:max(env(safe-area-inset-right),constant(safe-area-inset-right))}}.container{margin:0 auto;padding:calc(32px + var(--safe-area-inset-top, env(safe-area-inset-top))) 16px calc(76px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom)));max-width:1000px;box-sizing:border-box;min-height:calc(100vh - var(--safe-area-inset-top, env(safe-area-inset-top)) - var(--safe-area-inset-bottom, env(safe-area-inset-bottom)));width:100%;transition:all .3s ease}.android .container{padding-top:56px}@media (max-width: 768px){.container{padding:calc(24px + var(--safe-area-inset-top, env(safe-area-inset-top))) 12px calc(70px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom)))}.android .container{padding-top:48px}}input,button{border-radius:8px;border:2px solid rgba(224,122,95,.2);padding:.6em 1.2em;font-size:var(--4d22a922);font-weight:500;font-family:inherit;color:#3d405b;background-color:#fff8ed;transition:all .3s ease}@media (max-width: 768px){input,button{font-size:var(--eafd8222)}}input:hover,button:hover{border-color:#e07a5f}input:focus{outline:none;border-color:#e07a5f;box-shadow:0 0 0 3px #e07a5f1a}button{cursor:pointer;background:var(--button-gradient);color:#fff;border:3px solid var(--color-primary-dark);border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;font-family:"Baloo 2",cursive;box-shadow:var(--shadow-primary);transition:var(--transition-default);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}button:hover{background:var(--button-gradient-hover);transform:translateY(-3px);box-shadow:var(--shadow-hover)}button:active{transform:translateY(1px);box-shadow:0 2px 4px #ff6b8b4d}button:disabled{background:#f5f5f5;color:#bdbdbd;border-color:#e0e0e0;cursor:not-allowed;box-shadow:none;transform:none}button.small{padding:8px 16px;font-size:14px;border-width:2px}button.large{padding:16px 32px;font-size:18px;border-width:4px}button.secondary{background:#fff;color:var(--color-primary-dark);border:3px solid var(--color-primary)}button.secondary:hover{background:#fff0f5e6;color:var(--color-primary-dark)}button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px;min-width:40px;min-height:40px}button.icon-btn .icon{font-size:20px}button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}button:hover:after{transform:translate(100%)}a{font-weight:500;color:#e07a5f;text-decoration:none;transition:color .3s ease}a:hover{color:#d06a4f}h1,h2,h3,h4,h5,h6{color:#3d405b;margin-bottom:.5em}.card{background:var(--bg-card);border-radius:24px;padding:24px;margin:16px 0;box-shadow:var(--shadow-primary);border:var(--border-primary);transition:var(--transition-default);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark))}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card.highlight{border:3px dashed var(--color-primary);background-color:var(--bg-secondary)}.card.highlight:before{background:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 10px,var(--color-primary-light) 10px,var(--color-primary-light) 20px)}.card-decoration{position:absolute;right:20px;top:20px;font-size:24px;opacity:.2;z-index:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.container{padding:12px 12px 70px}.card{padding:16px}}