:root{color-scheme:light;--color-primary-700:#194ca9;--color-primary-600:#245fce;--color-primary-500:#3474df;--color-primary-100:#d9e8ff;--color-primary-50:#edf4ff;--color-success-600:#2e805f;--color-danger-600:#d94747;--color-text-primary:#102039;--color-text-heading:#122641;--color-text-body:#617089;--color-text-secondary:#718097;--color-text-muted:#8a98ad;--color-canvas:#f7f9fc;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-border:#dfe6ef;--color-border-strong:#cbd7e6;--color-navy:#102c54;--font-sans:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:30px;--font-size-page-title:clamp(36px,4.4vw,58px);--line-height-tight:1.2;--line-height-heading:1.35;--line-height-body:1.75;--site-width:1180px;--site-gutter:24px;--header-height:68px;--section-space:104px;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--shadow-workspace:0 24px 60px rgba(29,49,77,.1);--transition-fast:.16s ease;--primary-700:var(--color-primary-700);--primary-600:var(--color-primary-600);--primary-500:var(--color-primary-500);--primary-400:#5b8ee5;--primary-100:var(--color-primary-100);--primary-500-rgb:52,116,223;--primary-600-rgb:36,95,206}html{scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}body{background:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-body);margin:0;overflow-y:scroll;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}.container,.shell,.site-shell{margin-inline:auto;width:min(var(--site-width),100% - var(--site-gutter) * 2)}.page-title{font-size:var(--font-size-page-title);letter-spacing:-.035em;line-height:var(--line-height-tight)}.page-title,.section-title{color:var(--color-text-heading);font-weight:700;margin:0}.section-title{font-size:clamp(28px,3vw,38px);letter-spacing:-.025em;line-height:var(--line-height-heading)}.body-copy{color:var(--color-text-body);font-size:var(--font-size-md);line-height:var(--line-height-body)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.tool-workspace{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-workspace);overflow:hidden}.tool-panel,.tool-workspace{background:var(--color-surface)}.tool-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.btn{border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:600;line-height:1.4;min-height:42px;padding:9px 20px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:focus-visible{outline:3px solid rgba(var(--primary-500-rgb),.2);outline-offset:2px}.btn.primary{background:var(--color-primary-600);color:#fff}.btn.primary:hover:not(:disabled){background:var(--color-primary-700)}.btn.ghost{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-primary-600)}.btn.ghost:hover:not(:disabled){border-color:var(--color-primary-600);color:var(--color-primary-700)}.btn.secondary{background:var(--color-primary-50);color:var(--color-primary-600)}.btn.secondary:hover:not(:disabled){background:var(--color-primary-100)}.btn:disabled{background:#e5ebf3;box-shadow:none;color:var(--color-text-muted);cursor:not-allowed}@media(max-width:620px){:root{--site-gutter:16px;--header-height:60px;--section-space:80px}body{font-size:14px}.tool-workspace{border-left:0;border-radius:0;border-right:0;box-shadow:none;width:100%}}