:root{--color-primary:#1677ff;--color-primary-hover:#0958d9;--color-bg:#fff;--color-bg-secondary:#f5f5f5;--color-border:#e8e8e8;--color-text:#1a1a1a;--color-text-secondary:#595959;--color-sidebar-bg:#fafafa;--color-success:#52c41a;--color-warning:#faad14;--color-error:#ff4d4f;--color-info:#1677ff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--max-width:1280px;--sidebar-width:240px;--font-family:Inter, system-ui, -apple-system, sans-serif;--font-size-base:14px;--line-height-base:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}