body{--font-display:var(--font-display-latin,Georgia),"Noto Serif SC","Songti SC","STSong","SimSun",serif;--font-body:var(--font-body-latin,ui-sans-serif),"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--ui-radius:0;--ui-radius-sm:0;--ui-ink:var(--navy);--ui-muted:color-mix(in srgb,var(--navy) 60%,var(--background));--ui-surface:var(--background);--ui-panel:color-mix(in srgb,var(--navy) 6%,var(--background));--ui-panel-strong:color-mix(in srgb,var(--navy) 12%,var(--background));--ui-border:color-mix(in srgb,var(--navy) 16%,var(--background));--ui-field:#fffcf7;--ui-overlay:#2b262299;background:var(--background)}.sp{--ink:var(--navy);--terra:var(--orange);--terra-soft:color-mix(in srgb,var(--orange) 70%,#fff);--paper:var(--background);--plate:color-mix(in srgb,var(--navy) 6%,var(--background));--rule:color-mix(in srgb,var(--navy) 14%,transparent);--muted:color-mix(in srgb,var(--navy) 64%,var(--background));--pane:45%;--gutter:64px;--head:68px;font-family:var(--font-body);color:var(--ink);background:var(--paper)}.sp .eyebrow{color:var(--terra);letter-spacing:2.2px}.sp-num{font-family:var(--font-display);color:var(--terra);font-size:30px;font-style:italic;line-height:1}.sp-header{top:0;left:var(--pane);z-index:40;height:var(--head);padding:0 40px 0 var(--gutter);background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;right:0}.sp-header-brand{font-family:var(--font-display);color:var(--ink);white-space:nowrap;align-items:baseline;gap:8px;font-size:24px;line-height:1;display:none}.sp-header-brand small{font-family:var(--font-body);letter-spacing:2.5px;font-size:9px;font-weight:600}.sp-nav{align-items:center;gap:30px;display:flex}.sp-nav>a{letter-spacing:1.6px;text-transform:uppercase;min-height:44px;color:var(--ink);align-items:center;font-size:11.5px;font-weight:600;transition:color .2s;display:inline-flex}.sp-nav>a:hover{color:var(--terra)}.sp-controls{align-items:center;gap:8px;display:flex}.sp-lang{min-height:44px;font:inherit;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;font-size:11.5px;font-weight:600;display:inline-flex}.sp-lang:hover{color:var(--terra)}.sp-inquiry{border:1px solid var(--ink);min-height:44px;font:inherit;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:0 6px 0 16px;font-size:11.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.sp-inquiry:hover{background:var(--ink);color:#fff}.sp-inquiry b{background:var(--terra);color:#fff;letter-spacing:0;place-items:center;min-width:30px;height:30px;padding-inline:6px;font-size:11px;font-weight:700;display:grid}.sp-menu{display:none}.sp-shell{grid-template-columns:var(--pane) minmax(0,1fr);align-items:start;display:grid}.sp-pane{height:100vh;background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;height:100dvh;padding:36px 44px 40px;display:flex;position:sticky;top:0;overflow:hidden}.sp-pane-photos{position:absolute;inset:0}.sp-pane-photos img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s,transform 1.4s;position:absolute;inset:0;transform:scale(1.04)}.sp-pane-photos img[data-active=true]{opacity:1;transform:scale(1)}.sp-pane-shade{pointer-events:none;background:linear-gradient(#2b262280,#0000 32% 56%,#2b2622d6);position:absolute;inset:0}.sp-pane-brand,.sp-pane-caption{z-index:1;position:relative}.sp-pane-brand{width:fit-content;font-family:var(--font-display);letter-spacing:-.5px;color:#fff;flex-direction:column;gap:12px;font-size:clamp(40px,4.4vw,64px);line-height:.95;display:flex}.sp-pane-brand small{font-family:var(--font-body);letter-spacing:4.5px;text-transform:uppercase;color:#fffc;font-size:10px;font-weight:600}.sp-pane-caption{border-top:1px solid var(--terra-soft);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;padding-top:20px;display:grid}.sp-pane-caption>span{font-family:var(--font-display);color:var(--terra-soft);white-space:nowrap;padding-top:2px;font-size:26px;font-style:italic;line-height:1}.sp-pane-caption b{font-size:17px;font-weight:500;line-height:1.35;display:block}.sp-pane-caption small{color:#fffb;max-width:420px;margin-top:6px;font-size:12.5px;line-height:1.6;display:block}.sp-scroll{min-width:0;padding-top:var(--head)}.sp-section{padding:88px var(--gutter);border-top:1px solid var(--rule)}.sp-head{flex-direction:column;gap:14px;margin-bottom:40px;display:flex}.sp-head h2{font-family:var(--font-display);letter-spacing:-.6px;font-size:clamp(34px,3.2vw,50px);font-weight:400;line-height:1.05}.sp-head h2 em{color:var(--terra);font-style:italic}.sp-head>p{color:var(--muted);max-width:520px;font-size:14px;line-height:1.8}.sp-hero{min-height:calc(100vh - var(--head));min-height:calc(100dvh - var(--head));padding:72px var(--gutter);flex-direction:column;justify-content:center;display:flex}.sp-hero h1{font-family:var(--font-display);letter-spacing:-1.2px;margin-top:26px;font-size:clamp(44px,4.8vw,76px);font-weight:400;line-height:1}.sp-hero h1 em{color:var(--terra);font-style:italic}.sp-hero>p:not(.eyebrow){color:var(--muted);max-width:520px;margin-top:28px;font-size:15.5px;line-height:1.85}.sp-hero-actions{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:36px;display:flex}.sp-hero-tag{border-top:1px solid var(--rule);font-family:var(--font-display);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:56px;padding-top:22px;font-size:19px;font-style:italic;display:flex}.sp-hero-tag i{background:var(--terra);width:36px;height:1px;display:inline-block}.sp-hero-tag strong{color:var(--ink);font-weight:400}.sp-btn{background:var(--ink);color:#fff;min-height:50px;font-family:var(--font-body);letter-spacing:1.6px;text-transform:uppercase;border:1px solid var(--ink);align-items:center;gap:14px;padding:0 26px;font-size:11.5px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.sp-btn:hover{background:var(--terra);border-color:var(--terra);color:#fff}.sp-link{min-height:44px;font-family:var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:11.5px;font-weight:600;transition:color .2s;display:inline-flex}.sp-link:hover,.sp-link-terra{color:var(--terra)}.sp-link-terra:hover{color:var(--ink)}.sp-scope ol,.sp-process ol{margin:0;padding:0;list-style:none}.sp-scope li,.sp-process li{border-top:1px solid var(--rule);grid-template-columns:72px minmax(0,1fr);gap:24px;padding:28px 0;display:grid}.sp-scope li:last-child,.sp-process li:last-child{border-bottom:1px solid var(--rule)}.sp-scope h3,.sp-process h3{font-family:var(--font-display);letter-spacing:-.3px;font-size:26px;font-weight:400;line-height:1.15}.sp-scope p,.sp-process p{color:var(--muted);max-width:520px;margin-top:8px;font-size:14px;line-height:1.8}.sp-process .sp-link{margin-top:8px}.sp-product{border-top:1px solid var(--rule);grid-template-columns:72px 230px minmax(0,1fr);gap:28px;padding:52px 0;display:grid}.sp-product-photo{aspect-ratio:4/3;background:var(--plate);position:relative;overflow:hidden}.sp-product-photo>button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.sp-product-photo>button img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.sp-product:hover .sp-product-photo>button img{transform:scale(1.04)}.sp-product-copy .eyebrow{display:block}.sp-product-copy h3{font-family:var(--font-display);letter-spacing:-.6px;margin-top:10px;font-size:clamp(28px,2.6vw,40px);font-weight:400;line-height:1.05}.sp-lede{font-family:var(--font-display);color:var(--ink);margin-top:14px;font-size:19px;font-style:italic;line-height:1.4}.sp-desc{color:var(--muted);max-width:520px;margin-top:14px;font-size:14px;line-height:1.8}.sp-product-copy ul{color:var(--muted);gap:6px;margin:16px 0 0;padding:0;font-size:12.5px;line-height:1.6;list-style:none;display:grid}.sp-product-copy li{gap:12px;display:flex}.sp-product-copy li:before{content:"";background:var(--terra);flex:none;width:18px;height:1px;margin-top:.7em}.sp-thumbs{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.sp-thumbs>button{background:var(--plate);border:1px solid var(--rule);width:64px;height:50px;padding:0;transition:border-color .2s;overflow:hidden}.sp-thumbs>button:hover{border-color:var(--terra)}.sp-thumbs img{object-fit:cover;width:100%;height:100%}.sp-product-actions{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:24px;padding-top:16px;display:flex}.sp-select{border:1px solid var(--ink);min-height:40px;font-family:var(--font-body);letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);background:0 0;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.sp-select:hover{border-color:var(--terra);color:var(--terra)}.sp-select[data-selected=true]{background:var(--terra);border-color:var(--terra);color:#fff}.sp-products-note{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:28px;font-size:13px;display:flex}.sp-about h2{font-family:var(--font-display);letter-spacing:-.4px;margin-top:14px;font-size:clamp(28px,2.6vw,38px);font-weight:400;line-height:1.3}.sp-about>p:not(.eyebrow){color:var(--muted);max-width:560px;margin-top:22px;font-size:15px;line-height:1.85}.sp-about .sp-link{margin-top:22px}.sp-contact{background:var(--plate);margin-top:44px;padding:36px}.sp-contact .contact-details{border-top-color:var(--terra)}.sp-cta{padding:56px var(--gutter);background:var(--terra);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.sp-cta .eyebrow{color:#fffc}.sp-cta h2{font-family:var(--font-display);letter-spacing:-.4px;margin-top:10px;font-size:clamp(28px,3vw,42px);font-style:italic;font-weight:400}.sp-cta p:last-child{color:#fffd;margin-top:10px;font-size:13.5px}.sp-cta .sp-btn{color:var(--terra);background:#fff;border-color:#fff}.sp-cta .sp-btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}.sp-footer{padding:36px var(--gutter) 40px;border-top:1px solid var(--rule);color:var(--muted);gap:8px;font-size:12px;display:grid}.sp-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.sp-footer-word{font-family:var(--font-display);color:var(--ink);font-size:22px}.sp-footer-word small{font-family:var(--font-body);letter-spacing:2.5px;margin-left:6px;font-size:9px;font-weight:600}.sp-footer nav{letter-spacing:1.4px;text-transform:uppercase;gap:22px;font-size:10.5px;font-weight:600;display:flex}.sp-footer nav a{min-height:44px;color:var(--ink);align-items:center;display:inline-flex}.sp-footer nav a:hover{color:var(--terra)}.sp-footer .sp-lang{color:var(--muted);padding:0}body:lang(zh) .sp h1,body:lang(zh) .sp h2,body:lang(zh) .sp h3,body:lang(zh) .sp-pane-brand,body:lang(zh) .sp-header-brand,body:lang(zh) .sp-footer-word{letter-spacing:0}body:lang(zh) .sp-hero h1{font-size:clamp(38px,4vw,62px);line-height:1.22}body:lang(zh) .sp-hero h1 em,body:lang(zh) .sp-head h2 em,body:lang(zh) .sp-lede,body:lang(zh) .sp-hero-tag,body:lang(zh) .sp-cta h2{font-style:normal}body:lang(zh) .sp-head h2,body:lang(zh) .sp-product-copy h3{line-height:1.25}body:lang(zh) .sp-about h2{line-height:1.6}body:lang(zh) .sp-scope h3,body:lang(zh) .sp-process h3{line-height:1.3}body:lang(zh) .sp-pane-caption b{line-height:1.5}body:lang(zh) .sp .eyebrow,body:lang(zh) .sp-nav>a,body:lang(zh) .sp-lang,body:lang(zh) .sp-inquiry,body:lang(zh) .sp-btn,body:lang(zh) .sp-link,body:lang(zh) .sp-select,body:lang(zh) .sp-footer nav{letter-spacing:1px}body:lang(zh) .sp-hero>p:not(.eyebrow),body:lang(zh) .sp-desc,body:lang(zh) .sp-about>p:not(.eyebrow),body:lang(zh) .sp-scope p,body:lang(zh) .sp-process p{line-height:1.95}@media (max-width:1180px){.sp{--pane:42%;--gutter:40px}.sp-header{padding-right:24px}.sp-nav{gap:20px}.sp-product{grid-template-columns:56px 190px minmax(0,1fr);gap:22px}.sp-scope li,.sp-process li{grid-template-columns:56px minmax(0,1fr)}}@media (max-width:900px){.sp{--gutter:20px;--head:60px}.sp-header{gap:8px;padding:0 12px 0 20px;position:sticky;left:auto}.sp-header-brand{min-width:0;display:flex}.sp-header-brand small,.sp-nav{display:none}.sp-nav[data-open=true]{top:var(--head);background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 12px;display:flex;position:absolute;left:0;right:0;box-shadow:0 24px 40px -30px #2b262280}.sp-nav[data-open=true]>a{border-bottom:1px solid var(--rule);min-height:52px}.sp-nav[data-open=true]>a:last-child{border-bottom:0}.sp-controls{gap:4px}.sp-lang{padding:0 8px}.sp-header .sp-lang span{display:none}.sp-inquiry{letter-spacing:1px;gap:8px;padding:0 4px 0 12px}.sp-menu{border:1px solid var(--rule);width:44px;height:44px;color:var(--ink);background:0 0;justify-content:center;align-items:center;display:inline-flex}.sp-shell{display:block}.sp-pane{height:60vh;height:60dvh;min-height:380px;padding:24px 20px;position:relative}.sp-pane-brand{font-size:44px}.sp-pane-caption{gap:14px;padding-top:14px}.sp-pane-caption>span{font-size:22px}.sp-pane-caption b{font-size:15px}.sp-pane-caption small{font-size:12px}.sp-scroll{padding-top:0}.sp-hero{min-height:0;padding:52px var(--gutter) 48px}.sp-hero h1{font-size:clamp(38px,11vw,48px)}body:lang(zh) .sp-hero h1{font-size:clamp(32px,9vw,42px)}.sp-hero-tag{margin-top:40px;font-size:17px}.sp-section{padding:56px var(--gutter)}.sp-head{margin-bottom:28px}.sp-product{grid-template-columns:1fr;gap:18px;padding:40px 0}.sp-product .sp-num{font-size:26px}.sp-product-copy h3{font-size:30px}.sp-scope li,.sp-process li{grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px 0}.sp-scope h3,.sp-process h3{font-size:22px}.sp-contact{margin-top:32px;padding:24px 20px}.sp-cta{padding:44px var(--gutter)}.sp-footer-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.sp-pane-photos img{transition:none;transform:none}.sp-product:hover .sp-product-photo>button img{transform:none}}
