.toast-container[data-v-e62c9050]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-container .toast[data-v-e62c9050]{pointer-events:auto}.toast[data-v-e62c9050]{background:#fff;border-radius:8px;padding:14px 18px;box-shadow:0 4px 12px #00000026;min-width:280px;max-width:400px;display:flex;align-items:center;gap:12px;border-left:4px solid var(--color-primary)}.toast.toast-success[data-v-e62c9050]{border-left-color:var(--color-success)}.toast.toast-warning[data-v-e62c9050]{border-left-color:var(--color-warning)}.toast.toast-error[data-v-e62c9050]{border-left-color:var(--color-danger)}.toast.toast-info[data-v-e62c9050]{border-left-color:#3498db}.toast-icon[data-v-e62c9050]{font-size:20px;flex-shrink:0}.toast-content[data-v-e62c9050]{flex:1;font-size:14px;color:var(--color-dark-gray);line-height:1.4}.toast-close[data-v-e62c9050]{background:none;border:none;font-size:18px;color:#94a3b8;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close[data-v-e62c9050]:hover{color:var(--color-medium-gray)}.toast-enter-active[data-v-e62c9050],.toast-leave-active[data-v-e62c9050]{transition:opacity .3s ease,transform .3s ease}.toast-enter-from[data-v-e62c9050],.toast-leave-to[data-v-e62c9050]{transform:translate(100%);opacity:0}.toast-move[data-v-e62c9050]{transition:transform .3s ease}@media(max-width:480px){.toast-container[data-v-e62c9050]{top:auto;bottom:max(16px,env(safe-area-inset-bottom));right:12px;left:12px;align-items:stretch}.toast[data-v-e62c9050]{min-width:0;max-width:none}}@media(prefers-reduced-motion:reduce){.toast-enter-active[data-v-e62c9050],.toast-leave-active[data-v-e62c9050],.toast-move[data-v-e62c9050]{transition-duration:.01ms!important}.toast-enter-from[data-v-e62c9050],.toast-leave-to[data-v-e62c9050]{transform:none;opacity:1}}.app[data-v-247cc0c9]{min-height:100vh}.home[data-v-d8ec8ef4]{min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--spacing-xl) 0}.bg-animate[data-v-d8ec8ef4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(var(--gradient-angle),var(--color-gradient-start),var(--color-gradient-mid1),var(--color-gradient-mid2),var(--color-gradient-mid3),var(--color-gradient-end));background-size:500% 500%;animation:breath-d8ec8ef4 var(--animation-bg-speed) ease infinite;pointer-events:none}@keyframes breath-d8ec8ef4{0%,to{background-position:0% 50%;filter:brightness(1)}25%{background-position:50% 100%;filter:brightness(1.1)}50%{background-position:100% 50%;filter:brightness(1)}75%{background-position:50% 0%;filter:brightness(1.1)}}.header[data-v-d8ec8ef4]{text-align:center;margin-bottom:var(--spacing-xxl);padding:0 var(--spacing-xl);position:relative;z-index:1}.header h3[data-v-d8ec8ef4]{font-size:var(--font-size-lg);color:var(--color-white);text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.5}.tools-container[data-v-d8ec8ef4]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);width:100%;max-width:900px;padding:0 var(--spacing-xl);justify-items:center;position:relative;z-index:1}.tool-link[data-v-d8ec8ef4]{text-decoration:none;color:inherit;width:100%;display:flex;justify-content:center}.tool-card[data-v-d8ec8ef4]{width:100%;max-width:220px;height:220px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-large);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-lg);box-shadow:var(--shadow-light);border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:transform var(--transition-medium),background var(--transition-medium),box-shadow var(--transition-medium)}.tool-card[data-v-d8ec8ef4]:hover{transform:translateY(-8px);background:#ffffffd9;box-shadow:var(--shadow-medium)}.tool-icon[data-v-d8ec8ef4]{font-size:2rem;margin-bottom:var(--spacing-lg);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-white);border-radius:50%;background:rgba(var(--color-primary-rgb),.1);box-shadow:0 2px 8px #0000001a;transition:border-color var(--transition-medium),background var(--transition-medium),transform var(--transition-medium),box-shadow var(--transition-medium)}.tool-card:hover .tool-icon[data-v-d8ec8ef4]{border-color:var(--color-secondary);background:rgba(var(--color-secondary-rgb),.15);transform:scale(1.05)}.tool-title[data-v-d8ec8ef4]{color:var(--color-dark-gray);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.tool-desc[data-v-d8ec8ef4]{color:var(--color-medium-gray);font-size:var(--font-size-sm);line-height:1.5;padding:0 var(--spacing-xs)}@media(max-width:900px){.tools-container[data-v-d8ec8ef4]{grid-template-columns:repeat(2,1fr);max-width:520px}}@media(max-width:480px){.home[data-v-d8ec8ef4]{justify-content:center;padding:max(var(--spacing-lg),env(safe-area-inset-top)) max(var(--spacing-md),env(safe-area-inset-right)) max(var(--spacing-lg),env(safe-area-inset-bottom)) max(var(--spacing-md),env(safe-area-inset-left))}.header[data-v-d8ec8ef4]{margin-bottom:var(--spacing-lg)}.header h3[data-v-d8ec8ef4]{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.tools-container[data-v-d8ec8ef4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px;max-width:100%}.tool-card[data-v-d8ec8ef4]{max-width:none;min-height:168px;height:auto;padding:14px 10px 16px;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:22px;box-shadow:0 6px 18px #0000001f;background:#ffffffd1}.tool-icon[data-v-d8ec8ef4]{width:52px;height:52px;font-size:1.65rem;min-width:52px;min-height:52px;margin-bottom:10px;background:#fff;border:none;box-shadow:0 3px 10px #00000014}.tool-title[data-v-d8ec8ef4]{font-size:15px;margin-bottom:6px;text-align:center;line-height:1.3}.tool-desc[data-v-d8ec8ef4]{font-size:11px;text-align:center;padding:0 2px;line-height:1.45}}@media(prefers-reduced-motion:reduce){.bg-animate[data-v-d8ec8ef4]{animation:none;background-position:50% 50%;filter:none}}:root{--animation-bg-speed: 20s;--gradient-angle: 45deg;--color-primary: #4a6d7c;--color-primary-rgb: 74, 109, 124;--color-secondary: #147a61;--color-secondary-rgb: 20, 122, 97;--color-success: #6b9c70;--color-warning: #e67e22;--color-danger: #d35400;--color-light-gray: #cbd5e1;--color-medium-gray: #64748b;--color-dark-gray: #2c3e50;--color-white: #ffffff;--color-black: #000000;--color-gradient-start: #5b7f91;--color-gradient-mid1: #a3ba9b;--color-gradient-mid2: #98cc98;--color-gradient-mid3: #e1a684;--color-gradient-end: #1b8f6f;--opacity-light: .3;--opacity-medium: .5;--opacity-heavy: .7;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 12px;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 20px;--shadow-light: 0 4px 12px rgba(0,0,0,.2);--shadow-medium: 0 10px 30px rgba(0,0,0,.3);--shadow-heavy: 0 25px 50px rgba(0,0,0,.2);--font-size-xs: 9px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 20px;--transition-fast: .1s ease;--transition-medium: .2s ease;--transition-slow: .8s ease}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100dvh;width:100%;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,sans-serif}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important;min-height:unset!important;overflow:visible!important}#app,#app .app,#app>*{margin:0!important;padding:0!important;min-height:unset!important;height:auto!important;overflow:visible!important}.toast-container{display:none!important}#previewGrid{display:block!important}}
