.app-header[data-v-d4304b95]{z-index:100;background:#fff;min-width:1400px;position:sticky;top:0;box-shadow:0 2px 8px #1a4b8c0f}.notice-bar[data-v-d4304b95]{color:#fff;background:#0f2d5c;height:36px;overflow:hidden}.notice-bar .notice-content[data-v-d4304b95]{align-items:center;gap:8px;height:100%;display:flex}.notice-bar .notice-icon[data-v-d4304b95]{color:#ff6b35;flex-shrink:0;font-size:14px}.notice-bar .notice-text[data-v-d4304b95]{white-space:nowrap;flex:1;overflow:hidden}.notice-bar .notice-text span[data-v-d4304b95]{animation:.5s noticeFade-d4304b95;display:inline-block}@keyframes noticeFade-d4304b95{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.nav-bar[data-v-d4304b95]{border-bottom:1px solid #f0f0f0;position:relative}.nav-content[data-v-d4304b95]{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.nav-left[data-v-d4304b95]{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.nav-divider[data-v-d4304b95]{border-left:1px dashed #f0f0f0;flex-shrink:0;width:1px;height:24px}.quick-index-btn[data-v-d4304b95]{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;background:linear-gradient(135deg,#ff8f44 0%,#ff5722 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;height:32px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.quick-index-panel[data-v-d4304b95]{z-index:90;background:#fff;max-height:580px;padding:24px 0;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.quick-index-panel .panel-content[data-v-d4304b95]{grid-template-columns:200px 1fr;gap:24px;height:560px;display:grid}.quick-index-panel .panel-section-title[data-v-d4304b95]{color:#1a1a2e;align-items:center;gap:4px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.quick-index-panel .panel-section-title.all-products[data-v-d4304b95]{cursor:pointer}.quick-index-panel .panel-section-title.all-products .el-icon[data-v-d4304b95]{font-size:13px}.panel-categories .category-menu[data-v-d4304b95]{flex-direction:column;gap:4px;display:flex}.panel-categories .category-menu-item[data-v-d4304b95]{color:#1a1a2e;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 8px;font-size:13px;transition:all .2s;display:flex}.panel-categories .category-menu-item .el-icon[data-v-d4304b95]{color:#8c8ca8;font-size:16px}.panel-categories .category-menu-item[data-v-d4304b95]:hover,.panel-categories .category-menu-item.active[data-v-d4304b95]{color:#fff;background:#ff6b35}.panel-categories .category-menu-item:hover .el-icon[data-v-d4304b95],.panel-categories .category-menu-item.active .el-icon[data-v-d4304b95]{color:#fff}.panel-body[data-v-d4304b95]{flex-direction:column;gap:24px;height:100%;padding-right:6px;display:flex;overflow-y:auto}.panel-body[data-v-d4304b95]::-webkit-scrollbar{width:6px}.panel-body[data-v-d4304b95]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.panel-body[data-v-d4304b95]::-webkit-scrollbar-track{background:0 0}.category-section .section-title[data-v-d4304b95]{color:#1a1a2e;margin-bottom:16px;font-size:20px;font-weight:600}.category-section .section-groups[data-v-d4304b95]{flex-wrap:wrap;gap:24px;display:flex}.category-group[data-v-d4304b95]{flex-direction:column;margin-bottom:16px;display:inline-flex}.category-group .group-title[data-v-d4304b95]{color:#1a1a2e;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.category-group .group-title .title-bar[data-v-d4304b95]{background:#ff6b35;border-radius:2px;width:3px;height:14px}.category-group .group-items[data-v-d4304b95]{flex-wrap:wrap;gap:16px;display:flex}.product-card[data-v-d4304b95]{cursor:pointer;flex-direction:column;align-items:center;width:92px;display:flex}.product-card .product-img[data-v-d4304b95]{background:#f5f5f5;border-radius:8px;width:92px;height:92px;overflow:hidden}.product-card .product-img img[data-v-d4304b95]{object-fit:cover;width:100%;height:100%;transition:transform .2s}.product-card:hover .product-img img[data-v-d4304b95]{transform:scale(1.05)}.product-card .product-name[data-v-d4304b95]{color:#4a4a68;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:12px;line-height:1.4;overflow:hidden}.default-view[data-v-d4304b95]{grid-template-columns:1fr 340px;gap:24px;display:grid}.default-main[data-v-d4304b95]{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:0 24px}.default-main .hot-products[data-v-d4304b95]{grid-template-columns:1fr 160px;gap:16px;margin-bottom:24px;display:grid}.default-main .hot-cards[data-v-d4304b95]{flex-direction:column;gap:8px;display:flex}.default-main .hot-card[data-v-d4304b95]{cursor:pointer;background:#fff5f0;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.default-main .hot-card .hot-num[data-v-d4304b95]{color:#1a1a2e;min-width:36px;font-size:32px;font-weight:600;line-height:1}.default-main .hot-card .hot-name[data-v-d4304b95]{color:#1a1a2e;margin-bottom:4px;font-size:14px;font-weight:600}.default-main .hot-card .hot-desc[data-v-d4304b95]{color:#8c8ca8;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.default-main .hot-card-2[data-v-d4304b95]{background:#f0f9ff}.default-main .hot-card-3[data-v-d4304b95]{background:#f5f0ff}.default-main .hot-list[data-v-d4304b95]{flex-direction:column;gap:10px;display:flex}.default-main .hot-list-item[data-v-d4304b95]{color:#1a1a2e;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.default-main .hot-list-num[data-v-d4304b95]{color:#8c8ca8;font-size:14px;font-weight:600}.default-main .new-products[data-v-d4304b95]{grid-template-columns:repeat(3,1fr);gap:8px 0;display:grid}.default-main .new-product-item[data-v-d4304b95]{color:#4a4a68;cursor:pointer;padding:6px 0;font-size:13px;transition:color .2s}.default-main .new-product-item[data-v-d4304b95]:hover{color:#1a4b8c}.default-right .promo-banner[data-v-d4304b95]{color:#fff;background:linear-gradient(135deg,#4a6a4a 0%,#2f4f2f 100%);border-radius:12px;height:160px;margin-bottom:24px;padding:16px;position:relative;overflow:hidden}.default-right .promo-banner[data-v-d4304b95]:after{content:"";background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-20px;right:-20px}.default-right .promo-banner .promo-title[data-v-d4304b95]{margin-bottom:4px;font-size:22px;font-weight:600}.default-right .promo-banner .promo-sub[data-v-d4304b95]{color:#ffd666;margin-bottom:8px;font-size:26px;font-weight:600}.default-right .promo-banner .promo-tags[data-v-d4304b95]{gap:8px;margin-bottom:8px;display:flex}.default-right .promo-banner .promo-tags span[data-v-d4304b95]{background:#ffffff26;border-radius:10px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.default-right .promo-banner .promo-slogan[data-v-d4304b95]{color:#ffd666;background:#ffd66633;border-radius:12px;padding:4px 10px;font-size:12px;display:inline-block}.default-right .news-list[data-v-d4304b95]{flex-direction:column;gap:8px;display:flex}.default-right .news-item[data-v-d4304b95]{cursor:pointer;align-items:flex-start;gap:4px;font-size:13px;line-height:1.5;transition:color .2s;display:flex}.default-right .news-item[data-v-d4304b95]:hover{color:#1a4b8c}.default-right .news-tag[data-v-d4304b95]{border-radius:4px;flex-shrink:0;padding:0 4px;font-size:12px;line-height:18px}.default-right .news-tag.tag-hot[data-v-d4304b95]{color:#f56c6c;border:1px solid #f56c6c}.default-right .news-tag.tag-tech[data-v-d4304b95]{color:#e6a23c;border:1px solid #e6a23c}.default-right .news-tag.tag-new[data-v-d4304b95]{color:#67c23a;border:1px solid #67c23a}.default-right .news-title[data-v-d4304b95]{color:#4a4a68;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.category-view[data-v-d4304b95]{flex-direction:column;gap:24px;display:flex}.fade-slide-enter-active[data-v-d4304b95],.fade-slide-leave-active[data-v-d4304b95]{transition:all .25s}.fade-slide-enter-from[data-v-d4304b95],.fade-slide-leave-to[data-v-d4304b95]{opacity:0;transform:translateY(-10px)}.logo[data-v-d4304b95]{flex-direction:column;flex-shrink:0;align-items:flex-start;text-decoration:none;display:flex}.logo .logo-text[data-v-d4304b95]{color:#1a4b8c;font-size:28px;font-weight:600;line-height:1}.logo .logo-sub[data-v-d4304b95]{color:#8c8ca8;letter-spacing:1px;font-size:10px}.search-box[data-v-d4304b95]{flex:1;max-width:560px}.search-box[data-v-d4304b95] .el-input-group__append{background:#ff6b35;border-color:#ff6b35}.search-box[data-v-d4304b95] .el-input-group__append .el-button{color:#fff}.quick-nav[data-v-d4304b95]{flex-shrink:0;align-items:center;gap:24px;display:flex}.quick-nav .nav-item[data-v-d4304b95]{color:#4a4a68;flex-direction:column;align-items:center;gap:2px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.quick-nav .nav-item[data-v-d4304b95]:hover{color:#ff6b35}.quick-nav .nav-item span[data-v-d4304b95]{white-space:nowrap}.quick-nav .nav-item.avatar-item[data-v-d4304b95]{justify-content:center;gap:0;height:44px}.quick-nav .nav-item.avatar-item[data-v-d4304b95]:hover{color:inherit}.quick-nav .user-dropdown[data-v-d4304b95]{cursor:pointer;position:relative}.quick-nav .user-panel[data-v-d4304b95]{z-index:101;background:#fff;border-radius:12px;width:240px;padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 20px #ff6b3526}.quick-nav .user-panel[data-v-d4304b95]:before{content:"";background:#fff;width:12px;height:12px;position:absolute;top:-6px;right:18px;transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000a}.quick-nav .user-panel .panel-header[data-v-d4304b95]{border-bottom:1px dashed #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.quick-nav .user-panel .panel-header .panel-user-info[data-v-d4304b95]{flex-direction:column;gap:4px;display:flex}.quick-nav .user-panel .panel-header .panel-nickname[data-v-d4304b95]{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:16px;font-weight:600;overflow:hidden}.quick-nav .user-panel .panel-header .panel-level[data-v-d4304b95]{color:#8c8ca8;background:#f7f8fa;border-radius:4px;align-items:center;gap:2px;width:fit-content;padding:1px 6px;font-size:12px;display:inline-flex}.quick-nav .user-panel .panel-header .panel-level .el-icon[data-v-d4304b95]{font-size:12px}.quick-nav .user-panel .panel-header .member-center-btn[data-v-d4304b95]{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border-radius:8px;align-items:center;gap:2px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.quick-nav .user-panel .panel-header .member-center-btn .el-icon[data-v-d4304b95]{font-size:12px}.quick-nav .user-panel .panel-header .member-center-btn[data-v-d4304b95]:hover{opacity:.9}.quick-nav .user-panel .panel-menu[data-v-d4304b95]{flex-direction:column;gap:2px;display:flex}.quick-nav .user-panel .panel-menu-item[data-v-d4304b95]{color:#4a4a68;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.quick-nav .user-panel .panel-menu-item .el-icon[data-v-d4304b95]{color:#8c8ca8;font-size:16px}.quick-nav .user-panel .panel-menu-item .arrow[data-v-d4304b95]{margin-left:auto;font-size:13px}.quick-nav .user-panel .panel-menu-item[data-v-d4304b95]:hover{color:#1a4b8c;background:#e8f0fa}.quick-nav .user-panel .panel-menu-item:hover .el-icon[data-v-d4304b95]{color:#1a4b8c}.quick-nav .user-panel .panel-menu-item.logout[data-v-d4304b95],.quick-nav .user-panel .panel-menu-item.logout .el-icon[data-v-d4304b95]{color:#ff4d4f}.quick-nav .user-panel .panel-menu-item.logout[data-v-d4304b95]:hover{background:#fef0f0}.quick-nav .user-panel .panel-footer[data-v-d4304b95]{border-top:1px dashed #f0f0f0;margin-top:8px;padding-top:8px}.fade-down-enter-active[data-v-d4304b95],.fade-down-leave-active[data-v-d4304b95]{transition:all .2s}.fade-down-enter-from[data-v-d4304b95],.fade-down-leave-to[data-v-d4304b95]{opacity:0;transform:translateY(-8px)}.category-bar[data-v-d4304b95]{background:#fff;border-bottom:1px solid #f0f0f0;height:48px}.category-content[data-v-d4304b95]{white-space:nowrap;align-items:center;gap:32px;height:100%;display:flex;overflow-x:auto}.category-content[data-v-d4304b95]::-webkit-scrollbar{display:none}.cat-link[data-v-d4304b95]{color:#1a1a2e;padding:4px 0;font-size:14px;text-decoration:none;transition:color .2s;position:relative}.cat-link[data-v-d4304b95]:hover,.cat-link.active[data-v-d4304b95]{color:#ff6b35}.cat-link.active[data-v-d4304b95]:after{content:"";background:#ff6b35;border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.app-footer[data-v-fbd7e0c1]{min-width:1400px;margin-top:48px}.service-bar[data-v-fbd7e0c1]{background:#fff;border-top:1px solid #f0f0f0;padding:32px 0}.service-content[data-v-fbd7e0c1]{justify-content:space-around;align-items:center;display:flex}.service-item[data-v-fbd7e0c1]{align-items:center;gap:16px;display:flex}.service-item .el-icon[data-v-fbd7e0c1]{color:#ff6b35}.service-item .service-text[data-v-fbd7e0c1]{flex-direction:column;display:flex}.service-item .service-title[data-v-fbd7e0c1]{color:#1a1a2e;font-size:16px;font-weight:600}.service-item .service-desc[data-v-fbd7e0c1]{color:#8c8ca8;font-size:12px}.stats-bar[data-v-fbd7e0c1]{background:#1a4b8c;padding:32px 0}.stats-content[data-v-fbd7e0c1]{justify-content:space-around;align-items:center;display:flex}.stat-item[data-v-fbd7e0c1]{flex-direction:column;align-items:center;display:flex}.stat-num[data-v-fbd7e0c1]{color:#fff;font-size:36px;font-weight:600}.stat-label[data-v-fbd7e0c1]{color:#fffc;margin-top:4px;font-size:13px}.stat-divider[data-v-fbd7e0c1]{background:#fff3;width:1px;height:40px}.footer-info[data-v-fbd7e0c1]{background:#0f2d5c;padding:32px 0 24px}.footer-grid[data-v-fbd7e0c1]{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:24px;display:grid}.footer-title[data-v-fbd7e0c1]{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600}.footer-col p[data-v-fbd7e0c1]{color:#ffffffb3;font-size:12px;line-height:1.8}.footer-col p a[data-v-fbd7e0c1]{color:#ffffffb3;text-decoration:none;transition:color .2s}.footer-col p a[data-v-fbd7e0c1]:hover{color:#ff6b35}.footer-bottom[data-v-fbd7e0c1]{text-align:center;border-top:1px solid #ffffff1a;padding-top:16px}.footer-bottom p[data-v-fbd7e0c1]{color:#ffffff80;font-size:12px;line-height:1.8}.footer-bottom .icp[data-v-fbd7e0c1]{margin-top:4px}.default-layout[data-v-ec42d538]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-ec42d538]{flex:1;min-height:0}.blank-layout[data-v-b8ed7489]{min-height:100vh}.user-sidebar[data-v-3b8368c7]{background:#fff;border-radius:12px;flex-shrink:0;width:200px;padding:8px 0;box-shadow:0 2px 8px #1a4b8c0f}.section-title[data-v-3b8368c7]{color:#8c8ca8;text-align:center;background:#f7f8fa;border-radius:4px;margin:0 8px 2px;padding:16px;font-size:14px}.menu-item[data-v-3b8368c7]{color:#1a1a2e;cursor:pointer;border-radius:8px;align-items:center;gap:8px;height:40px;margin:0 8px;padding:0 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.menu-item .el-icon[data-v-3b8368c7]{color:#8c8ca8;font-size:16px}.menu-item[data-v-3b8368c7]:hover{color:#1a4b8c;background:#f0f2f5}.menu-item:hover .el-icon[data-v-3b8368c7]{color:#1a4b8c}.menu-item.active[data-v-3b8368c7]{color:#fff;background:#1a1a2e}.menu-item.active .el-icon[data-v-3b8368c7]{color:#fff}.logout-item[data-v-3b8368c7]:hover{color:#f56c6c;background:#f56c6c14}.logout-item:hover .el-icon[data-v-3b8368c7]{color:#f56c6c}.menu-group[data-v-3b8368c7]{margin-bottom:4px}.menu-group .group-title[data-v-3b8368c7]{color:#8c8ca8;margin:0 8px;padding:8px 16px 4px;font-size:12px}.menu-divider[data-v-3b8368c7]{background:#f0f0f0;height:1px;margin:4px 16px}.user-layout[data-v-b37ac096]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-b37ac096]{flex:1;min-height:0;padding:24px 0}.user-container[data-v-b37ac096]{align-items:flex-start;gap:24px;display:flex}.user-main[data-v-b37ac096]{background:#fff;border-radius:12px;flex:1;min-width:0;padding:24px;box-shadow:0 2px 8px #1a4b8c0f}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fa;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}a{color:#1a4b8c;text-decoration:none;transition:color .2s}a:hover{color:#ff6b35}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f7f8fa}::-webkit-scrollbar-thumb{background:#c5c5d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8c8ca8}.container{width:1400px;margin:0 auto}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.price{color:#ff6b35;font-weight:600}.price-symbol{font-size:13px}.price-integer{font-size:28px}.price-decimal{font-size:13px}.price-original{color:#8c8ca8;font-size:13px;font-weight:400;text-decoration:line-through}.btn-accent{color:#fff;background:#ff6b35;border:none;transition:all .25s}.btn-accent:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 20px #ff6b3526}.btn-accent:active{transform:translateY(0)}.card-hover{cursor:pointer;transition:all .3s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 4px 20px #ff6b3526}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.breadcrumb-bar{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 0}.section-title{color:#1a1a2e;margin-bottom:24px;font-size:20px;font-weight:600}:root{--el-color-primary:#1a4b8c;--el-color-primary-light-3:#3b6bb5;--el-color-primary-light-5:#8da5c6;--el-color-primary-light-7:#e8f0fa;--el-color-primary-light-8:#d1dbe8;--el-color-primary-light-9:#e8edf4;--el-color-primary-dark-2:#0f2d5c}.el-button--primary{--el-button-bg-color:#ff6b35;--el-button-border-color:#ff6b35;--el-button-hover-bg-color:#e55a2b;--el-button-hover-border-color:#e55a2b;--el-button-active-bg-color:#e55a2b;--el-button-active-border-color:#e55a2b}.el-button--default{--el-button-hover-text-color:#1a4b8c;--el-button-hover-border-color:#1a4b8c}.el-link{--el-link-text-color:#1a4b8c;--el-link-hover-text-color:#ff6b35}.el-text--danger{--el-text-color-danger:#ff6b35}