:root { --navy:#092957; --blue:#145dba; --blue-strong:#0b64c9; --cyan:#21c5d7; --ink:#113968; --muted:#6e86a7; --line:#d3e4f4; --surface:rgba(255,255,255,.88); --surface-solid:#fff; --bg:#edf6fc; --shadow:0 18px 42px rgba(39,105,157,.13); --shell:min(1380px,calc(100% - 104px)); --sans:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; --display:"Arial Narrow","Segoe UI", "PingFang SC", sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--navy);background:var(--bg);font-family:var(--sans);overflow-x:hidden} a{color:inherit;text-decoration:none} button{font:inherit}.ambient-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(92,159,206,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(92,159,206,.1) 1px,transparent 1px),linear-gradient(rgba(92,159,206,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(92,159,206,.04) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.2))}.ambient-grid:before,.ambient-grid:after{content:"";position:absolute;background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 7px rgba(33,197,215,.1),0 0 20px rgba(33,197,215,.45)}.ambient-grid:before{top:8%;right:12%}.ambient-grid:after{bottom:12%;left:18%}.topbar{height:90px;padding:0 max(28px,calc((100% - 1380px)/2));background:rgba(255,255,255,.84);border-bottom:1px solid rgba(114,167,208,.2);display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand-lockup{display:flex;align-items:center;gap:13px;min-width:310px}.brand-symbol{width:42px;height:42px;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative;border:2px solid var(--blue);clip-path:polygon(50% 0,100% 24%,100% 79%,50% 100%,0 79%,0 24%);padding:7px}.brand-symbol i{width:7px;height:21px;background:var(--cyan);display:block;transform:skewY(-12deg)}.brand-symbol i:nth-child(2){height:28px;background:var(--blue)}.brand-symbol i:nth-child(3){height:22px;background:#39b7dd}.brand-copy{display:grid;gap:4px}.brand-copy strong{font-size:17px;letter-spacing:.02em}.brand-copy small{font-size:11px;color:var(--muted);letter-spacing:.03em}.main-nav{display:flex;align-items:center;justify-content:center;gap:52px;flex:1;height:100%;font-size:14px;color:var(--ink)}.main-nav a{height:100%;display:flex;align-items:center;position:relative}.main-nav a:after{content:"";position:absolute;bottom:14px;left:0;width:0;height:3px;border-radius:3px;background:var(--cyan);transition:width .25s ease}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-action,.primary-action{background:var(--blue-strong);color:#fff;display:inline-flex;align-items:center;gap:20px;border-radius:7px;padding:13px 22px;font-size:13px;box-shadow:0 8px 18px rgba(10,100,201,.18);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.header-action:hover,.primary-action:hover{transform:translateY(-2px);background:#084c9b;box-shadow:0 12px 24px rgba(10,100,201,.25)}.header-action span,.primary-action span{font-size:18px}.mobile-menu{display:none;border:0;background:transparent;padding:8px}.mobile-menu span{display:block;width:24px;height:1px;background:var(--navy);margin:6px}.hero-wrap{padding:40px 0 24px}.hero-grid{width:var(--shell);margin:auto;display:grid;grid-template-columns:1fr .96fr;gap:16px}.panel{background:var(--surface);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);border-radius:17px;position:relative;overflow:hidden}.intro-panel,.product-panel{min-height:600px}.intro-panel{padding:56px 50px 0}.corner-mark{position:absolute;top:20px;right:25px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#9dbbd5}.intro-content{position:relative;z-index:2;max-width:510px}.overline{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--blue);letter-spacing:.12em;margin:0 0 22px;text-transform:uppercase}.intro-content h1{font-family:var(--display);margin:0;display:grid;gap:13px;letter-spacing:.01em}.intro-content h1 span{font-size:clamp(38px,4.1vw,62px);font-weight:800;letter-spacing:.02em;color:var(--navy)}.intro-content h1 b{font-size:clamp(27px,2.8vw,42px);font-weight:650;color:var(--navy)}.cyan-rule{display:block;width:58px;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),#4bd9e2);margin:28px 0 20px}.intro-slogan{font-size:20px;line-height:1.5;font-weight:600;margin:0;color:var(--ink)}.intro-description{font-size:15px;line-height:2;color:#45678e;max-width:455px;margin-top:25px}.intro-orbit{position:absolute;width:530px;height:530px;border:1px solid rgba(75,154,211,.17);border-radius:50%;right:-205px;bottom:-215px;z-index:0}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;border:1px solid rgba(75,154,211,.13);border-radius:50%;inset:32px}.intro-orbit:after{inset:90px}.intro-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:#8fc9e8}.intro-orbit span:nth-child(1){left:13%;top:39%}.intro-orbit span:nth-child(2){left:53%;top:8%}.intro-orbit span:nth-child(3){right:18%;top:43%}.archive-summary{position:absolute;left:50px;right:50px;bottom:0;padding:22px 0 26px;border-top:1px solid var(--line);z-index:2}.summary-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.summary-heading h2{font-size:18px;margin:0;letter-spacing:.02em}.text-button{border:0;background:transparent;color:var(--blue);font-size:13px;cursor:pointer;padding:3px 0}.text-button span{display:inline-block;font-size:18px;margin-left:6px;transition:transform .25s ease}.text-button[aria-expanded=true] span{transform:rotate(180deg)}.summary-copy{font-size:13px;line-height:1.8;color:#557393;margin:0;max-width:560px}.summary-copy-full{color:#486889}.summary-points{display:flex;gap:34px;margin-top:20px;flex-wrap:wrap}.summary-points span{display:flex;align-items:center;gap:8px;color:#204e82;font-size:12px}.line-icon{width:21px;height:21px;border:1.5px solid var(--blue);border-radius:5px;display:inline-block;position:relative}.folder-icon:before{content:"";position:absolute;left:3px;top:6px;width:12px;height:8px;border:1.5px solid var(--blue);border-radius:2px}.folder-icon:after{content:"";position:absolute;left:4px;top:4px;width:5px;height:3px;border:1.5px solid var(--blue);border-bottom:0;border-radius:2px 2px 0 0}.shield-icon{border-radius:50%}.shield-icon:before{content:"✓";position:absolute;font-size:13px;left:4px;top:1px;color:var(--blue)}.stack-icon:before{content:"";position:absolute;left:4px;top:4px;width:10px;height:7px;border:1.5px solid var(--blue);border-radius:50%}.stack-icon:after{content:"";position:absolute;left:4px;bottom:3px;width:10px;height:7px;border:1.5px solid var(--blue);border-radius:0 0 50% 50%}.product-panel{padding:50px 50px 30px}.product-heading{display:flex;justify-content:space-between;align-items:flex-start}.product-heading h2{margin:0;font-size:36px;line-height:1.16;letter-spacing:.02em}.product-heading h2 em{font-style:normal;font-weight:400;color:var(--blue)}.product-status{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#34a88d;display:flex;gap:7px;align-items:center}.product-status i{display:block;width:7px;height:7px;border-radius:50%;background:#45caa8;box-shadow:0 0 10px #45caa8}.product-lede{font-size:13px;line-height:1.8;color:#557393;max-width:510px;margin:19px 0 22px}.dashboard-preview{height:294px;border:1px solid #d3e3f2;border-radius:12px;overflow:hidden;display:flex;background:#fbfdff;box-shadow:0 12px 25px rgba(50,110,160,.1)}.dashboard-sidebar{width:76px;background:linear-gradient(#0c4b91,#093469);padding:14px 9px;display:grid;grid-template-rows:29px repeat(6,1fr);gap:3px;color:#d7efff}.dash-logo{border:1px solid rgba(255,255,255,.6);width:24px;height:24px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 26%,100% 78%,50% 100%,0 78%,0 26%);font-weight:700;justify-self:center}.dash-nav{display:grid;place-items:center;align-content:center;font-size:13px;border-radius:5px;color:#d9edff}.dash-nav small{font-size:7px;margin-top:4px}.dash-nav.active,.dash-nav:hover{background:rgba(255,255,255,.16);color:#fff}.dashboard-main{flex:1;min-width:0;padding:12px 13px}.dash-top{display:flex;justify-content:space-between;border-bottom:1px solid #e2edf7;padding-bottom:11px}.dash-search{height:16px;width:65%;border-radius:20px;background:#e6f0f8}.dash-user{font-size:8px;color:#8096ad}.dash-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 0}.dash-shortcuts span{font-size:8px;display:flex;align-items:center;gap:4px;color:#1c4f84;border:1px solid #e0ecf6;padding:9px 5px;border-radius:6px;white-space:nowrap}.mini-icon{width:13px;height:13px;border-radius:3px;background:#ddf6fc;border:1px solid #62d0df;display:inline-block;position:relative}.search-icon{border:2px solid var(--blue);border-radius:50%;position:relative;background:transparent}.search-icon:after{content:"";position:absolute;width:7px;height:2px;background:var(--blue);right:-5px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.dash-columns{display:grid;grid-template-columns:1.3fr .8fr;gap:9px}.dash-table,.dash-side-card{border:1px solid #e0ecf6;border-radius:6px;padding:10px;min-width:0}.dash-table>b,.dash-side-card>b{display:block;font-size:9px;color:#1a457a;margin-bottom:9px}.table-head,.table-row{display:grid;grid-template-columns:1.5fr .7fr .6fr .6fr;gap:5px;align-items:center}.table-head{color:#93a7ba;font-size:7px;padding-bottom:6px;border-bottom:1px solid #e8f1f8}.table-row{height:24px;border-bottom:1px solid #edf3f8}.table-row i{height:6px;background:#e0ebf4;border-radius:5px}.table-row em{font-style:normal;font-size:7px;color:#5da4c2}.dash-side-card span{display:block;font-size:7px;color:#7891aa;margin:5px 0}.dash-side-card span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:5px}.dash-side-card span:nth-last-child(2) i{background:#6b95ef}.dash-side-card span:last-child i{background:#a6c9f0}.donut{width:78px;height:78px;margin:6px auto 9px;border-radius:50%;background:conic-gradient(var(--cyan) 0 42%,#6b95ef 42% 74%,#b5d5ef 74% 100%);position:relative}.donut:after{content:"";position:absolute;inset:20px;background:#fff;border-radius:50%}.primary-action{margin:22px auto 0;display:flex;justify-content:center;width:max-content;min-width:245px}.capabilities-panel{width:var(--shell);margin:0 auto 25px;display:grid;grid-template-columns:280px 1fr;min-height:172px;padding:34px 36px;gap:35px}.capability-intro h2{font-size:25px;margin:0 0 11px}.capability-intro .cyan-rule{width:39px;height:3px;margin:0 0 14px}.capability-intro>p:last-child{font-size:12px;line-height:1.7;color:#6681a2;margin:0}.capability-items{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.capability-item{display:grid;grid-template-columns:84px 1fr;gap:22px;align-items:center;padding:0 28px;border-left:1px solid var(--line)}.large-icon{width:76px;height:76px;border:1px solid #cfe2f4;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:42px;font-style:normal;font-weight:300}.large-icon.search-icon{margin:0 auto}.large-icon.trace-icon{font-size:32px}.capability-item h3{font-size:21px;margin:0 0 7px}.capability-item p{font-size:12px;line-height:1.7;color:#6883a3;margin:0 0 11px}.capability-item a{font-size:12px;color:var(--blue)}.capability-item a span{font-size:18px;margin-left:7px}.about-strip{width:var(--shell);margin:0 auto;padding:70px 50px;display:grid;grid-template-columns:1fr .9fr;gap:80px;border-top:1px solid rgba(87,150,201,.22)}.about-strip h2{font-size:42px;line-height:1.25;margin:0;letter-spacing:.01em}.about-strip h2 em{font-style:normal;color:var(--blue);font-weight:400}.about-copy{align-self:end;max-width:380px}.about-copy .cyan-rule{margin:0 0 22px}.about-copy p{font-size:14px;line-height:1.9;color:#5c789b;margin:0 0 26px}.outline-action{display:inline-flex;gap:18px;align-items:center;color:var(--blue);border:1px solid #bcd5ec;padding:12px 16px;border-radius:6px;font-size:12px;background:rgba(255,255,255,.55)}.site-footer{width:var(--shell);margin:0 auto;padding:24px 0 27px;border-top:1px solid rgba(87,150,201,.22);display:grid;grid-template-columns:1fr auto;gap:16px;color:#6784a4;font-size:11px}.footer-links{display:flex;gap:14px;align-items:center}.footer-links i{width:1px;height:12px;background:#abc9e2}.footer-contact{display:flex;gap:28px}.site-footer>p{grid-column:1/-1;text-align:center;margin:6px 0 0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.system-page .topbar{position:sticky}.system-main{width:var(--shell);margin:0 auto;padding:42px 0 50px}.system-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;min-height:410px}.system-intro{padding:54px 48px}.system-intro h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin:0;letter-spacing:.01em}.system-intro h1 em{font-style:normal;color:var(--blue);font-weight:400}.system-intro p:not(.overline){font-size:15px;line-height:1.9;color:#5e7a9c;max-width:410px}.system-meta{display:flex;gap:26px;margin-top:34px}.system-meta span{font-size:11px;color:#6281a4;padding-left:13px;border-left:2px solid var(--cyan)}.system-preview{padding:25px}.system-preview-header{display:flex;align-items:center;justify-content:space-between;color:#1b4d82;font-size:13px;margin-bottom:18px}.system-preview-header small{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#5aaf96}.large-dashboard{height:342px}.system-features{margin-top:18px;padding:38px 42px}.system-section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:2px}.system-section-title .overline{margin:0}.system-section-title h2{font-size:28px;margin:0}.system-section-title p{font-size:12px;color:#7691ad;margin:0}.feature-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-bottom:1px solid var(--line);padding:23px 0;gap:28px;align-items:start}.feature-row:last-child{border-bottom:0}.feature-row>strong{font-size:19px}.feature-row>strong span{display:block;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--blue);margin-bottom:8px}.feature-row p{font-size:12px;line-height:1.8;color:#6683a2;margin:0}.feature-row b{font-size:12px;color:#295587;font-weight:600}.system-flow{margin-top:18px;padding:38px 42px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px}.flow-step{position:relative;padding:0 20px 0 0}.flow-step:not(:last-child):after{content:"→";position:absolute;right:16px;top:20px;color:var(--cyan);font-size:22px}.flow-step strong{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #acd5e9;color:var(--blue);font-size:15px;margin-bottom:16px}.flow-step h3{font-size:16px;margin:0 0 8px}.flow-step p{font-size:12px;line-height:1.7;color:#6b86a4;margin:0;max-width:180px}.system-footer{margin-top:24px}.back-link{font-size:12px;color:var(--blue)}
.about-detail-section{grid-template-columns:.75fr 1.25fr;gap:70px}.about-detail-section h2{font-size:42px;margin:0}.about-lead{font-size:14px;line-height:1.9;color:#5c789b;max-width:300px}.about-detail{max-width:750px;align-self:start}.about-detail>p{font-size:14px;line-height:2;color:#557393;margin:0;white-space:pre-line}.about-detail .outline-action{margin-top:25px}
@media (max-width:1100px){:root{--shell:calc(100% - 56px)}.brand-lockup{min-width:250px}.main-nav{gap:28px}.hero-grid{grid-template-columns:1fr}.intro-panel,.product-panel{min-height:540px}.capabilities-panel{grid-template-columns:220px 1fr}.capability-item{grid-template-columns:60px 1fr;gap:14px;padding:0 17px}.large-icon{width:60px;height:60px}.system-hero{grid-template-columns:1fr}.system-intro{min-height:340px}}
@media (max-width:720px){:root{--shell:calc(100% - 32px)}.topbar{height:72px;padding:0 16px;gap:0}.brand-lockup{min-width:0;flex:1}.brand-symbol{width:34px;height:34px;padding:5px}.brand-symbol i{width:5px;height:17px}.brand-symbol i:nth-child(2){height:23px}.brand-symbol i:nth-child(3){height:18px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:9px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;padding:8px 18px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(39,105,157,.1);flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{height:45px;border-bottom:1px solid #e6f0f8}.main-nav a:after{bottom:0}.header-action{font-size:10px;padding:10px 11px;gap:6px;margin-right:10px}.header-action span{font-size:14px}.mobile-menu{display:block}.hero-wrap{padding-top:18px}.intro-panel,.product-panel{min-height:630px;padding:44px 25px 0}.intro-content h1 span{font-size:39px}.intro-content h1 b{font-size:26px}.intro-slogan{font-size:17px}.intro-description{font-size:13px}.archive-summary{left:25px;right:25px}.summary-points{gap:12px}.summary-points span{font-size:10px}.product-panel{min-height:600px;padding:44px 25px 28px}.product-heading h2{font-size:30px}.dashboard-preview{height:260px}.dashboard-sidebar{width:52px;padding:10px 5px}.dash-nav{font-size:11px}.dash-nav small{font-size:6px}.dashboard-main{padding:9px}.dash-shortcuts span{font-size:7px;padding:7px 2px;gap:2px}.dash-shortcuts{gap:3px}.dash-columns{grid-template-columns:1fr}.dash-side-card{display:none}.capabilities-panel{display:block;padding:28px 25px}.capability-intro{padding-bottom:22px}.capability-items{display:block}.capability-item{border-left:0;border-top:1px solid var(--line);padding:20px 0;grid-template-columns:62px 1fr}.capability-item p{max-width:380px}.about-strip{display:block;padding:52px 0}.about-strip h2{font-size:34px}.about-copy{margin-top:34px}.site-footer{display:block;padding-bottom:24px}.footer-links{flex-wrap:wrap;gap:10px}.footer-contact{margin-top:18px;display:grid;gap:8px}.site-footer>p{text-align:left;margin-top:22px}.system-main{padding-top:18px}.system-intro,.system-preview,.system-features,.system-flow{padding:28px 24px}.system-intro h1{font-size:44px}.system-meta{gap:14px;flex-wrap:wrap}.large-dashboard{height:260px}.system-section-title{display:block}.system-section-title p{margin-top:12px}.feature-row{grid-template-columns:1fr 1fr;gap:15px}.feature-row>strong{grid-column:1/-1}.flow-grid{grid-template-columns:1fr 1fr;gap:28px 15px}.flow-step:not(:last-child):after{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
html{scroll-padding-top:90px}#home,#product,#capabilities,#about,#system,#features,#flow{scroll-margin-top:90px}
.system-home-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;border:1px solid #d3e3f2;border-radius:12px;box-shadow:0 12px 25px rgba(50,110,160,.1);background:#fff}
@media (max-width:720px){.system-home-image{aspect-ratio:16/10}}
.hero-grid{grid-template-columns:1fr}
.intro-panel{min-height:0;padding-bottom:48px}
.product-panel{min-height:0;padding-bottom:40px}
.system-home-image{max-width:920px;height:auto;aspect-ratio:auto;object-fit:contain;margin-left:auto;margin-right:auto}
@media (max-width:720px){.intro-panel,.product-panel{min-height:0;padding:40px 25px 34px}.system-home-image{max-width:100%}}
.intro-content{width:min(100%,900px);max-width:900px}
.intro-description{max-width:680px}
@media (max-width:720px){.intro-content{width:100%;max-width:none}.intro-description{max-width:100%}}
.footer-phone{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left}.footer-phone:hover{color:var(--blue)}.qr-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(9,41,87,.42);backdrop-filter:blur(8px)}.qr-modal[hidden]{display:none}.qr-card{position:relative;width:min(100%,360px);padding:34px 30px 28px;border:1px solid rgba(255,255,255,.92);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(9,41,87,.24);text-align:center}.qr-card .overline{margin-bottom:10px}.qr-card h2{margin:0 0 20px;font-size:24px;color:var(--navy)}.qr-close{position:absolute;top:10px;right:14px;border:0;background:transparent;color:#7892ae;font-size:28px;line-height:1;cursor:pointer}.qr-image{display:block;width:min(100%,240px);aspect-ratio:1;margin:0 auto;border-radius:10px;object-fit:contain;border:1px solid #e0edf7;background:#fff}.qr-placeholder{font-size:13px;line-height:1.8;color:#6c86a4;margin:0 auto;padding:22px 14px;border:1px dashed #b9d4e8;border-radius:10px;background:#f6fbfe}.qr-placeholder code{color:var(--blue);font-size:12px}.qr-hint{font-size:12px;color:#7892ae;margin:16px 0 0}
.brand-symbol-image{width:76px;height:44px;border:0;clip-path:none;padding:0;object-fit:contain;display:block;flex:none}.wechat-entry,.footer-wechat-link{color:var(--blue);font-size:12px;white-space:nowrap;cursor:pointer;transition:color .2s ease,transform .2s ease}.wechat-entry{display:inline-flex;align-items:center;gap:7px}.wechat-entry span,.footer-wechat-link span{font-size:16px}.wechat-entry:hover,.footer-wechat-link:hover{color:var(--blue-strong);transform:translateY(-1px)}.footer-wechat-link{display:inline-flex;align-items:center;gap:6px}.footer-contact{align-items:center}
@media (max-width:720px){.brand-symbol-image{width:62px;height:36px}}