@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400 700;font-display:swap;src:local("Noto Serif SC"),local("Source Han Serif SC"),url(https://fonts.gstatic.com/s/notoserifsc/v22/H4c8BXePl9DZ0Xe7gG9cyOj7oqP9qmtf.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:local("JetBrains Mono"),local("Fira Code"),url(https://fonts.gstatic.com/s/jetbrainsmono/v20/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:local("DM Sans"),url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2")}@font-face{font-family:DIN Alternate;font-style:normal;font-weight:400 700;font-display:swap;src:local("DIN Alternate")}:root{--primary-color: var(--brand-primary);--primary-hover: var(--brand-primary-dark);--secondary-color: #2e7d32;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-accent: #e3f2fd;--text-primary: #212121;--text-secondary: #424242;--text-muted: #616161;--text-tertiary: #6b7280;--text-quaternary: #64748b;--text-white: #ffffff;--border-light: #e0e0e0;--border-medium: #bdbdbd;--border-dark: #757575;--success-color: #2e7d32;--warning-color: #f57c00;--error-color: #d32f2f;--info-color: #1976d2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-blue: 0 4px 16px rgba(37, 99, 235, .25);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .14);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-base: 1.25rem;--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;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--chart-color-1: #0072B2;--chart-color-2: #E69F00;--chart-color-3: #009E73;--chart-color-4: #D55E00;--chart-color-5: #56B4E9;--chart-color-6: #F0E442;--chart-color-7: #CC79A7;--chart-color-8: #999999;--transition-fast: .15s;--transition-base: .25s;--transition-slow: .35s;--brand-primary: #2563EB;--brand-primary-rgb: 37, 99, 235;--brand-primary-light: #3B82F6;--brand-primary-dark: #1E40AF;--brand-primary-50: #EFF6FF;--brand-primary-100: #DBEAFE;--brand-primary-200: #BFDBFE;--brand-success: #10B981;--brand-success-rgb: 16, 185, 129;--brand-accent: #c9a84c;--brand-accent-rgb: 201, 168, 76;--brand-accent-dark: #8a6d28;--brand-accent-50: #fdf8eb;--brand-success-50: #D1FAE5;--brand-warning: #E6A23C;--brand-warning-rgb: 230, 162, 60;--brand-warning-50: #fdf8eb;--brand-error: #F56C6C;--brand-error-rgb: 245, 108, 108;--brand-teal-dark: #059669;--brand-teal-bg: #D1FAE5;--brand-gold-light: #FDE68A;--brand-gold: var(--brand-accent);--brand-gold-dark: var(--brand-accent-dark);--brand-teal: var(--brand-success);--brand-primary-bg: var(--brand-primary-50);--color-success: #16a34a;--color-success-light: #dcfce7;--color-success-strong: #15803d;--color-error: #dc2626;--color-error-light: #fee2e2;--color-warning: #b45309;--color-warning-light: #fef3c7;--color-info: #2563eb;--color-info-light: #dbeafe;--color-danger: #dc2626;--color-primary: var(--brand-primary);--color-primary-light: var(--brand-primary-light);--color-primary-dark: var(--brand-primary-dark);--bg-deep: #0a1628;--brand-accent-light: #f0d78c;--bg-black-gold-deep: #0d0d0d;--bg-black-gold: #1a1a1a;--bg-black-gold-card: rgba(13, 13, 13, .95);--glass-bg: rgba(255, 255, 255, .2);--glass-bg-hover: rgba(255, 255, 255, .3);--glass-bg-subtle: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .3);--overlay-bg: rgba(0, 0, 0, .5);--brand-success-dark: #15803d;--brand-warning-dark: #b45309;--brand-error-dark: #b91c1c;--brand-success-light: #dcfce7;--brand-warning-light: #fef3c7;--brand-error-light: #fee2e2;--brand-lighter: #93c5fd;--brand-gold-bg: rgba(212, 168, 83, .1);--bg-info: #f0f7ff;--border-info: #bfdbfe;--success-hover: #1b5e20;--warning-hover: #ef6c00;--error-hover: #c62828;--alert-success-text: #1b4332;--alert-success-bg: #d1e7dd;--alert-warning-text: #664d03;--alert-warning-bg: #fff3cd;--alert-danger-text: #721c24;--alert-danger-bg: #f8d7da;--alert-info-text: #055160;--alert-info-bg: #cff4fc;--bg-hero: linear-gradient(135deg, #1E3A5F 0%, #2563EB 50%, #3B82F6 100%);--bg-page: #f8fafc;--bg-card: #ffffff;--bg-section-alt: #f1f5f9;--bg-subtle: #F8FAFC;--bg-warm: #FFFBF5;--text-heading: #0f172a;--text-body: #334155;--text-secondary: #546178;--text-on-dark: #ffffff;--text-on-dark-muted: #94a3b8;--text-link: #2563EB;--gradient-cta: linear-gradient(135deg, #C9A84C, #D4A853);--gradient-cta-hover: linear-gradient(135deg, #d4b355, #b08f38);--gradient-hero: linear-gradient(135deg, #1E3A5F, #2563EB, #3B82F6);--gradient-nav: linear-gradient(135deg, #1E3A5F, #2563EB);--gradient-growth: linear-gradient(135deg, #059669, #10B981);--gradient-accent: linear-gradient(90deg, #2563EB, #C9A84C);--gradient-subtle: linear-gradient(180deg, #F8FAFC, #EFF6FF);--border-default: #e2e8f0;--border-default-rgb: 226, 232, 240;--border-strong: #cbd5e1;--border-focus: #3B82F6;--shadow-gold: 0 4px 16px rgba(201, 168, 76, .3);--radius-base: 8px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--touch-target: 44px;--header-height: 72px;--header-height-mobile: 60px;--container-max: 1200px;--breakpoint-lg: 1280px;--breakpoint-xl: 1440px;--breakpoint-2xl: 1920px;--container-max-width-wide: 1440px;--container-max-width-ultra: 1600px;--font-display: "Noto Serif SC", "Source Han Serif SC", "PingFang SC", serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--font-data: "DM Sans", "DIN Alternate", "Roboto Mono", var(--font-mono);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 1000;--z-popover: 1100;--z-toast: 5000;--z-tooltip: 9000;--z-max: 9999;--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .6);--border-subtle: rgba(255, 255, 255, .1);--border-light-alpha: rgba(255, 255, 255, .3);--border-medium-alpha: rgba(255, 255, 255, .4);--border-strong-alpha: rgba(255, 255, 255, .6);--text-on-overlay: rgba(255, 255, 255, .8)}@media (prefers-color-scheme: dark){:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-accent: #263238;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #bdbdbd;--text-tertiary: #9e9e9e;--text-quaternary: #a0aec0;--border-light: #333333;--border-medium: #555555;--border-dark: #777777;--brand-lighter: #2563eb;--brand-gold-bg: rgba(212, 168, 83, .15);--bg-info: #172554;--border-info: #1e3a5f;--success-hover: #2e7d32;--warning-hover: #f57c00;--error-hover: #d32f2f;--alert-success-text: #a5d6a7;--alert-success-bg: #1b3a1b;--alert-warning-text: #ffe082;--alert-warning-bg: #3e2f00;--alert-danger-text: #ef9a9a;--alert-danger-bg: #3e1c1c;--alert-info-text: #90caf9;--alert-info-bg: #0d2137;--bg-hero: #0a1628;--bg-page: #0f172a;--bg-card: #1e293b;--bg-section-alt: #1e293b;--bg-subtle: #1e293b;--bg-warm: #1a1a2e;--text-heading: #f1f5f9;--text-body: #e2e8f0;--text-secondary: #94a3b8;--text-link: #60a5fa;--text-white: #ffffff;--text-on-dark: #f1f5f9;--gradient-cta: linear-gradient(135deg, #1d4ed8, #c9a84c);--gradient-hero: linear-gradient(135deg, #0f172a, #1e3a5f, #1d4ed8);--gradient-hero-text: linear-gradient(135deg, #60A5FA, #3B82F6, #D4A843);--gradient-cta-hover: linear-gradient(135deg, #1d4ed8, #a08030);--gradient-nav: linear-gradient(135deg, #0f172a, #1e3a5f);--gradient-growth: linear-gradient(135deg, #059669, #047857);--gradient-accent: linear-gradient(90deg, #3b82f6, #d4a843);--gradient-subtle: linear-gradient(180deg, #0f172a, #1e293b);--border-default: #334155;--border-strong: #475569;--border-focus: #3b82f6;--border-default-rgb: 51, 65, 85;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-blue: 0 4px 16px rgba(37, 99, 235, .15);--shadow-gold: 0 4px 12px rgba(201, 168, 76, .1);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .6);--primary-color: var(--brand-primary);--primary-hover: var(--brand-primary-light);--secondary-color: #4ade80;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--info-color: #60a5fa;--brand-primary: #3b82f6;--brand-primary-rgb: 59, 130, 246;--brand-primary-light: #60a5fa;--brand-primary-dark: #2563eb;--brand-primary-50: #172554;--brand-primary-100: #1e3a5f;--brand-primary-200: #1d4ed8;--brand-success: #34d399;--brand-success-rgb: 52, 211, 153;--brand-accent: #d4a843;--brand-accent-rgb: 212, 168, 67;--brand-accent-dark: #b08f38;--brand-accent-50: #422006;--brand-accent-light: #f0d78c;--brand-success-50: #064e3b;--brand-warning: #f0a030;--brand-warning-rgb: 240, 160, 48;--brand-warning-50: #422006;--brand-error: #f87171;--brand-error-rgb: 248, 113, 113;--brand-teal-dark: #10b981;--brand-teal-bg: #064e3b;--brand-gold-light: #FDE68A;--brand-gold: var(--brand-accent);--brand-gold-dark: var(--brand-accent-dark);--brand-teal: var(--brand-success);--brand-primary-bg: var(--brand-primary-50);--color-success: #34d399;--color-success-light: #052e16;--color-success-strong: #34d399;--color-error: #f87171;--color-error-light: #450a0a;--color-warning: #fbbf24;--color-warning-light: #422006;--color-info: #60a5fa;--color-info-light: #172554;--color-danger: #f87171;--color-primary: var(--brand-primary);--color-primary-light: var(--brand-primary-light);--color-primary-dark: var(--brand-primary-dark);--bg-deep: #0a1628;--bg-black-gold-deep: #0d0d0d;--bg-black-gold: #1a1a1a;--bg-black-gold-card: rgba(13, 13, 13, .95);--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .15);--glass-bg-subtle: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-shimmer-bg: rgba(255, 255, 255, .1);--overlay-light: rgba(0, 0, 0, .3);--overlay-medium: rgba(0, 0, 0, .5);--overlay-heavy: rgba(0, 0, 0, .7);--border-subtle: rgba(255, 255, 255, .05);--border-light-alpha: rgba(255, 255, 255, .15);--border-medium-alpha: rgba(255, 255, 255, .2);--border-strong-alpha: rgba(255, 255, 255, .3);--text-on-overlay: rgba(255, 255, 255, .9);--brand-success-dark: #059669;--brand-warning-dark: #d97706;--brand-error-dark: #dc2626;--brand-success-light: #052e16;--brand-warning-light: #422006;--brand-error-light: #450a0a;--chart-color-1: #4da6ff;--chart-color-2: #f0b040;--chart-color-3: #2dd4a0;--chart-color-4: #ff7b4f;--chart-color-5: #7cc8f5;--chart-color-6: #f5ee70;--chart-color-7: #e08cc0;--chart-color-8: #b0b0b0}}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-accent: #263238;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #bdbdbd;--text-tertiary: #9e9e9e;--text-quaternary: #a0aec0;--border-light: #333333;--border-medium: #555555;--border-dark: #777777;--success-hover: #2e7d32;--warning-hover: #f57c00;--error-hover: #d32f2f;--alert-success-text: #a5d6a7;--alert-success-bg: #1b3a1b;--alert-warning-text: #ffe082;--alert-warning-bg: #3e2f00;--alert-danger-text: #ef9a9a;--alert-danger-bg: #3e1c1c;--alert-info-text: #90caf9;--alert-info-bg: #0d2137;--bg-hero: #0a1628;--bg-page: #0f172a;--bg-card: #1e293b;--bg-section-alt: #1e293b;--bg-subtle: #1e293b;--bg-warm: #1a1a2e;--text-heading: #f1f5f9;--text-body: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-link: #60a5fa;--gradient-cta: linear-gradient(135deg, #1d4ed8, #c9a84c);--gradient-hero: linear-gradient(135deg, #0f172a, #1e3a5f, #1d4ed8);--gradient-hero-text: linear-gradient(135deg, #60A5FA, #3B82F6, #D4A843);--border-default: #334155;--border-strong: #475569;--border-focus: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-blue: 0 4px 16px rgba(37, 99, 235, .15);--shadow-gold: 0 4px 12px rgba(201, 168, 76, .1);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .6);--primary-color: var(--brand-primary);--primary-hover: var(--brand-primary-light);--secondary-color: #4ade80;--text-white: #ffffff;--text-on-dark: #f1f5f9;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--info-color: #60a5fa;--brand-primary: #3b82f6;--brand-primary-rgb: 59, 130, 246;--brand-primary-light: #60a5fa;--brand-primary-dark: #2563eb;--brand-primary-50: #172554;--brand-primary-100: #1e3a5f;--brand-primary-200: #1d4ed8;--brand-success: #34d399;--brand-success-rgb: 52, 211, 153;--brand-accent: #d4a843;--brand-accent-rgb: 212, 168, 67;--brand-accent-dark: #b08f38;--brand-accent-50: #422006;--brand-success-50: #064e3b;--brand-warning: #f0a030;--brand-warning-rgb: 240, 160, 48;--brand-warning-50: #422006;--brand-error: #f87171;--brand-error-rgb: 248, 113, 113;--brand-teal-dark: #10b981;--brand-teal-bg: #064e3b;--brand-gold-light: #FDE68A;--brand-gold: var(--brand-accent);--brand-gold-dark: var(--brand-accent-dark);--brand-teal: var(--brand-success);--brand-primary-bg: var(--brand-primary-50);--color-success: #34d399;--color-success-light: #052e16;--color-success-strong: #34d399;--color-error: #f87171;--color-error-light: #450a0a;--color-warning: #fbbf24;--color-warning-light: #422006;--color-info: #60a5fa;--color-info-light: #172554;--color-danger: #f87171;--color-primary: var(--brand-primary);--color-primary-light: var(--brand-primary-light);--color-primary-dark: var(--brand-primary-dark);--bg-deep: #0a1628;--brand-accent-light: #f0d78c;--bg-black-gold-deep: #0d0d0d;--bg-black-gold: #1a1a1a;--bg-black-gold-card: rgba(13, 13, 13, .95);--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .15);--glass-bg-subtle: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--overlay-bg: rgba(0, 0, 0, .7);--skeleton-shimmer-bg: rgba(255, 255, 255, .1);--overlay-light: rgba(0, 0, 0, .3);--overlay-medium: rgba(0, 0, 0, .5);--overlay-heavy: rgba(0, 0, 0, .7);--border-subtle: rgba(255, 255, 255, .05);--border-light-alpha: rgba(255, 255, 255, .15);--border-medium-alpha: rgba(255, 255, 255, .2);--border-strong-alpha: rgba(255, 255, 255, .3);--text-on-overlay: rgba(255, 255, 255, .9);--brand-success-dark: #059669;--brand-warning-dark: #d97706;--brand-error-dark: #dc2626;--brand-success-light: #052e16;--brand-warning-light: #422006;--brand-error-light: #450a0a;--brand-lighter: #2563eb;--brand-gold-bg: rgba(212, 168, 83, .15);--bg-info: #172554;--border-info: #1e3a5f;--gradient-cta-hover: linear-gradient(135deg, #1d4ed8, #a08030);--gradient-nav: linear-gradient(135deg, #0f172a, #1e3a5f);--gradient-growth: linear-gradient(135deg, #059669, #047857);--gradient-accent: linear-gradient(90deg, #3b82f6, #d4a843);--gradient-subtle: linear-gradient(180deg, #0f172a, #1e293b);--border-default-rgb: 51, 65, 85;--chart-color-1: #4da6ff;--chart-color-2: #f0b040;--chart-color-3: #2dd4a0;--chart-color-4: #ff7b4f;--chart-color-5: #7cc8f5;--chart-color-6: #f5ee70;--chart-color-7: #e08cc0;--chart-color-8: #b0b0b0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,a,[role=button],.nav-link,.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;overflow-x:clip}body,#app{transition:background-color var(--transition-base) var(--ease-out),color var(--transition-base) var(--ease-out)}.transition-colors{transition:color var(--transition-fast) ease-out,background-color var(--transition-fast) ease-out,border-color var(--transition-fast) ease-out}.transition-transform{transition:transform var(--transition-base) ease-out}.transition-opacity{transition:opacity var(--transition-base) ease-out}img,video,iframe{max-width:100%;height:auto;display:block}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast) ease-out}a:hover,a:focus:not(:focus-visible){color:var(--primary-hover);outline:none}:focus-visible{outline:2px solid var(--brand-primary, #2563EB);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=tab]:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-primary, #2563EB);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),[role=tab]:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;background:transparent;border:0;cursor:pointer;color:inherit}button:active,.btn:active,[role=button]:active{transform:scale(.97);opacity:.9}@media (hover: none){button:active,.btn:active,[role=button]:active{transform:scale(.97);opacity:.85}}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:1px solid var(--border-medium);padding:var(--spacing-sm);transition:border-color var(--transition-fast) ease-out,box-shadow var(--transition-fast) ease-out}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb, 37, 99, 235),.15)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.will-change-transform{will-change:transform}.will-change-contents{will-change:contents}.gpu-accelerate{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.contain-layout{contain:layout}.contain-paint{contain:paint}.responsive-img{width:100%;height:auto;object-fit:cover;image-rendering:-webkit-optimize-contrast}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.card-value,.score-value,.amount,.price,.payment-amount,.stat-value,.metric-value,.number,.data-value,.mk-trust-value,.value-number,.change-value,.price-value,.item-price,.button-price{font-family:var(--font-data, "DM Sans", sans-serif)}button,.btn,[role=button]{min-height:var(--touch-target, 44px);font-family:var(--font-body)}.btn-brand-gold{background:var(--gradient-cta);color:#fff;box-shadow:var(--shadow-gold);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.btn-brand-gold:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(var(--brand-accent-rgb),.4)}.btn-brand-gold:active{transform:translateY(0) scale(.98)}.btn-brand-blue{background:var(--brand-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.btn-brand-blue:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}.btn-brand-blue:active{transform:translateY(0) scale(.98)}.btn-brand-outline{border:2px solid var(--brand-primary);color:var(--brand-primary);background:transparent;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease,background var(--transition-fast) ease,border-color var(--transition-fast) ease}.btn-brand-outline:hover{background:var(--brand-primary-50, #eef6fc);transform:translateY(-1px)}.btn-brand-danger{background:var(--color-error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.btn-brand-success{background:var(--brand-success);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}@media (hover:hover){.btn-brand-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-success-rgb),.3)}}.btn-brand-success:active{transform:translateY(0) scale(.98)}.btn-brand-warning{background:linear-gradient(135deg,var(--brand-warning) 0%,var(--brand-warning) 100%);color:var(--text-heading);border:2px solid var(--brand-warning);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;box-shadow:0 4px 12px rgba(var(--brand-warning-rgb),.3)}.btn-brand-warning:hover{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-dark) 100%);transform:translateY(-1px);box-shadow:0 8px 24px rgba(var(--brand-accent-rgb),.4)}.btn-brand-warning:active{transform:translateY(0) scale(.98)}.btn-brand-blue-gradient{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;box-shadow:0 4px 15px rgba(var(--brand-primary-rgb),.3)}.btn-brand-blue-gradient:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--brand-primary-rgb),.4)}.btn-brand-blue-gradient:active{transform:translateY(0) scale(.98)}.btn-brand-success-gradient{background:linear-gradient(135deg,var(--brand-success),var(--brand-success));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;box-shadow:0 4px 15px rgba(var(--brand-success-rgb),.3)}@media (hover:hover){.btn-brand-success-gradient:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--brand-success-rgb),.4)}}.btn-brand-success-gradient:active{transform:translateY(0) scale(.98)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-large{width:100%;max-width:320px;padding:1rem 2rem;font-size:1.1rem;min-height:60px}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}@media (hover: hover){.btn-glow:hover:before{left:100%}}@media (prefers-reduced-motion: reduce){.btn-glow:before{display:none}}button,input[type=button],input[type=submit],[role=button],a.btn,a[role=button],nav a,.mk-btn,.nav-link,.header-link{min-height:var(--touch-target, 44px)}:root{--el-component-size-small: 32px}.el-button--small{min-height:var(--touch-target, 44px)!important;min-width:var(--touch-target, 44px)!important;padding-top:calc((var(--touch-target, 44px) - var(--el-component-size-small, 32px)) / 2)!important;padding-bottom:calc((var(--touch-target, 44px) - var(--el-component-size-small, 32px)) / 2)!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}nav,header,footer,.mk-header,.mk-footer,.mk-floating-cta,.mobile-nav,.header-container,.no-print,[role=navigation],[role=banner],button,.btn,.btn-brand-gold,.btn-brand-blue,.btn-brand-outline,.el-dialog__wrapper,.el-overlay,.modal-overlay,.el-menu,.el-drawer{display:none!important}a[href]:after{content:" (" attr(href) ")";font-size:.85em;color:#555!important}a[href^="#"]:after,a[href^=javascript]:after{content:""}.hero-section,.hero,[class*=hero],[class*=dark-bg],[style*=background]{background:#fff!important;color:#000!important}.report-container,.result-view,.dashboard-view{overflow:visible!important;height:auto!important}table{border-collapse:collapse!important}table td,table th{border:1px solid #999!important;padding:4px 8px!important}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid;orphans:3;widows:3}p{orphans:3;widows:3}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.no-page-break{page-break-inside:avoid}canvas{max-width:100%!important;height:auto!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:var(--z-max);padding:var(--spacing-sm) var(--spacing-lg);background:var(--brand-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);transition:top var(--transition-fast) var(--ease-out);white-space:nowrap}.skip-link:focus{top:0;outline:3px solid var(--border-focus);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.spinner{display:inline-block;width:24px;height:24px;border:2.5px solid var(--border-default, #e2e8f0);border-top-color:var(--brand-primary, #2563EB);border-radius:var(--radius-full, 9999px);animation:spin var(--transition-slow, .35s) linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:36px;height:36px;border-width:3px}[data-theme=dark] .spinner{border-color:var(--border-strong, #cbd5e1);border-top-color:var(--brand-primary-light, #3B82F6)}@media (min-width: 2560px){:root{--container-max: 1800px;--container-max-width-wide: 1800px;--container-max-width-ultra: 1800px;--font-size-xs: .85rem;--font-size-sm: .98rem;--font-size-base: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.4rem;--font-size-2xl: 1.7rem;--font-size-3xl: 2.1rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.4rem;--spacing-xs: .3rem;--spacing-sm: .6rem;--spacing-md: 1.15rem;--spacing-lg: 1.75rem;--spacing-xl: 2.3rem;--spacing-xxl: 3.5rem}html{font-size:17.6px}}@media (prefers-contrast: high){*,*:before,*:after{border-color:var(--text-primary)!important}:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=tab]:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}input,select,textarea{border:2px solid var(--text-primary)!important}input:focus,textarea:focus,select:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb, 37, 99, 235),.3)!important}button,.btn,[role=button]{border:2px solid var(--text-primary)!important}a{text-decoration:underline!important}a,a:visited{color:var(--brand-primary)!important}body{color:var(--text-primary)!important}h1,h2,h3,h4,h5,h6{color:var(--text-heading)!important}.text-muted,.text-secondary,.text-tertiary,.text-quaternary{color:var(--text-primary)!important}.card,.panel,.box,[class*=card],[class*=panel]{border:2px solid var(--text-primary)!important}.skip-link:focus{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}}html{overflow-x:hidden}body{overflow-x:clip}:root{--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--mobile-touch-target: 44px;--mobile-spacing: 16px;--mobile-border-radius: 12px}@media screen and (max-width: 1024px){.container{padding:0 24px}.row{margin:0 -12px}.col,[class*=col-]{padding:0 12px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width: 768px){.container{padding:0 var(--mobile-spacing);max-width:100%}.card{border-radius:var(--mobile-border-radius);margin-bottom:var(--mobile-spacing);box-shadow:0 2px 8px #0000001a}.btn{min-height:var(--mobile-touch-target);padding:12px 20px;font-size:16px;border-radius:var(--mobile-border-radius);touch-action:manipulation}.form-control{min-height:var(--mobile-touch-target);font-size:16px;padding:12px 16px;border-radius:var(--mobile-border-radius)}.navbar{padding:8px var(--mobile-spacing)}.navbar-nav{flex-direction:column;width:100%}.nav-item{width:100%;margin-bottom:8px}.table-responsive{border:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{font-size:14px}.table th,.table td{padding:8px 12px;white-space:nowrap}.modal-dialog{margin:var(--mobile-spacing);max-width:calc(100% - 32px)}.modal-content{border-radius:var(--mobile-border-radius)}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}.mb-3{margin-bottom:var(--mobile-spacing)!important}.mt-3{margin-top:var(--mobile-spacing)!important}.p-3{padding:var(--mobile-spacing)!important}.row{margin:0 -8px}.col,[class*=col-]{padding:0 8px;margin-bottom:var(--mobile-spacing)}}@media screen and (max-width: 480px){:root{--mobile-spacing: 12px}.container{padding:0 var(--mobile-spacing)}.btn-block{width:100%;margin-bottom:8px}.btn-group{flex-direction:column}.btn-group .btn{border-radius:var(--mobile-border-radius);margin-bottom:8px}.form-row{flex-direction:column}.form-group{margin-bottom:var(--mobile-spacing)}.card-deck{flex-direction:column}.card-deck .card{margin-bottom:var(--mobile-spacing)}}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none;box-shadow:none}.btn:active{transform:scale(.98);transition:transform var(--transition-fast) var(--ease-out)}.card:active{transform:scale(.99);transition:transform var(--transition-fast) var(--ease-out)}a:hover{text-decoration:none}a:active{opacity:.7}}@media screen and (max-height: 500px) and (orientation: landscape){.navbar{padding:4px var(--mobile-spacing)}.modal-dialog{margin:8px;max-height:calc(100vh - 16px)}.modal-content{max-height:100%;overflow-y:auto}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}[data-theme=dark] .card{background-color:var(--bg-secondary);border-color:var(--border-medium)}[data-theme=dark] .form-control{background-color:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-secondary)}[data-theme=dark] .btn-primary{background-color:var(--brand-primary-light);border-color:var(--brand-primary-light)}@media (prefers-contrast: high){.btn,.card,.form-control{border:2px solid}}.mobile-only,.mobile-only-inline{display:none}@media screen and (max-width: 768px){.mobile-only{display:block}.mobile-only-inline{display:inline}.desktop-only{display:none}}.mobile-drawer{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--bg-card);box-shadow:2px 0 10px #0000001a;transition:left var(--transition-base) var(--ease-out);z-index:1050;overflow-y:auto}.mobile-drawer.open{left:0}.mobile-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1040;opacity:0;visibility:hidden;transition:opacity var(--transition-base) var(--ease-out),visibility var(--transition-base) var(--ease-out)}.mobile-drawer-overlay.show{opacity:1;visibility:visible}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-card);border-top:1px solid var(--border-default);display:flex;justify-content:space-around;align-items:center;z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px;text-decoration:none;color:var(--text-secondary);font-size:13px;min-height:var(--mobile-touch-target)}.mobile-bottom-nav-item.active{color:var(--brand-primary-light)}.mobile-bottom-nav-item .icon{width:20px;height:20px;margin-bottom:4px}@media screen and (max-width: 768px){#app .chart-container{height:600px;padding:2.5rem;margin:2rem 0;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;border-radius:16px;box-shadow:0 8px 32px #0000001f}#app .chart-container canvas{min-width:600px;max-width:none;width:100%;height:auto;display:block;margin:0 auto}#app .chart-container.small{height:500px;padding:2rem}#app .chart-container.small canvas{min-width:450px;max-width:none;width:100%}#app .chart-container::-webkit-scrollbar{height:12px;display:block}#app .chart-container::-webkit-scrollbar-track{background:#0000001a;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a}#app .chart-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--brand-primary-light),var(--brand-success));border-radius:6px;box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),.3);border:1px solid rgba(255,255,255,.2)}@media (hover:hover){#app .chart-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--brand-primary-dark),var(--brand-success));box-shadow:0 3px 8px rgba(var(--brand-primary-rgb),.5)}}#app .chart-container:after{content:"↔ 可左右滑动查看完整图表";position:absolute;bottom:10px;right:15px;font-size:12px;color:var(--text-secondary);opacity:.8;pointer-events:none;background:#ffffffe6;padding:6px 12px;border-radius:12px;box-shadow:0 2px 6px #0000001a;font-weight:600;z-index:var(--z-base)}}@media screen and (max-width: 480px){#app .chart-container{height:550px;padding:2.2rem;margin:1.8rem 0}#app .chart-container canvas{min-width:500px;max-width:none;width:100%}#app .chart-container.small{height:450px;padding:1.8rem}#app .chart-container.small canvas{min-width:400px;max-width:none;width:100%}#app .radar-card .chart-container{height:360px;padding:0;margin:0 0 4px;overflow:hidden}#app .radar-card .chart-container canvas{min-width:0;max-width:100%;width:100%}}@media screen and (max-width: 375px){#app .chart-container{height:500px;padding:2rem;margin:1.5rem 0}#app .chart-container canvas{min-width:450px;max-width:none;width:100%}#app .chart-container.small{height:400px;padding:1.5rem}#app .chart-container.small canvas{min-width:350px;max-width:none;width:100%}#app .chart-container{height:250px;padding:.8rem}#app .chart-container canvas{min-width:400px}#app .radar-card .chart-container{height:320px;padding:0;margin:0 0 4px;overflow:hidden}#app .radar-card .chart-container canvas{min-width:0;max-width:100%;width:100%}}.swipeable{touch-action:pan-y;-webkit-user-select:none;user-select:none}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity var(--transition-fast) var(--ease-out)}.swipe-indicator.left{left:10px}.swipe-indicator.right{right:10px}.swipeable:active .swipe-indicator{opacity:1}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.mobile-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.mobile-loading-spinner{width:40px;height:40px;border:4px solid var(--border-default);border-top:4px solid var(--brand-primary-light);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-error{text-align:center;padding:40px 20px}.mobile-error-icon{font-size:48px;color:var(--color-error);margin-bottom:16px}.mobile-error-message{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.mobile-error-action{margin-top:16px}@media (prefers-reduced-motion: reduce){.mobile-drawer,.mobile-drawer-overlay,.swipe-indicator{transition:none}.mobile-loading-spinner{animation:none}.gpu-accelerated{will-change:auto}.smooth-scroll{scroll-behavior:auto}}@media screen and (max-width: 768px){.chart-scroll-container{height:320px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.chart-scroll-container canvas{min-width:600px}.mobile-text-readable{font-size:15px;line-height:1.75}.mobile-text-readable p,.mobile-text-readable .paragraph{margin-bottom:1.2rem}.mobile-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mobile-card-item{padding:1rem;border-bottom:1px solid var(--border-subtle, #e5e7eb)}.mobile-card-item:last-child{border-bottom:none}}@media screen and (max-width: 768px){.el-tag .el-tag__close{min-width:44px;min-height:44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.el-button--text,.el-button.is-link,.el-button.is-text{min-height:44px;min-width:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center}.el-button.is-circle,.el-button--icon-only,.el-button .el-icon:only-child{min-width:44px;min-height:44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.el-button--small{min-height:44px;padding-top:9px;padding-bottom:9px}.el-table .el-button--text,.el-table .el-button.is-link{min-height:44px;min-width:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.hint-close{min-width:44px;min-height:44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}}@media screen and (min-width: 769px){.el-button.is-circle,.chart-fullscreen-btn,.font-size-btn{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.font-size-btn{min-width:36px;padding:6px 10px}}@media screen and (min-width: 769px){.chart-container{height:450px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;overflow-y:hidden}.chart-container canvas{min-width:100%;width:100%;height:100%;max-width:none}.chart-container.small{height:350px;padding:1.2rem}.chart-container.small canvas{min-width:100%;width:100%;height:100%;max-width:none}.chart-container:after,.summary-cards-container:before{display:none}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{min-width:auto;flex-shrink:initial}.chart-container .chart-wrapper{position:relative;height:100%;width:100%}}@media screen and (max-width: 768px){html>body,#app{font-size:14px}#app .dna-prepayment-view .container{padding:0 12px}#app .dna-prepayment-view .page-header{padding:15px 0}#app .dna-prepayment-view .page-title{font-size:1.3rem}#app .dna-prepayment-view .product-intro{padding:16px}#app .dna-prepayment-view .intro-header{flex-direction:column;text-align:center;gap:12px;margin-bottom:24px}#app .dna-prepayment-view .intro-text h2{font-size:1.5rem;margin-bottom:6px}#app .dna-prepayment-view .features-grid{grid-template-columns:1fr;gap:12px}#app .dna-prepayment-view .feature-item{padding:12px}#app .wealth-prepayment-view .container{padding:0 12px}#app .wealth-prepayment-view .page-header{padding:15px 0}#app .wealth-prepayment-view .page-title{font-size:1.3rem}#app .wealth-prepayment-view .product-intro{padding:16px}#app .wealth-prepayment-view .intro-header{flex-direction:column;text-align:center;gap:12px;margin-bottom:24px}#app .wealth-prepayment-view .intro-text h2{font-size:1.5rem;margin-bottom:6px}#app .wealth-prepayment-view .value-grid{grid-template-columns:1fr;gap:12px}#app .wealth-prepayment-view .value-item{padding:12px}#app .questionnaire-view{padding:.25rem;min-height:100vh}#app .questionnaire-view .progress-container{padding-top:20px;margin-bottom:.75rem}#app .questionnaire-view .progress-text{top:8px;z-index:var(--z-base);font-size:.75rem}#app .questionnaire-view .progress-bar{height:6px}#app .questionnaire-view .question-card{padding:.5rem;margin:0 .15rem;min-height:380px;max-height:85vh;border-radius:10px}#app .questionnaire-view .question-counter{top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.8rem;border-radius:10px}#app .questionnaire-view .feature-header{margin:.5rem 0 .25rem}#app .questionnaire-view .feature-badge{padding:.35rem .7rem;border-radius:14px}#app .questionnaire-view .feature-icon{font-size:.9rem}#app .questionnaire-view .feature-name,#app .questionnaire-view .feature-subtitle{font-size:.75rem}#app .questionnaire-view .questionnaire-title{font-size:1rem;margin:.5rem 0 .4rem;line-height:1.2}#app .questionnaire-view .question-content{padding:0 .5rem}#app .questionnaire-view .question-text{font-size:.8rem;min-height:1.8em;margin-bottom:1rem;line-height:1.3}#app .questionnaire-view .options{gap:.5rem;margin-bottom:1rem}#app .questionnaire-view .option-button{padding:.6rem .8rem;font-size:.75rem;border-radius:6px;min-height:44px;line-height:1.2}#app .questionnaire-view .instruction-text{padding:.5rem .6rem;border-radius:6px}#app .questionnaire-view .instruction-text p{font-size:.75rem;margin:0;line-height:1.2}#app .questionnaire-view .navigation-buttons{padding:.6rem;gap:.5rem;flex-direction:column}#app .questionnaire-view .btn{padding:.55rem 1rem;font-size:.75rem;border-radius:6px;min-height:44px;width:100%}#app .result-view{padding:.75rem}#app .title-section .main-title{font-size:2rem}#app .personality-section{padding:1rem;margin-bottom:1rem}#app .radar-section{grid-template-columns:1fr;gap:1.5rem}#app .chart-wrapper{height:300px;overflow-x:auto;overflow-y:hidden}#app .radar-canvas{min-width:400px}#app .calculation-modal{width:95%;max-width:none;margin:1rem}#app .modal-title{font-size:1.6rem}#app .progress-ring{width:120px;height:120px}#app .progress-ring svg{width:100%;height:100%;overflow:visible}#app .progress-ring__background,#app .progress-ring__progress{stroke-width:8}#app .progress-content,#app .enhanced-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;height:auto}#app .progress-percentage{font-size:1.8rem}#app .status-bar{flex-direction:column;gap:.75rem;padding:1rem}#app .dashboard-container{padding:1rem}#app .dashboard-title{font-size:1.8rem}#app .tab-navigation{padding:0 .5rem}#app .tab-button{padding:.8rem 1rem;font-size:.85rem;border-radius:12px;min-width:auto;flex:1;max-width:none}#app .tab-text{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .tab-icon{font-size:1rem;margin-bottom:.2rem}#app .overview-grid{grid-template-columns:1fr;gap:1.5rem}#app .tab-content{padding:1rem}#app .dashboard-header{padding:1.5rem 1rem;flex-direction:column;align-items:stretch;gap:1.5rem}#app .header-left{width:100%;text-align:center}#app .dashboard-title{font-size:1.6rem;line-height:1.3;margin-bottom:1rem;word-break:break-word;display:flex;flex-direction:column;align-items:center;gap:.5rem}#app .title-icon{font-size:1.8rem}#app .plan-meta{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}#app .meta-item{text-align:center;min-width:80px}#app .header-actions{width:100%;justify-content:center}}@media screen and (max-width: 480px){#app .tab-button{padding:.6rem .8rem;font-size:.8rem}#app .tab-text{font-size:.75rem}#app .tab-icon{font-size:.9rem}}@media screen and (max-width: 375px){#app .dashboard-title{font-size:1.4rem}#app .tab-button{padding:.5rem .6rem;font-size:.75rem}#app .tab-text{font-size:.75rem}#app .tab-icon{font-size:.85rem}#app .questionnaire-view{padding:.15rem;min-height:100vh}#app .questionnaire-view .progress-container{padding-top:15px;margin-bottom:.5rem}#app .questionnaire-view .progress-text{top:5px;font-size:.8rem}#app .questionnaire-view .progress-bar{height:4px}#app .questionnaire-view .question-card{padding:.3rem;margin:0 .1rem;min-height:320px;max-height:90vh;border-radius:var(--radius-base)}#app .questionnaire-view .question-counter{top:.3rem;right:.3rem;padding:.2rem .4rem;font-size:.8rem;border-radius:var(--radius-base)}#app .questionnaire-view .feature-header{margin:.3rem 0 .2rem}#app .questionnaire-view .feature-badge{padding:.25rem .5rem;border-radius:12px}#app .questionnaire-view .feature-icon,#app .questionnaire-view .feature-name{font-size:.8rem}#app .questionnaire-view .feature-subtitle{font-size:.75rem}#app .questionnaire-view .questionnaire-title{font-size:.9rem;margin:.3rem 0;line-height:1.1}#app .questionnaire-view .question-content{padding:0 .4rem;flex:1}#app .questionnaire-view .question-text{font-size:.75rem;min-height:1.5em;margin-bottom:.8rem;line-height:1.2}#app .questionnaire-view .options{gap:.4rem;margin-bottom:.8rem}#app .questionnaire-view .option-button{padding:.5rem .6rem;font-size:.8rem;border-radius:5px;min-height:44px;line-height:1.1}#app .questionnaire-view .instruction-text{padding:.4rem .5rem;border-radius:5px}#app .questionnaire-view .instruction-text p{font-size:.75rem;margin:0;line-height:1.1}#app .questionnaire-view .navigation-buttons{padding:.4rem;gap:.4rem;flex-direction:column}#app .questionnaire-view .btn{padding:.45rem .8rem;font-size:.8rem;border-radius:5px;min-height:44px;width:100%}#app .dna-prepayment-view .container,#app .wealth-prepayment-view .container{padding:0 8px}#app .dna-prepayment-view .product-intro,#app .wealth-prepayment-view .product-intro{padding:12px}#app .calculation-modal{width:98%;margin:.5rem}#app .progress-ring{width:100px;height:100px}}#app{width:100%;min-height:100vh;margin:0;padding:0;font-weight:400;background-color:var(--bg-primary);color:var(--text-primary)}a,.green{text-decoration:none;color:var(--brand-primary);transition:color var(--transition-fast) ease-out;padding:3px;border-radius:4px}@media (hover: hover){#app a:hover,#app .green:hover{color:var(--primary-hover);background-color:rgba(var(--brand-primary-rgb),.1);text-decoration:underline}}a:focus,.green:focus{outline:2px solid var(--brand-primary);outline-offset:2px;background-color:rgba(var(--brand-primary-rgb),.1)}@media (max-width: 768px){#app{padding:var(--spacing-sm)}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;line-height:1.5;text-decoration:none;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:transform var(--transition-base) ease-out,box-shadow var(--transition-base) ease-out,background var(--transition-base) ease-out,border-color var(--transition-base) ease-out;-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary{color:var(--text-white);background-color:var(--brand-primary);border-color:var(--brand-primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{color:var(--text-primary);background-color:transparent;border-color:var(--border-dark)}.btn-secondary:hover{color:var(--text-white);background-color:var(--text-primary);border-color:var(--text-primary)}.btn-success{color:var(--text-white);background-color:var(--brand-success);border-color:var(--brand-success)}.btn-success:hover{background-color:var(--success-hover);border-color:var(--success-hover)}.btn-warning{color:var(--text-white);background-color:var(--warning-color);border-color:var(--warning-color)}.btn-warning:hover{background-color:var(--warning-hover);border-color:var(--warning-hover)}.btn-danger{color:var(--text-white);background-color:var(--brand-error);border-color:var(--brand-error)}.btn-danger:hover{background-color:var(--error-hover);border-color:var(--error-hover)}.form-control{display:block;width:100%;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-medium);border-radius:6px;transition:border-color var(--transition-fast) ease-out,box-shadow var(--transition-fast) ease-out}.form-control:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.2)}.form-control::placeholder{color:var(--text-muted);opacity:1}.form-control.is-invalid{border-color:var(--brand-error)}.form-control.is-invalid:focus{border-color:var(--brand-error);box-shadow:0 0 0 3px rgba(var(--brand-error-rgb),.2)}.invalid-feedback{display:block;width:100%;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--brand-error);font-weight:500}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base) ease-out}@media (hover:hover){.card:hover{box-shadow:var(--shadow-md)}}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.alert{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);border:2px solid transparent;border-radius:6px;font-weight:500}.alert-success{color:var(--alert-success-text);background-color:var(--alert-success-bg);border-color:var(--brand-success)}.alert-warning{color:var(--alert-warning-text);background-color:var(--alert-warning-bg);border-color:var(--warning-color)}.alert-danger{color:var(--alert-danger-text);background-color:var(--alert-danger-bg);border-color:var(--brand-error)}.alert-info{color:var(--alert-info-text);background-color:var(--alert-info-bg);border-color:var(--info-color)}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.language-switcher[data-v-fc2d713b]{position:relative;display:inline-block;font-family:inherit;-webkit-user-select:none;user-select:none;z-index:var(--z-modal)}.current-language[data-v-fc2d713b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fffffff2;border:2px solid rgba(var(--brand-primary-rgb),.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-heading, #0f172a);min-width:120px;height:44px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.1)}@media (hover:hover){.current-language[data-v-fc2d713b]:hover{background:rgba(var(--brand-primary-rgb),.05);border-color:rgba(var(--brand-primary-rgb),.4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--brand-primary-rgb),.2)}}.language-text[data-v-fc2d713b]{font-size:14px;font-weight:500;line-height:1.2;color:var(--text-heading, #0f172a)}.dropdown-arrow[data-v-fc2d713b]{font-size:12px;color:var(--text-secondary, #64748b);transition:transform .3s ease;line-height:1}.dropdown-arrow.open[data-v-fc2d713b]{transform:rotate(180deg)}.language-dropdown[data-v-fc2d713b]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffffa;border:2px solid rgba(var(--brand-primary-rgb),.2);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideDown-fc2d713b .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-modal)}@keyframes slideDown-fc2d713b{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option[data-v-fc2d713b]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-heading, #0f172a);height:46px;box-sizing:border-box;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;justify-content:flex-start}@media (hover:hover){.language-option[data-v-fc2d713b]:hover{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.1),rgba(var(--brand-success-rgb),.05));color:var(--brand-primary, #2563EB)}}.language-option.active[data-v-fc2d713b]{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.15),rgba(var(--brand-success-rgb),.1));color:var(--brand-primary, #2563EB);font-weight:600}.language-flag[data-v-fc2d713b]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.language-flag[data-v-fc2d713b] svg{width:16px;height:16px}.language-code[data-v-fc2d713b]{font-size:13px;font-weight:700;color:var(--brand-primary, #2563EB);min-width:24px;text-align:center;background:rgba(var(--brand-primary-rgb),.1);border-radius:4px;padding:2px 4px;line-height:1.2}.language-name[data-v-fc2d713b]{font-size:14px;font-weight:inherit;line-height:1.2}@media (max-width: 768px){.current-language[data-v-fc2d713b]{min-width:100px;padding:8px 12px;height:40px;min-height:44px;font-size:14px}.language-option[data-v-fc2d713b]{height:44px;padding:10px 12px;font-size:14px}.language-flag[data-v-fc2d713b]{width:16px;height:16px}.language-code[data-v-fc2d713b]{font-size:14px;min-width:22px;padding:1px 3px}.language-name[data-v-fc2d713b]{font-size:14px}}@media (max-width: 480px){.current-language[data-v-fc2d713b]{min-width:80px;padding:6px 10px;font-size:14px;gap:6px}.language-option[data-v-fc2d713b]{height:44px;padding:8px 10px;font-size:14px;gap:8px}.language-code[data-v-fc2d713b]{font-size:14px;min-width:20px;padding:1px 2px}.language-name[data-v-fc2d713b],.language-text[data-v-fc2d713b]{font-size:14px}}@media (prefers-reduced-motion: reduce){.language-dropdown[data-v-fc2d713b]{animation:none}}.modal-overlay[data-v-5b6dffbc]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-5b6dffbc]{background:var(--bg-card, #ffffff);border-radius:20px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-5b6dffbc .3s ease-out}@keyframes modalSlideIn-5b6dffbc{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-5b6dffbc]{padding:2rem 2rem 1rem;text-align:center;position:relative;background:linear-gradient(135deg,var(--brand-primary-dark, #1D4ED8),var(--brand-primary, #2563EB));color:#fff;border-radius:20px 20px 0 0;flex-shrink:0}.modal-icon[data-v-5b6dffbc]{font-size:3rem;margin-bottom:1rem}.modal-title[data-v-5b6dffbc]{font-size:1.5rem;font-weight:700;margin:0}.close-button[data-v-5b6dffbc]{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s;padding:4px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}@media (hover: hover){.close-button[data-v-5b6dffbc]:hover{opacity:1}}.modal-body[data-v-5b6dffbc]{padding:2rem;flex:1;overflow-y:auto;min-height:0}.info-section[data-v-5b6dffbc]{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--brand-warning-50, #fdf8eb);border-radius:12px;border-left:4px solid var(--brand-warning, #E6A23C)}.info-icon[data-v-5b6dffbc]{font-size:1.5rem;flex-shrink:0}.info-content h4[data-v-5b6dffbc]{margin:0 0 .5rem;color:var(--brand-error, #F56C6C);font-weight:600}.info-content p[data-v-5b6dffbc]{margin:0;color:var(--text-secondary, #64748b);line-height:1.5}.steps-section h5[data-v-5b6dffbc]{margin:0 0 1rem;color:var(--text-heading, #0f172a);font-weight:600}.step-item[data-v-5b6dffbc]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem;background:var(--bg-primary, #ffffff);border-radius:var(--radius-base)}.step-number[data-v-5b6dffbc]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--brand-primary-dark, #1D4ED8),var(--brand-primary, #2563EB));color:#fff;border-radius:50%;font-size:.8rem;font-weight:600;flex-shrink:0}.step-text[data-v-5b6dffbc]{color:var(--text-heading, #0f172a);font-weight:500}.modal-footer[data-v-5b6dffbc]{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;flex-shrink:0}.secondary-button[data-v-5b6dffbc]{padding:.8rem 1.5rem;min-height:44px;border:2px solid var(--border-default, #e2e8f0);background:var(--bg-card, #ffffff);color:var(--text-secondary, #64748b);border-radius:var(--radius-base);font-weight:500;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,opacity .2s}@media (hover: hover){.secondary-button[data-v-5b6dffbc]:hover{border-color:var(--border-default, #e2e8f0);background:var(--bg-primary, #ffffff)}}.primary-button[data-v-5b6dffbc]{padding:.8rem 1.5rem;min-height:44px;border:none;background:linear-gradient(135deg,var(--brand-primary-dark, #1D4ED8),var(--brand-primary, #2563EB));color:#fff;border-radius:var(--radius-base);font-weight:600;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,opacity .2s}@media (hover: hover){.primary-button[data-v-5b6dffbc]:hover{background:linear-gradient(135deg,var(--brand-primary, #2563EB),var(--brand-primary-dark, #1D4ED8));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}}@media (max-width: 768px){.modal-overlay[data-v-5b6dffbc]{padding:0}.modal-content[data-v-5b6dffbc]{width:100%;height:100vh;max-width:100%;max-height:100vh;border-radius:0;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-header[data-v-5b6dffbc]{padding:1.5rem 1.5rem 1rem;border-radius:0}.modal-body[data-v-5b6dffbc]{padding:1.5rem}.modal-footer[data-v-5b6dffbc]{padding:1rem 1.5rem 1.5rem;flex-direction:column;border-radius:0}.secondary-button[data-v-5b6dffbc],.primary-button[data-v-5b6dffbc]{width:100%;padding:1rem}}@media (max-width: 480px){.modal-header[data-v-5b6dffbc]{padding:1rem 1rem .75rem}.modal-title[data-v-5b6dffbc]{font-size:1.2rem}.modal-body[data-v-5b6dffbc]{padding:1rem}.info-section[data-v-5b6dffbc]{padding:1rem;flex-direction:column;gap:.75rem}.step-item[data-v-5b6dffbc]{padding:.6rem}.modal-footer[data-v-5b6dffbc]{padding:.75rem 1rem 1rem}.secondary-button[data-v-5b6dffbc],.primary-button[data-v-5b6dffbc]{padding:.75rem;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.modal-content[data-v-5b6dffbc]{animation:none!important}.close-button[data-v-5b6dffbc],.secondary-button[data-v-5b6dffbc],.primary-button[data-v-5b6dffbc]{transition:none!important}.primary-button[data-v-5b6dffbc]:hover,.secondary-button[data-v-5b6dffbc]:hover{transform:none!important}}@media (min-width: 1280px){.modal-content[data-v-5b6dffbc]{max-width:min(90vw,1000px)}.modal-body[data-v-5b6dffbc]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.info-section[data-v-5b6dffbc],.steps-section[data-v-5b6dffbc]{margin-bottom:0}}@media (prefers-contrast: high){.modal-overlay[data-v-5b6dffbc]{background:#000c!important}.modal-content[data-v-5b6dffbc]{border:2px solid var(--text-primary)!important}.info-section[data-v-5b6dffbc]{border-left:4px solid var(--brand-warning)!important;border:2px solid var(--text-primary)!important;border-left-width:4px!important}.info-content h4[data-v-5b6dffbc]{color:var(--color-error)!important}.step-item[data-v-5b6dffbc]{border:2px solid var(--text-primary)!important}.steps-section h5[data-v-5b6dffbc]{color:var(--text-heading)!important}.step-text[data-v-5b6dffbc]{color:var(--text-primary)!important}.close-button[data-v-5b6dffbc]:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}.secondary-button[data-v-5b6dffbc]{border:2px solid var(--text-primary)!important}.primary-button[data-v-5b6dffbc]{border:2px solid var(--brand-primary)!important}.secondary-button[data-v-5b6dffbc]:focus-visible,.primary-button[data-v-5b6dffbc]:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}}.mobile-theme-switcher[data-v-c0e022a9]{position:relative;z-index:var(--z-modal)}.theme-toggle-btn[data-v-c0e022a9]{display:flex;align-items:center;gap:var(--mobile-spacing-sm);padding:var(--mobile-spacing-md);background:var(--theme-bg-card);border:2px solid var(--theme-border-primary);border-radius:var(--radius-md, 12px);color:var(--theme-text-primary);font-size:var(--mobile-font-base);font-weight:600;cursor:pointer;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out),background var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out);box-shadow:var(--theme-shadow-primary);min-height:var(--mobile-touch-target);position:relative;overflow:hidden}@media (hover: hover){.theme-toggle-btn[data-v-c0e022a9]:hover{transform:translateY(-2px);box-shadow:var(--theme-shadow-primary),0 4px 12px #0000001a}}.theme-toggle-btn[data-v-c0e022a9]:active{transform:translateY(0)}.theme-toggle-btn[data-v-c0e022a9]:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-icon-container[data-v-c0e022a9]{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.theme-icon[data-v-c0e022a9]{font-size:1.2rem;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out),background var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}.icon-colorful[data-v-c0e022a9]{filter:hue-rotate(0deg) saturate(1.2)}.icon-blackGold[data-v-c0e022a9]{filter:hue-rotate(45deg) saturate(.8) brightness(1.2)}.theme-name[data-v-c0e022a9]{flex:1;text-align:left;font-size:var(--mobile-font-base)}.loading-spinner[data-v-c0e022a9]{position:absolute;right:var(--mobile-spacing-md);top:50%;transform:translateY(-50%)}.spinner[data-v-c0e022a9]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--theme-primary);border-radius:50%;animation:spin 1s linear infinite}.theme-preview-card[data-v-c0e022a9]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--theme-bg-secondary);border:2px solid var(--theme-border-primary);border-radius:var(--radius-lg, 16px);box-shadow:var(--theme-shadow-primary),0 20px 40px #0000004d;z-index:var(--z-popover);overflow:hidden}.preview-header[data-v-c0e022a9]{display:flex;justify-content:space-between;align-items:center;padding:var(--mobile-spacing-lg);background:var(--theme-bg-primary);border-bottom:1px solid var(--theme-border-secondary)}.preview-header h4[data-v-c0e022a9]{margin:0;color:var(--theme-text-primary);font-size:var(--mobile-font-lg);font-weight:600}.close-btn[data-v-c0e022a9]{width:44px;height:44px;border:none;background:transparent;color:var(--theme-text-primary);font-size:1.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),border-color var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out)}@media (hover: hover){.close-btn[data-v-c0e022a9]:hover{background:#0000001a}}.preview-content[data-v-c0e022a9]{padding:var(--mobile-spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--mobile-spacing-md)}.theme-option[data-v-c0e022a9]{display:flex;flex-direction:column;align-items:center;gap:var(--mobile-spacing-sm);padding:var(--mobile-spacing-md);border:2px solid transparent;border-radius:var(--radius-md, 12px);cursor:pointer;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out),background var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}@media (hover: hover){.theme-option[data-v-c0e022a9]:hover{border-color:var(--theme-border-primary);background:var(--theme-bg-hover)}}.theme-option.active[data-v-c0e022a9]{border-color:var(--theme-primary);background:var(--theme-bg-accent)}.theme-preview[data-v-c0e022a9]{width:80px;height:60px;border-radius:var(--radius-sm, 8px);overflow:hidden;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1));position:relative}.preview-colorful[data-v-c0e022a9]{background:var(--gradient-cta, linear-gradient(135deg, var(--brand-primary-dark, #1D4ED8) 0%, var(--brand-accent, #c9a84c) 100%))}.preview-blackGold[data-v-c0e022a9]{background:linear-gradient(135deg,var(--text-heading) 0%,var(--bg-black-gold-deep) 50%,var(--bg-black-gold) 100%)}.preview-header-bar[data-v-c0e022a9]{height:12px;background:#fff3;margin-bottom:4px}.preview-content-area[data-v-c0e022a9]{padding:4px;display:flex;flex-direction:column;gap:2px}.preview-card[data-v-c0e022a9]{height:20px;background:#ffffffe6;border-radius:4px}.preview-blackGold .preview-card[data-v-c0e022a9]{background:var(--bg-black-gold-card);border:1px solid var(--brand-accent)}.preview-button[data-v-c0e022a9]{height:12px;background:var(--brand-primary);border-radius:4px;width:60%}.preview-blackGold .preview-button[data-v-c0e022a9]{background:var(--brand-accent)}.theme-label[data-v-c0e022a9]{font-size:var(--mobile-font-sm);color:var(--theme-text-primary);font-weight:500;text-align:center}.preview-backdrop[data-v-c0e022a9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-icon-fade-enter-active[data-v-c0e022a9],.theme-icon-fade-leave-active[data-v-c0e022a9]{transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out),background var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}.theme-icon-fade-enter-from[data-v-c0e022a9]{opacity:0;transform:scale(.8) rotate(-90deg)}.theme-icon-fade-leave-to[data-v-c0e022a9]{opacity:0;transform:scale(.8) rotate(90deg)}.preview-slide-enter-active[data-v-c0e022a9],.preview-slide-leave-active[data-v-c0e022a9]{transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out),background var(--transition-base) var(--ease-out),border-color var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}.preview-slide-enter-from[data-v-c0e022a9],.preview-slide-leave-to[data-v-c0e022a9]{opacity:0;transform:translate(-50%,-50%) scale(.9)}.theme-toggle-btn.success-feedback[data-v-c0e022a9]{background:var(--color-success, var(--brand-success));border-color:var(--color-success, var(--brand-success));color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.theme-toggle-btn.error-feedback[data-v-c0e022a9]{background:var(--color-error, var(--brand-error));border-color:var(--color-error, var(--brand-error));color:#fff;animation:shake-c0e022a9 .6s ease-in-out}@keyframes shake-c0e022a9{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media screen and (max-width: 480px){.theme-preview-card[data-v-c0e022a9]{width:95%;max-width:none}.preview-content[data-v-c0e022a9]{grid-template-columns:1fr;gap:var(--mobile-spacing-sm)}.theme-option[data-v-c0e022a9]{flex-direction:row;justify-content:flex-start;text-align:left}.theme-preview[data-v-c0e022a9]{width:60px;height:45px}}.theme-toggle-btn[data-v-c0e022a9]:focus-visible,.close-btn[data-v-c0e022a9]:focus-visible,.theme-option[data-v-c0e022a9]:focus-visible{outline:2px solid var(--color-primary, var(--brand-primary, #2563EB));outline-offset:2px;border-radius:var(--radius-md, 12px)}@media (prefers-contrast: high){.theme-toggle-btn[data-v-c0e022a9],.theme-option[data-v-c0e022a9]{border-width:3px}.preview-backdrop[data-v-c0e022a9]{background:#000c}}@media (prefers-reduced-motion: reduce){.theme-toggle-btn[data-v-c0e022a9],.theme-icon[data-v-c0e022a9],.theme-option[data-v-c0e022a9],.theme-icon-fade-enter-active[data-v-c0e022a9],.theme-icon-fade-leave-active[data-v-c0e022a9],.preview-slide-enter-active[data-v-c0e022a9],.preview-slide-leave-active[data-v-c0e022a9]{transition:none}.spinner[data-v-c0e022a9]{animation:none}}.mobile-performance-monitor[data-v-0486e8f2]{position:fixed;top:20px;right:20px;z-index:var(--z-max);font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace)}.performance-panel[data-v-0486e8f2]{background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, 12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg, 0 4px 20px rgba(0, 0, 0, .3));overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease;min-width:120px}.performance-panel.expanded[data-v-0486e8f2]{min-width:280px}.toggle-btn[data-v-0486e8f2]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.toggle-btn[data-v-0486e8f2]:hover{background:#ffffff1a}.toggle-icon[data-v-0486e8f2]{font-size:16px;transition:transform .3s ease}.toggle-icon.rotated[data-v-0486e8f2]{transform:rotate(180deg)}.performance-score[data-v-0486e8f2]{font-size:18px;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm, 6px);min-width:44px;text-align:center}.score-good[data-v-0486e8f2]{background:var(--color-success, #4caf50);color:#fff}.score-fair[data-v-0486e8f2]{background:var(--color-warning, #ff9800);color:#fff}.score-poor[data-v-0486e8f2]{background:var(--color-error, #f44336);color:#fff}.metrics-container[data-v-0486e8f2]{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.metric-item[data-v-0486e8f2]{display:flex;align-items:center;margin-bottom:12px;gap:8px}.metric-item[data-v-0486e8f2]:last-child{margin-bottom:16px}.metric-label[data-v-0486e8f2]{color:var(--text-muted, #616161);font-size:12px;min-width:44px;text-align:right}.metric-value[data-v-0486e8f2]{font-size:14px;font-weight:700;min-width:60px;text-align:right}.metric-good[data-v-0486e8f2]{color:var(--color-success, #4caf50)}.metric-fair[data-v-0486e8f2]{color:var(--color-warning, #ff9800)}.metric-poor[data-v-0486e8f2]{color:var(--color-error, #f44336)}.metric-bar[data-v-0486e8f2]{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.metric-fill[data-v-0486e8f2]{height:100%;border-radius:2px;transition:width .3s ease}.metric-fill.metric-good[data-v-0486e8f2]{background:var(--color-success, #4caf50)}.metric-fill.metric-fair[data-v-0486e8f2]{background:var(--color-warning, #ff9800)}.metric-fill.metric-poor[data-v-0486e8f2]{background:var(--color-error, #f44336)}.action-buttons[data-v-0486e8f2]{display:flex;gap:8px;flex-wrap:wrap}.action-btn[data-v-0486e8f2]{flex:1;min-width:70px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm, 6px);color:#fff;font-size:12px;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px}@media (hover: hover){.action-btn[data-v-0486e8f2]:hover{background:#fff3}}.action-btn[data-v-0486e8f2]:disabled{opacity:.5;cursor:not-allowed}.action-btn.active[data-v-0486e8f2]{background:var(--color-success, #4caf50);border-color:var(--color-success, #4caf50)}.spinner-small[data-v-0486e8f2]{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.performance-warning[data-v-0486e8f2]{position:fixed;top:80px;right:20px;z-index:var(--z-max)}.warning-content[data-v-0486e8f2]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-warning, #ff9800);color:#fff;border-radius:var(--radius-sm, 8px);box-shadow:0 4px 12px #ff98004d;font-size:14px;max-width:280px}.warning-icon[data-v-0486e8f2]{font-size:16px}.warning-text[data-v-0486e8f2]{flex:1;font-weight:500}.warning-close[data-v-0486e8f2]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;position:relative;isolation:isolate}.warning-close[data-v-0486e8f2]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:transparent;transition:background .2s ease;z-index:-1}@media (hover: hover){.warning-close[data-v-0486e8f2]:hover:before{background:#fff3}}.metrics-slide-enter-active[data-v-0486e8f2],.metrics-slide-leave-active[data-v-0486e8f2]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease;overflow:hidden}.metrics-slide-enter-from[data-v-0486e8f2],.metrics-slide-leave-to[data-v-0486e8f2]{max-height:0;opacity:0}.metrics-slide-enter-to[data-v-0486e8f2],.metrics-slide-leave-from[data-v-0486e8f2]{max-height:400px;opacity:1}.warning-fade-enter-active[data-v-0486e8f2],.warning-fade-leave-active[data-v-0486e8f2]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.warning-fade-enter-from[data-v-0486e8f2],.warning-fade-leave-to[data-v-0486e8f2]{opacity:0;transform:translate(100%)}@media screen and (max-width: 480px){.mobile-performance-monitor[data-v-0486e8f2]{top:10px;right:10px}.performance-panel.expanded[data-v-0486e8f2]{min-width:260px}.metrics-container[data-v-0486e8f2]{padding:12px}.action-buttons[data-v-0486e8f2]{flex-direction:column}.action-btn[data-v-0486e8f2]{min-width:auto}.performance-warning[data-v-0486e8f2]{top:60px;right:10px}.warning-content[data-v-0486e8f2]{max-width:calc(100vw - 40px);font-size:13px}}@media (prefers-contrast: high){.performance-panel[data-v-0486e8f2]{border-width:2px;border-color:#fff}.metric-bar[data-v-0486e8f2]{background:#fff6}.action-btn[data-v-0486e8f2]{border-width:2px}}@media (prefers-reduced-motion: reduce){.toggle-icon[data-v-0486e8f2],.metric-fill[data-v-0486e8f2],.action-btn[data-v-0486e8f2],.metrics-slide-enter-active[data-v-0486e8f2],.metrics-slide-leave-active[data-v-0486e8f2],.warning-fade-enter-active[data-v-0486e8f2],.warning-fade-leave-active[data-v-0486e8f2]{transition:none}.spinner-small[data-v-0486e8f2]{animation:none}}@media (prefers-color-scheme: dark){.performance-panel[data-v-0486e8f2]{background:#000000f2;border-color:#ffffff4d}}@media print{.mobile-performance-monitor[data-v-0486e8f2]{display:none}}.mobile-ux-enhancer[data-v-3a9fa3b8]{position:relative;z-index:var(--z-modal)}.status-svg[data-v-3a9fa3b8]{width:1em;height:1em;display:inline-block;vertical-align:middle}.network-icon .status-svg[data-v-3a9fa3b8]{width:14px;height:14px}.tip-icon .status-svg[data-v-3a9fa3b8]{width:16px;height:16px}.hint-icon .status-svg[data-v-3a9fa3b8]{width:24px;height:24px}.battery-icon .status-svg[data-v-3a9fa3b8]{width:16px;height:16px}.toggle-icon .status-svg[data-v-3a9fa3b8]{width:20px;height:20px}.network-status[data-v-3a9fa3b8]{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:var(--z-popover);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.network-slow[data-v-3a9fa3b8]{background:#f44336e6;color:#fff}.network-medium[data-v-3a9fa3b8]{background:#ff9800e6;color:#fff}.network-fast[data-v-3a9fa3b8]{background:#4caf50e6;color:#fff}.network-unknown[data-v-3a9fa3b8]{background:#9e9e9ee6;color:#fff}.network-indicator[data-v-3a9fa3b8]{display:flex;align-items:center;gap:6px}.loading-tip[data-v-3a9fa3b8]{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:var(--z-popover)}.tip-content[data-v-3a9fa3b8]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2196f3e6;color:#fff;border-radius:var(--radius-base);font-size:14px;font-weight:500;box-shadow:0 4px 12px #2196f34d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tip-icon[data-v-3a9fa3b8]{font-size:16px}.gesture-hint[data-v-3a9fa3b8]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:var(--z-popover)}.hint-content[data-v-3a9fa3b8]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;background:#000000e6;color:#fff;border-radius:12px;font-size:14px;text-align:center;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:280px}.hint-icon[data-v-3a9fa3b8]{font-size:24px}.hint-close[data-v-3a9fa3b8]{padding:8px 16px;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media (hover:hover){.hint-close[data-v-3a9fa3b8]:hover{background:#ffffff4d}}.battery-warning[data-v-3a9fa3b8]{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:var(--z-popover)}.battery-content[data-v-3a9fa3b8]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ff9800e6;color:#fff;border-radius:var(--radius-base);font-size:14px;font-weight:500;box-shadow:0 4px 12px #ff98004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battery-close[data-v-3a9fa3b8]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.back-to-top-fab[data-v-3a9fa3b8]{position:fixed;bottom:80px;right:20px;width:56px;height:56px;background:var(--theme-primary);border:none;border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease;z-index:var(--z-modal)}@media (hover:hover){.back-to-top-fab[data-v-3a9fa3b8]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}}.back-to-top-fab[data-v-3a9fa3b8]:active{transform:translateY(0)}.fab-icon[data-v-3a9fa3b8]{display:block;line-height:1}.quick-actions[data-v-3a9fa3b8]{position:fixed;bottom:20px;right:20px;z-index:var(--z-modal)}.quick-actions-toggle[data-v-3a9fa3b8]{width:56px;height:56px;background:var(--theme-secondary);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease;position:relative;z-index:var(--z-popover)}@media (hover:hover){.quick-actions-toggle[data-v-3a9fa3b8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}}.toggle-icon[data-v-3a9fa3b8]{display:block;transition:transform .3s ease}.toggle-icon.rotated[data-v-3a9fa3b8]{transform:rotate(45deg)}.actions-list[data-v-3a9fa3b8]{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:12px}.action-item[data-v-3a9fa3b8]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#000c;border:none;border-radius:28px;color:#fff;font-size:14px;cursor:pointer;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease;white-space:nowrap;min-height:var(--mobile-touch-target)}@media (hover:hover){.action-item[data-v-3a9fa3b8]:hover{background:#000000e6;transform:translate(-4px)}}.action-icon[data-v-3a9fa3b8]{font-size:16px}.action-label[data-v-3a9fa3b8]{font-weight:500}.mobile-toast[data-v-3a9fa3b8]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:12px 20px;background:#000c;color:#fff;border-radius:var(--radius-base);font-size:14px;z-index:var(--z-max);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-fade-enter-active[data-v-3a9fa3b8],.toast-fade-leave-active[data-v-3a9fa3b8]{transition:opacity .3s ease,transform .3s ease}.toast-fade-enter-from[data-v-3a9fa3b8],.toast-fade-leave-to[data-v-3a9fa3b8]{opacity:0;transform:translate(-50%) translateY(20px)}.network-slide-enter-active[data-v-3a9fa3b8],.network-slide-leave-active[data-v-3a9fa3b8]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.network-slide-enter-from[data-v-3a9fa3b8],.network-slide-leave-to[data-v-3a9fa3b8]{opacity:0;transform:translate(-50%) translateY(-20px)}.loading-fade-enter-active[data-v-3a9fa3b8],.loading-fade-leave-active[data-v-3a9fa3b8],.gesture-fade-enter-active[data-v-3a9fa3b8],.gesture-fade-leave-active[data-v-3a9fa3b8],.battery-fade-enter-active[data-v-3a9fa3b8],.battery-fade-leave-active[data-v-3a9fa3b8]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.loading-fade-enter-from[data-v-3a9fa3b8],.loading-fade-leave-to[data-v-3a9fa3b8],.gesture-fade-enter-from[data-v-3a9fa3b8],.gesture-fade-leave-to[data-v-3a9fa3b8],.battery-fade-enter-from[data-v-3a9fa3b8],.battery-fade-leave-to[data-v-3a9fa3b8]{opacity:0;transform:translate(-50%) scale(.9)}.fab-scale-enter-active[data-v-3a9fa3b8],.fab-scale-leave-active[data-v-3a9fa3b8]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.fab-scale-enter-from[data-v-3a9fa3b8],.fab-scale-leave-to[data-v-3a9fa3b8]{opacity:0;transform:scale(0)}.action-item-enter-active[data-v-3a9fa3b8],.action-item-leave-active[data-v-3a9fa3b8]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.action-item-enter-from[data-v-3a9fa3b8],.action-item-leave-to[data-v-3a9fa3b8]{opacity:0;transform:translate(100px)}@media screen and (max-width: 480px){.network-status[data-v-3a9fa3b8]{top:5px;font-size:12px;padding:6px 12px}.loading-tip[data-v-3a9fa3b8]{top:40px}.tip-content[data-v-3a9fa3b8],.battery-content[data-v-3a9fa3b8]{font-size:13px;padding:10px 14px}.hint-content[data-v-3a9fa3b8]{max-width:calc(100vw - 40px);font-size:13px;padding:14px 18px}.back-to-top-fab[data-v-3a9fa3b8],.quick-actions-toggle[data-v-3a9fa3b8]{width:48px;height:48px;font-size:18px}.quick-actions[data-v-3a9fa3b8]{bottom:15px;right:15px}.actions-list[data-v-3a9fa3b8]{bottom:60px}.action-item[data-v-3a9fa3b8]{font-size:13px;padding:10px 14px}}@media (prefers-contrast: high){.network-status[data-v-3a9fa3b8],.tip-content[data-v-3a9fa3b8],.hint-content[data-v-3a9fa3b8],.battery-content[data-v-3a9fa3b8],.action-item[data-v-3a9fa3b8],.back-to-top-fab[data-v-3a9fa3b8],.quick-actions-toggle[data-v-3a9fa3b8]{border:2px solid white}}@media (prefers-reduced-motion: reduce){.back-to-top-fab[data-v-3a9fa3b8],.quick-actions-toggle[data-v-3a9fa3b8],.action-item[data-v-3a9fa3b8],.toggle-icon[data-v-3a9fa3b8],.network-slide-enter-active[data-v-3a9fa3b8],.network-slide-leave-active[data-v-3a9fa3b8],.loading-fade-enter-active[data-v-3a9fa3b8],.loading-fade-leave-active[data-v-3a9fa3b8],.gesture-fade-enter-active[data-v-3a9fa3b8],.gesture-fade-leave-active[data-v-3a9fa3b8],.battery-fade-enter-active[data-v-3a9fa3b8],.battery-fade-leave-active[data-v-3a9fa3b8],.fab-scale-enter-active[data-v-3a9fa3b8],.fab-scale-leave-active[data-v-3a9fa3b8],.action-item-enter-active[data-v-3a9fa3b8],.action-item-leave-active[data-v-3a9fa3b8]{transition:none}}.mobile-optimization-suite[data-v-4c7af96a]{position:relative;z-index:var(--z-popover)}.optimization-suggestions[data-v-4c7af96a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:#000000f2;border-radius:16px;padding:20px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);z-index:var(--z-max)}.suggestions-header[data-v-4c7af96a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.suggestions-icon[data-v-4c7af96a]{font-size:20px}.suggestions-title[data-v-4c7af96a]{flex:1;margin-left:8px;font-size:16px;font-weight:600;color:#fff}.suggestions-close[data-v-4c7af96a]{background:none;border:none;color:#ffffffb3;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}@media (hover:hover){.suggestions-close[data-v-4c7af96a]:hover{background:#ffffff1a;color:#fff}}.suggestions-list[data-v-4c7af96a]{margin-bottom:16px}.suggestion-item[data-v-4c7af96a]{display:flex;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-item[data-v-4c7af96a]:last-child{border-bottom:none}.suggestion-text[data-v-4c7af96a]{color:#ffffffe6;font-size:14px;line-height:1.4}.suggestions-actions[data-v-4c7af96a]{display:flex;gap:12px}.suggestion-btn[data-v-4c7af96a]{flex:1;padding:12px 16px;border:none;border-radius:var(--radius-base);font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;min-height:var(--mobile-touch-target, 44px)}.suggestion-btn.primary[data-v-4c7af96a]{background:var(--color-primary);color:#fff}@media (hover:hover){.suggestion-btn.primary[data-v-4c7af96a]:hover{background:var(--color-primary-dark)}}.suggestion-btn.secondary[data-v-4c7af96a]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}@media (hover:hover){.suggestion-btn.secondary[data-v-4c7af96a]:hover{background:#fff3}}.optimization-controls[data-v-4c7af96a]{position:fixed;bottom:20px;left:20px;right:20px;background:#000000e6;border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);z-index:var(--z-modal)}.controls-header[data-v-4c7af96a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.controls-title[data-v-4c7af96a]{font-size:16px;font-weight:600;color:#fff}.controls-score[data-v-4c7af96a]{font-size:14px;color:var(--color-primary);font-weight:500}.optimization-levels[data-v-4c7af96a]{display:flex;gap:8px}.level-btn[data-v-4c7af96a]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-base);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;min-height:var(--mobile-touch-target, 44px)}@media (hover:hover){.level-btn[data-v-4c7af96a]:hover{background:#ffffff1a}}.level-btn.active[data-v-4c7af96a]{background:var(--color-primary);border-color:var(--color-primary)}.level-btn.disabled[data-v-4c7af96a]{opacity:.5;cursor:not-allowed}.level-icon[data-v-4c7af96a]{font-size:16px}.level-name[data-v-4c7af96a]{font-size:12px;font-weight:600}.level-desc[data-v-4c7af96a]{font-size:12px;opacity:.8;text-align:center;line-height:1.2}.performance-indicator[data-v-4c7af96a]{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal)}.status-excellent[data-v-4c7af96a]{background:#4caf50e6;color:#fff}.status-good[data-v-4c7af96a]{background:#8bc34ae6;color:#fff}.status-fair[data-v-4c7af96a]{background:#ff9800e6;color:#fff}.status-poor[data-v-4c7af96a]{background:#f44336e6;color:#fff}.indicator-icon[data-v-4c7af96a]{font-size:14px}.indicator-text[data-v-4c7af96a]{font-weight:500}.suggestions-fade-enter-active[data-v-4c7af96a],.suggestions-fade-leave-active[data-v-4c7af96a]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.suggestions-fade-enter-from[data-v-4c7af96a],.suggestions-fade-leave-to[data-v-4c7af96a]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media screen and (max-width: 480px){.optimization-suggestions[data-v-4c7af96a]{width:95%;padding:16px}.suggestions-title[data-v-4c7af96a]{font-size:15px}.suggestion-text[data-v-4c7af96a]{font-size:13px}.suggestion-btn[data-v-4c7af96a]{padding:10px 12px;font-size:13px}.optimization-controls[data-v-4c7af96a]{bottom:15px;left:15px;right:15px;padding:12px}.controls-title[data-v-4c7af96a]{font-size:15px}.controls-score[data-v-4c7af96a]{font-size:13px}.level-btn[data-v-4c7af96a]{padding:10px 6px}.level-name[data-v-4c7af96a],.level-desc[data-v-4c7af96a]{font-size:12px}.performance-indicator[data-v-4c7af96a]{top:15px;right:15px;font-size:12px;padding:6px 10px}}.power-save[data-v-4c7af96a]{filter:brightness(.8)}.suggestions-close[data-v-4c7af96a]:focus-visible,.suggestion-btn[data-v-4c7af96a]:focus-visible,.level-btn[data-v-4c7af96a]:focus-visible{outline:2px solid var(--color-primary, var(--brand-primary, #2563EB));outline-offset:2px;border-radius:var(--radius-base, 8px)}@media (prefers-contrast: high){.optimization-suggestions[data-v-4c7af96a],.optimization-controls[data-v-4c7af96a],.performance-indicator[data-v-4c7af96a]{border:2px solid white}.level-btn[data-v-4c7af96a]{border:2px solid rgba(255,255,255,.3)}.level-btn.active[data-v-4c7af96a]{border:2px solid white}}@media (prefers-reduced-motion: reduce){.suggestions-fade-enter-active[data-v-4c7af96a],.suggestions-fade-leave-active[data-v-4c7af96a],.suggestion-btn[data-v-4c7af96a],.level-btn[data-v-4c7af96a],.suggestions-close[data-v-4c7af96a]{transition:none}}.mobile-tab-bar[data-v-f6e2e11a]{display:none}@media (max-width: 768px){.mobile-tab-bar[data-v-f6e2e11a]{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);height:56px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--border-light, #e5e7eb);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-tab-bar__item[data-v-f6e2e11a]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2px;text-decoration:none;color:var(--text-secondary, var(--text-muted));transition:color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-tab-bar__item--active[data-v-f6e2e11a]{color:var(--brand-primary, #2563EB)}.mobile-tab-bar__icon[data-v-f6e2e11a]{width:22px;height:22px}.mobile-tab-bar__label[data-v-f6e2e11a]{font-size:12px;line-height:1.2}}@media (max-width: 480px){.mobile-tab-bar[data-v-f6e2e11a]{height:52px}.mobile-tab-bar__icon[data-v-f6e2e11a]{width:20px;height:20px}.mobile-tab-bar__label[data-v-f6e2e11a]{font-size:12px}}button[data-v-f6e2e11a]:focus-visible,a[data-v-f6e2e11a]:focus-visible,[role=tab][data-v-f6e2e11a]:focus-visible,[tabindex][data-v-f6e2e11a]:focus-visible{outline:2px solid var(--brand-primary, #2563EB);outline-offset:2px;border-radius:var(--radius-sm, 4px)}button[data-v-f6e2e11a]:focus:not(:focus-visible),a[data-v-f6e2e11a]:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.mobile-tab-bar__item[data-v-f6e2e11a],.mobile-tab-bar__icon[data-v-f6e2e11a],.mobile-tab-bar__label[data-v-f6e2e11a]{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.mobile-tab-bar[data-v-f6e2e11a],.mobile-tab-bar__item[data-v-f6e2e11a],.mobile-tab-bar__icon[data-v-f6e2e11a],.mobile-tab-bar__label[data-v-f6e2e11a]{border-color:CurrentColor!important}.mobile-tab-bar__item--active[data-v-f6e2e11a]{color:var(--text-primary, #000)!important;background-color:var(--bg-primary, #fff)!important}.mobile-tab-bar__item[data-v-f6e2e11a]{color:var(--text-secondary, #666)!important}}.user-tab-bar[data-v-ca94d4da]{display:none}@media (max-width: 768px){.user-tab-bar[data-v-ca94d4da]{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);height:56px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--border-light, #e5e7eb);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}.user-tab-bar__item[data-v-ca94d4da]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2px;text-decoration:none;color:var(--text-secondary, var(--text-muted));transition:color .2s ease;-webkit-tap-highlight-color:transparent}.user-tab-bar__item--active[data-v-ca94d4da]{color:var(--brand-primary, #2563EB)}.user-tab-bar__icon[data-v-ca94d4da]{width:22px;height:22px}.user-tab-bar__label[data-v-ca94d4da]{font-size:14px;line-height:1.2}}@media (max-width: 480px){.user-tab-bar[data-v-ca94d4da]{height:52px}.user-tab-bar__icon[data-v-ca94d4da]{width:20px;height:20px}.user-tab-bar__label[data-v-ca94d4da]{font-size:14px}}button[data-v-ca94d4da]:focus-visible,a[data-v-ca94d4da]:focus-visible,[role=tab][data-v-ca94d4da]:focus-visible,[tabindex][data-v-ca94d4da]:focus-visible{outline:2px solid var(--brand-primary, #2563EB);outline-offset:2px;border-radius:var(--radius-sm, 4px)}button[data-v-ca94d4da]:focus:not(:focus-visible),a[data-v-ca94d4da]:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.user-tab-bar__item[data-v-ca94d4da],.user-tab-bar__icon[data-v-ca94d4da],.user-tab-bar__label[data-v-ca94d4da]{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.user-tab-bar[data-v-ca94d4da],.user-tab-bar__item[data-v-ca94d4da],.user-tab-bar__icon[data-v-ca94d4da],.user-tab-bar__label[data-v-ca94d4da]{border-color:CurrentColor!important}.user-tab-bar__item--active[data-v-ca94d4da]{color:var(--text-primary, #000)!important;background-color:var(--bg-primary, #fff)!important}.user-tab-bar__item[data-v-ca94d4da]{color:var(--text-secondary, #666)!important}}.error-boundary[data-v-8a0a0632]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:3rem 2rem;text-align:center;background:var(--bg-card, #ffffff);border-radius:var(--radius-lg, 16px);margin:2rem auto;max-width:480px}.error-boundary__icon[data-v-8a0a0632]{color:var(--brand-gold, #d4a853);margin-bottom:1.5rem}.error-boundary__title[data-v-8a0a0632]{font-size:1.25rem;font-weight:600;color:var(--text-heading, #0f172a);margin:0 0 .5rem}.error-boundary__desc[data-v-8a0a0632]{font-size:.95rem;color:var(--text-secondary, #64748b);line-height:1.6;margin:0 0 1.5rem}.error-boundary__debug[data-v-8a0a0632]{width:100%;padding:.75rem 1rem;margin-bottom:1.5rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm, 8px);text-align:left}.error-boundary__debug-msg[data-v-8a0a0632]{font-size:.8rem;color:var(--brand-error, #ef4444);font-family:monospace;word-break:break-word;margin:0;line-height:1.5}.mt-3[data-v-8a0a0632]{margin-top:.75rem}@media (max-width: 480px){.error-boundary[data-v-8a0a0632]{min-height:240px;padding:2rem 1.5rem;margin:1rem}.error-boundary__icon[data-v-8a0a0632]{width:48px;height:48px;margin-bottom:1rem}.error-boundary__title[data-v-8a0a0632]{font-size:1.1rem}.error-boundary__desc[data-v-8a0a0632]{font-size:.875rem}}.logo-icon-svg[data-v-ce2c4d88]{display:inline-block;vertical-align:middle;flex-shrink:0}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--brand-primary, #2563EB);color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;font-size:14px;font-weight:600;z-index:var(--z-max);text-decoration:none;transition:top var(--transition-fast) var(--ease-out)}.skip-link:focus{top:0}body{line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--gradient-hero, linear-gradient(135deg, #1E3A5F, #2563EB, #3B82F6));box-shadow:0 2px 20px #00000026;position:sticky;top:0;z-index:var(--z-modal)}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.header-left{display:flex;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}@media (hover:hover){.logo-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}}.logo-icon{font-size:2rem;margin-right:.5rem}.logo-icon-img{width:36px;height:36px;margin-right:.5rem;vertical-align:middle;border-radius:4px;box-shadow:var(--shadow-sm);filter:brightness(1.3) contrast(1.2) drop-shadow(0 0 8px rgba(255,255,255,.6));background:#ffffffe6;padding:1px;border:none;object-fit:contain}.logo-text{background:linear-gradient(45deg,var(--bg-card),var(--brand-primary-50));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-nav{display:flex;align-items:center;gap:2rem}.nav-link{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;text-decoration:none;padding:.75rem 1.5rem;border-radius:25px;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out);font-weight:500;position:relative;overflow:hidden;min-height:44px}.nav-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.nav-main{font-size:.95rem;font-weight:600;color:#fff}.nav-sub{font-size:.75rem;font-weight:400;color:#fffc;letter-spacing:.5px}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}@media (hover:hover){.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}}.nav-link.router-link-active{background:#fff3;color:#fff}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.nav-icon :deep(svg){width:20px;height:20px}.nav-status{position:absolute;top:.5rem;right:.5rem;font-size:.8rem;background:#fff3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-link.completed .nav-status{background:linear-gradient(135deg,var(--brand-success),var(--brand-success-dark, #059669));color:#fff}.nav-link.locked{opacity:.7}.nav-link.locked .nav-status{background:#636e72cc;color:#fff}.nav-link.processing{background:#ffffff26;box-shadow:0 0 20px rgba(var(--brand-warning-rgb),.3);border:1px solid rgba(var(--brand-warning-rgb),.3)}button.nav-link{border:none;background:transparent;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;min-height:44px}button.nav-link:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.user-center-entry{cursor:pointer}.nav-link.processing .nav-status{background:linear-gradient(135deg,var(--brand-warning),var(--brand-warning-dark, #d97706));color:#fff;animation:fadeInUp .3s ease-out forwards}.nav-link.in-progress{background:#fff3;box-shadow:0 0 25px rgba(var(--brand-primary-rgb),.6);border:2px solid rgba(var(--brand-primary-rgb),.7);animation:fadeInUp .3s ease-out forwards;transform:scale(1.02)}.nav-link.in-progress .nav-text{color:#fff;font-weight:700;text-shadow:0 0 8px rgba(var(--brand-primary-rgb),.8)}.nav-link.in-progress.payment-pending{background:rgba(var(--brand-warning-rgb),.15);box-shadow:0 0 20px rgba(var(--brand-warning-rgb),.4);border:1px solid rgba(var(--brand-warning-rgb),.5);animation:fadeInUp .3s ease-out forwards}.nav-link.in-progress.payment-pending .nav-text{color:#fff;font-weight:600}.header-right,.user-menu{display:flex;align-items:center;gap:1rem}.user-name{color:#fff;font-weight:500}.logout-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out);font-size:.9rem;min-height:44px}@media (hover:hover){.logout-btn:hover{background:#fff3;transform:translateY(-1px)}}.auth-buttons{display:flex;align-items:center;gap:.5rem}.auth-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out);font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.auth-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}@media (hover:hover){.auth-link:hover:before{left:100%}}.login-link{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}@media (hover:hover){.login-link:hover{background:#fff3;transform:translateY(-1px)}}.register-link{background:rgba(var(--brand-success-rgb),.8);border:1px solid rgba(var(--brand-success-rgb),.9)}@media (hover:hover){.register-link:hover{background:rgba(var(--brand-success-rgb),1);transform:translateY(-1px)}}.app-main{flex:1;padding:2rem 0}.page-transition-wrapper{min-height:100%}.app-main.auth-main{padding:0;background:var(--gradient-hero, linear-gradient(135deg, #1E3A5F, #2563EB, #3B82F6));min-height:100vh;display:flex;align-items:center;justify-content:center}.app-footer{background:var(--bg-footer, #1a2332);color:#ffffffd9;padding:2.5rem 0 1.5rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;text-align:left}.footer-section{display:flex;flex-direction:column;gap:.5rem}.footer-title{font-size:.85rem;font-weight:600;color:#fffffff2;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.footer-link{font-size:.82rem;color:#ffffffd9;text-decoration:none;transition:color var(--transition-fast);padding:.35rem 0;display:inline-block;min-height:44px;line-height:1.6}@media (hover:hover){.footer-link:hover{color:var(--brand-gold, #d4a853)}}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;text-align:center;font-size:.78rem;color:#ffffffb3}.footer-beian{margin-top:6px;font-size:.75rem}.beian-link{color:#fffc;text-decoration:none;transition:color var(--transition-fast)}@media (hover:hover){.beian-link:hover{color:#fffc}}.beian-separator{color:#ffffffb3;margin:0 8px}.police-beian-link{display:inline-flex;align-items:center;gap:4px}.police-beian-icon{height:14px;width:auto;vertical-align:middle}.footer-bottom p{margin:0}.mobile-nav-secondary{opacity:.75;font-size:.9em}@media (min-width: 769px) and (max-width: 1024px){.header-nav{gap:.8rem}.nav-link{padding:.6rem 1rem;gap:.4rem}.nav-main{font-size:.88rem}.nav-link .nav-sub{display:none}}@media (min-width: 1024px){.nav-main{font-size:1rem}.footer-link{font-size:.875rem}.desktop-nav .nav-link:focus-visible,.desktop-nav a.nav-link:focus-visible,.desktop-nav button.nav-link:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px;border-radius:4px}}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0;min-width:44px;background:#ffffff1a;border:none;border-radius:6px;cursor:pointer;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}@media (hover:hover){.mobile-menu-button:hover{background:#fff3}}.hamburger-line{display:block;width:20px;height:2px;background:var(--bg-card);margin:2px 0;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out);border-radius:2px}.hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-max);opacity:0;visibility:hidden;transition:transform var(--transition-base) var(--ease-out),opacity var(--transition-base) var(--ease-out)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:280px;height:100%;background:var(--gradient-hero, linear-gradient(135deg, #1E3A5F, #2563EB, #3B82F6));box-shadow:-4px 0 20px #0003;z-index:var(--z-max);transform:translate(100%);transition:transform var(--transition-base) var(--ease-out);display:flex;flex-direction:column}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-logo{display:flex;align-items:center;color:#fff;font-size:1.2rem;font-weight:700}.mobile-logo .logo-icon{font-size:1.5rem;margin-right:.5rem}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out)}@media (hover:hover){.mobile-menu-close:hover{background:#fff3}}.mobile-menu-content{flex:1;padding:1rem 0;overflow-y:auto}.mobile-nav-link{display:flex;align-items:center;padding:1rem;color:#ffffffe6;text-decoration:none;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out);border-left:3px solid transparent;position:relative;min-height:44px}@media (hover:hover){.mobile-nav-link:hover{background:#ffffff1a;color:#fff;border-left-color:#ffffff4d}}.mobile-nav-link .nav-icon{width:24px;height:24px;margin-right:1rem;flex-shrink:0}.mobile-nav-link .nav-icon :deep(svg){width:24px;height:24px}.mobile-nav-link .nav-text{font-size:1rem;font-weight:500}.nav-text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1}.nav-text-container .nav-main{font-size:1rem;font-weight:600;color:#fff;line-height:1.2}.nav-text-container .nav-sub{font-size:.75rem;font-weight:400;color:#ffffffb3;letter-spacing:.5px}.mobile-nav-link .nav-status{background:#fff3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-left:.5rem}.mobile-nav-link.completed .nav-status{background:linear-gradient(135deg,var(--brand-success),var(--brand-success-dark, #059669));color:#fff}.mobile-nav-link.locked .nav-status{background:#636e72cc;color:#fff}.mobile-nav-link.processing .nav-status{background:linear-gradient(135deg,var(--brand-warning),var(--brand-warning-dark, #d97706));color:#fff;animation:fadeInUp .3s ease-out forwards}.mobile-nav-link.in-progress{background:#ffffff26;border-left-color:rgba(var(--brand-primary-rgb),.8)}.mobile-menu-divider{height:1px;background:#ffffff1a;margin:.5rem 1rem}.mobile-user-section{padding:1rem}.mobile-user-info{display:flex;align-items:center;padding:.75rem 0;color:#fff;font-weight:500;margin-bottom:.5rem}.mobile-user-info .user-icon{width:24px;height:24px;margin-right:1rem;display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.mobile-user-info .user-icon :deep(svg){width:24px;height:24px}.mobile-logout-btn{display:flex;align-items:center;width:100%;padding:.75rem 0;background:none;border:none;color:#ffffffe6;text-align:left;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out);border-radius:6px;min-height:44px}@media (hover:hover){.mobile-logout-btn:hover{background:#ffffff1a;color:#fff}}.mobile-logout-btn .nav-icon{width:24px;height:24px;margin-right:1rem;flex-shrink:0}.mobile-logout-btn .nav-icon :deep(svg){width:24px;height:24px}.mobile-auth-section{padding:1rem}.mobile-auth-link{display:flex;align-items:center;padding:.75rem 0;color:#ffffffe6;text-decoration:none;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out);border-radius:6px;margin-bottom:.5rem}@media (hover:hover){.mobile-auth-link:hover{background:#ffffff1a;color:#fff}}.mobile-auth-link.register{background:rgba(var(--brand-success-rgb),.2);margin-top:.5rem}@media (hover:hover){.mobile-auth-link.register:hover{background:rgba(var(--brand-success-rgb),.3)}}.mobile-auth-link .nav-icon{width:24px;height:24px;margin-right:1rem;flex-shrink:0}.mobile-auth-link .nav-icon :deep(svg){width:24px;height:24px}@media (max-width: 768px){.header-container{padding:0 .75rem;height:56px}.desktop-nav,.logo-text,.user-name,.header-right .auth-buttons,.header-right .user-menu{display:none}.app-main{padding:.5rem 0}.app-main.has-mobile-tab-bar{padding-bottom:70px}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-main.has-mobile-tab-bar{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}.mobile-menu-button{display:flex}.app-footer{padding:1.5rem 0 1rem;font-size:.875rem}.footer-container{padding:0 1rem}.footer-nav{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width: 480px){.header-container{padding:0 .5rem;height:52px}.mobile-menu{width:100%;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.header-container .logo-icon-img{width:28px;height:28px}.app-main{padding:0}.app-main.has-mobile-tab-bar{padding-bottom:70px}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-main.has-mobile-tab-bar{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}.app-footer{padding:1rem 0 .75rem;font-size:.875rem}.footer-nav{grid-template-columns:1fr 1fr;gap:1rem}.footer-section{gap:.3rem}.footer-title{font-size:.875rem;margin-bottom:.3rem}.footer-link{min-height:44px;padding:.4rem 0;font-size:.875rem}}.shortcuts-help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-max);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-base) var(--ease-out)}.shortcuts-help-modal{background:var(--bg-card, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:560px;width:90%;max-height:80vh;overflow-y:auto;animation:shortcutsHelpSlideIn .3s var(--ease-out)}@keyframes shortcutsHelpSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-help-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-default, #e2e8f0)}.shortcuts-help-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;color:var(--text-heading, #0f172a)}.shortcuts-help-title .nav-icon{color:var(--brand-primary, #2563EB)}.shortcuts-help-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-section-alt, #f1f5f9);border:none;border-radius:50%;color:var(--text-secondary, #64748b);cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out)}@media (hover:hover){.shortcuts-help-close:hover{background:var(--border-default, #e2e8f0);transform:rotate(90deg)}}.shortcuts-help-close:focus-visible{outline:2px solid var(--brand-primary, #2563EB);outline-offset:2px}.shortcuts-help-body{padding:1.5rem 2rem 2rem}.shortcuts-help-desc{color:var(--text-secondary, #64748b);font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.shortcuts-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-section-alt, #f1f5f9);border-radius:8px;transition:transform var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out)}@media (hover:hover){.shortcut-item:hover{transform:translate(4px);background:var(--brand-primary-50, #eef6fc)}}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:.4rem .75rem;background:var(--bg-card, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-bottom-width:2px;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;font-weight:600;color:var(--brand-primary, #2563EB);white-space:nowrap;box-shadow:var(--shadow-xs)}.shortcut-desc{color:var(--text-heading, #0f172a);font-size:.95rem;font-weight:500}.shortcuts-help-tip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--brand-warning-50, #fdf8eb);border-radius:8px;color:var(--brand-warning-dark, #92400e);font-size:.85rem;margin:0}.shortcuts-help-tip .nav-icon{color:var(--brand-warning, #E6A23C);flex-shrink:0}@media (max-width: 768px){.shortcuts-help-modal{width:95%;max-height:85vh}.shortcuts-help-header{padding:1rem 1.5rem}.shortcuts-help-title{font-size:1.25rem}.shortcuts-help-body{padding:1rem 1.5rem 1.5rem}.shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcut-key{min-width:auto}}@media (prefers-reduced-motion: reduce){.shortcuts-help-modal{animation:none!important}.shortcuts-help-close{transition:none!important}.shortcuts-help-close:hover{transform:none!important}.shortcut-item{transition:none!important}.shortcut-item:hover{transform:none!important}}.page-fade-enter-active{transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out)}.page-fade-leave-active{transition:opacity var(--transition-fast) var(--ease-in)}.page-fade-enter-from{opacity:0;transform:translateY(10px)}.page-fade-leave-to{opacity:0}@media (min-width: 1280px){.header-container,.footer-container{max-width:1320px}}@media (min-width: 1440px){.header-container,.footer-container{max-width:var(--container-max-width-wide, 1440px)}}@media (min-width: 1920px){.header-container,.footer-container{max-width:var(--container-max-width-ultra, 1600px)}}@media (prefers-reduced-motion: reduce){.nav-link.processing .nav-status,.nav-link.in-progress,.nav-link.in-progress.payment-pending,.mobile-nav-link.processing .nav-status{animation:none!important}.page-fade-enter-active,.page-fade-leave-active{transition:none!important}}@media (prefers-contrast: high){.app-header{border-bottom:2px solid var(--text-primary)!important}.app-footer,.footer-bottom{border-top:2px solid var(--text-primary)!important}.mobile-menu-divider{background:var(--text-primary)!important;height:2px!important}.mobile-menu-header{border-bottom:2px solid var(--text-primary)!important}.nav-link:focus-visible,button.nav-link:focus-visible,.mobile-nav-link:focus-visible,.logout-btn:focus-visible,.mobile-logout-btn:focus-visible,.mobile-menu-button:focus-visible,.mobile-menu-close:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}.desktop-nav .nav-link:focus-visible,.desktop-nav a.nav-link:focus-visible,.desktop-nav button.nav-link:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}.shortcuts-help-modal{border:2px solid var(--text-primary)!important}.shortcuts-help-header{border-bottom:2px solid var(--text-primary)!important}.shortcut-key{border:2px solid var(--text-primary)!important}.shortcuts-help-close:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:2px!important}.footer-link,.beian-link{text-decoration:underline!important}}