:root{--yqs-color-bg:#f3f4f6;--yqs-color-body-bg:var(--yqs-color-bg);--yqs-color-bg-gradient-start:#f9fafb;--yqs-color-bg-gradient-mid:#f3f4f6;--yqs-color-bg-gradient-end:#f9fafb;--yqs-color-text:#1f2937;--yqs-color-text-muted:#6b7280;--yqs-color-accent:#10b981;--yqs-color-primary:#2563eb;--yqs-color-primary-contrast:#ffffff;--yqs-color-danger:#dc2626;--yqs-color-danger-text:#fff;--yqs-color-success:#059669;--yqs-color-warning:#d97706;--yqs-color-border:#d1d5db;--yqs-color-divider:#e5e7eb;--yqs-color-card-bg:#ffffff;--yqs-color-card-border:#e5e7eb;--yqs-color-shadow:rgba(0,0,0,0.05);--yqs-color-shadow-hover:rgba(0,0,0,0.1);--yqs-color-scrim:rgba(0,0,0,0.35);--yqs-radius:12px;--yqs-radius-sm:10px;--yqs-radius-lg:16px;--yqs-shadow-sm:0 1px 2px rgba(0,0,0,0.06);--yqs-shadow-md:0 10px 28px rgba(0,0,0,0.10);--yqs-shadow-overlay:0 18px 45px rgba(0,0,0,0.18);--yqs-transition:250ms ease;--yqs-max-width:1200px}