:root{--color-brand-50:#eef3ff;--color-brand-100:#d4e0ff;--color-brand-500:#3370ff;--color-brand-600:#245bdb;--color-brand-700:#1a4acb;--color-text-primary:#1f2329;--color-text-secondary:#646a73;--color-text-tertiary:#8f959e;--color-text-disabled:#bbbfc4;--color-text-inverse:#ffffff;--color-text-link:var(--color-brand-500);--color-bg-page:#f5f6f7;--color-bg-elevated:#ffffff;--color-bg-subtle:#eff0f1;--color-bg-disabled:#f2f3f5;--color-bg-brand-soft:var(--color-brand-50);--color-bg-overlay:rgba(31,35,41,0.45);--color-border-default:#dee0e3;--color-border-strong:#c6c9cf;--color-border-focus:var(--color-brand-500);--color-success:#34c724;--color-success-bg:#e8f9e6;--color-warning:#ff8800;--color-warning-bg:#fff5e6;--color-danger:#f54a45;--color-danger-bg:#feeeee;--color-info:#3370ff;--color-info-bg:var(--color-brand-50);--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;--font-family-sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:28px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--border-width-thin:1px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px rgba(31,35,41,0.06);--shadow-md:0 4px 12px rgba(31,35,41,0.08);--shadow-lg:0 8px 24px rgba(31,35,41,0.12);--focus-ring:0 0 0 2px var(--color-bg-elevated),0 0 0 4px var(--color-brand-500);--size-topbar-height:56px;--size-nav-width:220px;--size-preview-width:720px;--size-form-max:420px;--size-content-max:960px;--size-control-height:36px;--size-control-height-lg:40px;--size-touch-min:44px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--duration-fast:120ms;--duration-normal:200ms;--easing-standard:cubic-bezier(0.2,0,0,1);--z-base:0;--z-sticky:10;--z-dropdown:20;--z-overlay:30;--z-modal:40;--z-toast:50;--bp-md:768px;--bp-lg:1100px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;padding:0;min-height:100%;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}body{overflow-x:hidden}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-brand-600);text-decoration:underline}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}img,svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}