/* Contact page only; canonical product sidebar, Header and Footer stay unchanged. */
.contact-final{--cf-ink:#182532;--cf-copy:#465462;--cf-muted:#697784;--cf-red:#e41420;background:#f6f9fb}
.contact-final .qf-main{background:#f6f9fb}
.contact-final .cf-icon{width:32px;height:32px;flex-shrink:0;color:var(--cf-ink)}
.contact-final .cf-hero{position:relative;isolation:isolate;min-height:340px;display:flex;align-items:center;overflow:hidden;background:#3d474d;color:#fff}
.contact-final .cf-hero-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.contact-final .cf-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(19,29,35,.89),rgba(24,35,43,.76) 43%,rgba(34,45,53,.36) 75%,rgba(44,54,61,.24))}
.contact-final .cf-world{position:absolute;z-index:-1;right:-1%;top:8%;width:64%;height:92%;object-fit:contain;opacity:.88}
.contact-final .cf-hero-copy{padding:30px 42px;max-width:740px}
.contact-final .cf-crumb{font-size:13px;line-height:1.5;margin:0 0 15px;color:#e8edf0}
.contact-final .cf-crumb a{color:inherit}
.contact-final .cf-hero h1{font-size:46px;font-weight:700;line-height:1.25;margin:0 0 14px;color:#fff}
.contact-final .cf-hero-copy>p:not(.cf-crumb){font-size:17px;line-height:1.75;margin:0 0 20px;max-width:610px;color:#fff}
.contact-final .cf-actions{display:flex;gap:14px;flex-wrap:wrap}
.contact-final .cf-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 24px;border:1px solid #c8cfd3;border-radius:2px;font-size:15px;font-weight:600;color:#fff;transition:background-color .18s,border-color .18s}
.contact-final .cf-actions .cf-primary{background:var(--cf-red);border-color:var(--cf-red)}
.contact-final .cf-actions a:hover{background:#be1420;border-color:#be1420}
.contact-final .cf-global-caption{position:absolute;right:24px;top:30px;font-size:10px;line-height:1.65;color:#e4eaee;letter-spacing:1.5px}
.contact-final .cf-section{padding:28px 30px;scroll-margin-top:92px}
.contact-final .cf-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 22px}
.contact-final .cf-heading>.cf-icon{width:31px;height:31px;color:var(--cf-red);margin-top:3px}
.contact-final .cf-heading h2{font-size:28px;line-height:1.4;margin:0 0 4px;color:var(--cf-ink)}
.contact-final .cf-heading p{font-size:15px;color:var(--cf-muted);line-height:1.65;margin:0}
.contact-final .cf-intents-section{background:#fff}
.contact-final .cf-intents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.contact-final .cf-intent{display:flex;gap:14px;min-width:0;padding:0 18px;border-right:1px solid #e4e9ed;color:var(--cf-ink)}
.contact-final .cf-intent:first-child{padding-left:8px}.contact-final .cf-intent:last-child{border:0;padding-right:0}
.contact-final .cf-intent>.cf-icon{width:36px;height:36px;margin-top:2px}
.contact-final h3{font-size:20px;line-height:1.45;margin:0 0 5px;color:var(--cf-ink);font-weight:600}
.contact-final .cf-intent h3{font-size:18px;white-space:nowrap}
.contact-final .cf-intent p{font-size:15px;line-height:1.65;color:var(--cf-muted);margin:0 0 16px;min-height:50px}
.contact-final .cf-intent span{color:var(--cf-red);font-size:14px;white-space:nowrap}
.contact-final .cf-intent:hover span{color:#ad101b}
.contact-final .cf-contacts-section{padding-bottom:18px}
.contact-final .cf-contact-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:16px}
.contact-final .cf-contact-grid>article{padding:24px;background:#fff;min-width:0;border-top:2px solid #dce3e8}
.contact-final .cf-contact-grid>article>header{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.contact-final .cf-contact-grid header p,.contact-final .cf-intro{font-size:14px;line-height:1.65;color:var(--cf-muted);margin:0}
.contact-final .cf-contact-grid .cf-domestic{background:#fff9f9;border-top-color:#e41420}
.contact-final .cf-country{background:#e41420;color:#fff;font-size:13px;letter-spacing:1px;padding:6px 9px;border-radius:1px}
.contact-final .cf-domestic-content{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center}
.contact-final .cf-contact-rows>div{display:flex;gap:12px;align-items:center;margin:0 0 15px}
.contact-final .cf-contact-rows>div:last-child{margin:0}
.contact-final .cf-contact-rows .cf-icon{width:24px;height:24px}
.contact-final .cf-contact-rows span,.contact-final .cf-international-grid span{display:block;font-size:14px;line-height:1.65;color:var(--cf-muted)}
.contact-final .cf-contact-rows a{display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--cf-ink);overflow-wrap:anywhere}
.contact-final .cf-contact-rows .cf-hotline{font-size:28px;font-weight:700;color:var(--cf-red);letter-spacing:-.5px}
.contact-final .cf-contact-rows .cf-mobile{font-size:21px}
.contact-final .cf-wechat{margin:0;text-align:center}
.contact-final .cf-wechat img{display:block;width:120px;height:120px;object-fit:contain;background:#fff;padding:3px;border:1px solid #e4e7ea}
.contact-final .cf-wechat figcaption{font-size:13px;line-height:1.6;margin-top:6px;color:var(--cf-copy)}
.contact-final .cf-en{font-size:13px;line-height:1.6;color:var(--cf-copy)}
.contact-final .cf-international-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;margin-top:22px}
.contact-final .cf-international-grid a{font-size:17px;font-weight:600;color:var(--cf-ink);overflow-wrap:anywhere}
.contact-final .cf-international-grid strong{font-size:15px;font-weight:600}
.contact-final .cf-international-grid p{font-size:14px;line-height:1.65;margin:5px 0 0;color:var(--cf-muted)}
.contact-final .cf-location-section{padding-top:18px;padding-bottom:22px}
.contact-final .cf-location-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:24px;background:#fff;padding:22px}
.contact-final .cf-address>.cf-icon{width:34px;height:34px;margin-bottom:8px}
.contact-final .cf-address h3{font-size:21px;margin-bottom:3px}
.contact-final .cf-address .cf-en{font-size:12px;margin:0 0 20px}
.contact-final .cf-address address{font-style:normal;font-size:16px;line-height:1.7;margin-bottom:15px;color:var(--cf-ink)}
.contact-final .cf-address>a:not(.cf-route){display:block;font-size:17px;font-weight:600;line-height:1.7;color:var(--cf-ink)}
.contact-final .cf-route{display:inline-flex;padding:8px 20px;border:1px solid #596774;margin-top:18px;min-height:40px;align-items:center;color:var(--cf-ink);font-size:15px;font-weight:600}
.contact-final .cf-map-wrap{min-width:0;display:flex;flex-direction:column;background:#eef2f3}
.contact-final .cf-map-wrap iframe{display:block;width:100%;height:100%;min-height:335px;border:0;flex:1}
.contact-final .cf-map-caption{font-size:13px;line-height:1.6;padding:8px 12px;background:#fff;color:var(--cf-copy);border:1px solid #e4e8ec}
.contact-final .cf-inquiry-section{padding-top:12px;padding-bottom:28px}
.contact-final .cf-inquiry-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.15fr);background:#fff}
.contact-final .cf-inquiry-copy{position:relative;isolation:isolate;min-height:495px;padding:38px 28px;display:flex;align-items:center;overflow:hidden;background:#353b3e;color:#fff}
.contact-final .cf-inquiry-copy>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:45% 45%}
.contact-final .cf-inquiry-copy:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(8,17,22,.56)}
.contact-final .cf-red-line{display:block;width:42px;height:4px;background:var(--cf-red);margin-bottom:16px}
.contact-final .cf-inquiry-copy h2{font-size:30px;line-height:1.45;margin:0 0 12px;color:#fff}
.contact-final .cf-inquiry-copy p{font-size:16px;line-height:1.75;color:#fff;margin:0}
.contact-final .cf-inquiry-copy ul{padding:0;margin:28px 0 0;list-style:none;display:flex;gap:12px;flex-wrap:wrap}
.contact-final .cf-inquiry-copy li{font-size:13px;line-height:1.6;color:#fff}
.contact-final .cf-inquiry-copy li:before{content:"✓ ";color:#fff}
.contact-final .cf-form{padding:25px;min-width:0}
.contact-final .cf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}
.contact-final .cf-form label{display:block;min-width:0;font-size:14px;line-height:1.5;color:var(--cf-ink);font-weight:600}
.contact-final .cf-form em{font-style:normal;color:var(--cf-red)}
.contact-final .cf-form :is(input:not([type=file]),select,textarea){display:block;box-sizing:border-box;width:100%;min-width:0;height:42px;margin-top:6px;padding:8px 10px;border:1px solid #d5dde4;border-radius:2px;background:#fff;color:var(--cf-ink);font:400 14px/1.6 inherit}
.contact-final .cf-form textarea{height:65px;resize:vertical;font-family:inherit;font-size:14px}
.contact-final .cf-form input,.contact-final .cf-form select{font-family:inherit;font-size:14px}
.contact-final .cf-form :is(input,select,textarea)::placeholder{color:#788592;opacity:1;font-size:13px}
.contact-final .cf-form :is(input,select,textarea):focus-visible{outline:2px solid var(--cf-red);outline-offset:2px}
.contact-final .cf-full{grid-column:1/-1}
.contact-final .cf-person-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.contact-final .cf-photo input{font-family:inherit;font-size:13px;font-weight:400;margin:8px 0;max-width:100%;color:var(--cf-copy)}
.contact-final .cf-photo small{display:block;font-size:12px;font-weight:400;line-height:1.65;color:var(--cf-muted)}
.contact-final .cf-submit{display:block;width:100%;min-height:44px;border:0;border-radius:2px;background:var(--cf-red);color:#fff;font:600 16px/1.5 inherit;margin-top:16px;cursor:pointer;transition:background-color .18s}
.contact-final .cf-submit:hover{background:#bf121d}
.contact-final .cf-submit-note{font-size:12px;line-height:1.65;color:var(--cf-muted);margin:8px 0 0}
.contact-final .cf-status{font-size:14px;line-height:1.65;margin:10px 0 0;color:var(--cf-copy)}
.contact-final .cf-status:empty{display:none}
.contact-final .cf-status.is-error{color:#b41420}
.contact-final .cf-email-draft{display:inline-flex;border:1px solid var(--cf-red);padding:8px 14px;margin-top:10px;color:var(--cf-red);font-size:15px}
.contact-final [hidden]{display:none!important}
@media(max-width:1200px){.contact-final .cf-section{padding-left:24px;padding-right:24px}.contact-final .cf-intent{gap:8px;padding:0 12px}.contact-final .cf-intent>.cf-icon{width:28px;height:28px}.contact-final .cf-contact-grid>article{padding:20px}.contact-final .cf-domestic-content{grid-template-columns:minmax(0,1fr) 108px;gap:8px}.contact-final .cf-wechat img{width:108px;height:108px}.contact-final .cf-contact-rows .cf-hotline{font-size:25px}.contact-final .cf-contact-rows .cf-mobile{font-size:20px}.contact-final .cf-contact-rows>div{gap:8px}.contact-final .cf-form{padding:20px}.contact-final .cf-person-row{grid-template-columns:1fr 1fr}.contact-final .cf-person-row>label:last-child{grid-column:1/-1}}
@media(max-width:1024px){.contact-final .cf-intents{grid-template-columns:1fr 1fr;row-gap:24px}.contact-final .cf-intent:nth-child(2){border:0}.contact-final .cf-contact-grid{grid-template-columns:1fr}.contact-final .cf-location-grid{grid-template-columns:1fr}.contact-final .cf-map-wrap iframe{height:320px;min-height:320px}.contact-final .cf-inquiry-grid{grid-template-columns:1fr}.contact-final .cf-inquiry-copy{min-height:270px}.contact-final .cf-hero-copy{padding:30px}.contact-final .cf-hero-copy>p:not(.cf-crumb){max-width:520px}.contact-final .cf-global-caption{display:none}}
@media(max-width:760px){.contact-final .cf-hero{min-height:350px}.contact-final .cf-hero-copy{padding:26px 22px}.contact-final .cf-hero h1{font-size:38px}.contact-final .cf-hero-copy>p:not(.cf-crumb){font-size:16px}.contact-final .cf-desktop-break{display:none}.contact-final .cf-world{width:105%;right:-35%;opacity:.4}.contact-final .cf-actions{gap:10px}.contact-final .cf-actions a{padding:9px 18px}.contact-final .cf-section{padding:26px 20px}.contact-final .cf-heading{gap:10px}.contact-final .cf-heading h2{font-size:25px}.contact-final .cf-heading>.cf-icon{width:28px;height:28px}.contact-final .cf-intents{column-gap:14px}.contact-final .cf-intent{display:block;padding:0;border:0}.contact-final .cf-intent:first-child{padding:0}.contact-final .cf-intent>.cf-icon{margin-bottom:8px;width:30px;height:30px}.contact-final .cf-intent p{font-size:14px}.contact-final .cf-intent span{font-size:13px}.contact-final .cf-contact-grid>article{padding:20px 16px}.contact-final .cf-contact-grid h3{font-size:20px}.contact-final .cf-domestic-content{grid-template-columns:minmax(0,1fr) 104px}.contact-final .cf-wechat img{width:104px;height:104px}.contact-final .cf-contact-rows .cf-icon{display:none}.contact-final .cf-contact-rows .cf-hotline{font-size:25px}.contact-final .cf-contact-rows .cf-mobile{font-size:20px}.contact-final .cf-contact-rows a{font-size:15px}.contact-final .cf-international-grid{gap:20px 16px}.contact-final .cf-international-grid a{font-size:16px}.contact-final .cf-location-grid{padding:18px;gap:20px}.contact-final .cf-address .cf-en{font-size:11px}.contact-final .cf-map-wrap iframe{height:300px;min-height:300px}.contact-final .cf-map-caption{font-size:12px}.contact-final .cf-inquiry-copy{min-height:300px;padding:28px 22px}.contact-final .cf-inquiry-copy h2{font-size:28px}.contact-final .cf-form{padding:20px 16px}.contact-final .cf-form-grid{grid-template-columns:1fr;gap:16px}.contact-final .cf-person-row{grid-template-columns:1fr}.contact-final .cf-person-row>label:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.contact-final .cf-actions a,.contact-final .cf-submit{transition:none}}
.contact-final .cf-form .honeypot{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.contact-final .cf-form :is(input:not([type=file]),select,textarea){font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}
.contact-final .cf-submit{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5}
.contact-final .cf-form{position:relative}
.contact-final .cf-form input.honeypot{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden;pointer-events:none}

/* Confirmed contact Hero image replacement only, 2026-10-20. */
.contact-final .cf-hero-photo{object-position:50% 48%}
.contact-final .cf-hero:before{background:linear-gradient(90deg,rgba(10,20,28,.2),rgba(10,20,28,.08) 48%,transparent 70%)}
.contact-final .cf-global-caption{color:#344454}
@media(max-width:760px){.contact-final .cf-hero-photo{object-position:55% 50%}.contact-final .cf-hero:before{background:linear-gradient(90deg,rgba(10,20,28,.72),rgba(10,20,28,.45) 65%,rgba(10,20,28,.15))}}

/* Inquiry illustration: reuse the existing true transparent package PNG. */
.contact-final .cf-inquiry-copy{background:#eef1f3;color:#182532;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px;padding:28px}
.contact-final .cf-inquiry-copy:after{display:none}
.contact-final .cf-inquiry-copy>img{position:static;inset:auto;z-index:auto;display:block;width:100%;height:235px;object-fit:contain;object-position:center}
.contact-final .cf-inquiry-copy h2,.contact-final .cf-inquiry-copy p,.contact-final .cf-inquiry-copy li{color:#182532}
.contact-final .cf-inquiry-copy ul{margin-top:20px}
.contact-final .cf-inquiry-copy li:before{color:#e41420}
@media(max-width:760px){.contact-final .cf-inquiry-copy{padding:24px 22px;gap:18px}.contact-final .cf-inquiry-copy>img{height:200px}}
