:root{color-scheme:light;--bg:#f4f6fb;--surface:#ffffff;--surface-alt:#eef2ff;--text:#101828;--muted:#667085;--line:#d0d5dd;--accent:#2563eb;--accent-soft:#dbeafe;--success:#067647;--success-soft:#ecfdf3;--danger:#b42318;--danger-soft:#fef3f2;--shadow:0 24px 48px rgba(16,24,40,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,#ffffff 0,var(--bg) 55%,#edf2ff 100%);color:var(--text);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh;padding:40px 20px 64px}.frame{width:min(960px,100%);margin:0 auto}.hero{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:stretch}.panel{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(208,213,221,.8);border-radius:8px;box-shadow:var(--shadow)}.hero-main{padding:36px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--surface-alt);color:#344054;font-size:13px;font-weight:700}.hero h1{margin:16px 0 12px;font-size:clamp(32px,4vw,54px);line-height:1.04}.hero p{margin:0;color:var(--muted);line-height:1.7}.hero-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.metric{padding:22px 20px}.metric strong{display:block;font-size:27px;margin-bottom:8px}.section{margin-top:28px;padding:28px}.section h2{margin:0 0 8px;font-size:24px}.section-copy{margin:0 0 24px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-size:14px;font-weight:700;color:#344054}.field input{width:100%;min-height:48px;border-radius:8px;border:1px solid var(--line);background:white;padding:0 14px;color:var(--text)}.field input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.button{min-height:46px;border:1px solid transparent;border-radius:8px;padding:0 16px;cursor:pointer;transition:.12s ease}.button.primary{background:var(--accent);color:white}.button.secondary{background:white;border-color:var(--line);color:#344054}.button:disabled{cursor:wait;opacity:.72}.status{margin-top:18px;border-radius:8px;padding:14px 16px;border:1px solid;line-height:1.6}.status.info{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.status.success{background:var(--success-soft);border-color:#abefc6;color:var(--success)}.status.error{background:var(--danger-soft);border-color:#fecdca;color:var(--danger)}.list{display:grid;grid-gap:14px;gap:14px}.list-item{border:1px solid var(--line);border-radius:8px;padding:16px;background:white}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--surface-alt);color:#344054;font-size:13px;font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.split-callout{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}.muted{color:var(--muted)}@media (max-width:900px){.grid-two,.hero,.split-callout{grid-template-columns:1fr}.hero-main,.section{padding:22px}}