:root{--brand:#424f7b;--gold:#fdcb5a;--night:#101725;--panel:#171f2e;--ink:#1c273c;--muted:#68748a;--light:#f5f6f9;--line:#dce1e9;--radius:14px;--shadow:0 25px 90px #02071345;--duration:220ms;--font:"Microsoft YaHei","PingFang SC",sans-serif;--space:100px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--night);color:#edf0f6;font:15px/1.8 var(--font)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b29a59;outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1160px;width:calc(100% - 96px);margin:auto}.notice{text-align:center;font-size:10px;background:#202b43;color:#c2cbdc;padding:6px}.notice span{margin-left:14px;color:#9eacc6}header{position:sticky;top:0;z-index:30;background:#101725eb;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:block;background:#fff;padding:5px 10px;border-radius:7px;flex-shrink:0}.brand img{width:134px;height:39px;object-fit:contain}nav{display:flex;gap:28px;color:#b7c0d2;font-size:12px}.nav-actions{display:flex;gap:9px}.nav-actions button{background:none;border:1px solid #ffffff20;border-radius:6px;color:#b7c0d2;padding:7px 12px;font-size:10px}.menu{display:none}.hero{background:radial-gradient(ellipse at 50% 80%,#33415d4d,transparent 65%);overflow:hidden;padding:65px 0 90px}.hero-copy{text-align:center}.eyebrow{font-size:12px;color:#9baac7;letter-spacing:.3px;margin-bottom:20px}h1{font-size:65px;font-weight:650;letter-spacing:-2.4px;line-height:1.32}.description{font-size:14px;line-height:2;color:#aeb9cc;margin-top:25px}.description p+p{margin-top:3px}.actions{display:flex;gap:27px;justify-content:center;align-items:center;margin-top:28px}.primary{border:0;background:var(--gold);color:#293147;padding:13px 20px;border-radius:7px;font-size:12px;font-weight:600;display:inline-flex;gap:25px;align-items:center;justify-content:center;min-height:46px;transition:background var(--duration),transform var(--duration)}.primary:hover{background:#ffda83}.primary:active{transform:scale(.98)}.text-button{background:none;border:0;padding:10px 0;color:inherit;font-size:12px;display:inline-flex;align-items:center;gap:14px}.text-button:hover{opacity:.7}.subnote{font-size:10px;color:#8391aa;margin-top:12px}.product{margin-top:50px;background:#141c2a;border:1px solid #ffffff20;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:95px}.product-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a5b1c5;padding:15px 24px;border-bottom:1px solid #ffffff0d;background:#182131}.demo-badge{font-size:10px;color:#7e91ae}.product-body{display:grid;grid-template-columns:206px 1fr;min-height:330px}.product-sidebar{padding:25px 15px;background:#111a28;border-right:1px solid #ffffff0d;display:flex;flex-direction:column}.sidebar-label{font-size:10px;color:#718099;padding-left:10px;margin-bottom:14px}[role=tablist]{display:flex;flex-direction:column;gap:5px}[role=tab]{font-size:12px;text-align:left;background:none;border:0;padding:10px;border-radius:6px;color:#9cabc1}[role=tab][aria-selected=true]{background:#27334b;color:#e8edf7}.guide{margin-top:24px;display:flex;gap:10px;align-items:center;padding:22px 8px 0}.guide img{width:34px;height:42px;object-fit:cover;object-position:50% 10%;border-radius:4px}.guide strong,.guide span{display:block;font-size:11px;font-weight:500}.guide span{font-size:9px;color:#7889a5}.workspace{padding:28px 32px}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-title small{font-size:10px;color:#788da9}.workspace-title h2{font-size:20px;margin-top:6px;font-weight:500}.workspace-title>span{font-size:10px;color:#6c7e99}.flow{display:flex;align-items:center;margin:28px 0;gap:15px}.node{flex:1;min-width:0}.node-symbol{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #47536b;border-radius:6px;font-size:16px;color:#95a9cf;margin-bottom:9px}.node small{font-size:9px;display:block;color:#697e9e}.node h3{font-size:12px;font-weight:500;margin-top:4px;color:#b9c8df}.node p{font-size:10px;color:#6d829f;margin-top:6px}.connector{width:35px;height:1px;background:#3c4b64;position:relative;flex-shrink:0}.connector:after{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s}.node.active .node-symbol{color:#f2cd7b;border-color:#ac8a43}.node.active h3{color:#f1dfb7}.flow[data-step="1"] .connector:nth-of-type(1):after,.flow[data-step="2"] .connector:after{transform:scaleX(1)}.result{border:1px solid #ffffff12;background:#1c2637;border-radius:8px;padding:17px 19px;display:flex;gap:18px;align-items:center;justify-content:space-between;transition:border-color .3s}.result.complete{border-color:#a48b5060}.result-label{font-size:9px;color:#8e9cb4}.result h3{font-size:13px;margin-top:6px;font-weight:500}.result p{font-size:11px;color:#899bb7;margin-top:8px;max-width:520px}.result-status{font-size:9px;color:#c1ac78;white-space:nowrap}.product-foot{font-size:9px;color:#617693;margin-top:14px}.section{padding:var(--space) 0}.light{background:var(--light);color:var(--ink)}.section-heading{text-align:center;margin-bottom:60px}.light .eyebrow{color:var(--brand)}.section-heading h2,.resource-intro h2{font-size:46px;letter-spacing:-1.6px;line-height:1.4}.section-heading>p:last-child{font-size:15px;line-height:2;color:var(--muted);margin-top:23px}.course-day{display:grid;grid-template-columns:1fr 1.45fr;gap:85px;padding:44px 0;border-top:1px solid var(--line)}.day-overview>span{font-size:11px;color:var(--brand)}.day-overview h3{font-size:27px;line-height:1.5;margin:12px 0 17px;font-weight:600}.day-overview p{font-size:12px;line-height:2;color:var(--muted)}.day-output{font-size:12px;margin-top:23px;padding-left:14px;border-left:2px solid #d4ac4d;color:#606d84}.session{border-bottom:1px solid var(--line);padding:17px 0}.session:first-child{padding-top:0}.session summary{list-style:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.session summary:after{content:'＋';font-size:17px;color:#8b98ac}.session[open] summary:after{content:'−'}.session small{font-size:10px;color:#7b8ba5;display:block;margin-bottom:7px}.session-output{font-size:12px;color:#657187;padding:16px 0 8px}.session ol{font-size:12px;color:#6a768b;line-height:2;padding-left:20px;margin:12px 0 5px}.session li+li{margin-top:8px}.course-note{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;gap:25px;font-size:11px;color:#8490a4}.course-note button{color:var(--brand)}.faq-section{padding-top:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:95px;padding-top:55px;border-top:1px solid var(--line)}.faq h2{font-size:31px;line-height:1.6;letter-spacing:-.5px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:13px;cursor:pointer}.faq details p{font-size:12px;color:var(--muted);line-height:2;margin-top:13px}.resources{background:#fff;color:var(--ink)}.resource-intro h2{font-size:42px}.resource-intro .eyebrow{color:var(--brand)}.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.resource-list article{border-top:1px solid var(--line);padding-top:25px}.status{font-size:10px;color:#9d8351;display:inline-block}.resource-list h3{font-size:21px;margin-top:16px}.resource-list p{font-size:12px;color:var(--muted);line-height:2;margin-top:14px;max-width:420px}.case-note{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:55px;padding-top:32px}.case-note h3{font-size:18px}.case-note p{font-size:12px;color:var(--muted);margin-top:9px}.case-note button{color:var(--brand);white-space:nowrap}.about{background:#e9edf4;color:var(--ink)}.about-grid{display:grid;grid-template-columns:340px 1fr;gap:110px;align-items:start;max-width:980px}.portrait{border-radius:12px;overflow:hidden;background:#25282d}.portrait img{width:100%;height:440px;object-fit:cover;object-position:50% 13%}.about .eyebrow{color:#7d8ba3;margin-bottom:15px}.about h2{font-size:43px}.identity{font-size:16px;color:#52617d;margin-top:23px;line-height:2}.bio{font-size:13px;color:#748099;line-height:2;margin-top:23px}.profile{border-top:1px solid #cfd7e5;margin-top:25px;padding-top:17px}.profile summary{cursor:pointer;font-size:12px;color:var(--brand)}#profile-content{font-size:12px;color:var(--muted);line-height:2;padding-top:15px}#profile-content h3{font-size:14px;margin:18px 0 10px}#profile-content li{margin-bottom:12px}.closing{text-align:center;background:#151f32;padding:75px 0}.closing p{font-size:12px;color:#8e9fbf}.closing h2{font-size:40px;letter-spacing:-1px;margin:15px 0 27px}.closing small{display:block;font-size:10px;color:#788cae;margin-top:13px}footer{display:flex;gap:35px;align-items:center;padding:30px 0}footer span{font-size:10px;color:#788aa6}footer button{margin-left:auto;color:#8da0bc!important}footer .brand img{width:110px;height:30px}dialog{border:1px solid #d7dfea;border-radius:16px;max-width:490px;width:calc(100% - 32px);padding:35px;background:#f8f9fc;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#0b142b9c;backdrop-filter:blur(5px)}dialog h2{font-size:24px;margin:17px 0}dialog p{font-size:13px;line-height:2;color:var(--muted)}dialog .primary{margin-top:25px}.close{position:absolute;right:13px;top:9px;font-size:27px;color:#71809b;border:0;background:none}.hero-copy{animation:entry .8s .05s both}.product{animation:entry .8s .25s both}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important;transition:none!important}@keyframes entry{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:950px){.wrap{width:calc(100% - 60px)}nav{gap:17px}.hero{padding-top:50px}h1{font-size:54px}.product-body{grid-template-columns:170px 1fr}.workspace{padding:25px}.workspace-title>span{display:none}.flow{gap:8px}.connector{width:18px}.node p{font-size:9px}.about-grid{gap:60px;grid-template-columns:280px 1fr}.course-day{gap:45px}.faq{gap:50px}}@media(max-width:700px){:root{--space:60px}.wrap{width:calc(100% - 40px)}.notice{font-size:8px;padding:5px}.notice span{font-size:7px;margin-left:5px}.nav{height:70px;gap:10px}.brand{padding:4px 7px}.brand img{width:108px;height:33px}.nav-actions button{font-size:9px;padding:7px 8px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#182236;padding:20px;box-shadow:0 20px 30px #0003}nav.open{display:flex;flex-direction:column;gap:15px}.hero{padding:40px 0 50px}.eyebrow{font-size:10px;margin-bottom:17px}h1{font-size:37px;letter-spacing:-1.5px;line-height:1.4}.description{font-size:11px;margin-top:23px;line-height:2.1}.description p+p{margin-top:6px}.actions{gap:13px;margin-top:23px;flex-wrap:wrap}.primary{font-size:11px;padding:13px 16px;gap:15px}.text-button{font-size:10px;gap:7px}.subnote{font-size:8px;margin-top:11px}.product{margin-top:34px;border-radius:10px}.product-top{padding:12px 14px;font-size:9px;display:block}.demo-badge{font-size:8px;display:block;margin-top:5px}.product-body{display:block}.product-sidebar{padding:12px;background:#111a28;border-right:0;border-bottom:1px solid #ffffff0d}.sidebar-label,.guide{display:none}[role=tablist]{flex-direction:row;gap:2px}[role=tab]{font-size:10px;padding:8px 7px;flex:1;text-align:center;white-space:nowrap}.workspace{padding:21px 16px}.workspace-title h2{font-size:17px}.workspace-title small{font-size:9px}.flow{gap:6px;margin:24px 0}.connector{width:10px}.node h3{font-size:10px;line-height:1.7}.node p{font-size:9px;line-height:1.8}.node small{font-size:8px}.node-symbol{width:26px;height:26px;font-size:14px}.result{display:block;padding:15px}.result h3{font-size:12px}.result p{font-size:10px}.result-status{display:block;margin-top:12px;font-size:8px}.product-foot{font-size:8px;line-height:1.8}.section-heading{margin-bottom:35px}.section-heading h2{font-size:31px;letter-spacing:-1px}.section-heading>p:last-child{font-size:12px;margin-top:20px}.section-heading br{display:none}.course-day{grid-template-columns:1fr;gap:24px;padding:30px 0}.day-overview h3{font-size:24px;margin-top:12px}.day-overview p{font-size:12px}.day-output{font-size:11px;margin-top:17px}.session summary{font-size:12px;line-height:1.8}.session-output,.session ol{font-size:11px}.course-note{display:block;font-size:10px}.course-note .text-button{margin-top:10px}.faq{grid-template-columns:1fr;gap:25px;padding-top:35px}.faq h2{font-size:27px}.faq h2 br{display:none}.faq summary{font-size:12px}.faq details p{font-size:11px}.resource-intro h2{font-size:31px}.resource-list{grid-template-columns:1fr;gap:28px;margin-top:30px}.resource-list h3{font-size:19px}.resource-list p{font-size:12px}.case-note{display:block;margin-top:32px;padding-top:25px}.case-note button{margin-top:13px}.about-grid{grid-template-columns:1fr;gap:32px}.portrait{width:230px;margin:auto}.portrait img{height:290px}.about h2{font-size:34px}.identity{font-size:14px;margin-top:17px}.bio{font-size:12px;margin-top:18px}.closing{padding:55px 0}.closing h2{font-size:31px}footer{flex-wrap:wrap;gap:15px;padding:25px 0}footer span{font-size:9px}footer button{margin-left:0}dialog{padding:30px 24px}dialog h2{font-size:22px}dialog p{font-size:12px}}@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:32px}.description{font-size:10px}[role=tab]{font-size:9px;padding:8px 4px}.node h3{font-size:9px}.node p{font-size:8px}.nav-actions button{font-size:8px}.actions{gap:10px}.primary{font-size:10px}.text-button{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
