:root{--bg:#f7f8fa;--panel:#fff;--text:#17171b;--muted:#6f7078;--border:#e5e5eb;--soft:#f2f1f7;--purple:#5b2ee6;--purple-dark:#4320bd;--purple-soft:#eee9ff;--green:#29a96b;--green-soft:#e9f8f1;--green-text:#168653;--orange:#ee8c20;--orange-soft:#fff3e4;--radius:14px;--radius-sm:10px;--shadow:0 8px 24px rgba(36,24,70,.08);--max-w:1180px;--transition:.18s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:var(--max-w);margin:auto;padding:0 24px}.nav{position:sticky;top:0;z-index:30;height:68px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.nav .container{display:flex;height:100%;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800}.logo-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#5b2ee6,#9a6cff);color:#fff;font-size:15px}.nav-menu{display:flex;align-items:center;gap:28px;color:#4d4e56;font-size:14px}.nav-menu a:hover{color:var(--purple)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#35363d;font-size:13px;font-weight:700;transition:var(--transition)}.btn:hover{border-color:#cfc3f7;background:#faf9ff}.btn.primary{border-color:var(--purple);background:var(--purple);color:#fff}.btn.primary:hover{background:var(--purple-dark)}.btn:focus-visible,a:focus-visible{outline:3px solid rgba(91,46,230,.22);outline-offset:2px}.crumb{padding:26px 0 0;color:var(--muted);font-size:12px}.crumb a{color:var(--purple)}.hero{padding:42px 0 56px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.06em}.eyebrow:before{content:"";width:18px;height:3px;border-radius:999px;background:var(--purple)}h1{max-width:700px;margin:14px 0 18px;font-size:46px;line-height:1.16;letter-spacing:-.035em}.hero-copy>p{max-width:650px;margin:0;color:#555660;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;color:var(--muted);font-size:12px}.hero-proof span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green)}.hero-visual{position:relative;min-height:380px;padding:20px;border:1px solid #d9cff7;border-radius:20px;background:linear-gradient(150deg,#f1edff,#fff 64%);overflow:hidden}.visual-shell{position:absolute;inset:42px 24px 24px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.visual-top{display:flex;height:48px;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--border)}.visual-top i{width:7px;height:7px;border-radius:50%;background:#d7d1e9}.visual-title{margin-left:10px;color:var(--muted);font-size:11px}.visual-body{display:grid;grid-template-columns:106px 1fr;height:calc(100% - 48px)}.visual-side{padding:14px 10px;border-right:1px solid var(--border);background:#fbfbfc}.visual-side span{display:block;height:26px;margin-bottom:7px;border-radius:7px;background:#efedf4}.visual-side span:first-child{background:var(--purple-soft)}.visual-content{padding:16px}.visual-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-stat span{height:54px;border:1px solid var(--border);border-radius:8px;background:#fff}.visual-list{display:grid;gap:8px;margin-top:14px}.visual-list span{height:38px;border:1px solid var(--border);border-radius:8px;background:#fff}.visual-list span:nth-child(2){border-color:#d9cff7;background:#faf9ff}.visual-badge{position:absolute;right:38px;top:26px;padding:6px 10px;border:1px solid #d9cff7;border-radius:999px;background:#fff;color:var(--purple);font-size:11px;font-weight:800}.section{padding:72px 0}.section.white{background:#fff}.section-head{max-width:760px;margin-bottom:30px}.section-head h2{margin:8px 0 10px;font-size:32px;line-height:1.28;letter-spacing:-.02em}.section-head p{margin:0;color:var(--muted)}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-card{position:relative;min-height:190px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.workflow-card .num{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--purple);color:#fff;font-size:12px;font-weight:800}.workflow-card h3{margin:22px 0 8px;font-size:18px}.workflow-card p{margin:0;color:var(--muted);font-size:13px}.workflow-card:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;z-index:2;display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--purple)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cap-item{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.cap-item span{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:var(--purple-soft);color:var(--purple);font-weight:800}.cap-item h3{margin:16px 0 7px;font-size:16px}.cap-item p{margin:0;color:var(--muted);font-size:13px}.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;padding:28px;border:1px solid #d9cff7;border-radius:18px;background:#faf9ff}.demo-copy h2{margin:0 0 10px;font-size:28px}.demo-copy p{margin:0;color:var(--muted)}.demo-note{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--green-text);font-size:12px;font-weight:700}.demo-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.demo-screen{padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff}.demo-toolbar{display:flex;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.demo-toolbar span{height:28px;border-radius:7px;background:var(--purple-soft)}.demo-toolbar span:first-child{width:96px}.demo-toolbar span:last-child{width:150px;background:var(--soft)}.demo-rows{display:grid;gap:8px;padding-top:12px}.demo-row{display:grid;grid-template-columns:90px 1fr 76px;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:8px}.demo-row i{height:24px;border-radius:999px;background:var(--purple-soft)}.demo-row b{height:9px;border-radius:999px;background:#dad9df}.demo-row em{height:24px;border-radius:999px;background:var(--green-soft)}.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario{padding:22px;border-top:3px solid var(--purple);border-radius:0 0 var(--radius) var(--radius);background:#fff}.scenario h3{margin:0 0 8px;font-size:16px}.scenario p{margin:0;color:var(--muted);font-size:13px}.relations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.relation{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:13px;font-weight:700;transition:var(--transition)}.relation:hover{border-color:#cfc3f7;color:var(--purple)}.relation span{color:var(--purple)}.cta{padding:76px 0;background:#191529;color:#fff;text-align:center}.cta h2{margin:0 0 12px;font-size:34px}.cta p{max-width:650px;margin:0 auto 26px;color:#c8c3d9}.footer{padding:28px 0;background:#13111e;color:#aaa5b8;font-size:12px}.footer .container{display:flex;justify-content:space-between}.mobile-menu{display:none}@media(max-width:900px){.nav-menu{display:none}.hero-grid,.demo{grid-template-columns:1fr}.hero{padding-top:28px}h1{font-size:38px}.hero-visual{min-height:330px}.workflow,.capability-grid,.scenarios,.relations{grid-template-columns:1fr 1fr}.workflow-card:not(:last-child):after{display:none}}@media(max-width:620px){.container{padding:0 18px}.nav-actions .btn:first-child{display:none}.hero-grid{gap:30px}h1{font-size:32px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-visual{min-height:290px}.visual-shell{inset:32px 14px 14px}.visual-body{grid-template-columns:76px 1fr}.workflow,.capability-grid,.scenarios,.relations{grid-template-columns:1fr}.section{padding:54px 0}.section-head h2{font-size:27px}.demo{padding:20px}.demo-row{grid-template-columns:70px 1fr 56px}.footer .container{gap:12px;flex-direction:column}}