:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--spacing-page: 24px;--spacing-card: 20px;--spacing-section: 30px;--touch-target-min: 44px;--carousel-height: 300px;--product-image-height: 200px;--detail-image-height: 480px;--font-size-title: 32px;--font-size-price: 40px;--font-size-body: 15px;--button-height-large: 56px;--button-height-normal: 48px;--dialog-width: 500px;--qrcode-size: 220px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease}@media(min-width:768px)and (max-width:1023px){:root{--spacing-page: 16px;--spacing-card: 16px;--spacing-section: 24px;--carousel-height: 240px;--product-image-height: 180px;--detail-image-height: 400px;--font-size-title: 28px;--font-size-price: 36px;--dialog-width: 70vw;--qrcode-size: 200px}}@media(max-width:767px){:root{--spacing-page: 12px;--spacing-card: 12px;--spacing-section: 20px;--carousel-height: 180px;--product-image-height: 160px;--detail-image-height: 280px;--font-size-title: 24px;--font-size-price: 32px;--font-size-body: 14px;--button-height-large: 52px;--button-height-normal: 44px;--dialog-width: 90vw;--qrcode-size: 180px}}html{touch-action:manipulation}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-feedback{-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:opacity var(--transition-fast)}.touch-feedback:active{opacity:.7}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.safe-area-inset{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.fixed-bottom-safe{padding-bottom:calc(var(--spacing-page) + env(safe-area-inset-bottom))}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;-webkit-overflow-scrolling:touch}a,button,input,select,textarea,[role=button]{touch-action:manipulation}a:active,button:active,[role=button]:active{opacity:.8}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;-webkit-tap-highlight-color:transparent}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:clamp(1rem,3vw,2rem)}#app{width:100%;margin:0;padding:0}@media(max-width:768px){#app{padding:0}h1{font-size:1.8rem}.card{padding:1rem}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:768px){.el-dialog{width:90%!important;margin:5vh auto!important}.el-form-item{margin-bottom:18px}.el-table{font-size:12px}.el-table .hidden-sm-and-down{display:none}.el-button{padding:10px 15px}.el-pagination{padding:10px 0}.el-pagination.is-background .el-pager li{min-width:28px;height:28px;line-height:28px}}@media(min-width:769px)and (max-width:1024px){#app{padding:0}.el-dialog{width:70%!important}}.el-select-dropdown{animation:dropdownSlide .3s ease-out!important;border:1px solid #409eff!important;box-shadow:0 4px 20px #409eff33!important;min-width:-moz-fit-content!important;min-width:fit-content!important}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.el-select-dropdown__item{transition:background-color .2s ease,color .2s ease!important;padding:8px 12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.el-select-dropdown__item:hover,.el-select-dropdown__item.is-hovering{background-color:#ecf5ff!important;color:#409eff!important}.el-select-dropdown__item.is-selected,.el-select-dropdown__item.selected{background-color:#e1f0ff!important;color:#409eff!important;font-weight:600!important}.el-select-dropdown__item:before,.el-select-dropdown__item:after,.el-select-dropdown__item.is-selected:before,.el-select-dropdown__item.is-selected:after{display:none!important}.el-message{animation:messageSlide .4s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 32px #409eff4d!important;border:1px solid rgba(64,158,255,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}@keyframes messageSlide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.el-message--success{background:linear-gradient(135deg,#f0f9ff,#e1f5fe)!important;border-left:4px solid #67c23a!important}.el-message--warning{background:linear-gradient(135deg,#fffbf0,#fff7e6)!important;border-left:4px solid #e6a23c!important}.el-message--error{background:linear-gradient(135deg,#fff5f5,#fee)!important;border-left:4px solid #f56c6c!important}.el-message--info{background:linear-gradient(135deg,#f0f9ff,#e1f5fe)!important;border-left:4px solid #409eff!important}.el-notification{animation:notificationSlide .5s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 12px 48px #409eff40!important;border:1px solid rgba(64,158,255,.15)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important}@keyframes notificationSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.el-dialog{animation:dialogZoom .4s cubic-bezier(.4,0,.2,1)!important;border-radius:16px!important;box-shadow:0 16px 64px #0003!important;border:1px solid rgba(64,158,255,.1)!important}@keyframes dialogZoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.el-dialog__header{background:transparent!important;color:#303133!important;border-radius:16px 16px 0 0!important;padding:16px 20px!important}.el-dialog__title{color:#303133!important;font-weight:600!important}.el-dialog__headerbtn{width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}.el-dialog__headerbtn .el-dialog__close{color:#606266!important;font-size:22px!important;font-weight:700!important}.el-dialog__headerbtn:hover{background-color:#f2f6fc!important}.el-dialog__headerbtn:hover .el-dialog__close{color:#303133!important}.el-message-box{animation:messageBoxBounce .5s cubic-bezier(.68,-.55,.265,1.55)!important;border-radius:16px!important;box-shadow:0 20px 72px #00000040!important;border:1px solid rgba(64,158,255,.1)!important}@keyframes messageBoxBounce{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.el-message-box__header{padding:16px 20px 12px!important;background:transparent!important;border-radius:16px 16px 0 0!important;border-bottom:1px solid #ebeef5!important}.el-message-box__title{color:#303133!important;font-weight:600!important}.el-message-box__headerbtn{width:32px!important;height:32px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.el-message-box__headerbtn .el-message-box__close{color:#606266!important;font-size:22px!important;font-weight:700!important}.el-message-box__headerbtn:hover{background-color:#f2f6fc!important}.el-message-box__headerbtn:hover .el-message-box__close{color:#303133!important}.el-overlay{animation:overlayFade .3s ease-out!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.el-button--primary{background:linear-gradient(135deg,#409eff,#5cadff)!important;border:none!important;transition:all .3s ease!important}.el-button--primary:hover{background:linear-gradient(135deg,#66b1ff,#79bbff)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #409eff66!important}.el-button--primary:active{transform:translateY(0)!important}.el-loading-mask{animation:loadingFade .3s ease-out!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}@keyframes loadingFade{0%{opacity:0}to{opacity:1}}.el-loading-spinner{animation:spinnerPulse 1.5s ease-in-out infinite!important}@keyframes spinnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.el-tag{transition:all .3s ease!important;border-radius:20px!important;padding:5px 12px!important}.el-tag:hover{transform:scale(1.05)!important;box-shadow:0 4px 12px #409eff33!important}.el-card{transition:all .4s cubic-bezier(.4,0,.2,1)!important;border-radius:12px!important;border:1px solid rgba(64,158,255,.1)!important}.el-card:hover{box-shadow:0 12px 32px #409eff26!important;transform:translateY(-2px)!important}.el-input__wrapper{transition:all .3s ease!important;border-radius:8px!important}.el-input__wrapper:hover{box-shadow:0 0 0 1px #409eff inset!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px #409eff inset,0 4px 12px #409eff33!important}.el-pagination{animation:fadeIn .5s ease-out!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.el-pagination button,.el-pager li{transition:all .3s ease!important;border-radius:6px!important}.el-pagination button:hover,.el-pager li:hover{background:linear-gradient(135deg,#ecf5ff,#e1f0ff)!important;color:#409eff!important;transform:scale(1.1)!important}.el-pager li.is-active{background:linear-gradient(135deg,#409eff,#5cadff)!important;color:#fff!important;box-shadow:0 4px 12px #409eff4d!important}*{scroll-behavior:smooth!important}.fade-enter-active,.fade-leave-active{transition:all .3s ease!important}.fade-enter-from,.fade-leave-to{opacity:0!important;transform:translateY(10px)!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background-color:#f5f7fa}#app{min-height:100vh;width:100%;overflow-x:hidden}