:root{--acid:#d5fb37;--blue:#0071e3}body{background:#fff;color:#161617;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,.brand-title h3,.art-word,.stores h2{font-family:inherit;font-weight:650;letter-spacing:-2px}.header{height:72px;background:#111113ed;border-bottom:1px solid #333;color:#f5f5f7;padding:0 5%;backdrop-filter:blur(20px)}.wordmark{font-family:inherit;font-size:21px;font-weight:650;letter-spacing:0}.wordmark small{display:none}.brand-divider{height:17px;margin:0 20px;border-color:#656567}.header nav{font-size:11px;letter-spacing:0;gap:30px}.header nav a:hover{color:#d5fb37}.nav-store{border:0;background:#e8e8ed;color:#1d1d1f;border-radius:30px;padding:6px 16px}.hero{display:block;position:relative;height:auto;max-height:none;min-height:920px;background:#070709;color:#f5f5f7;overflow:hidden}.hero-copy{padding:65px 20px 0;display:block;text-align:center;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px}.hero .eyebrow{color:#c1c1c6;letter-spacing:5px}.hero h1{font-size:clamp(52px,6.3vw,90px);letter-spacing:-4px;line-height:1.13;margin:25px 0 22px;white-space:normal;font-weight:700}.hero h1>span{background:linear-gradient(100deg,#fbfbfd,#a6a7ad);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:15px;line-height:1.7;color:#919197}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:25px;font-size:12px}.hero-button{padding:11px 23px;background:var(--acid);border-radius:30px;color:#101105;font-weight:600}.hero-button span{margin-left:12px}.hero-secondary{color:#e2e2e7}.hero-secondary span{margin-left:8px}.engineering-art{height:420px;width:min(820px,95%);margin:15px auto 0;position:relative;perspective:900px;isolation:isolate}.orbit-grid{position:absolute;inset:10px 0;background:radial-gradient(ellipse at center,#383d4525,transparent 65%);border-radius:50%;border:1px solid #37393d50;transform:rotateX(64deg) rotateZ(-20deg)}.orbit-grid:after{content:"";position:absolute;inset:40px;border:1px dashed #656a7430;border-radius:50%}.component{position:absolute;width:320px;height:225px;border-radius:48%;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-25deg) skewX(15deg);background:linear-gradient(145deg,#f3f4f6 0%,#b9bec8 20%,#656b76 40%,#dfe3e9 62%,#454b57 89%);box-shadow:inset 2px 2px 2px #ffffffb0,inset -3px -5px 6px #1d2128,0 24px 40px #000;transition:transform .8s}.component:after{content:"";position:absolute;inset:22px;border-radius:48%;background:linear-gradient(145deg,#101216,#383d47 50%,#060609);box-shadow:inset 1px 2px 5px #000,0 1px 1px #fff8}.component-back{top:30%;left:59%;width:300px;height:210px;opacity:.7}.component-mid{top:48%;left:50%;background:linear-gradient(125deg,#f4ffc4,#95b41f 28%,#d8ff37 50%,#53620c 90%)}.component-mid:after{background:repeating-linear-gradient(90deg,#232b12 0 2px,#111408 2px 6px);inset:21px}.component-front{top:66%;left:41%;background:linear-gradient(145deg,#dadde4,#5c616e 24%,#c1c6d0 50%,#383e48 85%)}.component-front:after{background:radial-gradient(ellipse at 30% 25%,#5a606b,#1b1e25 65%);inset:24px;box-shadow:inset 2px 3px 6px #979dab50,inset -8px -8px 22px #000}.engineering-art:hover .component-back{transform:translate(-44%,-65%) rotate(-25deg) skewX(15deg)}.engineering-art:hover .component-front{transform:translate(-56%,-35%) rotate(-25deg) skewX(15deg)}.axis{position:absolute;background:#7a7c8230}.axis-x{top:55%;left:5%;right:5%;height:1px}.axis-y{top:10%;bottom:10%;width:1px;left:50%}.engineering-label{position:absolute;font-size:10px;letter-spacing:1px;color:#b4b8c0;border-top:1px solid #6e737d;padding-top:10px;width:150px}.label-top{right:0;top:20%}.label-bottom{left:0;bottom:18%}.engineering-label:before{content:"";position:absolute;width:5px;height:5px;background:var(--acid);top:-3px;left:0}.concept-note{position:absolute;bottom:1px;left:0;right:0;text-align:center;color:#73757c;font-size:9px;letter-spacing:2px}.hero-bottom{display:flex;justify-content:space-between;margin:22px 5% 0;padding:20px 0;border-top:1px solid #2a2a2e;font-size:9px;letter-spacing:1px;color:#838389}.hero-bottom a{color:#efeff2}.wrap{width:calc(100% - 128px);max-width:1200px}.manifesto{display:block;text-align:center;padding:105px 0;border:0}.manifesto>.eyebrow{color:#77777d;font-size:14px;letter-spacing:0}.manifesto p{font-family:inherit;font-size:clamp(30px,4vw,54px);font-weight:650;line-height:1.35;letter-spacing:-2px;margin:25px 0}.manifesto strong{color:#96969d;font-weight:650}.tiny-number{font-size:10px;color:#96969d;letter-spacing:1px}.brands{max-width:none;width:100%;padding:75px 5% 85px;background:#f5f5f7}.section-head{margin-bottom:45px}.section-head h2{font-size:42px;letter-spacing:-2px;margin-top:12px}.section-head .eyebrow{color:#86868b;letter-spacing:2px}.section-head>p{color:#6e6e73}.brand-grid{gap:22px}.brand-card{background:white;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.brand-art{height:340px;order:2;margin-top:10px}.brand-body{padding:35px 35px 0}.brand-title{gap:15px}.brand-title h3{font-size:30px;letter-spacing:-1px}.brand-title>span{color:#86868b;letter-spacing:2px;font-size:10px}.brand-tag{font-size:25px;font-weight:600;line-height:1.4;margin:18px 0 12px}.brand-body>p:not(.brand-tag){font-size:12px;color:#737378}.tags{margin:17px 0 6px;gap:7px}.tags span{border:0;background:#f2f2f4;border-radius:5px;color:#6e6e73;padding:4px 8px;font-size:9px}.brand-body .text-link{width:auto;display:inline-flex;gap:12px;color:var(--blue);border:0;margin-top:0;font-size:12px;padding-bottom:8px}.longqiao-art{background:radial-gradient(ellipse at 55% 90%,#c5cbd3,#eceef2 50%,#fff 80%)}.lingqi-art{background:radial-gradient(ellipse at 55% 90%,#bcc4c9,#e9edf0 50%,#fff 80%)}.ribbon{border-color:#bcc3cc;border-top-color:#f8fafc;border-bottom-color:#666e7a;box-shadow:inset 3px 4px 12px #383e46,10px 14px 20px #4a535735;width:62%;left:19%;height:145px;top:68px;border-width:30px}.ribbon-two{transform:rotate(-35deg) translateY(61px);opacity:.8}.metal-ring{border-color:#555d67;border-top-color:#b4bac4;border-right-color:#1a222c;border-width:25px;box-shadow:inset 5px 5px 12px #101b21,10px 15px 20px #4e555435;height:220px;width:180px;top:35px;left:25%}.ring-two{left:46%;border-top-color:#d5fb37;border-left-color:#9cb638;border-right-color:#6c8025;opacity:1}.art-word{display:none}.art-index{top:auto;bottom:18px;left:30px;font-size:8px;color:#73737a;letter-spacing:2px}.brand-art:after{content:"设计语言示意 · 非产品实物";position:absolute;bottom:18px;right:22px;color:#73737a;font-size:8px}.considerations{background:#111113;color:#f5f5f7;padding:100px 0}.details-grid{gap:80px}.details-heading h2{font-size:52px;line-height:1.15;letter-spacing:-2px;margin:24px 0}.details-heading .eyebrow{color:var(--acid);letter-spacing:2px;font-size:10px}.details-heading>p:last-of-type{color:#98989e;font-size:13px}.detail-list article{border-color:#37373a}.detail-list article>span{color:var(--acid);font-family:monospace;font-size:11px}.detail-list h3{font-size:21px;font-weight:600}.detail-list p{color:#98989e;font-size:13px}.line-art{width:250px;height:135px;margin-top:35px}.line-art i{border-color:#6d747b;border-radius:20%;height:75px;width:150px;transform:rotate(-20deg) skewX(15deg);top:10px}.line-art i:nth-child(2){top:20px;left:15px}.line-art i:nth-child(3){top:30px;left:30px;border-color:var(--acid)}.line-art i:nth-child(4){top:40px;left:45px}.line-art i:nth-child(5){top:50px;left:60px}.guide{padding-top:95px;padding-bottom:95px}.faq{border-color:#d2d2d7}.faq details{border-color:#d2d2d7}.faq summary{font-size:17px;font-weight:500}.faq-number{color:#86868b;font-family:monospace}.faq details>p{color:#6e6e73}.stores{background:#f5f5f7;color:#1d1d1f;text-align:center;padding:85px 0}.stores .eyebrow{color:#86868b}.stores h2{font-size:54px;letter-spacing:-2px;margin:20px 0}.store-intro{color:#6e6e73}.store-grid{gap:24px;text-align:left;margin-top:40px}.store{border:0;border-radius:18px;background:#fff;padding:30px}.store-label{color:#86868b}.store h3{font-size:21px;font-weight:600;letter-spacing:0}.store button{background:var(--blue);border:0;border-radius:25px;padding:8px 17px;color:#fff}.footer{color:#6e6e73}.footer-brand{font-family:inherit;font-size:20px;font-weight:600;letter-spacing:0;color:#1d1d1f}.footer-brand span{color:#86868b}.footer-bottom{border-color:#d2d2d7;color:#86868b}.footer>p,.footer>a:last-of-type{color:#6e6e73}dialog{border:0;border-radius:22px;background:#fff;padding:48px;color:#1d1d1f}dialog::backdrop{background:#000b}dialog h2{font-size:44px;letter-spacing:-1px}.solid-button{background:var(--blue);border-radius:25px}.dialog-close{background:#eeeef0;border-radius:50%;width:32px;height:32px;padding:0;font-size:16px}#dialog-sections p,#dialog-intro{color:#6e6e73}#dialog-sections article{border-color:#d2d2d7}#toast{background:#1d1d1f;border-radius:30px}html{scroll-padding-top:85px}
@media(min-width:1700px){.hero{max-width:none}.hero-copy{padding-left:20px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{min-height:860px}.hero h1{font-size:68px}.engineering-art{width:85%}.component{width:270px;height:190px}.component-back{width:250px;height:180px}.engineering-label{width:110px;font-size:9px}.brand-body{padding:28px 25px 0}.brand-tag{font-size:22px}.brand-art{height:300px}.details-heading h2{font-size:43px}.details-grid{gap:40px}.store{padding:23px}.store button{padding:8px 12px}.store button span{margin-left:5px}}
@media(max-width:700px){.header{height:64px;padding:0 20px}.wordmark{font-size:18px}.brand-divider{margin:0 15px;height:14px}.header nav{top:64px;background:#151517}.header nav.open{padding:25px}.nav-store{align-self:start}.hero{min-height:790px}.hero-copy{padding:46px 20px 0}.hero h1{font-size:49px;letter-spacing:-2px;margin:24px 0 20px}.hero .eyebrow{font-size:9px;letter-spacing:3px}.intro{font-size:12px;max-width:290px;margin:auto}.hero-actions{gap:19px;font-size:11px;margin-top:23px}.hero-button{padding:10px 18px}.engineering-art{height:350px;width:94%;margin-top:15px}.component{width:200px;height:145px}.component-back{width:180px;height:135px;left:60%;top:33%}.component-mid{top:47%}.component-front{top:61%;left:40%}.component:after{inset:16px}.component-front:after{inset:18px}.engineering-label{width:95px;font-size:8px;letter-spacing:0}.label-top{top:10%;right:5px}.label-bottom{bottom:13%;left:5px}.concept-note{font-size:8px}.hero-bottom{margin:5px 20px 0;font-size:8px;letter-spacing:0;gap:12px}.hero-bottom>span:last-child{display:none}.wrap{width:calc(100% - 40px)}.manifesto{padding:65px 0}.manifesto p{font-size:32px;letter-spacing:-1px}.brands{width:100%;padding:50px 15px}.section-head{padding:0 5px;margin-bottom:28px;gap:12px}.section-head h2{font-size:29px;letter-spacing:-1px}.brand-grid{gap:20px}.brand-body{padding:26px 24px 0}.brand-art{height:280px}.brand-tag{font-size:25px}.brand-card{border-radius:18px}.brand-title h3{font-size:28px}.ribbon{width:60%;height:135px;left:20%;top:50px}.metal-ring{left:22%;height:190px;width:150px;top:28px}.ring-two{left:44%}.art-index,.brand-art:after{font-size:7px;letter-spacing:0}.considerations{padding:60px 0}.details-heading h2{font-size:40px}.detail-list h3{font-size:19px}.guide{padding:60px 0}.faq summary{font-size:14px;font-weight:500}.stores{padding:60px 0}.stores h2{font-size:38px}.store-grid{gap:15px}.store{padding:23px}.store h3{font-size:20px}.store button{font-size:10px;padding:8px 14px}.footer-brand{font-size:18px}dialog{padding:35px 25px}.hero-secondary span{margin-left:3px}}
/* Refined paired brand signatures */
.header .wordmark{display:flex;align-items:center;gap:25px;font-weight:400;color:#e9e9ed;flex-shrink:0;line-height:1}
.wordmark-unit{display:flex;flex-direction:column;align-items:center;gap:8px}
.wordmark-cn{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:20px;font-weight:400;letter-spacing:5px;padding-left:5px}
.header .wordmark small{display:block;font-family:Arial,sans-serif;font-size:6px;font-weight:400;letter-spacing:2px;color:#939399;line-height:1;padding-left:2px;margin:0}
.header .wordmark .brand-divider{width:3px;height:3px;margin:0;border:0;border-radius:50%;background:#727279;opacity:.6}
@media(max-width:700px){.header .wordmark{gap:17px}.wordmark-cn{font-size:18px;letter-spacing:4px;padding-left:4px}.wordmark-unit{gap:6px}.header .wordmark small{font-size:5px;letter-spacing:1.6px}}
/* Reading hierarchy: 16 / 26 / 42 / 68, adapted for Chinese text. */
body{font-size:16px;line-height:1.75}
.header nav{font-size:14px;gap:28px}
.header .nav-store{padding:7px 18px}
.hero h1{font-size:68px;font-weight:600;line-height:1.22;letter-spacing:-2px;margin:26px 0}
.hero .intro{font-size:18px;line-height:1.8;max-width:660px;margin:0 auto;color:#aaaab1}
.hero .eyebrow{font-size:12px;letter-spacing:3px}
.hero-actions{font-size:15px;gap:28px;margin-top:30px}
.hero-button{padding:11px 24px}
.hero-bottom{font-size:12px;line-height:1.6;letter-spacing:.3px;color:#a0a0a8}
.engineering-label{font-size:12px;line-height:1.6;width:160px;color:#b9bdc6}
.concept-note{font-size:11px;letter-spacing:1px;color:#999ba3}
.manifesto>.eyebrow{font-size:16px}
.manifesto p{font-size:42px;line-height:1.45;letter-spacing:-1px}
.tiny-number{font-size:12px;letter-spacing:.5px}
.section-head h2{font-size:42px;line-height:1.3;letter-spacing:-1px}
.section-head>p{font-size:16px;line-height:1.75}
.eyebrow,.section-head .eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.5px}
.brand-title h3{font-size:32px;line-height:1.3;font-weight:600}
.brand-title>span{font-size:12px;letter-spacing:1.5px}
.brand-tag{font-size:26px;line-height:1.45;font-weight:550;margin:20px 0 14px}
.brand-body>p:not(.brand-tag){font-size:16px;line-height:1.85;max-width:460px;color:#64646b}
.tags span{font-size:12px;line-height:1.6;padding:5px 10px}
.brand-body .text-link{font-size:16px;line-height:1.6;padding-top:15px}
.art-index,.brand-art:after{font-size:10px;line-height:1.5;letter-spacing:.5px}
.details-heading h2{font-size:42px;line-height:1.35;letter-spacing:-1px}
.details-heading .eyebrow{font-size:12px}
.details-heading>p:last-of-type{font-size:16px;line-height:1.8;max-width:390px;color:#a8a8b0}
.detail-list h3{font-size:26px;line-height:1.4;font-weight:550;margin-bottom:15px}
.detail-list p{font-size:16px;line-height:1.85;color:#a8a8b0}
.detail-list article>span{font-size:13px;line-height:2.8}
.faq summary{font-size:20px;line-height:1.6;font-weight:500;padding:25px 0}
.faq-number{font-size:13px}
.faq details>p{font-size:16px;line-height:1.85;max-width:850px;color:#64646b}
.stores h2{font-size:42px;line-height:1.3;letter-spacing:-1px}
.store-intro{font-size:16px;line-height:1.8}
.store-label{font-size:12px;letter-spacing:1px}
.store h3{font-size:26px;line-height:1.4;font-weight:550}
.store button{font-size:14px;line-height:1.6}
.footer>p,.footer>a:last-of-type{font-size:13px;line-height:1.7}
.footer-bottom{font-size:12px;line-height:1.7}
#dialog-title{font-size:42px;line-height:1.3}
#dialog-intro,#dialog-sections p{font-size:16px;line-height:1.85}
#dialog-sections h3{font-size:22px;line-height:1.5;font-weight:550}
.solid-button{font-size:15px}
@media(min-width:1400px){.hero h1{font-size:76px}}
@media(min-width:701px) and (max-width:1050px){.header nav{gap:18px;font-size:13px}.hero h1{font-size:60px}.brand-body{padding:30px 26px 0}.brand-tag{font-size:24px}.brand-body>p:not(.brand-tag){font-size:15px}.section-head h2,.details-heading h2{font-size:36px}.store{flex-wrap:wrap;gap:20px}.engineering-label{width:135px;font-size:11px}}
@media(max-width:700px){.menu-toggle{font-size:14px}.header nav{font-size:16px;gap:20px}.hero h1{font-size:42px;line-height:1.25;letter-spacing:-1px;margin:25px 0}.hero .intro{font-size:16px;line-height:1.8;max-width:310px}.hero .eyebrow{font-size:11px;letter-spacing:2px}.hero-actions{font-size:14px;gap:20px;margin-top:27px}.hero-button{padding:11px 20px}.hero-bottom{font-size:11px;gap:15px}.engineering-label{font-size:10px;width:115px}.concept-note{font-size:10px;letter-spacing:.5px}.manifesto p{font-size:32px;line-height:1.5;letter-spacing:-1px}.manifesto>.eyebrow{font-size:14px}.section-head h2{font-size:32px;line-height:1.35;letter-spacing:-1px}.section-head>p{font-size:15px}.brand-title h3{font-size:28px}.brand-tag{font-size:24px;line-height:1.45}.brand-body>p:not(.brand-tag){font-size:16px;line-height:1.8}.tags{flex-wrap:wrap}.tags span{font-size:12px}.brand-body .text-link{font-size:16px}.art-index,.brand-art:after{font-size:9px;letter-spacing:0}.details-heading h2{font-size:36px;line-height:1.35}.details-heading>p:last-of-type,.detail-list p{font-size:16px}.detail-list h3{font-size:24px}.detail-list article{gap:18px}.faq summary{font-size:17px;line-height:1.65;gap:12px;padding:22px 0}.faq-number{font-size:12px}.faq details>p{font-size:16px;padding:0 0 24px 28px}.plus{flex-shrink:0}.stores h2{font-size:36px}.store-intro{font-size:16px}.store h3{font-size:22px}.store-label{font-size:10px}.store button{font-size:13px;padding:9px 14px}.footer>a:last-of-type{font-size:13px}.footer-bottom{font-size:11px}.footer-bottom span:last-child{max-width:150px}#dialog-title{font-size:36px}#dialog-intro,#dialog-sections p{font-size:16px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-actions{gap:14px;font-size:13px}.section-head h2{font-size:29px}.store{flex-wrap:wrap}}
/* Brand names function as equal navigation destinations. */
.header{height:64px;background:rgba(7,7,9,.9);border-bottom:1px solid rgba(255,255,255,.08);padding:0 5%;gap:40px}
.brand-navigation{display:flex;align-items:center;gap:38px;flex-shrink:0}
.brand-nav-link{padding:12px 0;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:19px;font-weight:500;letter-spacing:2px;line-height:1.2;color:#f0f0f3;transition:color .2s}
.brand-nav-link:hover{color:#c7c7ce}
.header nav{gap:30px;font-size:13px;color:#bcbcc3}
.header .nav-store{background:none;border:1px solid #57575e;border-radius:6px;padding:6px 13px;color:#e7e7ed;font-size:12px}
.header .nav-store:hover{border-color:#b0b0b7;color:#fff}
.header .nav-store span{margin-left:10px}
@media(min-width:701px) and (max-width:1050px){.header{gap:26px}.brand-navigation{gap:25px}.header nav{gap:19px;font-size:12px}.brand-nav-link{font-size:18px}}
@media(max-width:700px){.header{height:60px;padding:0 22px;gap:20px}.brand-navigation{gap:30px}.brand-nav-link{font-size:18px;letter-spacing:2px}.header nav{top:60px;background:#101012;font-size:15px;gap:24px}.header .nav-store{padding:8px 14px;font-size:14px}.menu-toggle{font-size:13px;color:#bcbcc3}}