/* ============================================================
 * common.css — 多页面公共样式
 * 自动提取自各 HTML 文件中 >=3 个文件重复的 CSS 规则
 * ============================================================ */

/* 统一视频播放三角（圆角SVG，65%透明度，无阴影无底框） */
.dm-play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}
.dm-play-icon::after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: rgba(255,255,255,0.75);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9,8 Q9,7 10,7 L17.5,11.5 Q18,12 17.5,12.5 L10,17 Q9,17 9,16 Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9,8 Q9,7 10,7 L17.5,11.5 Q18,12 17.5,12.5 L10,17 Q9,17 9,16 Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.dm-play-icon-lg::after {
    width: 1.8rem;
    height: 1.8rem;
}

/* 全局按钮重置：解决 iOS Safari 忽略 border-radius 显示直角、以及蓝色 focus 描边的问题 */
button {
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
}
button:focus, button:active {
    outline: none !important;
}

/* 出现于: AftersaleOrder.html, AllOrders.html, Cart.html, ExpressTracking.html, InteractList.html, Messages.html, MyCoupons.html, MyInfo.html, NotifyList.html, Order.html, PaidOrder.html, UnpaidOrder.html */
/* ============================================================
         * AftersaleOrder styles — 复用 order-common.css
         * ============================================================ */
        html.scroll-root-page { overflow: hidden; height: 100%; }
        html.scroll-root-page body { height: 100%; margin: 0; overscroll-behavior: none; }

/* 出现于: AftersaleOrder.html, Category.html, HtmlPage2.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.product-price { color: #f44336; font-size: 0.39rem; font-weight: bold; margin: 0; }

/* 出现于: ActivityList.html, Chat.html, ForgotPassword.html, NoticeList.html, Register.html, WinnerList.html */
* {
            box-sizing: border-box;
        }

/* 出现于: AllOrders.html, InteractList.html, Messages.html, MyInfo.html, NotifyList.html */
body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            color: #333;
            font-size: 0.37rem;
        }

/* 出现于: AftersaleOrder.html, Cart.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card.show-summary .warehouse-card-inner { transform: translateX(-50%); }

/* 出现于: ActivityList.html, Cart.html, Category.html, HtmlPage2.html, MyInfo.html */
.tab-bar-btn:active {
            color: #42a5f5;
        }

/* 出现于: ActivityList.html, Cart.html, Category.html, HtmlPage2.html, MyInfo.html */
/* ===== 底部5Tab导航栏（灰阶色系） ===== */
        .tab-bar-btn {
            color: #90a4ae;
            transition: color 0.18s ease;
        }

/* 出现于: ActivityList.html, Cart.html, Category.html, HtmlPage2.html, MyInfo.html */
.tab-bar-btn.active {
            color: #2196f3;
        }

/* 出现于: ActivityList.html, HtmlPage2.html, MyCoupons.html, NoticeList.html, WinnerList.html */
html {
            font-size: min(calc(100vw / 9.8), 54px);
        }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-inner { width: 200%; display: flex; align-items: flex-start; transition: transform 0.28s ease; transform: translateX(0); }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.cart-action-wrap.show.hiding { opacity: 1; visibility: visible; pointer-events: auto; }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.cart-action-wrap.show {
            visibility: visible; opacity: 1; pointer-events: auto;
            transition: opacity 1s ease, visibility 0s 0s;
        }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.product-title {
            font-size: 0.31rem; font-weight: bold; margin: 0 0 0.16rem 0;
            padding-right: 0.1rem; white-space: normal;
            overflow-wrap: anywhere; word-break: break-word;
            line-height: 1.45;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
        }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.cart-remove-btn:active { background: #b71c1c; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.order-summary { font-size: 0.31rem; color: #f44336; text-align: left; margin-top: 0.20rem; }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.cart-controls {
            display: flex; align-items: center; justify-content: flex-start;
            width: 100%;
        }
.cart-controls > * + * { margin-left: 0.21rem; }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
/* ── 加购组件（与 HtmlPage2 完全一致） ── */
        .cart-action-wrap {
            margin-top: 0.21rem; margin-bottom: 0.16rem;
            transform: scale(1.2); transform-origin: left center;
            display: flex; align-items: flex-start; justify-content: flex-start;
            overflow: visible; touch-action: pan-y;
            visibility: hidden; opacity: 0; pointer-events: none;
            transition: opacity 1s ease, visibility 0s 1s;
        }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.product-card.empty {
            background: none !important; box-shadow: none !important;
            border: none !important; pointer-events: none; visibility: hidden;
        }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-1 .condition-footer { text-align: right; color: #444; padding: 0 0.16rem 0.18rem 0.16rem; margin-top: 0; border-top: none; line-height: 1.8; font-size: 0.28rem; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
html, body, .warehouse-card, .warehouse-card-page { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.cart-action-wrap.hiding { opacity: 0; visibility: visible; pointer-events: auto; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.order-actions { display: flex; justify-content: center; align-items: center; margin-top: 0.28rem; }
.order-actions > * + * { margin-left: 0.24rem; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page { width: 50%; flex: 0 0 50%; box-sizing: border-box; padding-right: 0.08rem; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 { font-size: 0.28rem; }

/* 出现于: Cart.html, Category.html, HtmlPage2.html, Order.html */
.cart-circle-btn:active { background: #2196f3; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card, .warehouse-card .product-card { touch-action: pan-y; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.order-container::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: linear-gradient(to bottom, transparent 0, #fff 25vh, #fff 100%); z-index: -1; pointer-events: none; }

/* 出现于: AftersaleOrder.html, Order.html, PaidOrder.html, UnpaidOrder.html */
.order-group::after { content: ''; position: absolute; left: 0; right: 0; bottom: -0.58rem; height: 1px; background: #f0f0f0; pointer-events: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-nav-side-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 1.00rem; aspect-ratio: 1 / 1.3; color: #333; text-decoration: none; padding: 0.04rem 0.14rem; box-sizing: border-box; }
.bottom-nav-side-btn > * + * { margin-top: 0.08rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-nav-side-btn__icon { display: flex; align-items: center; justify-content: center; height: 19px; line-height: 1; flex: 0 0 19px; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-card-actions .more-text { color: #444; font-size: 0.29rem; line-height: 1.2; user-select: none; }

/* 出现于: Order.html, PaidOrder.html, UnpaidOrder.html */
.group-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #e3f2fd;
            color: #1976d2;
            padding: 0.14rem 0.16rem;
            border-radius: 0.08rem;
            cursor: pointer;
            user-select: none;
        }

/* 出现于: Cart.html, Category.html, Order.html */
.cart-remove-btn {
            margin-left: 0.21rem; min-width: 0.94rem; height: 0.5rem;
            padding: 2px 0.18rem; flex: none; border-radius: 999px;
            background: #f44336; color: #fff; border: none;
            font-size: 0.24rem; font-weight: bold;
            box-shadow: 0 1px 0.1rem rgba(244,67,54,0.08);
            transition: .2s; cursor: pointer;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-empty {
            color: #999;
            font-size: 0.28rem;
            line-height: 1.7;
            padding: 0.08rem 0;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.pay-cancel-text:hover { color: #9e9e9e; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-nav-side-btn__icon--emoji { font-size: 0.43rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
body { font-family: Arial, sans-serif; background: #fff; font-size: 0.28rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#card-more-menu .bottom-more-item { font-size: 0.28rem; padding: 0.12rem 0.20rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-card { display: flex; flex-direction: row; align-items: stretch; border-radius: 0.20rem; min-width: 0; box-sizing: border-box; padding: 0.48rem 0.30rem 0.12rem 0.26rem; left: 0; position: relative; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-card-actions .btns { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.order-card-actions .btns > * { margin-left: 0.12rem; margin-bottom: 0.12rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-container.map-collapsed { margin-top: 0; position: relative; z-index: 11; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-nav-side-btn__icon svg { display: block; width: 19px; height: 19px; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-more-item { display: block; padding: 0.08rem 0.22rem; font-size: 0.32rem; color: #666; background: transparent; border: 0; text-align: left; cursor: pointer; outline: none; white-space: nowrap; -webkit-tap-highlight-color: transparent; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-trace-item:first-child {
            border-top: 0;
            padding-top: 0.04rem;
        }

/* 出现于: ExpressTracking.html, MyCoupons.html, Order.html */
#scroll-root { overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; overscroll-behavior-y: contain; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-title {
            color: #1976d2;
            font-size: 0.30rem;
            font-weight: bold;
            margin-bottom: 0.08rem;
            margin-left: -0.16rem;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
html, body { ::-webkit-scrollbar { display: none; }
scrollbar-width: none; -ms-overflow-style: none; overflow: auto; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#top-logistics-map .amap-controls, #top-logistics-map .amap-toolbar { transform: scale(0.55); transform-origin: right top; right: 0.10rem !important; top: 1.05rem !important; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-img.no-image { background: #f5f5f5; display: flex; align-items: center; justify-content: center; width: 2.40rem; height: 3.20rem; border: 1px solid #eee; font-size: 0.33rem; text-align: center; line-height: 3.20rem; color: #b0b0b0; font-weight: bold; border-radius: 0.12rem; }

/* 出现于: Category.html, HtmlPage2.html, Order.html */
.product-meta {
            color: #b0b0b0;
            font-size: 0.29rem;
            margin: 0 0 0.21rem 0;
            word-break: break-all;
            line-height: 1.15;
        }

/* 出现于: Order.html, PaidOrder.html, UnpaidOrder.html */
.group-body {
            display: block;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
@media (min-width: 20.07rem) { .order-container { width: 93%; margin: 0 auto; padding: 0.22rem 0.21rem 0.21rem 0.21rem; border-radius: 1.80rem; box-shadow: 0 2px 0.42rem rgba(0,0,0,0.06); } }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-card-action-btn { appearance: none; -webkit-appearance: none; border: none; background: rgb(236, 236, 236, 0.50); color: #444; border-radius: 999px; padding: 0.16rem 0.24rem 0.14rem 0.24rem; font-size: 0.28rem; line-height: 1; cursor: pointer; user-select: none; white-space: nowrap; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-qty-badge { position: absolute; right: 0.34rem; top: 36%; transform: translateY(-50%); color: #666; font-size: 0.31rem; font-weight: 400; line-height: 1; pointer-events: none; user-select: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.condition-box, .warehouse-card { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0; padding-bottom: 0.16rem !important; margin: 0 !important; position: relative; overflow: hidden; transition: height 0.28s ease; }

/* 出现于: Category.html, HtmlPage2.html, Search.html */
#ss-box:focus {
            outline: none;
            box-shadow: none;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-tag {
            flex: 0 0 auto;
            width: calc((100% - 0.12rem * 2) / 2.8);
            appearance: none;
            -webkit-appearance: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #f0f7ff;
            color: #2196f3;
            border: 1px solid #2196f3;
            border-radius: 999px;
            min-height: 0.42rem;
            padding: 0.10rem 0.14rem;
            font-size: 0.28rem;
            font-weight: 600;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            user-select: none;
            transition: background .2s, color .2s;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-chip::-webkit-scrollbar { display: none; }

/* 出现于: Cart.html, Category.html, Order.html */
.cart-qty-input::-webkit-inner-spin-button,
        .cart-qty-input::-webkit-outer-spin-button {
            -webkit-appearance: none !important; margin: 0; display: none;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-meta-line {
            color: #666;
            font-size: 0.26rem;
            line-height: 1.7;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-tag.active {
            background: #2196f3;
            color: #fff;
            border-color: #2196f3;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-trace-time {
            color: #8aa6c7;
            font-size: 0.24rem;
            line-height: 1.6;
            margin-bottom: 0.04rem;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-card-action-btn:active { transform: translateY(1px); }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-panel {
            border: 0 !important;
            background: transparent !important;
            border-radius: 0 !important;
            padding: 0.18rem 0.20rem;
            box-sizing: border-box;
            box-shadow: none !important;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.img-crop-box { width: 2.20rem; height: 3.20rem; overflow: hidden; border: 1px solid #eee; flex-shrink: 0; border-radius: 0.18rem; position: relative; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-guige { color: #5c5c5c; font-size: 0.31rem; margin: 0 0 0.21rem 0; word-break: break-all; }

/* 出现于: Cart.html, Category.html, Order.html */
.cart-circle-btn {
            width: 0.47rem; min-width: 0.47rem; height: 0.47rem;
            margin: 0; flex: none; border-radius: 50%;
            background: #2196f3; color: #fff; border: none;
            font-size: 0.29rem; display: flex; align-items: center;
            justify-content: center;
            box-shadow: 0 1px 0.1rem rgba(33,150,243,0.08);
            transition: background .2s;
            touch-action: pan-y; user-select: none; -webkit-user-select: none;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-card-actions { display: flex; align-items: center; justify-content: space-between; padding: 0.28rem 0.16rem 0.18rem 0.16rem; border-top: none; margin: 0.18rem 0.06rem 0.06rem 0.06rem; }
.order-card-actions > * + * { margin-left: 0.30rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-info { font-size: 0.31rem; display: flex; flex-direction: column; align-items: flex-start; text-align: left; position: relative; left: 0.16rem; margin-right: 0; flex: 1; min-width: 0; min-height: 2.2rem; box-sizing: border-box; padding-right: 0.5em; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-result {
            margin: 0.22rem 0 0 1em;
            width: calc(100% - 1em);
            box-sizing: border-box;
            white-space: normal;
            background: transparent !important;
            border: 0 !important;
            outline: 0 !important;
            box-shadow: none !important;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-meta { color: #b0b0b0; font-size: 0.29rem; margin: 0 0 0.21rem 0; word-break: break-all; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.shipping-addr-card .addr-label { font-size: 0.30rem; font-weight: 700; color: #000; line-height: 1.35; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
/* 物流地图 */
        #top-logistics-map { width: 100% !important; height: 100vh !important; border-radius: 0; overflow: hidden; background: #f0f0f0; display: none; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 0 !important; }

/* 出现于: Order.html, PaidOrder.html, UnpaidOrder.html */
.group-toggle {
            font-size: 0.32rem;
            font-weight: bold;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#scroll-root { display: flex; flex-direction: column; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; overscroll-behavior: none; padding-bottom: calc(1.67rem + env(safe-area-inset-bottom)); background: #f5f5f5; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-container.map-slide { transition: margin-top 0.35s ease; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-panel {
            background: transparent;
            border: none;
            border-radius: 0;
            box-shadow: none;
            padding: 0 0.08rem;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-trace-text {
            color: #333;
            font-size: 0.28rem;
            line-height: 1.7;
            white-space: pre-wrap;
            word-break: break-all;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-trace-list {
            margin-top: 0.10rem;
            background: transparent;
            border: 0;
            box-shadow: none;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#aftersale-product-list::-webkit-scrollbar { display: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-container { width: 93%; margin: 0 auto; background: #fff; border-radius: 0.72rem; padding: 0.19rem 0.21rem 0.21rem 0.21rem; box-sizing: border-box; position: relative; z-index: 2; flex: 1; }

/* 阻止 .order-group 的 margin-top 透过 #order-content 塌陷造成顶部断层 */
#order-content { display: flow-root; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-title {
            color: #1976d2;
            font-size: 0.30rem;
            font-weight: 700;
            margin-bottom: 0.10rem;
            margin-left: -0.16rem;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-trace-text,
        .warehouse-card-page.page-2 .express-query-empty {
            color: #333;
            font-size: 0.27rem;
            line-height: 1.7;
            word-break: break-word;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-meta-line {
            color: #444;
            font-size: 0.28rem;
            line-height: 1.8;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-nav-side-btn__label { display: flex; align-items: flex-end; justify-content: center; min-height: 14px; font-size: 0.25rem; line-height: 1; white-space: nowrap; }

/* 出现于: InteractList.html, Messages.html, NotifyList.html */
.container {
            flex: 1;
            display: flex;
            flex-direction: column;
            min-height: 0;
            max-width: 23.52rem;
            width: 100%;
            margin: 2px auto 0 auto;
            padding: 0 0.42rem 0.52rem 0.42rem;
            box-sizing: border-box;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-trace-time {
            color: #999;
            font-size: 0.28rem;
            line-height: 1.5;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.shipping-addr-card { margin: 0 0 0.08rem 0; padding: 0.16rem 0.16rem 0.16rem 0.16rem; }

/* 出现于: Cart.html, Category.html, Order.html */
.cart-qty-input {
            width: 0.73rem; min-width: 0.73rem; max-width: 0.89rem;
            text-align: center; font-size: 0.24rem; margin: 0 1px;
            flex: none; border-radius: 999px;
            border: 1px solid #e3e3e3 !important;
            background: #fff !important; height: 0.47rem;
            line-height: 0.47rem;
            box-shadow: none !important; -webkit-box-shadow: none !important;
            padding: 0; outline: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: textfield !important;
            appearance: none !important;
        }
.cart-qty-input:focus,
.cart-qty-input:active,
.cart-qty-input:hover {
            box-shadow: none !important; -webkit-box-shadow: none !important;
            outline: none !important;
            border: 1px solid #e3e3e3 !important;
        }
/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-title-card.no-dot::after { display: none; }

/* 出现于: Logistics_map.html, PaidOrder.html, UnpaidOrder.html */
.amap-marker-label { border: none !important; background: transparent !important; padding: 0 !important; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-trace-list {
            margin-top: 0.12rem;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .warehouse-summary-text { padding: 0.12rem 0.08rem 0.16rem 0.08rem; color: #333; line-height: 1.6; white-space: pre-line; font-size: 0.28rem; font-weight: 400; font-family: Arial, sans-serif; }

/* 出现于: Category.html, HtmlPage2.html, Search.html */
#ss-search-icon {
            position: absolute;
            left: 0.26rem;
            top: 50%;
            transform: translateY(-50%);
            width: 0.42rem;
            height: 0.42rem;
            color: #bdbdbd;
            pointer-events: none;
            z-index: 1;
        }

/* 出现于: Cart.html, Category.html, Order.html */
.cart-qty-ops {
            display: flex; align-items: center; justify-content: center;
            min-width: 2.51rem; background: transparent;
            border-radius: 999px; padding: 2px 0.13rem;
            touch-action: pan-y; margin-top: -2px;
        }
.cart-qty-ops > * + * { margin-left: 0.21rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-img { width: 100%; height: auto; object-position: top; display: block; border-radius: 0.18rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#top-logistics-map .amap-copyright { transform: scale(0.5); transform-origin: right top; position: absolute !important; right: 1.20rem !important; top: 0.10rem !important; left: auto !important; bottom: auto !important; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.bottom-more-item:active { background: rgba(0,0,0,.04); }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#aftersale-drawer-panel::-webkit-scrollbar { display: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.link-btn { appearance: none; background: none; border: none; color: #888; cursor: pointer; font-size: 0.28rem; padding: 0 0.06rem; text-decoration: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
/* === 快递物流样式（与 UnpaidOrder 正常订单一致） === */
        .express-query-result {
            margin-top: 0.12rem;
            background: transparent;
            border: 0;
            outline: 0;
            box-shadow: none;
        }

/* 出现于: Order.html, PaidOrder.html, UnpaidOrder.html */
.order-action-btn {
            font-size: 0.28rem;
            padding: 0.12rem 0.28rem;
            border-radius: 0.10rem;
            border: 1px solid #2196f3;
            cursor: pointer;
        }

/* 出现于: ActivityList.html, NoticeList.html, WinnerList.html */
@media (max-width: 360px) {
            .page {
                padding-left: 0;
                padding-right: 0;
                border-radius: 0;
            }
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-2 .express-query-trace-item {
            padding: 0.12rem 0;
            border-top: 0 !important;
            border-bottom: 0 !important;
            box-shadow: none !important;
        }

/* 出现于: Category.html, HtmlPage2.html, Search.html */
#ss-search-icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-yunfei { margin-left: 0.26rem; color: #b0b0b0; font-size: 0.29rem; font-weight: normal; margin-top: 0.06rem; }

/* ============================================================
 * 主页类型胶囊筛选（首页 HtmlPage2.html / 分类页 Category.html 共用）
 * ============================================================ */
.home-type-pills {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0.12rem 0 0.5rem 0;
    box-sizing: border-box;
    width: 100%;
    height: 1.46rem;
    overflow: hidden;
    background: transparent;
}
/* 胶囊横向滚动轨道：位于标题「分类/首页 |」右侧，标题固定在轨道之外，
   胶囊在轨道内左右滑动时物理上不会越过标题的竖线 */
.home-type-pills .home-type-pills-track {
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* 轨道右端预留一个汉字宽度，避免胶囊贴到屏幕右边缘 */
    margin-right: 0.34rem;
}
.home-type-pills .home-type-pills-track::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.home-type-pills .home-type-title {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    font-size: 0.48rem;
    font-weight: 500;
    color: #333;
    line-height: 1;
    margin-left: 0.12rem;
    margin-right: 0.16rem;
    white-space: nowrap;
}
.home-type-pills .home-type-title::after {
    content: "|";
    margin-left: 0.2rem;
    color: #d0d0d0;
    font-size: 0.4rem;
    font-weight: 400;
}
.home-type-pill {
    flex: 0 0 auto;
    min-width: 0;
    position: relative;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    background: transparent;
    color: #bbb;
    font-size: 0.34rem;
    line-height: 1;
    padding: 0.24rem 0.3rem;
    border-radius: 0;
    box-shadow: none;
    white-space: nowrap;
    text-align: center;
    transition: background 0.15s ease, color 0.15s ease, transform 0.18s ease;
}
.home-type-pill + .home-type-pill {
    /* 间距放大：移动端可视窗口最多完整显示 5 个胶囊（标题 + 兔兔/猫猫/狗狗/鹦鹉/日常用品），
       第 6 个「周边商城」被推出可视区，需横向滑动查看 */
    margin-left: 0.13rem;
}
.home-type-pill.active {
    background: transparent;
    color: #333;
    font-weight: 400;
    transform: translateY(-0.05rem);
    box-shadow: none;
}
.home-type-pill.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.03rem;
    transform: translateX(-50%);
    width: 0.13rem;
    height: 0.13rem;
    border-radius: 50%;
    background: #2196f3;
    opacity: 0.5;
}
/* 首页：胶囊位于固定顶栏内，占满一行（等分屏幕宽度），覆盖 header 相邻子元素 margin */
#home-header > #home-type-pills {
    margin-left: 0;
    width: 100%;
    flex-basis: 100%;
    order: -1;
}

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.link-btn:hover { text-decoration: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.shipping-addr-card .phone-toggle-btn { appearance: none; -webkit-appearance: none; background: none; border: 0; padding: 0 0.04rem; cursor: pointer; font-size: 0.28rem; line-height: 1; color: #999; vertical-align: middle; outline: none; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
/* page-2 内快递号按钮样式 */
        .warehouse-card-page.page-2 .express-chip {
            display: flex;
            flex-wrap: nowrap;
            margin-left: 1em;
            margin-top: 0.12rem;
            width: calc(100% - 1em);
            box-sizing: border-box;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
        }
.warehouse-card-page.page-2 .express-chip > * + * { margin-left: 0.12rem; }
touch-action: pan-x;
            overscroll-behavior-x: contain;
            scrollbar-width: none;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.product-title { font-size: 0.31rem; font-weight: bold; margin-bottom: 0.16rem; word-break: break-all; }

/* 出现于: Order.html, PaidOrder.html, UnpaidOrder.html */
.warehouse-card-page.page-1 .condition-footer > div,
            .warehouse-card-page.page-1 .condition-footer span,
            .warehouse-card-page.page-1 .condition-footer strong,
            .warehouse-card-page.page-1 .condition-footer em {
                font-size: 0.28rem !important;
                color: #444 !important;
                font-weight: normal !important;
                line-height: 1.8 !important;
            }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.order-footer { color: #9e9e9e; font-size: 0.28rem; line-height: 1.8; text-align: left; margin-top: -0.50rem; white-space: pre-line; padding: 0 0.16rem 30px 0.16rem; }

/* 出现于: Cart.html, Category.html, HtmlPage2.html */
.product-img {
            width: 100%; height: auto; object-position: top;
            margin-bottom: 0; margin-right: 0; align-self: flex-start;
            display: block; border-radius: 0.13rem;
        }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.shipping-addr-card .addr-contact { display: flex; align-items: center; font-size: 0.28rem; color: #555; line-height: 1.35; margin-top: 0; }
.shipping-addr-card .addr-contact > * + * { margin-left: 0.08rem; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
#top-logistics-map .amap-logo { transform: scale(0.5); transform-origin: right top; position: absolute !important; right: 0.04rem !important; top: 0.04rem !important; left: auto !important; bottom: auto !important; margin: 0 !important; }

/* 出现于: AftersaleOrder.html, PaidOrder.html, UnpaidOrder.html */
.express-query-trace-item {
            padding: 0.10rem 0;
            border: 0;
        }