#app,body,html{height:100%;margin:0;padding:0}.mpx-root-view{display:initial}page{line-height:normal}:root{--primary-color:#2ba471;--danger-color:#f5222d;--bg-color:#f6f7f9;--card-shadow:0 0.53333332vw 2.13333328vw rgba(0,0,0,.05);--border-radius:2.13333328vw}.container{height:100vh;display:flex;flex-direction:column;background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.web-navbar{height:11.73333304vw;background:#fff;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:100;box-shadow:0 .13333333vw 0 rgba(0,0,0,.05);flex-shrink:0}.navbar-title{font-size:4.26666656vw;font-weight:600;color:#1d1d1f}.view-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:15.9999996vw}.banner-container{width:100%;height:37.3333324vw;background:#fff;flex-shrink:0;box-shadow:0 .53333332vw 1.5999999599999999vw rgba(0,0,0,.03)}.banner-swiper{height:100%}.banner-image{width:100%;height:100%}.catalog-layout{flex:1;display:flex;overflow:hidden}.sidebar{width:22.6666661vw;background:#f0f2f5;height:100%;transition:all .3s}.sidebar-item{padding:4.53333322vw 2.6666666vw;font-size:3.46666658vw;text-align:center;color:#4b4b4b;position:relative;transition:color .2s}.sidebar-item.active{background:#fff;color:var(--primary-color);font-weight:600}.sidebar-item.active:after{content:"";position:absolute;left:0;top:30%;bottom:30%;width:.7999999799999999vw;background:var(--primary-color);border-radius:0 .53333332vw .53333332vw 0}.main-content{flex:1;background:#fff;padding:3.1999999199999998vw}.product-item-row{margin-bottom:3.1999999199999998vw;background:#fff;border-radius:var(--border-radius);padding:2.6666666vw;border:.13333333vw solid rgba(0,0,0,.02);box-shadow:var(--card-shadow);transition:transform .2s}.product-item-row:active{transform:scale(.98)}.prod-main-row{display:flex;gap:3.1999999199999998vw}.prod-img{width:23.9999994vw;height:23.9999994vw;border-radius:1.5999999599999999vw;flex-shrink:0;background:#f0f0f0}.prod-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.prod-name{font-size:3.73333324vw;font-weight:600;color:#1d1d1f;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prod-tags{display:flex;flex-wrap:wrap;gap:1.06666664vw;margin:1.5999999599999999vw 0}.tag{font-size:2.6666666vw;padding:.53333332vw 1.5999999599999999vw;border-radius:.7999999799999999vw;background:#f2f3f5;color:#86909c}.tag.primary{background:#e8f3ff;color:var(--primary-color)}.tag.red{background:#fff1f0;color:var(--danger-color)}.tag.oem{background:#fef4e6;color:#ff9500}.prod-desc-container{margin:1.5999999599999999vw 0;position:relative}.prod-desc{font-size:3.1999999199999998vw;color:#4e5969;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .3s}.prod-desc.expanded{-webkit-line-clamp:none;display:block}.expand-btn{font-size:2.93333326vw;color:var(--primary-color);margin-top:1.06666664vw;display:inline-block;font-weight:500}.prod-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2.13333328vw}.price-box{color:var(--danger-color)}.unit{font-size:2.93333326vw;margin-right:.26666666vw}.price{font-size:4.79999988vw;font-weight:700;letter-spacing:-.13333333vw}.btn-toggle{font-size:3.1999999199999998vw;padding:1.5999999599999999vw 3.73333324vw;border-radius:3.9999999vw;background:#f2f3f5;color:#4e5969;transition:all .2s;border:.13333333vw solid transparent}.btn-toggle.active{background:#e3f9e9;color:var(--primary-color);border-color:var(--primary-color)}.btn-toggle:active{opacity:.8;transform:scale(.95)}.cart-scroll-list{flex:1;padding:3.1999999199999998vw}.cart-item{background:#fff;border-radius:var(--border-radius);padding:3.1999999199999998vw;margin-bottom:3.1999999199999998vw;display:flex;gap:3.1999999199999998vw;box-shadow:var(--card-shadow);border:.13333333vw solid rgba(0,0,0,.02)}.cart-img{width:18.6666662vw;height:18.6666662vw;border-radius:1.5999999599999999vw;flex-shrink:0}.cart-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.cart-name{font-size:3.73333324vw;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-spec{font-size:3.1999999199999998vw;color:#86909c;margin-top:.53333332vw}.cart-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:1.5999999599999999vw}.c-price{font-size:3.9999999vw;font-weight:700;color:var(--danger-color)}.btn-delete{font-size:3.1999999199999998vw;color:#86909c;padding:1.3333333vw 2.6666666vw;background:#f2f3f5;border-radius:1.06666664vw}.btn-delete:active{background:#e5e6eb}.cart-footer{position:fixed;bottom:15.9999996vw;left:3.1999999199999998vw;right:3.1999999199999998vw;height:14.6666663vw;background:hsla(0,0%,100%,.96);backdrop-filter:blur(2.6666666vw);border-radius:3.1999999199999998vw;display:flex;align-items:center;justify-content:space-between;padding:0 4.26666656vw;box-shadow:0 -1.06666664vw 3.1999999199999998vw rgba(0,0,0,.08);z-index:1000;border:.13333333vw solid hsla(0,0%,100%,.8)}.cart-footer .total{display:flex;align-items:baseline;gap:1.06666664vw;flex-shrink:0}.footer-actions{gap:2.13333328vw}.btn,.footer-actions{display:flex;align-items:center}.btn{height:9.86666642vw;padding:0 5.3333332vw;border-radius:4.93333321vw;font-size:3.46666658vw;font-weight:600;justify-content:center;white-space:nowrap}.btn.default{background:#f2f3f5;color:#4e5969;margin-right:2.13333328vw}.btn.primary{background:var(--primary-color);color:#fff;box-shadow:0 .53333332vw 1.5999999599999999vw rgba(43,164,113,.2)}.btn:active{transform:translateY(.26666666vw);opacity:.9}.btn.disabled{background:#e5e6eb;color:#86909c;box-shadow:none;pointer-events:none}.custom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:14.6666663vw;background:#fff;display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:2000;box-shadow:0 -.13333333vw 0 rgba(0,0,0,.05)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7999999799999999vw}.tab-item.active .tab-text{color:var(--primary-color);font-weight:600}.tab-icon-wrapper{position:relative}.tab-icon-img,.tab-icon-wrapper{width:5.86666652vw;height:5.86666652vw}.tab-icon-img{transition:transform .2s}.tab-item:active .tab-icon-img{transform:scale(.9)}.tab-text{font-size:2.6666666vw;color:#86909c}.badge{position:absolute;top:-1.3333333vw;right:-2.39999994vw;min-width:4.26666656vw;height:4.26666656vw;background:var(--danger-color);color:#fff;font-size:2.39999994vw;font-weight:700;border-radius:2.13333328vw;padding:0 .7999999799999999vw;border:.53333332vw solid #fff;box-shadow:0 .26666666vw .53333332vw rgba(245,34,45,.2)}.badge,.empty-state{display:flex;align-items:center;justify-content:center}.empty-state{flex:1;color:#86909c;font-size:3.73333324vw;padding-top:21.3333328vw}.no-more{padding:6.3999998399999996vw;text-align:center;color:#c9cdd4;font-size:3.1999999199999998vw}.contact-container{padding:4.26666656vw}.agent-card{background:#fff;border-radius:3.1999999199999998vw;padding:5.3333332vw;gap:4.26666656vw;box-shadow:var(--card-shadow);margin-bottom:4.26666656vw}.agent-card,.agent-logo{display:flex;align-items:center}.agent-logo{width:13.86666632vw;height:13.86666632vw;border-radius:50%;background:var(--primary-color);color:#fff;justify-content:center;font-size:5.86666652vw;font-weight:700}.agent-name{font-size:4.53333322vw;font-weight:700;color:#1d1d1f}.agent-desc{font-size:3.1999999199999998vw;color:#86909c;margin-top:.53333332vw}.info-group{background:#fff;border-radius:2.6666666vw;overflow:hidden;box-shadow:var(--card-shadow)}.info-item{padding:4.26666656vw;display:flex;justify-content:space-between;align-items:center;border-bottom:.13333333vw solid #f2f3f5;transition:background .2s}.info-item:active{background:#f9f9f9}.info-item:last-child{border-bottom:none}.info-item .label{font-size:3.73333324vw;color:#4e5969}.info-item .value{font-size:3.73333324vw;font-weight:500;color:#1d1d1f}.info-item .value.link{color:var(--primary-color)}.section-title{font-size:3.1999999199999998vw;color:#86909c;font-weight:600;margin:4.26666656vw 0 2.13333328vw 1.5999999599999999vw;text-transform:uppercase;letter-spacing:.13333333vw}.company-item{transition:all .2s}.company-item.active{background:#e8f3ff}.company-item.active .company-name{color:var(--primary-color);font-weight:600}.check-icon{color:var(--primary-color);font-weight:700;margin-left:auto}.login-section{padding:10.6666664vw 5.3333332vw;display:flex;flex-direction:column;align-items:center}.login-header{text-align:center;margin-bottom:10.6666664vw}.login-logo{width:15.9999996vw;height:15.9999996vw;background:var(--primary-color);color:#fff;border-radius:3.9999999vw;display:flex;align-items:center;justify-content:center;font-size:7.9999998vw;font-weight:700;margin:0 auto 4.26666656vw;box-shadow:0 1.06666664vw 3.1999999199999998vw rgba(43,164,113,.2)}.login-title{font-size:5.3333332vw;font-weight:700;color:#1d1d1f;margin-bottom:2.13333328vw}.login-subtitle{font-size:3.46666658vw;color:#86909c}.login-form{width:100%}.login-input{width:100%;box-sizing:border-box;background:#fff;height:13.333333vw;border-radius:2.6666666vw;padding:0 4.26666656vw;font-size:3.9999999vw;margin-bottom:4.26666656vw;box-shadow:var(--card-shadow);border:.26666666vw solid transparent;transition:all .2s}.login-input:focus{border-color:var(--primary-color);background:#fff}.login-btn{height:13.333333vw;background:var(--primary-color);color:#fff;border-radius:2.6666666vw;display:flex;align-items:center;justify-content:center;font-size:4.26666656vw;font-weight:600;transition:all .2s}.login-btn:active{transform:translateY(.26666666vw);opacity:.9}.login-btn.disabled{background:#e5e6eb;color:#86909c;pointer-events:none}.login-divider{display:flex;align-items:center;margin:6.3999998399999996vw 0}.divider-line{flex:1;height:.13333333vw;background:#e5e6eb}.divider-text{padding:0 3.1999999199999998vw;font-size:3.1999999199999998vw;color:#86909c}.wechat-login-btn{height:13.333333vw;background:#fff;border:.26666666vw solid #07c160;color:#07c160;border-radius:2.6666666vw;display:flex;align-items:center;justify-content:center;gap:2.13333328vw;font-size:4.26666656vw;font-weight:600;transition:all .2s}.wechat-login-btn:active{background:#f0fdf4;transform:translateY(.26666666vw)}.wechat-icon{width:6.3999998399999996vw;height:6.3999998399999996vw}.section-header{display:flex;justify-content:space-between;align-items:center;margin:4.26666656vw 1.5999999599999999vw 2.6666666vw}.add-btn{font-size:3.46666658vw;color:var(--primary-color);font-weight:600;border:.26666666vw solid var(--primary-color);padding:1.06666664vw 3.1999999199999998vw;border-radius:1.5999999599999999vw}.company-main{flex:1}.company-sub{font-size:3.1999999199999998vw;color:#86909c;margin-top:.53333332vw}.company-actions{display:flex;align-items:center;gap:2.6666666vw}.action-btn{font-size:3.1999999199999998vw;color:var(--primary-color);padding:1.3333333vw}.action-btn.danger{color:var(--danger-color)}.empty-company{padding:13.333333vw 0;text-align:center}.empty-text{font-size:3.73333324vw;color:#c9cdd4}.shared-company-card{background:#fff;border-radius:3.1999999199999998vw;padding:5.3333332vw;box-shadow:var(--card-shadow);margin-bottom:4.26666656vw}.shared-company-card .card-header{display:flex;align-items:center;gap:3.1999999199999998vw}.shared-company-card .company-logo{width:11.73333304vw;height:11.73333304vw;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:5.3333332vw;font-weight:700}.shared-company-card .company-name{font-size:4.26666656vw;font-weight:700;color:#1d1d1f;margin-bottom:1.06666664vw}.shared-company-card .company-desc{font-size:3.1999999199999998vw;color:#86909c}.agent-login-prompt{text-align:center;padding:7.9999998vw 5.3333332vw}.agent-login-prompt .prompt-text{font-size:3.46666658vw;color:#86909c;margin-bottom:3.1999999199999998vw}.login-btn-secondary{display:inline-block;padding:2.6666666vw 6.3999998399999996vw;background:#fff;color:var(--primary-color);border:.26666666vw solid var(--primary-color);border-radius:6.3999998399999996vw;font-size:3.73333324vw;font-weight:600;transition:all .2s}.login-btn-secondary:active{background:#f0f7ff}.navbar-action{position:absolute;right:4.26666656vw;font-size:3.73333324vw;color:#86909c}.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:3000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(.53333332vw)}.modal-content{width:82.6666646vw;background:#fff;border-radius:4.26666656vw;overflow:hidden;animation:modalIn .3s ease-out}@keyframes modalIn{0%{transform:translateY(5.3333332vw);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:5.3333332vw 5.3333332vw 2.6666666vw;font-size:4.53333322vw;font-weight:700;display:flex;justify-content:space-between;align-items:center}.close-icon{font-size:6.3999998399999996vw;color:#c9cdd4;padding:1.3333333vw;line-height:1}.modal-body{padding:2.6666666vw 5.3333332vw 5.3333332vw}.form-item{margin-bottom:4.26666656vw}.form-label{font-size:3.46666658vw;color:#4e5969;margin-bottom:1.5999999599999999vw;display:block}.form-input{width:100%;box-sizing:border-box;height:11.9999997vw;background:#f2f3f5;border-radius:2.13333328vw;padding:0 3.1999999199999998vw;font-size:3.73333324vw;border:.26666666vw solid transparent;transition:all .2s}.form-input:focus{border-color:var(--primary-color);background:#fff}.modal-footer{padding:2.6666666vw 5.3333332vw 5.3333332vw;display:flex;gap:3.1999999199999998vw}.modal-footer .btn{flex:1;height:11.9999997vw;border-radius:2.6666666vw}