:root{--ink:#11273d;--red:#a8262d;--line:#dce2e7}
body{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif!important;color:var(--ink);background:#f5f7f9}h1,h2,h3{letter-spacing:-.035em}h2{line-height:1.4!important}p{line-height:1.85}header{background:#fff!important;border-top:3px solid var(--ink);box-shadow:0 2px 12px #11273d05}header nav a{font-size:13px}header [class*="shadow"]{box-shadow:none!important}header [class*="rounded"]{border-radius:3px!important}header .tracking-widest{letter-spacing:.12em}body [class*="rounded-2xl"],body [class*="rounded-3xl"]{border-radius:6px}body [class*="shadow-xl"],body [class*="shadow-2xl"]{box-shadow:0 8px 28px #11273d08}body [class*="animate-pulse"]{animation:none}body [class*="blur-xl"]{display:none}body [class*="bg-red-600"],body [class*="bg-cni-600"],body [class*="bg-emerald-600"]{background-color:var(--red)}body [class*="text-red-600"],body [class*="text-cni-600"],body [class*="text-emerald-600"]{color:var(--red)}body [class*="text-red-400"],body [class*="text-cni-400"]{color:#f1b5b7}section[id]{scroll-margin-top:100px}section[id] h2{font-weight:650}section[id] .text-xs{line-height:1.8}footer{background:#102337!important}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--red)}
.institutional-hero{background:#10273d;color:#fff;position:relative;overflow:hidden}.hero-inner{max-width:1280px;margin:auto;padding:84px 32px 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.17em;color:#bdcbd7;margin-bottom:28px}.hero-eyebrow>span{width:20px;height:2px;background:#cc5558}.hero-copy h1{font-size:clamp(42px,4.4vw,64px);line-height:1.22;font-weight:600;letter-spacing:.025em;margin:0 0 24px}.hero-copy h1>span{color:#dbb783}.hero-description{max-width:495px;font-size:15px;color:#b8c7d4;line-height:1.95;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px;font-size:13px}.primary-action{background:#ad3035;padding:15px 24px;display:flex;gap:32px;border-radius:2px}.primary-action:hover{background:#bf3a40}.secondary-action{color:#d3dde6;display:flex;gap:20px}.hero-search{display:flex;gap:12px;align-items:center;margin-top:42px;padding-top:22px;border-top:1px solid #ffffff20;font-size:11px;color:#97abba}.hero-search a{margin-left:auto;color:#d4dfe8}.hero-foundations{max-width:1216px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff24;padding:28px 0 32px}.hero-foundations>div{display:flex;align-items:center;gap:20px;border-right:1px solid #ffffff20;padding-left:26px}.hero-foundations>div:first-child{padding-left:0}.hero-foundations>div:last-child{border:0}.hero-foundations b{font-size:25px;font-weight:400;color:#71899f}.hero-foundations span{font-size:13px;letter-spacing:.06em}.hero-foundations small{display:block;font-size:8px;color:#8fa3b5;letter-spacing:.13em;margin-top:7px}.industry-visual{position:relative;height:385px;overflow:hidden;background:radial-gradient(ellipse at center,#29486080,transparent 68%)}.visual-topline,.visual-bottomline{position:absolute;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;color:#8ca1b4;letter-spacing:.12em;border-top:1px solid #ffffff25;padding-top:14px;z-index:2}.visual-topline{top:0}.visual-bottomline{bottom:0}.orbital{position:absolute;width:310px;height:310px;border:1px solid #8ca9bd40;border-radius:50%;top:36px;left:calc(50% - 155px)}.orbital-one{background:repeating-linear-gradient(0deg,transparent,transparent 36px,#7da0b014 37px,transparent 38px)}.orbital-two{transform:rotate(-28deg) scaleX(.48)}.orbital-three{transform:rotate(38deg) scaleX(.65)}.globe-axis{height:1px;background:#9db9ca40;position:absolute;top:193px;left:10%;width:80%;transform:rotate(-23deg)}.visual-wordmark{position:absolute;top:145px;width:100%;text-align:center;font-size:37px;font-weight:500;letter-spacing:.16em;text-shadow:0 2px 20px #10273d}.visual-wordmark span{display:block;font-size:9px;letter-spacing:.33em;color:#a9bac8;margin-top:12px}.network-point{position:absolute;font-size:9px;color:#c3d0db;display:flex;align-items:center;gap:7px}.network-point i{width:5px;height:5px;border-radius:50%;background:#d5af79;box-shadow:0 0 0 5px #d5af7918}.point-one{top:102px;right:10px}.point-two{bottom:82px;right:35px}.point-three{top:242px;left:8px}
@media(min-width:1024px){#categories,#featured{padding-top:80px;padding-bottom:88px}#categories .h-64{height:265px;background:#fff;border-color:#dce2e7;border-top:2px solid #19354c}#categories .h-64:hover{border-color:#a8262d;background:#fafbfc}#categories .h-64>div:first-child{background:#f2f5f7;box-shadow:none;border-radius:2px;color:#29445c}#featured .h-48{height:190px}}
@media(max-width:1023px){.hero-inner{gap:28px;padding:60px 28px}.hero-foundations{margin:0 28px}.hero-foundations>div{padding-left:14px;gap:10px}.hero-foundations small{font-size:7px}.industry-visual{height:350px}}
@media(max-width:767px){header .text-lg{font-size:14px}header .space-x-4{margin-left:8px}header a.px-5{padding:10px;font-size:11px}.hero-inner{grid-template-columns:1fr;padding:48px 24px 30px}.hero-copy h1{font-size:43px}.hero-eyebrow{font-size:8px}.hero-description{font-size:14px}.industry-visual{display:none}.hero-actions{gap:18px;font-size:12px}.primary-action{padding:13px 16px;gap:20px}.hero-foundations{grid-template-columns:1fr 1fr;gap:24px;margin:0 24px;padding:26px 0}.hero-foundations>div{padding-left:0;border:0}.hero-foundations b{font-size:21px}.hero-search{font-size:10px}.hero-foundations small{font-size:7px}section[id]{scroll-margin-top:84px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* 天蓝与中国红：清朗的产业平台视觉 */
:root{--ink:#163b56;--red:#c52832;--line:#d8e8f2}
body{background:#f5faff}header{border-top-color:#65b9e8}footer{background:#143b56!important}
.institutional-hero{background:#e7f5ff;color:#163b56;background-image:linear-gradient(115deg,#f3faff 0%,#e3f3fe 58%,#ccecff 100%)}
.hero-eyebrow{color:#427796}.hero-eyebrow>span{background:#c52832}.hero-copy h1>span{color:#c52832}.hero-description{color:#4e728b}.primary-action{background:#c52832;color:#fff}.primary-action:hover{background:#ad1f28}.secondary-action{color:#235b80}.hero-search{border-color:#9ecbe466;color:#527d98}.hero-search a{color:#235b80}.hero-foundations{border-color:#9ecbe488}.hero-foundations>div{border-color:#9ecbe466}.hero-foundations b{color:#3998ce}.hero-foundations small{color:#567e98}
.industry-visual{background:radial-gradient(ellipse at center,#88cffa60,transparent 70%)}.visual-topline,.visual-bottomline{color:#4a7e9e;border-color:#7db7d777}.orbital{border-color:#3e94c155}.orbital-one{background:repeating-linear-gradient(0deg,transparent,transparent 36px,#4c9bc01a 37px,transparent 38px)}.globe-axis{background:#4a98bf66}.visual-wordmark{color:#205d84;text-shadow:0 2px 20px #e7f5ff}.visual-wordmark span{color:#51809e}.network-point{color:#376c8b}.network-point i{background:#c52832;box-shadow:0 0 0 5px #c5283212}
#categories .h-64{border-top-color:#62b7e5}#categories .h-64>div:first-child{background:#eaf6fd;color:#2588bd}
/* 更舒展的版式与轻盈的动态层次 */
.institutional-hero{background-image:radial-gradient(ellipse at 85% 12%,#b2e4ff 0%,transparent 48%),linear-gradient(120deg,#f8fcff,#e6f5ff 70%,#dbf1ff)}
.hero-inner{padding-top:92px;padding-bottom:80px;gap:48px}.hero-copy h1{font-weight:600;line-height:1.3;letter-spacing:.045em}.hero-copy h1>span{position:relative;display:inline-block}.hero-copy h1>span:after{content:"";position:absolute;left:1px;right:5px;bottom:1px;height:6px;background:#c5283217;border-radius:50%;transform:rotate(-2deg)}
.hero-eyebrow{letter-spacing:.13em}.hero-description{max-width:470px}.primary-action{border-radius:7px;box-shadow:0 8px 20px #c528321a;transition:transform .25s,box-shadow .25s,background .25s}.primary-action:hover{transform:translateY(-3px);box-shadow:0 12px 24px #c5283228}.secondary-action span{transition:transform .25s}.secondary-action:hover span{transform:translateX(5px)}
.industry-visual{height:410px;overflow:visible;transform:rotate(-5deg);background:radial-gradient(ellipse at center,#83cbf94d,transparent 68%)}.visual-topline{top:13px;left:22px;right:0;border:0}.visual-bottomline{bottom:9px;left:35px;right:5px;border:0}.orbital{width:330px;height:330px;top:40px;left:calc(50% - 165px);border-color:#4399c544}.orbital-one{box-shadow:inset 0 0 55px #75bce822,0 0 65px #a5ddfb22;background:repeating-linear-gradient(0deg,transparent,transparent 36px,#4c9bc012 37px,transparent 38px)}.orbital-two{animation:orbit-breathe 12s ease-in-out infinite alternate}.orbital-three{animation:orbit-turn 16s ease-in-out infinite alternate}.visual-wordmark{transform:rotate(5deg);top:157px;font-size:40px;letter-spacing:.17em}.visual-wordmark span{font-size:9px;letter-spacing:.3em}.globe-axis{top:205px;left:0;width:100%;transform:rotate(-24deg)}.network-point{padding:12px 16px;background:#ffffffd9;box-shadow:0 8px 30px #3178a310;border:1px solid #ffffff;border-radius:8px;transform:rotate(5deg);font-size:10px;backdrop-filter:blur(8px);animation:network-float 6s ease-in-out infinite}.point-one{top:86px;right:-5px}.point-two{bottom:70px;right:16px;animation-delay:-2s}.point-three{top:260px;left:-12px;animation-delay:-4s}.hero-foundations{background:#ffffff75;border:1px solid #fff;border-radius:12px;padding:24px 28px;margin-bottom:28px;box-shadow:0 8px 30px #3c86b007}.hero-foundations>div:first-child{padding-left:0}
#categories .h-64{border-radius:12px;border-top-width:1px;transition:transform .3s,box-shadow .3s,border-color .3s}#categories .h-64:hover{transform:translateY(-7px);box-shadow:0 16px 35px #235c7b0d;border-color:#81c8ee}#categories .h-64>div:first-child{border-radius:10px!important}#featured .group.rounded-2xl{border-radius:12px;transition:transform .3s,box-shadow .3s}#featured .group.rounded-2xl:hover{transform:translateY(-5px)}
@keyframes network-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-8px)}}@keyframes orbit-breathe{from{transform:rotate(-28deg) scaleX(.48)}to{transform:rotate(-12deg) scaleX(.6)}}@keyframes orbit-turn{from{transform:rotate(38deg) scaleX(.65)}to{transform:rotate(55deg) scaleX(.5)}}
@media(max-width:1023px){.hero-inner{gap:24px;padding:64px 28px}.industry-visual{transform:scale(.88) rotate(-5deg)}.hero-foundations{padding:22px 18px;margin-bottom:24px}.hero-foundations>div{gap:10px}}
@media(max-width:767px){.hero-inner{padding:52px 24px 32px}.hero-copy h1{font-size:43px}.hero-foundations{margin:0 20px 20px;padding:22px 18px;gap:22px}.hero-foundations>div{padding:0}.hero-search{margin-top:30px}.hero-description{max-width:100%}}
.language-switch{border:1px solid #d2e4ef;border-radius:5px;padding:7px 11px;font-size:12px;color:#235b80;background:white;white-space:nowrap;margin-left:16px;cursor:pointer}.language-switch:hover{background:#eaf6fd}.global-english .hero-copy h1{font-size:clamp(40px,4.2vw,59px);line-height:1.12;letter-spacing:-.045em}.global-english .hero-eyebrow{font-size:9px;letter-spacing:.1em}.global-english .hero-description{font-size:15px;line-height:1.8}.global-english .hero-foundations span{font-size:12px;letter-spacing:0}.global-english .visual-wordmark{font-size:27px;letter-spacing:-.025em}.global-english .hero-actions{gap:22px}.global-english .primary-action{gap:18px}.global-english #categories h3{font-size:17px}.global-english #categories .h-64{height:285px}.global-english header nav{gap:22px}.global-english header nav>*{margin-left:0!important}.global-english header nav a{font-size:12px}.global-english header .px-5{font-size:12px;padding-left:14px;padding-right:14px}.global-english .hero-search{gap:8px}
@media(min-width:768px) and (max-width:1100px){.global-english header nav{gap:12px}.global-english header a[href="categories.html"].sm\:inline-flex{display:none}.global-english header .text-lg{font-size:15px}}
@media(max-width:767px){.language-switch{margin-left:8px;padding:6px 8px;font-size:11px}.global-english .hero-copy h1{font-size:43px}.global-english .hero-actions{flex-wrap:wrap;gap:20px}.global-english .hero-search{flex-wrap:wrap}.global-english .hero-search a{margin-left:0}.global-english .hero-foundations span{font-size:11px}.global-english .hero-foundations small{font-size:6px}.global-english header .text-lg{font-size:12px}.global-english header .px-5{font-size:10px;padding:8px}.global-english header>div{padding-left:12px;padding-right:12px}}
.international-profile{display:none}.global-english .international-profile{display:block}.global-english .original-profile{display:none}.global-english:has(.international-profile)>footer{display:none}.global-english:has(.international-profile) header nav a[href^="#"]{display:none}.global-english:has(.international-profile) header a[href="#inquiry"]{display:none}.profile-container{max-width:1216px;margin:auto;padding:0 32px}.profile-intro{background:linear-gradient(120deg,#f4fbff,#dcefff);padding:50px 0 70px}.profile-back{font-size:12px;color:#4c7997}.profile-kicker{display:block;color:#397da4;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:32px 0 16px}.profile-company{font-size:18px;color:#255471;margin-bottom:14px}.profile-intro h1{font-size:clamp(38px,5vw,64px);line-height:1.12;max-width:800px;font-weight:600}.profile-description{max-width:650px;color:#50718a;font-size:17px;margin:24px 0 30px}.profile-intro .primary-action{width:fit-content;font-size:13px}.profile-products{padding-top:40px;padding-bottom:70px}.international-profile h2{font-size:32px;line-height:1.25;font-weight:600}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.profile-grid article{background:white;border:1px solid #dce8f0;border-radius:10px;padding:30px}.profile-number{font-size:26px;color:#6cb9e5}.profile-grid h3{font-size:19px;margin:26px 0 12px;font-weight:600}.profile-grid p,.sourcing-section p,.profile-detail-note p{font-size:14px;color:#5a7589;line-height:1.85}.sourcing-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:45px;padding-bottom:70px;border-top:1px solid #dce8f0}.sourcing-section>div>p{margin-top:24px;max-width:420px}.sourcing-checklist article{padding:24px 0;border-bottom:1px solid #dce8f0}.sourcing-checklist h3{font-size:15px;font-weight:600;margin-bottom:10px}.profile-detail-note{padding-top:40px;padding-bottom:60px;border-top:1px solid #dce8f0}.profile-detail-note p{margin:16px 0 24px}.profile-detail-note button{font-size:13px;color:white;border:0;cursor:pointer}
@media(max-width:767px){.profile-container{padding-left:24px;padding-right:24px}.profile-grid,.sourcing-section{grid-template-columns:1fr;gap:20px}.profile-intro{padding-top:30px;padding-bottom:45px}.international-profile h2{font-size:27px}.sourcing-section{padding-top:24px;padding-bottom:40px}}
/* Modern manufacturing editorial system */
.institutional-hero{background:#f2f9ff;isolation:isolate}.institutional-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#65b9e80b 1px,transparent 1px),linear-gradient(90deg,#65b9e80b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000)}.hero-inner{grid-template-columns:1fr 1.1fr;gap:56px;padding-top:72px;padding-bottom:62px}.hero-eyebrow{font-family:ui-monospace,monospace;font-size:9px!important;letter-spacing:.08em!important}.hero-eyebrow>span{width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #c5283210}.global-english .hero-copy h1{font-size:clamp(44px,4.7vw,67px);letter-spacing:-.06em;line-height:1.08}.hero-copy h1>span:after{display:none}.hero-description{margin-top:26px}.primary-action{border-radius:4px;box-shadow:none}.hero-search{margin-top:32px}.hero-foundations{background:transparent;box-shadow:none;border-radius:0;border:0;border-top:1px solid #c9dfec;padding:24px 0;margin-bottom:0}.hero-foundations b{font-family:ui-monospace,monospace;font-size:17px}.hero-foundations small{letter-spacing:.09em}
.tech-visual{position:relative;margin:0;padding-bottom:45px;min-width:0}.tech-image-frame{height:440px;position:relative;overflow:hidden;border-radius:8px 80px 8px 8px;background:#badbea}.tech-image-frame>img{height:100%;width:100%;object-fit:cover;object-position:60% center;transition:transform 1s}.tech-visual:hover .tech-image-frame>img{transform:scale(1.035)}.tech-image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#103b5f44,transparent 55%);pointer-events:none}.tech-label{position:absolute;top:20px;left:20px;right:32px;color:white;display:flex;align-items:center;gap:9px;font:8px ui-monospace,monospace;letter-spacing:.08em;z-index:2;text-shadow:0 1px 4px #153b56}.tech-label>span:last-child{margin-left:auto;font-size:20px}.status-dot{width:6px;height:6px;border-radius:50%;background:#91e6ff;box-shadow:0 0 0 4px #ffffff20}.tech-floating-card{position:absolute;left:-28px;right:45px;bottom:26px;border:1px solid white;background:#ffffffee;backdrop-filter:blur(16px);padding:22px 28px;box-shadow:0 16px 40px #1e668518;border-radius:6px;display:flex;flex-direction:column;gap:8px}.mini-label{font:8px ui-monospace,monospace;letter-spacing:.12em;color:#447d9c}.tech-floating-card strong{font-size:25px;font-weight:550;color:#173b55;letter-spacing:-.035em}.tech-floating-card>span:last-of-type{font-size:11px;color:#5f7b8f}.tech-floating-card a{position:absolute;right:22px;top:42px;color:#c52832;font-size:25px}.tech-coordinate{position:absolute;bottom:0;right:0;font:7px ui-monospace,monospace;color:#6b94ad;letter-spacing:.06em}.image-caption{position:absolute;bottom:18px;right:16px;z-index:2;color:white;font-size:8px;background:#153b5670;padding:3px 6px}.image-reticle{position:absolute;width:24px;height:24px;z-index:2;opacity:.8}.reticle-one{top:65px;left:20px;border-top:1px solid white;border-left:1px solid white}.reticle-two{right:20px;bottom:45px;border-right:1px solid white;border-bottom:1px solid white}
#categories .h-64,.global-english #categories .h-64{height:auto;min-height:380px;padding:0 24px 22px;overflow:hidden;border-radius:6px;justify-content:flex-start;gap:18px;background:#fff;border:1px solid #dce8ef}#categories .industry-photo{height:160px;margin:0 -24px;position:relative;overflow:hidden;flex-shrink:0}#categories .industry-photo img{height:100%;width:100%;object-fit:cover;transition:transform .6s}#categories a:hover .industry-photo img{transform:scale(1.06)}#categories .industry-photo span{position:absolute;bottom:8px;right:8px;font:6px ui-monospace,monospace;background:#143b5680;padding:3px 5px;color:white}#categories .h-64>div:nth-child(2){display:none}#categories .h-64>div:last-child{margin-top:auto}#categories .h-64 h3{margin-bottom:8px}#categories .h-64 p{line-height:1.75}#featured{background:#edf5fa}.manufacturer-photo{width:100%;height:100%;object-fit:cover}.manufacturer-photo~.absolute.inset-0{background:linear-gradient(0deg,#081f37ee,transparent 90%)!important;opacity:1}.manufacturer-image-note{position:absolute;right:10px;top:12px;color:#fff;background:#183c5870;padding:3px 5px;font:6px ui-monospace,monospace;z-index:2}.photo-profile{position:relative;background:#e9f6ff;overflow:hidden}.photo-profile:before{content:"";position:absolute;inset:0 0 0 45%;background-image:linear-gradient(90deg,#e9f6ff,transparent 70%),var(--profile-photo);background-size:cover;background-position:center;opacity:.5}.photo-profile>.profile-container{position:relative}.photo-profile .profile-description{max-width:560px}
@media(max-width:1100px){.hero-inner{gap:35px}.tech-image-frame{height:420px}.tech-floating-card{left:-16px;right:20px;padding:20px}.global-english .hero-copy h1{font-size:49px}}
@media(max-width:767px){.hero-inner{grid-template-columns:1fr;padding:42px 24px 26px;gap:30px}.global-english .hero-copy h1{font-size:48px}.tech-visual{display:block;padding-bottom:32px}.tech-image-frame{height:300px;border-top-right-radius:60px}.tech-floating-card{left:12px;right:24px;bottom:18px;padding:17px 20px}.tech-floating-card strong{font-size:23px}.tech-floating-card>span:last-of-type{font-size:10px}.tech-coordinate{font-size:6px}.hero-foundations{margin:0 24px;padding:24px 0}.hero-description{font-size:14px!important}.global-english #categories .h-64,#categories .h-64{min-height:360px}.photo-profile:before{inset:0;opacity:.13}.tech-label{font-size:7px}}
/* 科技蓝主视觉 */
:root{--ink:#102d54;--red:#0766ed;--line:#d9e5f7}
body{background:#f5f8ff}header{border-top-color:#0868f4}.institutional-hero{background:radial-gradient(ellipse at 85% 25%,#acd4ff55,transparent 55%),linear-gradient(120deg,#f7faff,#e8f1ff)}.institutional-hero:before{background-image:linear-gradient(#2579ed0c 1px,transparent 1px),linear-gradient(90deg,#2579ed0c 1px,transparent 1px)}.hero-copy h1{color:#112e55}.hero-copy h1>span{color:#0868f4}.hero-eyebrow{color:#3f6b9b}.hero-eyebrow>span{background:#d92c37;box-shadow:0 0 0 4px #d92c3710}.primary-action{background:#0868f4;color:#fff;box-shadow:0 8px 24px #0868f426}.primary-action:hover{background:#0054d4;box-shadow:0 12px 28px #0868f436}.secondary-action,.hero-search a{color:#075ed7}.hero-description{color:#546d8e}.hero-foundations{border-color:#cbdcf4}.hero-foundations b{color:#0868f4}.hero-foundations small{color:#6681a2}.tech-floating-card{border-color:#ffffff;background:#ffffffed;box-shadow:0 16px 40px #0856b51c}.tech-floating-card strong{color:#10335f}.tech-floating-card a{color:#0868f4}.mini-label{color:#0868f4}.status-dot{background:#66baff}.tech-coordinate{color:#5b7fae}.tech-image-frame{background:#bfdaff}.tech-image-frame:after{background:linear-gradient(0deg,#08448a40,transparent 55%)}.tech-image-frame>img{filter:saturate(1.08) contrast(1.03)}
#categories .h-64{border-color:#dce6f6}#categories .h-64:hover{border-color:#0868f4;box-shadow:0 16px 35px #0868f414}#featured{background:#edf3fd}.language-switch{color:#0868f4;border-color:#d0dff5}.language-switch:hover{background:#edf4ff}.profile-kicker,.profile-number{color:#0868f4}.profile-intro{background:#e9f2ff}.photo-profile:before{background-image:linear-gradient(90deg,#e9f2ff,transparent 70%),var(--profile-photo)}footer{background:#0b2144!important}
header a[href="index.html"]>div:first-child{background:#d52c36!important}header a[href="index.html"]>div:first-child.text-white{color:#fff!important}
/* 深科技蓝背景 */
.institutional-hero{background:radial-gradient(ellipse at 82% 30%,#0868ed66,transparent 55%),linear-gradient(115deg,#061b48 0%,#07378b 60%,#0753bf 100%);color:#fff}.institutional-hero:before{background-image:linear-gradient(#8ac9ff0e 1px,transparent 1px),linear-gradient(90deg,#8ac9ff0e 1px,transparent 1px)}.hero-copy h1{color:#fff}.hero-copy h1>span{color:#71c8ff}.hero-eyebrow{color:#a9d5ff}.hero-description{color:#c3d7f2}.hero-actions .primary-action{background:#d62e3c;box-shadow:0 8px 25px #020d3026}.hero-actions .primary-action:hover{background:#ec3c49}.secondary-action,.hero-search a{color:#e0efff}.hero-search{color:#a9c8ec;border-color:#8ebdff38}.hero-foundations{border-color:#9ac7ff40}.hero-foundations>div{border-color:#9ac7ff30}.hero-foundations b{color:#73c6ff}.hero-foundations span{color:#f0f7ff}.hero-foundations small{color:#96bde8}.tech-coordinate{color:#9cc8f5}.tech-floating-card{background:#082860ed;border-color:#74b4ff55;box-shadow:0 16px 40px #020f3638}.tech-floating-card strong{color:#fff}.tech-floating-card .mini-label{color:#83caff}.tech-floating-card>span:last-of-type{color:#b6d2f2}.tech-floating-card a{color:#80cfff}.tech-image-frame{box-shadow:0 20px 65px #020d323d;border:1px solid #93c9ff44}.tech-label{color:#fff}
.official-website-link{display:flex;width:fit-content;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding:13px 18px;border:1px solid #0766ed55;border-radius:5px;background:#fff;color:#075ed7;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.official-website-link:hover{background:#edf5ff;border-color:#0766ed}.official-website-link span{font-size:11px;font-weight:400;color:#59718d}.original-profile .official-website-link{background:#ffffff12;color:#fff;border-color:#ffffff55}.original-profile .official-website-link span{color:#c7d9f1}.original-profile .official-website-link:hover{background:#ffffff24}
.website-pending{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:24px;width:fit-content;padding:15px 22px;border:1px solid #9bb9e6;border-radius:5px;background:#edf4ff;color:#17477c}.website-pending-title{font-size:14px;font-weight:600}.website-pending small{font-size:11px;color:#617d9e}.original-profile section.bg-slate-900 .website-pending{background:#ffffff12;border-color:#ffffff50;color:#fff}.original-profile section.bg-slate-900 .website-pending small{color:#c1d6ee}
/* Readable typography across the directory and company template */
body{font-size:16px}body .text-xs{font-size:14px;line-height:1.75}body .text-sm{font-size:16px;line-height:1.75}body .text-\[11px\]{font-size:12px;line-height:1.6}body .text-\[10px\]{font-size:11px}header nav a,.global-english header nav a{font-size:14px}header .px-5,.global-english header .px-5{font-size:14px}.hero-description,.global-english .hero-description{font-size:17px;line-height:1.85}.hero-actions,.global-english .hero-actions{font-size:15px}.hero-search,.global-english .hero-search{font-size:13px}.hero-foundations span,.global-english .hero-foundations span{font-size:14px}.hero-foundations small{font-size:9px}.global-english #categories h3,#categories h3{font-size:20px}.profile-description{font-size:18px}.profile-grid p,.sourcing-section p,.profile-detail-note p{font-size:16px}.profile-grid h3{font-size:21px}.profile-kicker{font-size:12px}.profile-intro .primary-action{font-size:15px}.tech-floating-card>span:last-of-type{font-size:13px}.tech-coordinate{font-size:9px}.mini-label{font-size:10px}.language-switch{font-size:14px}
.directory-image{height:240px}.directory-company-photo{height:100%;width:100%;object-fit:cover;transition:transform .6s}.company-card:hover .directory-company-photo{transform:scale(1.04)}.directory-image>.absolute.inset-0{background:linear-gradient(0deg,#071e39f0,transparent 85%)!important;opacity:1}.directory-photo-note{position:absolute;right:12px;top:58px;font-size:10px;color:white;background:#122d4c88;padding:3px 7px;border-radius:3px}.company-card h3{font-size:21px!important}.company-card>.px-6{gap:12px;flex-wrap:wrap}#company-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr))}
@media(max-width:767px){body .text-xs{font-size:13px}body .text-sm{font-size:15px}.hero-description,.global-english .hero-description{font-size:16px!important}.hero-actions,.global-english .hero-actions{font-size:14px}.hero-search,.global-english .hero-search{font-size:12px}.hero-foundations span,.global-english .hero-foundations span{font-size:12px}.hero-foundations small{font-size:7px}header .px-5,.global-english header .px-5{font-size:11px}.language-switch{font-size:12px}.tech-floating-card>span:last-of-type{font-size:11px}.directory-image{height:225px}}
.banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:32px}.banner-website-slot{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.banner-actions .banner-website-slot{margin-top:0}.banner-website-button{display:inline-flex;align-items:center;padding:16px 26px;border:0;border-radius:5px;background:#d62e3c;color:white;font-size:16px;font-weight:600;box-shadow:0 8px 24px #b71f3020}.banner-website-button:disabled{cursor:default;opacity:1}.banner-website-button[href]:hover{background:#be2331;transform:translateY(-2px)}.banner-website-slot small{font-size:12px;color:#5a7698}.original-profile .banner-website-slot small{color:#b5cce5}.banner-overview-link{font-size:15px;color:#d4e7ff}
.contact-routing{padding-top:56px;padding-bottom:64px;border-top:1px solid #d4e3f4}.contact-routing h2{font-size:30px;font-weight:600}.contact-routing>p{font-size:16px;color:#59718e;margin:16px 0 26px}.directory-inquiry-form{max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.directory-inquiry-form label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#254263}.directory-inquiry-form label:last-of-type,.directory-inquiry-form>p{grid-column:1/-1}.directory-inquiry-form input,.directory-inquiry-form textarea{padding:13px;border:1px solid #cbdcf0;border-radius:5px;background:white;color:#163b56;font-size:16px}.directory-inquiry-form>button{justify-self:start;cursor:pointer}.directory-inquiry-form>p{font-size:13px;color:#637b94;margin:0}@media(max-width:767px){.directory-inquiry-form{grid-template-columns:1fr}.contact-routing h2{font-size:26px}}
/* Compact, balanced consultation panel */
#inquiry,#international-inquiry{padding-top:52px;padding-bottom:56px}#inquiry>.max-w-6xl,#international-inquiry>.max-w-6xl{max-width:1200px}#inquiry>.max-w-6xl>.grid,#international-inquiry>.max-w-6xl>.grid{gap:28px;align-items:start}#inquiry .lg\:col-span-7>.bg-white,#international-inquiry .lg\:col-span-7>.bg-white{padding:28px}#inquiry .mb-8,#international-inquiry .mb-8{margin-bottom:22px}#inquiry h2,#international-inquiry h2{font-size:26px;line-height:1.35}#inquiry h2+p,#international-inquiry h2+p{font-size:14px;line-height:1.6}.restored-inquiry-form>.grid{gap:16px;margin-bottom:16px}.restored-inquiry-form label{font-size:13px;line-height:1.5}.restored-inquiry-form input:not([type=file]),.restored-inquiry-form select{height:42px;padding:9px 12px;font-size:14px;margin-top:6px;border-radius:5px}.restored-inquiry-form input[type=file]{padding:10px 12px;font-size:12px;margin-top:6px;max-width:100%;border-radius:5px}.restored-inquiry-form textarea{height:94px;min-height:76px;padding:10px 12px;font-size:14px;margin-top:6px;border-radius:5px;resize:vertical}.restored-inquiry-form>label.mb-5{margin-bottom:16px}.restored-inquiry-form>label.mb-6{margin-bottom:18px}.restored-inquiry-form>button{padding:11px 20px;font-size:14px;line-height:1.5;border-radius:5px}.restored-inquiry-form>[role=status]{font-size:12px;line-height:1.6;margin-top:12px}#inquiry aside,#international-inquiry aside{display:flex;flex-direction:column;gap:20px}#inquiry aside>div,#international-inquiry aside>div{margin:0;padding:28px}#inquiry aside h3,#international-inquiry aside h3{margin-bottom:22px;font-size:19px}#inquiry aside .space-y-5>div,#international-inquiry aside .space-y-5>div{padding-bottom:18px;border-bottom:1px solid #ffffff18}#inquiry aside .space-y-5>div:last-child,#international-inquiry aside .space-y-5>div:last-child{padding-bottom:0;border:0}
@media(min-width:1024px){#inquiry>.max-w-6xl>.grid,#international-inquiry>.max-w-6xl>.grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}#inquiry .lg\:col-span-7,#international-inquiry .lg\:col-span-7,#inquiry .lg\:col-span-5,#international-inquiry .lg\:col-span-5{grid-column:auto}}
@media(max-width:639px){#inquiry .lg\:col-span-7>.bg-white,#international-inquiry .lg\:col-span-7>.bg-white,#inquiry aside>div,#international-inquiry aside>div{padding:22px}.restored-inquiry-form>.grid{gap:13px}#inquiry h2,#international-inquiry h2{font-size:23px}}
#international-inquiry.reveal{opacity:1;transform:none}
.sourcing-process{padding:80px 32px;max-width:1280px;margin:auto}.process-kicker{font:11px ui-monospace,monospace;letter-spacing:.15em;color:#0868f4}.process-heading h2{font-size:36px;font-weight:600;margin:14px 0}.process-heading>p{font-size:17px;color:#59718e}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px}.process-steps article{border-top:2px solid #1974ed;padding:26px 0 16px}.step-number{font:12px ui-monospace,monospace;color:#5e80a7}.process-steps h3{font-size:23px;font-weight:600;margin:24px 0 14px}.process-steps p{font-size:16px;color:#59718e;min-height:88px}.process-steps a{display:inline-block;font-size:14px;color:#0868f4;margin-top:18px}.process-join{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e7f0ff;padding:28px 32px;border-radius:8px;margin-top:40px}.process-join strong{font-size:19px;font-weight:600}.process-join p{font-size:14px;color:#59718e;margin-top:8px}.process-join button{background:#0868f4;color:white;font-size:14px;padding:13px 20px;border-radius:5px;white-space:nowrap;cursor:pointer}#join-dialog{position:fixed;inset:0;margin:auto;width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;border:1px solid #d6e3f5;border-radius:12px;padding:32px;color:#163b56;box-shadow:0 32px 100px #00143355;background:white}#join-dialog::backdrop{background:#041c48aa;backdrop-filter:blur(5px)}.join-dialog-head{display:flex;justify-content:space-between;align-items:center}.join-dialog-head>span{font:11px ui-monospace,monospace;letter-spacing:.13em;color:#0868f4}.join-dialog-head button{font-size:28px;line-height:1;width:38px;height:38px;border-radius:5px;color:#58718e;cursor:pointer}.join-dialog-head button:hover{background:#eef4ff}#join-title{font-size:29px;font-weight:600;margin:14px 0}.join-dialog-description{font-size:15px;line-height:1.8;color:#59718e;margin-bottom:26px}#join-dialog form>div{gap:18px}#join-dialog form label{font-size:14px}#join-dialog form input,#join-dialog form select,#join-dialog form textarea{font-size:15px;border-radius:5px}body.join-modal-open{overflow:hidden}@media(max-width:767px){.sourcing-process{padding:52px 24px}.process-heading h2{font-size:29px}.process-steps{grid-template-columns:1fr;gap:20px}.process-steps h3{margin-top:16px}.process-steps p{min-height:0}.process-join{align-items:flex-start;flex-direction:column;padding:24px;gap:20px}#join-dialog{padding:22px;max-height:calc(100dvh - 24px)}#join-title{font-size:25px}}
.process-text{display:inline-block;font-size:14px;color:#58779b;margin-top:18px}.process-join-text{font-size:15px;color:#235786;font-weight:600;white-space:nowrap}
.company-wrap{max-width:1216px;margin:auto;padding:0 32px}.company-banner{background:radial-gradient(ellipse at right,#1466be70,transparent),linear-gradient(120deg,#071d48,#073988);color:#fff;padding:64px 0}.company-banner-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center}.company-eyebrow{font-size:13px;letter-spacing:.04em;color:#a9d4ff}.company-banner h1{font-size:44px;font-weight:650;line-height:1.3;margin:20px 0}.company-banner p{font-size:17px;color:#ccdef4;max-width:660px;line-height:1.9}.company-banner-actions{display:flex;align-items:center;gap:26px;margin:30px 0}.company-banner-actions>a:last-child{font-size:14px;color:#d7eaff}.company-banner-grid figure{position:relative}.company-banner-grid figure img{width:100%;height:320px;object-fit:cover;border-radius:8px;border:1px solid #ffffff30;background:white}.company-banner-grid figcaption{font-size:11px;color:#aac9ed;text-align:right;margin-top:10px}.company-facts{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#a8cef5;border-top:1px solid #ffffff25;padding-top:20px}.company-section-nav{background:white;border-bottom:1px solid #dce5ef}.company-section-nav>div{display:flex;gap:26px;overflow:auto;padding-top:19px;padding-bottom:19px}.company-section-nav a{font-size:14px;white-space:nowrap;color:#446686}.company-section-nav a:hover{color:#0868f4}.company-section{padding:68px 0}.company-kicker{font-size:12px;color:#0868f4;letter-spacing:.12em}.company-section h2{font-size:32px;font-weight:600;line-height:1.4;margin:12px 0 22px}.company-section p{font-size:16px;color:#59718e;line-height:1.85}.company-two-cols{display:grid;grid-template-columns:1fr 1.3fr;gap:64px}.company-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.company-summary small{font-size:12px;display:block;color:#7790a6;margin-bottom:7px}.company-summary strong{font-size:15px;font-weight:500;color:#254767}.company-subtitle{margin-bottom:30px}.company-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.company-product-grid article{background:white;border:1px solid #dae5f0;border-radius:8px;overflow:hidden}.company-product-grid article>div{padding:26px}.company-product-grid img{width:100%;height:210px;object-fit:contain;background:#f4f7fb}.company-product-grid h3{font-size:21px;font-weight:600;margin-bottom:14px}.company-product-grid a{font-size:14px;color:#0868f4;display:inline-block;margin-top:20px}.company-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.company-capability-grid article{border-top:2px solid #9ac7ff;padding-top:22px}.company-capability-grid article>span{font-size:24px;font-weight:400;color:#0868f4}.company-capability-grid h3{font-size:18px;font-weight:500;line-height:1.7;margin-top:18px}.company-quality-list p{background:white;padding:22px 26px;border:1px solid #dbe6f2;border-radius:6px;margin-bottom:16px}.company-quality-list a{font-size:14px;color:#0868f4}.company-faq details{padding:22px 0;border-bottom:1px solid #dae5f0}.company-faq summary{font-size:17px;cursor:pointer;color:#234564;font-weight:500}.company-faq details p{margin-top:15px}.company-contact-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:28px}.company-contact-main{background:white;padding:32px;border-radius:8px;border:1px solid #dce6f0}.company-contact-main .banner-website-button{margin-top:26px}.company-contact-aside{background:#0e2b50;padding:32px;color:white;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.company-contact-aside h3{font-size:21px;font-weight:600;margin-bottom:12px}.company-contact-aside small{font-size:12px;color:#a6c2e5;margin:18px 0 5px}.company-contact-aside a{font-size:16px;overflow-wrap:anywhere}.company-contact-aside p{color:#d0e2f5;font-size:15px}.company-contact-aside .contact-source-note{font-size:12px;color:#a6c2e5;margin-top:20px}.company-source-note{font-size:12px;color:#7690a6;margin-top:26px;line-height:1.8}.company-source-note a{color:#37688f}
@media(max-width:900px){.company-banner-grid,.company-two-cols{grid-template-columns:1fr;gap:30px}.company-banner-grid figure img{height:280px}.company-capability-grid{grid-template-columns:1fr 1fr}.company-product-grid{grid-template-columns:1fr}.company-product-grid img{height:250px}.company-contact-grid{grid-template-columns:1fr}.company-banner h1{font-size:36px}.company-section{padding:48px 0}.company-wrap{padding:0 24px}.company-contact-main,.company-contact-aside{padding:24px}.company-section h2{font-size:28px}}
@media(max-width:1100px){header nav{display:none!important}header a.hidden.sm\:inline-flex{display:none!important}header>div{gap:18px}header a{white-space:nowrap}header .space-x-4{margin-left:auto}}
.company-banner-grid figure img{object-fit:contain}
/* 企业目录：桌面四列，平板两列，手机单列 */
#company-grid,#featured>.max-w-7xl>.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#company-grid>.company-card,#featured .company-card{min-width:0}
#company-grid .company-card h3,#featured .company-card h3{font-size:19px!important}
#company-grid .directory-image,#featured .directory-image{height:210px}
#company-grid .company-card>.px-6,#featured .company-card>.px-6{padding-left:20px;padding-right:20px}
@media(max-width:1100px){#company-grid,#featured>.max-w-7xl>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#company-grid,#featured>.max-w-7xl>.grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){#company-grid,#featured>.max-w-7xl>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:639px){#company-grid,#featured>.max-w-7xl>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#company-grid .directory-image,#featured .directory-image{height:160px}#company-grid .company-card h3,#featured .company-card h3{font-size:16px!important;line-height:1.4}#company-grid .company-card .p-6,#featured .company-card .p-6{padding:14px}#company-grid .company-card>.px-6,#featured .company-card>.px-6{padding:12px 14px;gap:8px}#company-grid .company-card .text-sm,#featured .company-card .text-sm{font-size:13px;line-height:1.7}#company-grid .company-card .text-xs,#featured .company-card .text-xs{font-size:11px}#company-grid .directory-image .left-4,#featured .directory-image .left-4{left:12px;right:12px;bottom:12px}}
.company-card .p-6>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.company-card>.px-6{justify-content:flex-end}
/* 企业 Banner 图片等比铺满，以短边适配，溢出居中裁切 */
.company-banner-grid figure{overflow:hidden;border-radius:8px}
.company-banner-grid figure img{object-fit:cover;object-position:center}
.original-profile .profile-intro img,.profile-intro img{object-fit:cover;object-position:center}
/* 导航与面包屑字号对调 */
header nav a{font-size:16px}.company-breadcrumb{font-size:14px;line-height:1.75}
body .company-breadcrumb,body .company-breadcrumb a,body .company-breadcrumb span{font-size:14px!important;line-height:1.75}
/* 页脚：大屏四栏，中屏两栏，小屏单栏 */
footer>.max-w-7xl>.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){footer>.max-w-7xl>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:639px){footer>.max-w-7xl>.grid{grid-template-columns:minmax(0,1fr)}}
.footer-socials{display:flex;flex-wrap:wrap;gap:10px}.footer-social{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff22;border-radius:5px;background:#ffffff06;color:#c6d8ec;font-size:12px;line-height:1.4}.footer-social i{font-size:16px}.footer-social[href]:hover{border-color:#66b4ff;color:#fff;background:#0868f42b}.pending-social{color:#9db4ce}
/* 恢复简洁的方形社交图标 */
.footer-socials{gap:12px}.footer-social{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#1e3451;color:#aebfd3;transition:background .2s,color .2s,transform .2s}.footer-social i{font-size:16px}.footer-social[href]:hover{background:#0868f4;color:#fff;transform:translateY(-2px)}
.site-logo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:5px}.footer-logo{width:40px;height:40px}@media(max-width:639px){.site-logo{width:40px;height:40px}.footer-logo{width:36px;height:36px}}
.directory-search-area{margin-top:28px}.directory-search-area>button{display:inline-flex;align-items:center;gap:9px;background:#0868f4;color:white;border:0;border-radius:5px;padding:11px 19px;font-size:15px;cursor:pointer}#directory-search-panel:not([hidden]){display:flex;gap:10px;max-width:620px;margin-top:14px}#directory-query{flex:1;min-width:0;border:1px solid #b9cfe9;border-radius:5px;padding:12px 15px;font-size:16px;background:#f8fbff}#directory-query:focus{outline:2px solid #0868f4;outline-offset:2px}#directory-search-clear{font-size:14px;padding:10px 14px;color:#426786;border:1px solid #d1dfed;border-radius:5px;cursor:pointer}#directory-empty:not([hidden]){padding:42px 20px;text-align:center;color:#59718e;font-size:16px}
#directory-search-panel{position:fixed;inset:0;width:min(560px,calc(100% - 32px));max-width:560px;max-height:calc(100dvh - 40px);margin:auto;border:1px solid #d9e5f4;border-radius:10px;padding:28px;background:white;color:#163b56;box-shadow:0 24px 80px #041c4840;overflow:auto}#directory-search-panel:not([open]){display:none}#directory-search-panel[open]{display:block}#directory-search-panel::backdrop{background:#041c48aa;backdrop-filter:blur(5px)}.search-modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-modal-heading h2{font-size:24px;font-weight:600}.search-modal-heading button{font-size:28px;color:#59718e;cursor:pointer;padding:0 8px}.search-modal-fields{display:flex;gap:10px}.search-modal-help{font-size:14px;color:#59718e;margin-top:16px}#directory-search-results{display:block;margin-top:24px;padding:11px 20px;border-radius:5px;background:#0868f4;color:white;font-size:15px;cursor:pointer}
.directory-search-area{text-align:center}#directory-search-panel{text-align:left}
.directory-search-area{text-align:left}
#directory-search-panel[open]{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.submission-status{font-size:14px;color:#476b88;margin-top:14px}form[data-local-submit] button:disabled{opacity:.65;cursor:wait}

/* Compact directory banner; search, category filters and company grid keep their layout. */
.directory-banner{position:relative;isolation:isolate;overflow:hidden;padding:96px 0;border-radius:0;background:#082e62;color:#fff}
.directory-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#082e62 0%,#082e62f5 45%,#082e62aa 75%,#082e6280 100%),url('/templates/ChinaFactoryIndex/assets/automated-manufacturing.jpg') right 45%/cover no-repeat}
.directory-banner .max-w-3xl{max-width:760px}
.directory-banner .inline-flex{background:#ffffff12;border-color:#ffffff30;color:#b9dbff;margin-bottom:12px}
.directory-banner h1{color:#fff;font-size:30px;line-height:1.35;margin-bottom:10px}
.directory-banner p{color:#cbdef3;font-size:14px;line-height:1.8;max-width:680px}
@media(max-width:639px){.directory-banner{padding:72px 0}.directory-banner h1{font-size:24px}.directory-banner::before{background:linear-gradient(90deg,#082e62f5,#082e62d9),url('/templates/ChinaFactoryIndex/assets/automated-manufacturing.jpg') center/cover no-repeat}}

.directory-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.directory-banner .directory-search-area{margin-top:0;flex-shrink:0}
.directory-banner #directory-search-toggle{background:#fff;color:#082e62;border:1px solid #fff;box-shadow:0 4px 14px #001b3f20}
.directory-banner #directory-search-toggle:hover{background:#eef5ff;border-color:#eef5ff}
.directory-banner #directory-search-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:767px){.directory-banner-inner{display:block}.directory-banner .directory-search-area{margin-top:20px}}