/**
 * ESP 商品详情页移动端样式 - zFrontier 风格
 * 
 * @package ESP
 * @version 1.5.3
 * @since 2026-01-21
 * 
 * 布局参考: zFrontier 移动端商品详情页
 * - 全屏图片轮播 + 底部位号指示器
 * - 紧凑的商品信息区
 * - 简洁的价格展示
 * - 底部固定购买栏
 * 
 * v1.5.1 修复:
 * - 多规格长文本自动换行显示
 * - FAQ 三角图标方向 (收起向左, 展开向下)
 * - 购买须知和FAQ的margin覆盖
 */

/* 仅移动端生效 */
@media screen and (max-width: 768px) {

    /* ========================================
       基础重置
       ======================================== */
    body.single-shop {
        background: #000 !important;
        -webkit-overflow-scrolling: touch;
    }
    
    body.single-shop #content.site-content {
        padding: 0 !important;
        margin: 0 !important;
        min-height: auto !important;
        background: #000 !important;
    }
    
    body.single-shop .shop-top-box {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    body.single-shop .wrapper,
    body.single-shop .sidebar-container,
    body.single-shop .content-area {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #000 !important;
    }
    
    body.single-shop .b2-single-content {
        background: #000 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* 隐藏顶部header的margin-bottom */
    body.single-shop .site-header.mg-b {
        margin-bottom: 0 !important;
    }

    /* ========================================
       图片轮播区 - 全屏宽度 (参考 zFrontier 风格)
       ======================================== */
    body.single-shop .shop-single-top {
        display: flex !important;
        flex-direction: column !important;
        background: #000 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    body.single-shop .shop-single-imgs {
        width: 100% !important;
        position: relative !important;
        order: -1 !important; /* 图片移到最顶部 */
        background: #000 !important;
        height: auto !important; /* 自适应高度 */
        min-height: unset !important;
        max-height: none !important;
    }
    
    /* 图片容器 - 自适应图片高度 */
    body.single-shop .shop-single-img-box {
        width: 100% !important;
        height: auto !important; /* 自适应高度 */
        min-height: 56.25vw !important; /* 最小 16:9 比例 */
        max-height: 100vw !important; /* 最大 1:1 比例 */
        position: relative !important;
        background: #000 !important;
        overflow: hidden !important;
        aspect-ratio: unset !important;
    }
    
    /* ESP 自定义轮播容器样式覆盖 */
    body.single-shop .esp-carousel-container {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 56.25vw !important;
        max-height: 100vw !important;
    }
    
    body.single-shop .esp-carousel-track {
        height: auto !important;
        min-height: 56.25vw !important;
    }
    
    body.single-shop .esp-carousel-slide {
        height: auto !important;
        min-height: 56.25vw !important;
    }
    
    body.single-shop .esp-carousel-slide img {
        width: 100% !important;
        height: auto !important;
        min-height: 56.25vw !important;
        max-height: 100vw !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    /* 解决 Vue v-cloak 问题 - 确保图片框总是可见 */
    body.single-shop .shop-single-img-box .img-box-current {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        display: block !important;
        min-height: unset !important;
    }
    
    /* 强制覆盖 v-cloak 隐藏 - 让图片始终可见 */
    body.single-shop .shop-single-img-box picture,
    body.single-shop .shop-single-img-box picture[v-cloak] {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
    
    body.single-shop .shop-single-img-box .shop-box-img,
    body.single-shop .shop-single-img-box > .img-box-current img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* 图片覆盖容器，不同比例时裁剪 */
        background: #000 !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        display: block !important;
    }
    
    /* 轮播图片样式 - 不使用绝对定位 */
    body.single-shop .esp-carousel-slide img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }
    
    /* 隐藏缩略图列表 */
    body.single-shop .shop-box-img-list-box {
        display: none !important;
    }
    
    /* 图片位号指示器 */
    body.single-shop .esp-img-indicator {
        position: absolute !important;
        bottom: 16px !important;
        right: 16px !important;
        background: rgba(0, 0, 0, 0.65) !important;
        color: #fff !important;
        padding: 6px 12px !important;
        border-radius: 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        z-index: 10 !important;
        letter-spacing: 1px !important;
    }
    
    /* ========================================
       ESP 图片轮播样式 (Flickity)
       ======================================== */
    body.single-shop .esp-carousel {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
    
    body.single-shop .esp-carousel-cell {
        width: 100% !important;
        height: 100% !important;
    }
    
    body.single-shop .esp-carousel-cell img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* 图片覆盖容器，不同比例时裁剪 */
        background: #111 !important;
    }
    
    /* Flickity 基础样式覆盖 */
    body.single-shop .flickity-viewport {
        height: 100% !important;
    }
    
    body.single-shop .flickity-slider {
        height: 100% !important;
    }

    /* ========================================
       商品信息区
       ======================================== */
    body.single-shop .shop-single-data {
        width: 100% !important;
        padding: 16px !important;
        background: #000 !important;
        box-sizing: border-box !important;
    }

    /* 商品标题 */
    body.single-shop .shop-title-box {
        margin-bottom: 16px !important;
        padding: 0 !important;
    }
    
    body.single-shop .shop-title-box h1,
    body.single-shop .shop-title-box .shop-single-title {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #fff !important;
        line-height: 1.4 !important;
        margin: 0 0 8px 0 !important;
        letter-spacing: 0.3px !important;
    }
    
    body.single-shop .shop-title-box .shop-single-desc,
    body.single-shop .shop-title-box h2 {
        font-size: 14px !important;
        color: #666 !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        margin: 0 !important;
    }
    
    /* 隐藏顶部价格标签 */
    body.single-shop .platform_price {
        display: none !important;
    }

    /* ========================================
       价格区域 - zFrontier 风格
       ======================================== */
    body.single-shop .shop-single-data-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-shop .shop-single-data-price {
        background: transparent !important;
        padding: 0 0 16px 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #1a1a1a !important;
    }
    
    body.single-shop .shop-single-data-price .shop-single-data-title {
        display: none !important;
    }
    
    body.single-shop .shop-single-data-price .shop-single-data-value {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    /* 隐藏非当前价格 */
    body.single-shop .shop-item-delete,
    body.single-shop .shop-item-hidden {
        display: none !important;
    }
    
    /* 当前有效价格 */
    body.single-shop .shop-item-picked,
    body.single-shop .shop-item-normal-price:not(.shop-item-delete) {
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        border: none !important;
    }
    
    body.single-shop .shop-item-picked .shop-single-price-title,
    body.single-shop .shop-item-normal-price .shop-single-price-title {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 11px !important;
        color: #ff5722 !important;
        background: rgba(255, 87, 34, 0.12) !important;
        padding: 3px 8px !important;
        border-radius: 4px !important;
        width: auto !important;
        font-weight: 500 !important;
        letter-spacing: 0.5px !important;
    }
    
    body.single-shop .shop-item-picked .shop-single-price,
    body.single-shop .shop-item-picked .shop-single-price-plat,
    body.single-shop .shop-item-normal-price .shop-single-price {
        font-size: 32px !important;
        font-weight: 700 !important;
        color: #ff5722 !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: baseline !important;
    }
    
    body.single-shop .shop-item-picked .shop-single-price i,
    body.single-shop .shop-item-picked .shop-single-price-plat i,
    body.single-shop .shop-item-normal-price .shop-single-price i {
        font-style: normal !important;
        font-size: 18px !important;
        margin-right: 2px !important;
        font-weight: 600 !important;
    }
    
    body.single-shop .shop-item-picked .shop-single-price b,
    body.single-shop .shop-item-picked .shop-single-price-plat b {
        font-size: 32px !important;
        font-weight: 700 !important;
    }
    
    /* 折扣标签 */
    body.single-shop .shop-zk {
        display: inline-flex !important;
        align-items: center !important;
        background: #ff5722 !important;
        color: #fff !important;
        padding: 3px 8px !important;
        border-radius: 4px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        margin-left: 8px !important;
    }

    /* ========================================
       商品规格/数量
       ======================================== */
    body.single-shop .shop-single-data-count {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 16px 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border-bottom: 1px solid #1a1a1a !important;
        border-radius: 0 !important;
    }
    
    body.single-shop .shop-single-data-count .shop-single-data-title {
        font-size: 14px !important;
        color: #999 !important;
        width: auto !important;
    }
    
    body.single-shop .shop-single-data-count .shop-single-data-value {
        flex: none !important;
        text-align: right !important;
    }
    
    body.single-shop .shop-single-data-count .count-number {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        background: #1a1a1a !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    body.single-shop .shop-single-data-count button {
        width: 36px !important;
        height: 36px !important;
        border-radius: 0 !important;
        background: transparent !important;
        border: none !important;
        color: #fff !important;
        font-size: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }
    
    body.single-shop .shop-single-data-count button:active {
        background: #333 !important;
    }
    
    body.single-shop .shop-single-data-count input {
        width: 48px !important;
        height: 36px !important;
        text-align: center !important;
        background: transparent !important;
        border: none !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    /* ========================================
       库存/销量 - 简洁行内显示
       ======================================== */
    body.single-shop .shop-single-data-stock,
    body.single-shop .shop-single-data-sell {
        display: inline-flex !important;
        align-items: center !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 16px 16px 0 0 !important;
        font-size: 13px !important;
        color: #666 !important;
        border-radius: 0 !important;
    }
    
    body.single-shop .shop-single-data-stock .shop-single-data-title,
    body.single-shop .shop-single-data-sell .shop-single-data-title {
        display: inline !important;
        width: auto !important;
        margin-right: 4px !important;
        color: #666 !important;
    }
    
    body.single-shop .shop-single-data-stock .shop-single-data-value,
    body.single-shop .shop-single-data-sell .shop-single-data-value {
        display: inline !important;
        text-align: left !important;
        color: #999 !important;
    }

    /* ========================================
       隐藏不必要的元素
       ======================================== */
    body.single-shop .shop-single-data-can-buy,
    body.single-shop .shop-single-data-credit,
    body.single-shop .shop-single-data-roles,
    body.single-shop .shop-home-right,
    body.single-shop .sidebar,
    body.single-shop .sidebar-container,
    body.single-shop .post-navigation,
    body.single-shop .comments-area,
    body.single-shop .buy-resout,
    body.single-shop .shop-single-action-right,
    body.single-shop .b2-breadcrumb,
    body.single-shop .single-metabox,
    body.single-shop .related-posts,
    body.single-shop .widget-area,
    body.single-shop #secondary {
        display: none !important;
    }

    /* ========================================
       商品属性
       ======================================== */
    body.single-shop .shop-single-attr {
        margin: 16px 0 0 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    
    body.single-shop .shop-single-attr-title {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #fff !important;
        padding: 16px 0 !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
    }
    
    /* 详情/常见问题 标签链接字体大小 */
    body.single-shop .shop-single-attr-title a {
        font-size: 20px !important;
    }
    
    body.single-shop .shop-single-attr-data {
        padding: 0 !important;
        background: transparent !important;
    }
    
    body.single-shop .shop-single-attr-data ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    
    body.single-shop .shop-single-attr-data li {
        display: inline-flex !important;
        align-items: center !important;
        background: #1a1a1a !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }
    
    body.single-shop .shop-single-attr-k {
        color: #666 !important;
        margin-right: 6px !important;
    }
    
    body.single-shop .shop-single-attr-v {
        color: #fff !important;
        font-weight: 500 !important;
    }

    /* ========================================
       多规格选择器 (实际类名: multi-row, shop-single-data-value-list)
       ======================================== */
    body.single-shop .multi-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        padding: 12px 0 !important;
        background: transparent !important;
        border-bottom: 1px solid #1a1a1a !important;
        list-style: none !important;
        margin: 0 !important;
    }
    
    body.single-shop .multi-row .shop-single-data-title {
        width: auto !important;
        min-width: 60px !important;
        flex-shrink: 0 !important;
        font-size: 14px !important;
        color: #999 !important;
        margin-bottom: 0 !important;
        margin-right: 12px !important;
        padding: 10px 0 !important;
        line-height: 1.4 !important;
    }
    
    body.single-shop .multi-row .shop-single-data-value-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        flex: 1 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    
    body.single-shop .multi-row .shop-single-data-value {
        background: #1a1a1a !important;
        border: 2px solid transparent !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        transition: all 0.2s ease !important;
        color: #fff !important;
        font-size: 13px !important;
        cursor: pointer !important;
        min-width: 40px !important;
        max-width: calc(50% - 4px) !important; /* 每行最多2个 */
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
        line-height: 1.4 !important;
    }
    
    /* 型号名称过长时 - 每个型号独占一行，但仍然截断 */
    body.single-shop .multi-row.long-text .shop-single-data-value-list {
        flex-direction: column !important;
    }
    
    body.single-shop .multi-row.long-text .shop-single-data-value {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        padding: 10px 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    body.single-shop .multi-row .shop-single-data-value.picked {
        border-color: #ff5722 !important;
        background: rgba(255, 87, 34, 0.15) !important;
        color: #ff5722 !important;
    }
    
    body.single-shop .multi-row .shop-single-data-value:active {
        transform: scale(0.95) !important;
    }

    /* ========================================
       商品详情内容
       ======================================== */
    body.single-shop .entry-content {
        padding: 16px !important;
        background: #000 !important;
        color: #999 !important;
        font-size: 15px !important;
        line-height: 1.8 !important;
    }
    
    body.single-shop .entry-content img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
        margin: 16px 0 !important;
        display: block !important;
    }
    
    body.single-shop .entry-content p {
        margin: 0 0 16px 0 !important;
        color: #999 !important;
    }
    
    body.single-shop .entry-content h1,
    body.single-shop .entry-content h2,
    body.single-shop .entry-content h3,
    body.single-shop .entry-content h4 {
        color: #fff !important;
        margin: 24px 0 12px 0 !important;
        font-weight: 600 !important;
    }
    
    body.single-shop .entry-content h2 { font-size: 18px !important; }
    body.single-shop .entry-content h3 { font-size: 16px !important; }
    body.single-shop .entry-content h4 { font-size: 15px !important; }
    
    body.single-shop .entry-content ul,
    body.single-shop .entry-content ol {
        padding-left: 20px !important;
        margin-bottom: 16px !important;
    }
    
    body.single-shop .entry-content li {
        margin-bottom: 8px !important;
        color: #999 !important;
    }
    
    body.single-shop .entry-content a {
        color: #ff5722 !important;
    }
    
    body.single-shop .entry-content blockquote {
        border-left: 3px solid #ff5722 !important;
        padding-left: 16px !important;
        margin: 16px 0 !important;
        color: #666 !important;
        font-style: italic !important;
    }

    /* ========================================
       底部购买栏 - 固定定位
       ======================================== */
    body.single-shop .shop-single-action {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-shop .shop-single-action-left {
        position: fixed !important;
        bottom: 50px !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        align-items: center !important;
        padding: 12px 16px !important;
        background: #111 !important;
        border-top: 1px solid #1a1a1a !important;
        z-index: 1000 !important;
        gap: 12px !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5) !important;
    }
    
    body.single-shop .shop-single-action-left[v-cloak] {
        display: flex !important;
    }
    
    body.single-shop .shop-single-action-left .button,
    body.single-shop .shop-single-action-left a.button,
    body.single-shop .shop-single-action-left button {
        flex: 1 !important;
        height: 48px !important;
        line-height: 48px !important;
        border-radius: 24px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;
        background: #ff5722 !important;
        color: #fff !important;
        border: none !important;
        padding: 0 20px !important;
        letter-spacing: 0.5px !important;
        transition: opacity 0.2s ease !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    body.single-shop .shop-single-action-left .button:active,
    body.single-shop .shop-single-action-left a.button:active,
    body.single-shop .shop-single-action-left button:active {
        opacity: 0.85 !important;
    }
    
    /* 加入购物车按钮 - 黄色 */
    body.single-shop .shop-single-action-left button.empty {
        background: #ffc107 !important;
        color: #000 !important;
    }
    
    /* 隐藏按钮内的价格 */
    body.single-shop .shop-single-action-left .buy_price {
        display: none !important;
    }
    
    /* 隐藏右侧操作区 */
    body.single-shop .shop-single-action-right {
        display: none !important;
    }

    /* ========================================
       底部留白（为固定购买栏预留空间）
       动态计算: 100vh - 购买栏高度(约72px) - 底部菜单高度(约50px)
       ======================================== */
    body.single-shop #content.site-content {
        padding-bottom: calc(72px + 50px + 16px) !important; /* 购买栏 + 底部菜单 + 额外间距 */
        min-height: calc(100vh - 72px - 50px) !important;
    }
    
    /* 页脚 */
    body.single-shop footer#colophon.footer {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        background: #111 !important;
    }

    /* ========================================
       动画效果
       ======================================== */
    body.single-shop .shop-single-img-box img {
        transition: transform 0.3s ease !important;
    }
    
    body.single-shop .multi-row .shop-single-data-value,
    body.single-shop .shop-single-action-left .button {
        transition: all 0.2s ease !important;
    }
    
    /* ========================================
       商品详情内容模板 - content-title
       ======================================== */
    body.single-shop .content-title {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #fff !important;
        padding: 20px 16px 12px !important;
        margin: 0 !important;
        background: #000 !important;
        border-bottom: 1px solid #1a1a1a !important;
        line-height: 1.4 !important;
    }
    
    body.single-shop .content-title div {
        margin-top: 0 !important;
    }
    
    body.single-shop .item-content {
        padding: 0 !important; /* 移除内边距，让图片紧贴边缘 */
        background: #000 !important;
    }
    
    body.single-shop .item-content figure {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-shop .item-content img {
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important; /* 移除圆角，让图片紧贴 */
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: bottom !important; /* 消除图片底部空隙 */
    }
    
    body.single-shop .item-content p {
        font-size: 14px !important;
        line-height: 0 !important; /* 段落中只有图片时消除间隙 */
        color: #999 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 段落中有文字时恢复正常样式 */
    body.single-shop .item-content p:not(:empty):not(:has(img:only-child)) {
        line-height: 1.8 !important;
        padding: 16px !important;
    }
    
    body.single-shop .item-content h2,
    body.single-shop .item-content h3,
    body.single-shop .item-content h4 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #fff !important;
        margin: 20px 0 12px 0 !important;
    }
    
    /* ========================================
       FAQ 常见问题区域
       ======================================== */
    body.single-shop .faq-section {
        background: #0a0a0a !important;
        padding: 20px 16px !important;
        margin: 0 !important;
        border-top: 8px solid #111 !important;
    }
    
    body.single-shop .faq-section h2 {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #fff !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }
    
    body.single-shop .faq-section h2 .faq-img {
        width: 24px !important;
        height: 24px !important;
    }
    
    body.single-shop .faq-section ol {
        list-style: none !important;
        margin: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }
    
    body.single-shop .faq-section ol li {
        background: #111 !important;
        border-radius: 10px !important;
        margin-bottom: 10px !important;
        overflow: hidden !important;
    }
    
    body.single-shop .faq-section .q-part {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #fff !important;
        cursor: pointer !important;
        background: #111 !important;
    }
    
    /* FAQ 三角图标 - 收起时向左 (指向右侧), 展开时向下 */
    body.single-shop .faq-section .q-part .faq-sign {
        width: 18px !important;
        height: 18px !important;
        flex-shrink: 0 !important;
        opacity: 0.5 !important;
        transition: transform 0.3s ease !important;
        transform: rotate(-90deg) !important; /* 收起时三角向左 */
    }
    
    body.single-shop .faq-section ol li.open .q-part .faq-sign {
        transform: rotate(0deg) !important; /* 展开时三角向下 */
        opacity: 0.8 !important;
    }
    
    body.single-shop .faq-section .a-part {
        padding: 0 16px 14px !important;
        font-size: 13px !important;
        line-height: 1.7 !important;
        color: #888 !important;
        display: none !important;
    }
    
    body.single-shop .faq-section ol li.open .a-part {
        display: block !important;
    }
    
    body.single-shop .faq-section .a-part p {
        margin: 0 0 8px 0 !important;
    }
    
    body.single-shop .faq-section .a-part p:last-child {
        margin-bottom: 0 !important;
    }
    
    /* ========================================
       购买须知区域
       ======================================== */
    body.single-shop .purchase-notice,
    body.single-shop [class*="purchase"],
    body.single-shop .buy-notice {
        background: #0a0a0a !important;
        padding: 20px 16px !important;
        margin: 0 !important;
        border-top: 8px solid #111 !important;
    }
    
    body.single-shop .purchase-notice h2,
    body.single-shop .buy-notice h2,
    body.single-shop h2.buy-notice {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #ff5722 !important;
        margin: 0 0 12px 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }
    
    /* 覆盖购买须知图标的margin */
    body.single-shop .buy-notice .buy-img,
    body.single-shop .buy-img {
        width: 24px !important;
        height: 24px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    /* 覆盖购买须知文字的margin-left */
    body.single-shop .buy-notice-p,
    body.single-shop p.buy-notice-p {
        font-size: 13px !important;
        line-height: 1.8 !important;
        color: #888 !important;
        margin: 0 0 8px 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }
    
    body.single-shop .purchase-notice p,
    body.single-shop .buy-notice p {
        font-size: 13px !important;
        line-height: 1.8 !important;
        color: #888 !important;
        margin: 0 0 8px 0 !important;
        margin-left: 0 !important;
    }
}