:root{--brand:#1c394d;--brand-2:#274e65;--ink:#172b37;--muted:#5f707a;--paper:#f3f6f7;--white:#fff;--line:#d9e2e7;--soft:#e9eff2;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font:16px/1.65 "Microsoft YaHei","PingFang SC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:inherit}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #7ca2b8;outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.skip{position:absolute;top:-100px;left:18px;z-index:100;background:#fff;color:var(--brand);padding:9px 14px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:var(--brand);color:#fff;box-shadow:0 4px 20px #0c263622}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--brand);font-size:1.45rem;font-weight:900;font-style:italic}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{letter-spacing:.1em}.brand-copy small{margin-top:4px;color:#d2dee4;font-size:.64rem;letter-spacing:.04em}
.nav{display:flex;align-items:center;gap:25px}.nav a{position:relative;color:#eef4f7;text-decoration:none;font-size:.88rem;font-weight:700;white-space:nowrap}.nav a:hover{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#fff}.nav .contact-link{padding:10px 15px;border:1px solid #91aab8}.nav .contact-link.active:after{display:none}.nav .contact-link:hover{background:#ffffff14}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid #ffffff66;background:transparent;color:#fff}.menu-toggle svg{width:22px;height:22px}.mobile-nav{display:none}
.page-hero{background:linear-gradient(115deg,var(--brand),var(--brand-2));color:#fff;padding:78px 0 72px}.page-hero .kicker{margin:0 0 12px;color:#c7d8e1;font-size:.78rem;font-weight:800;letter-spacing:.12em}.page-hero h1{max-width:820px;margin:0 0 18px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.045em}.page-hero p{max-width:740px;margin:0;color:#dce7ec;font-size:1.07rem}
.about-page .page-hero h1{margin:0 0 18px;color:#dce7ec;font-size:1.07rem;font-weight:400;line-height:1.65;letter-spacing:0}.about-page .page-hero h1+p{max-width:900px;color:#fff;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:800;line-height:1.08;letter-spacing:-.045em}
.section{padding:82px 0}.section.soft{background:var(--paper)}.section-head{max-width:720px;margin-bottom:34px}.eyebrow{margin:0 0 10px;color:var(--brand-2);font-size:.76rem;font-weight:850;letter-spacing:.1em}.section h2{margin:0 0 15px;color:var(--brand);font-size:clamp(1.8rem,3.5vw,2.75rem);line-height:1.18}.section-head>p:last-child,.intro{color:var(--muted);margin:0}
.section h2.principles{display:flex;align-items:center;gap:clamp(1.5rem,4vw,3rem);flex-wrap:wrap}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:225px}.feature-card .number{display:block;margin-bottom:24px;color:#6a8ca0;font-weight:900}.feature-card h3{margin:0 0 10px;font-size:1.18rem}.feature-card p{margin:0;color:var(--muted)}
.product-dialogues{background:#102b3d;color:#fff}.dialogue-heading{max-width:780px;margin-bottom:38px}.product-dialogues .eyebrow{color:#a9c6d6}.product-dialogues h2{color:#fff}.dialogue-heading>p:last-child{max-width:720px;margin:0;color:#c9d8e0}.dialogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dialogue-group{padding:30px;border:1px solid #49677a;background:linear-gradient(145deg,#1c394d,#163246)}.dialogue-group-head{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #ffffff2e}.dialogue-group-head>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #8eabb9;color:#dce8ed;font-size:.78rem;font-weight:900;letter-spacing:.08em}.dialogue-group-head p{margin:0 0 2px;color:#9fb9c7;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dialogue-group-head h3{margin:0;color:#fff;font-size:1.45rem}.dialogue-item{padding:23px 0;border-bottom:1px solid #ffffff20}.dialogue-item:last-child{padding-bottom:0;border-bottom:0}.dialogue-question{display:flex;align-items:flex-start;gap:10px;margin:0 0 11px;color:#fff;font-size:1rem;font-weight:800;line-height:1.55}.dialogue-question span{display:grid;flex:0 0 25px;place-items:center;width:25px;height:25px;margin-top:1px;border-radius:50%;background:#fff;color:var(--brand);font-size:.72rem}.dialogue-answer{margin:0;color:#d7e4ea;font-size:.92rem}.dialogue-en{margin:13px 0 0;padding-left:35px;color:#a9bfca;font-size:.76rem;line-height:1.55}.dialogue-en strong{color:#d9e6ec}.factory-showcase{background:#fff}.factory-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.factory-heading h2{margin-bottom:10px}.factory-heading p:last-child{margin:0;color:var(--muted)}.factory-count{flex:none;color:var(--brand);font-size:.92rem;font-weight:850;letter-spacing:.08em}.factory-carousel{max-width:1180px;margin-inline:auto}.factory-stage{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:0;background:#102b3d;padding:0;cursor:pointer}.factory-stage img{width:100%;height:100%;object-fit:contain;transition:opacity .18s ease}.factory-stage.is-changing img{opacity:.2}.factory-caption{position:absolute;left:0;bottom:0;max-width:72%;background:#102b3de8;color:#fff;padding:13px 18px;font-size:.9rem;font-weight:750;text-align:left}.factory-hint{position:absolute;right:14px;top:14px;background:#102b3dcc;color:#fff;padding:7px 11px;font-size:.75rem;font-weight:750}.factory-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:17px}.factory-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9bafb9;background:#fff;color:var(--brand);font-size:1.25rem;cursor:pointer}.factory-arrow:hover{background:var(--brand);color:#fff}.factory-dots{display:flex;align-items:center;gap:9px}.factory-dot{width:10px;height:10px;border:0;border-radius:50%;background:#b7c6ce;padding:0;cursor:pointer}.factory-dot.active{background:var(--brand);box-shadow:0 0 0 4px #dfe8ec}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{min-height:240px;padding:28px 24px;border:1px solid #446579;background:var(--brand);color:#fff}.step-number{display:block;margin-bottom:28px;color:#c7d9e3;font-size:.8rem;font-weight:850;letter-spacing:.08em}.step h2{color:#fff;font-size:1.18rem;margin-bottom:10px}.step p{margin:0;color:#d6e2e8;font-size:.92rem}
.faq-list{max-width:880px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{position:relative;padding-right:34px;cursor:pointer;list-style:none;font-weight:800;font-size:1.04rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:-6px;color:var(--brand-2);font-size:1.55rem;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:760px;margin:12px 34px 2px 0;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:start}.contact-copy p{color:var(--muted)}.contact-copy h2{margin-bottom:26px}.contact-methods{display:grid;gap:14px}.contact-method{display:flex;align-items:center;gap:13px;min-height:58px;color:var(--ink);text-decoration:none}.contact-method>span:last-child{display:grid;gap:2px}.contact-method strong{color:var(--brand);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.contact-method span span{font-size:1rem;font-weight:750;word-break:break-word}.contact-method[href]:hover span span{color:var(--blue)}.contact-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;color:#fff;box-shadow:0 5px 14px #1736491f}.contact-icon svg{width:23px;height:23px;fill:currentColor}.contact-icon-facebook{background:#1877f2}.contact-icon-whatsapp{background:#25d366}.contact-icon-wechat{background:#07c160}.email-link{display:inline-block;color:var(--brand);font-size:1.12rem;font-weight:850;word-break:break-word}.contact-form{padding:32px;background:var(--paper);border:1px solid var(--line)}.form-intro{margin:0 0 22px;color:var(--muted);font-size:.88rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{color:#294250;font-size:.88rem;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid #b8c7d0;background:#fff;padding:12px 13px;color:var(--ink)}.field textarea{min-height:122px;resize:vertical}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.form-actions p{max-width:360px;margin:0;color:var(--muted);font-size:.78rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--brand);background:var(--brand);color:#fff;padding:11px 20px;text-decoration:none;font-weight:800;cursor:pointer}.button:hover{background:var(--brand-2)}.button.secondary{background:#fff;color:var(--brand)}.form-message{display:none;margin-top:18px;border-left:3px solid var(--brand);background:#e7eff2;padding:12px 14px;color:#29424f;font-size:.88rem}.form-message.visible{display:block}
.cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--brand);color:#fff;padding:34px}.cta h2{color:#fff;margin:0 0 7px;font-size:1.55rem}.cta p{margin:0;color:#d6e3e9}.cta .button{border-color:#fff;white-space:nowrap}
footer{background:#102b3d;color:#b8c8d1;padding:28px 0;font-size:.8rem}footer .container{display:flex;justify-content:space-between;align-items:center;gap:20px}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#edf3f6;text-decoration:none}
@media(max-width:920px){.nav{gap:14px}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.dialogue-grid{grid-template-columns:1fr}}
@media(max-width:780px){.container{width:min(calc(100% - 36px),var(--max))}.header-inner{min-height:68px}.nav{display:none}.menu-toggle{display:grid;place-items:center}.mobile-nav.open{display:flex;flex-direction:column;background:var(--brand);border-top:1px solid #ffffff33;padding:8px 18px 16px}.mobile-nav a{padding:9px 7px;color:#fff;text-decoration:none;font-weight:700}.page-hero{padding:58px 0}.section{padding:64px 0}.contact-layout{grid-template-columns:1fr;gap:32px}.cta{align-items:flex-start;flex-direction:column}.fields{grid-template-columns:1fr}.factory-heading{align-items:start;flex-direction:column;gap:10px}footer .container{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.brand-copy small{display:none}.steps{grid-template-columns:1fr}.contact-form{padding:22px}.page-hero h1{font-size:2.45rem}.about-page .page-hero h1{font-size:1.07rem}.about-page .page-hero h1+p{font-size:2.45rem}.dialogue-group{padding:22px 20px}.dialogue-en{padding-left:0}.factory-stage{aspect-ratio:16/9}.factory-caption{max-width:78%;padding:10px 12px;font-size:.8rem}.factory-hint{top:9px;right:9px;font-size:.68rem}.factory-controls{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.factory-stage img{transition:none}}