.toast-container[data-v-d90c3f4a]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast[data-v-d90c3f4a]{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a,inset 0 1px #ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:300px}.toast[data-v-d90c3f4a]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.toast[data-v-d90c3f4a]:hover{transform:translateY(-2px);box-shadow:0 15px 50px #0003,0 6px 18px #0000001f,inset 0 1px #fff9}.toast-success[data-v-d90c3f4a]{background:#34d39926;border-color:#34d3994d}.toast-success .toast-icon[data-v-d90c3f4a]{color:#10b981}.toast-error[data-v-d90c3f4a]{background:#f8717126;border-color:#f871714d}.toast-error .toast-icon[data-v-d90c3f4a]{color:#ef4444}.toast-warning[data-v-d90c3f4a]{background:#fbbf2426;border-color:#fbbf244d}.toast-warning .toast-icon[data-v-d90c3f4a]{color:#f59e0b}.toast-info[data-v-d90c3f4a]{background:#3b82f626;border-color:#3b82f64d}.toast-info .toast-icon[data-v-d90c3f4a]{color:#3b82f6}.toast-icon[data-v-d90c3f4a]{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast-content[data-v-d90c3f4a]{flex:1;min-width:0}.toast-message[data-v-d90c3f4a]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:1.5;margin-bottom:4px}.toast-description[data-v-d90c3f4a]{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.toast-close[data-v-d90c3f4a]{flex-shrink:0;width:16px;height:16px;border:none;background:none;cursor:pointer;color:var(--color-text-secondary);transition:color .2s ease;margin-top:2px;opacity:.6}.toast-close[data-v-d90c3f4a]:hover{color:var(--color-text-primary);opacity:1}.toast-enter-active[data-v-d90c3f4a],.toast-leave-active[data-v-d90c3f4a]{transition:all .4s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-d90c3f4a],.toast-leave-to[data-v-d90c3f4a]{opacity:0;transform:translate(100%) scale(.95)}.toast-move[data-v-d90c3f4a]{transition:transform .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.toast-container[data-v-d90c3f4a]{top:10px;right:10px;left:10px;max-width:none}.toast[data-v-d90c3f4a]{min-width:unset;padding:14px}.toast-message[data-v-d90c3f4a]{font-size:var(--text-xs)}.toast-description[data-v-d90c3f4a]{font-size:11px}}.modal-overlay[data-v-90f1f326]{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-container[data-v-90f1f326]{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 25px 50px #00000040,0 10px 30px #00000026,inset 0 1px #ffffffb3;border:1px solid rgba(208,215,222,.8);padding:32px;max-width:420px;width:100%;position:relative;overflow:hidden;transform:scale(1);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.modal-container[data-v-90f1f326]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.modal-icon[data-v-90f1f326]{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px #0000001a}.modal-icon-success[data-v-90f1f326]{background:#34d39926;color:#10b981}.modal-icon-error[data-v-90f1f326]{background:#f8717126;color:#ef4444}.modal-icon-warning[data-v-90f1f326]{background:#fbbf2426;color:#f59e0b}.modal-icon-info[data-v-90f1f326],.modal-icon-confirm[data-v-90f1f326]{background:#3b82f626;color:#3b82f6}.modal-content[data-v-90f1f326]{text-align:center;margin-bottom:28px;flex-grow:1;display:flex;flex-direction:column}.modal-title[data-v-90f1f326]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:12px;line-height:1.3}.modal-message[data-v-90f1f326]{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:1.6;margin-bottom:12px}.modal-description[data-v-90f1f326]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.modal-actions[data-v-90f1f326]{display:flex;gap:16px;justify-content:center;margin-top:auto;align-self:center;width:100%}.modal-cancel-btn[data-v-90f1f326],.modal-confirm-btn[data-v-90f1f326]{min-width:90px;padding:12px 20px;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;box-shadow:0 2px 4px #0000000d}.modal-cancel-btn[data-v-90f1f326]{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.modal-cancel-btn[data-v-90f1f326]:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium);box-shadow:0 4px 8px #00000014}.modal-confirm-btn[data-v-90f1f326]{background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary)}.modal-confirm-btn[data-v-90f1f326]:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #23863640}.modal-confirm-btn.single-btn[data-v-90f1f326]{margin-left:0}.modal-enter-active[data-v-90f1f326]{transition:all .4s cubic-bezier(.4,0,.2,1)}.modal-leave-active[data-v-90f1f326]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-enter-from[data-v-90f1f326]{opacity:0;transform:scale(.9) translateY(20px)}.modal-leave-to[data-v-90f1f326]{opacity:0;transform:scale(.95) translateY(20px)}@media (max-width: 768px){.modal-overlay[data-v-90f1f326]{padding:16px}.modal-container[data-v-90f1f326]{padding:24px;max-width:none}.modal-title[data-v-90f1f326]{font-size:var(--text-lg)}.modal-message[data-v-90f1f326]{font-size:var(--text-base)}.modal-description[data-v-90f1f326]{font-size:var(--text-sm)}.modal-actions[data-v-90f1f326]{flex-direction:column;gap:12px;width:100%;align-self:center;justify-content:center}.modal-cancel-btn[data-v-90f1f326],.modal-confirm-btn[data-v-90f1f326]{width:100%;padding:14px}.modal-confirm-btn.single-btn[data-v-90f1f326]{margin-left:0}}.navbar[data-v-24a4be6f]{background-color:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(208,215,222,.6);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000}.navbar-content[data-v-24a4be6f]{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-left[data-v-24a4be6f]{display:flex;align-items:center;gap:var(--spacing-5xl)}.navbar-right[data-v-24a4be6f]{display:flex;align-items:center;gap:var(--spacing-lg)}.navbar-brand[data-v-24a4be6f]{display:flex;align-items:center}.brand-link[data-v-24a4be6f]{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-semibold);font-size:var(--text-lg);transition:opacity .2s ease}.brand-link[data-v-24a4be6f]:hover{opacity:.8}.brand-text[data-v-24a4be6f]{color:var(--color-text-primary)}.brand-logo[data-v-24a4be6f]{width:32px;height:32px;border-radius:10px;object-fit:cover;transition:all .2s ease}.brand-logo[data-v-24a4be6f]:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.navbar-menu[data-v-24a4be6f]{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-menu-container[data-v-24a4be6f]{position:relative;display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link[data-v-24a4be6f]{position:relative;color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease}.nav-link[data-v-24a4be6f]:hover,.nav-link.active[data-v-24a4be6f]{color:var(--color-text-primary)}.nav-slider[data-v-24a4be6f]{position:absolute;bottom:-1px;height:2px;background-color:var(--color-primary);border-radius:1px;transition:left .3s cubic-bezier(.25,.46,.45,.94),width .3s cubic-bezier(.25,.46,.45,.94);opacity:0;z-index:1;box-shadow:0 2px 8px #2386364d}.nav-link.active[data-v-24a4be6f]:after{display:none}.login-btn[data-v-24a4be6f]{position:relative;color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease;background:none;border:none;cursor:pointer}.login-btn[data-v-24a4be6f]:hover{color:var(--color-text-primary)}.user-dropdown[data-v-24a4be6f]{position:relative;display:flex;align-items:center;cursor:pointer}.user-login-btn[data-v-24a4be6f]{width:30px;height:30px;border-radius:50%;object-fit:cover;transition:all .2s ease}.user-login-btn[data-v-24a4be6f]:hover{transform:scale(1.05)}.user-menu[data-v-24a4be6f]{position:absolute;top:calc(100% + 10px);right:0;width:240px;background-color:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(208,215,222,.6);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:1001}.user-menu.show[data-v-24a4be6f]{opacity:1;visibility:visible;transform:translateY(0)}.user-info[data-v-24a4be6f]{padding:var(--spacing-sm);border-bottom:1px solid rgba(208,215,222,.6);margin-bottom:var(--spacing-sm)}.user-name[data-v-24a4be6f]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.user-email[data-v-24a4be6f]{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.user-icon[data-v-24a4be6f],.email-icon[data-v-24a4be6f]{width:16px;height:16px;flex-shrink:0}.logout-btn[data-v-24a4be6f]{width:100%;padding:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.logout-btn[data-v-24a4be6f]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #23863633}.mobile-menu-btn[data-v-24a4be6f]{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:all .2s ease;position:relative}.mobile-menu-btn[data-v-24a4be6f]:hover{background-color:var(--color-bg-secondary)}.mobile-menu-btn[data-v-24a4be6f]:active{transform:scale(.95)}.mobile-menu-btn span[data-v-24a4be6f]{display:block;width:22px;height:2px;background-color:var(--color-text-primary);margin:3px 0;transition:all .3s cubic-bezier(.25,.46,.45,.94);border-radius:2px;transform-origin:center}.mobile-menu-btn.active span[data-v-24a4be6f]:nth-child(1){transform:rotate(45deg) translate(0);position:absolute;top:50%;left:50%;margin-left:-11px;margin-top:-1px}.mobile-menu-btn.active span[data-v-24a4be6f]:nth-child(2){opacity:0;transform:scale(0) rotate(360deg)}.mobile-menu-btn.active span[data-v-24a4be6f]:nth-child(3){transform:rotate(-45deg) translate(0);position:absolute;top:50%;left:50%;margin-left:-11px;margin-top:-1px}.mobile-menu[data-v-24a4be6f]{display:none;position:absolute;top:100%;left:0;right:0;background-color:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;padding:0 var(--spacing-lg);box-shadow:0 4px 12px #00000026;max-height:0;overflow:hidden;transition:all .3s ease}.mobile-menu.open[data-v-24a4be6f]{max-height:300px;padding:var(--spacing-lg)}.mobile-nav-container[data-v-24a4be6f]{position:relative;display:flex;flex-direction:column;gap:0}.mobile-nav-link[data-v-24a4be6f]{display:block;color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-medium);padding:var(--spacing-md) 0;margin:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);transition:all .2s ease;opacity:0;transform:translateY(-10px)}.mobile-menu.open .mobile-nav-link[data-v-24a4be6f]{opacity:1;transform:translateY(0);transition-delay:.1s}.mobile-nav-link[data-v-24a4be6f]:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary);padding-left:var(--spacing-sm)}.mobile-nav-link[data-v-24a4be6f]:last-child{border-bottom:none}.mobile-nav-link.router-link-active[data-v-24a4be6f]{color:var(--color-primary);background-color:var(--color-bg-secondary);padding-left:var(--spacing-sm)}.login-mobile[data-v-24a4be6f]{background:none;border:none;text-align:left;width:100%;font-family:inherit;cursor:pointer}@media (max-width: 768px){.navbar-content[data-v-24a4be6f]{height:56px}.navbar-left[data-v-24a4be6f]{gap:var(--spacing-lg)}.desktop-menu[data-v-24a4be6f]{display:none!important}.mobile-menu-btn[data-v-24a4be6f]{display:flex!important}.mobile-menu[data-v-24a4be6f]{display:block!important;max-height:0!important;padding:0 var(--spacing-lg)!important;border-bottom:none}.mobile-menu.open[data-v-24a4be6f]{max-height:300px!important;padding:var(--spacing-lg)!important;border-bottom:none}.brand-link[data-v-24a4be6f]{font-size:var(--text-base)}}@media (max-width: 480px){.navbar-content[data-v-24a4be6f]{height:52px;padding:0 var(--spacing-md)}.brand-link[data-v-24a4be6f]{font-size:var(--text-sm)}.brand-logo[data-v-24a4be6f]{width:28px;height:28px;border-radius:8px}.mobile-menu-btn[data-v-24a4be6f]{width:32px;height:32px;padding:4px}.mobile-menu-btn span[data-v-24a4be6f]{width:18px;height:2px}.mobile-menu-btn.active span[data-v-24a4be6f]:nth-child(1),.mobile-menu-btn.active span[data-v-24a4be6f]:nth-child(3){margin-left:-9px}}@media (min-width: 769px){.mobile-menu-btn[data-v-24a4be6f],.mobile-menu[data-v-24a4be6f]{display:none!important}.desktop-menu[data-v-24a4be6f]{display:flex!important}}.wechat-modal[data-v-8b5ae1aa]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content[data-v-8b5ae1aa]{background:#fff;border-radius:8px;text-align:center;position:relative;max-width:360px;width:100%;overflow:hidden}.modal-header[data-v-8b5ae1aa]{position:relative;padding:20px;text-align:center}.modal-header .title[data-v-8b5ae1aa]{font-size:22px;font-weight:700;margin-right:8px}.modal-header .subtitle[data-v-8b5ae1aa]{font-size:14px;color:#666}.modal-header .close[data-v-8b5ae1aa]{position:absolute;top:15px;right:15px;cursor:pointer;font-size:24px;line-height:1}.modal-footer[data-v-8b5ae1aa]{background:var(--color-bg-tertiary);color:#fff;padding:20px;border-top:1px solid #ddd}.qrcode[data-v-8b5ae1aa]{max-width:200px;height:auto;margin:0 auto 16px;display:block;background:#fff;padding:6px;border-radius:6px}.modal-footer p[data-v-8b5ae1aa]{margin:6px 0;font-size:14px}.modal-footer .wechat-id[data-v-8b5ae1aa]{font-weight:700;font-size:15px;color:var(--color-text-secondary)}.modal-footer .desc[data-v-8b5ae1aa]{font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.email-modal[data-v-e74d34e3]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-e74d34e3]{background:#fff;border-radius:8px;text-align:center;position:relative;max-width:360px;width:100%;overflow:hidden}.modal-header[data-v-e74d34e3]{position:relative;padding:20px;text-align:center}.modal-header .title[data-v-e74d34e3]{font-size:22px;font-weight:700;margin-right:8px}.modal-header .close[data-v-e74d34e3]{position:absolute;top:15px;right:15px;cursor:pointer;font-size:24px;line-height:1}.modal-footer[data-v-e74d34e3]{background:var(--color-bg-tertiary);color:#fff;padding:20px;border-top:1px solid #ddd}.email-icon[data-v-e74d34e3]{display:flex;justify-content:center;align-items:center;margin:0 auto 16px;width:80px;height:80px;background:var(--color-bg-primary);border-radius:50%;padding:12px}.email-icon svg[data-v-e74d34e3]{color:var(--color-text-primary)}.modal-footer p[data-v-e74d34e3]{margin:6px 0;font-size:14px}.modal-footer .email-address[data-v-e74d34e3]{font-weight:700;font-size:16px;color:var(--color-text-secondary)}.modal-footer .desc[data-v-e74d34e3]{font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.footer[data-v-e97ba498]{background-color:var(--color-bg-primary);color:var(--color-text-secondary);padding:var(--spacing-5xl) 0 var(--spacing-lg);border-top:1px solid var(--color-border-light)}.footer-content[data-v-e97ba498]{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.footer-main[data-v-e97ba498]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-5xl);align-items:start}.footer-brand[data-v-e97ba498]{max-width:400px}.brand-title[data-v-e97ba498]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.brand-description[data-v-e97ba498]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-2xl);font-size:var(--text-base)}.social-links[data-v-e97ba498]{display:flex;gap:var(--spacing-md)}.social-link[data-v-e97ba498]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-secondary);transition:color .2s ease;text-decoration:none;position:relative}.social-link[data-v-e97ba498]:hover{color:var(--color-text-primary)}.social-link[data-v-e97ba498]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;margin-bottom:8px;z-index:1000}.social-link[data-v-e97ba498]:hover:before{opacity:1;visibility:visible}.social-link[data-v-e97ba498]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;margin-bottom:0;z-index:1000}.social-link[data-v-e97ba498]:hover:after{opacity:1;visibility:visible}.footer-links[data-v-e97ba498]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5xl)}.link-group h4[data-v-e97ba498]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.link-group ul[data-v-e97ba498]{list-style:none}.link-group li[data-v-e97ba498]{margin-bottom:var(--spacing-md)}.link-group span[data-v-e97ba498]{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-base);transition:color .2s ease;line-height:var(--leading-relaxed)}.link-group span[data-v-e97ba498]:hover{color:var(--color-text-primary)}.footer-bottom[data-v-e97ba498]{padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-light);text-align:center}.copyright[data-v-e97ba498]{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration-line:none}@media (max-width: 1024px){.footer-main[data-v-e97ba498]{grid-template-columns:1fr;gap:var(--spacing-4xl)}.footer-links[data-v-e97ba498]{grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}}@media (max-width: 768px){.footer[data-v-e97ba498]{padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-main[data-v-e97ba498]{gap:var(--spacing-3xl)}.footer-links[data-v-e97ba498]{grid-template-columns:1fr;gap:var(--spacing-2xl)}.brand-title[data-v-e97ba498]{font-size:var(--text-xl)}.link-group h4[data-v-e97ba498]{font-size:var(--text-base)}}@media (max-width: 480px){.footer[data-v-e97ba498]{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content[data-v-e97ba498],.footer-main[data-v-e97ba498]{gap:var(--spacing-2xl)}.brand-description[data-v-e97ba498]{font-size:var(--text-sm)}}.loading-container[data-v-b83eaffc]{position:fixed;inset:0;pointer-events:none;z-index:9999}.loading[data-v-b83eaffc]{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:auto}.loading--center[data-v-b83eaffc]{inset:0}.loading--top[data-v-b83eaffc]{top:20px;left:50%;transform:translate(-50%)}.loading--bottom[data-v-b83eaffc]{bottom:20px;left:50%;transform:translate(-50%)}.loading--inline[data-v-b83eaffc]{position:relative;inset:auto;transform:none}.loading--small .loading-animation[data-v-b83eaffc]{width:24px;height:24px}.loading--medium .loading-animation[data-v-b83eaffc]{width:32px;height:32px}.loading--large .loading-animation[data-v-b83eaffc]{width:48px;height:48px}.loading-overlay[data-v-b83eaffc]{position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-content[data-v-b83eaffc]{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:120px}.loading-close[data-v-b83eaffc]{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:none;cursor:pointer;color:var(--color-text-secondary);transition:color .2s ease;opacity:.6}.loading-close[data-v-b83eaffc]:hover{color:var(--color-text-primary);opacity:1}.loading-animation[data-v-b83eaffc]{display:flex;align-items:center;justify-content:center}.spinner[data-v-b83eaffc]{width:100%;height:100%}.spinner-ring[data-v-b83eaffc]{width:100%;height:100%;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-b83eaffc 1s linear infinite}@keyframes spin-b83eaffc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dots[data-v-b83eaffc]{display:flex;gap:4px;align-items:center;justify-content:center}.dot[data-v-b83eaffc]{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:bounce-b83eaffc 1.4s ease-in-out infinite both}.dot[data-v-b83eaffc]:nth-child(1){animation-delay:-.32s}.dot[data-v-b83eaffc]:nth-child(2){animation-delay:-.16s}@keyframes bounce-b83eaffc{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.pulse[data-v-b83eaffc]{width:100%;height:100%}.pulse-circle[data-v-b83eaffc]{width:100%;height:100%;background:var(--color-primary);border-radius:50%;animation:pulse-b83eaffc 2s ease-in-out infinite}@keyframes pulse-b83eaffc{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.skeleton[data-v-b83eaffc]{display:flex;flex-direction:column;gap:8px;width:200px}.skeleton-line[data-v-b83eaffc]{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer-b83eaffc 2s infinite}.skeleton-line--short[data-v-b83eaffc]{width:60%}@keyframes shimmer-b83eaffc{0%{background-position:-200% 0}to{background-position:200% 0}}.progress[data-v-b83eaffc]{display:flex;flex-direction:column;gap:8px;align-items:center;width:200px}.progress-bar[data-v-b83eaffc]{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill[data-v-b83eaffc]{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.progress-text[data-v-b83eaffc]{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.loading-text[data-v-b83eaffc]{font-size:var(--text-sm);color:var(--color-text-primary);text-align:center;font-weight:var(--font-medium)}.loading-enter-active[data-v-b83eaffc],.loading-leave-active[data-v-b83eaffc]{transition:all .3s cubic-bezier(.4,0,.2,1)}.loading-enter-from[data-v-b83eaffc],.loading-leave-to[data-v-b83eaffc]{opacity:0;transform:scale(.9)}@media (max-width: 768px){.loading-content[data-v-b83eaffc]{padding:20px;min-width:100px}.loading--top[data-v-b83eaffc]{top:10px}.loading--bottom[data-v-b83eaffc]{bottom:10px}.progress[data-v-b83eaffc],.skeleton[data-v-b83eaffc]{width:150px}}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.ai-tool-card[data-v-90c5dcfd]{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.ai-tool-card-default[data-v-90c5dcfd],.ai-tool-card-life-assistant[data-v-90c5dcfd],.ai-tool-card-copywriting-master[data-v-90c5dcfd],.ai-tool-card-creative-tools[data-v-90c5dcfd],.ai-tool-card-ai-agents[data-v-90c5dcfd]{border-left:none}.ai-tool-card[data-v-90c5dcfd]:hover{box-shadow:0 8px 25px #0000004d}.ai-tool-card[data-v-90c5dcfd]:hover{box-shadow:0 8px 25px #0000004d!important}.tool-header[data-v-90c5dcfd]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.tool-logo[data-v-90c5dcfd]{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.tool-tags[data-v-90c5dcfd]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs);justify-content:flex-end;flex:1}.tag[data-v-90c5dcfd]{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);border:none;transition:all .3s ease;background-color:#ffffff4d;color:var(--color-text-primary);box-shadow:0 1px 2px #0000000d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:0;animation:fadeIn .3s ease forwards}.tag[data-v-90c5dcfd]:hover{transform:none;box-shadow:0 1px 2px #0000000d;background-color:#ffffff4d}.tag[data-v-90c5dcfd]:nth-child(1){animation-delay:.1s}.tag[data-v-90c5dcfd]:nth-child(2){animation-delay:.2s}.tag[data-v-90c5dcfd]:nth-child(3){animation-delay:.3s}.tag-default[data-v-90c5dcfd]{background-color:#38863640;color:var(--color-primary)}.tag-default[data-v-90c5dcfd]:hover{background-color:#38863640}.tag-life-assistant[data-v-90c5dcfd]{background-color:#5e72e440;color:#5e72e4}.tag-life-assistant[data-v-90c5dcfd]:hover{background-color:#5e72e440}.tag-copywriting-master[data-v-90c5dcfd]{background-color:#f4a2612e;color:#cc7a29}.tag-copywriting-master[data-v-90c5dcfd]:hover{background-color:#f4a2612e}.tag-creative-tools[data-v-90c5dcfd]{background-color:#f5365c40;color:#f5365c}.tag-ai-agents[data-v-90c5dcfd]{background-color:#06b6d424;color:#0e7490}.tag-ai-agents[data-v-90c5dcfd]:hover{background-color:#06b6d424}.tag-creative-tools[data-v-90c5dcfd]:hover{background-color:#f5365c40}.tool-title[data-v-90c5dcfd]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);flex:1}.tool-description[data-v-90c5dcfd]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg);flex:1}.tool-actions[data-v-90c5dcfd]{display:flex;gap:var(--spacing-sm);margin-top:auto}.btn[data-v-90c5dcfd]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;flex:1;border:1px solid transparent}.btn-primary[data-v-90c5dcfd],.btn-default[data-v-90c5dcfd]{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-default[data-v-90c5dcfd]:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary)}.btn-life-assistant[data-v-90c5dcfd]{background-color:#5e72e4;color:var(--color-text-inverse)}.btn-life-assistant[data-v-90c5dcfd]:hover{background-color:#4a60d8;border-color:#5e72e4}.btn-copywriting-master[data-v-90c5dcfd]{background-color:#f4a261;color:var(--color-text-inverse)}.btn-copywriting-master[data-v-90c5dcfd]:hover{background-color:#e38b2c;border-color:#f4a261}.btn-creative-tools[data-v-90c5dcfd]{background-color:#f5365c;color:var(--color-text-inverse)}.btn-ai-agents[data-v-90c5dcfd]{background-color:#06b6d4;color:var(--color-text-inverse)}.btn-ai-agents[data-v-90c5dcfd]:hover{background-color:#0891b2;border-color:#06b6d4}.btn-creative-tools[data-v-90c5dcfd]:hover{background-color:#e02d50;border-color:#f5365c}.btn-secondary[data-v-90c5dcfd]{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-light)}.btn-secondary[data-v-90c5dcfd]:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium)}@media (max-width: 768px){.tool-header[data-v-90c5dcfd]{margin-bottom:var(--spacing-sm)}.tool-title[data-v-90c5dcfd]{font-size:var(--text-lg)}.tool-description[data-v-90c5dcfd]{font-size:var(--text-sm)}.tool-actions[data-v-90c5dcfd]{flex-direction:column}.btn[data-v-90c5dcfd]{width:100%;justify-content:center}}.featured-card[data-v-d2f40f32]{position:relative;background-color:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);border-left:none;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease;min-height:220px}.featured-card[data-v-d2f40f32]:hover{box-shadow:0 8px 25px #0000004d}.card-background[data-v-d2f40f32]{position:relative;width:100%;height:150px;overflow:hidden}.background-img[data-v-d2f40f32]{width:100%;height:100%;object-fit:cover}.background-overlay[data-v-d2f40f32]{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#0000004d)}.card-content[data-v-d2f40f32]{padding:var(--spacing-lg);position:relative}.card-tags[data-v-d2f40f32]{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.tag[data-v-d2f40f32]{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);transition:all .2s ease}.tag-default[data-v-d2f40f32]{background-color:#3886361a;color:var(--color-primary);border:1px solid rgba(56,134,54,.2)}.tag-default[data-v-d2f40f32]:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.tag-label[data-v-d2f40f32]{background-color:#0969da1a;color:var(--color-secondary);border:1px solid rgba(9,105,218,.2)}.tag-label[data-v-d2f40f32]:hover{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.card-title[data-v-d2f40f32]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-description[data-v-d2f40f32]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg);font-size:var(--text-sm);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-d2f40f32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--text-xs);color:var(--color-text-tertiary)}.meta-left[data-v-d2f40f32]{display:flex;align-items:center;gap:var(--spacing-sm)}.meta-right[data-v-d2f40f32]{display:flex;align-items:center;font-size:var(--text-xs);color:var(--color-text-tertiary)}.author[data-v-d2f40f32]{font-weight:var(--font-medium);color:var(--color-text-secondary)}.date[data-v-d2f40f32],.reading-time[data-v-d2f40f32]{color:var(--color-text-tertiary)}.card-action[data-v-d2f40f32]{text-align:right}.read-btn[data-v-d2f40f32]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;text-decoration:none}.read-btn[data-v-d2f40f32]:hover{box-shadow:0 4px 12px #3886364d}@media (max-width: 768px){.featured-card[data-v-d2f40f32]{min-height:200px}.card-background[data-v-d2f40f32]{height:120px}.card-content[data-v-d2f40f32]{padding:var(--spacing-md)}.card-title[data-v-d2f40f32]{font-size:var(--text-lg)}.card-meta[data-v-d2f40f32]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.meta-left[data-v-d2f40f32]{gap:var(--spacing-xs)}}@media (max-width: 480px){.card-content[data-v-d2f40f32]{padding:var(--spacing-md)}.card-title[data-v-d2f40f32]{font-size:var(--text-base)}.card-description[data-v-d2f40f32]{font-size:var(--text-xs)}}.home[data-v-575fe6ce]{background-color:var(--color-bg-primary)}.hero-section[data-v-575fe6ce]{padding:var(--spacing-4xl) 0 var(--spacing-5xl);min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content[data-v-575fe6ce]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;position:relative;z-index:1}.hero-title[data-v-575fe6ce]{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.gradient-text[data-v-575fe6ce]{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-description[data-v-575fe6ce]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px}.hero-actions[data-v-575fe6ce]{display:flex;gap:var(--spacing-lg);align-items:center}.btn-large[data-v-575fe6ce]{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--text-base);gap:var(--spacing-sm)}.hero-visual[data-v-575fe6ce]{position:relative;height:400px;display:flex;justify-content:center;align-items:center}.hero-background[data-v-575fe6ce]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,rgba(74,144,255,.03) 0%,transparent 70%);border-radius:30px;padding:var(--spacing-lg);overflow:hidden}.neural-network[data-v-575fe6ce]{width:50%;height:50%;max-width:300px;max-height:200px;filter:drop-shadow(0 10px 25px rgba(74,144,255,.1));animation:networkPulse-575fe6ce 8s ease-in-out infinite}@keyframes networkPulse-575fe6ce{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.neural-network .connections line[data-v-575fe6ce]{stroke-dasharray:2,2;animation:dash-575fe6ce 10s linear infinite}@keyframes dash-575fe6ce{to{stroke-dashoffset:-20}}.neural-network .nodes circle[data-v-575fe6ce]{transform-origin:center}.neural-network .data-flow circle[data-v-575fe6ce]{filter:blur(.5px)}.neural-network .particles circle[data-v-575fe6ce]{filter:blur(.3px)}.hero-image[data-v-575fe6ce]{width:470px;height:400px;object-fit:contain;display:block;margin:0 auto}@media (max-width: 768px){.hero-image[data-v-575fe6ce]{width:250px;height:170px}}@media (max-width: 480px){.hero-image[data-v-575fe6ce]{width:200px;height:140px}}.floating-cards[data-v-575fe6ce]{position:relative;width:100%;height:100%}.floating-card[data-v-575fe6ce]{position:absolute;background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);min-width:120px;color:var(--color-text-primary)}.card-icon[data-v-575fe6ce]{font-size:2rem}.card-text[data-v-575fe6ce]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:center}.card-1[data-v-575fe6ce]{top:10%;left:5%;animation:float-575fe6ce 6s ease-in-out infinite}.card-2[data-v-575fe6ce]{top:0%;right:15%;animation:float-575fe6ce 6s ease-in-out infinite 1.5s}.card-3[data-v-575fe6ce]{bottom:10%;left:20%;animation:float-575fe6ce 6s ease-in-out infinite 3s}.card-4[data-v-575fe6ce]{bottom:0%;right:5%;animation:float-575fe6ce 6s ease-in-out infinite 4.5s}@keyframes float-575fe6ce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.featured-apps-section[data-v-575fe6ce],.featured-content-section[data-v-575fe6ce],.stats-section[data-v-575fe6ce],.cta-section[data-v-575fe6ce]{background-color:var(--color-bg-primary)}.section-header[data-v-575fe6ce]{max-width:700px;margin:0 auto}.section-title[data-v-575fe6ce]{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.section-description[data-v-575fe6ce]{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.apps-grid[data-v-575fe6ce],.content-grid[data-v-575fe6ce]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3xl)}.stats-grid[data-v-575fe6ce]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3xl);text-align:center;padding:var(--spacing-4xl) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);margin:var(--spacing-5xl) 0}.stat-item[data-v-575fe6ce]{padding:var(--spacing-lg)}.stat-number[data-v-575fe6ce]{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label[data-v-575fe6ce]{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium)}.cta-section[data-v-575fe6ce]{padding-bottom:var(--spacing-5xl)}.cta-content[data-v-575fe6ce]{max-width:700px;margin:0 auto;padding:var(--spacing-4xl);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cta-title[data-v-575fe6ce]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.cta-description[data-v-575fe6ce]{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed)}.cta-button[data-v-575fe6ce]{font-size:var(--text-lg);padding:var(--spacing-lg) var(--spacing-3xl)}@media (max-width: 768px){.hero-content[data-v-575fe6ce]{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.hero-title[data-v-575fe6ce]{font-size:var(--text-3xl)}.hero-actions[data-v-575fe6ce]{justify-content:center;flex-wrap:wrap}.hero-visual[data-v-575fe6ce]{height:350px;order:-1}.neural-network[data-v-575fe6ce]{width:70%;height:70%;max-width:280px;max-height:180px}.floating-card[data-v-575fe6ce]{min-width:100px;padding:var(--spacing-md)}.card-text[data-v-575fe6ce]{font-size:var(--text-xs)}.apps-grid[data-v-575fe6ce],.content-grid[data-v-575fe6ce]{grid-template-columns:1fr;gap:var(--spacing-xl)}.stats-grid[data-v-575fe6ce]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.section-title[data-v-575fe6ce],.cta-title[data-v-575fe6ce]{font-size:var(--text-2xl)}.cta-content[data-v-575fe6ce]{padding:var(--spacing-2xl)}}@media (max-width: 480px){.stats-grid[data-v-575fe6ce]{grid-template-columns:1fr}.hero-actions[data-v-575fe6ce]{flex-direction:column;width:100%}.btn-large[data-v-575fe6ce]{width:100%;justify-content:center}.hero-visual[data-v-575fe6ce]{height:280px}.neural-network[data-v-575fe6ce]{width:80%;height:80%;max-width:240px;max-height:160px}}.feature-grid[data-v-575fe6ce]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}.feature-card[data-v-575fe6ce]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a}.feature-card[data-v-575fe6ce]:hover{box-shadow:var(--shadow-lg)}.feature-icon[data-v-575fe6ce]{width:60px;height:60px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary)}.feature-title[data-v-575fe6ce]{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.feature-description[data-v-575fe6ce]{font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.square-page[data-v-6f6df285]{background-color:var(--color-bg-primary)}.hero-section[data-v-6f6df285]{background:#ffffff4d;padding:0 0 var(--spacing-5xl);border-bottom:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:inset 0 1px #fff6,0 1px 3px #0000000d,0 8px 32px #0000000d}.hero-section .container[data-v-6f6df285]{position:relative;z-index:10;padding-top:var(--spacing-2xl)}.section-title[data-v-6f6df285]{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-shadow:0 1px 2px rgba(0,0,0,.05)}.section-description[data-v-6f6df285]{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:700px;margin:0 auto;text-shadow:0 1px 1px rgba(0,0,0,.03)}.tools-section[data-v-6f6df285]{background-color:var(--color-bg-secondary);padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.category-filter[data-v-6f6df285]{display:flex;justify-content:center;margin-bottom:var(--spacing-3xl)}.category-filter-container[data-v-6f6df285]{position:relative;display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;padding:3px;background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871f,inset 0 1px #ffffff80}.category-btn[data-v-6f6df285]{position:relative;padding:10px 16px;font-size:var(--text-sm);border-radius:calc(var(--radius-md) - 1px);background-color:transparent;color:var(--color-text-secondary);border:none;transition:color .4s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:2;font-weight:var(--font-medium)}.category-btn[data-v-6f6df285]:hover:not(.active){color:var(--color-text-primary)}.category-btn.active[data-v-6f6df285]{color:var(--color-text-inverse)}.category-btn.active[data-v-6f6df285]:hover{color:var(--color-text-inverse);background-color:transparent}.category-slider[data-v-6f6df285]{position:absolute;top:3px;bottom:3px;background:#6c757d;border-radius:calc(var(--radius-md) - 1px);transition:left .3s cubic-bezier(.25,.46,.45,.94),width .3s cubic-bezier(.25,.46,.45,.94);opacity:1;z-index:1;box-shadow:0 4px 16px #6c757d4d}.tools-grid[data-v-6f6df285]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3xl);margin-top:var(--spacing-3xl);justify-items:center}.tools-grid[data-v-6f6df285]>*{width:100%;max-width:360px}@media (max-width: 1024px){.category-filter-container[data-v-6f6df285]{gap:var(--spacing-sm);padding:2px}.category-btn[data-v-6f6df285]{padding:8px 12px;font-size:var(--text-xs)}}@media (max-width: 768px){.hero-section[data-v-6f6df285]{padding:0 0 var(--spacing-3xl)}.section-title[data-v-6f6df285]{font-size:var(--text-3xl)}.section-description[data-v-6f6df285]{font-size:var(--text-base)}.tools-section[data-v-6f6df285]{padding:var(--spacing-2xl) 0 var(--spacing-xl)}.category-filter[data-v-6f6df285]{margin-bottom:var(--spacing-2xl)}.category-filter-container[data-v-6f6df285]{gap:var(--spacing-xs);padding:2px;flex-wrap:wrap;justify-content:center;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-btn[data-v-6f6df285]{font-size:var(--text-xs);padding:6px 10px;white-space:nowrap;flex-shrink:0}.tools-grid[data-v-6f6df285]{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media (max-width: 480px){.category-filter-container[data-v-6f6df285]{gap:4px;padding:1px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-filter-container[data-v-6f6df285]::-webkit-scrollbar{display:none}.category-btn[data-v-6f6df285]{font-size:var(--text-xs);padding:4px 8px;min-width:auto}.section-title[data-v-6f6df285]{font-size:var(--text-2xl)}.section-description[data-v-6f6df285]{font-size:var(--text-sm)}}.horizontal-card[data-v-4e900493]{display:flex;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);border-left:none;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;margin-bottom:var(--spacing-lg)}.horizontal-card[data-v-4e900493]:hover{box-shadow:0 8px 25px #0000004d}.card-image[data-v-4e900493]{flex:0 0 200px;height:140px;overflow:hidden;border-radius:var(--radius-lg) 0 var(--radius-lg) 0}.card-image img[data-v-4e900493]{width:100%;height:100%;object-fit:cover}.card-content[data-v-4e900493]{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:space-between}.content-main[data-v-4e900493]{flex:1}.card-actions[data-v-4e900493]{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.card-tags[data-v-4e900493]{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.tag[data-v-4e900493]{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);transition:all .2s ease}.tag-default[data-v-4e900493]{background-color:#3886361a;color:var(--color-primary);border:1px solid rgba(56,134,54,.2)}.tag-default[data-v-4e900493]:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.tag-label[data-v-4e900493]{background-color:#0969da1a;color:var(--color-secondary);border:1px solid rgba(9,105,218,.2)}.tag-label[data-v-4e900493]:hover{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.card-title[data-v-4e900493]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-description[data-v-4e900493]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-sm);font-size:var(--text-sm);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-4e900493]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap;margin-top:var(--spacing-xs)}.author[data-v-4e900493]{font-weight:var(--font-medium);color:var(--color-text-secondary)}.date[data-v-4e900493],.reading-time[data-v-4e900493],.views[data-v-4e900493]{color:var(--color-text-tertiary)}.read-btn[data-v-4e900493]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.read-btn[data-v-4e900493]:hover{box-shadow:0 4px 12px #3886364d}@media (max-width: 768px){.horizontal-card[data-v-4e900493]{flex-direction:column;margin-bottom:var(--spacing-md)}.card-image[data-v-4e900493]{flex:none;height:120px;width:100%}.card-content[data-v-4e900493]{padding:var(--spacing-md)}.card-title[data-v-4e900493]{font-size:var(--text-lg)}.card-actions[data-v-4e900493]{margin-top:var(--spacing-sm)}}@media (max-width: 480px){.card-content[data-v-4e900493]{padding:var(--spacing-sm)}.card-title[data-v-4e900493]{font-size:var(--text-base)}.card-description[data-v-4e900493]{font-size:var(--text-xs)}.card-meta[data-v-4e900493]{gap:var(--spacing-xs)}}.knowledge-page[data-v-98a98faa]{background-color:var(--color-bg-primary)}.hero-section[data-v-98a98faa]{background:#ffffff4d;padding:0 0 var(--spacing-5xl);border-bottom:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:inset 0 1px #fff6,0 1px 3px #0000000d,0 8px 32px #0000000d}.hero-section .container[data-v-98a98faa]{position:relative;z-index:10;padding-top:var(--spacing-2xl)}.section-title[data-v-98a98faa]{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.section-description[data-v-98a98faa]{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:700px;margin:0 auto}.articles-section[data-v-98a98faa]{background-color:var(--color-bg-secondary);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.featured-section[data-v-98a98faa]{margin-bottom:var(--spacing-5xl);display:flex;justify-content:center;width:100%}.featured-content[data-v-98a98faa]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px}.section-header[data-v-98a98faa]{max-width:none;margin:0;width:100%;text-align:left;display:flex;justify-content:flex-start}.featured-title[data-v-98a98faa]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);margin-left:0;width:100%;max-width:480px}.featured-description[data-v-98a98faa]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.featured-grid[data-v-98a98faa]{display:flex;flex-wrap:wrap;gap:var(--spacing-3xl);justify-content:center;width:100%}.featured-grid .featured-card[data-v-98a98faa]{flex:0 0 auto;width:480px}.all-articles-section[data-v-98a98faa]{margin-bottom:var(--spacing-3xl);display:flex;justify-content:center;width:100%}.all-articles-content[data-v-98a98faa]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px}.all-articles-title[data-v-98a98faa]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);margin-left:0%;width:100%;text-align:left}.all-articles-list[data-v-98a98faa]{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-filter[data-v-98a98faa]{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.category-btn[data-v-98a98faa]{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);transition:all .2s ease}.category-btn[data-v-98a98faa]:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium)}.category-btn.active[data-v-98a98faa]{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.articles-grid[data-v-98a98faa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3xl)}@media (max-width: 1100px){.hero-section[data-v-98a98faa]{padding:0 0 var(--spacing-3xl)}.section-title[data-v-98a98faa]{font-size:var(--text-3xl)}.section-description[data-v-98a98faa]{font-size:var(--text-base)}.articles-section[data-v-98a98faa]{padding:var(--spacing-2xl) 0 var(--spacing-sm)}.featured-section[data-v-98a98faa]{margin-bottom:var(--spacing-3xl)}.featured-content[data-v-98a98faa]{align-items:center}.section-header[data-v-98a98faa]{text-align:center;justify-content:center}.featured-title[data-v-98a98faa]{font-size:var(--text-xl);margin-left:0}.featured-description[data-v-98a98faa]{font-size:var(--text-sm)}.featured-grid[data-v-98a98faa]{justify-content:center;gap:var(--spacing-xl)}.featured-grid .featured-card[data-v-98a98faa]{width:100%;max-width:420px}.all-articles-section[data-v-98a98faa]{margin-bottom:var(--spacing-xl)}.all-articles-title[data-v-98a98faa]{font-size:var(--text-xl);margin-left:0}.all-articles-list[data-v-98a98faa]{gap:var(--spacing-md)}.category-filter[data-v-98a98faa]{gap:var(--spacing-sm)}.category-btn[data-v-98a98faa]{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-md)}.articles-grid[data-v-98a98faa]{grid-template-columns:1fr;gap:var(--spacing-xl)}}.login-container[data-v-c5274f63]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(35,134,54,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(35,134,54,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(228,237,249,.3) 0%,transparent 50%),linear-gradient(135deg,#f5f7fae6,#e4edf9b3,#ebf3fbcc,#dcebf7b3,#e1f0f8cc);padding:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;overflow:hidden}.login-container[data-v-c5274f63]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 25%,rgba(35,134,54,.05) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(35,134,54,.03) 0%,transparent 40%);animation:float-c5274f63 20s ease-in-out infinite;pointer-events:none;z-index:0}.login-container[data-v-c5274f63]:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(35,134,54,.05) 50%,transparent 60%);pointer-events:none;z-index:0}@keyframes float-c5274f63{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.login-card[data-v-c5274f63]{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.18);width:100%;max-width:380px;position:relative;overflow:hidden;z-index:10}.login-card[data-v-c5274f63]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(35,134,54,.05) 0%,rgba(35,134,54,.01) 70%,transparent 100%);pointer-events:none;z-index:-1}.logo[data-v-c5274f63]{text-align:center;margin-bottom:15px}.logo img[data-v-c5274f63]{max-width:80px;height:auto;border-radius:16px}.login-form h2[data-v-c5274f63]{text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:15px}.login-toggle[data-v-c5274f63]{display:flex;margin-bottom:20px;position:relative;background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871f,inset 0 1px #ffffff80}.toggle-slider[data-v-c5274f63]{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--color-primary);border-radius:7px;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2386364d;z-index:1}.toggle-slider.captcha[data-v-c5274f63]{transform:translate(100%)}.login-toggle span[data-v-c5274f63]{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .4s cubic-bezier(.4,0,.2,1);font-size:var(--text-sm);position:relative;z-index:2;padding:10px 16px;border-radius:7px;color:var(--color-text-secondary);font-weight:var(--font-medium);background:transparent}.login-toggle span[data-v-c5274f63]:hover{color:var(--color-text-primary)}.login-toggle span.active[data-v-c5274f63]{color:var(--color-text-inverse)}.form-group[data-v-c5274f63]{margin-bottom:20px}.login-method-container[data-v-c5274f63]{position:relative;min-height:80px}.slide-enter-active[data-v-c5274f63],.slide-leave-active[data-v-c5274f63]{transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;width:100%}.slide-enter-from[data-v-c5274f63]{transform:translate(30px);opacity:0}.slide-leave-to[data-v-c5274f63]{transform:translate(-30px);opacity:0}.input-with-icon[data-v-c5274f63]{position:relative;display:flex;align-items:center}.input-icon[data-v-c5274f63]{position:absolute;left:12px;width:20px;height:20px;z-index:1}.form-group input[data-v-c5274f63]{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:#ffffffb3;font-size:var(--text-base);transition:all .3s ease}.form-group input[data-v-c5274f63]::placeholder{font-size:var(--text-sm);color:var(--color-text-secondary)}.form-group input[data-v-c5274f63]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.captcha-group .input-with-icon[data-v-c5274f63]{display:flex;gap:10px}.captcha-group input[data-v-c5274f63]{flex:1;padding:12px 12px 12px 40px}.captcha-group[data-v-c5274f63]{display:flex;gap:10px;align-items:center}.captcha-group .input-with-icon[data-v-c5274f63]{flex:1}.captcha-btn[data-v-c5274f63]{padding:12px 10px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);transition:all .3s ease;white-space:nowrap}.captcha-btn[data-v-c5274f63]:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.captcha-btn[data-v-c5274f63]:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed;opacity:.6}.login-btn[data-v-c5274f63]{width:100%;padding:12px;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.login-btn[data-v-c5274f63]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #23863633}.policy-agreement[data-v-c5274f63]{margin:15px 0;text-align:center}.checkbox-container[data-v-c5274f63]{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-xs);color:var(--color-text-secondary);position:relative;padding-left:25px;line-height:1.5;width:auto}.checkbox-container input[data-v-c5274f63]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-c5274f63]{position:absolute;top:50%;left:0;height:16px;width:16px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:3px;transition:all .3s ease;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark[data-v-c5274f63]{background-color:var(--color-bg-tertiary)}.checkbox-container input:checked~.checkmark[data-v-c5274f63]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark[data-v-c5274f63]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-c5274f63]:after{display:block}.checkbox-container .checkmark[data-v-c5274f63]:after{left:50%;top:45%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.policy-text[data-v-c5274f63]{flex:1;margin-left:3px}.policy-link[data-v-c5274f63]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.policy-link[data-v-c5274f63]:hover{text-decoration:underline}.register-link[data-v-c5274f63]{text-align:center;margin-top:15px}.register-link p[data-v-c5274f63]{color:var(--color-text-secondary);font-size:var(--text-xs)}.register-link a[data-v-c5274f63]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.register-link a[data-v-c5274f63]:hover{text-decoration:underline}@media (max-width: 768px){.login-card[data-v-c5274f63]{padding:20px 15px;margin:10px}.login-form h2[data-v-c5274f63]{font-size:var(--text-lg)}.captcha-group[data-v-c5274f63]{flex-direction:column;align-items:stretch}.captcha-btn[data-v-c5274f63]{width:100%;margin-top:10px}}input[type=number][data-v-c5274f63]::-webkit-outer-spin-button,input[type=number][data-v-c5274f63]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-c5274f63]{-moz-appearance:textfield}.register-container[data-v-6ca66a25]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(35,134,54,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(35,134,54,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(228,237,249,.3) 0%,transparent 50%),linear-gradient(135deg,#f5f7fae6,#e4edf9b3,#ebf3fbcc,#dcebf7b3,#e1f0f8cc);padding:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;overflow:hidden}.register-container[data-v-6ca66a25]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 25%,rgba(35,134,54,.05) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(35,134,54,.03) 0%,transparent 40%);animation:float-6ca66a25 20s ease-in-out infinite;pointer-events:none;z-index:0}.register-container[data-v-6ca66a25]:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(35,134,54,.05) 50%,transparent 60%);pointer-events:none;z-index:0}@keyframes float-6ca66a25{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.register-card[data-v-6ca66a25]{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.18);width:100%;max-width:380px;position:relative;overflow:hidden;z-index:10}.register-card[data-v-6ca66a25]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(35,134,54,.05) 0%,rgba(35,134,54,.01) 70%,transparent 100%);pointer-events:none;z-index:-1}.logo[data-v-6ca66a25]{text-align:center;margin-bottom:15px}.logo img[data-v-6ca66a25]{max-width:80px;height:auto;border-radius:16px}.register-form h2[data-v-6ca66a25]{text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:25px}.form-group[data-v-6ca66a25]{margin-bottom:20px}.input-with-icon[data-v-6ca66a25]{position:relative;display:flex;align-items:center}.input-icon[data-v-6ca66a25]{position:absolute;left:12px;width:20px;height:20px;z-index:1}.captcha-input-container[data-v-6ca66a25]{display:flex;gap:10px;align-items:stretch}.captcha-input-container .input-with-icon[data-v-6ca66a25]{flex:1}.form-group input[data-v-6ca66a25]{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:#ffffffb3;font-size:var(--text-base);transition:all .3s ease}.form-group input[data-v-6ca66a25]::placeholder{font-size:var(--text-sm);color:var(--color-text-secondary)}.form-group input[data-v-6ca66a25]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.captcha-btn[data-v-6ca66a25]{padding:12px 10px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);transition:all .3s ease;white-space:nowrap;min-width:110px}.captcha-btn[data-v-6ca66a25]:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.captcha-btn[data-v-6ca66a25]:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed;opacity:.6}.register-btn[data-v-6ca66a25]{width:100%;padding:12px;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;margin-bottom:15px}.register-btn[data-v-6ca66a25]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #23863633}.policy-agreement[data-v-6ca66a25]{margin:15px 0;text-align:center}.checkbox-container[data-v-6ca66a25]{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-xs);color:var(--color-text-secondary);position:relative;padding-left:25px;line-height:1.5;width:auto}.checkbox-container input[data-v-6ca66a25]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-6ca66a25]{position:absolute;top:50%;left:0;height:16px;width:16px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:3px;transition:all .3s ease;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark[data-v-6ca66a25]{background-color:var(--color-bg-tertiary)}.checkbox-container input:checked~.checkmark[data-v-6ca66a25]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark[data-v-6ca66a25]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-6ca66a25]:after{display:block}.checkbox-container .checkmark[data-v-6ca66a25]:after{left:50%;top:45%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.policy-text[data-v-6ca66a25]{flex:1;margin-left:3px}.policy-link[data-v-6ca66a25]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.policy-link[data-v-6ca66a25]:hover{text-decoration:underline}.login-link[data-v-6ca66a25]{text-align:center;margin-top:15px}.login-link p[data-v-6ca66a25]{color:var(--color-text-secondary);font-size:var(--text-xs)}.login-link a[data-v-6ca66a25]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.login-link a[data-v-6ca66a25]:hover{text-decoration:underline}@media (max-width: 768px){.register-card[data-v-6ca66a25]{padding:20px 15px;margin:10px}.register-form h2[data-v-6ca66a25]{font-size:var(--text-lg)}.captcha-input-container[data-v-6ca66a25]{flex-direction:column;gap:10px}.captcha-btn[data-v-6ca66a25]{width:100%;margin-top:0}}@media (max-width: 480px){.captcha-btn[data-v-6ca66a25]{min-width:auto;padding:12px}}.terms-container[data-v-c6446fe6]{min-height:100vh;background:#fff;padding:20px}.terms-content[data-v-c6446fe6]{max-width:800px;margin:0 auto;line-height:1.6;color:var(--color-text-primary)}.main-title[data-v-c6446fe6]{text-align:center;margin-bottom:30px}.main-title-text[data-v-c6446fe6]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.update-time[data-v-c6446fe6]{text-align:center;margin-bottom:30px}.update-text[data-v-c6446fe6]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.section[data-v-c6446fe6]{margin-bottom:30px}.section-title[data-v-c6446fe6]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 15px;border-left:4px solid var(--color-primary);padding-left:15px}.section-content[data-v-c6446fe6]{margin-left:0}.section-content p[data-v-c6446fe6]{margin:0 0 12px}.sub-item[data-v-c6446fe6]{font-size:var(--text-base);color:var(--color-text-primary);line-height:1.7;margin-bottom:8px;padding-left:20px;position:relative}.sub-item[data-v-c6446fe6]:before{content:"•";color:var(--color-primary);position:absolute;left:0;top:0}.back-button-container[data-v-c6446fe6]{text-align:center;margin-top:40px;padding-bottom:20px}.back-btn[data-v-c6446fe6]{background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);padding:12px 30px;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.back-btn[data-v-c6446fe6]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #23863633}@media (max-width: 768px){.terms-container[data-v-c6446fe6]{padding:15px}.main-title-text[data-v-c6446fe6]{font-size:var(--text-xl)}.section-title[data-v-c6446fe6]{font-size:var(--text-base)}.sub-item[data-v-c6446fe6]{font-size:var(--text-sm);padding-left:15px}}.privacy-container[data-v-6c0c6fb9]{min-height:100vh;background:#fff;padding:20px}.privacy-content[data-v-6c0c6fb9]{max-width:800px;margin:0 auto;line-height:1.6;color:var(--color-text-primary)}.main-title[data-v-6c0c6fb9]{text-align:center;margin-bottom:30px}.main-title-text[data-v-6c0c6fb9]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.update-time[data-v-6c0c6fb9]{text-align:center;margin-bottom:30px}.update-text[data-v-6c0c6fb9]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.section[data-v-6c0c6fb9]{margin-bottom:30px}.section-title[data-v-6c0c6fb9]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 15px;border-left:4px solid var(--color-primary);padding-left:15px}.section-content[data-v-6c0c6fb9]{margin-left:0}.section-content p[data-v-6c0c6fb9]{margin:0 0 12px}.sub-item[data-v-6c0c6fb9]{font-size:var(--text-base);color:var(--color-text-primary);line-height:1.7;margin-bottom:8px;padding-left:20px;position:relative}.sub-item[data-v-6c0c6fb9]:before{content:"•";color:var(--color-primary);position:absolute;left:0;top:0}.back-button-container[data-v-6c0c6fb9]{text-align:center;margin-top:40px;padding-bottom:20px}.back-btn[data-v-6c0c6fb9]{background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);padding:12px 30px;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease}.back-btn[data-v-6c0c6fb9]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #23863633}@media (max-width: 768px){.privacy-container[data-v-6c0c6fb9]{padding:15px}.main-title-text[data-v-6c0c6fb9]{font-size:var(--text-xl)}.section-title[data-v-6c0c6fb9]{font-size:var(--text-base)}.sub-item[data-v-6c0c6fb9]{font-size:var(--text-sm);padding-left:15px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.markdown-viewer[data-v-c9128ee8]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.8;color:#222;word-wrap:break-word}.markdown-viewer[data-v-c9128ee8] h1,.markdown-viewer[data-v-c9128ee8] h2,.markdown-viewer[data-v-c9128ee8] h3,.markdown-viewer[data-v-c9128ee8] h4,.markdown-viewer[data-v-c9128ee8] h5,.markdown-viewer[data-v-c9128ee8] h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25;color:#1a1a1a}.markdown-viewer[data-v-c9128ee8] h1{font-size:2em;padding-bottom:.3em;border-bottom:1px solid #eaecef}.markdown-viewer[data-v-c9128ee8] h2{font-size:1.5em;padding-bottom:.3em;border-bottom:1px solid #eaecef}.markdown-viewer[data-v-c9128ee8] h3{font-size:1.25em}.markdown-viewer[data-v-c9128ee8] h4{font-size:1em}.markdown-viewer[data-v-c9128ee8] h5{font-size:.875em}.markdown-viewer[data-v-c9128ee8] h6{font-size:.85em;color:#6a737d}.markdown-viewer[data-v-c9128ee8] p{margin-top:0;margin-bottom:20px;line-height:1.8}.markdown-viewer[data-v-c9128ee8] pre{margin:16px 0;padding:16px;border-radius:6px;background-color:#f6f8fa;overflow-x:auto;font-size:14px;line-height:1.45}.markdown-viewer[data-v-c9128ee8] pre code{padding:0;margin:0;background:transparent;border:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-viewer[data-v-c9128ee8] code:not(pre code){padding:.2em .4em;margin:0;font-size:85%;background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-viewer[data-v-c9128ee8] a{color:#0366d6;text-decoration:none}.markdown-viewer[data-v-c9128ee8] a:hover{text-decoration:underline}.markdown-viewer[data-v-c9128ee8] ul,.markdown-viewer[data-v-c9128ee8] ol{padding-left:2em;margin-top:0;margin-bottom:16px}.markdown-viewer[data-v-c9128ee8] li{margin-bottom:.25em}.markdown-viewer[data-v-c9128ee8] table{border-collapse:collapse;margin:16px 0;width:100%}.markdown-viewer[data-v-c9128ee8] table th,.markdown-viewer[data-v-c9128ee8] table td{border:1px solid #dfe2e5;padding:6px 13px}.markdown-viewer[data-v-c9128ee8] table tr:nth-child(2n){background-color:#f6f8fa}.markdown-viewer[data-v-c9128ee8] blockquote{border-left:.25em solid #dfe2e5;color:#dfe2e5;padding-left:1em;margin:16px 0}.markdown-viewer[data-v-c9128ee8] hr{height:1px;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-viewer[data-v-c9128ee8] img{max-width:100%;box-sizing:content-box}.markdown-viewer[data-v-c9128ee8] strong{font-weight:600}.markdown-viewer[data-v-c9128ee8] em{font-style:italic}.article-detail-page[data-v-1cc0f631]{background-color:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-xl) 0}.container[data-v-1cc0f631]{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;gap:var(--spacing-xl);align-items:flex-start}.table-of-contents[data-v-1cc0f631]{position:sticky;top:var(--spacing-xl);width:220px;background-color:transparent;padding:var(--spacing-md);transition:all .3s ease;flex-shrink:0}.table-of-contents.toc-hidden[data-v-1cc0f631]{width:50px;padding:var(--spacing-sm)}.toc-header[data-v-1cc0f631]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.toc-title[data-v-1cc0f631]{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;transition:opacity .3s ease}.toc-hidden .toc-title[data-v-1cc0f631]{opacity:0;width:0;overflow:hidden}.toc-toggle-btn[data-v-1cc0f631]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary);position:relative}.toc-toggle-btn[data-v-1cc0f631]:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.toc-toggle-btn[data-v-1cc0f631]:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:var(--color-text-primary);color:var(--color-text-inverse);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.toc-toggle-btn[data-v-1cc0f631]:hover:after{opacity:1}.toc-nav[data-v-1cc0f631]{transition:opacity .3s ease}.toc-hidden .toc-nav[data-v-1cc0f631]{opacity:0;height:0;overflow:hidden}.toc-list[data-v-1cc0f631]{list-style:none;margin:0;padding:0}.toc-item[data-v-1cc0f631]{margin-bottom:2px}.toc-item.toc-level-1[data-v-1cc0f631]{margin-left:0}.toc-item.toc-level-2[data-v-1cc0f631]{margin-left:var(--spacing-md)}.toc-item.toc-level-3[data-v-1cc0f631]{margin-left:var(--spacing-xl)}.toc-item.toc-level-4[data-v-1cc0f631]{margin-left:calc(var(--spacing-xl) + var(--spacing-md))}.toc-item.toc-level-5[data-v-1cc0f631]{margin-left:calc(var(--spacing-xl) * 2)}.toc-item.toc-level-6[data-v-1cc0f631]{margin-left:calc(var(--spacing-xl) * 2 + var(--spacing-md))}.toc-link[data-v-1cc0f631]{display:block;padding:4px 6px;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4;transition:none;border-left:3px solid transparent}.toc-link[data-v-1cc0f631]:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:none}.toc-link[data-v-1cc0f631]:active{background-color:var(--color-primary);color:var(--color-text-inverse);transition:none}.toc-link-active[data-v-1cc0f631]{background-color:var(--color-primary);color:var(--color-text-inverse)!important;border-left-color:var(--color-primary);transition:none}.toc-link-active[data-v-1cc0f631]:hover{background-color:var(--color-primary-hover);color:var(--color-text-inverse)!important;border-left-color:var(--color-primary-hover);transition:none}.toc-item.toc-locked[data-v-1cc0f631]{opacity:.6}.toc-link-locked[data-v-1cc0f631]{color:var(--color-text-tertiary)!important;cursor:not-allowed;position:relative;display:flex;align-items:center;justify-content:space-between}.toc-link-locked[data-v-1cc0f631]:hover{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-tertiary)!important}.lock-icon-small[data-v-1cc0f631]{margin-left:var(--spacing-xs);opacity:.7;flex-shrink:0}.back-section[data-v-1cc0f631]{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-2xl);display:flex;justify-content:center;gap:var(--spacing-md)}.back-btn[data-v-1cc0f631]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;box-shadow:var(--shadow-sm)}.back-btn[data-v-1cc0f631]:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.ai-app-btn[data-v-1cc0f631]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-secondary);color:var(--color-text-inverse);border:1px solid var(--color-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .3s ease}.ai-app-btn[data-v-1cc0f631]:hover{background-color:#0860ca;border-color:#0860ca;box-shadow:var(--shadow-md)}.back-to-top-btn[data-v-1cc0f631]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;box-shadow:var(--shadow-sm)}.back-to-top-btn[data-v-1cc0f631]:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium);box-shadow:var(--shadow-md)}.article-content[data-v-1cc0f631]{background-color:var(--color-bg-primary);flex:1;min-width:0}.article-header[data-v-1cc0f631]{margin-bottom:var(--spacing-md)}.header-background[data-v-1cc0f631]{background:linear-gradient(135deg,#f5f7fa,#e4edf5);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden}.header-background[data-v-1cc0f631]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(35,134,54,.1) 0%,transparent 70%);transform:rotate(30deg);z-index:0}.header-background[data-v-1cc0f631]:after{content:"";position:absolute;top:-30%;right:-30%;width:150%;height:150%;background:radial-gradient(circle,rgba(9,105,218,.1) 0%,transparent 70%);transform:rotate(-20deg);z-index:0}.header-content[data-v-1cc0f631]{position:relative;z-index:1}.article-title[data-v-1cc0f631]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.article-meta[data-v-1cc0f631]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.meta-item[data-v-1cc0f631]{display:flex;flex-wrap:wrap}.meta-label[data-v-1cc0f631]{font-weight:var(--font-medium);color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.meta-value[data-v-1cc0f631]{color:var(--color-text-secondary)}.article-tags[data-v-1cc0f631]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tag[data-v-1cc0f631]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.tag-default[data-v-1cc0f631]{background-color:var(--color-primary-light);color:var(--color-primary)}.tag-label[data-v-1cc0f631]{background-color:var(--color-secondary-light);color:var(--color-secondary)}.article-body[data-v-1cc0f631]{padding:var(--spacing-lg) 0;position:relative}.unlock-section[data-v-1cc0f631]{position:relative;margin-top:var(--spacing-xl)}.unlock-overlay[data-v-1cc0f631]{background:#00000005;padding:var(--spacing-xl) 0;text-align:center;border-radius:var(--radius-lg)}.unlock-content[data-v-1cc0f631]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.lock-icon[data-v-1cc0f631]{color:var(--color-text-secondary);opacity:.7}.unlock-content h3[data-v-1cc0f631]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-secondary);margin:0}.unlock-content p[data-v-1cc0f631]{font-size:var(--text-base);color:var(--color-text-tertiary);margin:0}.unlock-content .unlock-btn[data-v-1cc0f631]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,#f99,coral);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f993}.unlock-content .unlock-btn img[data-v-1cc0f631]{filter:brightness(0) invert(1)}.unlock-content .unlock-btn[data-v-1cc0f631]:hover{box-shadow:0 6px 20px #ff99994d;background:linear-gradient(135deg,#ff8080,#ff6b47)}.unlock-modal[data-v-1cc0f631]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-1cc0f631]{background:#fff;border-radius:8px;text-align:center;position:relative;max-width:400px;width:100%;overflow:hidden;margin:20px}.modal-header[data-v-1cc0f631]{position:relative;padding:20px;text-align:center;border-bottom:1px solid #eee}.modal-header .title[data-v-1cc0f631]{font-size:22px;font-weight:700;color:#333;display:block;margin-bottom:4px}.modal-header .close[data-v-1cc0f631]{position:absolute;top:15px;right:15px;cursor:pointer;font-size:24px;line-height:1;color:#999;transition:color .2s}.modal-header .close[data-v-1cc0f631]:hover{color:#333}.modal-body[data-v-1cc0f631]{padding:30px 20px;text-align:center;background:var(--color-bg-tertiary);color:#fff}.modal-body .qrcode[data-v-1cc0f631]{max-width:160px;height:auto;margin:0 auto 16px;display:block;background:#fff;padding:6px;border-radius:6px}.modal-body p[data-v-1cc0f631]{margin:6px 0;font-size:14px}.modal-body .wechat-id[data-v-1cc0f631]{font-weight:700;font-size:15px;color:var(--color-text-secondary)}.modal-body .desc[data-v-1cc0f631]{font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.modal-footer[data-v-1cc0f631]{background:#fff;padding:20px;border-top:1px solid #eee}.unlock-form[data-v-1cc0f631]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-1cc0f631]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.code-input-group[data-v-1cc0f631]{display:flex;gap:10px;width:100%}.code-input[data-v-1cc0f631]{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}.code-input[data-v-1cc0f631]:focus{outline:none;border-color:#28a745}.unlock-verify-btn[data-v-1cc0f631]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;transition:all .3s ease}.unlock-verify-btn[data-v-1cc0f631]:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.unlock-verify-btn[data-v-1cc0f631]:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed;opacity:.6;box-shadow:none}.unlock-verify-btn svg[data-v-1cc0f631]{animation:spin-1cc0f631 1s linear infinite}@keyframes spin-1cc0f631{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-apps-modal[data-v-1cc0f631]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.ai-apps-modal .modal-content[data-v-1cc0f631]{background:#fff;border-radius:8px;text-align:center;position:relative;max-width:800px;width:100%;max-height:80vh;overflow:hidden;margin:20px;display:flex;flex-direction:column}.ai-apps-modal .modal-header[data-v-1cc0f631]{position:relative;padding:20px;text-align:center;border-bottom:1px solid #eee}.ai-apps-modal .modal-header .title[data-v-1cc0f631]{font-size:18px;font-weight:700;color:#333;display:block;margin-bottom:4px;line-height:1.4;text-align:center;padding:0 20px}.ai-apps-modal .modal-header .close[data-v-1cc0f631]{position:absolute;top:15px;right:15px;cursor:pointer;font-size:24px;line-height:1;color:#999;transition:color .2s}.ai-apps-modal .modal-header .close[data-v-1cc0f631]:hover{color:#333}.ai-apps-modal .modal-body[data-v-1cc0f631]{padding:20px;overflow-y:auto;flex:1}.ai-apps-grid[data-v-1cc0f631]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width: 768px){.article-detail-page[data-v-1cc0f631]{padding:var(--spacing-md) 0}.container[data-v-1cc0f631]{padding:0 var(--spacing-md);max-width:100%;flex-direction:column;gap:var(--spacing-lg)}.table-of-contents[data-v-1cc0f631]{position:static;width:100%;order:-1}.table-of-contents.toc-hidden[data-v-1cc0f631]{width:100%;padding:var(--spacing-sm)}.toc-hidden .toc-title[data-v-1cc0f631]{opacity:1;width:auto}.toc-hidden .toc-nav[data-v-1cc0f631]{opacity:0;height:0;overflow:hidden}.header-background[data-v-1cc0f631]{padding:var(--spacing-lg)}.article-title[data-v-1cc0f631]{font-size:var(--text-2xl)}.article-meta[data-v-1cc0f631]{grid-template-columns:1fr;gap:var(--spacing-sm)}.article-body[data-v-1cc0f631]{padding:var(--spacing-lg) 0}.modal-content[data-v-1cc0f631]{margin:10px;max-width:none}.modal-body[data-v-1cc0f631]{padding:20px 15px}.modal-footer[data-v-1cc0f631]{padding:15px}.code-input-group[data-v-1cc0f631]{flex-direction:row;gap:8px}.unlock-verify-btn[data-v-1cc0f631]{flex-shrink:0;white-space:nowrap}}@media (max-width: 480px){.article-title[data-v-1cc0f631]{font-size:var(--text-xl)}.article-meta[data-v-1cc0f631]{gap:var(--spacing-xs)}.meta-item[data-v-1cc0f631]{font-size:var(--text-sm)}.ai-apps-modal .modal-content[data-v-1cc0f631]{margin:10px;max-width:none}.ai-apps-grid[data-v-1cc0f631]{grid-template-columns:1fr}}.not-found-container[data-v-d8c139e1]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 80%,rgba(35,134,54,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(35,134,54,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(228,237,249,.3) 0%,transparent 50%),linear-gradient(135deg,#f5f7fae6,#e4edf9b3,#ebf3fbcc,#dcebf7b3,#e1f0f8cc);position:relative;overflow:hidden;padding:20px}.not-found-container[data-v-d8c139e1]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 25%,rgba(35,134,54,.05) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(35,134,54,.03) 0%,transparent 40%);animation:float-d8c139e1 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float-d8c139e1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.not-found-content[data-v-d8c139e1]{text-align:center;position:relative;z-index:10;max-width:600px}.error-number[data-v-d8c139e1]{display:flex;justify-content:center;align-items:center;margin-bottom:30px;font-family:Arial,sans-serif;font-weight:700;gap:10px}.error-number span[data-v-d8c139e1]{font-size:120px;line-height:1;text-shadow:0 4px 20px rgba(35,134,54,.3);animation:bounce-d8c139e1 2s ease-in-out infinite}.number-4[data-v-d8c139e1]{color:var(--color-primary);animation-delay:0s}.number-0[data-v-d8c139e1]{color:var(--color-text-primary);animation-delay:.2s;transform:scale(1.1)}.number-4-2[data-v-d8c139e1]{color:var(--color-primary);animation-delay:.4s}@keyframes bounce-d8c139e1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-message[data-v-d8c139e1]{margin-bottom:40px}.error-title[data-v-d8c139e1]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 15px}.error-description[data-v-d8c139e1]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;line-height:1.6}.action-buttons[data-v-d8c139e1]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.home-btn[data-v-d8c139e1],.back-btn[data-v-d8c139e1]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;text-decoration:none}.home-btn[data-v-d8c139e1]{background-color:var(--color-primary);color:var(--color-text-inverse)}.home-btn[data-v-d8c139e1]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 16px #2386364d;transform:translateY(-2px)}.back-btn[data-v-d8c139e1]{background-color:#fffc;color:var(--color-text-primary);border:1px solid rgba(35,134,54,.2)}.back-btn[data-v-d8c139e1]:hover{background-color:#fffffff2;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px #23863626}.home-icon[data-v-d8c139e1],.back-icon[data-v-d8c139e1]{width:20px;height:20px}.decoration-elements[data-v-d8c139e1]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shape[data-v-d8c139e1]{position:absolute;background:var(--color-primary);border-radius:50%;opacity:.1;animation:floatShape-d8c139e1 8s ease-in-out infinite}.shape-1[data-v-d8c139e1]{width:60px;height:60px;top:20%;left:10%;animation-delay:0s}.shape-2[data-v-d8c139e1]{width:40px;height:40px;top:60%;right:15%;animation-delay:2s}.shape-3[data-v-d8c139e1]{width:80px;height:80px;bottom:30%;left:20%;animation-delay:4s}.shape-4[data-v-d8c139e1]{width:30px;height:30px;top:10%;right:25%;animation-delay:6s}@keyframes floatShape-d8c139e1{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(90deg)}50%{transform:translateY(-10px) translate(-10px) rotate(180deg)}75%{transform:translateY(-30px) translate(5px) rotate(270deg)}}@media (max-width: 768px){.error-number span[data-v-d8c139e1]{font-size:80px}.error-title[data-v-d8c139e1]{font-size:var(--text-xl)}.error-description[data-v-d8c139e1]{font-size:var(--text-base)}.action-buttons[data-v-d8c139e1]{flex-direction:column;align-items:center}.home-btn[data-v-d8c139e1],.back-btn[data-v-d8c139e1]{width:200px;justify-content:center}}@media (max-width: 480px){.error-number span[data-v-d8c139e1]{font-size:60px}.error-number[data-v-d8c139e1]{gap:5px}.not-found-container[data-v-d8c139e1]{padding:15px}}.page-container[data-v-c0b34222]{min-height:100vh;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.header[data-v-c0b34222]{text-align:center;margin-bottom:var(--spacing-lg)}.title-container[data-v-c0b34222]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.title-icon[data-v-c0b34222]{width:32px;height:32px;display:flex;align-items:center}.page-title[data-v-c0b34222]{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:1.2;display:flex;align-items:center}.content[data-v-c0b34222]{max-width:700px;margin:0 auto}.info-card[data-v-c0b34222]{margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#fff8e6f2,#fff0d7e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);padding:var(--spacing-sm);border:1px solid rgba(255,255,255,.4);position:relative}.info-card[data-v-c0b34222]:hover{box-shadow:var(--shadow-lg)}.city-info[data-v-c0b34222]{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md)}.city-info span[data-v-c0b34222]{display:flex;align-items:center;gap:var(--spacing-xs)}.city-info span[data-v-c0b34222]:before{content:"•";color:var(--color-primary);font-weight:700}.description[data-v-c0b34222]{font-size:var(--text-lg);color:var(--color-primary);margin:0;text-align:center;font-weight:var(--font-semibold);letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.05)}.timeline[data-v-c0b34222]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.meal-card[data-v-c0b34222]{display:flex;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;animation:cardPop-c0b34222 .5s ease forwards;opacity:0;transform:scale(.9) translateY(20px);animation-delay:.2s}@keyframes cardPop-c0b34222{0%{opacity:0;transform:scale(.9) translateY(20px)}70%{opacity:1;transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.meal__time[data-v-c0b34222]{width:160px;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-md);position:relative}.meal--breakfast .meal__time[data-v-c0b34222]{background:linear-gradient(135deg,#ff9f430d,#ff9f4326);border-right:1px solid rgba(255,159,67,.2)}.meal--breakfast .meal__time[data-v-c0b34222]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#ff9f43}.meal--lunch .meal__time[data-v-c0b34222]{background:linear-gradient(135deg,#10b9810d,#10b98126);border-right:1px solid rgba(16,185,129,.2)}.meal--lunch .meal__time[data-v-c0b34222]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#10b981}.meal--dinner .meal__time[data-v-c0b34222]{background:linear-gradient(135deg,#e974510d,#e9745126);border-right:1px solid rgba(233,116,81,.2)}.meal--dinner .meal__time[data-v-c0b34222]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#e97451}.meal--night .meal__time[data-v-c0b34222]{background:linear-gradient(135deg,#0f172a0d,#0f172a26);border-right:1px solid rgba(15,23,42,.2)}.meal--night .meal__time[data-v-c0b34222]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#0f172a}.meal__icon[data-v-c0b34222]{width:32px;height:32px;margin-right:var(--spacing-md)}.time__info[data-v-c0b34222]{display:flex;flex-direction:column;align-items:flex-start}.time__label[data-v-c0b34222]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.time__range[data-v-c0b34222]{font-size:var(--text-xs);color:var(--color-text-secondary)}.meal__content[data-v-c0b34222]{flex:1;padding:var(--spacing-lg)}.meal__header[data-v-c0b34222]{margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.meal__header[data-v-c0b34222]{margin-bottom:var(--spacing-lg);position:relative}.meal__title[data-v-c0b34222]{display:block;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);letter-spacing:.5px;position:relative;display:inline-block}.meal__desc[data-v-c0b34222]{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-xs)}.food-item[data-v-c0b34222]{position:relative;padding:var(--spacing-md) 0}.food-item[data-v-c0b34222]:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(to right,#d1d5db00,#d1d5dbcc 30% 70%,#d1d5db00)}.food__reason[data-v-c0b34222]{display:block;font-size:var(--text-sm);color:var(--color-accent);line-height:var(--leading-relaxed);margin-top:var(--spacing-xs)}.food-item[data-v-c0b34222]{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.food-item:last-child .food__reason[data-v-c0b34222]:after{display:none}.food__details[data-v-c0b34222]{flex:1;display:flex;flex-direction:column}.food__reason[data-v-c0b34222]{display:block;font-size:var(--text-sm);color:var(--color-accent);line-height:var(--leading-relaxed);position:relative;margin-top:var(--spacing-xs)}.button-container[data-v-c0b34222]{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.add-button[data-v-c0b34222]{width:auto;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:background-color .3s ease}.add-button[data-v-c0b34222]:hover{background-color:var(--color-primary-hover)}.home-btn[data-v-c0b34222]{width:auto;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-text-secondary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:background-color .3s ease}.home-btn[data-v-c0b34222]:hover{background-color:var(--color-text-primary)}.popup-wrapper[data-v-c0b34222]{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);box-sizing:border-box}.popup-mask[data-v-c0b34222]{position:absolute;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);box-sizing:border-box}@keyframes slideUp-c0b34222{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.popup-container[data-v-c0b34222]{width:100%;max-width:500px;background-color:var(--color-bg-card);border-radius:var(--radius-xl);z-index:101;animation:slideUp-c0b34222 .3s ease forwards;box-shadow:var(--shadow-lg);max-height:85vh;margin:0 auto;position:relative}.popup-content[data-v-c0b34222]{padding:var(--spacing-sm);max-height:calc(95vh - 36px);overflow-y:auto}.popup-header[data-v-c0b34222]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.popup-title[data-v-c0b34222]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.popup-actions[data-v-c0b34222]{display:flex;align-items:center}.popup-reset[data-v-c0b34222]{font-size:var(--text-xs);color:var(--color-text-secondary);margin-right:var(--spacing-md);padding:3px 0;cursor:pointer}.popup-close[data-v-c0b34222]{font-size:24px;color:var(--color-text-secondary);padding:5px;cursor:pointer}.popup-hint[data-v-c0b34222]{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);text-align:center}.form-item[data-v-c0b34222]{margin-bottom:var(--spacing-xl)}.form-label[data-v-c0b34222]{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.select-group[data-v-c0b34222]{display:flex;gap:var(--spacing-sm)}.picker[data-v-c0b34222]{flex:1;border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);font-size:var(--text-xs);color:var(--color-text-primary)}.picker[data-v-c0b34222]:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.popup-footer[data-v-c0b34222]{margin-top:var(--spacing-lg)}.confirm-button[data-v-c0b34222]{width:100%;background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);height:40px;line-height:40px;border-radius:var(--radius-md);font-weight:var(--font-normal);border:none;cursor:pointer;transition:background-color .3s ease}.confirm-button[data-v-c0b34222]:hover{background-color:var(--color-primary-hover)}.flavor-options[data-v-c0b34222]{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--spacing-xs);overflow-x:auto;padding:5px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.flavor-options[data-v-c0b34222]::-webkit-scrollbar{display:none}.flavor-tag[data-v-c0b34222]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary);transition:all .35s cubic-bezier(.25,.8,.25,1);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);flex-shrink:0;white-space:nowrap;min-width:30px;text-align:center;flex:1}.flavor-tag[data-v-c0b34222]:hover{transform:translateY(-1px)}.flavor-tag[data-v-c0b34222]:active{transform:scale(.95)}.flavor-tag--active[data-v-c0b34222]{background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:transparent;font-weight:var(--font-semibold)}.flavor-tag--active[data-v-c0b34222]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:-1}.meal-type-options[data-v-c0b34222]{display:flex;justify-content:space-between;margin-top:var(--spacing-xs)}.meal-type-item[data-v-c0b34222]{display:flex;flex-direction:column;align-items:center;width:22%;padding:var(--spacing-xs) 0;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);transition:all .4s cubic-bezier(.25,.8,.25,1);cursor:pointer;position:relative;overflow:hidden}.meal-type-item[data-v-c0b34222]:hover{transform:translateY(-1px)}.meal-type-item[data-v-c0b34222]:active{transform:scale(.95)}.meal-type-item--active[data-v-c0b34222]{background-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.meal-type-item--active .meal-type-text[data-v-c0b34222]{color:var(--color-text-inverse)!important;transition:color .3s ease}.meal-type-item--active .meal-type-icon[data-v-c0b34222]{filter:brightness(0) invert(1);transition:filter .3s ease;animation:iconPulse-c0b34222 .5s ease}@keyframes iconPulse-c0b34222{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.meal-type-icon[data-v-c0b34222]{width:24px;height:24px;margin-bottom:var(--spacing-xs)}.meal-type-text[data-v-c0b34222]{font-size:var(--text-xs);color:var(--color-text-primary)}.empty-state[data-v-c0b34222]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl) var(--spacing-md);text-align:center;position:relative}.empty-content[data-v-c0b34222]{max-width:500px;width:100%;animation:fadeInUp-c0b34222 .8s ease-out}@keyframes fadeInUp-c0b34222{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.empty-icon-wrapper[data-v-c0b34222]{position:relative;display:inline-block;margin-bottom:var(--spacing-xl)}.empty-icon[data-v-c0b34222]{width:120px;height:120px;opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float-c0b34222 3s ease-in-out infinite}@keyframes float-c0b34222{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-icon-bg[data-v-c0b34222]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:linear-gradient(135deg,#ff9f431a,#ff9f430d);border-radius:50%;z-index:-1;animation:pulse-c0b34222 2s ease-in-out infinite}@keyframes pulse-c0b34222{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.4}}.empty-title[data-v-c0b34222]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:1px;background:linear-gradient(135deg,var(--color-primary) 0%,#FF9F43 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-description[data-v-c0b34222]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.6;font-weight:var(--font-medium)}.empty-features[data-v-c0b34222]{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);flex-wrap:wrap}.feature-item[data-v-c0b34222]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm);transition:all .3s ease;min-width:100px;animation:slideInUp-c0b34222 .6s ease-out;animation-fill-mode:both}.feature-item[data-v-c0b34222]:nth-child(1){animation-delay:.1s}.feature-item[data-v-c0b34222]:nth-child(2){animation-delay:.2s}.feature-item[data-v-c0b34222]:nth-child(3){animation-delay:.3s}@keyframes slideInUp-c0b34222{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-item[data-v-c0b34222]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:#fffc}.feature-icon[data-v-c0b34222]{font-size:24px;margin-bottom:var(--spacing-xs);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-text[data-v-c0b34222]{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);text-align:center}@media (max-width: 768px){.page-container[data-v-c0b34222]{padding:var(--spacing-md)}.title-container[data-v-c0b34222]{gap:var(--spacing-sm)}.title-icon[data-v-c0b34222]{width:28px;height:28px}.page-title[data-v-c0b34222]{font-size:var(--text-xl)}.info-card[data-v-c0b34222]{padding:var(--spacing-xs);margin-bottom:var(--spacing-md)}.city-info[data-v-c0b34222]{flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm)}.description[data-v-c0b34222]{font-size:var(--text-base);padding:var(--spacing-xs) 0}.meal-card[data-v-c0b34222]{flex-direction:column}.meal__time[data-v-c0b34222]{width:100%;padding:var(--spacing-sm);border-right:none;border-bottom:1px solid rgba(209,213,219,.5)}.meal__content[data-v-c0b34222]{padding:var(--spacing-md)}.meal__title[data-v-c0b34222]{font-size:var(--text-lg)}.meal__desc[data-v-c0b34222]{font-size:var(--text-sm)}.food__reason[data-v-c0b34222]{font-size:var(--text-xs)}.button-container[data-v-c0b34222]{flex-direction:column;gap:var(--spacing-sm)}.add-button[data-v-c0b34222],.home-btn[data-v-c0b34222]{width:100%;padding:var(--spacing-sm)}.popup-container[data-v-c0b34222]{max-width:95vw;margin:0 var(--spacing-xs)}.select-group[data-v-c0b34222]{flex-direction:column;gap:var(--spacing-xs)}.form-label[data-v-c0b34222]{font-size:var(--text-xs)}.picker[data-v-c0b34222]{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.meal-type-options[data-v-c0b34222]{flex-wrap:wrap;gap:var(--spacing-xs)}.meal-type-item[data-v-c0b34222]{width:48%;margin-bottom:var(--spacing-xs)}.flavor-options[data-v-c0b34222]{gap:var(--spacing-xs)}.flavor-tag[data-v-c0b34222]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}.empty-state[data-v-c0b34222]{min-height:50vh;padding:var(--spacing-lg) var(--spacing-sm)}.empty-icon[data-v-c0b34222]{width:100px;height:100px}.empty-icon-bg[data-v-c0b34222]{width:120px;height:120px}.empty-title[data-v-c0b34222]{font-size:var(--text-2xl)}.empty-description[data-v-c0b34222]{font-size:var(--text-base)}.empty-features[data-v-c0b34222]{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-item[data-v-c0b34222]{min-width:80px;padding:var(--spacing-sm)}.feature-icon[data-v-c0b34222]{font-size:20px}.feature-text[data-v-c0b34222]{font-size:var(--text-xs)}}@media (max-width: 480px){.page-container[data-v-c0b34222]{padding:var(--spacing-sm)}.title-icon[data-v-c0b34222]{width:24px;height:24px}.page-title[data-v-c0b34222]{font-size:var(--text-lg)}.meal__time[data-v-c0b34222]{padding:var(--spacing-xs)}.time__label[data-v-c0b34222],.time__range[data-v-c0b34222]{font-size:var(--text-xs)}.meal__content[data-v-c0b34222]{padding:var(--spacing-sm)}.meal__title[data-v-c0b34222]{font-size:var(--text-base)}.meal__desc[data-v-c0b34222],.food__reason[data-v-c0b34222]{font-size:var(--text-xs)}.popup-content[data-v-c0b34222]{padding:var(--spacing-xs)}.popup-title[data-v-c0b34222],.form-label[data-v-c0b34222]{font-size:var(--text-xs)}.picker[data-v-c0b34222]{font-size:var(--text-xs);padding:var(--spacing-xs)}.confirm-button[data-v-c0b34222]{height:36px;line-height:36px;font-size:var(--text-xs)}.meal-type-item[data-v-c0b34222]{width:48%;padding:var(--spacing-xs) 0}.meal-type-icon[data-v-c0b34222]{width:20px;height:20px}.meal-type-text[data-v-c0b34222]{font-size:var(--text-xs)}.empty-state[data-v-c0b34222]{min-height:40vh;padding:var(--spacing-md) var(--spacing-xs)}.empty-icon[data-v-c0b34222]{width:80px;height:80px}.empty-icon-bg[data-v-c0b34222]{width:100px;height:100px}.empty-title[data-v-c0b34222]{font-size:var(--text-xl)}.empty-description[data-v-c0b34222]{font-size:var(--text-sm)}.empty-features[data-v-c0b34222]{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.feature-item[data-v-c0b34222]{width:100%;flex-direction:row;justify-content:flex-start;text-align:left;min-width:auto}.feature-icon[data-v-c0b34222]{font-size:18px;margin-right:var(--spacing-sm);margin-bottom:0}}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.page-container[data-v-2cd53158]{min-height:100vh;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .6s ease;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(200,200,255,.02) 0%,transparent 60%),linear-gradient(135deg,#f9fafb,#f3f4f6)}.page-container.bg-classic[data-v-2cd53158]{background:radial-gradient(circle at 20% 20%,rgba(0,0,0,.04) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 60%),linear-gradient(135deg,#fefefe,#f8f9fa,#f1f3f4)}.page-container.bg-modern[data-v-2cd53158]{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.06) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.04) 0%,transparent 60%),linear-gradient(135deg,#f8fafc,#e2e8f0)}.page-container.bg-nature[data-v-2cd53158]{background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.08) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.06) 0%,transparent 60%),linear-gradient(135deg,#f0fdf4,#dcfce7)}.page-container.bg-creative[data-v-2cd53158]{background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.08) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.06) 0%,transparent 60%),linear-gradient(135deg,#fefefe,#f8fafc)}.page-container.bg-heritage[data-v-2cd53158]{background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.06) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(217,119,6,.04) 0%,transparent 60%),linear-gradient(135deg,#fefefe,#fef3c7)}.header[data-v-2cd53158]{text-align:center;margin-bottom:var(--spacing-lg)}.title-container[data-v-2cd53158]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.title-icon[data-v-2cd53158]{width:32px;height:32px}.page-title[data-v-2cd53158]{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:1.2}.content[data-v-2cd53158]{max-width:700px;margin:0 auto}.empty-state[data-v-2cd53158]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl) var(--spacing-md);text-align:center;position:relative}.empty-content[data-v-2cd53158]{max-width:500px;width:100%;animation:fadeInUp-2cd53158 .8s ease-out}@keyframes fadeInUp-2cd53158{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.empty-icon-wrapper[data-v-2cd53158]{position:relative;display:inline-block;margin-bottom:var(--spacing-xl)}.empty-icon[data-v-2cd53158]{width:120px;height:120px;opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float-2cd53158 3s ease-in-out infinite}@keyframes float-2cd53158{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-icon-bg[data-v-2cd53158]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:linear-gradient(135deg,#ff9f431a,#ff9f430d);border-radius:50%;z-index:-1;animation:pulse-2cd53158 2s ease-in-out infinite}@keyframes pulse-2cd53158{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.4}}.empty-title[data-v-2cd53158]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:1px;background:linear-gradient(135deg,var(--color-primary) 0%,#FF9F43 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-description[data-v-2cd53158]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.6;font-weight:var(--font-medium)}.card-container[data-v-2cd53158]{width:100%;height:85vh;position:relative;display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box;overflow:visible;z-index:2}.name-card[data-v-2cd53158]{width:100%;max-width:450px;min-height:550px;max-height:85vh;background:radial-gradient(circle at 30% 20%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(135deg,#fefefe,#f8f9fa);border-radius:20px;position:relative;overflow:visible;border:2px solid rgba(0,0,0,.08);box-shadow:0 16px 48px #0000001f,0 4px 12px #00000014;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.25,.46,.45,.94);padding:20px;gap:12px;animation:cardPop-2cd53158 .5s ease forwards;margin:0 auto}@keyframes cardPop-2cd53158{0%{opacity:0;transform:scale(.9) translateY(20px)}70%{opacity:1;transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.page-indicator[data-v-2cd53158]{background:linear-gradient(135deg,#000000b3,#00000080);color:#fff;padding:5px 10px;border-radius:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003;z-index:10;margin-top:auto;align-self:center}.page-number[data-v-2cd53158]{font-size:11px;font-weight:500;font-family:serif;letter-spacing:.5px}.card-header[data-v-2cd53158]{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px;position:relative;z-index:1}.avatar-container[data-v-2cd53158]{width:65px;height:65px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(0,0,0,.05) 0%,transparent 70%),linear-gradient(135deg,#fff,#f8f9fa);display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);box-shadow:0 6px 20px #00000026,inset 0 2px 4px #fffc}.avatar[data-v-2cd53158]{width:100%;height:100%}.header-info[data-v-2cd53158]{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.full-name[data-v-2cd53158]{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.2;font-family:serif;letter-spacing:1.5px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.pronunciation[data-v-2cd53158]{font-size:12px;color:#6b7280;font-weight:400;font-style:italic;letter-spacing:.8px}.blessing-container[data-v-2cd53158]{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:8px;padding:8px;background:#ffffff80;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.blessing-icon[data-v-2cd53158]{font-size:14px;flex-shrink:0}.blessing-text[data-v-2cd53158]{font-size:12px;color:#565c68;font-weight:400;letter-spacing:.3px;text-align:center;line-height:1.4}.meaning-card[data-v-2cd53158]{background:radial-gradient(circle at 20% 20%,rgba(0,0,0,.02) 0%,transparent 60%),linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:14px;border:1px solid rgba(0,0,0,.08);flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;z-index:1;box-shadow:0 4px 12px #00000014,inset 0 1px 2px #fffc;margin-bottom:8px;min-height:80px}.meaning-header[data-v-2cd53158]{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:6px}.meaning-icon[data-v-2cd53158]{font-size:14px}.meaning-title[data-v-2cd53158]{font-size:14px;font-weight:500;color:#374151;font-family:serif;letter-spacing:.8px}.meaning-text[data-v-2cd53158]{font-size:12px;line-height:1.4;color:#4b5563;font-weight:400;text-align:center;font-family:serif;letter-spacing:.3px}.attributes-grid[data-v-2cd53158]{display:flex;gap:10px}.attr-card[data-v-2cd53158]{flex:1;background:radial-gradient(circle at 50% 20%,rgba(0,0,0,.02) 0%,transparent 60%),linear-gradient(135deg,#fff,#f8f9fa);border-radius:8px;padding:10px;text-align:center;border:1px solid rgba(0,0,0,.06);box-shadow:0 3px 8px #0000000f,inset 0 1px 2px #fffc;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.attr-icon[data-v-2cd53158]{font-size:16px;margin-bottom:4px;display:block}.attr-label[data-v-2cd53158]{font-size:10px;color:#454a52;font-weight:400;margin-bottom:2px;display:block;font-family:serif;letter-spacing:.8px}.attr-value[data-v-2cd53158]{font-size:12px;font-weight:600;color:#374151;font-family:serif;letter-spacing:.8px}.style-indicator[data-v-2cd53158]{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:auto;padding:8px 12px;background:linear-gradient(135deg,#00000005,#00000003);border-radius:12px;border:1px solid rgba(0,0,0,.05);flex-shrink:0}.style-dot[data-v-2cd53158]{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#0009,#0006);box-shadow:0 1px 3px #0003}.style-name[data-v-2cd53158]{font-size:10px;color:#6b7280;font-weight:400;font-family:serif;letter-spacing:.8px}.nav-arrow[data-v-2cd53158]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);z-index:10}.nav-arrow[data-v-2cd53158]:hover{background:#0003;transform:translateY(-50%) scale(1.1)}.nav-arrow[data-v-2cd53158]:active{background:#0000004d;transform:translateY(-50%) scale(.95)}.arrow-icon[data-v-2cd53158]{font-size:20px;color:#fff;font-weight:700}.prev-arrow[data-v-2cd53158]{left:20px}.next-arrow[data-v-2cd53158]{right:20px}@media (max-width: 768px){.card-container[data-v-2cd53158]{padding:10px;height:90vh}.name-card[data-v-2cd53158]{max-width:100%;min-height:500px;padding:16px;gap:10px}.page-indicator[data-v-2cd53158]{padding:4px 8px;margin-bottom:4px}.page-number[data-v-2cd53158]{font-size:10px}.card-header[data-v-2cd53158]{gap:6px;margin-bottom:6px}.avatar-container[data-v-2cd53158]{width:55px;height:55px}.full-name[data-v-2cd53158]{font-size:22px;letter-spacing:1px}.pronunciation[data-v-2cd53158]{font-size:11px}.blessing-container[data-v-2cd53158]{padding:6px;margin-bottom:6px}.blessing-text[data-v-2cd53158]{font-size:11px}.meaning-card[data-v-2cd53158]{padding:12px;margin-bottom:6px;min-height:70px}.meaning-title[data-v-2cd53158]{font-size:13px}.meaning-text[data-v-2cd53158]{font-size:11px}.attributes-grid[data-v-2cd53158]{gap:8px}.attr-card[data-v-2cd53158]{padding:8px;min-height:50px}.attr-icon[data-v-2cd53158]{font-size:14px}.attr-label[data-v-2cd53158]{font-size:9px}.attr-value[data-v-2cd53158]{font-size:11px}.style-indicator[data-v-2cd53158]{padding:6px 10px;gap:6px}.style-name[data-v-2cd53158]{font-size:9px}.nav-arrow[data-v-2cd53158]{width:40px;height:40px}.arrow-icon[data-v-2cd53158]{font-size:16px}.prev-arrow[data-v-2cd53158]{left:10px}.next-arrow[data-v-2cd53158]{right:10px}}.name-card.classic[data-v-2cd53158]{background:radial-gradient(circle at 30% 20%,rgba(0,0,0,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.03) 0%,transparent 50%),linear-gradient(135deg,#fefefe,#f8f9fa);border:2px solid rgba(0,0,0,.12)}.name-card.classic[data-v-2cd53158]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="50" cy="50" r="1.5" fill="%23000000" opacity="0.08"/><circle cx="150" cy="150" r="1" fill="%23000000" opacity="0.06"/><circle cx="100" cy="30" r="0.8" fill="%23000000" opacity="0.04"/><path d="M30 170 Q50 150 70 170" stroke="%23000000" stroke-width="0.5" fill="none" opacity="0.05"/></svg>') repeat;background-size:200px 200px;opacity:.6;z-index:0}.name-card.classic .card-header .full-name[data-v-2cd53158]{color:#1a1a1a;font-family:serif;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1),0 0 8px rgba(0,0,0,.05)}.name-card.classic .card-header .pronunciation[data-v-2cd53158]{color:#4a5568}.name-card.classic .meaning-card[data-v-2cd53158]{border:1px solid rgba(0,0,0,.08)}.name-card.classic .meaning-card[data-v-2cd53158]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.15) 80%,transparent 100%);border-radius:12px 12px 0 0}.name-card.classic .meaning-card .meaning-title[data-v-2cd53158]{color:#2d3748;font-family:serif}.name-card.classic .meaning-card .meaning-text[data-v-2cd53158]{color:#4a5568;font-family:serif}.name-card.classic .attr-card[data-v-2cd53158]:before{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;background:radial-gradient(circle,rgba(0,0,0,.2) 0%,transparent 70%);border-radius:50%}.name-card.classic .attr-card .attr-value[data-v-2cd53158]{color:#2d3748;font-family:serif}.name-card.classic .style-dot[data-v-2cd53158]{background:radial-gradient(circle,#4a5568,#2d3748)}.name-card.classic .style-name[data-v-2cd53158]{color:#4a5568;font-family:serif}.name-card.modern[data-v-2cd53158]{background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.04) 0%,transparent 50%),linear-gradient(135deg,#fefefe,#f8fafc);border:2px solid rgba(59,130,246,.12)}.name-card.modern[data-v-2cd53158]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect x="45" y="45" width="10" height="10" fill="%233b82f6" opacity="0.06" transform="rotate(45 50 50)"/><circle cx="150" cy="50" r="1" fill="%238b5cf6" opacity="0.04"/></svg>') repeat;background-size:200px 200px;opacity:.6;z-index:0}.name-card.modern .card-header .full-name[data-v-2cd53158]{color:#1e40af;font-weight:600;letter-spacing:1px;text-shadow:1px 1px 2px rgba(59,130,246,.1),0 0 8px rgba(59,130,246,.05)}.name-card.modern .card-header .pronunciation[data-v-2cd53158]{color:#6366f1}.name-card.modern .meaning-card[data-v-2cd53158]{border:1px solid rgba(59,130,246,.08)}.name-card.modern .meaning-card[data-v-2cd53158]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.15) 20%,rgba(59,130,246,.25) 50%,rgba(59,130,246,.15) 80%,transparent 100%);border-radius:12px 12px 0 0}.name-card.modern .meaning-card .meaning-title[data-v-2cd53158]{color:#1e40af}.name-card.modern .attr-card[data-v-2cd53158]:before{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%}.name-card.modern .attr-card .attr-value[data-v-2cd53158]{color:#1e40af}.name-card.modern .style-dot[data-v-2cd53158]{background:radial-gradient(circle,#3b82f6,#1d4ed8)}.name-card.modern .style-name[data-v-2cd53158]{color:#6366f1}.name-card.nature[data-v-2cd53158]{background:radial-gradient(circle at 30% 20%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(16,185,129,.06) 0%,transparent 50%),linear-gradient(135deg,#fefefe,#f0fdf4);border:2px solid rgba(34,197,94,.15)}.name-card.nature[data-v-2cd53158]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 50 L110 70 L100 80 L90 70 Z" fill="%2322c55e" opacity="0.08"/><circle cx="50" cy="150" r="2" fill="%2310b981" opacity="0.06"/><circle cx="150" cy="50" r="1.5" fill="%2322c55e" opacity="0.05"/></svg>') repeat;background-size:200px 200px;opacity:.6;z-index:0}.name-card.nature .card-header .full-name[data-v-2cd53158]{color:#14532d;text-shadow:1px 1px 2px rgba(34,197,94,.15),0 0 8px rgba(34,197,94,.08)}.name-card.nature .card-header .pronunciation[data-v-2cd53158]{color:#059669}.name-card.nature .meaning-card[data-v-2cd53158]{border:1px solid rgba(34,197,94,.1)}.name-card.nature .meaning-card[data-v-2cd53158]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.15) 20%,rgba(34,197,94,.25) 50%,rgba(34,197,94,.15) 80%,transparent 100%);border-radius:12px 12px 0 0}.name-card.nature .meaning-card .meaning-title[data-v-2cd53158]{color:#14532d}.name-card.nature .attr-card[data-v-2cd53158]:before{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%);border-radius:50%}.name-card.nature .attr-card .attr-value[data-v-2cd53158]{color:#14532d}.name-card.nature .style-dot[data-v-2cd53158]{background:radial-gradient(circle,#22c55e,#16a34a)}.name-card.nature .style-name[data-v-2cd53158]{color:#059669}.name-card.creative[data-v-2cd53158]{background:radial-gradient(circle at 30% 20%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.08) 0%,transparent 50%),linear-gradient(135deg,#fefefe,#f8f9fa);border:2px solid rgba(236,72,153,.2)}.name-card.creative[data-v-2cd53158]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M50 50 Q100 20 150 50 Q120 100 150 150 Q100 120 50 150 Q80 100 50 50" fill="%23ec4899" opacity="0.05"/><circle cx="30" cy="170" r="2" fill="%23a855f7" opacity="0.08"/></svg>') repeat;background-size:200px 200px;opacity:.6;z-index:0}.name-card.creative .card-header .full-name[data-v-2cd53158]{color:#be185d;font-weight:700;letter-spacing:1px;text-shadow:1px 1px 2px rgba(236,72,153,.2),0 0 8px rgba(236,72,153,.1)}.name-card.creative .card-header .pronunciation[data-v-2cd53158]{color:#7c3aed}.name-card.creative .meaning-card[data-v-2cd53158]{border:1px solid rgba(236,72,153,.12)}.name-card.creative .meaning-card[data-v-2cd53158]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(236,72,153,.2) 20%,rgba(168,85,247,.2) 50%,rgba(236,72,153,.2) 80%,transparent 100%);border-radius:12px 12px 0 0}.name-card.creative .meaning-card .meaning-title[data-v-2cd53158]{color:#be185d}.name-card.creative .attr-card[data-v-2cd53158]:before{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 70%);border-radius:50%}.name-card.creative .attr-card .attr-value[data-v-2cd53158]{color:#be185d}.name-card.creative .style-dot[data-v-2cd53158]{background:radial-gradient(circle,#ec4899,#be185d)}.name-card.creative .style-name[data-v-2cd53158]{color:#7c3aed}.name-card.heritage[data-v-2cd53158]{background:radial-gradient(circle at 30% 20%,rgba(245,158,11,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(217,119,6,.06) 0%,transparent 50%),linear-gradient(135deg,#fefefe,#fef3c7);border:2px solid rgba(245,158,11,.2)}.name-card.heritage[data-v-2cd53158]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect x="90" y="90" width="20" height="20" fill="%23f59e0b" opacity="0.06" transform="rotate(45 100 100)"/><circle cx="50" cy="50" r="2" fill="%23d97706" opacity="0.05"/><circle cx="150" cy="150" r="1.5" fill="%23f59e0b" opacity="0.04"/></svg>') repeat;background-size:200px 200px;opacity:.6;z-index:0}.name-card.heritage .card-header .full-name[data-v-2cd53158]{color:#92400e;font-family:serif;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 2px rgba(245,158,11,.2),0 0 8px rgba(245,158,11,.1)}.name-card.heritage .card-header .pronunciation[data-v-2cd53158]{color:#d97706}.name-card.heritage .meaning-card[data-v-2cd53158]{border:1px solid rgba(245,158,11,.15)}.name-card.heritage .meaning-card[data-v-2cd53158]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(245,158,11,.2) 20%,rgba(245,158,11,.3) 50%,rgba(245,158,11,.2) 80%,transparent 100%);border-radius:12px 12px 0 0}.name-card.heritage .meaning-card .meaning-title[data-v-2cd53158]{color:#92400e}.name-card.heritage .meaning-card .meaning-text[data-v-2cd53158]{font-style:normal}.name-card.heritage .attr-card[data-v-2cd53158]:before{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;background:radial-gradient(circle,rgba(245,158,11,.4) 0%,transparent 70%);border-radius:50%}.name-card.heritage .attr-card .attr-value[data-v-2cd53158]{color:#92400e}.name-card.heritage .style-dot[data-v-2cd53158]{background:radial-gradient(circle,#f59e0b,#d97706)}.name-card.heritage .style-name[data-v-2cd53158]{color:#d97706}@media (max-width: 480px){.card-container[data-v-2cd53158]{padding:8px}.name-card[data-v-2cd53158]{padding:14px;gap:8px;min-height:450px}.page-indicator[data-v-2cd53158]{padding:3px 6px;margin-bottom:3px}.page-number[data-v-2cd53158]{font-size:9px}.avatar-container[data-v-2cd53158]{width:45px;height:45px}.full-name[data-v-2cd53158]{font-size:18px}.pronunciation[data-v-2cd53158]{font-size:10px}.meaning-card[data-v-2cd53158]{padding:10px;min-height:60px}.attr-card[data-v-2cd53158]{padding:6px;min-height:40px}.nav-arrow[data-v-2cd53158]{width:36px;height:36px}.arrow-icon[data-v-2cd53158]{font-size:14px}}.button-container[data-v-2cd53158]{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.add-button[data-v-2cd53158],.home-btn[data-v-2cd53158]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:all .3s ease}.add-button[data-v-2cd53158]{background-color:var(--color-primary);color:var(--color-text-inverse)}.add-button[data-v-2cd53158]:hover{background-color:var(--color-primary-hover)}.add-button[disabled][data-v-2cd53158]{background-color:var(--color-text-tertiary);cursor:not-allowed}.home-btn[data-v-2cd53158]{background-color:var(--color-text-secondary);color:var(--color-text-inverse)}.home-btn[data-v-2cd53158]:hover{background-color:var(--color-text-primary)}@media (max-width: 768px){.page-container[data-v-2cd53158]{padding:var(--spacing-md)}.title-container[data-v-2cd53158]{gap:var(--spacing-sm)}.title-icon[data-v-2cd53158]{width:28px;height:28px}.page-title[data-v-2cd53158]{font-size:var(--text-xl)}.naming-card[data-v-2cd53158]{flex-direction:column}.naming__header[data-v-2cd53158]{padding:var(--spacing-sm)}.naming__content[data-v-2cd53158]{padding:var(--spacing-md)}.name-item[data-v-2cd53158]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.name-item .name__actions[data-v-2cd53158]{margin-left:0;align-self:flex-end}.button-container[data-v-2cd53158]{flex-direction:column;gap:var(--spacing-sm)}.add-button[data-v-2cd53158],.home-btn[data-v-2cd53158]{width:100%;padding:var(--spacing-sm)}.popup-container[data-v-2cd53158]{max-width:95vw;margin:0 var(--spacing-xs)}.gender-options[data-v-2cd53158]{flex-wrap:wrap;gap:var(--spacing-xs)}.gender-tag[data-v-2cd53158]{width:48%;margin-bottom:var(--spacing-xs)}.style-options[data-v-2cd53158]{gap:var(--spacing-xs)}.style-tag[data-v-2cd53158]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}.empty-state[data-v-2cd53158]{min-height:50vh;padding:var(--spacing-lg) var(--spacing-sm)}.empty-icon[data-v-2cd53158]{width:100px;height:100px}.empty-icon-bg[data-v-2cd53158]{width:120px;height:120px}.empty-title[data-v-2cd53158]{font-size:var(--text-2xl)}.empty-description[data-v-2cd53158]{font-size:var(--text-base)}}@media (max-width: 480px){.page-container[data-v-2cd53158]{padding:var(--spacing-sm)}.title-icon[data-v-2cd53158]{width:24px;height:24px}.page-title[data-v-2cd53158]{font-size:var(--text-lg)}.naming__header[data-v-2cd53158]{padding:var(--spacing-xs)}.naming__content[data-v-2cd53158]{padding:var(--spacing-sm)}.name-item .name__text[data-v-2cd53158]{font-size:var(--text-base)}.name-item .name__meaning[data-v-2cd53158],.name-item .name__reason[data-v-2cd53158]{font-size:var(--text-xs)}.popup-content[data-v-2cd53158]{padding:var(--spacing-xs)}.popup-title[data-v-2cd53158],.form-label[data-v-2cd53158]{font-size:var(--text-xs)}.surname-input[data-v-2cd53158],.keyword-input[data-v-2cd53158]{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.confirm-button[data-v-2cd53158]{height:36px;line-height:36px;font-size:var(--text-xs)}.gender-tag[data-v-2cd53158]{width:48%;padding:var(--spacing-xs) 0}.gender-icon[data-v-2cd53158]{font-size:20px}.gender-text[data-v-2cd53158]{font-size:var(--text-xs)}.empty-state[data-v-2cd53158]{min-height:40vh;padding:var(--spacing-md) var(--spacing-xs)}.empty-icon[data-v-2cd53158]{width:80px;height:80px}.empty-icon-bg[data-v-2cd53158]{width:100px;height:100px}.empty-title[data-v-2cd53158]{font-size:var(--text-xl)}.empty-description[data-v-2cd53158]{font-size:var(--text-sm)}}.vue-datepicker-wrapper[data-v-2cd53158]{position:relative;display:flex;align-items:center}.vue-datepicker-input[data-v-2cd53158] .dp__input{width:100%;height:44px;padding:0 44px 0 16px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-bg-secondary);transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.vue-datepicker-input[data-v-2cd53158] .dp__input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px #ff9f431a;transform:translateY(-1px)}.vue-datepicker-input[data-v-2cd53158] .dp__input::placeholder{color:var(--color-text-tertiary);font-weight:400}.vue-datepicker-wrapper .input-icon[data-v-2cd53158]{position:absolute;right:12px;width:20px;height:20px;pointer-events:none;z-index:1;opacity:.6;transition:opacity .3s ease}.vue-datepicker-input:focus-within .input-icon[data-v-2cd53158]{opacity:1;color:var(--color-primary)}[data-v-2cd53158] .dp__menu{background:var(--color-bg-card)!important;border:1px solid var(--color-border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:0 10px 25px #00000026!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;margin-top:8px!important;overflow:hidden!important;animation:datepickerSlideDown-2cd53158 .3s ease-out!important}@keyframes datepickerSlideDown-2cd53158{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-v-2cd53158] .dp__calendar_header{background:linear-gradient(135deg,var(--color-primary) 0%,#FF9F43 100%)!important;color:#fff!important;padding:12px 16px!important;border-bottom:none!important}[data-v-2cd53158] .dp__calendar_header_separator{background:#ffffff4d!important}[data-v-2cd53158] .dp__arrow_top{border-bottom-color:var(--color-primary)!important}[data-v-2cd53158] .dp__arrow_bottom{border-top-color:var(--color-primary)!important}[data-v-2cd53158] .dp__month_year_select{color:#fff!important;font-weight:var(--font-semibold)!important;font-size:var(--text-base)!important}[data-v-2cd53158] .dp__month_year_select:hover{background:#ffffff1a!important;border-radius:var(--radius-sm)!important}[data-v-2cd53158] .dp__arrow_btn{color:#fff!important;background:#ffffff1a!important;border:none!important;border-radius:var(--radius-sm)!important;width:32px!important;height:32px!important;transition:all .3s ease!important}[data-v-2cd53158] .dp__arrow_btn:hover{background:#fff3!important;transform:scale(1.05)!important}[data-v-2cd53158] .dp__weekday{color:var(--color-text-secondary)!important;font-weight:var(--font-medium)!important;font-size:var(--text-xs)!important;padding:8px 4px!important;text-align:center!important}[data-v-2cd53158] .dp__cell_inner{border-radius:var(--radius-sm)!important;transition:all .2s ease!important;font-weight:var(--font-medium)!important;position:relative!important;overflow:hidden!important}[data-v-2cd53158] .dp__cell_inner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,159,67,.1) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}[data-v-2cd53158] .dp__cell_inner:hover:before{opacity:1}[data-v-2cd53158] .dp__cell_inner:hover{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;transform:scale(1.05)!important;box-shadow:0 2px 8px #0000001a!important}[data-v-2cd53158] .dp__today{background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(255,159,67,.2) 100%)!important;color:var(--color-primary)!important;font-weight:var(--font-bold)!important;border:2px solid var(--color-primary)!important}[data-v-2cd53158] .dp__today:hover{background:linear-gradient(135deg,var(--color-primary) 0%,#FF9F43 100%)!important;color:#fff!important;transform:scale(1.1)!important}[data-v-2cd53158] .dp__active_date{background:linear-gradient(135deg,var(--color-primary) 0%,#FF9F43 100%)!important;color:#fff!important;font-weight:var(--font-bold)!important;box-shadow:0 4px 12px #ff9f4366!important;transform:scale(1.05)!important}[data-v-2cd53158] .dp__active_date:hover{transform:scale(1.1)!important;box-shadow:0 6px 16px #ff9f4380!important}[data-v-2cd53158] .dp__cell_offset{color:var(--color-text-tertiary)!important;opacity:.5!important}[data-v-2cd53158] .dp__cell_offset:hover{background:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important;opacity:.8!important}[data-v-2cd53158] .dp__cell_disabled{color:var(--color-text-tertiary)!important;opacity:.3!important;cursor:not-allowed!important}[data-v-2cd53158] .dp__cell_disabled:hover{background:transparent!important;transform:none!important;box-shadow:none!important}[data-v-2cd53158] .dp__clear_icon{color:var(--color-text-tertiary)!important;transition:all .3s ease!important}[data-v-2cd53158] .dp__clear_icon:hover{color:var(--color-text-secondary)!important;transform:scale(1.1)!important}.vue-datepicker-input[data-v-2cd53158] .dp__input_icon{transition:all .3s ease!important}.vue-datepicker-input[data-v-2cd53158]:focus-within .dp__input_icon{color:var(--color-primary)!important;transform:scale(1.1)!important}@media (max-width: 768px){[data-v-2cd53158] .dp__menu{margin:8px 16px!important;max-width:calc(100vw - 32px)!important}[data-v-2cd53158] .dp__cell_inner{width:36px!important;height:36px!important;font-size:var(--text-sm)!important}[data-v-2cd53158] .dp__calendar_header{padding:8px 12px!important}[data-v-2cd53158] .dp__month_year_select{font-size:var(--text-sm)!important}}@media (max-width: 480px){[data-v-2cd53158] .dp__menu{margin:4px 8px!important;max-width:calc(100vw - 16px)!important}[data-v-2cd53158] .dp__cell_inner{width:32px!important;height:32px!important;font-size:var(--text-xs)!important}[data-v-2cd53158] .dp__weekday{font-size:10px!important;padding:6px 2px!important}}.popup-wrapper[data-v-2cd53158]{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn-2cd53158 .3s ease}@keyframes fadeIn-2cd53158{0%{opacity:0}to{opacity:1}}.popup-mask[data-v-2cd53158]{position:absolute;inset:0;background:transparent}.popup-container[data-v-2cd53158]{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 25px 50px #00000040,0 10px 30px #00000026,inset 0 1px #ffffffb3;border:1px solid rgba(208,215,222,.8);max-width:500px;width:100%;max-height:90vh;overflow:hidden;position:relative;transform:scale(1);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;animation:slideUp-2cd53158 .3s ease}@keyframes slideUp-2cd53158{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-container[data-v-2cd53158]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.popup-content[data-v-2cd53158]{padding:32px;max-height:calc(90vh - 80px);overflow-y:auto;position:relative;z-index:1}.popup-header[data-v-2cd53158]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.popup-title[data-v-2cd53158]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.popup-actions[data-v-2cd53158]{display:flex;align-items:center;gap:16px}.popup-reset[data-v-2cd53158]{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease;font-weight:var(--font-medium)}.popup-reset[data-v-2cd53158]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.popup-close[data-v-2cd53158]{font-size:24px;color:var(--color-text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;line-height:1}.popup-close[data-v-2cd53158]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.form-item[data-v-2cd53158]{margin-bottom:20px}.form-label[data-v-2cd53158]{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:8px}.required-star[data-v-2cd53158]{color:var(--color-warning);margin-right:4px}.surname-selector[data-v-2cd53158]{position:relative}.form-input[data-v-2cd53158]{width:100%;height:44px;padding:0 44px 0 16px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:all .2s ease;box-sizing:border-box;font-family:inherit}.form-input[data-v-2cd53158]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.form-input[data-v-2cd53158]::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-normal)}.input-icon[data-v-2cd53158]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;z-index:1;opacity:.6;transition:opacity .2s ease}.search-icon[data-v-2cd53158]:before{content:"🔍";font-size:16px}.dropdown-icon[data-v-2cd53158]:before{content:"▼";font-size:12px;color:var(--color-text-tertiary)}.form-input:focus+.input-icon[data-v-2cd53158]{opacity:1;color:var(--color-primary)}.surname-dropdown[data-v-2cd53158]{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:10;margin-top:4px}.dropdown-list[data-v-2cd53158]{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.dropdown-item[data-v-2cd53158]{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-bg-secondary);transition:background-color .2s ease;font-size:var(--text-sm);color:var(--color-text-primary)}.dropdown-item[data-v-2cd53158]:hover{background-color:var(--color-bg-secondary)}.dropdown-item[data-v-2cd53158]:last-child{border-bottom:none}.surname-option[data-v-2cd53158]{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-bg-secondary);display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease;font-size:var(--text-sm);color:var(--color-text-primary)}.surname-option[data-v-2cd53158]:hover{background-color:var(--color-bg-secondary)}.surname-option[data-v-2cd53158]:last-child{border-bottom:none}.surname-rank[data-v-2cd53158]{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-medium)}.gender-options[data-v-2cd53158]{display:flex;gap:12px}.gender-card[data-v-2cd53158]{flex:1;padding:16px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.gender-card[data-v-2cd53158]:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.gender-card--active[data-v-2cd53158]{border-color:var(--color-primary);background:#2386360d;box-shadow:0 0 0 3px #2386361a}.gender-avatar[data-v-2cd53158]{width:40px;height:40px;margin-bottom:8px}.gender-text[data-v-2cd53158]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.input-wrapper[data-v-2cd53158]{position:relative}.popup-footer[data-v-2cd53158]{padding:20px 32px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);display:flex;justify-content:center;position:relative;z-index:1}.confirm-button[data-v-2cd53158]{background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:12px 32px;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;min-width:120px;font-family:inherit;box-shadow:var(--shadow-sm)}.confirm-button[data-v-2cd53158]:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #23863640}.confirm-button[data-v-2cd53158]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.popup-wrapper[data-v-2cd53158]{padding:16px}.popup-container[data-v-2cd53158]{max-width:100%}.popup-content[data-v-2cd53158]{padding:24px}.popup-header[data-v-2cd53158]{margin-bottom:20px;padding-bottom:12px}.popup-title[data-v-2cd53158]{font-size:var(--text-lg)}.form-item[data-v-2cd53158]{margin-bottom:16px}.gender-options[data-v-2cd53158]{flex-direction:column;gap:8px}.gender-card[data-v-2cd53158]{padding:12px}.popup-footer[data-v-2cd53158]{padding:16px 24px}.confirm-button[data-v-2cd53158]{width:100%;padding:14px}}@media (max-width: 480px){.popup-wrapper[data-v-2cd53158]{padding:12px}.popup-content[data-v-2cd53158]{padding:20px}.popup-header[data-v-2cd53158]{margin-bottom:16px;padding-bottom:8px}.popup-title[data-v-2cd53158]{font-size:var(--text-base)}.form-label[data-v-2cd53158]{font-size:var(--text-xs)}.form-input[data-v-2cd53158]{height:40px;font-size:var(--text-xs)}.gender-card[data-v-2cd53158]{padding:10px}.gender-avatar[data-v-2cd53158]{width:32px;height:32px}.gender-text[data-v-2cd53158]{font-size:var(--text-xs)}}.model-compare-page[data-v-602cd9bf]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.page-header[data-v-602cd9bf]{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light)}.header-content[data-v-602cd9bf]{display:flex;justify-content:center;align-items:center}.back-btn[data-v-602cd9bf]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-602cd9bf]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.header-info[data-v-602cd9bf]{text-align:center}.page-title[data-v-602cd9bf]{font-size:32px;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.page-subtitle[data-v-602cd9bf]{font-size:15px;opacity:.7;font-weight:300}.main-content[data-v-602cd9bf]{padding:var(--spacing-3xl) var(--spacing-3xl);min-height:calc(100vh - 200px)}.content-layout[data-v-602cd9bf]{display:flex;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;align-items:stretch}.input-section[data-v-602cd9bf],.results-section[data-v-602cd9bf]{flex:1;min-width:0;display:flex;flex-direction:column}.prompt-textarea[data-v-602cd9bf],.model-card[data-v-602cd9bf],.result-card[data-v-602cd9bf],.processing-card[data-v-602cd9bf],.response-text[data-v-602cd9bf],.results-list[data-v-602cd9bf],.empty-state[data-v-602cd9bf],.processing-indicator[data-v-602cd9bf]{width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0}.input-section[data-v-602cd9bf]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);height:fit-content;max-height:80vh;overflow-y:auto;max-width:720px}.input-group[data-v-602cd9bf]{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box}.input-label[data-v-602cd9bf]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);pointer-events:none}.example-btn[data-v-602cd9bf]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;margin-left:auto;flex-shrink:0;position:relative;pointer-events:auto}.example-btn[data-v-602cd9bf]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.example-btn[data-v-602cd9bf]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.textarea-wrapper[data-v-602cd9bf]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.prompt-textarea[data-v-602cd9bf]{width:100%!important;max-width:100%!important;min-width:100%!important;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease;background:#fff;box-sizing:border-box!important}.prompt-textarea[data-v-602cd9bf]:focus{outline:none;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.system-textarea[data-v-602cd9bf]{border-color:var(--color-secondary)}.system-textarea[data-v-602cd9bf]:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #0969da1f}.user-textarea[data-v-602cd9bf]{border-color:var(--color-primary)}.char-count[data-v-602cd9bf]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.model-selector[data-v-602cd9bf]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.model-options[data-v-602cd9bf]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.model-option[data-v-602cd9bf]{cursor:pointer}.model-checkbox[data-v-602cd9bf]{display:none}.model-card[data-v-602cd9bf]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.model-option.active .model-card[data-v-602cd9bf]{border-color:var(--color-primary);background:#2386360d}.model-option.active .model-card[data-v-602cd9bf]:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.model-card[data-v-602cd9bf]:hover{border-color:var(--color-border-medium)}.model-icon[data-v-602cd9bf]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.model-info[data-v-602cd9bf]{flex:1}.model-name[data-v-602cd9bf]{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.model-desc[data-v-602cd9bf]{font-size:var(--text-sm);color:var(--color-text-secondary)}.model-status[data-v-602cd9bf]{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-medium)}.model-status.online[data-v-602cd9bf]{color:#059669}.status-dot[data-v-602cd9bf]{width:8px;height:8px;border-radius:50%;background:currentColor}.action-buttons[data-v-602cd9bf]{display:flex;gap:var(--spacing-md)}.btn[data-v-602cd9bf]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn[data-v-602cd9bf]:focus-visible{outline:none;box-shadow:0 0 0 3px #2386362e}.btn-primary[data-v-602cd9bf]{background:var(--color-primary);color:#fff;flex:1}.btn-primary[data-v-602cd9bf]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary[data-v-602cd9bf]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-602cd9bf]{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary[data-v-602cd9bf]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.loading-icon[data-v-602cd9bf]{animation:spin-602cd9bf 1s linear infinite}.results-section[data-v-602cd9bf]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.results-header[data-v-602cd9bf]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex:0 0 auto}.results-title[data-v-602cd9bf]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.results-meta[data-v-602cd9bf]{font-size:var(--text-sm);color:var(--color-text-secondary)}.results-list[data-v-602cd9bf]{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;overflow-y:auto;min-height:0}.result-card[data-v-602cd9bf]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important;min-width:0!important}.result-card[data-v-602cd9bf]:hover{box-shadow:var(--shadow-md)}.processing-card[data-v-602cd9bf]{opacity:.8;border-style:dashed;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.processing-indicator[data-v-602cd9bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-602cd9bf]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-602cd9bf 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin-602cd9bf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-indicator p[data-v-602cd9bf]{color:var(--color-text-secondary);margin:0}.metric.processing[data-v-602cd9bf]{color:var(--color-primary);font-weight:var(--font-semibold);animation:pulse-602cd9bf 1.5s ease-in-out infinite}.metric.response-time[data-v-602cd9bf]{color:var(--color-text-secondary);font-weight:var(--font-medium);background:var(--color-bg-primary);border:1px solid var(--color-border-light);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs)}@keyframes pulse-602cd9bf{0%,to{opacity:1}50%{opacity:.6}}.result-header[data-v-602cd9bf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-secondary)}.model-badge[data-v-602cd9bf]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex:1}.model-avatar[data-v-602cd9bf]{width:80px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-sm)}.model-details[data-v-602cd9bf]{display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right}.model-title[data-v-602cd9bf]{font-weight:var(--font-semibold);color:var(--color-text-primary)}.model-metrics[data-v-602cd9bf]{display:flex;gap:var(--spacing-sm)}.metric[data-v-602cd9bf]{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.result-content[data-v-602cd9bf]{padding:var(--spacing-lg)}.response-preview[data-v-602cd9bf]{line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:var(--text-sm)}.result-footer[data-v-602cd9bf]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.copy-btn[data-v-602cd9bf],.share-btn[data-v-602cd9bf],.view-all-btn[data-v-602cd9bf]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--text-xs);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.copy-btn[data-v-602cd9bf]:hover,.share-btn[data-v-602cd9bf]:hover,.view-all-btn[data-v-602cd9bf]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.view-all-btn[data-v-602cd9bf]{color:var(--color-primary);border-color:var(--color-primary)}.view-all-btn[data-v-602cd9bf]:hover{background:var(--color-primary);color:#fff}.input-section input[type=text][data-v-602cd9bf],.input-section input[type=search][data-v-602cd9bf],.input-section input[type=email][data-v-602cd9bf],.input-section input[type=password][data-v-602cd9bf],.input-section select[data-v-602cd9bf]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease}.input-section input[type=text][data-v-602cd9bf]:focus,.input-section input[type=search][data-v-602cd9bf]:focus,.input-section input[type=email][data-v-602cd9bf]:focus,.input-section input[type=password][data-v-602cd9bf]:focus,.input-section select[data-v-602cd9bf]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.input-section input[type=checkbox][data-v-602cd9bf]{accent-color:var(--color-primary)}.empty-state[data-v-602cd9bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;flex:1;min-height:0}.empty-icon[data-v-602cd9bf]{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-text h4[data-v-602cd9bf]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-text p[data-v-602cd9bf]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:400px}.page-footer[data-v-602cd9bf]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.page-footer .container[data-v-602cd9bf]{display:flex;justify-content:center}@media (max-width: 1024px){.main-content[data-v-602cd9bf]{padding:var(--spacing-2xl) var(--spacing-xl)}.content-layout[data-v-602cd9bf]{flex-direction:column;gap:var(--spacing-xl)}.input-section[data-v-602cd9bf]{flex:0 0 auto;height:fit-content;max-height:none}.results-section[data-v-602cd9bf]{flex:0 0 auto;min-height:400px}}@media (max-width: 768px){.page-header[data-v-602cd9bf]{padding:var(--spacing-lg) 0}.page-title[data-v-602cd9bf]{font-size:var(--text-2xl)}.main-content[data-v-602cd9bf]{padding:var(--spacing-lg) var(--spacing-sm)}.input-section[data-v-602cd9bf],.results-section[data-v-602cd9bf]{padding:var(--spacing-lg);min-height:300px}.action-buttons[data-v-602cd9bf]{flex-direction:column}.model-card[data-v-602cd9bf],.result-header[data-v-602cd9bf]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.full-content-modal-overlay[data-v-602cd9bf]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.full-content-modal[data-v-602cd9bf]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-602cd9bf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-title[data-v-602cd9bf]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close-btn[data-v-602cd9bf]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.modal-close-btn[data-v-602cd9bf]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content[data-v-602cd9bf]{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.modal-footer[data-v-602cd9bf]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-close-footer-btn[data-v-602cd9bf]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.modal-close-footer-btn[data-v-602cd9bf]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.example-content[data-v-602cd9bf]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.example-description[data-v-602cd9bf]{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.example-description p[data-v-602cd9bf]{margin:0;color:var(--color-text-primary);line-height:var(--leading-relaxed)}.example-code[data-v-602cd9bf]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.code-header[data-v-602cd9bf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.code-title[data-v-602cd9bf]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.code-block[data-v-602cd9bf]{margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.use-example-btn[data-v-602cd9bf]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.use-example-btn[data-v-602cd9bf]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.full-content-modal-overlay[data-v-602cd9bf]{padding:var(--spacing-md)}.full-content-modal[data-v-602cd9bf]{max-height:90vh}.modal-header[data-v-602cd9bf],.modal-content[data-v-602cd9bf],.modal-footer[data-v-602cd9bf]{padding:var(--spacing-md)}.modal-footer[data-v-602cd9bf]{flex-direction:column;gap:var(--spacing-sm)}.modal-close-footer-btn[data-v-602cd9bf]{width:100%;justify-content:center}}.ai-drawing-page[data-v-42b076c3]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.page-header[data-v-42b076c3]{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light)}.header-content[data-v-42b076c3]{display:flex;justify-content:center;align-items:center}.back-btn[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-42b076c3]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.header-info[data-v-42b076c3]{text-align:center}.page-title[data-v-42b076c3]{font-size:32px;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.page-subtitle[data-v-42b076c3]{font-size:15px;opacity:.7;font-weight:300}.main-content[data-v-42b076c3]{padding:var(--spacing-3xl) var(--spacing-3xl);min-height:calc(100vh - 200px)}.content-layout[data-v-42b076c3]{display:flex;gap:120px;max-width:1100px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;align-items:stretch;justify-content:center}.input-section[data-v-42b076c3]{flex:1.2;min-width:0;display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);gap:var(--spacing-xl);height:fit-content;max-height:80vh;overflow-y:auto}.input-group[data-v-42b076c3]{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box}.input-label[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);pointer-events:none}.example-btn[data-v-42b076c3]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;margin-left:auto;flex-shrink:0;position:relative;pointer-events:auto}.example-btn[data-v-42b076c3]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.example-btn[data-v-42b076c3]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.textarea-wrapper[data-v-42b076c3]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.prompt-textarea[data-v-42b076c3]{width:100%!important;max-width:100%!important;min-width:100%!important;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease;background:#fff;box-sizing:border-box!important}.prompt-textarea[data-v-42b076c3]:focus{outline:none;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.user-textarea[data-v-42b076c3]{border-color:var(--color-primary)}.char-count[data-v-42b076c3]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.style-selector[data-v-42b076c3]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.style-options[data-v-42b076c3]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.style-option[data-v-42b076c3]{cursor:pointer}.style-card[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.style-option.active .style-card[data-v-42b076c3]{border-color:var(--color-primary);background:#2386360d}.style-option.active .style-card[data-v-42b076c3]:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.style-card[data-v-42b076c3]:hover{border-color:var(--color-border-medium)}.style-icon[data-v-42b076c3]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.style-info[data-v-42b076c3]{flex:1}.style-name[data-v-42b076c3]{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.style-desc[data-v-42b076c3]{font-size:var(--text-sm);color:var(--color-text-secondary)}.action-buttons[data-v-42b076c3]{display:flex;gap:var(--spacing-md)}.btn[data-v-42b076c3]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn[data-v-42b076c3]:focus-visible{outline:none;box-shadow:0 0 0 3px #2386362e}.btn-primary[data-v-42b076c3]{background:var(--color-primary);color:#fff;flex:1}.btn-primary[data-v-42b076c3]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary[data-v-42b076c3]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-42b076c3]{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary[data-v-42b076c3]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.loading-icon[data-v-42b076c3]{animation:spin-42b076c3 1s linear infinite}@keyframes spin-42b076c3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section[data-v-42b076c3]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:1;min-width:0;max-width:450px;display:flex;flex-direction:column;gap:var(--spacing-xl)}.results-header[data-v-42b076c3]{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex:0 0 auto;min-height:50px}.results-title[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;padding:0;line-height:1.2}.image-display[data-v-42b076c3]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:0}.result-card[data-v-42b076c3]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.result-card[data-v-42b076c3]:hover{box-shadow:var(--shadow-md)}.processing-card[data-v-42b076c3]{opacity:.8;border-style:dashed}.processing-indicator[data-v-42b076c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-42b076c3]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-42b076c3 1s linear infinite;margin-bottom:var(--spacing-md)}.processing-indicator p[data-v-42b076c3]{color:var(--color-text-secondary);margin:0}.image-card[data-v-42b076c3]{background:var(--color-bg-primary)}.image-container[data-v-42b076c3]{position:relative;overflow:hidden;width:100%;max-width:350px;aspect-ratio:1 / 1;border-radius:var(--radius-lg);margin:0 auto}@supports not (aspect-ratio: 1 / 1){.image-container[data-v-42b076c3]{padding-bottom:100%;height:0}.image-container .generated-image[data-v-42b076c3]{position:absolute;top:0;left:0}}.generated-image[data-v-42b076c3]{width:100%;height:100%;object-fit:cover;display:block}.image-overlay[data-v-42b076c3]{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);opacity:0;transition:opacity .2s ease}.image-container:hover .image-overlay[data-v-42b076c3]{opacity:1}.overlay-btn[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ffffffe6;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.overlay-btn[data-v-42b076c3]:hover{background:#fff;transform:translateY(-1px)}.style-badge[data-v-42b076c3]{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:2}.style-tag[data-v-42b076c3]{display:inline-block;padding:6px 12px;background:#238636e6;color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.image-notice[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--text-xs)}.image-notice svg[data-v-42b076c3]{color:var(--color-warning);flex-shrink:0}.empty-state[data-v-42b076c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;flex:1;min-height:0}.empty-icon[data-v-42b076c3]{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-text h4[data-v-42b076c3]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-text p[data-v-42b076c3]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:400px}.page-footer[data-v-42b076c3]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.page-footer .container[data-v-42b076c3]{display:flex;justify-content:center}.image-modal-overlay[data-v-42b076c3]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.image-modal[data-v-42b076c3]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-42b076c3]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-title[data-v-42b076c3]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close-btn[data-v-42b076c3]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.modal-close-btn[data-v-42b076c3]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content[data-v-42b076c3]{flex:0 0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);width:100%;max-width:600px;aspect-ratio:1 / 1;margin:0 auto}@supports not (aspect-ratio: 1 / 1){.modal-content[data-v-42b076c3]{padding-bottom:100%;height:0;position:relative}.modal-content .modal-image[data-v-42b076c3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 2 * var(--spacing-lg));height:calc(100% - 2 * var(--spacing-lg))}}.modal-image[data-v-42b076c3]{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.modal-footer[data-v-42b076c3]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.download-btn[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.download-btn[data-v-42b076c3]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.modal-close-footer-btn[data-v-42b076c3]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.modal-close-footer-btn[data-v-42b076c3]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.input-section input[type=text][data-v-42b076c3],.input-section input[type=search][data-v-42b076c3],.input-section input[type=email][data-v-42b076c3],.input-section input[type=password][data-v-42b076c3],.input-section select[data-v-42b076c3]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease}.input-section input[type=text][data-v-42b076c3]:focus,.input-section input[type=search][data-v-42b076c3]:focus,.input-section input[type=email][data-v-42b076c3]:focus,.input-section input[type=password][data-v-42b076c3]:focus,.input-section select[data-v-42b076c3]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.input-section input[type=radio][data-v-42b076c3],.input-section input[type=checkbox][data-v-42b076c3]{accent-color:var(--color-primary)}.full-content-modal-overlay[data-v-42b076c3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box;overflow-y:auto}.full-content-modal[data-v-42b076c3]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;max-height:85vh;width:100%;display:flex;flex-direction:column;margin:auto;position:relative}.full-content-modal .modal-header[data-v-42b076c3]{flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.full-content-modal .modal-content[data-v-42b076c3]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}.full-content-modal .modal-footer[data-v-42b076c3]{flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.full-content-modal .modal-content[data-v-42b076c3]::-webkit-scrollbar{width:6px}.full-content-modal .modal-content[data-v-42b076c3]::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.full-content-modal .modal-content[data-v-42b076c3]::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:3px}.full-content-modal .modal-content[data-v-42b076c3]::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.example-content[data-v-42b076c3]{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl);gap:var(--spacing-lg);min-height:0;overflow-y:auto}.example-description[data-v-42b076c3]{flex-shrink:0;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.example-description p[data-v-42b076c3]{margin:0;color:var(--color-text-primary);line-height:var(--leading-relaxed);font-size:var(--text-base);word-wrap:break-word}.example-code[data-v-42b076c3]{flex:1;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;min-height:0;display:flex;flex-direction:column}.code-header[data-v-42b076c3]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.code-title[data-v-42b076c3]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.code-block[data-v-42b076c3]{flex:1;margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);overflow-y:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;min-height:0}.use-example-btn[data-v-42b076c3]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.use-example-btn[data-v-42b076c3]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 1024px){.main-content[data-v-42b076c3]{padding:var(--spacing-xl) var(--spacing-xl)}.content-layout[data-v-42b076c3]{flex-direction:column;gap:80px;max-width:none;justify-content:flex-start}.input-section[data-v-42b076c3]{flex:0 0 auto;height:fit-content;max-height:none}.results-section[data-v-42b076c3]{flex:0 0 auto;min-height:400px;max-width:none}}@media (max-width: 768px){.page-header[data-v-42b076c3]{padding:var(--spacing-lg) 0}.page-title[data-v-42b076c3]{font-size:var(--text-2xl)}.main-content[data-v-42b076c3]{padding:var(--spacing-lg) var(--spacing-lg)}.input-section[data-v-42b076c3]{padding:var(--spacing-lg);min-height:300px}.results-section[data-v-42b076c3]{padding:var(--spacing-lg);min-height:300px;max-width:none}.results-header[data-v-42b076c3]{min-height:40px;justify-content:center;align-items:center}.action-buttons[data-v-42b076c3]{flex-direction:column}.style-card[data-v-42b076c3]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.image-container[data-v-42b076c3]{max-width:280px;border-radius:var(--radius-md)}.style-badge[data-v-42b076c3]{bottom:8px;right:8px}.style-tag[data-v-42b076c3]{padding:4px 10px;font-size:11px}.image-notice[data-v-42b076c3]{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}.modal-content[data-v-42b076c3]{max-width:500px;padding:var(--spacing-md)}.full-content-modal-overlay[data-v-42b076c3]{padding:var(--spacing-md)}.full-content-modal[data-v-42b076c3]{max-height:90vh}.full-content-modal .modal-header[data-v-42b076c3],.full-content-modal .modal-footer[data-v-42b076c3],.example-content[data-v-42b076c3],.example-description[data-v-42b076c3]{padding:var(--spacing-md)}.modal-footer[data-v-42b076c3]{flex-direction:column;gap:var(--spacing-sm)}.modal-close-footer-btn[data-v-42b076c3]{width:100%;justify-content:center}}@media (max-width: 480px){.full-content-modal[data-v-42b076c3]{max-height:85vh}.example-content[data-v-42b076c3],.example-description[data-v-42b076c3]{padding:var(--spacing-sm)}.image-container[data-v-42b076c3]{max-width:250px}.style-badge[data-v-42b076c3]{bottom:6px;right:6px}.style-tag[data-v-42b076c3]{padding:3px 8px;font-size:10px}.image-notice[data-v-42b076c3]{font-size:10px;padding:4px var(--spacing-xs);margin-top:6px}.image-notice svg[data-v-42b076c3]{width:12px;height:12px}.modal-content[data-v-42b076c3]{max-width:90vw;padding:var(--spacing-sm)}}.prompt-contrast-page[data-v-0ae6b956]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.page-header[data-v-0ae6b956]{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light)}.header-content[data-v-0ae6b956]{display:flex;justify-content:center;align-items:center}.back-btn[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-0ae6b956]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.header-info[data-v-0ae6b956]{text-align:center}.page-title[data-v-0ae6b956]{font-size:32px;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.page-subtitle[data-v-0ae6b956]{font-size:15px;opacity:.7;font-weight:300}.main-content[data-v-0ae6b956]{padding:var(--spacing-3xl) var(--spacing-3xl);min-height:calc(100vh - 200px)}.content-layout[data-v-0ae6b956]{display:flex;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;align-items:stretch}.input-section[data-v-0ae6b956],.results-section[data-v-0ae6b956]{flex:1;min-width:0;display:flex;flex-direction:column}.input-section[data-v-0ae6b956]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);height:fit-content;max-height:85vh;overflow-y:auto;max-width:720px}.prompt-group[data-v-0ae6b956]{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-lg)}.group-header[data-v-0ae6b956]{margin-bottom:var(--spacing-sm)}.group-title[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.input-group[data-v-0ae6b956]{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box}.input-label[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);pointer-events:none}.example-btn[data-v-0ae6b956]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;margin-left:auto;flex-shrink:0;position:relative;pointer-events:auto}.example-btn[data-v-0ae6b956]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.example-btn[data-v-0ae6b956]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.textarea-wrapper[data-v-0ae6b956]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.prompt-textarea[data-v-0ae6b956]{width:100%!important;max-width:100%!important;min-width:100%!important;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease;background:#fff;box-sizing:border-box!important}.prompt-textarea[data-v-0ae6b956]:focus{outline:none;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.system-textarea[data-v-0ae6b956]{border-color:var(--color-secondary)}.system-textarea[data-v-0ae6b956]:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #0969da1f}.user-textarea[data-v-0ae6b956]{border-color:var(--color-primary)}.char-count[data-v-0ae6b956]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.model-selector[data-v-0ae6b956]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.model-options[data-v-0ae6b956]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.model-option[data-v-0ae6b956]{cursor:pointer}.model-radio[data-v-0ae6b956]{display:none}.model-card[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.model-option.active .model-card[data-v-0ae6b956]{border-color:var(--color-primary);background:#2386360d}.model-option.active .model-card[data-v-0ae6b956]:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.model-card[data-v-0ae6b956]:hover{border-color:var(--color-border-medium)}.model-icon[data-v-0ae6b956]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.model-info[data-v-0ae6b956]{flex:1}.model-name[data-v-0ae6b956]{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.model-desc[data-v-0ae6b956]{font-size:var(--text-sm);color:var(--color-text-secondary)}.model-status[data-v-0ae6b956]{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-medium)}.model-status.online[data-v-0ae6b956]{color:#059669}.status-dot[data-v-0ae6b956]{width:8px;height:8px;border-radius:50%;background:currentColor}.action-buttons[data-v-0ae6b956]{display:flex;gap:var(--spacing-md)}.btn[data-v-0ae6b956]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn[data-v-0ae6b956]:focus-visible{outline:none;box-shadow:0 0 0 3px #2386362e}.btn-primary[data-v-0ae6b956]{background:var(--color-primary);color:#fff;flex:1}.btn-primary[data-v-0ae6b956]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary[data-v-0ae6b956]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-0ae6b956]{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary[data-v-0ae6b956]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.loading-icon[data-v-0ae6b956]{animation:spin-0ae6b956 1s linear infinite}@keyframes spin-0ae6b956{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section[data-v-0ae6b956]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.results-header[data-v-0ae6b956]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex:0 0 auto}.results-title[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.results-meta[data-v-0ae6b956]{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center}.results-list[data-v-0ae6b956]{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;overflow-y:auto;min-height:0}.result-card[data-v-0ae6b956]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important;min-width:0!important}.result-card[data-v-0ae6b956]:hover{box-shadow:var(--shadow-md)}.processing-card[data-v-0ae6b956]{opacity:.8;border-style:dashed}.processing-indicator[data-v-0ae6b956]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-0ae6b956]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-0ae6b956 1s linear infinite;margin-bottom:var(--spacing-md)}.processing-indicator p[data-v-0ae6b956]{color:var(--color-text-secondary);margin:0}.result-header[data-v-0ae6b956]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-secondary)}.prompt-group-badge[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.group-indicator[data-v-0ae6b956]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.group-indicator.group-a[data-v-0ae6b956]{background:#3b82f6}.group-indicator.group-b[data-v-0ae6b956]{background:#ef4444}.group-details[data-v-0ae6b956]{display:flex;flex-direction:column;gap:2px}.group-title[data-v-0ae6b956]{font-weight:var(--font-semibold);color:var(--color-text-primary);font-size:var(--text-sm)}.processing-status[data-v-0ae6b956]{color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-xs);animation:pulse-0ae6b956 1.5s ease-in-out infinite}.response-time[data-v-0ae6b956]{color:var(--color-text-secondary);font-weight:var(--font-medium);background:var(--color-bg-primary);border:1px solid var(--color-border-light);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs)}@keyframes pulse-0ae6b956{0%,to{opacity:1}50%{opacity:.6}}.result-content[data-v-0ae6b956]{padding:var(--spacing-lg)}.response-preview[data-v-0ae6b956]{line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:var(--text-sm)}.result-footer[data-v-0ae6b956]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.copy-btn[data-v-0ae6b956],.view-all-btn[data-v-0ae6b956]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--text-xs);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.copy-btn[data-v-0ae6b956]:hover,.view-all-btn[data-v-0ae6b956]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.view-all-btn[data-v-0ae6b956]{color:var(--color-primary);border-color:var(--color-primary)}.view-all-btn[data-v-0ae6b956]:hover{background:var(--color-primary);color:#fff}.input-section input[type=text][data-v-0ae6b956],.input-section input[type=search][data-v-0ae6b956],.input-section input[type=email][data-v-0ae6b956],.input-section input[type=password][data-v-0ae6b956],.input-section select[data-v-0ae6b956]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease}.input-section input[type=text][data-v-0ae6b956]:focus,.input-section input[type=search][data-v-0ae6b956]:focus,.input-section input[type=email][data-v-0ae6b956]:focus,.input-section input[type=password][data-v-0ae6b956]:focus,.input-section select[data-v-0ae6b956]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.input-section input[type=radio][data-v-0ae6b956],.input-section input[type=checkbox][data-v-0ae6b956]{accent-color:var(--color-primary)}.empty-state[data-v-0ae6b956]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;flex:1;min-height:0}.empty-icon[data-v-0ae6b956]{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-text h4[data-v-0ae6b956]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-text p[data-v-0ae6b956]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:400px}.page-footer[data-v-0ae6b956]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.page-footer .container[data-v-0ae6b956]{display:flex;justify-content:center}@media (max-width: 1024px){.main-content[data-v-0ae6b956]{padding:var(--spacing-2xl) var(--spacing-xl)}.content-layout[data-v-0ae6b956]{flex-direction:column;gap:var(--spacing-xl)}.input-section[data-v-0ae6b956]{flex:0 0 auto;height:fit-content;max-height:none}.results-section[data-v-0ae6b956]{flex:0 0 auto;min-height:400px}}@media (max-width: 768px){.page-header[data-v-0ae6b956]{padding:var(--spacing-lg) 0}.page-title[data-v-0ae6b956]{font-size:var(--text-2xl)}.main-content[data-v-0ae6b956]{padding:var(--spacing-lg) var(--spacing-sm)}.input-section[data-v-0ae6b956],.results-section[data-v-0ae6b956]{padding:var(--spacing-lg);min-height:300px}.action-buttons[data-v-0ae6b956]{flex-direction:column}.model-card[data-v-0ae6b956],.result-header[data-v-0ae6b956]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.full-content-modal-overlay[data-v-0ae6b956]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.full-content-modal[data-v-0ae6b956]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-0ae6b956]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-title[data-v-0ae6b956]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close-btn[data-v-0ae6b956]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.modal-close-btn[data-v-0ae6b956]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content[data-v-0ae6b956]{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.modal-footer[data-v-0ae6b956]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-close-footer-btn[data-v-0ae6b956]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.modal-close-footer-btn[data-v-0ae6b956]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.example-content[data-v-0ae6b956]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.example-description[data-v-0ae6b956]{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.example-description p[data-v-0ae6b956]{margin:0;color:var(--color-text-primary);line-height:var(--leading-relaxed)}.example-code[data-v-0ae6b956]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.code-header[data-v-0ae6b956]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.code-title[data-v-0ae6b956]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.code-block[data-v-0ae6b956]{margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.use-example-btn[data-v-0ae6b956]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.use-example-btn[data-v-0ae6b956]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.full-content-modal-overlay[data-v-0ae6b956]{padding:var(--spacing-md)}.full-content-modal[data-v-0ae6b956]{max-height:90vh}.modal-header[data-v-0ae6b956],.modal-content[data-v-0ae6b956],.modal-footer[data-v-0ae6b956]{padding:var(--spacing-md)}.modal-footer[data-v-0ae6b956]{flex-direction:column;gap:var(--spacing-sm)}.modal-close-footer-btn[data-v-0ae6b956]{width:100%;justify-content:center}}.compact-markdown-content[data-v-3346f720]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:15px;line-height:1.1;color:#333;word-wrap:break-word}.compact-markdown-content[data-v-3346f720]{line-height:1}.compact-markdown-content[data-v-3346f720] h1,.compact-markdown-content[data-v-3346f720] h2,.compact-markdown-content[data-v-3346f720] h3,.compact-markdown-content[data-v-3346f720] h4,.compact-markdown-content[data-v-3346f720] h5,.compact-markdown-content[data-v-3346f720] h6{margin-top:2px;margin-bottom:3px;font-weight:600;line-height:1;color:#1a1a1a}.compact-markdown-content[data-v-3346f720] h1{font-size:2em;padding-bottom:0;border-bottom:1px solid #eaecef}.compact-markdown-content[data-v-3346f720] h2{font-size:1.5em;padding-bottom:0;border-bottom:1px solid #eaecef}.compact-markdown-content[data-v-3346f720] h3{font-size:1.25em}.compact-markdown-content[data-v-3346f720] h4{font-size:1em}.compact-markdown-content[data-v-3346f720] h5{font-size:.875em}.compact-markdown-content[data-v-3346f720] h6{font-size:.85em;color:#6a737d}.compact-markdown-content[data-v-3346f720] p{margin-top:0;margin-bottom:1px;line-height:1.2}.compact-markdown-content[data-v-3346f720] a{color:#0366d6;text-decoration:none}.compact-markdown-content[data-v-3346f720] a:hover{text-decoration:underline}.compact-markdown-content[data-v-3346f720] code{padding:.2em .4em;margin:0;font-size:85%;background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.compact-markdown-content[data-v-3346f720] pre{padding:12px;overflow:auto;font-size:85%;line-height:1.1;background-color:#f6f8fa;border-radius:6px;margin-top:0;margin-bottom:2px}.compact-markdown-content[data-v-3346f720] pre code{padding:0;margin:0;font-size:100%;background:transparent;border:0}.compact-markdown-content[data-v-3346f720] blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5;margin:0 0 2px;line-height:1}.compact-markdown-content[data-v-3346f720] blockquote p{margin:0;line-height:1}.compact-markdown-content[data-v-3346f720] ul,.compact-markdown-content[data-v-3346f720] ol{padding-left:1.2em;margin-top:0;margin-bottom:1px;line-height:1}.compact-markdown-content[data-v-3346f720] ul ul,.compact-markdown-content[data-v-3346f720] ul ol,.compact-markdown-content[data-v-3346f720] ol ol,.compact-markdown-content[data-v-3346f720] ol ul{margin-top:0;margin-bottom:1px;padding-left:1em;line-height:1}.compact-markdown-content[data-v-3346f720] li{word-wrap:break-all;margin-bottom:0;line-height:1;margin-top:0;padding-top:0;padding-bottom:0}.compact-markdown-content[data-v-3346f720] li>p{margin-top:0;margin-bottom:0;line-height:1.1}.compact-markdown-content[data-v-3346f720] li+li{margin-top:0}.compact-markdown-content[data-v-3346f720] ul+p,.compact-markdown-content[data-v-3346f720] ol+p{margin-top:0;line-height:1.2}.compact-markdown-content[data-v-3346f720] ul+h1,.compact-markdown-content[data-v-3346f720] ul+h2,.compact-markdown-content[data-v-3346f720] ul+h3,.compact-markdown-content[data-v-3346f720] ul+h4,.compact-markdown-content[data-v-3346f720] ul+h5,.compact-markdown-content[data-v-3346f720] ul+h6,.compact-markdown-content[data-v-3346f720] ol+h1,.compact-markdown-content[data-v-3346f720] ol+h2,.compact-markdown-content[data-v-3346f720] ol+h3,.compact-markdown-content[data-v-3346f720] ol+h4,.compact-markdown-content[data-v-3346f720] ol+h5,.compact-markdown-content[data-v-3346f720] ol+h6{margin-top:1px;line-height:1}.compact-markdown-content[data-v-3346f720] li:not(:last-child){margin-bottom:0}.compact-markdown-content[data-v-3346f720] li:first-child{margin-top:0}.compact-markdown-content[data-v-3346f720] table{display:block;width:100%;overflow:auto;border-spacing:0;border-collapse:collapse;margin-top:0;margin-bottom:6px}.compact-markdown-content[data-v-3346f720] table th{font-weight:600}.compact-markdown-content[data-v-3346f720] table th,.compact-markdown-content[data-v-3346f720] table td{padding:6px 13px;border:1px solid #dfe2e5}.compact-markdown-content[data-v-3346f720] table tr{background-color:#fff;border-top:1px solid #c6cbd1}.compact-markdown-content[data-v-3346f720] table tr:nth-child(2n){background-color:#f6f8fa}.compact-markdown-content[data-v-3346f720] hr{height:.1em;padding:0;margin:0;background-color:#e1e4e8;border:0}.compact-markdown-content[data-v-3346f720] img{max-width:100%;box-sizing:content-box;background-color:#fff}.compact-markdown-content[data-v-3346f720] :not(pre)>code{padding:.2em .4em;margin:0;font-size:85%;background-color:#1b1f230d;border-radius:3px}.compact-markdown-content[data-v-3346f720] .typing-cursor{color:var(--color-primary);font-weight:700;animation:blink-3346f720 1s infinite;display:inline}@keyframes blink-3346f720{0%,50%{opacity:1}51%,to{opacity:0}}.hot-note-page[data-v-94d71680]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.page-header[data-v-94d71680]{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light)}.header-content[data-v-94d71680]{display:flex;justify-content:center;align-items:center}.back-btn[data-v-94d71680]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-94d71680]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.header-info[data-v-94d71680]{text-align:center}.page-title[data-v-94d71680]{font-size:32px;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.page-subtitle[data-v-94d71680]{font-size:15px;opacity:.7;font-weight:300}.main-content[data-v-94d71680]{padding:var(--spacing-3xl) var(--spacing-3xl);min-height:calc(100vh - 200px)}.content-layout[data-v-94d71680]{display:flex;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;align-items:stretch}.input-section[data-v-94d71680],.results-section[data-v-94d71680]{flex:1;min-width:0;display:flex;flex-direction:column}.prompt-textarea[data-v-94d71680],.model-card[data-v-94d71680],.result-card[data-v-94d71680],.processing-card[data-v-94d71680],.streaming-card[data-v-94d71680],.response-text[data-v-94d71680],.result-container[data-v-94d71680],.empty-state[data-v-94d71680],.processing-indicator[data-v-94d71680]{width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0}.input-section[data-v-94d71680]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);height:fit-content;max-height:80vh;overflow-y:auto;max-width:720px}.input-group[data-v-94d71680]{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box}.input-label[data-v-94d71680]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);pointer-events:none}.example-btn[data-v-94d71680]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;margin-left:auto;flex-shrink:0;position:relative;pointer-events:auto}.example-btn[data-v-94d71680]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.example-btn[data-v-94d71680]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.textarea-wrapper[data-v-94d71680]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.prompt-textarea[data-v-94d71680]{width:100%!important;max-width:100%!important;min-width:100%!important;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease;background:#fff;box-sizing:border-box!important}.prompt-textarea[data-v-94d71680]:focus{outline:none;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.user-textarea[data-v-94d71680]{border-color:var(--color-primary)}.char-count[data-v-94d71680]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.model-selector[data-v-94d71680]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.model-options[data-v-94d71680]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.model-option[data-v-94d71680]{cursor:pointer}.model-radio[data-v-94d71680]{display:none}.model-card[data-v-94d71680]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.model-option.active .model-card[data-v-94d71680]{border-color:var(--color-primary);background:#2386360d}.model-option.active .model-card[data-v-94d71680]:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.model-card[data-v-94d71680]:hover{border-color:var(--color-border-medium)}.model-icon[data-v-94d71680]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.model-info[data-v-94d71680]{flex:1}.model-name[data-v-94d71680]{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.model-desc[data-v-94d71680]{font-size:var(--text-sm);color:var(--color-text-secondary)}.model-status[data-v-94d71680]{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-medium)}.model-status.online[data-v-94d71680]{color:#059669}.status-dot[data-v-94d71680]{width:8px;height:8px;border-radius:50%;background:currentColor}.action-buttons[data-v-94d71680]{display:flex;gap:var(--spacing-md)}.btn[data-v-94d71680]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn[data-v-94d71680]:focus-visible{outline:none;box-shadow:0 0 0 3px #2386362e}.btn-primary[data-v-94d71680]{background:var(--color-primary);color:#fff;flex:1}.btn-primary[data-v-94d71680]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary[data-v-94d71680]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-94d71680]{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary[data-v-94d71680]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.loading-icon[data-v-94d71680]{animation:spin-94d71680 1s linear infinite}@keyframes spin-94d71680{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section[data-v-94d71680]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.results-header[data-v-94d71680]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex:0 0 auto}.results-title[data-v-94d71680]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.result-container[data-v-94d71680]{flex:1;min-height:0}.result-card[data-v-94d71680]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important;min-width:0!important}.result-card[data-v-94d71680]:hover{box-shadow:var(--shadow-md)}.processing-card[data-v-94d71680]{opacity:.8;border-style:dashed;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.streaming-card[data-v-94d71680]{border-color:var(--color-border-light);border-width:1px;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.processing-indicator[data-v-94d71680]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-94d71680]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-94d71680 1s linear infinite;margin-bottom:var(--spacing-md)}.processing-indicator p[data-v-94d71680]{color:var(--color-text-secondary);margin:0}.metric.processing[data-v-94d71680]{color:var(--color-primary);font-weight:var(--font-semibold);animation:pulse-94d71680 1.5s ease-in-out infinite}.metric.response-time[data-v-94d71680]{color:var(--color-text-secondary);font-weight:var(--font-medium);background:var(--color-bg-primary);border:1px solid var(--color-border-light);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs)}@keyframes pulse-94d71680{0%,to{opacity:1}50%{opacity:.6}}.metric[data-v-94d71680]{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.result-content[data-v-94d71680]{padding:var(--spacing-lg)}.response-preview[data-v-94d71680]{line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:var(--text-sm)}.response-preview.streaming[data-v-94d71680]{position:relative}.response-preview[data-v-94d71680] .typing-cursor{color:var(--color-primary);font-weight:700;animation:blink-94d71680 1s infinite;display:inline}@keyframes blink-94d71680{0%,50%{opacity:1}51%,to{opacity:0}}.result-footer[data-v-94d71680]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.copy-btn[data-v-94d71680]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--text-xs);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.copy-btn[data-v-94d71680]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.empty-state[data-v-94d71680]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;flex:1;min-height:0}.empty-icon[data-v-94d71680]{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-text h4[data-v-94d71680]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-text p[data-v-94d71680]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:400px}.page-footer[data-v-94d71680]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.page-footer .container[data-v-94d71680]{display:flex;justify-content:center}.input-section input[type=text][data-v-94d71680],.input-section input[type=search][data-v-94d71680],.input-section input[type=email][data-v-94d71680],.input-section input[type=password][data-v-94d71680],.input-section select[data-v-94d71680]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease}.input-section input[type=text][data-v-94d71680]:focus,.input-section input[type=search][data-v-94d71680]:focus,.input-section input[type=email][data-v-94d71680]:focus,.input-section input[type=password][data-v-94d71680]:focus,.input-section select[data-v-94d71680]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.input-section input[type=radio][data-v-94d71680],.input-section input[type=checkbox][data-v-94d71680]{accent-color:var(--color-primary)}@media (max-width: 1024px){.main-content[data-v-94d71680]{padding:var(--spacing-2xl) var(--spacing-xl)}.content-layout[data-v-94d71680]{flex-direction:column;gap:var(--spacing-xl)}.input-section[data-v-94d71680]{flex:0 0 auto;height:fit-content;max-height:none}.results-section[data-v-94d71680]{flex:0 0 auto;min-height:400px}}@media (max-width: 768px){.page-header[data-v-94d71680]{padding:var(--spacing-lg) 0}.page-title[data-v-94d71680]{font-size:var(--text-2xl)}.main-content[data-v-94d71680]{padding:var(--spacing-lg) var(--spacing-sm)}.input-section[data-v-94d71680],.results-section[data-v-94d71680]{padding:var(--spacing-lg);min-height:300px}.action-buttons[data-v-94d71680]{flex-direction:column}.model-card[data-v-94d71680]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.full-content-modal-overlay[data-v-94d71680]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.full-content-modal[data-v-94d71680]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-94d71680]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-title[data-v-94d71680]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close-btn[data-v-94d71680]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.modal-close-btn[data-v-94d71680]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content[data-v-94d71680]{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.modal-footer[data-v-94d71680]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-close-footer-btn[data-v-94d71680]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.modal-close-footer-btn[data-v-94d71680]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.example-content[data-v-94d71680]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.example-description[data-v-94d71680]{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.example-description p[data-v-94d71680]{margin:0;color:var(--color-text-primary);line-height:var(--leading-relaxed)}.example-code[data-v-94d71680]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.code-header[data-v-94d71680]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.code-title[data-v-94d71680]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.code-block[data-v-94d71680]{margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.use-example-btn[data-v-94d71680]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.use-example-btn[data-v-94d71680]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.full-content-modal-overlay[data-v-94d71680]{padding:var(--spacing-md)}.full-content-modal[data-v-94d71680]{max-height:90vh}.modal-header[data-v-94d71680],.modal-content[data-v-94d71680],.modal-footer[data-v-94d71680]{padding:var(--spacing-md)}.modal-footer[data-v-94d71680]{flex-direction:column;gap:var(--spacing-sm)}.modal-close-footer-btn[data-v-94d71680],.use-example-btn[data-v-94d71680]{width:100%;justify-content:center}}.roll-report-page[data-v-f4a152f2]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.page-header[data-v-f4a152f2]{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light)}.header-content[data-v-f4a152f2]{display:flex;justify-content:center;align-items:center}.back-btn[data-v-f4a152f2]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-f4a152f2]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.header-info[data-v-f4a152f2]{text-align:center}.page-title[data-v-f4a152f2]{font-size:32px;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.page-subtitle[data-v-f4a152f2]{font-size:15px;opacity:.7;font-weight:300}.main-content[data-v-f4a152f2]{padding:var(--spacing-3xl) var(--spacing-3xl);min-height:calc(100vh - 200px)}.content-layout[data-v-f4a152f2]{display:flex;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;align-items:stretch}.input-section[data-v-f4a152f2],.results-section[data-v-f4a152f2]{flex:1;min-width:0;display:flex;flex-direction:column}.prompt-textarea[data-v-f4a152f2],.model-card[data-v-f4a152f2],.result-card[data-v-f4a152f2],.processing-card[data-v-f4a152f2],.streaming-card[data-v-f4a152f2],.response-text[data-v-f4a152f2],.result-container[data-v-f4a152f2],.empty-state[data-v-f4a152f2],.processing-indicator[data-v-f4a152f2]{width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0}.input-section[data-v-f4a152f2]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);height:fit-content;max-height:80vh;overflow-y:auto;max-width:720px}.input-group[data-v-f4a152f2]{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box}.input-label[data-v-f4a152f2]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);pointer-events:none}.example-btn[data-v-f4a152f2]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;margin-left:auto;flex-shrink:0;position:relative;pointer-events:auto}.example-btn[data-v-f4a152f2]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.example-btn[data-v-f4a152f2]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.textarea-wrapper[data-v-f4a152f2]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.prompt-textarea[data-v-f4a152f2]{width:100%!important;max-width:100%!important;min-width:100%!important;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease;background:#fff;box-sizing:border-box!important}.prompt-textarea[data-v-f4a152f2]:focus{outline:none;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.user-textarea[data-v-f4a152f2]{border-color:var(--color-primary)}.char-count[data-v-f4a152f2]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.model-selector[data-v-f4a152f2]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.model-options[data-v-f4a152f2]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.model-option[data-v-f4a152f2]{cursor:pointer}.model-radio[data-v-f4a152f2]{display:none}.model-card[data-v-f4a152f2]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.model-option.active .model-card[data-v-f4a152f2]{border-color:var(--color-primary);background:#2386360d}.model-option.active .model-card[data-v-f4a152f2]:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.model-card[data-v-f4a152f2]:hover{border-color:var(--color-border-medium)}.model-icon[data-v-f4a152f2]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.model-info[data-v-f4a152f2]{flex:1}.model-name[data-v-f4a152f2]{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.model-desc[data-v-f4a152f2]{font-size:var(--text-sm);color:var(--color-text-secondary)}.action-buttons[data-v-f4a152f2]{display:flex;gap:var(--spacing-md)}.btn[data-v-f4a152f2]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn[data-v-f4a152f2]:focus-visible{outline:none;box-shadow:0 0 0 3px #2386362e}.btn-primary[data-v-f4a152f2]{background:var(--color-primary);color:#fff;flex:1}.btn-primary[data-v-f4a152f2]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary[data-v-f4a152f2]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-f4a152f2]{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary[data-v-f4a152f2]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.loading-icon[data-v-f4a152f2]{animation:spin-f4a152f2 1s linear infinite}@keyframes spin-f4a152f2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section[data-v-f4a152f2]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.results-header[data-v-f4a152f2]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex:0 0 auto}.results-title[data-v-f4a152f2]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.result-container[data-v-f4a152f2]{flex:1;min-height:0}.result-card[data-v-f4a152f2]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important;min-width:0!important}.result-card[data-v-f4a152f2]:hover{box-shadow:var(--shadow-md)}.processing-card[data-v-f4a152f2]{opacity:.8;border-style:dashed;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.streaming-card[data-v-f4a152f2]{border-color:var(--color-border-light);border-width:1px;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.processing-indicator[data-v-f4a152f2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-f4a152f2]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-f4a152f2 1s linear infinite;margin-bottom:var(--spacing-md)}.processing-indicator p[data-v-f4a152f2]{color:var(--color-text-secondary);margin:0}.result-content[data-v-f4a152f2]{padding:var(--spacing-lg)}.response-preview[data-v-f4a152f2]{line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:var(--text-sm)}.response-preview.streaming[data-v-f4a152f2]{position:relative}.response-preview[data-v-f4a152f2] .typing-cursor{color:var(--color-primary);font-weight:700;animation:blink-f4a152f2 1s infinite;display:inline}@keyframes blink-f4a152f2{0%,50%{opacity:1}51%,to{opacity:0}}.result-footer[data-v-f4a152f2]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.copy-btn[data-v-f4a152f2]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--text-xs);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.copy-btn[data-v-f4a152f2]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.empty-state[data-v-f4a152f2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;flex:1;min-height:0}.empty-icon[data-v-f4a152f2]{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-text h4[data-v-f4a152f2]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-text p[data-v-f4a152f2]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:400px}.page-footer[data-v-f4a152f2]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.page-footer .container[data-v-f4a152f2]{display:flex;justify-content:center}.input-section input[type=text][data-v-f4a152f2],.input-section input[type=search][data-v-f4a152f2],.input-section input[type=email][data-v-f4a152f2],.input-section input[type=password][data-v-f4a152f2],.input-section select[data-v-f4a152f2]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease}.input-section input[type=text][data-v-f4a152f2]:focus,.input-section input[type=search][data-v-f4a152f2]:focus,.input-section input[type=email][data-v-f4a152f2]:focus,.input-section input[type=password][data-v-f4a152f2]:focus,.input-section select[data-v-f4a152f2]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.input-section input[type=radio][data-v-f4a152f2],.input-section input[type=checkbox][data-v-f4a152f2]{accent-color:var(--color-primary)}@media (max-width: 1024px){.main-content[data-v-f4a152f2]{padding:var(--spacing-2xl) var(--spacing-xl)}.content-layout[data-v-f4a152f2]{flex-direction:column;gap:var(--spacing-xl)}.input-section[data-v-f4a152f2]{flex:0 0 auto;height:fit-content;max-height:none}.results-section[data-v-f4a152f2]{flex:0 0 auto;min-height:400px}}@media (max-width: 768px){.page-header[data-v-f4a152f2]{padding:var(--spacing-lg) 0}.page-title[data-v-f4a152f2]{font-size:var(--text-2xl)}.main-content[data-v-f4a152f2]{padding:var(--spacing-lg) var(--spacing-sm)}.input-section[data-v-f4a152f2],.results-section[data-v-f4a152f2]{padding:var(--spacing-lg);min-height:300px}.action-buttons[data-v-f4a152f2]{flex-direction:column}.model-card[data-v-f4a152f2]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.full-content-modal-overlay[data-v-f4a152f2]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.full-content-modal[data-v-f4a152f2]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-f4a152f2]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-title[data-v-f4a152f2]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close-btn[data-v-f4a152f2]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.modal-close-btn[data-v-f4a152f2]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content[data-v-f4a152f2]{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.modal-footer[data-v-f4a152f2]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-close-footer-btn[data-v-f4a152f2]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.modal-close-footer-btn[data-v-f4a152f2]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.example-content[data-v-f4a152f2]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.example-description[data-v-f4a152f2]{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.example-description p[data-v-f4a152f2]{margin:0;color:var(--color-text-primary);line-height:var(--leading-relaxed)}.example-code[data-v-f4a152f2]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.code-header[data-v-f4a152f2]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.code-title[data-v-f4a152f2]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.code-block[data-v-f4a152f2]{margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.use-example-btn[data-v-f4a152f2]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.use-example-btn[data-v-f4a152f2]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.full-content-modal-overlay[data-v-f4a152f2]{padding:var(--spacing-md)}.full-content-modal[data-v-f4a152f2]{max-height:90vh}.modal-header[data-v-f4a152f2],.modal-content[data-v-f4a152f2],.modal-footer[data-v-f4a152f2]{padding:var(--spacing-md)}.modal-footer[data-v-f4a152f2]{flex-direction:column;gap:var(--spacing-sm)}.modal-close-footer-btn[data-v-f4a152f2],.use-example-btn[data-v-f4a152f2]{width:100%;justify-content:center}}.ask-reply-page[data-v-eeab1581]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.page-header[data-v-eeab1581]{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light)}.header-content[data-v-eeab1581]{display:flex;justify-content:center;align-items:center}.back-btn[data-v-eeab1581]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-eeab1581]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.header-info[data-v-eeab1581]{text-align:center}.page-title[data-v-eeab1581]{font-size:32px;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.page-subtitle[data-v-eeab1581]{font-size:15px;opacity:.7;font-weight:300}.main-content[data-v-eeab1581]{padding:var(--spacing-3xl) var(--spacing-3xl);min-height:calc(100vh - 200px)}.content-layout[data-v-eeab1581]{display:flex;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;align-items:stretch}.input-section[data-v-eeab1581],.results-section[data-v-eeab1581]{flex:1;min-width:0;display:flex;flex-direction:column}.prompt-textarea[data-v-eeab1581],.model-card[data-v-eeab1581],.result-card[data-v-eeab1581],.processing-card[data-v-eeab1581],.streaming-card[data-v-eeab1581],.response-text[data-v-eeab1581],.result-container[data-v-eeab1581],.empty-state[data-v-eeab1581],.processing-indicator[data-v-eeab1581]{width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0}.input-section[data-v-eeab1581]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);height:fit-content;max-height:80vh;overflow-y:auto;max-width:720px}.input-group[data-v-eeab1581]{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box}.input-label[data-v-eeab1581]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);pointer-events:none}.example-btn[data-v-eeab1581]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;margin-left:auto;flex-shrink:0;position:relative;pointer-events:auto}.example-btn[data-v-eeab1581]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.example-btn[data-v-eeab1581]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-sm)}.textarea-wrapper[data-v-eeab1581]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.prompt-textarea[data-v-eeab1581]{width:100%!important;max-width:100%!important;min-width:100%!important;padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;transition:all .2s ease;background:#fff;box-sizing:border-box!important}.prompt-textarea[data-v-eeab1581]:focus{outline:none;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.user-textarea[data-v-eeab1581]{border-color:var(--color-primary)}.char-count[data-v-eeab1581]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm)}.model-selector[data-v-eeab1581]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.model-options[data-v-eeab1581]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.model-option[data-v-eeab1581]{cursor:pointer}.model-radio[data-v-eeab1581]{display:none}.model-card[data-v-eeab1581]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.model-option.active .model-card[data-v-eeab1581]{border-color:var(--color-primary);background:#2386360d}.model-option.active .model-card[data-v-eeab1581]:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.model-card[data-v-eeab1581]:hover{border-color:var(--color-border-medium)}.model-icon[data-v-eeab1581]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.model-info[data-v-eeab1581]{flex:1}.model-name[data-v-eeab1581]{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.model-desc[data-v-eeab1581]{font-size:var(--text-sm);color:var(--color-text-secondary)}.action-buttons[data-v-eeab1581]{display:flex;gap:var(--spacing-md)}.btn[data-v-eeab1581]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn[data-v-eeab1581]:focus-visible{outline:none;box-shadow:0 0 0 3px #2386362e}.btn-primary[data-v-eeab1581]{background:var(--color-primary);color:#fff;flex:1}.btn-primary[data-v-eeab1581]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary[data-v-eeab1581]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-eeab1581]{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.btn-secondary[data-v-eeab1581]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.loading-icon[data-v-eeab1581]{animation:spin-eeab1581 1s linear infinite}@keyframes spin-eeab1581{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section[data-v-eeab1581]{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.results-header[data-v-eeab1581]{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex:0 0 auto}.results-title[data-v-eeab1581]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.result-container[data-v-eeab1581]{flex:1;min-height:0}.result-card[data-v-eeab1581]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important;min-width:0!important}.result-card[data-v-eeab1581]:hover{box-shadow:var(--shadow-md)}.processing-card[data-v-eeab1581]{opacity:.8;border-style:dashed;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.streaming-card[data-v-eeab1581]{border-color:var(--color-border-light);border-width:1px;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.processing-indicator[data-v-eeab1581]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-eeab1581]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-eeab1581 1s linear infinite;margin-bottom:var(--spacing-md)}.processing-indicator p[data-v-eeab1581]{color:var(--color-text-secondary);margin:0}.result-content[data-v-eeab1581]{padding:var(--spacing-lg)}.response-preview[data-v-eeab1581]{line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:var(--text-sm)}.response-preview.streaming[data-v-eeab1581]{position:relative}.response-preview[data-v-eeab1581] .typing-cursor{color:var(--color-primary);font-weight:700;animation:blink-eeab1581 1s infinite;display:inline}@keyframes blink-eeab1581{0%,50%{opacity:1}51%,to{opacity:0}}.result-footer[data-v-eeab1581]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.copy-btn[data-v-eeab1581]{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--text-xs);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.copy-btn[data-v-eeab1581]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.empty-state[data-v-eeab1581]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;flex:1;min-height:0}.empty-icon[data-v-eeab1581]{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-text h4[data-v-eeab1581]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-text p[data-v-eeab1581]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:400px}.page-footer[data-v-eeab1581]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;margin-top:var(--spacing-2xl)}.page-footer .container[data-v-eeab1581]{display:flex;justify-content:center}.input-section input[type=text][data-v-eeab1581],.input-section input[type=search][data-v-eeab1581],.input-section input[type=email][data-v-eeab1581],.input-section input[type=password][data-v-eeab1581],.input-section select[data-v-eeab1581]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease}.input-section input[type=text][data-v-eeab1581]:focus,.input-section input[type=search][data-v-eeab1581]:focus,.input-section input[type=email][data-v-eeab1581]:focus,.input-section input[type=password][data-v-eeab1581]:focus,.input-section select[data-v-eeab1581]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2386361a}.input-section input[type=radio][data-v-eeab1581],.input-section input[type=checkbox][data-v-eeab1581]{accent-color:var(--color-primary)}@media (max-width: 1024px){.main-content[data-v-eeab1581]{padding:var(--spacing-2xl) var(--spacing-xl)}.content-layout[data-v-eeab1581]{flex-direction:column;gap:var(--spacing-xl)}.input-section[data-v-eeab1581]{flex:0 0 auto;height:fit-content;max-height:none}.results-section[data-v-eeab1581]{flex:0 0 auto;min-height:400px}}@media (max-width: 768px){.page-header[data-v-eeab1581]{padding:var(--spacing-lg) 0}.page-title[data-v-eeab1581]{font-size:var(--text-2xl)}.main-content[data-v-eeab1581]{padding:var(--spacing-lg) var(--spacing-sm)}.input-section[data-v-eeab1581],.results-section[data-v-eeab1581]{padding:var(--spacing-lg);min-height:300px}.action-buttons[data-v-eeab1581]{flex-direction:column}.model-card[data-v-eeab1581]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.full-content-modal-overlay[data-v-eeab1581]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.full-content-modal[data-v-eeab1581]{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-eeab1581]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-title[data-v-eeab1581]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close-btn[data-v-eeab1581]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.modal-close-btn[data-v-eeab1581]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content[data-v-eeab1581]{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.modal-footer[data-v-eeab1581]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-close-footer-btn[data-v-eeab1581]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.modal-close-footer-btn[data-v-eeab1581]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.example-content[data-v-eeab1581]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.example-description[data-v-eeab1581]{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.example-description p[data-v-eeab1581]{margin:0;color:var(--color-text-primary);line-height:var(--leading-relaxed)}.example-code[data-v-eeab1581]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.code-header[data-v-eeab1581]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.code-title[data-v-eeab1581]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.code-block[data-v-eeab1581]{margin:0;padding:var(--spacing-md);background:var(--color-bg-primary);overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.use-example-btn[data-v-eeab1581]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.use-example-btn[data-v-eeab1581]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.full-content-modal-overlay[data-v-eeab1581]{padding:var(--spacing-md)}.full-content-modal[data-v-eeab1581]{max-height:90vh}.modal-header[data-v-eeab1581],.modal-content[data-v-eeab1581],.modal-footer[data-v-eeab1581]{padding:var(--spacing-md)}.modal-footer[data-v-eeab1581]{flex-direction:column;gap:var(--spacing-sm)}.modal-close-footer-btn[data-v-eeab1581],.use-example-btn[data-v-eeab1581]{width:100%;justify-content:center}}.ai-agent-page[data-v-7d4aca7f]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-content[data-v-7d4aca7f]{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 24px 120px;min-height:calc(100vh - 100px)}.content-container[data-v-7d4aca7f]{width:100%;max-width:900px;text-align:center}.welcome-section[data-v-7d4aca7f]{margin-bottom:40px}.welcome-title[data-v-7d4aca7f]{font-size:36px;font-weight:400;color:#2c3e50;margin:0 0 8px;line-height:1.3;letter-spacing:-.5px}.welcome-subtitle[data-v-7d4aca7f]{font-size:24px;color:#5a6c7d;margin:0;font-weight:300;letter-spacing:-.3px}.input-section[data-v-7d4aca7f]{margin-bottom:32px}.input-container[data-v-7d4aca7f]{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px 12px;box-shadow:0 2px 12px #00000014;transition:all .2s ease}.input-container[data-v-7d4aca7f]:focus-within{border-color:#9ca3af;box-shadow:0 4px 16px #0000001f}.input-left[data-v-7d4aca7f]{display:flex;align-items:center;gap:4px;padding-right:8px}.icon-btn[data-v-7d4aca7f]{width:36px;height:36px;background:none;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;padding:0}.icon-btn[data-v-7d4aca7f]:hover{background:#f3f4f6;color:#374151}.add-btn[data-v-7d4aca7f]{background:#f9fafb;border:1px solid #e5e7eb}.add-btn[data-v-7d4aca7f]:hover{background:#f3f4f6}.main-input[data-v-7d4aca7f]{flex:1;border:none;outline:none;padding:12px 8px;font-size:15px;background:transparent;color:#1f2937;min-width:0}.main-input[data-v-7d4aca7f]::placeholder{color:#9ca3af}.input-right[data-v-7d4aca7f]{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid #e5e7eb;margin-left:8px}.speed-select[data-v-7d4aca7f]{display:flex;align-items:center;gap:4px;border:none;background:none;padding:6px 8px;border-radius:6px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.speed-select[data-v-7d4aca7f]:hover{background:#f3f4f6}.speed-select svg[data-v-7d4aca7f]{color:#9ca3af}.mic-btn[data-v-7d4aca7f]{color:#6b7280}.function-options[data-v-7d4aca7f]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.function-btn[data-v-7d4aca7f]{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 16px;cursor:pointer;transition:all .2s;font-size:14px;color:#374151;box-shadow:0 1px 3px #0000000d}.function-btn[data-v-7d4aca7f]:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 6px #00000014}.function-btn svg[data-v-7d4aca7f]{color:#6b7280;flex-shrink:0}.function-btn span[data-v-7d4aca7f]{font-size:14px;font-weight:400;color:#374151}.page-footer[data-v-7d4aca7f]{background:transparent;padding:20px 0;margin-top:20px}.page-footer .container[data-v-7d4aca7f]{display:flex;justify-content:center}.back-btn[data-v-7d4aca7f]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.back-btn[data-v-7d4aca7f]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.welcome-title[data-v-7d4aca7f]{font-size:28px}.welcome-subtitle[data-v-7d4aca7f]{font-size:20px}.input-container[data-v-7d4aca7f]{flex-wrap:wrap}.input-left[data-v-7d4aca7f]{order:1;flex:1;padding-right:0}.main-input[data-v-7d4aca7f]{order:3;width:100%;flex-basis:100%;padding:8px 0}.input-right[data-v-7d4aca7f]{order:2;padding-left:0;border-left:none;margin-left:0}.function-options[data-v-7d4aca7f]{gap:8px}.function-btn[data-v-7d4aca7f]{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.main-content[data-v-7d4aca7f]{padding:60px 16px 100px;min-height:calc(100vh - 80px)}.welcome-title[data-v-7d4aca7f]{font-size:24px}.welcome-subtitle[data-v-7d4aca7f]{font-size:18px}.icon-btn[data-v-7d4aca7f]{width:32px;height:32px}.function-btn[data-v-7d4aca7f]{padding:6px 10px;font-size:12px}.function-btn svg[data-v-7d4aca7f]{width:16px;height:16px}}.resume-optimizer-page[data-v-d5a37743]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.chat-container[data-v-d5a37743]{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-wrapper[data-v-d5a37743]{flex:1;overflow-y:auto;padding:60px 24px 80px}.messages-content[data-v-d5a37743]{max-width:900px;margin:0 auto}.welcome-message[data-v-d5a37743]{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center}.welcome-icon[data-v-d5a37743]{font-size:64px;margin-bottom:24px}.welcome-message h2[data-v-d5a37743]{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:12px}.welcome-message p[data-v-d5a37743]{font-size:16px;color:#6b7280;margin-bottom:20px}.feature-list[data-v-d5a37743]{list-style:none;padding:0;margin:32px 0;text-align:left;display:inline-block}.feature-list li[data-v-d5a37743]{font-size:15px;color:#374151;padding:8px 0;display:flex;align-items:center;gap:12px}.feature-icon[data-v-d5a37743]{flex-shrink:0;color:var(--color-secondary)}.upload-trigger-btn[data-v-d5a37743]{padding:14px 32px;background:var(--color-secondary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #0969da4d}.upload-trigger-btn[data-v-d5a37743]:hover{background:#0860ca;transform:translateY(-2px);box-shadow:0 6px 20px #0969da66}.message-item[data-v-d5a37743]{display:flex;gap:12px;margin-bottom:24px;align-items:flex-start}.message-item.user[data-v-d5a37743]{flex-direction:row-reverse}.message-avatar[data-v-d5a37743]{flex-shrink:0}.avatar[data-v-d5a37743]{width:36px;height:36px;border-radius:50%;object-fit:cover}.ai-avatar[data-v-d5a37743]{border-radius:8px}.message-content[data-v-d5a37743]{flex:1;max-width:70%}.message-item:has(.templates-message) .message-content[data-v-d5a37743]{max-width:95%}.message-item.user .message-content[data-v-d5a37743]{display:flex;flex-direction:column;align-items:flex-end}.message-bubble[data-v-d5a37743]{background:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 2px 8px #00000014}.message-bubble.error[data-v-d5a37743]{background:#fef2f2;border:1px solid #fecaca;box-shadow:0 2px 8px #ef444426}.message-bubble.error .message-text[data-v-d5a37743]{color:#991b1b}.message-bubble.info .message-text[data-v-d5a37743]{color:#9ca3af}.templates-message[data-v-d5a37743]{padding:6px}.message-item.user .message-bubble[data-v-d5a37743]{background:#f3f4f6;color:#374151}.message-text[data-v-d5a37743]{font-size:15px;line-height:1.6;color:#374151}.message-time[data-v-d5a37743]{font-size:12px;color:#9ca3af;margin-top:4px;padding:0 6px}.file-message[data-v-d5a37743]{display:flex;align-items:center;gap:12px;padding:4px}.file-icon[data-v-d5a37743]{font-size:32px}.file-info[data-v-d5a37743]{flex:1}.file-name[data-v-d5a37743]{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.file-size[data-v-d5a37743]{font-size:12px;color:#9ca3af}.templates-message[data-v-d5a37743]{width:100%;max-width:100%}.templates-grid[data-v-d5a37743]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px}.template-card[data-v-d5a37743]{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.template-card[data-v-d5a37743]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.template-card.selected[data-v-d5a37743]{border-color:#667eea;box-shadow:0 0 0 4px #677eea33}.template-preview[data-v-d5a37743]{height:280px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:16px}.preview-classic[data-v-d5a37743]{width:100%;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-header[data-v-d5a37743]{text-align:center;margin-bottom:12px}.preview-name[data-v-d5a37743]{font-size:18px;font-weight:700;margin-bottom:4px}.preview-title[data-v-d5a37743]{font-size:12px;color:#666}.preview-line[data-v-d5a37743]{height:2px;background:#333;margin:12px 0}.preview-section[data-v-d5a37743]{margin-top:12px}.preview-section-title[data-v-d5a37743]{font-size:13px;font-weight:700;margin-bottom:8px;text-decoration:underline}.preview-content-line[data-v-d5a37743]{height:6px;background:#ddd;margin-bottom:6px;border-radius:3px}.preview-content-line.short[data-v-d5a37743]{width:60%}.preview-modern[data-v-d5a37743]{width:100%}.preview-header-modern[data-v-d5a37743]{background:#4a90e2;color:#fff;padding:12px;border-radius:8px;text-align:center;margin-bottom:8px}.preview-card[data-v-d5a37743]{background:#f0f8ff;padding:8px;border-radius:8px;margin-bottom:6px}.preview-creative[data-v-d5a37743]{display:flex;width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-sidebar[data-v-d5a37743]{width:35%;background:#2c3e50;color:#fff;padding:12px}.preview-name.small[data-v-d5a37743]{font-size:14px;font-weight:700;margin-bottom:12px}.preview-section-small[data-v-d5a37743]{margin-top:12px}.preview-content-line-small[data-v-d5a37743]{height:4px;background:#ffffff80;margin-bottom:6px;border-radius:2px}.preview-main[data-v-d5a37743]{flex:1;padding:12px}.preview-tech[data-v-d5a37743]{width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;padding:12px;display:flex;flex-direction:column;gap:8px}.preview-tech-header[data-v-d5a37743]{text-align:center;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.preview-name-large[data-v-d5a37743]{height:16px;background:#1f2937;margin:0 auto 8px;border-radius:3px;width:60%}.preview-icons-row[data-v-d5a37743]{display:flex;justify-content:center;gap:6px;margin-top:6px}.preview-icon-item[data-v-d5a37743]{width:24px;height:8px;background:#10b981;border-radius:2px;opacity:.7}.preview-tech-contact[data-v-d5a37743]{height:12px;background:#d1fae5;border-radius:4px;border:1px solid #6ee7b7}.preview-tech-section[data-v-d5a37743]{flex:1}.preview-section-header[data-v-d5a37743]{height:10px;background:#1f2937;border-radius:2px;width:40%;margin-bottom:6px}.template-info[data-v-d5a37743]{padding:16px}.template-info h3[data-v-d5a37743]{font-size:16px;font-weight:700;color:#374151;margin-bottom:6px}.template-info p[data-v-d5a37743]{font-size:13px;color:#6b7280;margin-bottom:12px;line-height:1.5}.selected-badge[data-v-d5a37743]{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 2px 8px #0003}.confirm-template-btn[data-v-d5a37743]{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.confirm-template-btn[data-v-d5a37743]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.loading-message[data-v-d5a37743]{padding:8px 0}.typing-indicator[data-v-d5a37743]{display:flex;gap:6px;align-items:center}.typing-indicator span[data-v-d5a37743]{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing-d5a37743 1.4s infinite}.typing-indicator span[data-v-d5a37743]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-d5a37743]:nth-child(3){animation-delay:.4s}@keyframes typing-d5a37743{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.page-footer[data-v-d5a37743]{background:transparent;padding:20px 0;margin-top:20px}.page-footer .container[data-v-d5a37743]{max-width:900px;margin:0 auto;padding:0 24px;display:flex;justify-content:center}.footer-buttons[data-v-d5a37743]{display:flex;align-items:center;gap:16px}.back-btn[data-v-d5a37743]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.back-btn[data-v-d5a37743]:hover{color:#374151}.back-btn.has-content[data-v-d5a37743]{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;font-size:14px}.back-btn.has-content[data-v-d5a37743]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.reupload-btn[data-v-d5a37743]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px}.reupload-btn[data-v-d5a37743]:hover:not(:disabled){background:#0860ca;border-color:#0860ca}.reupload-btn[data-v-d5a37743]:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@keyframes spin-d5a37743{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin[data-v-d5a37743]{animation:spin-d5a37743 1s linear infinite}@media (max-width: 768px){.messages-wrapper[data-v-d5a37743]{padding:24px 16px}.welcome-message[data-v-d5a37743]{padding:40px 16px}.welcome-message h2[data-v-d5a37743]{font-size:24px}.message-content[data-v-d5a37743]{max-width:80%}.templates-grid[data-v-d5a37743]{grid-template-columns:1fr}.template-preview[data-v-d5a37743]{height:240px}.page-footer .container[data-v-d5a37743]{padding:0 16px}}@media (max-width: 480px){.welcome-message h2[data-v-d5a37743]{font-size:20px}.feature-list[data-v-d5a37743]{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #238636;--color-primary-hover: #2ea043;--color-secondary: #0969da;--color-accent: #fd7e14;--color-warning: #d1242f;--color-bg-primary: #ffffff;--color-bg-secondary: #f6f8fa;--color-bg-tertiary: #f1f3f4;--color-bg-dark: #24292f;--color-bg-card: #ffffff;--color-text-primary: #24292e;--color-text-secondary: #57606a;--color-text-tertiary: #8b949e;--color-text-inverse: #ffffff;--color-border-light: #d0d7de;--color-border-medium: #8b949e;--color-border-dark: #57606a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-xl: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl);margin-bottom:var(--spacing-xl)}h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg)}h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-lg)}h4{font-size:var(--text-xl);margin-bottom:var(--spacing-md)}p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);text-decoration:none}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-light)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium);text-decoration:none}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);border-left:none;box-shadow:var(--shadow-sm);transition:all .2s ease;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.card-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.container-fluid{width:100%;padding:0 var(--spacing-xl)}.grid{display:grid;gap:var(--spacing-2xl)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mt-4xl{margin-top:var(--spacing-4xl)}.mt-5xl{margin-top:var(--spacing-5xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.mb-4xl{margin-bottom:var(--spacing-4xl)}.mb-5xl{margin-bottom:var(--spacing-5xl)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.py-4xl{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.py-5xl{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-5xl)}@media (max-width: 768px){.container{padding:0 var(--spacing-lg)}.grid{gap:var(--spacing-lg)}.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.card-body,.card-header,.card-footer{padding:var(--spacing-lg)}}@media (max-width: 480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.card-body,.card-header,.card-footer{padding:var(--spacing-lg)}}@media (min-width: 769px) and (max-width: 1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.github-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:border-color .2s ease}.github-card:hover{border-color:var(--color-border-medium)}.github-button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-block;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.github-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium);text-decoration:none}.github-button:active{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.github-button:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.tag-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.tag-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}