:root{--ink:#172033;--sub:#6b7280;--blue:#2477dd;--teal:#2b9b8f;--orange:#ef8b2c;--violet:#6d63c8;--dark:#08090b;--line:rgba(23,32,51,.10);--bg:#f5f5f7;--max:1320px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}
nav{position:sticky;top:0;z-index:50;height:48px;background:rgba(250,250,252,.92);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.04)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:650;letter-spacing:-.025em}.brand img{width:22px;height:22px;border-radius:4px}.navright{display:flex;align-items:center;gap:18px}.navright a{font-size:12px;color:#5f6368}.navright .contact{color:#fff;background:#1677ff;padding:6px 12px;border-radius:999px}
.hero{background:#fff;padding:70px 0 0;text-align:center;overflow:hidden}.hero h1{margin:0;font-size:clamp(50px,5.7vw,76px);line-height:1.03;letter-spacing:-.04em;font-weight:690;white-space:nowrap}.hero-sub{margin:16px auto 0;color:#59636f;font-size:20px;line-height:1.5;font-weight:520}.stage{margin:40px auto 0;background:#fff;border:1px solid #e1e6ec;border-radius:18px 18px 0 0;box-shadow:0 18px 55px rgba(31,45,61,.07);padding:18px;overflow:hidden}.triptych{display:grid;grid-template-columns:1fr 52px 1fr 52px 1fr;align-items:center}.flow-arrow{font-size:32px;color:#adb6c1;font-weight:300}.panel-sentence{font-size:15px;line-height:1.4;font-weight:670;margin:0 0 11px;min-height:21px;display:flex;align-items:center;justify-content:center}.map-card{height:360px;border-radius:15px;overflow:hidden;border:1px solid #dde4ea;position:relative;background:#edf2f5}.map-area{position:absolute;inset:0 0 54px 0;overflow:hidden}.map-svg,.route-svg{position:absolute;inset:0;width:100%;height:100%}.route-svg{z-index:10;pointer-events:none}.road-major{fill:none;stroke:#d1d8df;stroke-width:9;stroke-linecap:round}.road-minor{fill:none;stroke:#dee4e9;stroke-width:4;stroke-linecap:round}.road-thin{fill:none;stroke:#e9edf1;stroke-width:2}.water{fill:#dceaf2}.logo-corner{position:absolute;z-index:18;right:12px;top:12px;width:29px;height:29px;border-radius:7px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 12px rgba(30,50,70,.08);display:grid;place-items:center}.logo-corner img{width:21px;height:21px;border-radius:5px}
.legend-base{position:absolute;left:0;right:0;bottom:0;height:54px;border-top:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.97);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;z-index:20}.legend-item{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9.2px;color:#5c6671;white-space:nowrap}.legend-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}.legend-icon.structure{position:relative}.legend-icon.structure:before,.legend-icon.structure:after{content:"";position:absolute;border-radius:50%;background:#2e78dc}.legend-icon.structure:before{width:7px;height:7px;left:2px;top:7px;box-shadow:10px -5px 0 #2e78dc,10px 5px 0 #2e78dc}.legend-icon.structure:after{width:13px;height:1.5px;background:#2e78dc;left:5px;top:10px}.legend-icon.fact{border:2px solid #2b9b8f;border-radius:5px;position:relative}.legend-icon.fact:after{content:"";width:7px;height:7px;border-radius:50%;background:#2b9b8f}.legend-icon.rule{position:relative;border:2px solid #ef8b2c;border-radius:4px}.legend-icon.rule:before{content:"✓";font-size:12px;font-weight:800;color:#ef8b2c;line-height:1}.legend-icon.method{color:#6d63c8;font-size:19px;line-height:1}.legend-icon.unknown{width:20px;height:20px;border-radius:50%;border:1px solid #8b96a3;color:#7d8792;font-size:12px;font-weight:700}
.slot{position:absolute;z-index:8;display:grid;place-items:center}.s1{left:8%;top:22%}.s2{left:17%;top:44%}.s3{left:26%;top:30%}.s4{left:35%;top:58%}.s5{left:44%;top:22%}.s6{left:53%;top:46%}.s7{left:62%;top:28%}.s8{left:71%;top:60%}.s9{left:80%;top:34%}.s10{left:25%;top:72%}.s11{left:48%;top:72%}.s12{left:64%;top:73%}.s13{left:11%;top:70%}.s14{left:83%;top:76%}.s15{left:38%;top:39%}.s16{left:68%;top:46%}.s17{left:21%;top:57%}.s18{left:57%;top:18%}.s19{left:32%;top:18%}.s20{left:88%;top:64%}.marker{width:14px;height:14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.slot.structure .marker{background:#2e78dc}.slot.fact .marker{background:#2b9b8f;border-radius:4px}.slot.rule .marker{background:#ef8b2c;border-radius:3px;transform:rotate(45deg)}.slot.method .marker{background:#6d63c8;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 35%);border:0;box-shadow:none;width:16px;height:16px}.unknown-mark{font-size:17px;color:rgba(255,255,255,.24);font-weight:700}
.dark-map{background:#17222d}.dark-map .map-svg{filter:grayscale(1) brightness(.36) contrast(.9);opacity:.62}.dark-map:after{content:"";position:absolute;inset:0 0 54px 0;background:rgba(7,14,22,.56);pointer-events:none;z-index:4}.beam{position:absolute;z-index:5;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,.19) 18%,rgba(255,255,255,.09) 36%,rgba(255,255,255,.035) 52%,transparent 72%);mix-blend-mode:screen;pointer-events:none}.beam-chat{left:3%;top:20%}.beam-ds{right:2%;bottom:6%}.ai{position:absolute;z-index:12;width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid rgba(0,0,0,.07);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18)}.ai img{width:22px;height:22px}.ai-chat{left:18%;top:43%}.ai-ds{right:17%;bottom:24%}.light-map{background:#eff4f6}.route-label{position:absolute;z-index:15;font-size:8.7px;font-weight:700;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:5px 7px;box-shadow:0 3px 10px rgba(30,50,70,.06)}.route-label.nav1{left:34%;top:55%;color:#2477dd}.route-label.nav2{right:24%;top:43%;color:#2b9b8f}.route-label.reason1{left:34%;top:31%;color:#6d63c8}.route-label.reason2{right:21%;top:58%;color:#6d63c8}.goal-dot{position:absolute;z-index:12;width:17px;height:17px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px currentColor;background:currentColor}.goal-chat{left:53%;top:14%;color:#2477dd}.goal-ds{left:59%;top:54%;color:#2b9b8f}
.chapter{padding:0}.chapter-inner{padding:92px 0 98px}.chapter-divider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:26px}.chapter-num{font-size:58px;line-height:1;font-weight:700;letter-spacing:-.05em;color:#bcc2c9}.chapter-line{height:2px;background:rgba(23,32,51,.18)}.chapter-label{font-size:10px;letter-spacing:.16em;font-weight:760;color:#8d9399}.chapter.dark{background:var(--dark);color:#f5f5f7}.chapter.dark .chapter-num{color:#444a51}.chapter.dark .chapter-line{background:rgba(255,255,255,.16)}.chapter.dark .chapter-label{color:#6d747c}.chapter-head{text-align:center;margin-top:42px}.chapter-head h2{max-width:1180px;margin:0 auto;font-size:clamp(38px,4.2vw,56px);line-height:1.06;letter-spacing:-.034em;font-weight:660;white-space:nowrap}.chapter-head p{max-width:790px;margin:14px auto 0;font-size:15.5px;line-height:1.55;color:var(--sub)}.chapter.dark .chapter-head p{color:#9299a1}
.unknown-grid{width:min(1080px,100%);margin:46px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.unknown-item{padding:33px 24px 31px;text-align:center}.unknown-item+.unknown-item{border-left:1px solid rgba(255,255,255,.09)}.unknown-q{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;margin:0 auto;color:#d5d8dc;font-size:27px;font-weight:650;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%)}.unknown-item h3{margin:14px 0 0;font-size:21px}.unknown-item p{margin:7px auto 0;font-size:11px;line-height:1.5;color:#8f969e}.dark-conclusion{margin:28px auto 0;text-align:center;font-size:14px;color:#a9afb6}.dark-conclusion b{color:#fff}
.map-build{background:#fff}.map-formula{width:min(1120px,100%);margin:46px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.map-part{padding:31px 22px;text-align:center}.map-part+.map-part{border-left:1px solid var(--line)}.map-part .legend-icon{margin:0 auto;width:28px;height:28px;transform:scale(1.15)}.map-part h3{font-size:21px;margin:14px 0 0}.map-part p{font-size:11px;color:#737a82;margin:7px 0 0;line-height:1.5}.map-output{width:min(850px,100%);margin:34px auto 0;padding:25px 28px;border:1px solid rgba(36,119,221,.13);border-radius:14px;background:linear-gradient(180deg,#f8fbff,#edf5fc);display:flex;align-items:center;justify-content:center;gap:12px}.map-output img{width:28px;height:28px;border-radius:6px}.map-output b{font-size:20px;color:#275a84}
.use-map{background:#eef1f4}.use-steps{width:min(1120px,100%);margin:44px auto 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(0,0,0,.09);border-bottom:1px solid rgba(0,0,0,.09)}.use-step{padding:29px 18px;text-align:center;position:relative}.use-step+.use-step{border-left:1px solid rgba(0,0,0,.08)}.use-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#eef1f4;display:grid;place-items:center;color:#9299a1;font-size:11px;z-index:2}.use-step b{display:block;font-size:19px}.use-step span{display:block;margin-top:6px;font-size:10.5px;color:#747b83;line-height:1.45}
.case{width:min(1160px,100%);margin:46px auto 0;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:15px;overflow:hidden}.case-head{padding:21px 24px;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:space-between;gap:18px}.case-head b{font-size:20px}.case-head span{font-size:10px;color:#8a9096}.case-flow{display:grid;grid-template-columns:1.45fr 42px .95fr 42px 1fr}.case-block{padding:24px 24px 26px;text-align:left}.case-arrow{display:grid;place-items:center;color:#a2a9b0;font-size:24px}.case-title{font-size:9px;letter-spacing:.08em;color:#92989e;font-weight:760}.map-inputs{margin-top:12px;display:grid;gap:8px}.map-input{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(0,0,0,.06);font-size:10.5px;color:#66717b}.map-input:first-child{border-top:0}.map-input b{font-size:10.5px;color:#2f3945}.judgement{background:#f6f9fc}.judgement strong{display:block;margin-top:13px;font-size:20px;line-height:1.45;color:#285b83}.judgement p,.actions p{font-size:10.5px;line-height:1.55;color:#6f7881;margin:10px 0 0}.actions{background:#f8fafb}.action-list{display:grid;gap:8px;margin-top:13px}.action-list span{padding-left:10px;border-left:2px solid rgba(36,119,221,.32);font-size:10.5px;color:#63707a}.case-return{padding:16px 22px;border-top:1px solid rgba(0,0,0,.07);text-align:center;font-size:11.5px;color:#66717b}.case-return b{color:#315f85}
.closing{background:var(--dark);color:#f5f5f7;text-align:center;padding:88px 0 94px}.closing h2{max-width:1080px;margin:0 auto;font-size:clamp(38px,4.2vw,56px);line-height:1.06;letter-spacing:-.034em;white-space:nowrap}.closing p{max-width:700px;margin:14px auto 0;color:#9299a1;font-size:15px}.cta{display:inline-block;margin-top:24px;background:#1677ff;color:#fff;padding:11px 17px;border-radius:999px;font-size:14px;font-weight:600}.cta-sub{display:block;margin-top:11px;color:#747d85;font-size:10.5px}footer{background:var(--dark);color:#747c84;padding:0 0 30px;font-size:10px}.foot{border-top:1px solid rgba(255,255,255,.08);padding-top:17px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.hero h1,.chapter-head h2,.closing h2{white-space:normal}.triptych{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);padding:9px 0}.unknown-grid,.map-formula{grid-template-columns:1fr 1fr}.use-steps{grid-template-columns:repeat(3,1fr)}.case-flow{grid-template-columns:1fr}.case-arrow{transform:rotate(90deg);padding:8px}}
@media(max-width:680px){.shell{width:calc(100% - 28px)}.navright>a:not(.contact){display:none}.hero{padding-top:56px}.hero h1{font-size:42px}.hero-sub{font-size:17px}.stage{padding:12px}.map-card{height:340px}.chapter-inner{padding:72px 0 78px}.chapter-num{font-size:44px}.chapter-head h2,.closing h2{font-size:35px}.unknown-grid,.map-formula,.use-steps{grid-template-columns:1fr}.unknown-item+.unknown-item,.map-part+.map-part,.use-step+.use-step{border-left:0;border-top:1px solid currentColor}.use-step:after{display:none}.case-head{align-items:flex-start;flex-direction:column}.foot{flex-direction:column;gap:7px}}