:root{--ink:#050a14;--accent:#a3e635;--muted:#64748b;--line:#dfe5ec}*{box-sizing:border-box}body{margin:0;color:#172033;background:#f8fafc;font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #65a30d;outline-offset:4px}button,input{font:inherit}.shell{width:min(1152px,calc(100% - 48px));margin:auto}header{background:var(--ink);color:white;border-bottom:1px solid #243047}.top{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750}.brand b{background:var(--accent);color:var(--ink);border-radius:7px;width:30px;text-align:center}.booklink{font-size:14px;color:#cbd5e1}.versions{display:flex;gap:6px;padding:0 0 14px;flex-wrap:wrap}.versions a{font-size:14px;padding:5px 15px;border:1px solid #344157;border-radius:30px;color:#cbd5e1;white-space:nowrap}.versions [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700}.subnav{background:white;border-bottom:1px solid var(--line)}.subnav nav{display:flex;gap:28px;padding-block:13px;flex-wrap:wrap;font-size:14px}.hero{background:var(--ink);color:white;padding:70px 0 50px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:4%;top:15%;width:240px;height:240px;border:1px solid #a3e63535;transform:rotate(25deg);pointer-events:none}.hero .shell{position:relative;z-index:1}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 18px}h1{font-size:clamp(32px,4.6vw,56px);line-height:1.23;letter-spacing:-.04em;margin:0 0 24px;max-width:900px}h2{font-size:30px;line-height:1.35;letter-spacing:-.025em;margin:8px 0 0}h3{font-size:20px;line-height:1.4;margin:10px 0}p{margin:12px 0;color:#526075}.intro{max-width:700px;color:#bac7d8;font-size:18px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--ink);font-weight:700;cursor:pointer;font-size:14px}.button.secondary{background:transparent;color:inherit;border-color:#64748b}.hero-note{display:flex;gap:25px;color:#94a3b8;font-size:13px;margin-top:32px;flex-wrap:wrap}.section{padding-block:46px;border-bottom:1px solid var(--line)}.sectionhead{margin-bottom:24px}.label{color:#4d7c0f;font-size:12px;font-weight:700;letter-spacing:.07em}.grid,.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compare{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:25px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.card p{font-size:14px;margin-bottom:14px}.card a,.textlink,.pathcard a,.source a{font-size:14px;font-weight:650;color:#4d7c0f}.textlink{display:inline-block;margin-top:22px}.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;border-top:1px solid var(--line)}.steps li{padding:20px 15px 0 0}.steps li>span{font:600 14px/1.5 monospace;color:#4d7c0f}.steps p{font-size:14px}.steps h3{font-size:18px}.source,.pathcard{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.source{max-width:950px}.source>a{display:inline-block;margin:8px 24px 8px 0}.source .button{color:var(--ink)}dl{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:15px 0}dt{font-weight:700;color:#334155}dd{margin:0;color:#526075}.fine{font-size:12px!important;color:#748094}.checklist{background:white;border:1px solid var(--line);border-radius:12px;padding:10px 22px}.checklist label{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid #eef2f7;cursor:pointer}.checklist label:last-child{border:0}.checklist input{width:19px;height:19px;margin-top:5px;accent-color:#4d7c0f;flex-shrink:0}footer{background:var(--ink);padding:36px 0 24px;color:#dbe3ed}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footgrid p{font-size:14px}.footgrid nav a,.footgrid>div:last-child a{display:block;font-size:14px;padding:3px 0}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}html{scroll-behavior:smooth}@media(max-width:800px){.compare,.three{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}.steps li{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.steps li h3{margin-top:0}.steps li p{margin:4px 0}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}}@media(max-width:520px){.shell{width:calc(100% - 40px)}.hero{padding:42px 0 32px}.hero:after{right:-140px}.intro{font-size:16px}.section{padding-block:30px}h2{font-size:24px}.grid,.compare,.three{grid-template-columns:1fr}.card,.pathcard,.source{padding:20px}.compare{gap:10px}.compare .card{padding:16px}.compare h3{font-size:18px}.compare p{margin-bottom:0}.versions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.versions a{font-size:12px;padding:6px 2px;text-align:center}.brand{font-size:14px}.booklink{font-size:12px}.subnav nav{gap:16px;font-size:12px;padding-block:10px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:12px}.hero-note{gap:14px;font-size:12px}.button{min-height:44px}.checklist{padding:5px 16px}.checklist label{font-size:14px}.footgrid{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared AgentFlow visual language, aligned with enterprise. */
:root{--line:#dde7f5;--muted:#26406b}body{background:#f7f9f5;color:#0a1322;font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}.shell{width:100%;max-width:1152px;padding-inline:24px}header{position:sticky;top:0;z-index:50;background:#050a14f2;backdrop-filter:blur(12px);border-color:#101f38}.top{height:64px;gap:12px}.brand{gap:8px;flex-shrink:0;font-size:16px;letter-spacing:.025em}.brand b{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;font-size:14px;font-weight:900}#site-menu{display:flex;align-items:center;gap:20px}.versions{display:flex;flex-wrap:nowrap;gap:0;padding:4px;border:1px solid #1a2f52;border-radius:999px;background:#101f38}.versions a{padding:6px 12px;font-size:14px;line-height:20px;border:0;color:#c6d3e8;font-weight:500}.global-nav{display:flex;align-items:center;gap:16px;font-size:14px;color:#c6d3e8;white-space:nowrap}.menu-toggle{display:none;background:transparent;border:0;color:white;padding:8px;font-size:22px;cursor:pointer}.hero{padding:112px 0;background-color:#050a14;background-image:radial-gradient(ellipse at 85% 5%,#a3e63518,transparent 48%),radial-gradient(ellipse at 5% 100%,#3b82f616,transparent 45%)}.hero:after{inset:0;width:auto;height:auto;border:0;transform:none;background-image:linear-gradient(90deg,#ffffff0f 1px,transparent 1px),linear-gradient(#ffffff0f 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(90% 80% at 50% 0,#000 40%,transparent 100%)}.eyebrow{font-size:14px;letter-spacing:.1em;display:flex;align-items:center;gap:8px;margin-bottom:16px}.eyebrow:before{content:"";width:32px;height:1px;background:var(--accent)}h1{font-size:48px;line-height:1.25;letter-spacing:-.025em;max-width:768px;margin-bottom:20px}.intro{font-size:16px;line-height:32px;max-width:672px;color:#c6d3e8}.actions{gap:12px;margin-top:32px}.button{padding:10px 20px;font-weight:600}.button.secondary{border-color:#26406b}.hero-note{color:#8fa3c4}.subnav{background:#101f38;color:#c6d3e8;border-color:#1a2f52}.subnav nav{gap:28px;padding-block:0}.subnav a{padding:14px 0;border-bottom:2px solid transparent}.subnav a[aria-current]{color:#a3e635;border-bottom-color:#a3e635}.section{padding-block:64px;border:0}.sectionhead{margin-bottom:32px}.label{font-size:14px;letter-spacing:.1em}.card,.pathcard,.source{border-radius:16px;padding:24px;box-shadow:0 1px 2px #0a13220a}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0a132210}h2{font-size:30px;letter-spacing:-.025em}p,dd{color:#26406b}.card p{line-height:24px}footer p{color:#8fa3c4}a:hover{text-decoration:none}.global-nav a:hover,.subnav a:hover{color:white}footer nav a[aria-current]{color:#a3e635;background:none}
@media(max-width:1023px){.menu-toggle{display:block}#site-menu{display:none;position:absolute;top:64px;left:0;right:0;padding:16px 24px;background:#050a14;border-bottom:1px solid #1a2f52;flex-direction:column;align-items:stretch;gap:18px}#site-menu.open{display:flex}.versions{display:flex}.versions a{flex:1;text-align:center}.global-nav{justify-content:center}.hero{padding:80px 0}}
@media(max-width:639px){.shell{width:100%;padding-inline:16px}.hero{padding:64px 0 48px}h1{font-size:30px}.eyebrow{font-size:11px;letter-spacing:.06em}.intro{font-size:16px;line-height:28px}.section{padding-block:40px}.sectionhead{margin-bottom:24px}h2{font-size:24px}.subnav nav{gap:0;justify-content:space-between}.subnav a{font-size:13px;padding-block:12px}.versions a{font-size:12px;padding:6px 8px}#site-menu{padding-inline:16px}.card,.source,.pathcard{padding:20px}.brand{font-size:16px}.compare{grid-template-columns:1fr}.hero:after{right:0}.actions{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
.backlink{display:inline-block;font-size:13px;color:#8fa3c4;margin-bottom:24px}.backlink:hover{color:white}.start-card{display:flex;flex-direction:column;color:inherit}.start-card .textlink{margin-top:auto;padding-top:12px}.start-card:focus-visible{outline:3px solid #4d7c0f;outline-offset:4px}.fine a{color:#4d7c0f;text-decoration:underline}
.theme-toggle{display:grid;place-items:center;min-width:44px;min-height:36px;border:1px solid #26406b;border-radius:999px;background:#101f38;cursor:pointer}.next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:#ecfccb;border:1px solid #d9edb3;border-radius:16px}.next-step h2{font-size:24px}.back-top{display:block;text-align:right;font-size:13px;padding-top:20px;color:#4d7c0f}.dark{color-scheme:dark;--line:#2b2b2b;--accent:#fff;--ink:#000}.dark body{background:#000;color:#fafafa}.dark :is(.card,.pathcard,.source,.checklist){background:#101010;border-color:#2b2b2b}.dark :is(p,dd,dt,.card p){color:#d4d4d4}.dark :is(.label,.textlink,.card a,.pathcard a,.source a,.fine a,.back-top){color:#fff}.dark :is(header,footer,#site-menu,.hero){background:#000}.dark .hero{background-image:none}.dark :is(.versions,.subnav,.theme-toggle){background:#1b1b1b;border-color:#2b2b2b}.dark .versions [aria-current]{background:#fff;color:#000}.dark .subnav a[aria-current]{color:white;border-color:white}.dark .next-step{background:#101010;border-color:#2b2b2b}.dark .button,.dark .source .button{color:#000}.dark .button.secondary{color:#fff;border-color:#525252;background:transparent}.dark .checklist label{border-color:#2b2b2b}.dark .checklist input{accent-color:#fff}.dark footer nav a[aria-current]{color:#fff}.dark .fine{color:#a3a3a3}@media(max-width:639px){.next-step{padding:20px;flex-direction:column;align-items:stretch;gap:18px}.next-step h2{font-size:22px}.theme-toggle{min-height:44px}.subnav a{min-height:44px}.back-top{padding-block:20px 8px}}