:root{--bg-canvas:#f3f5f7;--bg-surface:#fff;--bg-subtle:#f8fafb;--bg-accent-subtle:#eaf2ff;--text-primary:#18212b;--text-secondary:#5f6b78;--text-muted:#7c8794;--border-default:#dfe4e9;--border-strong:#c9d0d8;--accent:#1769e0;--accent-hover:#0f56bc;--danger:#c83232;--danger-subtle:#fff1f1;--success:#247a49;--success-subtle:#ecf8f1;--warning:#93651c;--warning-subtle:#fff8e8;--shadow-subtle:0 1px 2px #141f2c14;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sidebar-width:240px}*{box-sizing:border-box}html{background:var(--bg-canvas);min-width:320px}body{background:var(--bg-canvas);min-height:100vh;color:var(--text-primary);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{outline-color:var(--accent);outline-offset:2px}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}