:root{--paper:#fcf9f4;--surface:#f4f0e9;--surface-deep:#eee8dd;--ink:#292824;--muted:#77736c;--line:#e6e0d7;--orange:#ff6b08;--focus:#a44815;--max:1248px;--gutter:56px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}img{display:block;max-width:100%;height:auto}button[hidden],a[hidden],[hidden]{display:none!important}::selection{background:#fbd5b4;color:var(--ink)}.container{width:calc(100% - var(--gutter)*2);max-width:var(--max);margin-inline:auto}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:2000;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 23px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.button-primary{background:var(--orange);color:#291d13}.button-primary:hover{background:#f47b2d;box-shadow:0 5px 16px #9a5b2310;transform:translateY(-1px)}.button-primary .icon{width:20px;height:20px}.button-secondary{background:var(--surface);border:1px solid var(--line)}.button-secondary:hover{background:var(--surface-deep)}.button-dark{background:var(--ink);color:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;line-height:1.5;font-weight:500;min-height:42px;transition:color .2s ease}.text-link:hover{color:#ac4e17}.text-link .icon{width:19px;height:19px;transition:transform .2s ease}.text-link:hover .icon{transform:translateX(3px)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--muted);margin:0 0 21px;line-height:1.7}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px}.icon-button:hover{background:var(--surface)}.site-header{height:88px;position:sticky;top:0;z-index:50;background:#fcf9f4ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #e6e0d780}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:61px;height:41px;position:relative;overflow:hidden;display:block;mix-blend-mode:multiply}.brand-mark img{width:72px;height:72px;max-width:none;position:absolute;left:-5px;top:-17px}.brand-name{font-weight:750;font-size:23px;letter-spacing:-.7px;line-height:1.4}.main-nav{display:flex;gap:38px;margin-left:auto;margin-right:38px;font-size:13px;color:#6e6b65}.main-nav a{position:relative;padding:8px 0}.main-nav a:hover,.main-nav a.is-current{color:var(--ink)}.main-nav a::after{content:"";position:absolute;left:0;bottom:1px;height:1px;background:var(--ink);width:100%;transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:12px}.header-cta{background:var(--ink);color:var(--paper);min-height:42px;font-size:12px;padding:0 18px;border-radius:6px;gap:17px}.header-cta:hover{background:#48443e}.header-cta .icon{width:17px;height:17px}.menu-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.02fr 1fr;gap:6px;padding-top:108px;padding-bottom:94px;min-height:733px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:29px;font-size:13px;letter-spacing:.13em}.hero h1{font-size:clamp(48px,5.55vw,80px);line-height:1.3;font-weight:750;letter-spacing:-3.5px;margin:0;white-space:nowrap}.period{color:var(--orange);margin-left:-.12em}.hero-description{color:#777168;font-size:15px;line-height:1.95;margin:30px 0 33px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.hero-actions .button{min-height:56px;padding:0 23px}.hero-actions .last{margin-left:13px;width:19px}.hero-actions .text-link{font-size:13px}.hero-hint{font-size:11px;color:#827b72;margin-top:23px;display:flex;align-items:center;gap:8px}.hero-hint strong{font-weight:550;color:#615b52}.hero-hint>span{margin-left:8px;padding-left:15px;border-left:1px solid #d9d1c4;line-height:1.2}.hero-visual{min-width:0;align-self:center;position:relative;margin-top:-28px;padding-top:10px}.hero-shoe-stage{position:relative;min-height:376px;display:flex;align-items:center;justify-content:center}.hero-shoe-stage::before{content:"";position:absolute;inset:-12% -7% -2% -7%;background:radial-gradient(ellipse at 55% 52%,#e9ddc777 0%,#efe4d244 33%,#fcf9f400 67%);pointer-events:none}.hero-shoe{position:relative;width:calc(100% + 99px);max-width:none;margin-left:-27px;flex-shrink:0;transform:translateY(-9px);transition:transform .6s cubic-bezier(.2,.7,.3,1)}.hero-visual:hover .hero-shoe{transform:translateY(-15px)}.hero-caption{display:flex;align-items:flex-end;justify-content:space-between;margin:1px 15px 0 36px;padding-top:17px;border-top:1px solid #ded7cb;gap:12px}.hero-caption>div>span{font-size:9px;letter-spacing:.2em;color:#8f8577}.hero-caption p{font-size:14px;color:#625d54;margin:5px 0 0}.concept-note{font-size:10px;color:#8d8478;padding-bottom:2px}.hero-baseline{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 0;color:#888178;font-size:11px;letter-spacing:.08em}.hero-baseline a{width:40px;height:36px;display:grid;place-items:center}.hero-baseline .icon{width:18px;height:18px}
.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:41px}.section h2,.visit-panel h2{font-size:clamp(30px,3.1vw,43px);line-height:1.4;font-weight:650;letter-spacing:-1.5px;margin:0}.section-heading .eyebrow{margin-bottom:15px}.section-intro{font-size:12px;color:var(--muted);margin:0 0 7px}.mobile-break{display:none}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{font-size:12px;padding:8px 16px;border-radius:6px;min-height:38px;color:#81796e;transition:background .2s,color .2s}.filter:first-child{margin-left:-2px}.filter.is-active{background:#eae3d8;color:#3f3931}.filter:hover:not(.is-active){background:#f0eae1;color:var(--ink)}.toolbar-hint{font-size:11px;color:#918679}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;min-height:335px}.collection-card{min-width:0}.product-image{display:block;position:relative;background:var(--surface);border-radius:11px;width:100%;aspect-ratio:1.18;overflow:hidden;transition:background .35s}.product-image img{position:absolute;left:2%;top:50%;width:96%;transform:translateY(-50%);transition:transform .5s cubic-bezier(.2,.65,.35,1);max-width:none}.product-image:hover{background:#eee8de}.product-image:hover img{transform:translateY(-53%) scale(1.035)}.image-action{width:31px;height:31px;border:1px solid #d9d1c5;border-radius:50%;display:grid;place-items:center;position:absolute;bottom:18px;right:18px;color:#7f7569;transition:background .2s}.image-action .icon{width:16px;height:16px}.product-image:hover .image-action{background:#e0d6c7}.product-caption{display:flex;justify-content:space-between;gap:10px;padding-top:21px}.product-caption h3{font-size:16px;letter-spacing:.02em;margin:0 0 6px;font-weight:600}.product-caption p{font-size:12px;color:#857c70;margin:0}.product-category{font-size:8px;letter-spacing:.1em;color:#998d7e;margin-top:7px;white-space:nowrap}.collection-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:29px}.collection-foot p{font-size:10px;color:#91887c;margin:0}.collection-foot .text-link{font-size:12px}.collection-foot .icon{width:17px;height:17px}
.wechat-section{border-top:1px solid var(--line)}.wechat-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wechat-copy{padding-left:50px}.wechat-copy .eyebrow{margin-bottom:20px}.wechat-copy h2{font-size:46px;line-height:1.4;letter-spacing:-1.5px}.section-description{color:#82786b;font-size:14px;line-height:1.9;margin:21px 0 0}.steps{margin-top:37px}.step{display:flex;gap:23px;margin-top:26px}.step-number{color:#a69784;font-size:11px;font-variant-numeric:tabular-nums;line-height:2;letter-spacing:.05em;padding-top:2px}.step h3{font-size:14px;font-weight:600;margin:0 0 6px}.step p{font-size:12px;color:#8a8073;line-height:1.7;margin:0}.wechat-more{margin-top:25px;font-size:12px}.app-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.app-preview::before{content:"";position:absolute;inset:-10px 0 60px;background:radial-gradient(ellipse,#e9dfd170 0%,#f5eee355 35%,#fcf9f400 71%);pointer-events:none}.phone{width:299px;height:574px;padding:14px 10px 9px;border:5px solid #3e3b35;border-radius:42px;background:#fffdfa;box-shadow:0 23px 36px -24px #66503360,0 2px 3px #5c4d3315;position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden;outline:1px solid #b3a899;outline-offset:2px}.phone-status{display:flex;justify-content:space-between;align-items:center;height:25px;padding:0 14px;font-size:10px;font-weight:600;margin-bottom:7px;flex-shrink:0}.phone-status-icons{display:flex;align-items:center;gap:6px}.phone-status-icons i{display:block;width:13px;height:9px;background:linear-gradient(to right,#34312d 0 2px,transparent 2px 4px,#34312d 4px 6px,transparent 6px 8px,#34312d 8px 10px,transparent 10px 11px,#34312d 11px 13px);clip-path:polygon(0 70%,30% 70%,30% 40%,65% 40%,65% 0,100% 0,100% 100%,0 100%)}.phone-status-icons b{position:relative;width:19px;height:9px;border:1px solid #777066;border-radius:2px}.phone-status-icons b::before{content:"";position:absolute;inset:1px;background:#3a352c}.phone-status-icons b::after{content:"";position:absolute;top:2px;right:-3px;width:1px;height:3px;background:#777066}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:0 9px 13px;flex-shrink:0}.phone-brand{display:flex;align-items:center;font-size:15px;font-weight:700;gap:4px}.phone-logo{display:block;position:relative;width:28px;height:23px;overflow:hidden;mix-blend-mode:multiply}.phone-logo img{position:absolute;width:34px;max-width:none;left:-3px;top:-7px}.phone-capsule{display:flex;align-items:center;gap:6px;border:1px solid #e9e3da;border-radius:20px;padding:1px 7px;font-size:11px;line-height:1.4}.phone-capsule i{height:10px;width:1px;background:#dfd8cb}.phone-content{padding:0 10px;flex:1;min-height:0}.phone-search{background:#f4f0e8;color:#aaa094;font-size:10px;border-radius:6px;height:31px;width:100%;display:flex;align-items:center;gap:6px;padding:0 10px;margin-bottom:14px;text-align:left}.phone-search .icon{width:12px;height:12px}.phone-banner{background:#eee6d8;position:relative;height:128px;border-radius:7px;overflow:hidden;padding:15px 12px}.phone-banner>div{position:relative;z-index:2;font-size:17px;font-weight:650;line-height:1.45;letter-spacing:-.5px}.phone-banner small{display:block;font-size:8px;font-weight:400;color:#887a66;letter-spacing:0;margin-top:11px}.phone-banner img{position:absolute;width:192px;max-width:none;right:-28px;bottom:-1px;transform:rotate(-8deg)}.phone-section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px;font-size:12px}.phone-section-title strong{font-weight:600}.phone-section-title button{display:inline-flex;align-items:center;font-size:9px;gap:4px;color:#8c8172;min-height:25px}.phone-section-title .icon{width:10px;height:10px}.phone-products{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-products button{text-align:left;min-width:0}.phone-products button>span{height:93px;border-radius:6px;background:#f3eee5;position:relative;display:flex;align-items:center;overflow:hidden}.phone-products img{width:112%;max-width:none;margin-left:-6%}.phone-products strong{font-size:10px;display:block;margin-top:7px;font-weight:550}.phone-products small{font-size:8px;display:block;color:#9b9080;margin-top:2px}.phone-tiny-note{font-size:8px;color:#aa9d8b;text-align:center;margin-top:18px}.phone-tabs{display:flex;justify-content:space-around;padding:7px 6px 2px;border-top:1px solid #f0ebe2;flex-shrink:0;margin-top:10px}.phone-tabs button{font-size:8px;color:#a29583;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px;min-height:42px}.phone-tabs .icon{width:17px;height:17px;stroke-width:1.4}.phone-tabs button.is-active{color:#b74f0c}.phone::after{content:"";display:block;width:80px;height:3px;border-radius:4px;background:#4a453a;margin:3px auto 0;flex-shrink:0}.preview-caption{position:relative;margin-top:23px;font-size:10px;color:#a29786}.phone-categories h4,.phone-account h4{font-size:17px;margin:7px 0 8px}.phone-categories>p{font-size:10px;color:#a39581;margin:0 0 19px}.phone-categories>button{display:flex;align-items:center;justify-content:space-between;background:#f2ede4;border-radius:7px;height:98px;width:100%;position:relative;overflow:hidden;margin-bottom:10px;text-align:left;padding:12px}.phone-categories>button>span{position:relative;z-index:2;font-size:12px;font-weight:550}.phone-categories>button small{display:block;font-size:8px;font-weight:400;color:#998a75;margin-top:4px}.phone-categories>button img{position:absolute;width:141px;max-width:none;right:-9px;bottom:0}.phone-account{text-align:center;padding-top:35px}.account-icon{background:#f1eade;color:#998467;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;margin:0 auto 20px}.phone-account h4{font-size:16px}.phone-account p{font-size:11px;color:#9c8c76;line-height:1.9;margin-bottom:24px}.phone-account .button{min-height:39px;font-size:10px;padding:0 16px;gap:15px}.phone-account .button .icon{width:14px;height:14px}.phone-account>small{display:block;font-size:9px;color:#ac9d87;margin-top:18px}
.visit-section{padding-top:12px;padding-bottom:12px}.visit-panel{background:var(--surface);border:1px solid #eee6da;border-radius:17px;padding:65px 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visit-copy h2{font-size:48px;line-height:1.36;font-weight:650;letter-spacing:-1.5px}.visit-copy>p:not(.eyebrow){font-size:13px;color:#877c6d;line-height:1.95;margin-top:23px}.search-banner{display:block;width:289px;max-width:100%;mix-blend-mode:multiply;margin-top:27px;border-radius:5px;overflow:hidden;transition:opacity .2s}.search-banner:hover{opacity:.75}.search-caption{display:block;font-size:10px;color:#a1907a;margin-top:9px}.code-panel{justify-self:center;text-align:center;min-width:0}.code-image-button{background:#fff;display:inline-flex;border-radius:11px;padding:10px;box-shadow:0 5px 20px #6e51230a;line-height:0;transition:box-shadow .25s}.code-image-button:hover{box-shadow:0 8px 25px #6e512316}.mini-code{display:block;width:210px;height:210px;overflow:hidden;border-radius:8px;position:relative;background:#f8f8f8}.mini-code img{display:block;width:auto;max-width:none;height:100%;position:absolute;top:0;left:0;aspect-ratio:1738/640;image-rendering:auto}.mini-code.is-standalone img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.code-panel h3{font-size:14px;font-weight:550;margin:18px 0 6px}.code-panel>p{font-size:10px;color:#8e8272;margin:0}.code-panel .text-link{font-size:11px;gap:8px;color:#756753;margin-top:9px}.code-panel .icon{width:14px;height:14px}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:101px;padding-bottom:91px}.faq-section .eyebrow{margin-bottom:16px}.faq-section h2{font-size:32px;line-height:1.5;letter-spacing:-.9px}.faq-contact{font-size:11px;color:#8f8271;margin-top:21px}.faq-contact .icon{width:16px;height:16px}.faq-list{padding-top:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:23px;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{position:relative;width:15px;height:15px;flex-shrink:0}.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:7px;left:2px;width:11px;height:1px;background:#8b7f6d;transition:transform .2s}.faq-plus::after{transform:rotate(90deg)}details[open] .faq-plus::after{transform:rotate(0)}.faq-list details p{color:#8c7e6b;font-size:12px;line-height:1.95;margin:0;padding:0 29px 22px 0;animation:answerIn .2s ease}.site-footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:34px;padding-top:33px;padding-bottom:24px}.footer-top .brand-mark{width:48px;height:35px}.footer-top .brand-mark img{width:58px;height:58px;top:-13px}.footer-top .brand-name{font-size:19px}.footer-top .brand{gap:6px}.footer-top>p{font-size:11px;color:#8d7f6a}.footer-top>.text-link{margin-left:auto;font-size:11px;color:#84775f}.footer-top .up-arrow{width:14px;height:14px;transform:rotate(-90deg)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ece5d9;padding:16px 0 23px;font-size:9px;color:#9d8e79}.footer-bottom p{margin:0}.footer-bottom [data-operator],.footer-bottom [data-icp]{margin-left:17px}.mobile-dock{display:none}.shop-dialog{border:1px solid #e7dfd3;border-radius:18px;padding:43px;width:min(700px,calc(100vw - 40px));max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #291d1325}.shop-dialog::backdrop{background:#26201665;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.shop-dialog[open]{animation:dialogIn .22s ease}.dialog-close{position:absolute;top:13px;right:13px}.shop-dialog .eyebrow{margin-bottom:16px}.shop-dialog h2{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-1px;margin:0}.shop-dialog h2+p{font-size:13px;color:#8b7d6a;margin-top:15px}.dialog-promo{border:1px solid #e9e1d5;background:white;border-radius:9px;overflow:hidden;margin:25px 0 17px}.dialog-promo img{width:100%}.dialog-instruction{font-size:11px;line-height:1.9;color:#8a7e6c}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.dialog-actions .button{font-size:12px;min-height:47px;padding:0 17px;gap:9px}.dialog-actions .icon{width:17px;height:17px}.original-note{font-size:9px;color:#9d907d;margin:21px 0 0}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,15px);padding:13px 22px;background:#302c26;color:#fcf9f4;border-radius:9px;font-size:12px;opacity:0;visibility:hidden;z-index:1000;box-shadow:0 10px 30px #26201620;transition:opacity .2s,transform .2s,visibility .2s;max-width:calc(100vw - 32px);text-align:center;pointer-events:none}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog .toast{position:sticky;bottom:0;left:auto;transform:translateY(10px);max-width:100%;margin-top:14px;text-align:center;display:none}dialog .toast.is-visible{display:block;transform:none}.noscript-note{padding:15px 24px;background:#e9e0d1;text-align:center;font-size:13px}.collection-card.card-enter{animation:cardIn .25s ease}.fade-enter{animation:answerIn .2s ease}@keyframes dialogIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes answerIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:780px;padding-top:127px;padding-bottom:118px}.hero h1{font-size:81px}}
@media(max-width:1199px){:root{--gutter:40px}.main-nav{gap:25px;margin-right:15px}.hero{min-height:666px;padding-top:99px;padding-bottom:100px}.hero h1{font-size:clamp(46px,5.7vw,70px);letter-spacing:-2.5px}.hero-actions{gap:21px}.hero-actions .button{font-size:13px;padding:0 18px}.hero-actions .last{margin-left:6px}.hero-shoe-stage{min-height:310px}.hero-caption{margin-left:20px;margin-right:0}.hero-shoe{width:calc(100% + 58px);margin-left:-18px}.section{padding-top:90px;padding-bottom:90px}.collection-grid{gap:20px;min-height:288px}.product-category{display:none}.wechat-layout{gap:50px}.wechat-copy{padding-left:15px}.wechat-copy h2{font-size:39px}.visit-panel{padding:58px 54px;gap:35px}.visit-copy h2{font-size:43px}.faq-section{gap:45px}.collection-foot p{max-width:65%}}
@media(max-width:959px){:root{--gutter:32px}.site-header{height:78px}.main-nav{gap:20px;margin-right:0}.brand-name{font-size:21px}.header-content{gap:20px}.header-cta{padding:0 12px;gap:10px}.hero{padding-top:81px;min-height:630px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-copy .eyebrow{font-size:12px;margin-bottom:25px}.hero-description{font-size:13px;margin:25px 0 29px}.hero-actions{gap:12px;flex-direction:column;align-items:flex-start}.hero-actions .button{min-height:51px}.hero-hint{font-size:10px;gap:5px;margin-top:15px}.hero-hint>span{padding-left:10px;margin-left:4px}.hero-visual{margin-top:-18px}.hero-shoe-stage{min-height:260px}.hero-caption{margin-left:13px;flex-direction:column;align-items:flex-start;gap:8px}.hero-caption p{font-size:12px}.hero-caption>div>span{font-size:8px}.concept-note{font-size:8px}.section h2{font-size:32px}.section-intro{font-size:11px}.collection-toolbar{margin-bottom:20px}.toolbar-hint{display:none}.collection-grid{gap:16px;min-height:265px}.product-image{aspect-ratio:1}.product-caption h3{font-size:14px}.product-caption p{font-size:10px}.image-action{bottom:13px;right:13px;width:27px;height:27px}.collection-foot{gap:15px}.collection-foot .text-link{font-size:11px;white-space:nowrap}.collection-foot p{font-size:9px}.wechat-layout{gap:35px}.wechat-copy{padding-left:0}.wechat-copy h2{font-size:34px}.section-description{font-size:12px}.step{gap:14px;margin-top:24px}.step h3{font-size:13px}.step p{font-size:10px}.phone{width:280px;height:550px}.phone-products button>span{height:82px}.phone-banner{height:119px}.phone-section-title{margin-top:16px}.visit-panel{padding:45px 34px;gap:25px}.visit-copy h2{font-size:36px}.visit-copy>p:not(.eyebrow){font-size:11px}.search-banner{width:235px}.mini-code{width:177px;height:177px}.code-panel h3{font-size:12px}.code-panel>p{font-size:9px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:30px}.faq-section h2{font-size:29px}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.footer-top{gap:22px}}
@media(max-width:719px){:root{--gutter:23px}html{scroll-padding-top:90px}.site-header{height:72px}.header-content{gap:12px}.brand-mark{width:49px;height:34px}.brand-mark img{width:59px;height:59px;left:-4px;top:-13px}.brand-name{font-size:21px;letter-spacing:-.6px}.brand{gap:5px}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:13px 23px 19px;gap:3px;box-shadow:0 12px 18px #57351a08}.main-nav.is-open{display:flex;flex-direction:column}.main-nav a{padding:12px 0;font-size:14px}.main-nav a::after{display:none}.header-cta{font-size:11px;min-height:36px;padding:0 12px;gap:8px}.header-cta .icon{width:15px;height:15px}.header-actions{gap:4px}.menu-toggle{display:inline-flex;width:33px;height:36px}.menu-toggle .icon{width:21px}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:58px;padding-bottom:84px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:23px}.hero h1{font-size:clamp(42px,9.9vw,65px);line-height:1.35;letter-spacing:-2px}.hero-description{font-size:13px;line-height:1.9;margin:23px 0 26px}.hero-actions{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:23px}.hero-actions .button{font-size:12px;min-height:51px;padding:0 17px;gap:9px}.hero-actions .last{margin-left:1px;width:16px}.hero-actions .icon{width:17px;height:17px}.hero-actions .text-link{font-size:11px;gap:7px;white-space:nowrap}.hero-actions .text-link .icon{width:15px}.hero-hint{font-size:10px;margin:19px 0 0;gap:7px}.hero-hint>span{margin-left:6px;padding-left:12px}.hero-visual{align-self:stretch;margin-top:23px;padding-top:0}.hero-shoe-stage{min-height:0;height:255px}.hero-shoe{width:105%;margin-left:0;transform:none}.hero-visual:hover .hero-shoe{transform:none}.hero-shoe-stage::before{inset:-14% -3% -15%;background:radial-gradient(ellipse at 50% 50%,#e9ddc773 0%,#efe4d244 35%,#fcf9f400 70%)}.hero-caption{margin:6px 0 0;border-top:0;padding-top:0;flex-direction:row;align-items:flex-end;gap:15px}.hero-caption>div>span{font-size:8px;letter-spacing:.14em}.hero-caption p{font-size:11px;margin-top:4px}.concept-note{font-size:8px}.hero-baseline{font-size:10px;padding:14px 0}.hero-baseline a{height:30px}.hero-baseline .icon{width:15px}.section{padding-top:67px;padding-bottom:64px}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{font-size:11px;margin-bottom:13px}.section h2{font-size:29px;letter-spacing:-1px;line-height:1.48}.mobile-break{display:block}.section-intro{margin:14px 0 0;font-size:11px}.collection-toolbar{margin-bottom:20px}.filters{gap:3px;flex-wrap:nowrap;justify-content:space-between;width:100%}.filter{font-size:11px;padding:8px 12px;min-height:36px;white-space:nowrap}.collection-grid{grid-template-columns:1fr;gap:30px;min-height:0}.product-image{aspect-ratio:1.27;border-radius:9px}.product-image img{width:95%;left:2.5%}.product-caption{padding-top:16px}.product-caption h3{font-size:15px;margin-bottom:4px}.product-caption p{font-size:11px}.product-category{display:block;font-size:8px;margin-top:7px}.image-action{bottom:17px;right:17px;width:31px;height:31px}.collection-foot{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:27px}.collection-foot p{font-size:9px;max-width:none;line-height:1.8}.collection-foot .text-link{font-size:12px;min-height:37px}.wechat-layout{display:flex;flex-direction:column;gap:51px}.wechat-copy{width:100%}.wechat-copy h2{font-size:34px;line-height:1.43;letter-spacing:-1.1px}.wechat-copy .eyebrow{font-size:11px;margin-bottom:18px}.section-description{font-size:12px;line-height:1.9;margin-top:20px}.steps{margin-top:27px}.step{gap:20px;margin-top:23px}.step-number{font-size:10px;padding-top:0}.step h3{font-size:13px;margin-bottom:5px}.step p{font-size:11px;line-height:1.8}.wechat-more{font-size:12px;margin-top:19px}.app-preview{width:100%}.app-preview::before{inset:-20px -15px 50px}.phone{width:293px;height:564px}.phone-banner{height:128px}.phone-products button>span{height:88px}.phone-section-title{margin-top:18px}.preview-caption{font-size:9px;margin-top:22px}.visit-section{padding-top:0;padding-bottom:0}.visit-panel{padding:35px 25px 32px;border-radius:13px;display:flex;flex-direction:column;align-items:stretch;gap:35px}.visit-copy .eyebrow{font-size:10px;margin-bottom:17px}.visit-copy h2{font-size:37px;line-height:1.35;letter-spacing:-1px}.visit-copy>p:not(.eyebrow){font-size:11px;margin:20px 0 0}.search-banner{width:265px;max-width:100%;margin-top:24px}.search-caption{font-size:9px;margin-top:10px}.code-panel{padding-top:28px;border-top:1px solid #e0d6c7}.mini-code{width:220px;height:220px}.code-image-button{padding:9px}.code-panel h3{font-size:13px;margin-top:18px}.code-panel>p{font-size:10px}.code-panel .text-link{font-size:11px;margin-top:8px}.faq-section{display:block;padding-top:68px;padding-bottom:57px}.faq-section h2{font-size:29px;line-height:1.45}.faq-section .eyebrow{font-size:11px}.faq-contact{margin-top:12px}.faq-list{margin-top:24px}.faq-list summary{font-size:12px;padding:21px 0;gap:17px}.faq-list details p{font-size:11px;line-height:1.95;padding-right:12px}.footer-top{display:flex;flex-wrap:wrap;gap:0;padding-top:25px;padding-bottom:22px}.footer-top .brand{width:50%}.footer-top>.text-link{order:2;font-size:10px}.footer-top>p{order:3;width:100%;font-size:11px;margin:9px 0 0 0}.footer-top .brand-name{font-size:19px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;font-size:9px;padding-top:15px;padding-bottom:19px}.site-footer{padding-bottom:77px}.mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;justify-content:space-between;background:#fcf9f4f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:11px var(--gutter) calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -5px 20px #6e512305}.mobile-dock>span{font-size:10px;color:#91816b;display:flex;align-items:center;gap:10px}.mobile-dock strong{font-size:14px;color:#474036;font-weight:550}.mobile-dock .button{font-size:12px;min-height:42px;padding:0 18px;gap:15px}.mobile-dock .icon{width:17px;height:17px}.shop-dialog{padding:32px 21px 24px;width:calc(100vw - 26px);border-radius:13px;max-height:calc(100dvh - 28px)}.shop-dialog .eyebrow{font-size:10px;margin-top:5px;margin-bottom:17px}.shop-dialog h2{font-size:28px;line-height:1.4}.shop-dialog h2+p{font-size:11px;margin-top:17px}.dialog-promo{margin-top:22px;margin-bottom:16px}.dialog-instruction{font-size:10px}.dialog-actions{gap:9px;margin-top:20px;flex-direction:column}.dialog-actions .button{font-size:12px;min-height:45px;flex:1;width:100%}.original-note{font-size:8px;line-height:1.8;margin-top:17px}.toast{bottom:87px;font-size:11px;padding:11px 17px}.dialog-close{top:10px;right:10px}.noscript-note{padding-bottom:90px}}
@media(max-width:374px){:root{--gutter:19px}.brand-name{font-size:19px}.brand-mark{width:43px;height:31px}.brand-mark img{width:52px;height:52px;top:-12px}.header-content{gap:6px}.header-cta{font-size:10px;gap:7px;padding:0 10px}.hero{padding-top:45px}.hero h1{font-size:39px;letter-spacing:-1.7px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;padding:0 13px;gap:7px}.hero-actions .text-link{font-size:10px;gap:5px}.hero-shoe-stage{height:220px}.filter{padding:8px 10px;font-size:10px}.visit-panel{padding-inline:20px}.mini-code{width:200px;height:200px}.phone{width:276px}.wechat-copy h2{font-size:31px}.mobile-dock>span{gap:7px}.mobile-dock strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.hero-shoe,.hero-visual:hover .hero-shoe{transform:none}.button-primary:hover{transform:none}}
/* 完整保留官方 Logo 图像，以一致的图标容器呈现，不拉伸图形。 */
.brand-mark{width:46px;height:46px;border-radius:9px;mix-blend-mode:normal}
.brand-mark img{width:46px;height:46px;left:0;top:0}
.brand{gap:11px}
.footer-top .brand-mark{width:37px;height:37px;border-radius:7px}
.footer-top .brand-mark img{width:37px;height:37px;left:0;top:0}
.footer-top .brand{gap:9px}
.phone-logo{width:26px;height:26px;border-radius:5px;mix-blend-mode:normal}
.phone-logo img{width:26px;height:26px;left:0;top:0}
@media(max-width:719px){
  .brand-mark{width:37px;height:37px;border-radius:7px}
  .brand-mark img{width:37px;height:37px;left:0;top:0}
  .brand{gap:8px}
  /* 小屏弹窗把原宣传图的码图部分放大，避免二维码因整幅缩放而过小。 */
  .dialog-promo{width:232px;height:232px;margin-inline:auto;position:relative;background:#f8f8f8}
  .dialog-promo img{height:100%;width:auto;max-width:none;aspect-ratio:1738/640}
}
@media(max-width:374px){.brand-mark{width:33px;height:33px}.brand-mark img{width:33px;height:33px}}

/* 回顶与备案修复：不改变原有页面配色和区块布局。 */
.footer-top > [data-back-to-top].text-link {
  min-width: 88px;
  min-height: 44px;
  justify-content: flex-end;
}
.footer-top > [data-back-to-top]:hover .up-arrow {
  transform: rotate(-90deg) translateX(3px);
}
.footer-bottom {
  flex-wrap: wrap;
  gap: 12px 24px;
  font-size: 11px;
  line-height: 1.75;
}
.footer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  min-width: 0;
}
.footer-registration {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  min-width: 0;
}
.footer-registration a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  margin: 0;
  color: var(--muted);
  white-space: nowrap;
  border-radius: 2px;
  font-size: 11px;
  line-height: 1.6;
}
.footer-registration [data-icp] { margin-left: 0; }
.footer-registration a:hover {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.footer-registration img {
  width: 18px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}
.footer-copyright { white-space: nowrap; }
.footer-bottom [data-operator]:empty { display: none; }
.footer-demo { font-size: 10px; }
@media (max-width: 719px) {
  .footer-bottom { gap: 10px; padding-top: 18px; padding-bottom: 24px; }
  .footer-meta { flex-direction: column; align-items: flex-start; gap: 7px; width: 100%; }
  .footer-registration { flex-direction: column; align-items: flex-start; gap: 2px; }
  .footer-registration a { min-height: 34px; }
  .site-footer { padding-bottom: calc(77px + env(safe-area-inset-bottom)); }
}