:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-active: #3730A3;--color-primary-light: #E0E7FF;--color-primary-bg: #EEF2FF;--color-secondary: #10B981;--color-secondary-hover: #059669;--color-secondary-light: #D1FAE5;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-body: var(--color-gray-50);--bg-surface: #FFFFFF;--bg-surface-translucent: rgba(255, 255, 255, .9);--bg-overlay: rgba(0, 0, 0, .5);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-nav: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-sans);background-color:var(--bg-body);color:var(--color-gray-800);line-height:1.5;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{color:var(--color-gray-600);margin-bottom:var(--spacing-2)}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none;-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);transition:var(--transition-fast);gap:var(--spacing-2);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{background-color:var(--color-primary-active);transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);color:var(--color-gray-700);border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.btn-ghost{background-color:transparent;color:var(--color-gray-600)}.btn-ghost:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.btn-icon{padding:var(--spacing-2);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center}input[type=text],input[type=password],input[type=email],input[type=number]{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--bg-surface);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input::placeholder{color:var(--color-gray-400)}.container{width:100%;max-width:640px;margin:0 auto;padding:var(--spacing-4)}.card{background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-6);border:1px solid var(--color-gray-100);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-surface-translucent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-nav);border-bottom:1px solid var(--color-gray-200)}.nav-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-gray-700);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-fast)}.nav-back:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);position:absolute;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #4f46e5b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #4f46e500}to{transform:scale(1);box-shadow:0 0 #4f46e500}}.text-center{text-align:center}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.flex-center{display:flex;align-items:center;justify-content:center}.full-screen{width:100vw;height:100vh}.hidden{display:none}.toast-container[data-v-fab07faf]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:90%;max-width:400px}.toast-item[data-v-fab07faf]{pointer-events:auto;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%}.type-success[data-v-fab07faf]{background:#f0fdf4f2;color:#15803d;border:1px solid #dcfce7}.type-error[data-v-fab07faf]{background:#fef2f2f2;color:#b91c1c;border:1px solid #fee2e2}.type-info[data-v-fab07faf]{background:#fffffff2;color:#374151;border:1px solid #f3f4f6}.toast-enter-active[data-v-fab07faf],.toast-leave-active[data-v-fab07faf]{transition:all .3s ease}.toast-enter-from[data-v-fab07faf],.toast-leave-to[data-v-fab07faf]{opacity:0;transform:translateY(-20px)}