:root{--navy:#00113d;--navy2:#061d57;--green:#2aa58d;--lime:#c7fa70;--paper:#f5f7fb;--ink:#081432;--muted:#66728c;--line:#dfe5ef;--orange:#d9a35f;--font:'PingFang SC','Microsoft YaHei','Hiragino Sans GB','Source Han Sans SC','Noto Sans SC','WenQuanYi Micro Hei',sans-serif;--display:'Manrope','PingFang SC','Microsoft YaHei','Hiragino Sans GB','Source Han Sans SC','Noto Sans SC',sans-serif;--mono:'DM Mono',ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--font)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 72px));margin:auto}.notice{height:32px;background:var(--green);color:#fff;font:10px var(--mono)}.notice-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.notice-inner span,.notice-inner a{display:flex;align-items:center;gap:7px}.notice svg{width:13px}.header{position:absolute;z-index:10;top:32px;left:0;width:100%;color:#fff}.header.scrolled{position:fixed;top:0;background:#00113def;backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;border-bottom:1px solid #fff3}.brand{display:flex;align-items:center;gap:9px}.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:4px}.brand-mark{width:22px;height:23px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:5px;background:var(--green);transform:skew(-17deg)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:23px}.brand-cn{font:900 21px var(--font);letter-spacing:-.1em}.brand-en{font:9px var(--mono);letter-spacing:.1em;color:#fff9}.desktop-nav{display:flex;gap:28px;margin-left:auto;font-size:12px}.desktop-nav a{opacity:.8;white-space:nowrap}.desktop-nav a:hover{color:var(--lime);opacity:1}.nav-actions{display:flex;align-items:center;gap:16px;margin-left:28px}.nav-phone{font:11px var(--mono);color:#fff9}.nav-cta,.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;padding:11px 17px;font-size:12px;font-weight:700;transition:.2s}.nav-cta svg,.btn-primary svg{width:15px}.nav-cta:hover,.btn-primary:hover{background:#3ab79f;transform:translateY(-2px)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;min-height:730px;background:var(--navy);color:#fff;overflow:hidden}.hero-glow{position:absolute;inset:0;background:radial-gradient(50% 75% at 78% 31%,#075278 0%,transparent 62%),linear-gradient(90deg,#00113d 0%,#00194d 53%,#062b5c 100%)}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero:after{content:'';position:absolute;right:-9%;top:17%;width:54vw;height:54vw;border:1px solid #2aa58d40;border-radius:50%;box-shadow:0 0 0 70px #2aa58d10,0 0 0 150px #2aa58d08}.hero-inner{position:relative;z-index:1;min-height:596px;padding-top:182px;display:flex;justify-content:space-between}.hero-copy{max-width:700px}.eyebrow{display:flex;align-items:center;gap:9px;color:#fff9;font:10px var(--mono);letter-spacing:.04em;margin:0 0 24px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #2aa58d35}.hero h1{font:800 clamp(50px,6.4vw,86px)/1.06 var(--display);letter-spacing:-.08em;margin:0 0 17px}.hero h1 em,.intro h2 em,.section-head h2 em,.compliance h2 em,.growth h2 em,.about h2 em,.contact h2 em{color:var(--lime);font-style:normal}.hero-sub{font-size:18px;letter-spacing:.03em;margin:0 0 13px;color:#fff}.hero-desc{font-size:14px;color:#fff9;max-width:590px;margin:0 0 29px}.hero-actions{display:flex;gap:11px;margin-bottom:27px}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid #fff6;color:#fff;font-size:12px}.btn-ghost:hover{background:#fff1}.hero-proof{display:flex;gap:21px;flex-wrap:wrap;color:#fff9;font-size:11px}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{width:14px;color:var(--green)}.hero-side{padding-top:29px;margin-right:4%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.status-card{width:165px;border-left:1px solid #fff6;padding:8px 0 8px 15px}.live{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:var(--green)}.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #2aa58d30}.status-card strong{display:block;font:600 32px var(--display);letter-spacing:-.06em}.status-card p{color:#fff8;font-size:10px;line-height:1.7;margin:0}.side-note{text-align:right;color:#fff3;font:10px var(--mono);letter-spacing:.1em;line-height:1.5}.side-note span{font-size:8px;letter-spacing:.04em}.hero-bottom{position:relative;z-index:1;border-top:1px solid #fff3;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;padding:22px 0 26px}.hero-bottom>div:not(.hero-scroll){display:flex;flex-direction:column;align-items:center;border-right:1px solid #fff2}.hero-bottom strong{font:700 20px var(--display);color:var(--green)}.hero-bottom span{font-size:10px;color:#fff9}.hero-scroll{display:flex;gap:8px;align-items:center;padding-left:33px;color:#fff9;font:10px var(--mono)}.hero-scroll svg{width:15px;color:var(--green)}
.section-light{background:var(--paper);padding:102px 0}.intro{background:#fff;padding:82px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.kicker{color:var(--green);font:10px var(--mono);letter-spacing:.08em;margin:0 0 17px}.intro h2,.section-head h2{font:800 45px/1.16 var(--display);letter-spacing:-.08em;margin:0}.intro .lead{font-size:16px;line-height:2;color:#3a4863;margin:0 0 26px}.intro-line{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;flex-wrap:wrap}.intro-line svg{width:15px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:43px}.section-head>div>p:last-child{font-size:12px;color:var(--muted);margin:15px 0 0}.text-link{display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:12px;font-weight:700}.text-link svg{width:15px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.capability{background:#fff;border:1px solid #e8edf5;min-height:267px;padding:21px;position:relative;transition:.2s}.capability:hover{transform:translateY(-4px);box-shadow:0 12px 25px #07183b12}.capability.featured{background:var(--navy);color:#fff}.capability>span{font:9px var(--mono);color:var(--green)}.capability>svg{position:absolute;right:20px;top:19px;width:21px;color:var(--green)}.capability h3{font-size:21px;margin:61px 0 7px}.capability p{font-size:11px;color:var(--muted);line-height:1.8;max-width:240px}.featured p{color:#fff9}.capability b{position:absolute;bottom:19px;left:21px;color:var(--green);font-size:11px}
.architecture,.growth{background:var(--navy);color:#fff;padding:106px 0}.section-head.light>div>p:last-child{color:#fff9}.architecture-tag{font:10px var(--mono);color:var(--green)}.architecture-board{background:linear-gradient(140deg,#0a2b66,#061840);border:1px solid #2aa58d40;padding:40px 42px;box-shadow:15px 15px 0 #2aa58d18}.board-row{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center}.board-label{border:1px solid #fff3;padding:19px 17px;display:grid;grid-template-columns:25px 1fr;column-gap:9px;row-gap:4px}.board-label>svg{grid-row:span 2;color:var(--green);width:20px}.board-label b{font-size:13px}.board-label span{color:#fff8;font-size:10px}.board-label.cloud{border-color:var(--green);background:#2aa58d14}.connector{width:18px;justify-self:center;color:var(--green)}.board-divider{border-top:1px solid #fff3;margin:38px 0 22px;padding-top:13px;color:var(--green);font:10px var(--mono)}.board-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.board-chips span{display:flex;align-items:center;gap:7px;justify-content:center;padding:11px 5px;background:#fff1;color:#fff9;font-size:10px}.board-chips svg{width:15px;color:var(--green)}.board-foot{display:flex;justify-content:space-between;margin-top:35px;color:#fff7;font:9px var(--mono)}
.compliance{background:#fff}.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:83px;align-items:center}.compliance h2{font:800 43px/1.18 var(--display);letter-spacing:-.08em;margin:0 0 20px}.compliance .lead{font-size:14px;color:var(--muted);max-width:500px;margin:0 0 28px}.flow-card{background:var(--paper);padding:23px 25px;border:1px solid var(--line)}.flow-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;color:var(--green);font:10px var(--mono)}.flow-head svg{width:17px}.flow-list{display:grid;gap:0}.flow-list>div{display:grid;grid-template-columns:31px 25px 65px 1fr;align-items:center;min-height:71px;border-bottom:1px solid var(--line);gap:7px}.flow-list b{color:var(--orange);font:10px var(--mono)}.flow-list svg{width:19px;color:var(--green)}.flow-list strong{font-size:13px}.flow-list span{font-size:10px;color:var(--muted)}.flow-key{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:17px;color:var(--ink);font-size:10px}.flow-key i{color:var(--green);font-style:normal;font-weight:700}
.growth{background:var(--navy2)}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.growth-grid article{min-height:294px;border:1px solid #fff3;padding:22px;position:relative;background:#ffffff08}.growth-grid article:hover{background:#2aa58d12;border-color:#2aa58d66}.growth-icon{width:39px;height:39px;display:grid;place-items:center;background:#2aa58d25;color:var(--green);margin-bottom:24px}.growth-icon svg{width:19px}.growth-grid article>span{font:9px var(--mono);color:var(--green)}.growth-grid h3{font-size:23px;margin:10px 0 9px}.growth-grid p{color:#fff9;font-size:12px;line-height:1.9}.growth-grid b{position:absolute;bottom:20px;left:22px;color:var(--lime);font-size:10px}.growth-loop{margin:40px auto 0;max-width:670px;display:flex;justify-content:space-between;align-items:center;color:var(--lime);font-weight:700;font-size:13px}.growth-loop i{width:16px;color:#fff7}
.implementation{background:#fff}.roadmap-note{font:10px var(--mono);color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps>div{min-height:215px;padding:19px 14px;border-right:1px solid var(--line);position:relative}.steps>div:last-child{border:0}.steps b{font:10px var(--mono);color:var(--orange)}.steps svg{display:block;width:22px;color:var(--green);margin:20px 0 15px}.steps h3{font-size:15px;margin:0 0 8px}.steps p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.deliverables{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:26px;color:var(--muted);font-size:10px}.deliverables span{color:var(--green);font:10px var(--mono);margin-right:6px}.deliverables b{background:var(--paper);padding:7px 11px;font-weight:500}
.about-grid{display:grid;grid-template-columns:1fr .75fr;gap:130px;align-items:center}.about h2{font:800 43px/1.17 var(--display);letter-spacing:-.08em;margin:0 0 19px}.about p:not(.kicker){color:var(--muted);font-size:13px;max-width:525px}.about-metrics{display:flex;gap:26px;margin-top:28px;border-top:1px solid var(--line);padding-top:19px}.about-metrics span{font-size:10px;color:var(--muted)}.about-metrics b{display:block;color:var(--green);font-size:13px;margin-bottom:4px}.quote-card{background:var(--navy);color:#fff;padding:29px 31px;box-shadow:15px 15px 0 #2aa58d24}.quote-card>svg{color:var(--green);width:28px}.quote-card p{font:600 20px/1.9 var(--font);color:#fff!important;margin:13px 0 17px}.quote-card span{font-size:10px;color:#fff9}
.contact{background:var(--green);color:#fff;padding:92px 0}.contact-grid{display:grid;grid-template-columns:1fr .78fr;gap:115px;align-items:center}.contact h2{font:800 44px/1.2 var(--display);letter-spacing:-.08em;margin:0 0 19px}.contact p{color:#efffe9;font-size:13px}.contact-phone{display:flex;align-items:center;gap:11px;margin-top:26px}.contact-phone>svg{width:23px}.contact-phone span{display:grid}.contact-phone small{font-size:10px;color:#efffe9}.contact-phone b{font:700 22px var(--display)}.contact form{background:#fff;color:var(--ink);padding:26px 28px;display:grid;gap:15px;box-shadow:15px 15px 0 #0a603022}.form-title{display:flex;justify-content:space-between;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:13px}.form-title span{font:10px var(--mono);color:var(--muted)}.contact label{display:grid;gap:4px;color:var(--muted);font-size:10px}.contact input,.contact select{height:37px;border:0;border-bottom:1px solid var(--line);background:none;outline:0;font-size:12px;color:var(--ink)}.contact form .dark{width:100%;justify-content:center}.privacy{color:var(--muted);font-size:9px;display:flex;align-items:center;gap:6px}.privacy svg{width:13px;color:var(--green)}.footer{background:var(--navy);color:#fff;padding:60px 0 21px}.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px;padding-bottom:55px;border-bottom:1px solid #fff2}.footer-brand p{color:#fff9;font-size:12px}.footer-brand>span{display:block;color:#fff8;font-size:10px}.footer-col{display:grid;gap:8px;align-content:start;font-size:11px}.footer-col b{color:var(--green);font:10px var(--mono);margin-bottom:7px}.footer-col a{color:#fff9}.footer-bottom{padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:#fff7;font:9px var(--mono)}.footer-bottom>div{display:flex;gap:18px}.toast{position:fixed;z-index:30;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:13px 17px;display:flex;align-items:center;gap:8px;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast svg{width:16px;color:var(--green)}
@media(max-width:980px){.container{width:min(100% - 44px,700px)}.desktop-nav,.nav-phone{display:none}.nav-actions{margin-left:auto}.menu-toggle{display:grid;place-items:center;background:none;color:#fff}.mobile-nav{display:flex;position:absolute;top:76px;left:0;width:100%;padding:17px 22px 24px;background:var(--navy);flex-direction:column;gap:4px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav>a{padding:10px 0;border-bottom:1px solid #fff2}.mobile-nav .nav-cta{width:max-content;margin-top:9px}.hero-inner{padding-top:164px}.hero-side{display:none}.hero-bottom{grid-template-columns:repeat(3,1fr)}.hero-scroll{display:none}.intro-grid,.compliance-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:43px}.capability-grid{grid-template-columns:repeat(2,1fr)}.architecture-board{padding:27px 23px}.board-row{grid-template-columns:1fr}.connector{transform:rotate(90deg);margin:10px auto}.board-chips{grid-template-columns:repeat(3,1fr)}.solution-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.steps>div:nth-child(3){border-right:0}.steps>div:nth-child(n+4){border-top:1px solid var(--line)}.footer-main{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:25px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.notice{font-size:9px}.nav{height:66px}.header{top:32px}.mobile-nav{top:66px}.brand-en{display:none}.hero{min-height:730px}.hero-inner{padding-top:135px;min-height:600px}.hero h1{font-size:53px}.hero-sub{font-size:15px}.hero-desc{font-size:12px}.hero-actions{flex-wrap:wrap}.hero-proof{gap:9px;display:grid}.hero-bottom{grid-template-columns:1fr 1fr;gap:13px;padding:18px 0 25px}.hero-bottom>div:nth-child(3){grid-column:span 2;border:0}.hero-bottom strong{font-size:17px}.section-light,.architecture,.growth,.contact{padding:75px 0}.intro{padding:65px 0}.intro-grid{gap:28px}.intro h2,.section-head h2{font-size:37px}.section-head{display:block;margin-bottom:31px}.section-head .text-link{margin-top:19px}.capability-grid{display:block}.capability{margin-bottom:12px;min-height:245px}.architecture-tag,.roadmap-note{display:block;margin-top:18px}.architecture-board{padding:20px 15px}.board-chips{grid-template-columns:1fr 1fr}.board-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compliance h2,.about h2,.contact h2{font-size:35px}.flow-card{padding:17px 14px}.flow-list>div{grid-template-columns:25px 22px 57px 1fr;gap:4px}.flow-key{gap:6px}.growth-grid{display:block}.growth-grid article{margin-bottom:12px;min-height:250px}.growth-loop{font-size:11px;gap:7px}.steps{grid-template-columns:repeat(2,1fr)}.steps>div:nth-child(2n){border-right:0}.steps>div:nth-child(n+3){border-top:1px solid var(--line)}.steps>div{min-height:190px}.deliverables{gap:7px}.about-metrics{gap:14px}.quote-card{padding:22px 19px}.quote-card p{font-size:16px}.contact-grid{gap:28px}.contact form{padding:21px 18px;box-shadow:9px 9px 0 #0a603022}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:span 2}.footer-bottom{display:block;line-height:2.1}.footer-bottom>div{margin-top:7px;gap:13px;flex-wrap:wrap}}

/* Visual refinement: calmer brand blue, editorial spacing, and softer surfaces. */
:root{--navy:#10285b;--navy2:#173974;--green:#2aa58d;--lime:#dceeff;--paper:#f6f8fb;--ink:#17233d;--muted:#6d788e;--line:#e4e8ef;--orange:#d9a35f}
body{background:var(--paper);color:var(--ink)}.notice{background:#2454b7;height:34px}.header{top:34px}.header.scrolled{background:#10285bed}.nav{height:78px;border-bottom-color:#ffffff26}.brand-logo{width:38px;height:38px;border-radius:6px}.brand-cn{font-size:20px;letter-spacing:-.08em}.brand-en{color:#dce7ff99}.desktop-nav{gap:30px}.nav-phone{color:#dce7ffcc}.nav-cta,.btn-primary{background:#2d63c9}.nav-cta:hover,.btn-primary:hover{background:#2d63c9}
.hero{min-height:700px}.hero-glow{background:radial-gradient(44% 75% at 82% 37%,#20558c 0%,transparent 67%),linear-gradient(112deg,#10285b 0%,#173c73 58%,#194d73 100%)}.hero-grid{opacity:.1}.hero:after{right:-11%;top:21%;width:52vw;height:52vw;border-color:#b7dcff2e;box-shadow:0 0 0 72px #b7dcff0d,0 0 0 150px #b7dcff08}.hero-inner{min-height:570px;padding-top:174px}.hero h1{font-size:clamp(49px,5.6vw,76px);letter-spacing:-.075em;margin-bottom:15px}.hero h1 em{color:#b9ddff}.hero-sub{font-size:16px;color:#eaf2ff}.hero-desc{max-width:555px;color:#d8e5f8cc}.btn-ghost{border-color:#cfe1ff77;color:#edf5ff}.hero-proof svg{color:#59d0b1}.hero-bottom{padding-top:20px;border-top-color:#cfe1ff33}.hero-bottom strong{color:#9bd8c7;font-size:18px}.hero-scroll{color:#cfe1ff}.hero-scroll svg{color:#70cdb2}
.section-light{background:#f6f8fb}.intro{background:#fff;padding:76px 0}.intro h2,.section-head h2{font-size:43px}.intro h2 em,.section-head h2 em,.compliance h2 em,.growth h2 em,.about h2 em,.contact h2 em{color:#2d63c9}.intro .lead{color:#58657d}.intro-line{color:#2d63c9}.capability-grid{gap:16px}.capability{border-radius:14px;min-height:276px;box-shadow:0 5px 18px #17397408}.capability:hover{box-shadow:0 15px 30px #17397414}.capability.featured{background:#173974}.capability>span{color:#2aa58d}.capability>svg{color:#2aa58d}.capability b{color:#2aa58d}.platform .section-head>div>p:last-child{color:#7b8598}
.architecture{background:#10285b;padding:112px 0}.architecture .kicker,.growth .kicker{color:#67cdb5}.architecture h2 em,.growth h2 em{color:#a7d8ff}.architecture-board{border-radius:18px;background:linear-gradient(145deg,#183d78,#102852);border-color:#98c7f433;box-shadow:16px 16px 0 #0b21440c}.board-label{border-color:#b8d8ff33}.board-label.cloud{border-color:#62c6b5;background:#2aa58d13}.board-chips span{background:#e9f4ff0d}.board-chips svg{color:#6ad0b8}.board-divider{border-color:#b8d8ff2e;color:#79cfbc}.board-foot{color:#cfe2fa99}
.compliance{background:#fff}.compliance h2{font-size:41px}.flow-card{border-radius:16px;background:#f7f9fc;box-shadow:0 12px 35px #1739740c}.flow-head{color:#2d63c9}.flow-list svg{color:#2aa58d}.flow-list b{color:#d9a35f}.flow-key{color:#33425f}.flow-key i{color:#2aa58d}
.growth{background:#173974}.growth-grid{gap:16px}.growth-grid article{border-radius:14px;border-color:#b8d8ff2c;background:#ffffff08}.growth-grid article:hover{border-color:#62c6b5;background:#2aa58d12}.growth-grid article>span{color:#73cfb9}.growth-icon{background:#2aa58d20;color:#73cfb9;border-radius:9px}.growth-grid b{color:#b7dcff}.growth-loop{color:#b7dcff}.growth-loop i{color:#75ccb9}
.implementation{background:#fff}.steps>div{min-height:222px}.steps svg{color:#2d63c9}.steps b{color:#d9a35f}.deliverables b{background:#f1f5fa;border-radius:5px}.about{background:#f6f8fb}.about-metrics b{color:#2d63c9}.quote-card{border-radius:16px;background:#173974;box-shadow:16px 16px 0 #2aa58d18}.quote-card>svg{color:#70cdb2}.contact{background:#2aa58d;padding:98px 0}.contact h2{font-size:42px}.contact-phone>svg{color:#d9fff2}.contact form{border-radius:16px;box-shadow:14px 14px 0 #14554b20}.contact form .dark{background:#173974}.footer{background:#10285b}.footer-col b{color:#73cfb9}.footer-bottom{color:#c7d8efaa}
@media(max-width:560px){.hero{min-height:700px}.hero-inner{padding-top:132px;min-height:580px}.hero h1{font-size:48px}.hero h1 em{color:#b9ddff}.section-light,.architecture,.growth,.contact{padding:72px 0}.intro h2,.section-head h2{font-size:36px}.capability{border-radius:12px}.contact h2{font-size:34px}}

/* Final polish: oil-station imagery, a tighter type scale, and clearer hierarchy. */
.hero-glow{background:linear-gradient(90deg,rgba(7,24,67,.96) 0%,rgba(16,47,99,.84) 46%,rgba(8,44,73,.56) 100%),url('assets/img/hero-home.jpg') center/cover no-repeat}
.hero-grid{opacity:.07}.hero:after{opacity:.72}.hero h1{font-size:clamp(46px,5.2vw,72px);line-height:1.12;letter-spacing:-.07em}.hero-sub{font-size:15px;font-weight:600}.hero-desc{font-size:13px;line-height:1.9}.hero-proof{font-size:10px}.hero-bottom strong{font-size:17px}.hero-bottom span{font-size:9px}.section-head h2,.intro h2{font-size:40px;line-height:1.22;letter-spacing:-.065em}.section-head>div>p:last-child{font-size:12px;line-height:1.8}.kicker{font-size:9px;letter-spacing:.12em}.capability h3{font-size:19px}.capability p{font-size:11px;line-height:1.85}.capability b{font-size:10px}.architecture{background:linear-gradient(135deg,#10285b,#123b74)}.architecture-board{background:rgba(7,27,66,.58);backdrop-filter:blur(7px)}.board-label b{font-size:12px}.board-label span{font-size:9px}.board-chips span{font-size:9px}.compliance h2,.about h2{font-size:39px;line-height:1.22}.compliance .lead{font-size:13px;line-height:1.9}.flow-list strong{font-size:12px}.flow-list span{font-size:9px}.growth h2{font-size:40px}.growth-grid h3{font-size:21px}.growth-grid p{font-size:11px;line-height:1.9}.growth-grid b{font-size:9px}.steps h3{font-size:14px}.steps p{font-size:9px;line-height:1.8}.about p:not(.kicker){font-size:12px;line-height:1.9}.quote-card p{font-size:18px;line-height:1.8}.contact h2{font-size:40px;line-height:1.22}.contact p{font-size:12px}.footer-brand p{font-size:11px}.footer-col{font-size:10px}
@media(max-width:560px){.hero-glow{background:linear-gradient(180deg,rgba(7,24,67,.94),rgba(16,47,99,.86)),url('assets/img/hero-home.jpg') 66% center/cover no-repeat}.hero h1{font-size:45px}.hero-sub{font-size:14px}.section-head h2,.intro h2,.growth h2{font-size:34px}.compliance h2,.about h2,.contact h2{font-size:33px}.quote-card p{font-size:16px}}

/* Readability pass for the denser information modules. */
.board-label b{font-size:16px}.board-label span{font-size:12px}.board-divider{font-size:12px}.board-chips span{font-size:12px;padding:13px 7px}.board-foot{font-size:11px}.flow-head{font-size:12px}.flow-list>div{min-height:82px}.flow-list strong{font-size:16px}.flow-list span{font-size:12px}.flow-key{font-size:12px}.steps>div{padding:22px 17px;min-height:235px}.steps b{font-size:12px}.steps h3{font-size:18px;margin:23px 0 10px}.steps p{font-size:12px;line-height:1.85}.deliverables{font-size:12px}.deliverables span{font-size:11px}.deliverables b{padding:8px 12px}.section-head>div>p:last-child{font-size:13px}.kicker{font-size:10px}
@media(max-width:560px){.board-label b{font-size:15px}.board-label span{font-size:11px}.board-chips span{font-size:11px}.board-foot{font-size:10px}.flow-list>div{min-height:74px}.flow-list strong{font-size:14px}.flow-list span{font-size:11px}.flow-key{font-size:11px}.steps>div{min-height:205px;padding:19px 14px}.steps h3{font-size:16px;margin:17px 0 8px}.steps p{font-size:11px}.deliverables{font-size:11px}}

/* Unified Haibei palette: one blue, one teal, one restrained amber. */
:root{--navy:#102b5c;--navy2:#173b70;--green:#2aa58d;--lime:#a9c9ee;--paper:#f5f8fc;--ink:#14243f;--muted:#687790;--line:#dfe7f0;--orange:#d9a35f;--brand-blue:#2d63c9;--dark-blue:#102b5c;--pale-blue:#eaf2fb}
body{color:var(--ink);background:var(--paper)}.notice{background:var(--brand-blue)}.header.scrolled{background:rgba(16,43,92,.96)}.nav-cta,.btn-primary{background:var(--brand-blue)}.nav-cta:hover,.btn-primary:hover{background:#3b74dc}.kicker,.section-kicker{color:var(--green)}.intro h2 em,.section-head h2 em,.compliance h2 em,.about h2 em,.contact h2 em{color:var(--brand-blue)}.hero h1 em,.architecture h2 em,.growth h2 em{color:var(--lime)}.hero-glow{background:linear-gradient(90deg,rgba(16,43,92,.96) 0%,rgba(23,59,112,.84) 46%,rgba(25,77,115,.58) 100%),url('assets/img/hero-home.jpg') center/cover no-repeat}.hero:after{border-color:#a9c9ee38;box-shadow:0 0 0 72px #a9c9ee12,0 0 0 150px #a9c9ee08}.hero-proof svg,.hero-scroll svg,.board-chips svg,.flow-list svg{color:var(--green)}.hero-bottom strong{color:#9fd8c7}.platform{background:linear-gradient(135deg,#f5f8fc,#edf4fa)}.platform .capability{background:#fff}.platform .capability.featured{background:linear-gradient(145deg,#173b70,#102b5c);border-color:var(--brand-blue)}.architecture,.growth{background:var(--navy)}.architecture:after,.growth:after{background:linear-gradient(90deg,rgba(16,43,92,.97),rgba(16,43,92,.88) 55%,rgba(16,43,92,.77)),linear-gradient(180deg,rgba(16,43,92,.15),rgba(16,43,92,.9))}.architecture-board{background:rgba(12,35,80,.68);border-color:#a9c9ee38}.board-label.cloud{border-color:#62c6b5}.compliance{background:#fff}.flow-card{background:#f5f8fc}.growth{background:var(--navy2)}.growth-grid article{border-color:#a9c9ee30}.growth-grid article:hover{border-color:#62c6b5}.implementation{background:#fff}.about{background:linear-gradient(120deg,#edf5fd,#f8fafc 58%,#eef8f5)}.quote-card{background:var(--navy)}.contact{background:var(--green)}.footer{background:var(--navy)}.footer-col b{color:#73cfb9}.badge.red{background:var(--orange)}.badge.green{background:#e5f5f1;color:var(--green)}

/* Capability cards: restore the intended featured contrast and compact the content rhythm. */
.platform .capability.featured{background:linear-gradient(145deg,#173974 0%,#10285b 100%);color:#fff;border-color:#2d63c9;box-shadow:inset 0 -4px 0 #2d63c9,0 8px 22px #10285b1c}.platform .capability.featured p{color:#dce8f8}.platform .capability.featured>span{color:#83d4bd}.platform .capability.featured>svg{color:#83d4bd}.platform .capability h3{margin-top:48px}.platform .capability p{max-width:265px}.platform .capability b{font-weight:700}
@media(max-width:560px){.platform .capability h3{margin-top:39px}.platform .capability p{max-width:none}}

/* Background rhythm: distinct but restrained section tones. */
.intro{background:linear-gradient(125deg,#fff 0%,#f3f8ff 72%,#edf5fb 100%)}
.platform{background:radial-gradient(circle at 92% 14%,#dcecfb 0,transparent 26%),linear-gradient(135deg,#f7f9fc 0%,#edf4fa 100%)}
.platform .capability{background:rgba(255,255,255,.86)}
.loops{background:linear-gradient(120deg,#fff 0%,#f3f8fc 52%,#edf7f6 100%)}
.compliance{background:radial-gradient(circle at 8% 45%,#eef8f5 0,transparent 27%),#fff}
.implementation{background:linear-gradient(135deg,#fff 0%,#f2f6fb 100%)}
.about{background:linear-gradient(120deg,#eef6ff 0%,#f8fafc 58%,#eef8f5 100%)}
.about:before{content:'';position:absolute;left:-12%;bottom:-30%;width:48%;height:80%;background:radial-gradient(circle,#d9eafd 0,transparent 70%);opacity:.38;pointer-events:none}.about{position:relative;overflow:hidden}.about .container{position:relative;z-index:1}
.platform,.loops,.compliance,.implementation{position:relative;overflow:hidden}.platform:after,.loops:before,.compliance:after,.implementation:after{content:'';position:absolute;pointer-events:none;opacity:.2}.platform:after{right:-9%;top:16%;width:330px;height:330px;border:1px solid #8fc0e8;border-radius:50%;box-shadow:0 0 0 36px #b8d8ef33,0 0 0 72px #b8d8ef1b}.loops:before{left:-80px;bottom:-110px;width:300px;height:300px;border:1px solid #7ecab933;border-radius:50%;box-shadow:0 0 0 35px #8dd1c522}.compliance:after{right:5%;bottom:12%;width:190px;height:190px;background:linear-gradient(135deg,transparent 48%,#d7edf0 49%,transparent 51%),linear-gradient(45deg,transparent 48%,#d7edf0 49%,transparent 51%);background-size:32px 32px}.implementation:after{right:-50px;top:18%;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#dbeafa 0,transparent 67%)}
.platform .container,.loops .container,.compliance .container,.implementation .container{position:relative;z-index:1}

.loops{background:#fff;padding-top:88px;padding-bottom:92px}.loop-note{font:9px var(--mono);color:var(--muted);letter-spacing:.08em}.loop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.loop-grid article{min-height:220px;padding:22px 19px;border-right:1px solid var(--line);position:relative;background:linear-gradient(180deg,#fff,#f8fafc)}.loop-grid article:last-child{border-right:0}.loop-grid article:hover{background:#edf6ff}.loop-grid article>span{font:10px var(--mono);color:var(--orange)}.loop-grid article>svg{display:block;width:24px;color:#2d63c9;margin:30px 0 16px}.loop-grid h3{font-size:16px;margin:0 0 8px}.loop-grid p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.section-footnote{font-size:10px;color:#9aa4b5;margin:13px 0 0}.capability.featured{box-shadow:inset 0 -4px 0 #2d63c9}.about{padding-top:96px}
@media(max-width:980px){.loop-grid{grid-template-columns:repeat(3,1fr)}.loop-grid article:nth-child(3){border-right:0}.loop-grid article:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:560px){.loops{padding-top:70px;padding-bottom:75px}.loop-note{display:block;margin-top:17px}.loop-grid{display:block}.loop-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:18px}.loop-grid article:last-child{border-bottom:0}.loop-grid article>svg{margin:15px 0 10px}}

/* Type scale + atmospheric image accents */
body{font-size:14px;line-height:1.75}.desktop-nav{font-size:12px}.nav-cta,.btn-primary,.btn-ghost{font-size:12px}.hero h1{font-size:clamp(48px,5.1vw,70px);line-height:1.13;letter-spacing:-.065em}.hero-sub{font-size:16px;line-height:1.55}.hero-desc{font-size:13px;line-height:1.9}.hero-proof{font-size:10px}.hero-bottom strong{font-size:17px}.hero-bottom span{font-size:9px}.intro h2,.section-head h2,.growth h2{font-size:40px;line-height:1.22;letter-spacing:-.06em}.intro .lead{font-size:15px;line-height:1.9}.section-head>div>p:last-child{font-size:12px;line-height:1.8}.capability h3,.loop-grid h3{font-size:18px;line-height:1.4}.capability p,.loop-grid p{font-size:11px;line-height:1.85}.architecture h2,.compliance h2,.about h2,.contact h2{font-size:39px;line-height:1.23;letter-spacing:-.06em}.board-label b{font-size:12px}.board-label span,.board-chips span{font-size:9px}.flow-list strong{font-size:12px}.flow-list span{font-size:10px}.growth-grid h3{font-size:20px}.growth-grid p{font-size:11px;line-height:1.9}.steps h3{font-size:14px}.steps p{font-size:10px;line-height:1.8}.about p:not(.kicker){font-size:13px;line-height:1.9}.quote-card p{font-size:18px;line-height:1.8}.contact p{font-size:13px}.footer-col{font-size:11px}
.architecture,.growth{position:relative;isolation:isolate;overflow:hidden}.architecture:before,.growth:before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.19}.architecture:before{background-image:url('assets/img/hero-2.jpg')}.growth:before{background-image:url('assets/img/hero-1.jpg');background-position:center 58%}.architecture:after,.growth:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,40,91,.98),rgba(16,40,91,.88) 55%,rgba(16,40,91,.75)),linear-gradient(180deg,rgba(16,40,91,.2),rgba(16,40,91,.9))}.architecture .container,.growth .container{position:relative}.architecture-board{background:rgba(12,35,80,.7)}
.loops{position:relative}.loops:after{content:'';position:absolute;right:0;top:0;width:34%;height:100%;background:radial-gradient(circle at 70% 30%,#d8eafe 0,transparent 58%);opacity:.35;pointer-events:none}.loops .container{position:relative;z-index:1}
@media(max-width:560px){.hero h1{font-size:43px}.hero-sub{font-size:14px}.intro h2,.section-head h2,.growth h2{font-size:33px}.architecture h2,.compliance h2,.about h2,.contact h2{font-size:32px}.intro .lead{font-size:14px}.about p:not(.kicker),.contact p{font-size:12px}}

/* Final readability override */
.board-label b{font-size:16px}.board-label span{font-size:12px}.board-divider{font-size:12px}.board-chips span{font-size:12px;padding:13px 7px}.board-foot{font-size:11px}.flow-head{font-size:12px}.flow-list>div{min-height:82px}.flow-list strong{font-size:16px}.flow-list span{font-size:12px}.flow-key{font-size:12px}.steps>div{padding:22px 17px;min-height:235px}.steps b{font-size:12px}.steps h3{font-size:18px;margin:23px 0 10px}.steps p{font-size:12px;line-height:1.85}.deliverables{font-size:12px}.deliverables span{font-size:11px}.deliverables b{padding:8px 12px}.section-head>div>p:last-child{font-size:13px}.kicker{font-size:10px}
@media(max-width:560px){.board-label b{font-size:15px}.board-label span{font-size:11px}.board-chips span{font-size:11px}.board-foot{font-size:10px}.flow-list>div{min-height:74px}.flow-list strong{font-size:14px}.flow-list span{font-size:11px}.flow-key{font-size:11px}.steps>div{min-height:205px;padding:19px 14px}.steps h3{font-size:16px;margin:17px 0 8px}.steps p{font-size:11px}.deliverables{font-size:11px}}

/* Readability pass: larger type and tighter card rhythm. */
.capability{min-height:238px;padding:23px 22px}.platform .capability h3{font-size:21px;margin-top:34px;margin-bottom:8px}.platform .capability p{font-size:13px;line-height:1.75}.platform .capability b{font-size:12px;bottom:18px}.loop-grid article{min-height:190px;padding:20px}.loop-grid article>svg{margin:22px 0 13px}.loop-grid h3{font-size:18px}.loop-grid p{font-size:12px}.flow-list>div{min-height:76px}.flow-list strong{font-size:17px}.flow-list span{font-size:13px}.steps>div{min-height:205px;padding:21px 17px}.steps h3{font-size:19px}.steps p{font-size:13px}.board-label b{font-size:17px}.board-label span{font-size:13px}.board-chips span{font-size:13px}.section-head h2,.intro h2,.growth h2{font-size:42px}
@media(max-width:560px){.capability{min-height:218px}.platform .capability h3{font-size:20px;margin-top:28px}.platform .capability p{font-size:12px}.platform .capability b{font-size:11px}.loop-grid article{min-height:0;padding:18px}.loop-grid h3{font-size:17px}.loop-grid p{font-size:12px}.flow-list strong{font-size:15px}.flow-list span{font-size:12px}.steps>div{min-height:190px}.steps h3{font-size:17px}.steps p{font-size:12px}.board-label b{font-size:16px}.board-label span{font-size:12px}.board-chips span{font-size:12px}.section-head h2,.intro h2,.growth h2{font-size:34px}}

/* Flow rows after removing decorative numbering. */
.flow-list>div{grid-template-columns:32px 78px minmax(0,1fr);gap:12px}.flow-list>div>svg{grid-column:1}.flow-list>div>strong{grid-column:2}.flow-list>div>span{grid-column:3}.flow-list>div>svg+strong{grid-column:2}.flow-list>div>strong+span{grid-column:3}
@media(max-width:560px){.flow-list>div{grid-template-columns:28px 62px minmax(0,1fr);gap:7px}.flow-list>div>span{line-height:1.65}}

/* Print layout: keep the desktop information hierarchy in exported brochures. */
@media print{
  @page{size:A4 landscape;margin:0}
  html,body{width:100%;min-width:0;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .notice{display:none!important}
  .header{position:absolute!important;top:0;left:0;color:#fff}
  .desktop-nav{display:flex!important;gap:18px;font-size:10px}
  .nav-phone{display:block!important;font-size:9px}
  .menu-toggle,.mobile-nav{display:none!important}
  .container{width:calc(100% - 72px);max-width:1180px}
  .hero{min-height:794px}
  .hero-inner{min-height:650px;padding-top:170px}
  .hero-side{display:flex}
  .hero-bottom{padding-bottom:22px}
  .intro-grid,.compliance-grid,.about-grid,.contact-grid{grid-template-columns:1fr 1fr}
  .capability-grid{grid-template-columns:repeat(3,1fr)}
  .board-row{grid-template-columns:1fr 45px 1fr 45px 1fr}
  .board-chips{grid-template-columns:repeat(6,1fr)}
  .growth-grid{display:grid;grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(6,1fr)}
  .footer-main{grid-template-columns:1.5fr 1fr 1fr 1fr}
  section{break-inside:avoid}
  .hero,.intro,.loops,.platform,.architecture,.compliance,.growth,.implementation,.about,.contact{break-after:page}
  .footer{break-before:page}
  .ai-operations,.marketing{break-after:page}
}

/* Concrete AI and marketing pages: combine operating data with the physical station context. */
.ai-operations,.marketing{position:relative;overflow:hidden;color:#fff;background:#102b5c;padding:104px 0;isolation:isolate}
.ai-photo,.marketing-photo{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;opacity:.34}
.ai-photo{background-image:linear-gradient(90deg,#102b5cf5 0%,#102b5cd9 48%,#102b5c88),url('assets/img/hero-2.jpg')}
.marketing{background:#f5f8fc;color:var(--ink)}.marketing-photo{left:50%;opacity:.2;background-image:linear-gradient(90deg,#f5f8fc 0%,#f5f8fcbb 42%,#f5f8fc44),url('assets/img/hero-1.jpg')}
.ai-layout,.marketing-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.ai-copy{max-width:540px}.ai-copy h2,.marketing-heading h2{font:800 43px/1.2 var(--display);letter-spacing:-.06em;margin:0 0 20px}.ai-copy h2 em,.marketing-heading h2 em{color:#b7dcff;font-style:normal}.ai-copy>p:not(.kicker),.marketing-heading>p:not(.kicker){font-size:15px;line-height:2;color:#dbe7f5;margin:0 0 28px}.marketing-heading>p:not(.kicker){color:#54627a}
.ai-panel{background:#0a2149d9;border:1px solid #a9c9ee4a;border-radius:18px;padding:24px;box-shadow:14px 14px 0 #061b3a66}.ai-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #b7dcff2c;font-size:15px}.ai-panel-head b{font:11px var(--mono);color:#7dd2bd}.ai-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 0}.ai-metrics div{padding-right:12px;border-right:1px solid #b7dcff28}.ai-metrics div:last-child{border-right:0}.ai-metrics strong{display:block;font:700 25px var(--display);color:#9fddc9}.ai-metrics span{font-size:11px;color:#c4d5e9}.ai-alert{display:flex;gap:12px;padding:15px;background:#2aa58d1f;border:1px solid #62c6b555;border-radius:10px}.ai-alert>svg{width:21px;color:#7dd2bd}.ai-alert b,.ai-alert span{display:block}.ai-alert b{font-size:13px;color:#9fddc9;margin-bottom:4px}.ai-alert span{font-size:12px;line-height:1.7;color:#dce8f5}.ai-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.ai-tags span{padding:6px 10px;background:#ffffff12;border:1px solid #b7dcff2b;border-radius:5px;color:#cbdcf0;font-size:11px}
.marketing-layout{position:relative;z-index:1}.marketing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.marketing-steps article{min-height:235px;padding:20px;border:1px solid #dfe7f0;background:#ffffffdc;border-radius:12px;box-shadow:0 12px 28px #102b5c12}.marketing-steps article>span{font:11px var(--mono);color:#d9a35f}.marketing-steps article>svg{display:block;width:25px;color:var(--brand-blue);margin:34px 0 20px}.marketing-steps h3{font-size:18px;margin:0 0 8px}.marketing-steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:980px){.ai-layout,.marketing-layout{grid-template-columns:1fr;gap:38px}.marketing-photo{left:0}.marketing-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.ai-operations,.marketing{padding:74px 0}.ai-copy h2,.marketing-heading h2{font-size:34px}.ai-copy>p:not(.kicker),.marketing-heading>p:not(.kicker){font-size:13px}.ai-panel{padding:18px}.ai-metrics strong{font-size:20px}.ai-metrics span{font-size:10px}.marketing-steps{display:block}.marketing-steps article{min-height:0;margin-bottom:10px}.marketing-steps article>svg{margin:16px 0 10px}}
@media print{.ai-operations,.marketing{break-after:page}.ai-layout,.marketing-layout{grid-template-columns:1fr 1fr}.marketing-steps{display:grid;grid-template-columns:repeat(3,1fr)}}

/* Final print export override: preserve the desktop composition on landscape A4 sheets. */
@media print{
  @page{size:A4 landscape;margin:0}
  html,body{width:100%;min-width:0}
  .desktop-nav{display:flex!important;gap:20px;font-size:11px}
  .nav-phone{display:block!important;font-size:10px}
  .menu-toggle,.mobile-nav{display:none!important}
  .container{width:calc(100% - 72px)!important;max-width:none}
  .hero{min-height:794px;break-after:auto}
  .hero-inner{min-height:650px;padding-top:174px}
  .hero-side{display:flex}
  .intro-grid,.compliance-grid,.about-grid,.contact-grid{grid-template-columns:1fr 1fr}
  .capability-grid{grid-template-columns:repeat(3,1fr)}
  .board-row{grid-template-columns:1fr 45px 1fr 45px 1fr}
  .board-chips{grid-template-columns:repeat(6,1fr)}
  .growth-grid{display:grid;grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(6,1fr)}
  .footer-main{grid-template-columns:1.5fr 1fr 1fr 1fr}
  section{break-inside:auto;break-after:auto}
  .footer{break-before:auto}
}

/* ============================================================================
   交互增强层（2026-09 追加）
   —— 为首页补齐滚动进度、逐段入场、可点击闭环/模块卡片、交互式架构图、
      三流核对演示、AI 建议轮播、客群选择器、两步表单与 FAQ 折叠。
      全部为追加样式，不修改上方既有规则；除 .reveal 需要在无 JS 时保持可见外，
      其余均为新类名，不影响既有页面。
   ========================================================================== */

/* ---------- 1. 顶部滚动进度 ---------- */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:40;pointer-events:none}
.scroll-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2aa58d,#2d63c9);transition:width .12s linear}

/* ---------- 2. 逐段入场（无 JS / 打印时保持可见） ----------
   下面全部用 :where() 包住选择器，把入场样式的权重降到 0。
   原因：.js .reveal:not(.is-grid).visible 权重是 (0,4,0)，
   会压过 .card:hover{transform:translateY(-3px)} 这类 (0,2,0) 的悬停规则 ——
   实测确认：卡片入场后悬停不再上浮。降到 0 权重后任何正常规则都能覆盖它。 */
:where(.js .reveal:not(.is-grid)){opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
:where(.js .reveal:not(.is-grid).visible){opacity:1;transform:none}
:where(.js .reveal.is-grid){opacity:1;transform:none}
:where(.js .reveal.is-grid)>*{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
:where(.js .reveal.is-grid)>*:nth-child(2){transition-delay:.06s}
:where(.js .reveal.is-grid)>*:nth-child(3){transition-delay:.12s}
:where(.js .reveal.is-grid)>*:nth-child(4){transition-delay:.18s}
:where(.js .reveal.is-grid)>*:nth-child(5){transition-delay:.24s}
:where(.js .reveal.is-grid)>*:nth-child(6){transition-delay:.3s}
:where(.js .reveal.is-grid.visible)>*{opacity:1;transform:none}

/* ---------- 3. 整卡可点击（不破坏既有排版） ---------- */
.stretch-link{position:absolute;inset:0;z-index:2;display:block}
.stretch-link>svg{position:absolute;right:20px;bottom:19px;width:19px;color:var(--brand-blue);opacity:0;transform:translate(-5px,5px);transition:opacity .22s ease,transform .22s ease}
.stretch-link:focus-visible{outline:3px solid #d9a35f;outline-offset:3px}
.loop-grid article,.capability,.steps>div,.marketing-steps article{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.loop-grid article:hover,.loop-grid article:focus-within{background:#eaf3ff}
.steps>div:hover{background:#f6faff}
.marketing-steps article:hover{transform:translateY(-4px);box-shadow:0 18px 34px #102b5c1a;border-color:#b9cde5}
.loop-grid article:hover .stretch-link>svg,.loop-grid article:focus-within .stretch-link>svg,
.capability:hover .stretch-link>svg,.capability:focus-within .stretch-link>svg,
.growth-grid article:hover .stretch-link>svg,.growth-grid article:focus-within .stretch-link>svg,
.steps>div:hover .stretch-link>svg,.steps>div:focus-within .stretch-link>svg,
.marketing-steps article:hover .stretch-link>svg,.marketing-steps article:focus-within .stretch-link>svg{opacity:1;transform:none}
.growth-grid article .stretch-link>svg,.steps>div .stretch-link>svg{color:#7dd2bd}

/* ---------- 4. Hero 底部跳转条 ---------- */
.hero-bottom>a.hero-jump{display:flex;flex-direction:column;align-items:center;border-right:1px solid #fff2;padding:6px 4px;transition:background .2s ease}
.hero-bottom>a.hero-jump:hover{background:#ffffff12}
.hero-bottom>a.hero-scroll{display:flex}
.hero-bottom>a.hero-scroll:hover{color:#fff}

/* ---------- 5. 交互式架构图 ---------- */
button.board-label{background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}
button.board-label:hover{transform:translateY(-2px);border-color:#7dd2bd}
button.board-label[aria-pressed="true"]{border-color:#62c6b5;background:#2aa58d1f;box-shadow:inset 0 -3px 0 #2aa58d}
.board-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:15px 17px;background:#ffffff0f;border:1px solid #a9c9ee3d;border-radius:11px}
.board-note>svg{width:18px;flex:0 0 auto;color:#70cdb2;margin-top:2px}
.board-note b{display:block;font-size:14px;color:#9fddc9;margin-bottom:4px}
.board-note span{font-size:13px;line-height:1.8;color:#cfe1f6}
.board-note.swap{animation:boardSwap .35s ease}
@keyframes boardSwap{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.board-cta{margin:32px 0 0}

/* ---------- 6. 三流合一：可选中 + 一键核对 ---------- */
.compliance-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:28px}
.flow-item{cursor:pointer}
.flow-item.active{background:#eaf6f3;box-shadow:inset 3px 0 0 var(--green)}
.flow-item:hover{background:#f1f6fc}
.flow-item:focus-visible,.recon-btn:focus-visible,.chip:focus-visible,.ai-refresh:focus-visible,.ai-dots button:focus-visible,.audience-tabs button:focus-visible,.btn-text:focus-visible{outline:3px solid #d9a35f;outline-offset:3px}
.recon{margin-top:20px;border-top:1px dashed var(--line);padding-top:17px;display:grid;gap:12px}
.recon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;background:var(--navy);color:#fff;border-radius:7px;padding:11px 17px;font-size:12px;font-weight:700;transition:background .2s ease,transform .2s ease}
.recon-btn:hover:not([disabled]){background:var(--brand-blue);transform:translateY(-1px)}
.recon-btn[disabled]{opacity:.7;cursor:progress}
.recon-btn svg{width:15px}
.recon-track{display:flex;flex-wrap:wrap;gap:8px}
.recon-track span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);background:#eef3f9;border:1px solid var(--line);border-radius:999px;padding:5px 12px;transition:.25s ease}
.recon-track span:after{content:'…';font-family:var(--mono)}
.recon-track span.done{background:#e5f5f1;border-color:#9fd8c7;color:#1a7565;font-weight:700}
.recon-track span.done:after{content:'✓'}
.recon-result{font:11px/1.9 var(--mono);color:var(--muted);margin:0;min-height:38px}
.recon-result.ok{color:#1a7565}

/* ---------- 7. AI 经营驾驶舱 ---------- */
.ai-alert b em{font:10px var(--mono);font-style:normal;color:#7dd2bd;margin-left:7px}
.ai-alert.swap>div{animation:boardSwap .35s ease}
.ai-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}
.ai-refresh{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid #b7dcff2b;color:#cbdcf0;font-size:11px;padding:8px 13px;border-radius:6px;transition:.2s ease}
.ai-refresh:hover{background:#ffffff20;color:#fff}
.ai-refresh svg{width:14px}
.ai-dots{display:flex;gap:7px}
.ai-dots button{width:8px;height:8px;border-radius:50%;background:#ffffff33;padding:0;transition:.2s ease}
.ai-dots button.active{background:#7dd2bd;transform:scale(1.3)}
.ai-dots button:hover{background:#7dd2bd99}

/* ---------- 8. 客群选择器（营销增长） ---------- */
.audience{margin:0 0 28px}
.audience-label{font-size:12px;color:var(--muted);margin:0 0 11px}
.audience-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.audience-tabs button{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;color:#54627a;transition:.2s ease}
.audience-tabs button:hover{border-color:#b9cde5;color:var(--brand-blue)}
.audience-tabs button.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;font-weight:700}
.audience-panel{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:0 12px 12px 0;padding:17px 19px;box-shadow:0 12px 28px #102b5c0f}
.audience-panel.swap{animation:boardSwap .35s ease}
.audience-panel b{display:block;font-size:15px;margin-bottom:7px}
.audience-panel p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 9px}
.audience-panel span{font:11px var(--mono);color:var(--green)}

/* ---------- 9. FAQ 折叠 ---------- */
.faq{background:linear-gradient(135deg,#fff 0%,#f2f6fb 100%)}
.faq-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}
.faq h2 em{color:var(--brand-blue);font-style:normal}
.faq .lead{font-size:15px;line-height:2;color:#58657d;margin:0 0 28px}
.accordion{border-top:1px solid var(--line)}
.accordion-item{border-bottom:1px solid var(--line)}
.accordion-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;background:none;padding:20px 0;color:var(--ink);font-size:15px;font-weight:700;text-align:left;transition:color .2s ease}
.accordion-trigger:hover{color:var(--brand-blue)}
.accordion-trigger svg{width:19px;flex:0 0 auto;color:#8a97ab;transition:transform .25s ease,color .25s ease}
.accordion-item.open .accordion-trigger{color:var(--brand-blue)}
.accordion-item.open .accordion-trigger svg{transform:rotate(180deg);color:var(--brand-blue)}
.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.accordion-item.open .accordion-body{grid-template-rows:1fr}
.accordion-body>div{overflow:hidden}
.accordion-body p{font-size:13px;line-height:1.95;color:var(--muted);padding:0 34px 20px 0;margin:0}

/* ---------- 10. 两步表单 ---------- */
.form-progress{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:-6px}
.form-progress i{display:block;height:100%;background:var(--green);transition:width .3s ease}
.form-step{display:none;gap:15px}
.form-step.active{display:grid;animation:boardSwap .3s ease}
.form-hint{font-size:11px;color:var(--muted);margin:0}
.chip-group{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 13px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:11px;color:#54627a;transition:.2s ease}
.chip:hover{border-color:#b9cde5;color:var(--brand-blue)}
.chip.active{background:#eaf6f3;border-color:var(--green);color:#1a7565;font-weight:700}
.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-actions .btn-primary{flex:1;min-width:150px;justify-content:center}
.btn-text{background:none;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:6px 0;transition:color .2s ease}
.btn-text:hover{color:var(--brand-blue)}
.about-link{margin-top:26px}

/* ---------- 11. 回到顶部 ---------- */
.back-top-fab{position:fixed;right:22px;bottom:80px;z-index:29;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px #102b5c3d;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background .2s ease}
.back-top-fab.show{opacity:1;transform:none;pointer-events:auto}
.back-top-fab:hover{background:var(--brand-blue)}
.back-top-fab svg{width:19px}

/* ---------- 12. 深色区块里的文字链接 ---------- */
.light-link{border-bottom-color:#a9c9ee99;color:#e2eeff}
.light-link:hover{border-bottom-color:#fff}

@media(max-width:980px){
  .faq-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:560px){
  .hero-bottom>a.hero-jump:nth-of-type(3){grid-column:span 2;border-right:0}
  .recon-btn{width:100%}
  .recon-result{min-height:0}
  .ai-controls{flex-direction:column;align-items:flex-start;gap:14px}
  .audience-panel{padding:15px}
  .board-note{padding:13px}
  .accordion-trigger{font-size:14px;padding:17px 0}
  .accordion-body p{padding-right:10px}
  .back-top-fab{right:16px;bottom:74px;width:40px;height:40px}
  .about-link{width:100%;justify-content:center}
}

/* 打印 / 导出 PDF：交互控件不应消失，内容必须完整可见 */
@media print{
  .scroll-progress,.back-top-fab,.ai-controls{display:none!important}
  .js .reveal:not(.is-grid),.js .reveal.is-grid>*{opacity:1!important;transform:none!important}
  .form-step{display:grid!important}
  .accordion-body{grid-template-rows:1fr!important}
  .accordion-item{break-inside:avoid}
}
/* ---------- 13. 锚点定位与 FAQ 网格 ---------- */
/* 吸顶导航高约 78px：页面内锚点跳转时留出偏移，标题不会被挡住 */
section[id],main[id]{scroll-margin-top:86px}

/* FAQ 用 grid 承载折叠项，配合 .reveal.is-grid 做逐条入场 */
.accordion{display:grid}
/* ---------- 14. 定位上下文（修正 .stretch-link 覆盖范围） ----------
   .stretch-link 用 position:absolute;inset:0 把整张卡片变成可点击区域，
   它相对于「最近的已定位祖先」定位。下面这些卡片容器必须自带 position:relative，
   否则链接会向上找到 .marketing / .loops 这类已定位的 section，
   造成透明链接盖住整段（实测会挡住营销区块左侧的客群选择按钮）。 */
.loop-grid article,
.capability,
.growth-grid article,
.steps>div,
.marketing-steps article{position:relative}
/* ---------- 15. 首页「六个模块」：六张卡片统一白底 ----------
   原先 .capability.featured 用深蓝渐变强调第一张卡（设备中控），
   实测与其余五张白卡明显不一致，现统一为白底。
   想恢复"首卡强调"效果：删掉这一段即可（原样式仍在上方保留）。 */
.platform .capability.featured{
  background:rgba(255,255,255,.86);
  color:var(--ink);
  border-color:#e8edf5;
  box-shadow:0 5px 18px #17397408;
}
.platform .capability.featured:hover{box-shadow:0 15px 30px #17397414}
.platform .capability.featured p{color:var(--muted)}
.platform .capability.featured>svg,
.platform .capability.featured b{color:#2aa58d}
/* ---------- 16. 首页导航的"当前页"高亮 ----------
   详情页用 detail.css 里的 .desktop-nav a.active（白底蓝字）。
   首页导航在深蓝底上，所以这里用浅蓝 + 恢复不透明度，
   与相邻项的 opacity:.8 形成对比，让人一眼看出当前在首页。 */
.desktop-nav a.active{color:var(--lime);opacity:1}