html, body {
            background-color: #f5f5f5;
            /* 去除body默认边距，确保内容撑满屏幕 */
            margin: 0;
            padding: 0;
            /* 隐藏横向滚动条 */
            overflow-x: hidden;
            /* 防止页面滚动时侧边栏高度失效 */
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        /* 顶部栏下方区域 - 左右撑满屏幕，高度填充剩余视口 */
        .A3-BUY-full-screen-container {
            display: flex;
            width: 100%; /* 使用100%宽度而非100vw，避免横向滚动 */
            height: 100%; /* 精确减去头部高度，填充剩余屏幕高度 */
            /* 去除横向滚动，避免溢出 */
            overflow-x: hidden;
            flex: 1;
        }
        /* 页面头部样式 */
        .A3-BUY-page-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .A3-BUY-page-header h1 {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin: 0;
        }
        /* 头部搜索框样式 */
        .A3-BUY-header-search {
            display: flex;
            align-items: center;
            gap: 10px;
            width: auto;
        }
        .A3-BUY-search-input {
            padding: 8px 12px;
            border: 1px solid #ddd;
            font-size: 14px;
            color: #333;
            width: 250px;
            height: 36px;
        }
        .A3-BUY-search-input:focus {
            outline: none;
            border-color: #2F44DB;
        }
        .A3-BUY-search-button {
            padding: 8px 16px;
            background-color: #2F44DB;
            color: #fff;
            border: none;
            font-size: 14px;
            cursor: pointer;
            height: 36px;
        }
        .A3-BUY-search-button:hover {
            background-color: #1f34c9;
        }
        
        /* 产品筛选样式 */
        .A3-BUY-product-filters {
            margin-bottom: 20px;
        }
        .A3-BUY-filter-group {
            margin-bottom: 15px;
        }
        .A3-BUY-filter-group label {
            display: inline-block;
            font-weight: bold;
            color: #333;
            margin-right: 10px;
            margin-bottom: 8px;
        }
        
        /* 筛选标签样式 */
        .A3-BUY-filter-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .A3-BUY-filter-tag {
            padding: 6px 12px;
            background-color: #f0f0f0;
            color: #333;
            border: 1px solid #ddd;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s ease;
        }
        .A3-BUY-filter-tag:hover {
            background-color: #e0e0e0;
        }
        .A3-BUY-filter-tag.A3-BUY-active {
            background-color: #2F44DB;
            color: #fff;
            border-color: #2F44DB;
        }
        /* 主内容区 - 跟随全屏容器撑满屏幕剩余宽度和高度 */
        .A3-BUY-main-content-wrapper {
            flex: 1; /* 占据容器剩余宽度，实现左右撑满 */
            padding: 0;
            margin: 0;
            height: 100%;
            overflow-y: auto; /* 内容超出时纵向滚动 */
        }
        .A3-BUY-main-content {
            padding: 25px;
            max-width: 100%; /* 取消最大宽度限制，适配全屏 */
            margin: 0;
        }
        /* 产品列表 */
        .A3-BUY-product-list {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
        /* product-card - hover动画 + 主题色边框聚焦 + 统一内边距（为按钮对齐铺垫） */
        .A3-BUY-product-card {
            width: calc(25% - 18px);
            background-color: #fff;
            border: 1px solid #eee;
            padding: 0; /* 取消卡片整体内边距，内部元素单独控制，确保title背景全屏 */
            position: relative; /* 确保按钮定位稳定 */
            box-shadow: 0 2px 4px rgba(0,0,0,0.04);
            /* 核心：hover/聚焦动画过渡，0.5s流畅切换 */
            transition: all 0.5s ease;
            /* 确保聚焦状态可被捕获（针对键盘导航） */
            outline: none;
            tabindex: 0;
        }
        /* 1. hover状态：阴影加深 + 边框预高亮 */
        .A3-BUY-product-card:hover {
            box-shadow: 0 4px 8px rgba(47, 68, 219, 0.1);
            border-color: #2F44DB;
        }
        /* 2. 聚焦状态：主题色实心边框 + 强化阴影 */
        .A3-BUY-product-card:focus,
        .A3-BUY-product-card:focus-within {
            border: 1px solid #2F44DB;
            box-shadow: 0 0 0 2px rgba(47, 68, 219, 0.2);
        }
        /* product-card title - 浅灰色背景 + 全宽贴合 + 内边距优化 */
        .A3-BUY-product-card .A3-BUY-title {
            font-weight: bold;
            padding: 8px 12px; /* 匹配参考图的上下左右内边距 */
            margin: 0; /* 取消默认间距，确保背景全宽贴合卡片 */
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #2F44DB;
            font-size: 15px;
            background-color: #f8f9fa; /* 浅灰色背景，匹配参考图 */
            border-bottom: 1px solid #eee; /* 底部分隔线，增强视觉层次 */
            padding-top: 12px;
            padding-bottom: 12px;
        }
        .A3-BUY-product-card .A3-BUY-title span {
            font-size: 12px;
            color: #666;
            font-weight: normal;
        }
        /* product-card 内容区域 - 单独设置内边距，避免影响title背景 */
        .A3-BUY-product-card .A3-BUY-content-wrap {
            padding: 18px; /* 原卡片内边距迁移至此，确保内容布局美观 */
        }
        .A3-BUY-product-card .A3-BUY-info {
            font-size: 13px;
            line-height: 1.8;
            margin-bottom: 18px;
            color: #333;
        }
        .A3-BUY-product-card .A3-BUY-info .A3-BUY-red {
            color: #dc3545;
            font-weight: 500;
        }
        .A3-BUY-product-card .A3-BUY-price {
            font-size: 16px;
            color: #F53F3F; /* 醒目红色价格，匹配参考图 */
            font-weight: 500;
            display: inline-block;
            margin-right: 10px;
        }
        .A3-BUY-product-card .A3-BUY-original-price {
            font-size: 14px;
            color: #999; /* 灰色原价 */
            text-decoration: line-through;
            display: inline-block;
        }
        /* 活动产品展示样式 */
        .A3-BUY-product-card .A3-BUY-activity {
            margin-top: 10px;
            display: inline-block;
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 10px;
            position: relative;
            cursor: pointer;
        }
        .A3-BUY-product-card .A3-BUY-activity-template{
            font-size: 12px;
            color: #fff;
            background-color: #ff6b6b;
            padding: 2px 8px;
            border-radius: 10px;
        }
        /* 购买按钮 - 核心修复：与参考图完全一致，全宽贴合卡片底部无偏差 */
        .A3-BUY-product-card .A3-BUY-buy-btn {
            width: 100%;
            padding: 12px 0;
            background-color: #165DFF; /* 参考图蓝色背景，精准匹配 */
            color: #ffffff;
            border: none; /* 取消边框，匹配参考图简约样式 */
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            display: block;
            text-decoration: none;
            transition: all 0.3s ease; /* 快速过渡，匹配参考图交互感 */
            /* 核心：无负边距，直接贴合卡片底部（因卡片整体padding为0） */
            margin: 18px 0 0 0;
            /* 兜底：确保按钮宽度不受父容器影响，强制与卡片边框对齐 */
            box-sizing: border-box;
        }
        .A3-BUY-product-card .A3-BUY-buy-btn:hover {
            background-color: #0E4BD8; /* 蓝色加深，匹配参考图hover效果 */
            box-shadow: 0 2px 4px rgba(22, 93, 255, 0.2);
        }
        .A3-BUY-product-card .A3-BUY-buy-btn:active {
            background-color: #0A3BB8;
            box-shadow: 0 1px 2px rgba(22, 93, 255, 0.2);
        }
        /* 已售罄按钮样式 */
        .A3-BUY-product-card .A3-BUY-buy-btn:disabled {
            background-color: #ccc;
            cursor: not-allowed;
        }
        .A3-BUY-product-card .A3-BUY-buy-btn:disabled:hover {
            background-color: #ccc;
            box-shadow: none;
        }
        /* 底部禁止提示 */
        .A3-BUY-forbid-tip {
            margin-top: 35px;
            padding: 12px 15px;
            background-color: #fff3f3;
            border: 1px solid #ffe3e3;
            font-size: 12px;
            color: #dc3545;
            border-left: 3px solid #dc3545;
            transition: all 0.5s ease;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }
        /* 响应式适配 - 适配全屏布局 */
        @media (max-width: 992px) {
            .A3-BUY-product-card {
                width: calc(50% - 12px);
            }
        }
        @media (max-width: 576px) {
            .A3-BUY-full-screen-container {
                flex-direction: column;
                height: auto; /* 移动端取消固定高度，自适应内容 */
            }
            .A3-BUY-product-card {
                width: 100%;
            }
            /* 移动端搜索框适配 */
            .A3-BUY-page-header {
                flex-direction: column;
                align-items: stretch;
                gap: 15px;
            }
            .A3-BUY-header-search {
                width: 100%;
            }
            .A3-BUY-search-input {
                width: calc(100% - 80px); /* 自适应宽度，留出搜索按钮空间 */
                min-width: auto;
            }
            .A3-BUY-search-button {
                width: 70px; /* 固定按钮宽度 */
                padding: 8px 0;
                font-size: 13px;
            }
        }