@keyframes shimmer-4318b013{0%{left:-100%}to{left:200%}}@keyframes fadeIn-4318b013{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-4318b013{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-4318b013{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flowGradient-4318b013{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow-4318b013{0%,to{box-shadow:0 0 20px #8ba6b826}50%{box-shadow:0 0 30px #8ba6b840}}.lang-selector[data-v-4318b013]{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px}.lang-selector__backdrop[data-v-4318b013]{position:absolute;inset:0;background:linear-gradient(168deg,#2c3e50,#1a252f 40%,#0f1923);z-index:0}.lang-selector__card[data-v-4318b013]{position:relative;z-index:1;width:100%;max-width:360px;padding:32px 24px;background:#ffffff14;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #0006,inset 0 1px #ffffff1a;text-align:center;overflow:hidden}@media (min-width: 768px){.lang-selector__card[data-v-4318b013]{max-width:440px;padding:48px 32px}}.lang-selector__decor[data-v-4318b013]{position:absolute;top:-60px;right:-60px;width:200px;height:200px;pointer-events:none}.lang-selector__decor-ring[data-v-4318b013]{position:absolute;border-radius:50%;border:1px solid rgba(139,166,184,.1)}.lang-selector__decor-ring--1[data-v-4318b013]{width:200px;height:200px;top:0;right:0;animation:decorSpin-4318b013 20s linear infinite}.lang-selector__decor-ring--2[data-v-4318b013]{width:140px;height:140px;top:30px;right:30px;animation:decorSpin-4318b013 15s linear infinite reverse}.lang-selector__brand[data-v-4318b013]{margin-bottom:24px}.lang-selector__logo[data-v-4318b013]{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#8ba6b8,#6b8fa3);color:#fff;font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:16px;box-shadow:0 8px 24px #8ba6b84d}.lang-selector__title[data-v-4318b013]{font-size:28px;font-weight:700;color:#fffffff2;letter-spacing:6px;margin:0;line-height:1.25}.lang-selector__subtitle[data-v-4318b013]{font-size:13px;font-weight:500;color:#8ba6b8b3;letter-spacing:8px;margin:4px 0 0}.lang-selector__divider[data-v-4318b013]{display:flex;align-items:center;gap:8px;margin-bottom:24px}.lang-selector__divider-line[data-v-4318b013]{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.lang-selector__divider-text[data-v-4318b013]{font-size:11px;color:#ffffff4d;letter-spacing:3px;text-transform:uppercase;white-space:nowrap}.lang-selector__options[data-v-4318b013]{display:flex;gap:16px;margin-bottom:24px;position:relative}.lang-selector__option[data-v-4318b013]{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.lang-selector__option[data-v-4318b013]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.lang-selector__option[data-v-4318b013]:active{transform:scale(.96)}.lang-selector__option--zh[data-v-4318b013]:active{background:#8ba6b826;border-color:#8ba6b84d;box-shadow:0 0 30px #8ba6b826}.lang-selector__option--en[data-v-4318b013]:active{background:#d4c4b626;border-color:#d4c4b64d;box-shadow:0 0 30px #d4c4b626}.lang-selector__option-icon[data-v-4318b013]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:17px;font-weight:700;letter-spacing:1px}.lang-selector__option--zh .lang-selector__option-icon[data-v-4318b013]{background:linear-gradient(135deg,#8ba6b840,#8ba6b81a);color:#a8bfcf;border:1px solid rgba(139,166,184,.2)}.lang-selector__option--en .lang-selector__option-icon[data-v-4318b013]{background:linear-gradient(135deg,#d4c4b640,#d4c4b61a);color:#d4c4b6;border:1px solid rgba(212,196,182,.25)}.lang-selector__option-label[data-v-4318b013]{font-size:17px;font-weight:600;color:#ffffffe6;letter-spacing:1px}.lang-selector__option-sub[data-v-4318b013]{font-size:11px;color:#ffffff4d;letter-spacing:.5px}.lang-selector__or[data-v-4318b013]{display:flex;align-items:center;gap:6px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.lang-selector__or-line[data-v-4318b013]{width:1px;height:20px;background:#ffffff1a}.lang-selector__or-text[data-v-4318b013]{font-size:9px;font-weight:600;color:#fff3;letter-spacing:2px}.lang-selector__skip[data-v-4318b013]{background:none;border:none;font-size:13px;font-weight:500;color:#ffffff40;letter-spacing:2px;cursor:pointer;padding:8px 16px;transition:color .2s ease}.lang-selector__skip[data-v-4318b013]:active{color:#ffffff80}@keyframes decorSpin-4318b013{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lang-overlay-enter-active[data-v-4318b013]{transition:opacity .4s cubic-bezier(.22,1,.36,1)}.lang-overlay-leave-active[data-v-4318b013]{transition:opacity .3s cubic-bezier(.22,1,.36,1)}.lang-overlay-enter-from[data-v-4318b013],.lang-overlay-leave-to[data-v-4318b013]{opacity:0}.lang-card-enter-active[data-v-4318b013]{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.lang-card-leave-active[data-v-4318b013]{transition:all .25s cubic-bezier(.22,1,.36,1)}.lang-card-enter-from[data-v-4318b013]{opacity:0;transform:scale(.88) translateY(20px)}.lang-card-leave-to[data-v-4318b013]{opacity:0;transform:scale(.95) translateY(-10px)}@keyframes shimmer-1226457c{0%{left:-100%}to{left:200%}}@keyframes fadeIn-1226457c{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-1226457c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-1226457c{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flowGradient-1226457c{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow-1226457c{0%,to{box-shadow:0 0 20px #8ba6b826}50%{box-shadow:0 0 30px #8ba6b840}}.sidenav[data-v-1226457c]{position:fixed;left:0;top:0;bottom:0;width:240px;z-index:250;transition:width .3s cubic-bezier(.22,1,.36,1)}.sidenav--collapsed[data-v-1226457c]{width:72px}.sidenav__inner[data-v-1226457c]{background:#ffffffd9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.595);height:100%;display:flex;flex-direction:column;border-right:1px solid rgba(139,166,184,.08);box-shadow:4px 0 24px #3e454c0f;position:relative;overflow:hidden}.sidenav__inner[data-v-1226457c]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.sidenav__brand[data-v-1226457c]{display:flex;align-items:center;gap:16px;padding:32px 24px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);border-bottom:1px solid rgba(139,166,184,.08)}.sidenav__brand[data-v-1226457c]:hover{background:#8ba6b80f}.sidenav__logo[data-v-1226457c]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:16px;background:linear-gradient(135deg,#8ba6b8,#6b8fa3);color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;flex-shrink:0;box-shadow:0 4px 12px #8ba6b840}.sidenav__brand-text[data-v-1226457c]{font-size:17px;font-weight:700;color:#333;letter-spacing:3px;white-space:nowrap}.sidenav__nav[data-v-1226457c]{flex:1;padding:16px 8px;display:flex;flex-direction:column;gap:4px}.sidenav__item[data-v-1226457c]{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;white-space:nowrap}.sidenav__item[data-v-1226457c]:hover{background:#8ba6b814}.sidenav__item--active[data-v-1226457c]{background:#8ba6b81f}.sidenav__item--active .sidenav__icon[data-v-1226457c]{color:#8ba6b8;filter:drop-shadow(0 2px 4px rgba(139,166,184,.3))}.sidenav__item--active .sidenav__label[data-v-1226457c]{color:#8ba6b8;font-weight:600}.sidenav__item--active[data-v-1226457c]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:linear-gradient(135deg,#8ba6b8,#6b8fa3)}.sidenav__item--lang[data-v-1226457c]:hover,.sidenav__item--toggle[data-v-1226457c]:hover{background:#8ba6b814}.sidenav__icon-wrap[data-v-1226457c]{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidenav__icon[data-v-1226457c]{width:24px;height:24px;color:#9ba8b4;transition:all .3s cubic-bezier(.22,1,.36,1)}.sidenav__icon--toggle[data-v-1226457c]{transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}.sidenav__icon--flipped[data-v-1226457c]{transform:rotate(180deg)}.sidenav__glow[data-v-1226457c]{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(139,166,184,.15) 0%,transparent 70%)}.sidenav__label[data-v-1226457c]{font-size:15px;color:#5a6b78;font-weight:500;transition:color .3s cubic-bezier(.22,1,.36,1)}.sidenav__bottom[data-v-1226457c]{padding:8px 8px 24px;border-top:1px solid rgba(139,166,184,.08);display:flex;flex-direction:column;gap:4px}.fade-text-enter-active[data-v-1226457c],.fade-text-leave-active[data-v-1226457c]{transition:opacity .2s cubic-bezier(.22,1,.36,1)}.fade-text-enter-from[data-v-1226457c],.fade-text-leave-to[data-v-1226457c]{opacity:0}#app{width:100%;min-height:100vh;position:relative;overflow-x:hidden}@media (min-width: 768px){#app{overflow-x:auto}}.app-layout{width:100%;min-height:100vh}@media (min-width: 768px){.app-layout{display:flex;padding-left:240px;transition:padding-left .3s cubic-bezier(.22,1,.36,1)}.app-layout--sidenav-collapsed{padding-left:72px}}.app-layout__main{flex:1;min-width:0}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flowGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #8ba6b826}50%{box-shadow:0 0 30px #8ba6b840}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,PingFang SC,Source Han Sans CN,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5;color:#333;background:linear-gradient(168deg,#f8f7f4,#edeae5 40%,#e5e1dc);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea{border:none;outline:none;background:none;font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}@media (max-width: 767px){::-webkit-scrollbar{display:none}}@media (min-width: 768px){::-webkit-scrollbar{width:6px;display:block}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8ba6b840;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8ba6b866}}.page-enter-active{animation:fadeIn .3s cubic-bezier(.22,1,.36,1) forwards}.page-leave-active{animation:fadeIn .2s cubic-bezier(.22,1,.36,1) reverse forwards}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.22,1,.36,1)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{animation:slideUp .3s cubic-bezier(.22,1,.36,1) forwards}.slide-up-leave-active{animation:slideUp .2s cubic-bezier(.22,1,.36,1) reverse forwards}.glass-card{background:#ffffffa6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.455);border-radius:20px;box-shadow:0 6px 24px #8ba6b81f,inset 0 1px #fff9;overflow:hidden;position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);z-index:1}.glass-button{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.49);border-radius:16px;box-shadow:0 5px 20px #8ba6b840,inset 0 1px #fff9;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}.glass-button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s cubic-bezier(.22,1,.36,1)}.glass-button:active{transform:scale(.97);box-shadow:0 2px 12px #8ba6b833}.glass-button:active:after{left:120%}@media (min-width: 768px){.glass-button:hover{transform:translateY(-1px);box-shadow:0 8px 32px #3e454c24,inset 0 1px #fff9}.glass-button:hover:after{left:120%}}.glass-input{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.385);border-radius:16px;box-shadow:inset 0 1px 3px #3e454c0f;border:1px solid rgba(255,255,255,.4);transition:all .3s cubic-bezier(.22,1,.36,1)}.glass-input:focus{border-color:#8ba6b880;box-shadow:inset 0 1px 3px #3e454c0f,0 0 0 3px #8ba6b826}.section{margin-bottom:24px}@media (min-width: 768px){.section{margin-bottom:32px}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header .title-text{font-size:17px;font-weight:700;color:#333;letter-spacing:.5px}@media (min-width: 768px){.section-header .title-text{font-size:20px}}.section-header .title-more{font-size:13px;color:#9ba8b4;display:flex;align-items:center;gap:4px}@media (min-width: 768px){.section-header .title-more{cursor:pointer;transition:color .2s ease}.section-header .title-more:hover{color:#8ba6b8}}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px) and (max-width: 1023px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width: 1280px){.product-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 768px) and (max-width: 1023px){.color-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width: 1280px){.color-grid{grid-template-columns:repeat(6,1fr);gap:24px}}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:500;white-space:nowrap;transition:all .2s cubic-bezier(.22,1,.36,1)}@media (min-width: 768px){.tag{padding:5px 14px;font-size:13px}}.tag--men{background:#8ba6b826;color:#8ba6b8;border:1px solid rgba(139,166,184,.25)}.tag--women{background:#d4c4b633;color:#a08b78;border:1px solid rgba(212,196,182,.35)}.tag--active{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.49);color:#fff;border-color:transparent;box-shadow:0 5px 20px #8ba6b840}.tag--active-men{background:linear-gradient(135deg,#8ba6b8,#6b8fa3);color:#fff;border-color:transparent;box-shadow:0 5px 20px #8ba6b840}.tag--active-women{background:linear-gradient(135deg,#e8e2d9,#d4c4b6);color:#3e454c;border-color:transparent;box-shadow:0 5px 20px #8ba6b840}.divider-gradient{height:1px;margin:24px 0;background:linear-gradient(90deg,transparent,rgba(139,166,184,.25),transparent)}@media (min-width: 768px){.divider-gradient{margin:32px 0}}.skeleton{background:linear-gradient(90deg,#fff6 25%,#fff9,#fff6 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#9ba8b4}.empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.5}@media (min-width: 768px){.empty-state__icon{font-size:64px}}.empty-state__text{font-size:13px}@media (min-width: 768px){.empty-state__text{font-size:15px}}