/* 知多多 · 统一视觉系统 */
:root{--tech-blue:#2567df;--tech-ink:#142c46;--tech-muted:#617c90;--tech-line:#d5e4f0}
html{scroll-behavior:smooth}body{background:#f4f8fc;color:var(--tech-ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif}header{height:82px;border-bottom:1px solid rgba(170,195,218,.4);background:rgba(247,251,255,.82);backdrop-filter:blur(24px);box-shadow:0 4px 28px #173c5f0a}header .brand{letter-spacing:.035em}header .brand .mark,.footer-logo .mark{background:linear-gradient(145deg,#3187f5,#5154d8)!important;box-shadow:0 8px 22px #3571e440;border-radius:4px}header nav{gap:32px}header nav a{color:#4c657a;transition:color .25s}header nav a:hover,header nav a.active{color:#2166dd}header nav a:after{height:2px;background:linear-gradient(90deg,#2f81ef,#7768ee)}
.page-home .hero{min-height:720px;background:#08182b}.page-home .hero .visual{background:radial-gradient(ellipse at 75% 45%,#255893,#112d4b 37%,#071526 78%);opacity:.95}.page-home .hero:before{background:linear-gradient(90deg,#08182bf2 5%,#0a2038d9 39%,#0d2a4722 100%),linear-gradient(0deg,#08182b 0%,transparent 42%)}.page-home .hero:after{background:radial-gradient(ellipse at 80% 30%,#a6d7ff16,transparent 48%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 4px)}.page-home .hero h1{font-weight:700;letter-spacing:-.035em}.page-home .hero h1 em{background:linear-gradient(95deg,#c8e9ff,#7faeff 55%,#d7c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-home .hero p{color:#c2d0dc}.page-home .hero .actions .btn{background:linear-gradient(115deg,#326ee7,#6259dc);border-color:#94bfff80;box-shadow:0 10px 35px #1a64d94a}.page-home .hero .actions .ghost{background:#ffffff0d;border-color:#b0d0ed75;box-shadow:none}.page-home .hero-bottom{border-color:#9eb8d044}
.home-content,.home-section,.section,.section.dark,.products,.closing{background-color:#f4f8fc}.home-section{border-color:#dfeaf2}.home-section h2,.section h2,.section-title{color:#132d48;letter-spacing:-.035em}.home-kicker,.eyebrow,.tag{color:#3474db;font-weight:600}.home-kicker:before,.eyebrow:before,.tag:before{background:linear-gradient(90deg,#358afa,#7564e6)}.home-lead,.home-section p,.copy,.section-head p{color:#607b8e}.home-content .needs-grid a,.product-overview,.company-overview-facts>div{background:linear-gradient(145deg,#ffffff,#f1f7ff);border:1px solid #dce9f4;box-shadow:0 12px 35px #1c527b0a;transition:transform .35s,box-shadow .35s,border-color .35s}.home-content .needs-grid a:hover,.product-overview:hover,.company-overview-facts>div:hover{transform:translateY(-6px);border-color:#a9cbef;box-shadow:0 20px 45px #275b8620}.home-product-feature{background:linear-gradient(120deg,#e9f4ff,#e5ebfa);border-color:#d4e5f4}.home-end{background:linear-gradient(120deg,#eff6fc,#e9f0fb)}.home-path{background:linear-gradient(140deg,#eff6fb,#f7faff)}.home-link span{border-color:#a6c8ea}.home-link:hover span{background:#2b70df;border-color:#2b70df}
body:not(.page-home) .hero{background:linear-gradient(115deg,#f6faff 0%,#eef5fb 60%,#dcebf9 100%)}body:not(.page-home) .hero h1{color:#142d47;letter-spacing:-.045em}.anchor{background:#ffffffb8;border-color:#dce9f2}.about-office{box-shadow:0 20px 50px #18446117}.company-overview-facts>div{border-radius:8px!important}.company-overview-facts strong{color:#266bd5}.page-business #business,.page-products #products,.page-values #values{background:radial-gradient(ellipse at 92% 2%,#dbeaff 0%,transparent 38%),#f4f8fc}.business-category,.business-category h3{color:#193850}.ai-business{background:linear-gradient(120deg,#fff,#f1f7fe);border-color:#dce9f4}.product-overview{border-radius:10px}.product-overview h3{color:#173149}.product-shell{box-shadow:0 18px 60px #244e7312}.platform-information{background:#eff5fa}.site-footer{background:#e9f1f8!important;border-color:#d9e7f1!important}.site-footer .footer-column a{color:#668194}.site-footer .footer-column a:hover{color:#2567df}
.honor-showcase{background:transparent}.honor-track{isolation:isolate}.honor-pedestal{background:linear-gradient(#fff,#e2ebf2);box-shadow:0 20px 40px #4667832c}.honor-slide img{filter:drop-shadow(0 13px 12px #30445c38)}
@media(max-width:800px){header{height:70px}header nav{gap:20px}.page-home .hero{min-height:680px}.page-home .hero-inner{padding-bottom:110px}.page-home .hero h1{font-size:clamp(42px,10vw,64px)}.home-section{padding-top:75px;padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* MotionSites Vexel-inspired hero, adapted to the existing Chinese site. */
.page-home .hero{min-height:720px;text-align:center;align-items:flex-start;background:#01071b}.page-home .motion-hero-video{position:absolute;z-index:1;left:50%;bottom:-10%;transform:translateX(-50%);width:100%;height:82%;object-fit:cover;opacity:.8;pointer-events:none;mask-image:linear-gradient(transparent,#000 22%)}.page-home .hero .visual{opacity:.25}.page-home .hero:before{z-index:2;background:linear-gradient(180deg,#01071bf5 0%,#01071bb0 43%,#01071b22 85%,#01071b66 100%)}.page-home #hero-network{opacity:.3}.page-home .hero-inner{padding:105px 0 180px}.page-home .hero .eyebrow{justify-content:center}.page-home .hero h1{font-size:clamp(44px,5vw,72px);margin:27px 0;line-height:1.2}.page-home .hero p{margin:0 auto;color:#c5d5e8}.page-home .hero .actions{justify-content:center}.page-home .hero-bottom{text-align:left}.page-home .hero-bottom span:last-child{text-align:right}@media(max-width:800px){.page-home .hero{min-height:670px}.page-home .hero-inner{padding:90px 0 200px}.page-home .hero h1{font-size:clamp(36px,9vw,54px)}.page-home .motion-hero-video{width:auto;min-width:100%;height:60%;bottom:0}.page-home .hero .actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.motion-hero-video{display:none}}

/* Light, technology-led inner pages */
.inner-hero{position:relative;min-height:410px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(110deg,#f7fbff 0%,#edf5ff 48%,#e2edfa 100%);border-bottom:1px solid #d9e7f2}.inner-hero-copy{position:relative;z-index:2;width:88%;max-width:1400px;margin:auto;padding:75px 0 95px}.inner-hero-label{display:inline-flex;gap:10px;align-items:center;color:#286ad6;font-size:12px;letter-spacing:.12em;font-weight:600}.inner-hero-label:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,#2688f0,#8774e8)}.inner-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.22;letter-spacing:-.04em;color:#142d47;margin:24px 0 18px}.inner-hero p{max-width:480px;color:#617d92;font-size:15px;line-height:1.9}.inner-hero-art{position:absolute;right:-6%;top:-40%;width:58%;height:180%;transform:rotate(-28deg);background:repeating-linear-gradient(90deg,#4c8ddc0a 0 1px,transparent 1px 56px),linear-gradient(90deg,transparent,#bad6f12b,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent)}.inner-hero-art i{position:absolute;top:0;bottom:0;width:14%;background:linear-gradient(180deg,transparent,#83b6ed46,transparent);border-left:1px solid #7fb6ef66}.inner-hero-art i:nth-child(1){left:30%}.inner-hero-art i:nth-child(2){left:48%;width:5%;background:#aacdf354}.inner-hero-art i:nth-child(3){left:63%;width:22%;background:linear-gradient(180deg,transparent,#b4c5f634,transparent)}.inner-hero-bottom{position:absolute;z-index:2;left:6%;right:6%;bottom:22px;display:flex;justify-content:space-between;color:#7992a5;font-size:11px;letter-spacing:.06em}.page-business main>#business,.page-products main>#products,.page-values main>#values{padding-top:85px!important}.page-business #business>.wrap>.section-head,.page-products #products>.wrap>.section-head,.page-values #values>.wrap>.section-head{display:none}.page-business .business-category:first-of-type{margin-top:0}.page-business .business-category{padding-top:30px}.page-products .product-cards{margin-top:0}.page-values .values{margin-top:0;background:transparent;gap:16px;border:0}.page-values .value{border:1px solid #dbe9f4;background:linear-gradient(150deg,#fff,#f1f7fe);border-radius:8px;min-height:260px;box-shadow:0 14px 35px #244c710c}.page-values .value h3{margin-top:55px}.anchor{backdrop-filter:blur(14px)}.site-footer{background:linear-gradient(180deg,#edf4fa,#e7eff7)!important}.site-footer .footer-column h3{border-color:#c9dce9}.site-footer .footer-column a:hover{transform:translateX(3px)}.site-footer .footer-column a{transition:color .25s,transform .25s}.page-business #business .business-category h3{letter-spacing:-.02em}.about-office figcaption{background:linear-gradient(transparent,#0a253add)}
@media(max-width:800px){.inner-hero{min-height:360px}.inner-hero-copy{padding:65px 0 100px}.inner-hero h1{font-size:clamp(34px,8vw,48px)}.inner-hero-art{width:90%;right:-36%;opacity:.7}.inner-hero-bottom span:first-child{font-size:10px}.page-business main>#business,.page-products main>#products,.page-values main>#values{padding-top:60px!important}.page-values .values{grid-template-columns:1fr}.page-values .value{min-height:190px}.page-values .value h3{margin-top:35px}}

/* Keep navigation consistent across every page. */
.top{display:none}

.brand-mascot{display:block;flex:none;width:38px;height:52px;object-fit:contain;background:#fff;border-radius:7px;padding:2px;box-sizing:border-box}.brand,.footer-logo{align-items:center}
@media(max-width:800px){.brand-mascot{width:34px;height:47px}}

.brand-mascot{background:transparent!important;border-radius:0;padding:0}
