/* 小米官网式宽屏首屏与滚动导航 */
.wide-header{position:fixed;z-index:900;top:0;left:0;right:0;height:78px;color:#fff;background:transparent;border-bottom:1px solid transparent;transition:background .35s,color .35s,box-shadow .35s,border-color .35s,backdrop-filter .35s}
.wide-header-inner{width:min(1740px,calc(100% - 9vw));height:100%;margin:auto;display:flex;align-items:center}
.wide-header .brand{width:46px;height:46px;border-radius:14px;box-shadow:0 8px 22px rgba(255,105,0,.28)}.wide-header .brand span,.wide-header .brand i{font-size:22px;line-height:46px}.wide-header .brand span{left:7px}.wide-header .brand i{left:24px}
.wide-main-nav{flex:1;justify-content:center;gap:46px;margin:0 40px;height:100%}.wide-main-nav a{position:relative;padding:29px 0;color:inherit;font-size:15px}.wide-main-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:2px;background:var(--orange);transition:.25s}.wide-main-nav a:hover::after,.wide-main-nav a.current::after{left:0;right:0}.wide-main-nav a:hover,.wide-main-nav a.current{color:var(--orange)}
.wide-account{display:flex;align-items:center;gap:17px;font-size:13px;white-space:nowrap}.wide-account>i{width:1px;height:13px;background:currentColor;opacity:.35}.wide-account a:hover{color:var(--orange)}.wide-search-button,.wide-account .top-cart{border:0;background:transparent;color:inherit}.wide-search-button{display:grid;place-items:center;width:34px;height:34px;font-size:24px}.wide-search-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.wide-account .top-cart{align-self:auto;margin:0;padding:8px 2px}.wide-account .cart-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--orange);color:#fff;font-size:10px}
.wide-header.scrolled,.inner-page .wide-header{color:#222;background:rgba(255,255,255,.92);border-bottom-color:rgba(0,0,0,.07);box-shadow:0 8px 30px rgba(0,0,0,.08);backdrop-filter:blur(18px)}.wide-header.scrolled .mobile-menu span,.inner-page .wide-header .mobile-menu span{background:#222}
.inner-page .subpage-main{padding-top:78px}

.wide-hero{position:relative;width:100%;height:100svh;min-height:720px;max-height:1080px;background:#0b0d12 url(../picture/store/tech-hero.png) center center/cover no-repeat;overflow:hidden}.wide-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,12,.68) 0,rgba(4,7,12,.28) 34%,transparent 66%),linear-gradient(0deg,rgba(0,0,0,.2),transparent 28%)}.wide-hero-inner{position:relative;width:100%;height:100%;margin:auto}.wide-hero .hero-copy{left:14vw;top:50%;transform:translateY(-45%);color:#fff;text-shadow:none}.wide-hero .hero-kicker{margin-bottom:21px;font-size:14px;letter-spacing:4px;color:#ff9a54}.wide-hero .hero-copy h1{font-size:clamp(50px,4.5vw,82px);line-height:1.08;letter-spacing:1px;font-weight:500}.wide-hero .hero-copy p{margin:25px 0 12px;font-size:clamp(17px,1.25vw,22px);color:rgba(255,255,255,.78)}.wide-hero .hero-copy strong{margin-bottom:34px;font-size:16px}.wide-hero .hero-copy em{font-size:30px}.wide-hero .hero-copy>a{padding:0;background:none;border:0;font-size:15px;color:#fff}.wide-hero .hero-copy>a>span{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:7px;border:1px solid rgba(255,255,255,.6);border-radius:50%;transition:.25s}.wide-hero .hero-copy>a:hover{background:none;transform:none;color:#ff9a54}.wide-hero .hero-copy>a:hover span{border-color:var(--orange);background:var(--orange);color:#fff}
.wide-hero .hero-arrow{top:50%;width:64px;height:92px;margin-top:-46px;color:rgba(255,255,255,.45);font-size:58px}.wide-hero .hero-arrow.prev{left:2.5vw}.wide-hero .hero-arrow.next{right:2.5vw}.wide-hero .hero-arrow:hover{background:rgba(0,0,0,.18)}.wide-hero .hero-dots{left:50%;right:auto;bottom:51px;transform:translateX(-50%);gap:13px}.wide-hero .hero-dots button{width:7px;height:7px;border:0;background:rgba(255,255,255,.45)}.wide-hero .hero-dots button.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.wide-hero-progress{position:absolute;left:50%;bottom:27px;display:flex;width:min(680px,50vw);height:2px;transform:translateX(-50%);background:rgba(255,255,255,.18)}.wide-hero-progress i{height:100%;flex:1}.wide-hero-progress i:first-child{background:var(--orange)}.scroll-cue{position:absolute;right:4.5vw;bottom:34px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:2px}.scroll-cue span{width:28px;height:1px;background:currentColor;animation:scroll-cue 1.6s ease-in-out infinite}
@keyframes scroll-cue{50%{width:45px}}
.home-wide .home-channel{margin-top:26px;margin-bottom:32px}
.home-wide .footer-links{grid-template-columns:repeat(4,1fr) 250px}
.flash-product{padding-top:18px;padding-bottom:58px}.flash-product .product-img{width:175px;height:175px}.flash-product .buy-now{position:absolute;left:50%;bottom:16px;width:118px;height:34px;border:1px solid var(--orange);background:var(--orange);color:#fff;font-size:13px;transform:translateX(-50%);transition:background .2s,color .2s,transform .2s}.flash-product .buy-now:hover{background:#fff;color:var(--orange);transform:translate(-50%,-2px)}.flash-product .buy-now:active{transform:translate(-50%,0)}
.countdown-card{padding:22px 12px 14px}.sale-live{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 9px;border-radius:20px;background:rgba(229,57,53,.08);color:#e53935;font-size:11px}.sale-live i{width:6px;height:6px;border-radius:50%;background:#e53935;box-shadow:0 0 0 0 rgba(229,57,53,.5);animation:sale-pulse 1.5s infinite}.countdown-card>strong{display:block}.countdown-card>.flash-icon{margin:11px 0!important;font-size:36px!important;line-height:1}.countdown-card>p{font-size:13px}.countdown{align-items:flex-start;gap:5px;margin-top:15px}.countdown>div{display:flex;flex-direction:column;align-items:center;gap:5px}.countdown b{position:relative;overflow:hidden;width:48px;height:46px;border-radius:2px;background:linear-gradient(#665d58 49%,#554e4a 50%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 7px rgba(0,0,0,.12);font-variant-numeric:tabular-nums}.countdown b::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.25)}.countdown b.flip{animation:countdown-flip .48s cubic-bezier(.2,.7,.25,1)}.countdown small{color:#8d8581;font-size:10px}.countdown>i{margin:10px 1px 0;font-weight:700;animation:colon-blink 1s step-end infinite}.current-clock{margin-top:10px;color:#a39b97;font-size:10px;letter-spacing:.5px}.current-clock time{color:#6b625d;font-variant-numeric:tabular-nums}
@keyframes countdown-flip{0%{transform:perspective(120px) rotateX(-28deg);filter:brightness(1.35)}65%{transform:perspective(120px) rotateX(4deg)}100%{transform:perspective(120px) rotateX(0);filter:brightness(1)}}
@keyframes colon-blink{50%{opacity:.3}}
@keyframes sale-pulse{70%{box-shadow:0 0 0 7px rgba(229,57,53,0)}100%{box-shadow:0 0 0 0 rgba(229,57,53,0)}}

@media(max-width:1180px){.wide-main-nav{gap:25px;margin:0 25px}.wide-header-inner{width:calc(100% - 50px)}.wide-main-nav a:nth-last-child(-n+2){display:none}.wide-hero{background-position:57% center}.wide-hero .hero-copy{left:9vw}}
@media(max-width:900px){.wide-header{height:68px}.wide-header-inner{width:calc(100% - 30px)}.wide-header .mobile-menu{display:block;margin-left:14px}.wide-header .mobile-menu span{background:#fff}.wide-main-nav{position:absolute;display:none;left:0;right:0;top:68px;width:auto;height:auto;margin:0;padding:15px;background:rgba(255,255,255,.97);color:#222;box-shadow:0 14px 30px rgba(0,0,0,.12)}.wide-main-nav.open{display:flex}.wide-main-nav a{width:33.333%;padding:12px 6px}.wide-main-nav a::after{display:none}.wide-account{margin-left:auto}.wide-account>a,.wide-account>i{display:none}.inner-page .subpage-main{padding-top:68px}.wide-hero{min-height:650px;background-position:62% center}.wide-hero::before{background:linear-gradient(90deg,rgba(4,7,12,.8),rgba(4,7,12,.2) 75%)}.wide-hero .hero-copy{left:8vw}.wide-hero-progress{width:55vw}.scroll-cue{display:none}}
@media(max-width:600px){.wide-header{height:62px}.wide-header-inner{width:calc(100% - 24px)}.wide-header .brand{width:40px;height:40px;border-radius:12px}.wide-header .brand span,.wide-header .brand i{font-size:19px;line-height:40px}.wide-header .brand i{left:21px}.wide-main-nav{top:62px}.wide-account .wide-search-button{display:none}.wide-account .top-cart{font-size:0}.wide-account .top-cart .cart-count{font-size:10px}.inner-page .subpage-main{padding-top:62px}.wide-hero{height:88svh;min-height:580px;background-position:66% center}.wide-hero::before{background:rgba(4,7,12,.5)}.wide-hero .hero-copy{left:7vw;top:43%;transform:translateY(-50%)}.wide-hero .hero-copy h1{font-size:42px}.wide-hero .hero-copy p{max-width:270px;font-size:15px}.wide-hero .hero-copy strong{font-size:13px}.wide-hero .hero-copy em{font-size:23px}.wide-hero .hero-arrow{display:none}.wide-hero-progress{bottom:22px;width:62vw}.wide-hero .hero-dots{bottom:44px}}