.bp-page{background:#f6f8fb;flex-direction:column;min-height:100vh;display:flex}.bp-page .list-scroll{box-sizing:border-box;background:#f6f8fb;flex:1;min-height:0;padding:10px;position:relative}.bp-page .content{width:100%;max-width:600px;margin:0 auto}.bp-page .card-list{background:#fffffff5;border:.5px solid #e2ecf6e6;border-radius:9px;margin-top:0;padding-bottom:4px;overflow:hidden;box-shadow:0 5px 12px #6684a30f}.bp-page .product-card{cursor:pointer;border-bottom:.5px solid #e7edf4;padding:11px 12px 9px}.bp-page .product-card:last-child{border-bottom:none}.bp-page .product-card:active{opacity:.72}.bp-page .product-card--pipe{padding:10px}.bp-page .title-row{justify-content:space-between;align-items:flex-start;display:flex}.bp-page .title-wrap{flex:1;min-width:0;padding-right:5px}.bp-page .name-cn{color:#222;font-size:15px;font-weight:400;line-height:1.28;display:block}.bp-page .name-en{color:#666;margin-top:6px;font-size:13px;line-height:1.3;display:block}.bp-page .row-arrow{color:#9ca3af;flex-shrink:0;font-size:16px}.bp-page .image-wrap{justify-content:flex-start;align-items:center;width:208px;height:28px;margin-top:11px;display:flex}.bp-page .product-image{object-fit:contain;flex-shrink:0;width:auto;max-width:208px;height:28px}.bp-page .image-placeholder{background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;width:208px;height:28px;display:flex}.bp-page .image-placeholder-text{color:#9da3af;font-size:10px;font-weight:700}.bp-page .meta-row{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.bp-page .meta-compact{align-items:center;gap:4px;display:flex}.bp-page .meta-vitola{color:#5f6d7b;font-size:13px;line-height:1.2}.bp-page .meta-divider{color:#9aa5b1;font-size:12px;line-height:1}.bp-page .meta-text{color:#666;font-size:14px;line-height:1.2}.bp-page .rating-wrap{align-items:center;gap:4px;display:flex}.bp-page .channel-pill{color:#315f8c;white-space:nowrap;background:#edf5ff;border:.5px solid #c8ddf3;border-radius:999px;padding:3px 7px;font-size:11px;line-height:1.2}.bp-page .pipe-main{align-items:flex-start;display:flex}.bp-page .pipe-image-wrap{background:#f3f3f3;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:95px;height:95px;display:flex;overflow:hidden}.bp-page .pipe-image{object-fit:contain;width:95px;height:95px}.bp-page .pipe-image-placeholder{justify-content:center;align-items:center;width:95px;height:95px;display:flex}.bp-page .pipe-image-placeholder-text{color:#9da3af;font-size:16px;font-weight:700}.bp-page .pipe-info{flex:1;min-width:0;margin-left:9px}.bp-page .pipe-title-row{justify-content:space-between;align-items:flex-start;display:flex}.bp-page .pipe-title-wrap{flex:1;min-width:0;padding-right:5px}.bp-page .pipe-name-cn{color:#222;font-size:15px;font-weight:400;line-height:1.28;display:block}.bp-page .pipe-name-en{color:#666;margin-top:4px;font-size:12px;line-height:1.3;display:block}.bp-page .pipe-meta-text{color:#666;margin-top:8px;font-size:13px;line-height:1.2;display:block}.bp-page .pipe-meta-row{justify-content:space-between;align-items:center;gap:5px;margin-top:6px;display:flex}.bp-page .rating-wrap--pipe{justify-content:flex-start;margin-top:0}.bp-page .top-hero{z-index:30;background:#f6f8fb;padding-bottom:0;position:sticky;top:56px}.bp-page .top-hero:after{content:"";pointer-events:none;background:#f6f8fb;height:16px;position:absolute;bottom:0;left:0;right:0}.bp-page .tab-wrap{background:0 0;padding:8px 18px 0}.bp-page .seg{background:0 0;border:none;border-radius:0;align-items:flex-end;gap:0;width:100%;padding:0;display:flex;position:relative}.bp-page .seg:after{content:"";background:#1f63a31f;height:1px;position:absolute;bottom:0;left:0;right:0}.bp-page .seg__item{text-align:center;color:#1e508c52;cursor:pointer;letter-spacing:.5px;white-space:nowrap;background:0 0;border:none;border-radius:0;flex:1;padding:4px 4px 12px;font-size:18px;font-weight:300;transition:color .2s,font-weight .15s}.bp-page .seg__item--active{color:#1263a3;box-shadow:none;background:0 0;font-weight:700}.bp-page .seg-indicator{z-index:1;background:#1263a3;border-radius:2px;height:2.5px;transition:left .28s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.bp-page .state-wrap{text-align:center;color:#999;padding-top:70px}.bp-page .empty-wrap{text-align:center;padding-top:90px}.bp-page .empty-text{color:#999;font-size:14px}