:root {--color-bg-primary: #1e1e1e;--color-bg-secondary: #181818;--color-bg-card: #151517;--color-bg-panel: #1f1f1f;--color-bg-dark: #0b0b09;--color-bg-hero: #121212;--color-accent: #c08042;--color-accent-hover: #d49456;--color-text-primary: #ffffff;--color-text-muted: rgba(255, 255, 255, 0.7);--color-text-subtle: rgba(255, 255, 255, 0.5);--color-text-faint: rgba(255, 255, 255, 0.2);--color-border: rgba(255, 255, 255, 0.1);--color-placeholder: #d9d9d9;--font-sans: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;--font-cn: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;--font-display: 'D-DIN', 'Roboto', 'Arial Black', sans-serif;--font-roboto: 'Roboto', 'Arial Black', sans-serif;--container-max: 1440px;--page-gutter: clamp(1rem, 4.2vw, 5rem);--header-gutter: clamp(1rem, 4.17vw, 5rem);--popular-gutter: clamp(1rem, 8.33vw, 10rem);--categories-inset: clamp(1rem, 10.52vw, 12.625rem);--section-gutter: clamp(1rem, 12.5vw, 15rem);--header-height: 66px;--bp-xl: 1200px;--bp-lg: 1024px;--bp-md: 768px;--bp-sm: 640px;
--hero-height: clamp(400px, 56.25vw, 1080px);--categories-height: clamp(120px, 9.375vw, 180px);--about-height: clamp(560px, 46.875vw, 900px);--popular-height: clamp(560px, 46.875vw, 900px);--footer-height: clamp(400px, 26.04vw, 500px);--transition-fast: 150ms ease;--transition-base: 300ms ease;--reveal-duration: 0.8s;--reveal-opacity-duration: 0.65s;--reveal-distance: 32px;--reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);--radius-sm: 4px;--radius-md: 8px;--radius-pill: 25px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--text-4xl: 48px;--text-hero: 64px;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/noto-sans-sc-latin-300-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,  U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/noto-sans-sc-latin-400-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,  U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/noto-sans-sc-latin-500-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,  U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/noto-sans-sc-latin-700-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,  U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/noto-sans-sc-chinese-simplified-300-normal.woff2') format('woff2');unicode-range: U+4E00-9FFF, U+3400-4DBF, U+F900-FAFF, U+2E80-2EFF, U+2F00-2FDF, U+31C0-31EF,  U+3200-32FF, U+3300-33FF, U+FF00-FFEF, U+FE10-FE1F, U+FE30-FE4F;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/noto-sans-sc-chinese-simplified-400-normal.woff2') format('woff2');unicode-range: U+4E00-9FFF, U+3400-4DBF, U+F900-FAFF, U+2E80-2EFF, U+2F00-2FDF, U+31C0-31EF,  U+3200-32FF, U+3300-33FF, U+FF00-FFEF, U+FE10-FE1F, U+FE30-FE4F;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/noto-sans-sc-chinese-simplified-500-normal.woff2') format('woff2');unicode-range: U+4E00-9FFF, U+3400-4DBF, U+F900-FAFF, U+2E80-2EFF, U+2F00-2FDF, U+31C0-31EF,  U+3200-32FF, U+3300-33FF, U+FF00-FFEF, U+FE10-FE1F, U+FE30-FE4F;}
@font-face {font-family: 'Noto Sans SC';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/noto-sans-sc-chinese-simplified-700-normal.woff2') format('woff2');unicode-range: U+4E00-9FFF, U+3400-4DBF, U+F900-FAFF, U+2E80-2EFF, U+2F00-2FDF, U+31C0-31EF,  U+3200-32FF, U+3300-33FF, U+FF00-FFEF, U+FE10-FE1F, U+FE30-FE4F;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/roboto-latin-400-normal.woff2') format('woff2');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/roboto-latin-700-normal.woff2') format('woff2');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/roboto-latin-800-normal.woff2') format('woff2');}
@font-face {font-family: 'D-DIN';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/D-DIN.woff') format('woff');}
@font-face {font-family: 'D-DIN';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/D-DIN-Bold.woff') format('woff');}

[data-reveal] {opacity: 0;transform: translate3d(0, var(--reveal-distance, 32px), 0);transition:  opacity var(--reveal-opacity-duration, 0.65s) var(--reveal-ease, cubic-bezier(0.22, 1, 0.36, 1)),  transform var(--reveal-duration, 0.8s) var(--reveal-ease, cubic-bezier(0.22, 1, 0.36, 1));transition-delay: var(--reveal-delay, 0ms);}
[data-reveal].is-revealed {opacity: 1;transform: translate3d(0, 0, 0);}
@media (prefers-reduced-motion: reduce) {
  [data-reveal] {  opacity: 1;  transform: none;  transition: none;}
}
*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}
html {scroll-behavior: smooth;scrollbar-gutter: stable;}
body {min-height: 100vh;font-family: var(--font-sans);font-size: 16px;line-height: 1.6;color: var(--color-text-primary);background: var(--color-bg-primary);-webkit-font-smoothing: antialiased;}
body.home {background: var(--color-bg-primary);overflow-x: clip;}
body.home .page-main {padding-top: 0;overflow-x: clip;}
img {display: block;max-width: 100%;height: auto;}
a {color: inherit;text-decoration: none;}
button,input,textarea,select {font: inherit;color: inherit;}
button {cursor: pointer;border: none;background: none;}
ul,ol {list-style: none;}
.container {width: 100%;max-width: calc(var(--container-max) + var(--page-gutter) * 2);margin-inline: auto;padding-inline: var(--page-gutter);}
.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;}
.page-main {min-height: 100vh;}
.section-title {font-family: var(--font-display);font-size: clamp(var(--text-3xl), 4vw, var(--text-hero));font-weight: 700;line-height: 1.1;letter-spacing: 0.02em;}
.section-subtitle {font-size: var(--text-sm);color: var(--color-text-subtle);letter-spacing: 0.02em;}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 2rem;border-radius: var(--radius-pill);font-size: var(--text-base);font-weight: 500;letter-spacing: 0.02em;transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);}
.btn--primary {background: var(--color-accent);color: var(--color-text-primary);}
.btn--primary:hover {background: var(--color-accent-hover);}
.btn--outline {border: 1px solid var(--color-text-primary);color: var(--color-text-primary);}
.btn--outline:hover {background: rgba(255, 255, 255, 0.08);}
.breadcrumb {padding-block: 1.5rem;font-size: var(--text-sm);color: var(--color-text-muted);}
.breadcrumb a:hover {color: var(--color-accent);}
.breadcrumb strong {color: var(--color-text-primary);font-weight: 400;}
@media (max-width: 640px) {
  .btn {  padding: 0.625rem 1.5rem;  font-size: 14px;}
}
.site-header {position: fixed;top: 0;left: 0;right: 0;z-index: 100;height: var(--header-height);}
.site-header::before {content: '';position: absolute;inset: 0;background: #000;opacity: 1;pointer-events: none;}
.site-header::after {content: '';position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.5;pointer-events: none;}
.site-header__inner {position: relative;z-index: 1;display: flex;align-items: center;height: 100%;max-width: 1920px;margin: 0 auto;padding: 0 var(--header-gutter);}
.site-header__logo {display: flex;align-items: center;width:82px;flex-shrink: 0;margin-right: auto;}
.site-header__logo img {width:82px;object-fit: contain;}
.site-nav {display: flex;align-items: center;gap: clamp(32px, 5.21vw, 100px);flex-shrink: 0;}
.site-nav__item {position: relative;}
.site-nav__link,.site-nav a {position: relative;display: inline-block;font-family: var(--font-sans);font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.02em;text-transform: capitalize;color: var(--color-text-primary);opacity: 0.6;/* padding-bottom: 8px; */margin: 0;white-space: nowrap;transition: opacity var(--transition-fast);background: none;border: none;cursor: pointer;}
.site-nav > .site-nav__link:first-child,.site-nav > a:first-child {margin-left: 0;/* opacity: 1; */}
.site-nav__link:hover,.site-nav a:hover {opacity: 1;}
.site-nav__link.is-active,.site-nav a.is-active {opacity: 1;}
.site-nav__link.is-active::after,.site-nav a.is-active::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: var(--color-text-primary);}
.site-nav__item--dropdown .site-nav__link.is-active::after {width: 62px;}
/* 首页-产品下拉 */
.product-dropdown-backdrop {position: fixed;inset: 0;z-index: 90;display: none;background: rgba(0, 0, 0, 0.3);pointer-events: none;}
.product-dropdown-backdrop.is-open {display: block;pointer-events: auto;}
.product-dropdown {position: fixed;top: var(--header-height);left: 0;right: 0;z-index: 120;display: none;pointer-events: none;}
.product-dropdown.is-open {display: block;pointer-events: auto;}
.product-dropdown__inner {display: grid;grid-template-columns: 306px 1fr;width: min(1440px, 100%);height: 570px;margin: 0 auto;background: #1e1e1e;backdrop-filter: blur(10px);}
.product-dropdown__sidebar {position: relative;padding: 40px 0 40px 60px;overflow: hidden;}
.product-dropdown__sidebar-highlight {position: absolute;left: 0;top: 92px;width: 306px;height: 196px;background: #151517;backdrop-filter: blur(10px);pointer-events: none;opacity: 0;transition: top 0.2s ease, height 0.2s ease, opacity 0.2s ease;}
.product-dropdown__sidebar-title {position: relative;z-index: 1;font-family: var(--font-sans);font-size: 20px;font-weight: 400;line-height: 28px;text-transform: capitalize;margin-bottom: 48px;}
.product-dropdown__sidebar-body {position: relative;z-index: 1;}
.product-dropdown__categories {display: flex;flex-direction: column;gap: 20px;}
.product-dropdown__cat {display: inline-flex;align-items: center;gap: 6px;font-size: 14px;font-weight: 500;line-height: 20px;text-transform: capitalize;color: var(--color-text-primary);opacity: 0.5;transition: opacity var(--transition-fast);}
.product-dropdown__cat.is-active {opacity: 1;}
.product-dropdown__cat:hover {opacity: 1;}
.product-dropdown__dot {width: 4px;height: 4px;border-radius: 50%;background: var(--color-text-primary);flex-shrink: 0;margin-left: -10px;}
.product-dropdown__dot--sub {margin-left: -10px;}
.product-dropdown__chevron {flex-shrink: 0;opacity: 0.8;}
.product-dropdown__sub-list {display: flex;flex-direction: column;gap: 12px;margin-top: 12px;padding:0 0 15px 19px;}
.product-dropdown__sub-list[hidden] {display: none;}
.product-dropdown__sub-link {display: inline-flex;align-items: center;gap: 6px;font-size: 14px;font-weight: 400;line-height: 20px;text-transform: capitalize;color: var(--color-text-primary);opacity: 0.5;transition: opacity var(--transition-fast);}
.product-dropdown__sub-link.is-active {opacity: 1;}
.product-dropdown__sub-link:hover {opacity: 1;}
.product-dropdown__sub-muted {margin-left: 12px;font-size: 12px;font-weight: 400;line-height: 17px;text-transform: none;color: var(--color-text-primary);opacity: 0;white-space: nowrap;transition: opacity var(--transition-fast);}
.product-dropdown__sub-link.is-active .product-dropdown__sub-muted,.product-dropdown__sub-link:hover .product-dropdown__sub-muted {opacity: 0.5;}
.product-dropdown__hero {position: relative;overflow: hidden;min-width: 0;background: rgba(17, 17, 17, 0.9);}
.product-dropdown__hero-panel {position: absolute;inset: 0;}
.product-dropdown__hero-panel[hidden],.product-dropdown__hero-panel:not(.is-active) {display: none;}
.product-dropdown__hero-panel.is-active {display: block;}
.product-dropdown__hero-media {position: absolute;inset: 0;}
.product-dropdown__hero-base {position: absolute;inset: 0;background: #000;}
.product-dropdown__hero-bg {position: absolute;background-repeat: no-repeat;background-size: cover;background-position: center;}
.product-dropdown__hero-bg--photo {left: 8.55%;top: -10.18%;width: 107.76%;height: 120.35%;}
.product-dropdown__hero-gradient {position: absolute;inset: 0;background: linear-gradient(  90deg,  #000 0%,  #000 8.55%,  rgba(17, 17, 17, 0.9) 14.29%,  rgba(17, 17, 17, 0.9) 46%,  rgba(119, 119, 119, 0) 100%);pointer-events: none;}
.product-dropdown__hero-content {position: relative;z-index: 2;padding: 129px 80px 0;height: 100%;}
.product-dropdown__featured-title {display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-sans);font-weight: 300;font-size: 30px;line-height: 42px;text-transform: capitalize;margin-bottom: 48px;color: inherit;transition: opacity var(--transition-fast);}
.product-dropdown__featured-title:hover {opacity: 0.85;}
.product-dropdown__featured-title img,.product-dropdown__title-arrow {flex-shrink: 0;width: 8px;height: 16px;}
.product-dropdown__features {display: grid;grid-template-columns: 141px 167px;column-gap: 35px;row-gap: 37px;max-width: 343px;}
.product-dropdown__features h5{font-size: 18px;font-weight: 300;line-height: 25px;text-transform: capitalize;margin-bottom: 5px;}
.product-dropdown__features p{font-size: 14px;font-weight: 300;line-height: 20px;opacity: 0.5;}
.site-header__actions {display: flex;align-items: center;gap: 30px;flex-shrink: 0;margin-left: clamp(32px, 5.21vw, 100px);}
.site-header__icon-btn {display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;opacity: 0.7;transition: opacity var(--transition-fast);}
.site-header__icon-btn:hover {opacity: 1;}
.site-header__icon-btn img,.site-header__icon-btn svg {width: 20px;height: 20px;object-fit: contain;display: block;}
.cart-badge {position: relative;}
.cart-badge__count {position: absolute;top: -6px;right: -8px;min-width: 14px;height: 14px;padding: 0 3px;border-radius: 7px;background: var(--color-accent);font-size: 9px;line-height: 14px;text-align: center;}
.account-menu {position: relative;display: flex;align-items: center;}
.account-menu__panel {position: absolute;top: calc(100% + 10px);right: -8px;min-width: 128px;padding: 6px 0;background: #1f1f1f;border: 1px solid rgba(255, 255, 255, 0.12);opacity: 0;visibility: hidden;transform: translateY(4px);transition:  opacity var(--transition-fast),  visibility var(--transition-fast),  transform var(--transition-fast);z-index: 200;}
.account-menu__panel::before {content: '';position: absolute;left: 0;right: 0;top: -10px;height: 10px;}
.account-menu.is-open .account-menu__panel {opacity: 1;visibility: visible;transform: translateY(0);}
.account-menu__item {display: block;width: 100%;padding: 10px 16px;font-family: var(--font-sans);font-size: 14px;letter-spacing: 0.02em;text-align: left;color: var(--color-text-muted);transition: color var(--transition-fast), background var(--transition-fast);}
.account-menu__item:hover {color: var(--color-accent);background: rgba(255, 255, 255, 0.04);}
.site-header__menu-btn {display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 44px;height: 44px;flex-shrink: 0;padding: 4px;order: -1;}
.site-header__menu-btn span {display: block;width: 20px;height: 2px;background: var(--color-text-primary);transition: transform var(--transition-fast), opacity var(--transition-fast);}
.site-header__menu-btn.is-open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.site-header__menu-btn.is-open span:nth-child(2) {opacity: 0;}
.site-header__menu-btn.is-open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
.mobile-nav-backdrop {position: fixed;inset: 0;top: var(--header-height);z-index: 105;display: none;background: rgba(0, 0, 0, 0.55);}
.mobile-nav-backdrop.is-open {display: block;}
.mobile-nav {position: fixed;top: var(--header-height);right: 0;bottom: 0;z-index: 115;display: flex;flex-direction: column;width: min(320px, 88vw);max-height: calc(100vh - var(--header-height));overflow-y: auto;background: var(--color-bg-primary);border-left: 1px solid var(--color-border);transform: translateX(100%);transition: transform var(--transition-base);visibility: hidden;}
.mobile-nav.is-open {transform: translateX(0);visibility: visible;}
.mobile-nav__inner {padding: 8px var(--page-gutter) 32px;}
.mobile-nav__link {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 16px 0;font-size: 18px;letter-spacing: 0.02em;text-transform: capitalize;color: var(--color-text-primary);opacity: 0.7;border: none;border-bottom: 1px solid var(--color-border);background: none;text-align: left;cursor: pointer;transition: opacity var(--transition-fast), color var(--transition-fast);}
.mobile-nav__link:hover,.mobile-nav__link.is-active {opacity: 1;color: var(--color-accent);}
.mobile-nav__toggle {display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;color: var(--color-text-muted);transition: transform var(--transition-fast);}
.mobile-nav__item.is-expanded .mobile-nav__toggle {transform: rotate(180deg);}
.mobile-nav__sub {display: none;padding: 4px 0 12px 12px;}
.mobile-nav__item.is-expanded .mobile-nav__sub {display: block;}
.mobile-nav__sub-link {display: block;flex: 1;padding: 12px 0;font-size: 14px;color: var(--color-text-muted);border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.05);background: none;text-align: left;cursor: pointer;transition: color var(--transition-fast);}
.mobile-nav__sub-link:last-child {border-bottom: none;}
.mobile-nav__sub-link:hover,.mobile-nav__sub-link.is-active,.mobile-nav__l3-link.is-active {color: var(--color-accent);}
.mobile-nav__l2 {border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.mobile-nav__l2:last-child {border-bottom: none;}
.mobile-nav__l2-row {display: flex;align-items: center;gap: 4px;}
.mobile-nav__l2-row .mobile-nav__sub-link {border-bottom: none;}
.mobile-nav__l2-expand {display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 32px;height: 32px;padding: 0;border: none;background: none;cursor: pointer;}
.mobile-nav__l2-chevron {opacity: 0.6;transition: transform var(--transition-fast);}
.mobile-nav__l2.is-expanded .mobile-nav__l2-chevron {transform: rotate(180deg);}
.mobile-nav__l3 {display: none;padding: 0 0 8px 14px;}
.mobile-nav__l2.is-expanded .mobile-nav__l3 {display: block;}
.mobile-nav__l3-link {display: flex;align-items: baseline;gap: 8px;padding: 10px 0;font-size: 13px;color: var(--color-text-muted);border-bottom: 1px solid rgba(255, 255, 255, 0.04);transition: color var(--transition-fast);}
.mobile-nav__l3-link:last-child {border-bottom: none;}
.mobile-nav__l3-link:hover {color: var(--color-accent);}
.mobile-nav__l3-muted {font-size: 11px;opacity: 0.55;white-space: nowrap;}
.mobile-nav__view-all {display: block;padding: 0 0 12px 12px;font-size: 13px;color: var(--color-accent);}
/* Search overlay  */
.search-overlay {position: fixed;inset: 0;z-index: 200;display: none;align-items: flex-start;justify-content: center;padding-top: 0;background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(8px);}
.search-overlay.is-open {display: flex;}
.search-overlay__panel {width: min(680px, calc(100vw - 2rem));margin-top: 23px;}
.search-overlay__input-wrap {position: relative;display: flex;align-items: flex-start;height: 43px;padding: 0 24px;}
.search-overlay__icon {flex-shrink: 0;width: 20px;height: 20px;margin-top: 0;}
.search-overlay__input {flex: 1;min-width: 0;margin: 2px 0 0 12px;padding: 0 36px 0 0;background: transparent;border: none;outline: none;font-family: var(--font-cn);font-size: 16px;line-height: 16px;color: var(--color-text-primary);}
.search-overlay__input::placeholder {color: var(--color-text-primary);opacity: 0.7;}
.search-overlay__close {position: absolute;right: 24px;top: 2px;display: flex;align-items: center;justify-content: center;width: 15px;height: 14px;padding: 0;border: none;background: transparent;cursor: pointer;transition: opacity var(--transition-fast);}
.search-overlay__close img {display: block;width: 15px;height: 14px;}
.search-overlay__close:hover {opacity: 1;}
.search-overlay__quick {/* height: 250px; */padding: 24px 30px 30px;background: #1e1e1e;box-sizing: border-box;}
.search-overlay__quick h3 {margin: 0 0 24px;font-family: var(--font-cn);font-size: 12px;line-height: 12px;font-weight: 400;color: var(--color-text-primary);opacity: 0.5;}
.search-overlay__quick ul {display: flex;flex-direction: column;gap: 24px;margin: 0;padding: 0 0 0 30px;list-style: none;}
.search-overlay__quick a {font-family: var(--font-cn);font-size: 14px;line-height: 14px;color: var(--color-text-primary);transition: color var(--transition-fast);}
.search-overlay__quick a:hover {color: var(--color-accent);}
/* ===== Footer  ===== */
.site-footer {position: relative;background: #151517;min-height: var(--footer-height);padding: 132px var(--section-gutter) 46px;overflow: hidden;}
.site-footer__watermark {position: absolute;inset: 0;pointer-events: none;z-index: 0;overflow: hidden;}
.site-footer__logo {position: absolute;left: clamp(1rem, 12.5vw, 240px);top: 30%;transform: translateY(-30%);width: clamp(140px, 12vw, 230px);height: auto;max-width: none;opacity: 1;}
.site-footer__inner {position: relative;z-index: 1;width: 100%;max-width: var(--container-max);margin: 0 auto;}
.site-footer__upper {display: flex;justify-content: flex-end;align-items: flex-start;gap: clamp(48px, 9.84vw, 189px);margin-bottom: clamp(48px, 6.3vw, 121px);min-height: 138px;}
.site-footer__nav {display: flex;flex-direction: column;gap: 10px;flex-shrink: 0;}
.site-footer__nav a {display: inline-flex;align-items: center;gap: 6px;font-family: var(--font-cn);font-size: 18px;font-weight: 400;line-height: 27px;text-transform: capitalize;color: var(--color-text-primary);transition: opacity var(--transition-fast);}
.site-footer__nav a img {width: 12px;height: 12px;opacity: 0.7;flex-shrink: 0;}
.site-footer__nav a:hover {opacity: 0.7;}
.site-footer__contact {flex-shrink: 0;width: min(100%, 246px);}
.site-footer__contact h3 {font-family: var(--font-cn);font-size: 18px;font-weight: 700;line-height: 27px;margin-bottom: 20px;}
.site-footer__contact p {font-family: var(--font-cn);font-size: 16px;font-weight: 400;line-height: 36px;text-transform: capitalize;color: var(--color-text-muted);word-break: break-word;overflow-wrap: anywhere;}
.site-footer__divider {height: 1px;background: var(--color-placeholder);opacity: 0.1;margin-bottom: 39px;}
.site-footer__bottom {display: flex;align-items: center;justify-content: space-between;gap: 24px;}
.site-footer__copyright {font-family: var(--font-cn);font-size: 16px;font-weight: 400;line-height: 24px;color: var(--color-text-primary);opacity: 0.2;}
.site-footer__social {display: flex;align-items: center;gap: clamp(20px, 2.5vw, 32px);flex-shrink: 0;}
.site-footer__social-btn {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;min-width: 24px;min-height: 24px;padding: 0;border: 0;background: transparent;color: inherit;opacity: 0.6;cursor: pointer;transition: opacity var(--transition-fast);}
.site-footer__social-btn:hover {opacity: 1;}
.site-footer__social-btn img {display: block;width: auto;height: 24px;max-width: none;object-fit: contain;}
/* ===== Shared inner page shell ===== */
.inner {background: var(--color-bg-primary);min-height: 100vh;padding-top: var(--header-height);}
.inner__main {max-width: 1920px;margin: 0 auto;padding: 0 var(--page-gutter) 80px;}
.inner-breadcrumb {font-family: var(--font-sans);font-size: 16px;letter-spacing: 0.02em;text-align: left;color: rgba(255, 255, 255, 0.6);margin: 0;}
.inner-breadcrumb a {color: inherit;}
.inner-breadcrumb a:hover {color: var(--color-accent);}
.inner-breadcrumb .breadcrumb__accent {color: var(--color-accent);}
/* ===== Page hero banner ===== */
.page-hero-block {margin: 0 calc(-1 * var(--page-gutter)) 40px;}
.page-hero {position: relative;height: 500px;overflow: hidden;background: #00456b;}
.page-hero__image {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.page-hero__overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.3);}
.page-hero__breadcrumb {padding: 30px 0 0;}
@media (max-width: 768px) {
  .page-hero,.products__hero,.about__hero,.blog__hero {  height: clamp(280px, 50vw, 420px);}
  .page-hero__breadcrumb {  padding-top: 20px;}
  .inner__main {  padding-bottom: 48px;}
}
/* Tablet landscape */
@media (max-width: 1200px) {
  .product-dropdown__inner {  grid-template-columns: 260px 1fr;  height: auto;  min-height: 480px;  max-height: calc(100vh - var(--header-height));  overflow-y: auto;}
  .product-dropdown__hero-content {  padding: 60px 40px;}
  .product-dropdown__featured-title {  font-size: 24px;  margin-bottom: 32px;}
  .site-footer__upper {  gap: clamp(32px, 5vw, 120px);  margin-bottom: clamp(56px, 5vw, 100px);}
}
/* Tablet — switch to mobile header */
@media (max-width: 1024px) {
  .site-nav {  display: none;}
  .site-header__menu-btn {  display: flex;}
  .site-header__actions {  gap: 8px;  margin-left: 0;}
  .site-header__icon-btn {  width: 44px;  height: 44px;}
  .search-overlay {  padding: var(--header-height) var(--page-gutter) var(--page-gutter);  align-items: flex-start;}
  .search-overlay__panel {  width: 100%;  margin-top: 0;}
  .search-overlay__input-wrap {  padding: 0 16px;}
  .search-overlay__icon {  width: 20px;  height: 20px;}
  .search-overlay__input {  margin-left: 10px;  padding-right: 28px;}
  .search-overlay__close {  right: 16px;}
  .search-overlay__quick {  height: auto;  min-height: 250px;  padding: 24px 20px 30px;}
  .search-overlay__quick ul {  padding-left: 20px;}
  .product-dropdown__inner {  grid-template-columns: 1fr;  width: 100%;  max-height: calc(100vh - var(--header-height));}
  .product-dropdown__sidebar {  padding: 24px var(--page-gutter);}
  .product-dropdown__sidebar-highlight {  display: none;}
  .product-dropdown__hero {  min-height: 280px;}
  .product-dropdown__hero-bg--photo {  left: 0;  top: 0;  width: 100%;  height: 100%;}
  .product-dropdown__hero-gradient {  background: linear-gradient(    90deg,    #000 0%,    rgba(17, 17, 17, 0.92) 28%,    rgba(17, 17, 17, 0.55) 52%,    rgba(119, 119, 119, 0) 100%  );}
  .product-dropdown__hero-content {  padding: 32px var(--page-gutter);}
  .product-dropdown__features {  max-width: none;  grid-template-columns: 1fr 1fr;  gap: 24px;}
  .site-footer {  padding: 0 var(--page-gutter) 32px;  display: flex;  flex-direction: column;  min-height: auto;}
  .site-footer__watermark {  position: relative;  inset: auto;  height: clamp(110px, 18vw, 160px);  margin: 0 calc(-1 * var(--page-gutter));  width: calc(100% + 2 * var(--page-gutter));  flex-shrink: 0;}
  .site-footer__logo {  left: var(--page-gutter);  top: 30%;  width: clamp(100px, 22vw, 160px);  transform: translateY(-30%);}
  .site-footer__inner {  padding-top: clamp(24px, 4vw, 40px);  width: 100%;}
  .site-footer__upper {  flex-direction: column;  align-items: flex-start;  margin-left: 0;  width: 100%;  max-width: none;  gap: 32px;  margin-bottom: 48px;  min-height: 0;}
  .site-footer__contact {  width: 100%;  max-width: 100%;}
  .site-footer__bottom {  flex-direction: column;  align-items: flex-start;  gap: 20px;}
  .site-footer__social {  width: 100%;  flex-wrap: wrap;  gap: 20px;}
}
/* Tablet footer — nav + contact side by side */
@media (min-width: 640px) and (max-width: 1024px) {
  .site-footer__upper {  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: flex-start;  gap: 40px 32px;}
  .site-footer__nav,.site-footer__contact {  flex: 1 1 220px;  max-width: calc(50% - 16px);}
}
/* Mobile */
@media (max-width: 768px) {
  :root {  --header-height: 56px;}
  .site-header__logo,.site-header__logo img {  width: 40px;  height: 40px;}
  .site-header__icon-btn {  width: 40px;  height: 40px;}
  .site-header__menu-btn {  width: 40px;  height: 40px;}
  .site-footer__upper {  gap: 24px;  margin-bottom: 40px;}
  .site-footer__nav a {  font-size: 16px;}
  .site-footer__contact h3 {  font-size: 16px;  margin-bottom: 16px;}
  .site-footer__contact p {  font-size: 14px;  line-height: 28px;}
  .site-footer__divider {  margin-bottom: 24px;}
  .site-footer__bottom {  gap: 16px;}
  .site-footer__copyright {  font-size: 13px;  line-height: 1.5;}
  .product-dropdown__features {  grid-template-columns: 1fr;}
}
/* Small mobile */
@media (max-width: 480px) {
  .site-header__actions {  gap: 4px;}
  .site-footer {  padding: 24px;}
  .site-footer__watermark {  height: clamp(100px, 32vw, 130px);}
  .site-footer__logo {  width: clamp(88px, 28vw, 130px);}
  .site-footer__social {  gap: 16px;}
  .mobile-nav {  width: 100%;  border-left: none;}
}
.product-card {flex: 0 0 392px;width: 392px;height: 463px;background: var(--color-bg-card);scroll-snap-align: start;position: relative;border-radius: 8px;overflow: hidden;}
.product-card__image-wrap {position: absolute;top: 24px;left: 28px;width: 303px;background: var(--color-placeholder);overflow: hidden;border-radius: 4px;}
.product-card__image {width: 100%;height: 100%;object-fit: cover;mix-blend-mode: normal;}
.product-card__body {position: absolute;top: 264px;left: 28px;width: 337px;}
.product-card__title {font-family: var(--font-cn);font-size: 18px;font-weight: 400;line-height: 27px;color: var(--color-text-primary);margin-bottom: 15px;padding-left: 10px;display:block;}
.product-card__desc {font-family: var(--font-cn);font-size: 16px;font-weight: 400;line-height: 1.2;color: var(--color-text-muted);margin-bottom: 25px;padding-left: 10px;white-space: pre-line;display:block;}
.product-card__tags {display: flex;gap: 20px;padding-left: 10px;margin-top: 11px;}
.product-card__tag {font-family: var(--font-cn);font-size: 14px;font-weight: 300;line-height: 21px;color: var(--color-text-muted);}
.product-card__divider {height: 1px;background: var(--color-text-primary);opacity: 0.1;margin: 4px 0 0;}
.product-card__footer {display: flex;align-items: flex-end;justify-content: space-between;padding-left: 10px;padding-right: 0;}
.product-card__prices {display: flex;gap: 18px;}
.product-card__price-col {display: flex;flex-direction: column;gap: 4px;}
.product-card__price-value {font-family: var(--font-cn);font-size: 18px;font-weight: 400;line-height: 18px;color: var(--color-accent);}
.product-card__price-label {font-family: var(--font-cn);font-size: 10px;font-weight: 400;line-height: 15px;color: var(--color-accent);opacity: 0.7;text-transform: lowercase;}
.product-card__cart-btn {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;flex-shrink: 0;border: 1px solid var(--color-accent);border-radius: 4px;color: var(--color-text-primary);background: transparent;transition: background var(--transition-fast);}
.product-card__cart-btn:hover {background: rgba(192, 128, 66, 0.12);}
.product-card__cart-btn img {width: 18px;height: 18px;display: block;}
/* Form elements */
.form-group {margin-bottom: 1.25rem;}
.form-group label {display: block;margin-bottom: 0.5rem;font-size: 14px;color: var(--color-text-muted);}
.form-input {width: 100%;padding: 0.875rem 1rem;background: var(--color-bg-card);border: 1px solid var(--color-border);outline: none;}
.form-input:focus {border-color: var(--color-accent);}
.form-card {width: min(488px, 100%);margin-inline: auto;padding: 2.5rem;background: var(--color-bg-card);border: 1px solid var(--color-border);}
.form-card h1 {margin-bottom: 0.5rem;font-family: var(--font-display);font-size: 1.875rem;}
.form-card__subtitle {margin-bottom: 2rem;font-size: 14px;color: var(--color-text-subtle);}
.form-card__footer {margin-top: 1.5rem;text-align: center;font-size: 14px;color: var(--color-text-muted);}
.form-card__footer a {color: var(--color-accent);}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 2rem;font-size: 16px;font-weight: 500;letter-spacing: 0.02em;transition: background var(--transition-fast), color var(--transition-fast);}
.btn--primary {background: var(--color-accent);color: var(--color-text-primary);}
.btn--primary:hover {filter: brightness(1.1);}
.btn--outline {border: 1px solid var(--color-text-primary);color: var(--color-text-primary);}
/* ===== 切角描边 ===== */
.cut-btn {--cut-fill: transparent;--cut-stroke: #ffffff;position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 5px;border: none;background: transparent;color: #ffffff;font-family: var(--font-sans);font-weight: 400;letter-spacing: 0.02em;text-transform: capitalize;cursor: pointer;text-decoration: none;flex-shrink: 0;}
.cut-btn--sm {width: 120px;height: 38px;font-size: 14px;line-height: 21px;}
.cut-btn--lg {width: 280px;height: 60px;font-size: 20px;font-weight: 500;line-height: 30px;}
.cut-btn__shape {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}
.cut-btn__shape path {fill: var(--cut-fill);stroke: var(--cut-stroke);stroke-width: 1;transition: fill var(--transition-fast), stroke var(--transition-fast), opacity var(--transition-fast);}
.cut-btn span,.cut-btn__arrow {position: relative;z-index: 1;flex-shrink: 0;}
.cut-btn__arrow {width: 6px;height: 10px;display: block;}
/* 白描边 */
.cut-btn--outline {--cut-fill: transparent;--cut-stroke: #ffffff;color: #ffffff;}
.cut-btn--outline:hover .cut-btn__shape path {fill: rgba(255, 255, 255, 0.08);}
/* 白底黑字（send） */
.cut-btn--solid {--cut-fill: #ffffff;--cut-stroke: #ffffff;color: #000000;font-weight: 400;}
.cut-btn--solid:hover {filter: brightness(0.92);}
/* 强调色描边（Add to Cart / Refund / Delete / active pill） */
.cut-btn--outline-accent {--cut-fill: transparent;--cut-stroke: var(--color-accent);color: var(--color-accent);}
.cut-btn--outline-accent:hover .cut-btn__shape path {fill: rgba(192, 128, 66, 0.12);}
/* 强调色实心（Buy now / Payment / Logistics / Contact） */
.cut-btn--solid-accent {--cut-fill: var(--color-accent);--cut-stroke: var(--color-accent);color: #ffffff;}
.cut-btn--solid-accent:hover {filter: brightness(1.08);}
/* 未选中 pill：白描边 + 半透明 */
.cut-btn--ghost {--cut-fill: transparent;--cut-stroke: #ffffff;color: #ffffff;opacity: 0.5;}
.cut-btn--ghost:hover {opacity: 0.8;}
.cut-btn--ghost.is-active,.cut-btn.is-active {--cut-fill: transparent;--cut-stroke: var(--color-accent);color: var(--color-accent);opacity: 1;}
@media (max-width: 768px) {
  .cut-btn--lg {  width: min(280px, 100%);}
}
.qty-stepper {display: inline-flex;align-items: center;border: 1px solid var(--color-border);overflow: hidden;}
.qty-stepper button {width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;background: var(--color-bg-card);}
.qty-stepper span {min-width: 2.5rem;text-align: center;font-size: 14px;}
.selector-group {display: flex;flex-wrap: wrap;gap: 0.75rem;}
.selector-pill {padding: 0.5rem 1.25rem;border: 1px solid var(--color-border);border-radius: 25px;font-size: 14px;color: var(--color-text-muted);}
.selector-pill.is-active {border-color: var(--color-accent);color: var(--color-accent);}
.breadcrumb {padding-block: 1.5rem;font-size: 14px;color: var(--color-text-muted);}
.breadcrumb a:hover {color: var(--color-accent);}
.breadcrumb strong,.breadcrumb .breadcrumb__accent {color: var(--color-accent);font-weight: 400;}
/* ===== Auth modal ===== */
.auth-overlay {position: fixed;inset: 0;z-index: 300;display: none;background: rgba(0, 0, 0, 0.5);}
.auth-overlay.is-open {display: block;}
.auth-overlay .msg{color:#333;}
.auth-overlay .btns{display: flex;justify-content: center;gap: 20px;margin-top:30px;padding-top:10px;border-top:1px solid rgb(11 76 161 / 10%)}
.auth-overlay .btns button{width:49%;height: 44px;font-size: 16px;font-weight: 500;line-height: 30px;border:1px solid #C08042;}
.auth-overlay .btns button.auth-modal__cancel{background:rgba(192, 128, 66, 0.1);color:#C08042;}
.auth-overlay .btns button:hover{filter: brightness(1.1);}
body.modal-open {overflow: hidden;touch-action: none;}
.auth-modal[hidden] {display: none !important;}
.auth-modal {position: fixed;top: 50%;left: 50%;z-index: 301;transform: translate(-50%, -50%);width: 488px;max-width: calc(100% - 48px);max-height: calc(100vh - 48px);overflow-y: auto;padding: 60px;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);}
.auth-modal--login {min-height: 480px;}
.auth-modal--register {min-height: 564px;}
.auth-modal__close {position: absolute;top: 25px;right: 25px;width: 24px;height: 24px;color: #333;opacity: 0.6;transition: opacity var(--transition-fast);}
.auth-modal__close:hover {opacity: 1;}
.auth-modal__close img {display: block;width: 24px;height: 24px;}
.auth-field__toggle-icon--hide {display: block;}
.auth-field__toggle-icon--show {display: none;}
.auth-field__toggle.is-visible .auth-field__toggle-icon--hide {display: none;}
.auth-field__toggle.is-visible .auth-field__toggle-icon--show {display: block;}
.auth-modal__title {font-family: var(--font-sans);font-size: 30px;font-weight: 700;text-transform: capitalize;color: #000;margin-bottom: 40px;}
.auth-modal__form {display: flex;flex-direction: column;gap: 20px;}
.auth-field {position: relative;}
.auth-field__input {width: 100%;height: 44px;padding: 10px 12px;font-family: var(--font-sans);font-size: 16px;font-weight: 500;color: #000;background: transparent;border: 1px solid rgba(0, 0, 0, 0.1);outline: none;}
.auth-field__input::placeholder {color: #999;font-weight: 500;}
.auth-field__input:focus {border-color: var(--color-accent);}
.auth-field.is-error .auth-field__input {border-color: rgba(255, 0, 0, 0.5);}
.auth-field.is-error .auth-field__input:focus {border-color: rgba(255, 0, 0, 0.5);}
.auth-field--password .auth-field__input {padding-right: 44px;}
.auth-field__toggle {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;color: #666;opacity: 0.7;}
.auth-field__toggle img {position: absolute;inset: 0;width: 24px;height: 24px;}
.auth-form__error {display: flex;align-items: center;gap: 6px;margin: 0;font-size: 16px;color: rgba(0, 0, 0, 0.5);text-transform: capitalize;}
.auth-form__error img {flex-shrink: 0;display: block;}
.auth-form__error[hidden] {display: none;}
.auth-modal__submit {width: 100%;height: 44px;margin-top: 20px;font-family: var(--font-sans);font-size: 20px;font-weight: 500;text-transform: capitalize;color: #fff;background: var(--color-accent);border: none;transition: filter var(--transition-fast), opacity var(--transition-fast);}
.auth-modal__submit:disabled {opacity: 0.5;cursor: not-allowed;}
.auth-modal__submit:not(:disabled):hover {filter: brightness(1.08);}
.auth-modal__links {display: flex;align-items: center;gap: 16px;margin-top: 0;}
.auth-modal__links--center {justify-content: center;}
.auth-modal__links a {font-size: 16px;color: var(--color-accent);}
.auth-modal__links-divider {width: 1px;height: 16px;background: var(--color-accent);}
/* ===== Auth modal responsive ===== */
@media (max-width: 768px) {
  .auth-modal {  width: calc(100% - 32px);  max-width: 400px;  padding: 40px 24px 32px;  max-height: min(90vh, 640px);}
  .auth-modal--login,.auth-modal--register {  min-height: auto;}
  .auth-modal__title {  font-size: 24px;  margin-bottom: 28px;}
  .auth-modal__submit {  margin-top: 24px;  font-size: 18px;}
  .auth-modal__close {  top: 16px;  right: 16px;}
}
@media (max-width: 480px) {
  .form-card {  padding: 1.5rem;}
  .auth-modal__links {  flex-wrap: wrap;  justify-content: center;}
}
@media (max-width: 1024px) {
  .product-card:not(.product-card--grid) {  height: auto;  min-height: 380px;}
  .product-card:not(.product-card--grid) .product-card__image-wrap {  position: relative;  top: auto;  left: auto;  width: calc(100% - 32px);  height: auto;  margin: 16px auto 0;}
  .product-card:not(.product-card--grid) .product-card__body {  position: relative;  top: auto;  left: auto;  width: calc(100% - 32px);  margin: 16px auto;  padding-bottom: 20px;}
}
/* ===== WeChat QR modal ===== */
.wechat-qr-overlay {position: fixed;inset: 0;z-index: 300;display: none;background: rgba(0, 0, 0, 0.5);}
.wechat-qr-overlay.is-open {display: block;}
.wechat-qr-modal[hidden] {display: none !important;}
.wechat-qr-modal {position: fixed;top: 50%;left: 50%;z-index: 301;transform: translate(-50%, -50%);width: 320px;max-width: calc(100% - 48px);padding: 40px 32px 32px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);text-align: center;}
.wechat-qr-modal__close {position: absolute;top: 16px;right: 16px;width: 24px;height: 24px;opacity: 0.6;transition: opacity var(--transition-fast);}
.wechat-qr-modal__close:hover {opacity: 1;}
.wechat-qr-modal__title {font-family: var(--font-cn);font-size: 18px;font-weight: 700;line-height: 1.4;color: #151517;margin-bottom: 8px;}
.wechat-qr-modal__desc {font-family: var(--font-cn);font-size: 14px;line-height: 1.5;color: rgba(21, 21, 23, 0.6);margin-bottom: 24px;}
.wechat-qr-modal__placeholder {display: flex;align-items: center;justify-content: center;width: 200px;height: 200px;margin: 0 auto;border: 1px dashed rgba(21, 21, 23, 0.2);background: rgba(21, 21, 23, 0.04);color: rgba(21, 21, 23, 0.45);font-family: var(--font-cn);font-size: 14px;line-height: 1.5;}
.wechat-qr-modal__image {display: block;width: 200px;height: 200px;margin: 0 auto;object-fit: contain;}/* ===== Hero 1080px*/
.hero {position: relative;height: var(--hero-height);min-height: clamp(320px, 31.25vw, 550px);max-height: 550px;overflow: hidden;background: #121212;}
.hero__slides {position: absolute;inset: 0;}
.hero__slide {position: absolute;inset: 0;opacity: 0;transition: opacity 0.8s ease;}
.hero__slide.is-active {opacity: 1;z-index: 1;}
.hero__slide img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
@media (min-width: 769px) {
  .hero__slide img {  object-position: center bottom;}
}
.hero__overlay {position: absolute;inset: 0;z-index: 2;background: rgba(0, 0, 0, 0.3);pointer-events: none;}
.hero__indicators {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 3;display: flex;align-items: center;gap: 8px;width: 150px;height: 10px;justify-content: center;}
.hero__indicator {height: 4px;border-radius: 2px;background: rgba(255, 255, 255, 0.3);border: none;padding: 0;cursor: pointer;transition: background var(--transition-fast), width var(--transition-base);}
.hero__indicator.is-active {width: 40px;background: var(--color-accent);}
.hero__indicator:not(.is-active) {width: 20px;}
/* ===== Categories  */
.categories {height: var(--categories-height);min-height: 180px;background: var(--color-bg-secondary);display: flex;align-items: stretch;position: relative;z-index: 2;flex-shrink: 0;}
.categories__inner {width: 100%;max-width: 1920px;margin: 0 auto;padding: 42px var(--categories-inset) 41px;display: flex;align-items: flex-start;justify-content: space-between;gap: 0;height: 100%;box-sizing: border-box;}
.categories__item {display: flex;flex-direction: column;align-items: center;gap: 10px;flex: 0 0 auto;transition: opacity var(--transition-fast);padding: 0;}
.categories__item:hover {opacity: 0.8;}
.categories__icon {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;color: var(--color-text-primary);}
.categories__icon img {width: 60px;height: 60px;display: block;}
.categories__label {font-family: var(--font-sans);font-size: 18px;font-weight: 400;line-height: 27px;letter-spacing: 0.02em;text-align: center;white-space: nowrap;text-transform: capitalize;}
.categories__divider {width: 1px;height: 46px;background: var(--color-text-primary);opacity: 0.1;flex-shrink: 0;align-self: center;}
/* ===== About  */
.home_about {position: relative;min-height: var(--about-height);background: #151517;z-index: 1;overflow: hidden;}
.about__backdrop {position: absolute;inset: 0;pointer-events: none;z-index: 1;}
.about__bg {display: block;width: 100%;height: 100%;object-fit: cover;object-position: right center;}
.about__layout {position: relative;z-index: 2;min-height: var(--about-height);}
.about__content {position: relative;padding: 58px 0 58px var(--header-gutter);max-width: min(100%, calc(var(--header-gutter) + 880px));}
.about__open-quote {position: absolute;top: 0;left: 0;font-family: var(--font-display);font-size: 84px;font-weight: 700;line-height: 72px;color: var(--color-text-primary);opacity: 0.2;pointer-events: none;}
.about__open-quote::before {content: '"';}
.about__close-quote {position: absolute;bottom: -6px;right: 63px;font-family: var(--font-display);font-size: 84px;font-weight: 700;line-height: 72px;color: var(--color-text-primary);opacity: 0.2;pointer-events: none;}
.about__close-quote::before {content: '"';}
.about__brand,.about__title,.about__intro,.about__highlight-box,.about__tagline,.about__closing,.about__content .more-btn {margin-left: 58px;}
.about__brand {font-family: var(--font-sans);font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.02em;margin-bottom: 6px;}
.about__title {font-family: var(--font-display);font-size: 64px;font-weight: 700;line-height: 72px;margin-bottom: 24px;}
.about__intro {font-family: var(--font-sans);font-size: 16px;font-weight: 400;line-height: 1.4;text-align: justify;color: var(--color-text-muted);margin-bottom: 21px;max-width: 822px;}
.about__highlight-box {position: relative;padding: 12px 28px 12px 52px;margin-bottom: 28px;max-width: 706px;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.1);opacity: 1;}
.about__highlight-box::before {content: '';position: absolute;left: 22px;top: 16px;width: 18px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0L0 4.5V13.5C0 19.5 4.5 23.25 9 24C13.5 23.25 18 19.5 18 13.5V4.5L9 0Z' fill='%23C08042'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;}
.about__features {font-family: var(--font-sans);font-size: 14px;font-weight: 400;line-height: 1.4;letter-spacing: 0.02em;color: var(--color-text-primary);}
.about__features p + p {margin-top: 8px;}
.about__tagline {font-family: var(--font-sans);font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.02em;color: var(--color-text-subtle);margin-bottom: 20px;max-width: 706px;}
.about__closing {font-family: var(--font-sans);font-size: 16px;font-weight: 400;line-height: 1.8;letter-spacing: 0.02em;margin-bottom: 60px;max-width: 564px;}
/* ===== Popular 900px ===== */
.popular {min-height: var(--popular-height);background: var(--color-bg-primary);padding-bottom: 0;position: relative;}
.popular__layout {display: grid;grid-template-columns: 320px 1fr;gap: 0;padding-left: var(--popular-gutter);min-height: var(--popular-height);align-items: start;}
.popular__sidebar {display: flex;flex-direction: column;gap: 139px;padding-top: 351px;width: 320px;}
.popular__title {font-family: var(--font-roboto);font-size: 64px;font-weight: 800;line-height: 72px;color: var(--color-accent);}
.popular__track-wrap {padding-top: 183px;overflow: hidden;margin-right: calc(-1 * var(--header-gutter));min-height: 717px;max-width: 100%;}
.popular__track {display: flex;gap: 60px;padding-right: var(--header-gutter);max-width: 100%;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;cursor: grab;user-select: none;touch-action: pan-x pinch-zoom;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;}
.popular__track .product-card {display: flex;flex-direction: column;height: auto;min-height: 463px;overflow: hidden;}
.popular__track .product-card__image-wrap {position: unset;top: auto;left: auto;flex: 0 0 auto;width: calc(100% - 56px);max-width: 337px;height:auto;margin: 24px auto 0;overflow: hidden;}
.popular__track .product-card__image {position: unset;inset: 0;width: 100%;height: 100%;object-fit: unset;}
.popular__track .product-card__body {position: relative;top: auto;left: auto;flex: 1 1 auto;width: calc(100% - 56px);max-width: 337px;margin: 20px auto 0;padding-bottom: 24px;}
.popular__track.is-dragging {cursor: grabbing;scroll-snap-type: none;}
.popular__track::-webkit-scrollbar {display: none;}
.popular__scrollbar {height: 1px;margin-top: 24px;margin-right: var(--header-gutter);background: rgba(255, 255, 255, 0.1);position: relative;cursor: pointer;}
.popular__scrollbar-thumb {position: absolute;height: 6px !important;left: 0;top: -3px;height: 100%;min-width: 80px;background: var(--color-accent);transition: transform 0.1s ease, width 0.1s ease;cursor: grab;touch-action: none;}
.popular__scrollbar-thumb.is-dragging {cursor: grabbing;transition: none;}
@media (max-width: 1200px) {
  .about__layout {  min-height: auto;}
  .about__backdrop {  position: relative;  height: clamp(320px, 48vw, 480px);  background: #0b0b09;}
  .about__bg {  object-position: center 58%;}
  .about {  display: flex;  flex-direction: column;}
  .about__content {  padding: 40px var(--page-gutter);  max-width: none;}
  .about__brand,.about__title,.about__intro,.about__highlight-box,.about__tagline,.about__closing,.about__content .more-btn {  margin-left: 0;}
  .about__close-quote {  right: 0;}
  .popular {  min-height: auto;  padding-bottom: 40px;  overflow: hidden;}
  .popular__layout {  grid-template-columns: 1fr;  row-gap: 48px;  padding-left: var(--page-gutter);  padding-right: var(--page-gutter);  min-height: auto;}
  .popular__sidebar {  width: auto;  padding-top: clamp(48px, 10vw, 80px);  gap: 32px;  position: relative;  z-index: 2;}
  .popular__sidebar .more-btn {  align-self: flex-start;}
  .popular__track-wrap {  padding-top: 0;  min-height: 0;  margin-right: 0;  width: 100%;  overflow: hidden;  position: relative;  z-index: 1;}
  .popular__track {  gap: 24px;  padding-right: 0;  width: 100%;}
  .popular__track .product-card {  flex: 0 0 clamp(260px, 72vw, 320px);  width: clamp(260px, 72vw, 320px);  min-height: 0;}
  .popular__track .product-card__image-wrap {  width: calc(100% - 32px);  margin-top: 16px;}
  .popular__track .product-card__body {  width: calc(100% - 32px);  margin-top: 16px;  padding-bottom: 20px;}
  .popular__scrollbar {  margin-right: 0;}
  .categories {  min-height: 180px;  height: auto;  padding-block: 0;}
  .categories__inner {  overflow-x: auto;  justify-content: flex-start;  gap: 24px;  padding: 32px var(--page-gutter) 24px;  align-items: flex-start;  -webkit-overflow-scrolling: touch;  scrollbar-width: none;}
  .categories__inner::-webkit-scrollbar {  display: none;}
  .categories__divider {  display: none;}
  .categories__item {  flex: 0 0 auto;}
}
@media (max-width: 768px) {
  .hero {  height: clamp(360px, 56.25vw, 480px);  min-height: 0;  max-height: none;}
  .hero__slide img {  object-position: center 38%;}
  .hero__indicators {  bottom: 20px;  width: auto;  gap: 6px;}
  .hero__indicator.is-active {  width: 32px;}
  .hero__indicator:not(.is-active) {  width: 16px;}
  .about {  min-height: auto;}
  .about__layout {  min-height: auto;}
  .categories__item {  padding: 0;}
  .categories {  min-height: 0;}
  .categories__inner {  padding: 24px var(--page-gutter) 20px;  gap: 20px;}
  .categories__icon,.categories__icon img {  width: 48px;  height: 48px;}
  .categories__label {  font-size: 14px;}
  .about__title {  font-size: clamp(36px, 8vw, 64px);  line-height: 1.15;}
  .about__open-quote,.about__close-quote {  font-size: 48px;  line-height: 1;}
  .about__close-quote {  right: 0;}
  .about__backdrop {  height: clamp(280px, 56vw, 360px);}
  .popular {  min-height: auto;  padding-bottom: 32px;}
  .popular__title {  font-size: clamp(36px, 8vw, 64px);  line-height: 1.15;}
  .popular__sidebar {  padding-top: 40px;  gap: 24px;}
  .popular__layout {  row-gap: 40px;}
  .popular__track-wrap {  padding-top: 0;  min-height: 0;  margin-right: 0;  overflow: hidden;}/* 小屏：商品纵向排列，避免横向溢出 */.popular__track {  flex-direction: column;  overflow-x: hidden;  overflow-y: visible;  gap: 20px;  width: 100%;  touch-action: auto;  cursor: default;}
  .popular__track .product-card {  flex: none;  width: 100%;  max-width: 100%;  min-height: auto;  scroll-snap-align: none;}
  .popular__track .product-card__image-wrap {  width: calc(100% - 32px);  margin-top: 16px;}
  .popular__track .product-card__body {  width: calc(100% - 32px);  padding-bottom: 20px;}
  .popular__scrollbar {  display: none;}
}
/* ===== Blog page shell ===== */
.blog__main {max-width: 1920px;padding-left: 0;padding-right: 0;}
.blog__hero {margin: 0;height: 500px;background: #00456b;position: relative;overflow: hidden;}
.blog__hero .page-hero__image {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.blog__hero .page-hero__overlay {background: rgba(0, 0, 0, 0.35);}
.blog__breadcrumb {max-width: var(--container-max);margin: 0 auto;padding: 30px var(--page-gutter) 0;}
/* ===== Social grid panel 1440×500 ===== */
.blog-social {max-width: var(--container-max);margin: 30px auto 0;padding: 0 var(--page-gutter) 80px;}
.blog-social__panel {position: relative;height: 500px;background: #151517;overflow: hidden;}
.blog-social__grid {position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;height: 100%;}
.blog-social__divider-v {position: absolute;left: 50%;width: 1px;background: rgba(255, 255, 255, 0.1);transform: translateX(-50%);z-index: 0;}
.blog-social__divider-v--top {top: 65px;height: 120px;}
.blog-social__divider-v--bottom {top: 315px;height: 120px;}
.blog-social__divider-h {position: absolute;left: 120px;right: 120px;top: 249px;height: 1px;background: rgba(255, 255, 255, 0.1);z-index: 0;}
/* 左栏 x:120，右栏 x:987；上下行 top:60 / 310；图标与文案间距 60 */
.blog-social__card {display: grid;grid-template-columns: 130px 1fr;column-gap: 60px;align-content: start;padding: 60px 40px 0 120px;}
.blog-social__card--instagram,.blog-social__card--tiktok {/* padding-left: 267px; */}
.blog-social__avatar {width: 130px;height: 130px;object-fit: cover;background: transparent;/* 去掉导出图四角黑/白底，融入 #151517 面板，无需手动抠图 */mix-blend-mode: lighten;}
.blog-social__name {font-family: var(--font-sans);font-size: 18px;font-weight: 400;line-height: 27px;margin: 10px 0 4px;}
.blog-social__desc {font-family: var(--font-sans);font-size: 16px;line-height: 24px;color: var(--color-text-muted);margin: 0 0 17px;max-width: 448px;}
@media (max-width: 1100px) {
  .blog-social__panel {  height: auto;  min-height: 500px;}
  .blog-social__grid {  grid-template-columns: 1fr;  grid-template-rows: auto;}
  .blog-social__divider-v,.blog-social__divider-h {  display: none;}
  .blog-social__card,.blog-social__card--instagram,.blog-social__card--tiktok {  padding: 40px 24px;  border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  .blog-social__card:last-child {  border-bottom: none;}
}
@media (max-width: 640px) {
  .blog__hero {  height: 420px;}
  .blog-social__card {  grid-template-columns: 100px 1fr;  gap: 24px;}
  .blog-social__avatar {  width: 100px;  height: 100px;}
}
.contact-section__title {font-size: 24px;letter-spacing: 0.02em;margin-bottom: 30px;}
.contact-section__divider {height: 1px;background: rgba(255, 255, 255, 0.2);margin-bottom: 30px;}
.contact-info {display: flex;flex-wrap: wrap;gap: 24px 80px;font-size: 16px;color: var(--color-text-muted);margin-bottom: 54px;}
.contact-map {width: 100%;height: 450px;margin-bottom: 64px;background: #d9d9d9;overflow: hidden;}
.contact-map img {width: 100%;height: 100%;object-fit: cover;}
.contact-layout {display: grid;grid-template-columns: 705px 1fr;gap: 72px;}
.contact-form__label {display: block;font-size: 16px;text-transform: capitalize;color: var(--color-text-muted);margin-bottom: 12px;}
.contact-form__input,.contact-form__textarea {width: 100%;padding: 18px 20px;font-family: var(--font-sans);font-size: 16px;color: var(--color-text-primary);background: transparent;border: 1px solid rgba(255, 255, 255, 0.2);outline: none;margin-bottom: 20px;}
.contact-form__textarea {min-height: 180px;resize: vertical;}
.contact-form__counter {text-align: right;font-size: 16px;color: var(--color-text-muted);margin-top: -12px;margin-bottom: 20px;}
.contact-form__hint {font-size: 16px;line-height: 1.5;letter-spacing: -0.01em;color: var(--color-text-muted);margin-bottom: 24px;}
.contact-qa__title {font-size: 24px;letter-spacing: 0.02em;margin-bottom: 44px;}
.contact-qa__item {padding: 18px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);cursor: pointer;}
.contact-qa__question {display: flex;align-items: center;justify-content: space-between;font-size: 20px;letter-spacing: 0.02em;}
.contact-qa__answer {margin-top: 16px;font-size: 16px;line-height: 1.5;color: var(--color-text-muted);display: none;}
.contact-qa__item.is-open .contact-qa__answer {display: block;}
@media (max-width: 1100px) {
  .contact-layout {  grid-template-columns: 1fr;}
}
@media (max-width: 640px) {
  .contact-form__submit.cut-btn--lg {  width: 100%;}
  .contact-map {  height: clamp(240px, 50vw, 360px);}
}
/* ===== About page shell  ===== */
.about__main {max-width: 1920px;padding-left: 0;padding-right: 0;}
.about__hero {margin: 0;height: 500px;background: #00456b;position: relative;overflow: hidden;}
/* 合成导出已含 #00456B 底色、灰层与 70% 透明度 */
.about__hero .page-hero__image {width: 100%;height: 100%;object-fit: cover;object-position: center top;}
.about__hero .page-hero__overlay {display: none;}
.about__breadcrumb {max-width: var(--container-max);margin: 0 auto;padding: 30px var(--page-gutter) 0;}
.about__content {max-width: var(--container-max);margin: 0 auto;padding: 0 var(--page-gutter) 80px;}
.about .contact-section {margin-top: 54px;}
.about .contact-section__title {font-size: 24px;font-weight: 400;letter-spacing: 0.02em;margin-bottom: 30px;}
.about .contact-section__title--message {text-transform: lowercase;margin-bottom: 44px;}
.about .contact-section__divider {margin-bottom: 30px;}
.about .contact-info {gap: 24px 80px;margin-bottom: 54px;}
.about .contact-map {margin-bottom: 60px;}
.about .contact-layout {margin-top: 0;}
.about .contact-qa__title {text-transform: uppercase;}
@media (max-width: 640px) {
  .about__hero {  height: 420px;}
}
/* ===== Products page shell ===== */
.products__main {max-width: 1920px;padding-left: 0;padding-right: 0;}
.products__hero {margin: 0;height: 500px;background: #00456b;}
.products__hero .page-hero__image {opacity: 1;}
.products__breadcrumb {max-width: var(--container-max);margin: 0 auto;padding: 30px var(--page-gutter) 0;}
/* ===== Category tab bar 1440×90 ===== */
.products-tabs {max-width: var(--container-max);margin: 30px auto 60px;padding: 0 var(--page-gutter);}
.products-tabs__inner {display: flex;align-items: stretch;height: 90px;background: #0f0f11;}
.products-tabs__item {position: relative;display: flex;flex: 1 1 200px;align-items: center;justify-content: center;min-width: 0;padding: 0 12px;color: var(--color-text-primary);text-decoration: none;transition: background var(--transition-fast);}
.products-tabs__item::after {content: '';position: absolute;top: 22px;right: 0;width: 1px;height: 46px;background: var(--color-accent);opacity: 0.1;}
.products-tabs__item:last-child::after {display: none;}
.products-tabs__item:first-child {flex: 0 0 220px;}
.products-tabs__item:last-child {flex: 0 0 220px;}
.products-tabs__item.is-active {background: var(--color-accent);}
.products-tabs__item.is-active::after {display: none;}
.products-tabs__label {font-family: var(--font-sans);font-size: 18px;letter-spacing: 0.02em;text-align: center;white-space: nowrap;text-transform: capitalize;}
/* ===== Product sections ===== */
.products-listing {max-width: var(--container-max);margin: 0 auto;padding: 0 var(--page-gutter) 80px;}
.products-listing__section {margin-bottom: 60px;}
.products-listing__section:last-child {margin-bottom: 0;}
.products-listing__section-title {margin-bottom: 30px;}
.products-listing__section-name {display: block;font-family: var(--font-sans);font-size: 24px;font-weight: 400;letter-spacing: 0.02em;color: var(--color-text-primary);line-height: 1.5;}
.products-listing__empty {color: var(--color-text-muted);padding: 2rem 0;}
.products-listing__grid {display: grid;grid-template-columns: repeat(4, minmax(0, 337px));gap: 60px 30px;justify-content: start;}
/* ===== Grid product card (337 + 178, no dark shell) ===== */
.products-listing__grid .product-card--grid {width: 337px;max-width: 100%;height: auto;background: transparent;border-radius: 0;overflow: visible;position: relative;}
.products-listing__grid .product-card--grid .product-card__image-wrap {position: relative;top: auto;left: auto;display: block;width: 303px;max-width: 100%;background: #d9d9d9;border-radius: 0;}
.products-listing__grid .product-card--grid .product-card__image {width: 100%;height: 100%;object-fit: contain;mix-blend-mode: normal;}
.products-listing__grid .product-card--grid .product-card__body {position: relative;top: auto;left: auto;width: 337px;max-width: 100%;padding-top: 20px;}
@media (max-width: 1500px) {
  .products-listing__grid {  grid-template-columns: repeat(3, minmax(0, 1fr));}
  .products-listing__grid .product-card--grid,.products-listing__grid .product-card--grid .product-card__image-wrap,.products-listing__grid .product-card--grid .product-card__body {  width: 100%;}
}
@media (max-width: 1100px) {
  .products-tabs__inner {  height: auto;  flex-wrap: wrap;}
  .products-tabs__item,.products-tabs__item:first-child,.products-tabs__item:last-child {  flex: 1 1 calc(33.333% - 1px);  min-height: 72px;}
  .products-tabs__item::after {  display: none;}
  .products-listing__grid {  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 40px 20px;}
}
@media (max-width: 640px) {
  .products__hero {  height: 420px;}
  .products-tabs__item,.products-tabs__item:first-child,.products-tabs__item:last-child {  flex: 1 1 50%;}
  .products-listing__grid {  grid-template-columns: 1fr;}
}
.product-detail .inner__main {padding-top: 30px;max-width: 1920px;}
.product-detail .inner-breadcrumb,.product-detail .product-detail-layout,.product-detail .detail-strips {max-width: 1440px;margin-left: auto;margin-right: auto;}
.product-detail .inner-breadcrumb {text-align: left;margin-bottom: 30px;}
.product-detail-empty {padding: 4rem;text-align: center;color: var(--color-text-muted);}
.product-detail-layout {display: grid;grid-template-columns: 720px 1fr;gap: 84px;align-items: start;}
.product-detail-gallery__main {width: 720px;height: 720px;background: #fff;overflow: hidden;text-align:center;}
.product-detail-gallery__main img {display:inline-block;max-width:100%;max-height:100%;}
.product-detail-gallery__thumbs {display: flex;gap: 10px;margin-top: 20px;}
.product-detail-gallery__thumb {width: 111px;height: 111px;background: #fff;border: 3px solid transparent;overflow: hidden;cursor: pointer;padding: 0;}
.product-detail-gallery__thumb.is-active {border-color: var(--color-accent);}
.product-detail-gallery__thumb img {width: 100%;height: 100%;object-fit: contain;}
.product-detail-info {max-width: 636px;}
.product-detail-info__title {font-size: 24px;font-weight: 500;letter-spacing: 0.02em;margin-bottom: 10px;}
.product-detail-info__subtitle {font-size: 16px;line-height: 1.8;color: var(--color-text-muted);margin-bottom: 10px;}
/* 三列价格 */
.product-detail-prices {display: flex;gap: 35px;margin: 10px 0 27px;}
.product-detail-prices__col {display: flex;flex-direction: column;gap: 4px;}
.product-detail-prices__value {font-family: var(--font-cn);font-size: 24px;line-height: 1.5;color: var(--color-accent);}
.product-detail-prices__label {font-family: var(--font-cn);font-size: 13px;color: var(--color-accent);}
.product-detail-info__section-title {font-size: 24px;font-weight: 500;margin: 27px 0 16px;}
.product-detail-info__section-title:first-of-type {margin-top: 27px;}
.product-detail-pills {display: flex;flex-wrap: wrap;gap: 20px;}
.product-detail-pill.cut-btn--ghost {opacity: 0.5;}
.product-detail-info__desc {margin-top: 32px;font-size: 16px;line-height: 1.4;color: var(--color-text-muted);white-space: pre-line;}
.product-detail-actions {display: flex;gap: 30px;margin-top: 27px;}
.product-detail-btn.cut-btn--lg {width: 280px;height: 60px;}
.product-detail-qty {margin-top: 32px;}

.cart-qty--detail {display: inline-flex;align-items: center;justify-content: space-between;width: 125px;height: 34px;padding: 3px;border: 1px solid #ccc;border-radius: 0;box-sizing: border-box;background: transparent;overflow: hidden;}
.cart-qty--detail button {width: 28px;height: 28px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;padding: 0;margin: 0;border: none;font-size: 0;line-height: 0;cursor: pointer;}
.cart-qty--detail button:first-child {background: rgba(255, 255, 255, 0.1);}
.cart-qty--detail button:last-child {background: rgba(255, 255, 255, 0.5);}
.cart-qty--detail button img {display: block;width: 14px;height: auto;pointer-events: none;}
.cart-qty--detail > span {flex: 1;min-width: 0;border: none;text-align: center;font-size: 18px;font-weight: 400;line-height: 28px;color: #fff;}
.product-detail-sections {margin-top: 60px;}
.detail-strips {width: 100%;}
.detail-strip {display: block;width: 100%;height: auto;aspect-ratio: 1440 / 500;object-fit: cover;}
@media (max-width: 1480px) {
  .product-detail .inner__main{max-width:100%;padding:30px;}
  .product-detail .inner-breadcrumb, .product-detail .product-detail-layout, .product-detail .detail-strips{max-width:100%;}
  .product-detail-layout{grid-template-columns:660px 1fr;gap:50px;}
  .product-detail-gallery__main {width:100%;height: 660px;}
  .product-detail-gallery__thumb{width:123px;height:123px;}
  .product-detail-btn.cut-btn--lg{width: 230px;height:50px;}
}
@media (max-width: 1200px) {
  .product-detail-layout {grid-template-columns: 1fr;  gap: 40px;}
  .product-detail-gallery__main {width: 100%;  height: auto;  aspect-ratio: 1;}
  .product-detail-gallery__main img {position: static;  top: auto;  height: 100%;}
  .product-detail-gallery__thumbs {flex-wrap: wrap;}
}
@media (max-width: 640px) {
  .product-detail-actions {flex-direction: column;  gap: 16px;}
  .product-detail-btn.cut-btn--lg {width: 100%;}
}

.account-breadcrumb {margin-bottom: 30px;}
.account-tabs {display: grid;grid-template-columns: repeat(4, 1fr);height: 60px;background: var(--color-bg-card);margin-bottom: 20px;}
.account-tabs__item {display: flex;align-items: center;justify-content: center;font-size: 20px;letter-spacing: 0.02em;text-transform: capitalize;color: var(--color-text-primary);opacity: 0.7;border: none;background: transparent;cursor: pointer;}
.account-tabs__item.is-active {opacity: 1;background: var(--color-accent);}
.account-order {background: var(--color-bg-card);margin-bottom: 20px;padding: 0 40px 20px;}
.account-order__header {display: flex;align-items: center;justify-content: space-between;min-height: 66px;padding-top: 10px;font-size: 16px;opacity: 0.7;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.account-order__date {opacity: 0.2;}
.account-order__body {display: grid;grid-template-columns: minmax(0, 1fr) 240px;gap: 40px;align-items: stretch;padding: 20px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.account-order__goods {list-style: none;margin: 0;padding: 0;}
.account-order__goods-item {display: grid;grid-template-columns: 90px minmax(0, 1fr) auto;gap: 20px;align-items: center;padding: 14px 0;border-bottom: 1px dashed rgba(255, 255, 255, 0.08);}
.account-order__goods-item:last-child {border-bottom: none;}
.account-order__goods-thumb {width: 90px;height: 90px;object-fit: cover;background: var(--color-placeholder);}
.account-order__goods-title {font-size: 18px;font-weight: 500;margin-bottom: 6px;}
.account-order__goods-spec {font-size: 14px;color: var(--color-text-muted);}
.account-order__goods-price {text-align: right;font-size: 16px;white-space: nowrap;}
.account-order__goods-qty {font-size: 14px;color: var(--color-text-muted);}
.account-order__summary {display: flex;flex-direction: column;justify-content: center;align-items: flex-end;gap: 8px;padding-left: 40px;border-left: 1px solid rgba(255, 255, 255, 0.1);}
.account-order__summary-total {font-size: 28px;font-weight: 500;line-height: 1.2;}
.account-order__summary-usd,.account-order__summary-cny {font-size: 14px;color: var(--color-text-muted);}
.account-order__summary-count {font-size: 14px;color: var(--color-text-muted);}
.account-order__status {font-size: 24px;font-weight: 500;text-align: right;color: #d14e56;}
.account-order__status--muted {color: var(--color-text-primary);}
.account-order__actions {display: flex;flex-direction: column;gap: 12px;align-items: flex-end;}
.account-empty {padding: 48px 24px;text-align: center;color: var(--color-text-muted);background: var(--color-bg-card);}
.account-pagination {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 20px;margin-top: 60px;}
.account-pagination__item {min-width: 48px;height: 48px;padding: 10px 20px;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;border: none;border-radius: 48px;color: var(--color-text-primary);background: var(--color-bg-card);cursor: pointer;}
.account-pagination__item:hover:not(:disabled):not(.is-active):not(.account-pagination__ellipsis) {background: rgba(192, 128, 66, 0.35);}
.account-pagination__item.is-active {background: var(--color-accent);color: #e4e4e4;cursor: default;}
.account-pagination__item:disabled {opacity: 0.4;cursor: not-allowed;}
.account-pagination__ellipsis {cursor: default;background: transparent;}
.account-pagination__next {min-width: 118px;gap: 8px;}
.account-footer {margin-top: 48px;padding-top: 24px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.account-logout {font-family: var(--font-sans);font-size: 16px;letter-spacing: 0.02em;color: var(--color-text-muted);transition: color var(--transition-fast);}
.account-logout:hover {color: var(--color-accent);}
@media (max-width: 900px) {
  .account-tabs {grid-template-columns: repeat(2, 1fr);height: auto;}
  .account-tabs__item {min-height: 48px;}
  .account-order__body {grid-template-columns: minmax(0, 1fr);gap: 16px;}
  .account-order__summary {flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 20px;padding-left: 0;padding-top: 16px;border-left: none;border-top: 1px solid rgba(255, 255, 255, 0.1);}
  .account-order__summary-total {font-size: 24px;}
  .account-order__status {font-size: 20px;}
}

@media (max-width: 640px) {
  .account-order {padding: 0 16px 16px;}
  .account-order__header {flex-direction: column;align-items: flex-start;gap: 8px;}
  .account-order__goods-item {grid-template-columns: 70px minmax(0, 1fr);gap: 12px;}
  .account-order__goods-thumb {width: 70px;height: 70px;}
  .account-order__goods-title {font-size: 16px;}
  .account-order__goods-price {grid-column: 2;text-align: left;}
  .account-order__summary {justify-content: space-between;gap: 12px;}
  .account-order__summary-total {font-size: 22px;}
  .account-order__status {font-size: 18px;}
  .account-order__actions {align-items: stretch;width: 100%;}
  .account-order__btn {width: 100%;text-align: center;}
}

.cart__table {
  background: var(--color-bg-card);
  border-radius: 0;
  overflow: hidden;
}

.cart__head,
.cart__row {
  display: grid;
  grid-template-columns: 40px minmax(100px, 180px) minmax(0, 1fr) 110px 125px 100px 80px;
  align-items: center;
  gap: clamp(12px, 2vw, 30px);
  padding: 0 clamp(16px, 3vw, 40px);
}

.cart__head {
  height: auto;
  min-height: 80px;
  padding-block: 24px;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  color: var(--color-text-primary);
  opacity: 0.7;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cart__row {
  min-height: 200px;
  padding-block: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cart__row:last-of-type {
  border-bottom: none;
}

.cart__product {
  display: contents;
}

.cart__meta {
  display: contents;
}

.cart__meta-label {
  display: none;
}

.cart__meta-item {
  display: contents;
}

.cart__checkbox {
  width: 20px;
  height: 20px;
  accent-color: var(--color-accent);
  justify-self: center;
}

.cart__thumb {
  width: 100%;
  max-width: 180px;
  aspect-ratio: 1;
  background: var(--color-placeholder);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cart__thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.cart__info {
  min-width: 0;
}

.cart__info h3 {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  line-height: 1.3;
}

.cart__variant {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2.5px;
  font-size: 14px;
  color: var(--color-text-muted);
}

.cart__price,
.cart__subtotal {
  font-size: 16px;
  letter-spacing: 0.0625em;
  white-space: nowrap;
}

.cart__subtotal {color: var(--color-accent);line-height:1;}
.cart__subtotal p{padding-bottom:10px;}
.cart__subtotal p:last-child{padding-bottom:0;}
.cart__subtotal p span{display:block;line-height:1;}
.cart__subtotal p i{font-style:normal;font-size:10px;line-height:1;display:block;}

.cart__delete {
  font-size: 16px;
  letter-spacing: 0.0625em;
  color: #666;
  justify-self: start;
}

.cart__delete:hover {
  color: var(--color-accent);
}

.cart-qty {
  display: inline-flex;
  align-items: center;
  width: 125px;
  max-width: 100%;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 18px;
  overflow: hidden;
  padding: 1px;
}

.cart-qty button {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  font-size: 16px;
  color: #333;
  border-radius: 50%;
  background: var(--color-text-primary);
  border: unset;
}

.cart-qty span {
  flex: 1;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}

.cart__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  min-height: 120px;
  padding: clamp(20px, 4vw, 40px);
  background: var(--color-bg-card);
  margin-top: 20px;
}

.cart__select-all {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  opacity: 0.7;
}

.cart__summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(16px, 3vw, 40px);
  margin-left: auto;
}


.cart__summary-text {
  font-size: 16px;
  letter-spacing: 0.0625em;
}

.cart__total {
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
  padding-top:15px;
}

.cart__total-label {
  font-size: 14px;
  opacity: 0.7;
}

.cart__total-value {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 500;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  gap: 20px;
}
.cart__summary-box .cart__total-value p{line-height:1;}
.cart__summary-box .cart__total-value p span{display:block;line-height:1;}
.cart__summary-box .cart__total-value p i{font-size:12px;line-height:1;display:block;}

.cart__pay-btn {
  min-width: 180px;
  height: 50px;
  padding: 0 38px;
  border-radius: 25px;
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 500;
  color: #fff;
  background: var(--color-accent);
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.cart__pay-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.cart__empty {
  padding: clamp(48px, 10vw, 80px) clamp(20px, 4vw, 40px);
  text-align: center;
  color: var(--color-text-muted);
  background: var(--color-bg-card);
}

@media (max-width: 1100px) {
  .cart__head {
    display: none;
  }

  .cart__head,
  .cart__row {
    grid-template-columns: 32px minmax(80px, 120px) minmax(0, 1fr);
    grid-template-areas:
      'check thumb info'
      'meta meta meta';
  }

  .cart__product {
    display: contents;
  }

  .cart__checkbox {
    grid-area: check;
    align-self: start;
    margin-top: 8px;
  }

  .cart__thumb {
    grid-area: thumb;
    max-width: 120px;
  }

  .cart__info {
    grid-area: info;
  }

  .cart__meta {
    display: grid;
    grid-area: meta;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .cart__meta-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cart__meta-label {
    display: block;
    font-size: 12px;
    color: var(--color-text-subtle);
    text-transform: capitalize;
  }

  .cart__meta-item--action {
    align-items: flex-start;
  }

  .cart__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .cart__summary {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
  }
}

@media (max-width: 640px) {
  .cart__row {
    grid-template-columns: 28px 72px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    min-height: auto;
  }

  .cart__thumb {
    max-width: 72px;
  }

  .cart__thumb img {
    max-width: 56px;
    max-height: 100px;
  }

  .cart__info h3 {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .cart__variant {
    font-size: 12px;
    padding: 3px 8px;
  }

  .cart__meta {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .cart__meta-item--action {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .cart__summary {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .cart__summary-text {
    font-size: 14px;
  }

  .cart__total {
    justify-content: flex-end;
  }

  .cart__pay-btn {
    width: 100%;
    min-width: 0;
    height: 44px;
    font-size: 18px;
  }

  .cart__select-all {
    font-size: 14px;
    gap: 12px;
  }

  .cart__empty .cart__pay-btn {
    width: auto;
    min-width: 180px;
  }
}

#confirmorder-root{display:flex;}
#confirmorder-root h5{font-size: 16px;font-weight: 500;margin-bottom:20px;}
#confirmorder-root .fl{flex:3;margin-right:30px;}
#confirmorder-root .addr{margin:50px 0 10px;background-color:#151517;padding:20px 20px 30px;}
#confirmorder-root .addr .addr-frm{display:flex;}
#confirmorder-root .addr .addr-frm input{flex:1;margin-right:40px;padding:10px 20px;border:1px solid rgba(255,255,255,0.2);color:#fff;background-color:transparent;}
#confirmorder-root .addr .addr-frm input#addr{flex:2;}
#confirmorder-root .proList{background-color:#151517;padding:20px 20px 22px;}
#confirmorder-root .proList .item{display:flex;align-items:center;margin-bottom:20px;}
#confirmorder-root .proList .item img{width:180px;height:180px;margin-right:20px;}
#confirmorder-root .proList .item .info{flex:4;}
#confirmorder-root .proList .item .info .name{font-size:24px;font-weight:500;line-height:28px;}
#confirmorder-root .proList .item .info .spec{font-size:16px;font-weight:400;line-height:1;margin-top:8px;}
#confirmorder-root .proList .item .info .spec i{margin-left:10px;padding-left:10px;font-style:normal;color:rgba(255,255,255,0.7);position:relative;}
#confirmorder-root .proList .item .info .spec i:first-child{margin-left:0;padding-left:0;}
#confirmorder-root .proList .item .info .spec i::before{content:'';position:absolute;top:55%;left:0;width:1px;height:10px;background-color:rgba(255,255,255,0.2);transform:translateY(-50%);}
#confirmorder-root .proList .item .info .spec i:first-child::before{display:none;}
#confirmorder-root .proList .item .price{flex:1;font-size:16px;font-weight:400;line-height:1;margin-top:8px;color:#C08042;}
#confirmorder-root .proList .item .price p{margin:10px 0;}
#confirmorder-root .proList .item .price p span{font-size:18px;font-weight:400;display:block;}
#confirmorder-root .proList .item .price p i{font-style: normal;}
#confirmorder-root .proList .item .qty{flex:1;font-size:16px;font-weight:400;}
#confirmorder-root .note{background-color:#151517;padding:20px 20px 22px;}
#confirmorder-root .note textarea{flex:1;padding:10px 20px;border:1px solid rgba(255,255,255,0.2);color:#fff;background-color:#222224;width:100%;height:100px;}
#confirmorder-root .note textarea:focus{outline:none;}
#confirmorder-root .note textarea::placeholder{color:rgba(255,255,255,0.7);}
#confirmorder-root .fr{flex:1;background-color: #151517;padding:20px 20px 25px;margin-top:50px;}
#confirmorder-root .fr h5{margin-bottom:0;}
#confirmorder-root .fr .qty{margin-bottom:20px;display:flex;justify-content:space-between;}
#confirmorder-root .fr .qty p{font-size:16px;font-weight:400;line-height:1;margin-top:8px;color:#999;width:180px;}
#confirmorder-root .fr .total{margin-bottom:40px;display:flex;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid #222224;}
#confirmorder-root .fr .total .price{font-size:16px;font-weight:400;line-height:1;color:#C08042;display:inline-flex;width:180px;}
#confirmorder-root .fr .total .price p{flex:1;padding:0 5px;}
#confirmorder-root .fr .total .price p span{font-size:20px;font-weight:400;display:block;}
#confirmorder-root .fr .total .price p i{font-style: normal;}
#confirmorder-root .fr .paytype{background-color:#222224;padding:35px 20px 10px;border-radius:12px;}
#confirmorder-root .fr .paytype .item{display:flex;align-items:center;margin-bottom:25px;cursor:pointer;position:relative;}
#confirmorder-root .fr .paytype .item::after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;background:url(/images/chk.png) no-repeat center center;border-radius:50%;transform:translateY(-50%);}
#confirmorder-root .fr .paytype .item.on::after{background-image:url(/images/chked.png);}
#confirmorder-root .fr .paytype .item p{font-size:16px;font-weight:500;line-height:1;margin-left:15px;color:#fff;}
#confirmorder-root .fr .btns{margin-top:40px;display:flex;justify-content:space-between;}
#confirmorder-root .fr .btns a{padding:10px 0;border-radius:12px;font-size:18px;font-weight:500;color:#fff;text-align:center;}
#confirmorder-root .fr .btns .btnReturn{flex:1;border:1px solid #fff;margin-right:20px;}
#confirmorder-root .fr .btns .btnPayNow{flex:3;background-color: #C08042;border:1px solid #C08042;}
#confirmorder-root .fr .btns .btnReturn:hover{background-color: #fff;color:#C08042;}
#confirmorder-root .fr .btns .btnPayNow:hover{background-color: #fff;color:#C08042;}
@media screen and (max-width:1300px) {
    #confirmorder-root{flex-direction:column;}
    #confirmorder-root .fl{margin-right:0;}
    #confirmorder-root .fr .btns{flex-direction:column;margin-top:20px;}
    #confirmorder-root .fr .btns .btnReturn{margin-bottom:20px;}
    #confirmorder-root .fr .btns .btnPayNow{margin-top:20px;}
}

@media screen and (max-width:768px) {
    #confirmorder-root .addr .addr-frm{flex-direction:column;}
    #confirmorder-root .addr .addr-frm input{margin:0 0 10px 0;}
}