*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#dbe8f5}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;line-height:inherit}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer;background:transparent}
img{display:block;max-width:100%;height:auto}
textarea{font-family:inherit}
.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.inset-x-0{left:0;right:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}
.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-14{margin-top:3.5rem}
.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-\[18px\]{height:18px}.h-\[23px\]{height:23px}.h-\[34px\]{height:34px}.h-\[52px\]{height:52px}.h-\[58px\]{height:58px}.h-\[68px\]{height:68px}
.min-h-5{min-height:1.25rem}.min-h-\[360px\]{min-height:360px}.min-h-\[470px\]{min-height:470px}
.w-4{width:1rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-\[18px\]{width:18px}.w-\[23px\]{width:23px}.w-auto{width:auto}.w-full{width:100%}
.max-w-\[220px\]{max-width:220px}.max-w-\[300px\]{max-width:300px}.max-w-\[470px\]{max-width:470px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[850px\]{max-width:850px}.max-w-\[1040px\]{max-width:1040px}.max-w-\[1140px\]{max-width:1140px}.max-w-\[1280px\]{max-width:1280px}
.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.place-items-center{place-items:center}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-12{gap:3rem}
.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-t{border-top-width:1px}.border-\[\#83b9ff\]{border-color:#83b9ff}.border-\[\#9fc4ff\]{border-color:#9fc4ff}.border-\[\#cfe0f2\]{border-color:#cfe0f2}.border-\[\#d6e4f2\]{border-color:#d6e4f2}.border-\[\#dbe8f5\],.border-line{border-color:#dbe8f5}.border-\[\#ffffff\]{border-color:#fff}
.bg-\[\#031c48\]{background-color:#031c48}.bg-\[\#f0f4f8\]{background-color:#f0f4f8}.bg-\[\#f4faff\]{background-color:#f4faff}.bg-aqua{background-color:#15c6af}.bg-brand{background-color:#0b6ff6}.bg-white{background-color:#fff}
.object-contain{object-fit:contain}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pb-0{padding-bottom:0}.pb-9{padding-bottom:2.25rem}.pt-5{padding-top:1.25rem}.pt-12{padding-top:3rem}.pt-\[68px\]{padding-top:68px}
.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[21px\]{font-size:21px}.text-\[27px\]{font-size:27px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.text-\[46px\]{font-size:46px}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.12\]{line-height:1.12}.leading-tight{line-height:1.25}
.text-\[\#111827\]{color:#111827}.text-\[\#138a62\]{color:#138a62}.text-\[\#153c70\]{color:#153c70}.text-\[\#2493ff\]{color:#2493ff}.text-\[\#465b77\]{color:#465b77}.text-\[\#5f738e\]{color:#5f738e}.text-\[\#6b7f9a\]{color:#6b7f9a}.text-\[\#7a8da6\]{color:#7a8da6}.text-\[\#b9d2ff\]{color:#b9d2ff}.text-\[\#d14343\]{color:#d14343}.text-brand{color:#0b6ff6}.text-ink{color:#021a42}.text-white{color:#fff}.text-white\/70{color:rgba(255,255,255,.7)}.text-white\/86{color:rgba(255,255,255,.86)}
.opacity-45{opacity:.45}.shadow-\[0_8px_18px_rgba\(11\,111\,246\,\.08\)\]{box-shadow:0 8px 18px rgba(11,111,246,.08)}.shadow-\[0_12px_24px_rgba\(21\,198\,175\,\.22\)\]{box-shadow:0 12px 24px rgba(21,198,175,.22)}.shadow-\[0_16px_40px_rgba\(18\,67\,122\,\.08\)\]{box-shadow:0 16px 40px rgba(18,67,122,.08)}.shadow-button{box-shadow:0 12px 24px rgba(11,111,246,.24)}.shadow-soft{box-shadow:0 22px 70px rgba(18,67,122,.12)}
.brightness-0{filter:brightness(0)}.invert{--tw-invert:invert(100%);filter:brightness(0) var(--tw-invert)}.transition{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.hover\:-translate-y-0\.5:hover{transform:translateY(-2px)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:bg-\[\#075dd1\]:hover{background-color:#075dd1}.hover\:bg-\[\#eff6ff\]:hover{background-color:#eff6ff}.hover\:text-brand:hover{color:#0b6ff6}.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}
@media (min-width:640px){.sm\:flex-row{flex-direction:row}}
@media (min-width:768px){.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-3{margin-bottom:.75rem}.md\:mt-5{margin-top:1.25rem}.md\:mt-10{margin-top:2.5rem}.md\:mt-14{margin-top:3.5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:h-\[39px\]{height:39px}.md\:h-\[70px\]{height:70px}.md\:h-\[74px\]{height:74px}.md\:min-h-\[380px\]{min-height:380px}.md\:min-h-\[630px\]{min-height:630px}.md\:w-\[70px\]{width:70px}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[270px_1fr\]{grid-template-columns:270px 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:1rem}.md\:border-b-0{border-bottom-width:0}.md\:border-r-0{border-right-width:0}.md\:p-4{padding:1rem}.md\:p-7{padding:1.75rem}.md\:p-9{padding:2.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pb-16{padding-bottom:4rem}.md\:pt-20{padding-top:5rem}.md\:pt-\[74px\]{padding-top:74px}.md\:py-\[58px\]{padding-top:58px;padding-bottom:58px}.md\:py-\[70px\]{padding-top:70px;padding-bottom:70px}.md\:py-\[78px\]{padding-top:78px;padding-bottom:78px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[22px\]{font-size:22px}.md\:text-\[45px\]{font-size:45px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[76px\]{font-size:76px}}
html{scroll-behavior:smooth}
body{font-family:Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;color:#021a42;background:#fff;overflow-x:hidden}
section{scroll-margin-top:82px}
.nav-blur{background:rgba(255, 255, 255, .94);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(2, 26, 66, .08)}
.nav-hidden{display:none!important}
.nav-hidden + main{padding-top:0!important}
.nav-hidden .navigation,
.nav-hidden #menuToggle,
.nav-hidden #mobileMenu,
.nav-hidden-target{display:none!important}
.hero-bg{background-image:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.04)), url("../images/hero-background-bright.jpg");background-size:cover;background-position:center bottom}
.philosophy-bg{background-image:linear-gradient(90deg, rgba(7, 69, 112, .92) 0%, rgba(7, 69, 112, .76) 38%, rgba(7, 69, 112, .12) 66%, rgba(7, 69, 112, .02) 100%), url("../images/pdf-page1-image10.jpg");background-size:cover;background-position:center}
.fade-up{opacity:1;transform:translateY(0)}
.fade-up.is-visible{animation:riseIn .72s ease both}
html[lang="en"] .hero-brand{margin-bottom:1px;line-height:.94}
html[lang="zh-CN"] [data-i18n="heroBrandEn"]{font-weight:800}
html[lang="en"] [data-i18n="heroBrandCn"]{display:inline-block;color:#0b6ff6;font-family:"Segoe UI", Helvetica, Arial, sans-serif;font-size:1.3em;font-weight:900}
.hero-title-en{font-family:Inter, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;line-height:.97;font-weight:700}
html[lang="en"] [data-i18n="supplierBtn"],
html[lang="en"] [data-i18n="buyerBtn"]{display:inline-flex;align-items:center;line-height:calc(1em + 2px)}
html[lang="en"] [data-i18n="servicesTitle"],
html[lang="en"] [data-i18n="contactTitle"]{font-weight:800}
.float-slow{animation:floatSlow 5.4s ease-in-out infinite}
.shine{position:relative; overflow:hidden}
.shine::after{content:"";position:absolute;inset:-70% auto auto -70%;width:55%;height:220%;background:linear-gradient(100deg, transparent 15%, rgba(255,255,255,.36), transparent 72%);transform:rotate(18deg);animation:shine 4.8s ease-in-out infinite}
.service-card{min-height:228px;border-right:1px solid #dbe8f5;border-bottom:1px solid #dbe8f5;transition:transform .28s ease, background-color .28s ease, box-shadow .28s ease}
.service-card:hover{transform:translateY(-6px);background:#fbfdff;box-shadow:0 18px 46px rgba(23, 89, 168, .11);z-index:2}
.form-field{height:44px;border:1px solid #d6e4f2;border-radius:7px;background:#fff;outline:none;padding:0 14px;transition:border-color .2s ease, box-shadow .2s ease}
.form-field:focus, textarea.form-field:focus{border-color:#7bb7ff;box-shadow:0 0 0 4px rgba(11, 111, 246, .1)}
.identity-icon{width:27px;height:27px;display:block}
textarea.form-field{min-height:112px;padding-top:12px;resize:vertical}
@keyframes floatSlow{50%{transform:translate3d(0, -9px, 0)}
}
@keyframes riseIn{from{opacity:.18; transform:translateY(24px)}
  to{opacity:1; transform:translateY(0)}
}
@keyframes shine{0%, 48%{transform:translateX(0) rotate(18deg); opacity:0}
  58%{opacity:.95}
  82%, 100%{transform:translateX(330%) rotate(18deg); opacity:0}
}
@media (max-width:767px){.hero-bg{background-position:47% bottom}
  .philosophy-bg{background-image:linear-gradient(90deg, rgba(7, 69, 112, .94), rgba(7, 69, 112, .78)), url("../images/pdf-page1-image10.jpg");background-position:63% center}
  .service-card{border-right:0}
  .hero-title-en{font-size:24px;line-height:1.12}
  .identity-btn strong{font-size:16px}
  .identity-btn small{font-size:12px;line-height:1.35}
}
@media (min-width:1600px){.hero-bg{min-height:700px}
  .hero-bg .hero-brand{font-size:82px}
  .hero-bg h1{font-size:49px}
  .hero-bg [data-i18n="heroSub"]{font-size:24px}
  .hero-bg [data-contact-role]{height:62px;max-width:232px;font-size:19px}
}
@media (min-width:900px){.contact-form-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .contact-form-wide{grid-column:span 2 / span 2}
}