.app-header[data-v-1c49a75d]{z-index:var(--z-header);background:var(--color-haipai);box-shadow:var(--shadow-md);position:sticky;top:0}.header-inner[data-v-1c49a75d]{align-items:center;gap:var(--space-8);height:64px;padding:0 var(--space-12);max-width:1440px;margin:0 auto;display:flex}.brand[data-v-1c49a75d]{align-items:center;gap:var(--space-3);color:var(--text-inverse);font-family:var(--font-display);transition:opacity var(--transition-fast);display:inline-flex}.brand[data-v-1c49a75d]:hover{opacity:.85;color:var(--text-inverse)}.brand-mark[data-v-1c49a75d]{background:var(--color-feiyi);width:36px;height:36px;color:var(--text-on-feiyi);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:inline-flex}.brand-name[data-v-1c49a75d]{font-size:var(--text-h3);letter-spacing:.05em;font-weight:600}.tabs[data-v-1c49a75d]{gap:var(--space-2);margin-left:var(--space-8);display:flex}.tab[data-v-1c49a75d]{padding:var(--space-2) var(--space-5);color:var(--haipai-100);font-size:var(--text-body);border-radius:var(--radius-pill);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;align-items:center;font-weight:500;display:inline-flex}.tab[data-v-1c49a75d]:hover{background:var(--haipai-700);color:var(--text-inverse)}.tab.is-active[data-v-1c49a75d]{background:var(--color-cream);color:var(--color-haipai);border-color:var(--color-feiyi);font-weight:600}.actions[data-v-1c49a75d]{align-items:center;gap:var(--space-3);margin-left:auto;display:inline-flex}.loading-badge[data-v-1c49a75d]{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-cream);color:var(--color-haipai);font-size:var(--text-small);border-radius:var(--radius-pill);border:1px solid var(--color-feiyi);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast);font-weight:600;display:inline-flex}.loading-badge.is-busy[data-v-1c49a75d]{background:var(--color-feiyi);color:var(--text-on-feiyi)}.loading-badge .dot[data-v-1c49a75d]{background:var(--color-feiyi);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite badge-pulse-1c49a75d;display:inline-block}.loading-badge.is-busy .dot[data-v-1c49a75d]{background:var(--color-cream);animation-duration:.8s}@keyframes badge-pulse-1c49a75d{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (width<=768px){.header-inner[data-v-1c49a75d]{padding:0 var(--space-4);gap:var(--space-4)}.brand-name[data-v-1c49a75d]{display:none}.tabs[data-v-1c49a75d]{margin-left:var(--space-2);gap:var(--space-1)}.tab[data-v-1c49a75d]{padding:var(--space-1) var(--space-3);font-size:var(--text-small)}.loading-badge[data-v-1c49a75d]{padding:2px var(--space-2);font-size:11px}}.dots[data-v-6a0f1dab]{align-items:center;gap:var(--space-3);display:inline-flex}.dots__dot[data-v-6a0f1dab]{background:var(--color-haipai);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dots-bounce-6a0f1dab;display:inline-block}.dots__dot[data-v-6a0f1dab]:nth-child(2){animation-delay:.15s}.dots__dot[data-v-6a0f1dab]:nth-child(3){animation-delay:.3s}.dots--feiyi .dots__dot[data-v-6a0f1dab]{background:var(--color-feiyi)}.dots--sm .dots__dot[data-v-6a0f1dab]{width:6px;height:6px}.dots--md .dots__dot[data-v-6a0f1dab]{width:8px;height:8px}.dots--lg .dots__dot[data-v-6a0f1dab]{width:12px;height:12px}.dots__text[data-v-6a0f1dab]{margin-left:var(--space-2);color:var(--text-secondary);font-size:var(--text-body)}.dots--sm .dots__text[data-v-6a0f1dab]{font-size:var(--text-small)}.dots--lg .dots__text[data-v-6a0f1dab]{font-size:var(--text-h3)}@keyframes dots-bounce-6a0f1dab{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.dots__dot[data-v-6a0f1dab]{opacity:.7;animation:none}}.error-panel[data-v-c6b5dac0]{gap:var(--space-4);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--feiyi-100);border-left:4px solid var(--color-feiyi);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);align-items:flex-start;display:flex}.error-panel__icon[data-v-c6b5dac0]{width:40px;height:40px;color:var(--color-feiyi);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.error-panel__body[data-v-c6b5dac0]{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.error-panel__title[data-v-c6b5dac0]{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-primary);margin:0;font-weight:600}.error-panel__message[data-v-c6b5dac0]{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.error-panel__retry[data-v-c6b5dac0]{margin-top:var(--space-2);align-self:flex-start}@media (width<=768px){.error-panel[data-v-c6b5dac0]{padding:var(--space-4)}.error-panel__icon[data-v-c6b5dac0]{width:32px;height:32px}}.ds-badge[data-v-b9f53c1f]{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-caption);color:var(--color-haipai);background:var(--color-cream);border:1px solid var(--color-haipai);border-radius:var(--radius-pill);transition:background var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}a.ds-badge[data-v-b9f53c1f]:hover{background:var(--color-haipai);color:var(--text-inverse)}.ds-badge__icon[data-v-b9f53c1f]{color:var(--color-feiyi);align-items:center;display:inline-flex}a.ds-badge:hover .ds-badge__icon[data-v-b9f53c1f]{color:var(--color-cream)}.ds-badge__text[data-v-b9f53c1f]{white-space:nowrap;letter-spacing:.02em}.image-compare[data-v-8caebf06]{aspect-ratio:16/9;background:var(--bg-skeleton);border:2px solid var(--color-haipai);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;width:100%;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.image-compare[data-v-8caebf06]:focus-visible{outline:3px solid var(--color-feiyi);outline-offset:2px}.image-compare__layer[data-v-8caebf06]{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.image-compare__tag[data-v-8caebf06]{top:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-haipai);color:var(--text-inverse);font-size:var(--text-caption);letter-spacing:.05em;border-radius:var(--radius-pill);pointer-events:none;font-weight:600;position:absolute}.image-compare__tag--left[data-v-8caebf06]{left:var(--space-3)}.image-compare__tag--right[data-v-8caebf06]{right:var(--space-3);background:var(--color-feiyi)}.image-compare__handle[data-v-8caebf06]{pointer-events:none;width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.image-compare__line[data-v-8caebf06]{background:var(--color-feiyi);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #fff9}.image-compare__knob[data-v-8caebf06]{background:var(--color-feiyi);width:40px;height:40px;color:var(--text-on-feiyi);box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-compare.is-dragging .image-compare__knob[data-v-8caebf06],.image-compare:hover .image-compare__knob[data-v-8caebf06]{transform:translate(-50%,-50%)scale(1.1)}@media (prefers-reduced-motion:reduce){.image-compare__knob[data-v-8caebf06]{transition:none}}.scroll-reveal[data-v-4ddac4e7]{--reveal-distance:16px;--reveal-duration:.45s;--reveal-delay:0s;opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--reveal-duration) ease-out var(--reveal-delay), transform var(--reveal-duration) cubic-bezier(.4, 0, .2, 1) var(--reveal-delay);will-change:opacity, transform}.scroll-reveal.is-visible[data-v-4ddac4e7]{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.scroll-reveal[data-v-4ddac4e7]{transition:opacity .2s ease-out;transform:none}.scroll-reveal.is-visible[data-v-4ddac4e7]{transform:none}}.app-main{min-height:calc(100vh - 64px);padding:var(--space-6) var(--space-12);background:var(--bg-page)}.page-enter-active,.page-leave-active{transition:opacity var(--transition-base), transform var(--transition-base)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}@media (width<=768px){.app-main{padding:var(--space-4)}}:root{--color-haipai:#2e5c8a;--color-feiyi:#c84b31;--color-cream:#f4e4bc;--haipai-50:#f0f5fa;--haipai-100:#d9e5f0;--haipai-200:#b3cae0;--haipai-300:#7fa0c5;--haipai-400:#5484ac;--haipai-500:#2e5c8a;--haipai-600:#254a72;--haipai-700:#1d3a5c;--haipai-800:#142b45;--haipai-900:#0b1b2e;--feiyi-50:#fbe9e4;--feiyi-100:#f5c9bc;--feiyi-200:#eda88f;--feiyi-300:#e28264;--feiyi-400:#d66649;--feiyi-500:#c84b31;--feiyi-600:#a03b25;--feiyi-700:#7a2d1c;--feiyi-800:#541e13;--feiyi-900:#2e0f0a;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#f4e4bc;--text-on-feiyi:#fff;--bg-page:#f4e4bc;--bg-card:#fff;--bg-elevated:#fff;--bg-mask:#2e5c8a8c;--bg-skeleton:#e8dcc0;--bg-cream-hover:#ecddb6;--border-default:#e8dcc0;--border-strong:#2e5c8a;--border-subtle:#f0e5c5;--state-success:#2f855a;--state-warning:#d97706;--state-error:#c84b31;--state-info:#2e5c8a;--font-display:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Consolas", monospace;--text-h1:32px;--text-h2:24px;--text-h3:18px;--text-body:15px;--text-small:13px;--text-caption:11px;--leading-tight:1.25;--leading-snug:1.3;--leading-normal:1.4;--leading-relaxed:1.6;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0 1px 2px #2e5c8a14;--shadow-md:0 4px 12px #2e5c8a1f;--shadow-lg:0 8px 24px #2e5c8a29;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--z-header:100;--z-modal:1000;--z-toast:2000}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{min-height:100vh}a{color:var(--color-haipai);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--haipai-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--haipai-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--haipai-500)}::selection{background:var(--haipai-200);color:var(--text-primary)}