:root{color-scheme:light;--ds-font-sans: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;--ds-color-brand-primary: #4f46e5;--ds-color-brand-primary-hover: #4338ca;--ds-color-brand-primary-active: #3730a3;--ds-color-ink: #172033;--ds-color-muted: #64748b;--ds-color-surface: #ffffff;--ds-color-canvas: #f7f9ff;--ds-color-border: #d9e0ec;--ds-color-focus: #818cf8;--ds-color-danger: #ef4444;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-pill: 999px;--ds-motion-standard: .16s;--ds-motion-emphasis: .24s;--ds-z-sticky: 10;--ds-z-popover: 30;--ds-z-modal: 50}*,*:before,*:after{box-sizing:border-box}[data-ds=button],[data-ds=icon-button]{min-height:44px;border:1px solid transparent;border-radius:var(--ds-radius-md);font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--ds-motion-standard) ease,border-color var(--ds-motion-standard) ease,box-shadow var(--ds-motion-standard) ease,transform var(--ds-motion-standard) ease}[data-ds=button]{padding:0 var(--ds-space-4)}[data-ds=button][data-size=sm]{min-height:44px;padding-inline:var(--ds-space-3);font-size:13px}[data-ds=button][data-size=lg]{min-height:48px;padding-inline:var(--ds-space-5)}[data-ds=button][data-tone=primary]{color:#fff;background:var(--ds-color-brand-primary)}[data-ds=button][data-tone=secondary]{color:var(--ds-color-ink);background:var(--ds-color-surface);border-color:var(--ds-color-border)}[data-ds=button][data-tone=ghost]{color:var(--ds-color-ink);background:transparent}[data-ds=button][data-tone=danger]{color:#fff;background:var(--ds-color-danger)}[data-ds=button]:hover:not(:disabled),[data-ds=icon-button]:hover:not(:disabled){box-shadow:var(--ds-shadow-sm, 0 2px 8px rgb(23 32 51 / 8%))}[data-ds=button][data-tone=primary]:hover:not(:disabled){background:var(--ds-color-brand-primary-hover)}[data-ds=button]:active:not(:disabled),[data-ds=icon-button]:active:not(:disabled){transform:translateY(1px)}[data-ds=button]:focus-visible,[data-ds=icon-button]:focus-visible,[data-ds=field] :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--ds-color-focus) 50%,transparent);outline-offset:2px}[data-ds=button]:disabled,[data-ds=icon-button]:disabled{cursor:not-allowed;opacity:.48}[data-ds=icon-button]{display:inline-grid;place-items:center;width:44px;padding:0;color:var(--ds-color-ink);background:var(--ds-color-surface);border-color:var(--ds-color-border)}[data-ds=icon-button][data-tone=primary]{color:#fff;background:var(--ds-color-brand-primary);border-color:var(--ds-color-brand-primary)}[data-ds=field]{display:grid;gap:var(--ds-space-2);color:var(--ds-color-ink);font-size:14px}[data-ds=field-label]{font-weight:600}[data-ds=field-hint]{color:var(--ds-color-muted);font-size:12px}[data-ds=field-error]{color:var(--ds-color-danger);font-size:12px}[data-ds=field] :is(input,select,textarea){min-height:44px;width:100%;padding:0 var(--ds-space-3);color:var(--ds-color-ink);background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);font:inherit}[data-ds=field] textarea{padding-block:var(--ds-space-3)}[data-ds=tooltip]{position:relative;display:inline-flex}[data-ds=tooltip-content]{position:absolute;z-index:var(--ds-z-popover);left:50%;bottom:calc(100% + var(--ds-space-2));transform:translate(-50%);width:max-content;max-width:240px;padding:6px 10px;color:#fff;background:var(--ds-color-ink);border-radius:var(--ds-radius-sm);font-size:12px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity var(--ds-motion-standard) ease}[data-ds=tooltip]:is(:hover,:focus-within) [data-ds=tooltip-content]{opacity:1}@media(prefers-reduced-motion:reduce){[data-ds=button],[data-ds=icon-button],[data-ds=tooltip-content]{transition-duration:0ms}}:root{color-scheme:light}body.site-page{min-width:320px;min-height:100vh;margin:0;color:var(--ds-color-ink);background:radial-gradient(circle at 78% 16%,rgb(219 234 254 / 58%),transparent 28rem),var(--ds-color-canvas);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}body.site-page a{color:inherit;text-decoration:none}body.site-page .skip-link{position:fixed;z-index:var(--ds-z-modal);top:8px;left:8px;padding:8px 12px;color:#fff;background:var(--ds-color-ink);border-radius:var(--ds-radius-sm);transform:translateY(-160%)}body.site-page .skip-link:focus{transform:translateY(0)}body.site-page .site-header,body.site-page .site-footer,body.site-page .section-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}body.site-page .site-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid rgb(217 224 236 / 70%)}body.site-page .site-identity{display:flex;align-items:center;min-width:0;gap:14px}body.site-page .brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:750;letter-spacing:-.02em}body.site-page .toolbox-logo{flex:0 0 auto}body.site-page .brand-divider{width:1px;height:24px;background:var(--ds-color-border)}body.site-page .tool-context{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:5px 10px 5px 5px;border-radius:14px;transition:background-color var(--ds-motion-standard) ease,transform var(--ds-motion-standard) ease}body.site-page .tool-context:hover{background:#818cf81a;transform:translateY(-1px)}body.site-page .tool-logo{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;color:var(--ds-color-brand-primary);background:#eef2ff;border-radius:8px;filter:drop-shadow(0 4px 8px rgb(79 70 229 / 12%))}body.site-page .tool-context-copy{display:grid;gap:1px;min-width:0}body.site-page .tool-context-copy strong{overflow:hidden;color:var(--ds-color-ink);font-size:13px;font-weight:750;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}body.site-page .tool-context-copy small{overflow:hidden;color:var(--ds-color-muted);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}body.site-page .site-header nav,body.site-page .site-footer nav{display:flex;align-items:center;gap:24px;color:var(--ds-color-muted);font-size:13px}body.site-page .site-header nav a,body.site-page .site-footer nav a{padding:10px 0}body.site-page .site-header nav a:hover,body.site-page .site-footer nav a:hover,body.site-page .section-link:hover{color:var(--ds-color-brand-primary)}body.site-page .site-header nav a[aria-current=page]{color:var(--ds-color-ink);font-weight:700}body.site-page .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:72px;min-height:560px;padding-block:72px}body.site-page .eyebrow{margin:0 0 12px;color:var(--ds-color-brand-primary);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}body.site-page h1,body.site-page h2,body.site-page p{margin-top:0}body.site-page h1{margin-bottom:20px;font-size:clamp(42px,5.4vw,70px);line-height:1.08;letter-spacing:-.065em}body.site-page h1 span{color:var(--ds-color-brand-primary)}body.site-page h2{margin-bottom:0;font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.045em}body.site-page .hero-description,body.site-page .page-intro{margin-bottom:30px;color:var(--ds-color-muted);font-size:16px}body.site-page .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}body.site-page .hero-primary,body.site-page .hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--ds-radius-md);font-size:14px;font-weight:700}body.site-page .hero-primary{padding-inline:20px;box-shadow:0 8px 20px #4f46e533}body.site-page .hero-secondary{padding-inline:14px;color:var(--ds-color-muted)}body.site-page .hero-secondary:hover{color:var(--ds-color-brand-primary);background:#818cf81a}body.site-page .hero-tool-preview{width:min(100%,390px);justify-self:end;padding:24px;background:#ffffffd1;border:1px solid rgb(217 224 236 / 80%);border-radius:22px;box-shadow:var(--ds-shadow-md, 0 12px 32px rgb(23 32 51 / 12%))}body.site-page .preview-heading,body.site-page .section-heading{display:flex;align-items:end;justify-content:space-between}body.site-page .preview-heading{margin-bottom:16px;font-weight:750}body.site-page .preview-dot{color:var(--ds-color-brand-primary);font-size:10px}body.site-page .preview-note{margin:18px 0 0;color:var(--ds-color-muted);font-size:12px}body.site-page .catalog-section{padding-block:30px 72px}body.site-page .section-heading{margin-bottom:22px}body.site-page .section-link{color:var(--ds-color-brand-primary);font-size:13px;font-weight:700}body.site-page .tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.site-page .tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:16px;background:var(--ds-color-surface);border:1px solid rgb(217 224 236 / 78%);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm, 0 2px 8px rgb(23 32 51 / 8%))}body.site-page .tool-card-live{transition:transform var(--ds-motion-standard) ease,box-shadow var(--ds-motion-standard) ease}body.site-page .tool-card-live:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md, 0 12px 32px rgb(23 32 51 / 12%))}body.site-page .tool-card-icon{display:grid;place-items:center;width:44px;height:44px;color:var(--ds-color-brand-primary);background:#818cf824;border-radius:12px}body.site-page .tool-card-copy{display:grid;gap:2px;min-width:0}body.site-page .tool-card-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}body.site-page .tool-card-copy small{overflow:hidden;color:var(--ds-color-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}body.site-page .tool-card-action,body.site-page .tool-card-status{color:var(--ds-color-brand-primary);font-size:12px;font-weight:700;white-space:nowrap}body.site-page .tool-card-status{color:var(--ds-color-muted);font-weight:600}body.site-page .tool-card-planned{background:#ffffff8c;opacity:.8}body.site-page .trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 22px;color:var(--ds-color-muted);background:#ffffffa6;border:1px solid rgb(217 224 236 / 70%);border-radius:var(--ds-radius-lg);font-size:12px}body.site-page .trust-strip span{display:flex;align-items:center;gap:8px}body.site-page .trust-strip strong{color:var(--ds-color-brand-primary);font-size:11px}body.site-page .faq-teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:88px}body.site-page .faq-teaser .eyebrow{margin-bottom:8px}body.site-page .faq-teaser h2{font-size:clamp(22px,3vw,32px)}body.site-page .page-shell{min-height:560px;padding-block:72px 100px}body.site-page .page-shell h1{font-size:clamp(40px,5vw,62px)}body.site-page .tool-card-grid-list{max-width:900px}body.site-page .faq-list{display:grid;gap:12px;max-width:760px}body.site-page .faq-list details{padding:20px 22px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md)}body.site-page .faq-list summary{cursor:pointer;font-weight:700}body.site-page .faq-list p{margin:14px 0 0;color:var(--ds-color-muted)}body.site-page .not-found{display:grid;align-content:center}body.site-page .site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;color:var(--ds-color-muted);border-top:1px solid rgb(217 224 236 / 70%);font-size:12px}body.site-page main:focus{outline:none}body.site-page.editor-page{overflow:hidden}body.site-page.editor-page .site-footer{display:none}body.site-page.editor-page>[data-tool-host]{min-height:calc(100dvh - 76px)}body.site-page.editor-page>[data-tool-host] .app-shell{height:calc(100dvh - 76px)}@media(max-width:820px){body.site-page .hero{grid-template-columns:1fr;gap:32px;padding-block:56px}body.site-page .hero-tool-preview{justify-self:start}body.site-page .tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.site-page .trust-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){body.site-page .site-header,body.site-page .site-footer,body.site-page .section-container{width:min(100% - 32px,1120px)}body.site-page .site-header{min-height:64px}body.site-page .site-identity{gap:8px}body.site-page .brand-divider{height:20px}body.site-page .tool-context{gap:6px;padding:4px 6px 4px 4px}body.site-page .tool-logo{width:26px;height:26px}body.site-page .tool-context-copy strong{font-size:12px}body.site-page .tool-context-copy small{display:none}body.site-page .site-header nav{gap:12px;font-size:12px}body.site-page .site-header nav a:nth-child(n+3){display:none}body.site-page.editor-page .site-header nav a:nth-child(n+2){display:none}body.site-page .hero{min-height:0;padding-block:48px 32px}body.site-page h1{font-size:clamp(40px,12vw,56px)}body.site-page .desktop-only{display:none}body.site-page .tool-card-grid{grid-template-columns:1fr}body.site-page .trust-strip{grid-template-columns:1fr;padding:16px}body.site-page .faq-teaser,body.site-page .site-footer{align-items:flex-start;flex-direction:column;padding-block:48px}body.site-page .site-footer{justify-content:center}body.site-page.editor-page>[data-tool-host]{min-height:calc(100dvh - 64px)}body.site-page.editor-page>[data-tool-host] .app-shell{height:calc(100dvh - 64px)}}