
:root{--signal:#f29400;--technical-ink:#201b2c}
.site-header{background:rgb(32 27 44 / .98);border-bottom:1px solid rgb(255 255 255 / .12);color:#fff}
.brand{gap:0;line-height:0}
.brand .brand-logo{width:144px;height:auto;max-width:none;object-fit:contain;outline:0}
.navigation>a{color:#e4deec}
.navigation>a[aria-current="page"]{color:#ffb44c}
.navigation>a[aria-current="page"]:not(.nav-contact)::after{background:var(--signal)}
.navigation .nav-contact{background:#6743ad;color:#fff}
.language-switch a{color:#c3b9d1}
.language-switch a[aria-current="true"]{color:#ffb44c}
.language-switch a+a::before{background:#6f617d}
.menu-toggle{color:#fff}
.site-footer .brand .brand-logo{width:175px}
.hero>picture img{object-position:50% 25%}
.hero::after{background:linear-gradient(90deg,rgba(22,17,31,.94),rgba(25,19,34,.64) 47%,rgba(25,19,34,.22) 100%)}
.hero-trace{position:absolute;left:65%;right:0;top:47%;padding:22px 24px 24px;background:rgb(29 23 40 / .32);border-top:1px solid rgb(235 224 255 / .55);backdrop-filter:blur(2px);text-shadow:0 1px 4px rgb(10 7 16 / .8)}
.hero-trace::before{position:absolute;content:"";top:-1px;left:0;width:32px;height:2px;background:var(--signal)}
.trace-kicker{font-size:10px!important;letter-spacing:.16em;line-height:1.6!important;margin:0 0 22px!important;color:#d2c3e4}
.trace-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:0;list-style:none}
.trace-steps li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}
.trace-steps li:not(:last-child)::after{content:"";position:absolute;top:14px;left:41px;right:-4px;height:1px;background:linear-gradient(90deg,#9c81c1,#746280)}
.trace-steps .line-icon{width:28px;height:28px;stroke-width:1.25;flex:none;color:#e1d0f4}
.trace-steps span{font-size:11px;font-weight:550;line-height:1.6;letter-spacing:.02em}
.trace-steps b{display:block;font-size:9px;font-weight:400;line-height:1.4;margin-bottom:4px;letter-spacing:.09em;color:#c4a4ed}
.technology{background-color:#f7f6fa;background-image:linear-gradient(rgb(86 49 164 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(86 49 164 / .028) 1px,transparent 1px);background-size:56px 56px}
.technology-layout{grid-template-columns:1.12fr 1fr;align-items:start;gap:clamp(40px,6vw,80px)}
.record-figure{margin:0;background:var(--technical-ink);color:#fff;box-shadow:0 12px 32px rgb(29 17 45 / .09)}
.record-photo{position:relative;overflow:hidden}
.record-photo img{aspect-ratio:1.32;object-position:50% 69%;outline:0}
.record-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(21,17,29,.8));pointer-events:none}
.record-photo-label{display:flex;align-items:center;gap:10px;position:absolute;z-index:1;left:24px;bottom:21px;font-size:10px;letter-spacing:.05em}
.record-photo-label .line-icon{width:20px;height:20px;stroke-width:1.3;color:#ffc078}
.record-corner{position:absolute;z-index:1;width:25px;height:25px;border-color:rgba(255,255,255,.7);border-style:solid;pointer-events:none}
.corner-tl{left:20px;top:20px;border-width:1px 0 0 1px}
.corner-br{right:20px;bottom:20px;border-width:0 1px 1px 0}
.record-figure figcaption{padding:27px 28px 23px}
.record-figure figcaption>p{margin-top:22px;padding-top:15px;border-top:1px solid #51435f;font-size:11px;color:#bdb0ca;line-height:1.6}
.technology-copy article>.number{color:#71558e;display:flex;align-items:center;gap:12px}
.technology-copy article>.number::before{content:"";width:7px;height:7px;flex:none;background:var(--signal)}
.technology-copy article+article{border-top:1px solid #d9d1e4}
.technical-note{padding-left:14px;border-left:2px solid #b3a2ca}
.benefits-section{background:#fff;padding-block:62px 66px}
.benefit-card{border-radius:7px;background:#f6f4f9;border-top:2px solid #9e87c2;box-shadow:none}
.benefit-icon{color:#66439c}
.benefit-value{font-family:Arial,"PingFang SC",sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.benefit-value .metric-sign{font-size:.7em;line-height:inherit;margin:0 .04em 0 0;display:inline-block;vertical-align:.1em;font-weight:500;letter-spacing:0}
.benefit-value .metric-unit{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:0}
.conveyor-photo img{aspect-ratio:3/2;object-position:50% 50%}
.photo-process{display:flex;gap:12px;align-items:center;padding:20px 20px;margin-top:18px;background:#ece6f4;color:#624b7d;font-size:11px;line-height:1.6}
.photo-process i{height:1px;flex:1;min-width:10px;background:#b39ccf;position:relative}
.photo-process i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #9273b9;border-right:1px solid #9273b9;transform:rotate(45deg)}
.service-item{border-top:1px solid #c3b4d8;position:relative}
.service-item::before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;background:var(--purple)}
.page-intro{position:relative;background-color:#f4f0f8;background-image:linear-gradient(90deg,transparent 79.9%,rgb(86 49 164 / .045) 80%,transparent 80.1%)}
.page-intro .eyebrow::before{content:"";display:inline-block;width:6px;height:6px;background:var(--signal);margin-right:12px;vertical-align:2px}
.verification-section .editorial-photo{position:relative}
.verification-section .editorial-photo::before{content:"";position:absolute;z-index:1;left:18px;top:18px;width:28px;height:28px;border-left:1px solid #fff;border-top:1px solid #fff}
.gallery figure:nth-child(2) img{aspect-ratio:3/2;object-position:center}
@media(max-width:1100px){.hero-trace{left:64%;padding:20px 17px}.hero-trace .trace-steps{gap:10px}.hero-trace .trace-steps span{font-size:10px}}
@media(max-width:899px){.brand .brand-logo{width:128px}.navigation{background:#251e32;box-shadow:0 14px 22px rgb(15 8 24 / .2)}.navigation>a{border-bottom-color:#493a5b}.hero{height:690px}.hero-inner{padding-bottom:110px}.hero-trace{left:0;right:auto;top:auto;bottom:64px;width:390px;padding:16px 20px}.hero-trace .trace-kicker{display:none}.hero-trace .trace-steps{gap:18px}.hero-trace .trace-steps li{flex-direction:row;gap:12px;align-items:center}.hero-trace .trace-steps li::after{display:none}.hero-trace .trace-steps span{font-size:10px}.hero-trace .trace-steps b{font-size:8px;margin-bottom:2px}.hero-trace .trace-steps .line-icon{width:23px;height:23px}.technology-layout{gap:35px}.record-photo img{aspect-ratio:.95;object-position:50% 65%}.record-figure figcaption{padding:23px 20px}.record-figure .trace-steps{gap:12px}.record-figure .trace-steps span{font-size:10px}.record-figure .trace-steps .line-icon{width:24px;height:24px}.record-figure .trace-steps li::after{top:12px;left:33px;right:0}}
@media(max-width:599px){.brand .brand-logo{width:118px}.site-footer .brand .brand-logo{width:153px}.hero{height:700px}.hero-inner{justify-content:center;padding-bottom:115px}.hero-trace{width:min(100%,350px);bottom:65px;padding:16px 15px}.hero-trace .trace-steps{gap:10px}.hero-trace .trace-steps li{gap:9px}.hero-trace .trace-steps span{font-size:10px}.hero-trace .trace-steps .line-icon{width:22px;height:22px}.hero>picture img{object-position:61% 50%}.hero::after{background:linear-gradient(90deg,rgba(22,17,31,.94),rgba(25,19,34,.56))}.technology-layout{grid-template-columns:1fr;gap:34px}.record-photo img{aspect-ratio:1.15;object-position:50% 67%}.record-photo-label{left:20px;font-size:9px;bottom:20px}.record-figure figcaption{padding:25px 24px 21px}.record-figure .trace-steps span{font-size:11px}.record-figure .trace-steps .line-icon{width:27px;height:27px}.record-figure .trace-steps li::after{top:13px;left:38px;right:-1px}.record-figure figcaption>p{font-size:10px;margin-top:21px}.benefits-section{padding-block:45px 49px}.benefit-card{border-radius:6px}.benefit-value .metric-sign{display:inline-block;min-height:0;margin:0 .04em 0 0;line-height:inherit}.benefit-value .metric-unit{display:block}.conveyor-photo img{aspect-ratio:3/2;object-position:center}.photo-process{padding:17px 14px;gap:10px;font-size:10px;margin-top:16px}.gallery figure:nth-child(2){grid-column:1/-1}.gallery figure:nth-child(2) img{aspect-ratio:3/2}.gallery figure:nth-child(3){grid-column:1/-1}.gallery figure:nth-child(3) img{aspect-ratio:1.2;object-position:50% 70%}}
@media(max-width:359px){.hero-trace{padding-inline:12px}.hero-trace .trace-steps{gap:6px}.hero-trace .trace-steps li{gap:6px}.hero-trace .trace-steps span{font-size:9px}.record-figure figcaption{padding-inline:20px}.record-figure .trace-steps span{font-size:10px}.record-figure .trace-steps li::after{left:34px;right:0}.photo-process{gap:8px;font-size:9px}html[lang="en"] .hero h1{font-size:33px}}
html[lang="en"] .hero-trace .trace-steps span{font-size:10px;letter-spacing:0}
html[lang="en"] .record-figure .trace-steps span{font-size:10px;letter-spacing:0}
.platform-group li{width:180px;min-width:180px;height:86px;min-height:86px;position:relative;overflow:hidden}
.platform-group img{width:151px;height:auto;max-width:none;max-height:none;object-fit:contain;filter:none;opacity:1;flex:none}
.platform-group .platform-tmall img,.platform-group .platform-taobao img{width:240px}
.platform-group .platform-pinduoduo img{width:158px}
.platform-group .platform-vipshop img{width:180px}
.platform-group .platform-xiaohongshu img,.platform-group .platform-dewu img{width:62px}
.platform-band[data-motion-ready="true"] .platform-group{gap:24px;padding-inline:12px}
.platform-band{position:relative;padding-block:18px}
.platform-window{padding-right:0}
.platform-band[data-motion-ready="true"] .platform-window{width:100%}








.benefit-value .metric-sign.negative{font-size:1em;font-weight:inherit;line-height:0;display:inline-block;width:.42em;height:.1em;min-height:0;background:currentColor;vertical-align:.27em;margin:0 .12em 0 0;overflow:hidden;text-indent:-4em;letter-spacing:0}
.benefit-value .metric-sign.positive{font-size:.86em;font-weight:600;vertical-align:.035em;margin:0 .05em 0 0}
@media(max-width:599px){.platform-band{padding-block:12px}.benefit-value .metric-sign.negative{display:inline-block;margin:0 .12em 0 0;min-height:0}.benefit-value .metric-sign.positive{display:inline-block;margin:0 .05em 0 0;min-height:0}}
@media(prefers-reduced-motion:reduce){.platform-band .platform-window{width:100%!important}}
@media(max-width:599px){.platform-group li{width:158px;min-width:158px;height:80px;min-height:80px}.platform-group img{width:140px}.platform-group .platform-tmall img,.platform-group .platform-taobao img{width:230px}.platform-group .platform-pinduoduo img{width:145px}.platform-group .platform-vipshop img{width:170px}.platform-group .platform-xiaohongshu img,.platform-group .platform-dewu img{width:56px}.platform-band[data-motion-ready="true"] .platform-group{gap:14px;padding-inline:7px}}
@media(max-width:599px){html[lang="en"] .hero{height:760px}html[lang="en"] .hero-inner{padding-bottom:128px}html[lang="en"] .hero-trace{bottom:84px}html[lang="en"] .hero-index{bottom:44px}html[lang="en"] .hero-trace .trace-steps li{align-items:flex-start;gap:7px}html[lang="en"] .hero-trace .trace-steps span{font-size:9px}html[lang="en"] .photo-process{font-size:9px;gap:7px}}


.benefit-value--label{font-size:30px;min-height:49.4px;display:flex;align-items:center;justify-content:center;letter-spacing:-.02em}
@media(max-width:599px){.benefit-value--label{font-size:25px;min-height:41.6px}}


.benefit-icon{margin-bottom:25px}.benefit-value{position:relative}.benefit-value .metric-approx{position:absolute;bottom:calc(100% + 3px);left:0;right:0;display:block;font-size:10px;font-weight:400;line-height:1.2;letter-spacing:.025em;color:var(--muted);margin:0}
