/* 1. 横向滚动容器：背景改为纯白，与米色底色形成对比 */
.woocommerce-Tabs-panel .style-table,
.wp-singular.page .style-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    
    background: #ffffff;           /* 纯白表格，在 #F6F7ED 上会非常醒目 */
    border-radius: 16px;           /* 更圆润的圆角 */
    /* 使用带有一点暖色调的投影，与背景色融合更自然 */
    box-shadow: 0 10px 30px rgba(120, 125, 90, 0.12); 
    border: 1px solid rgba(0, 0, 0, 0.03); /* 极淡的边框 */
    margin: 25px 0;

}

/* 2. 表格基础设置 */
.woocommerce-Tabs-panel table,
.wp-singular.page table {
    min-width: 700px;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;

    
}

/* 3. 单元格：文字颜色调柔和 */
.woocommerce-Tabs-panel td,
.wp-singular.page td {
    padding: 18px 20px;
    white-space: nowrap;
    border-bottom: 1px solid #f2f2f2; /* 浅灰色分割线 */
    color: #555a48;                /* 带有暗绿/灰调的文字，适配背景 */
    font-size: 14px;
}

/* 4. 表头：融入背景色调 */
.woocommerce-Tabs-panel tr:first-child td,
.wp-singular.page tr:first-child td {
    background: #fafbf6;           /* 比背景色 #F6F7ED 更亮一点的米白色 */
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #e2e4d5;
}

/* 5. 悬停效果：增加交互感 */
.woocommerce-Tabs-panel tr:hover td,
.wp-singular.page tr:hover td {
    background-color: #fcfcfc;     /* 鼠标经过时轻微变亮 */
}

/* 6. 处理圆角溢出 */
.woocommerce-Tabs-panel tr:first-child td:first-child { border-top-left-radius: 16px; }
.woocommerce-Tabs-panel tr:first-child td:last-child { border-top-right-radius: 16px; }
.woocommerce-Tabs-panel tr:last-child td:first-child { border-bottom-left-radius: 16px; }
.woocommerce-Tabs-panel tr:last-child td:last-child { border-bottom-right-radius: 16px; }
.woocommerce-Tabs-panel tr:last-child td { border-bottom: none; }

/* 7. 滚动条美化：适配背景色 */
.woocommerce-Tabs-panel .style-table::-webkit-scrollbar,
.wp-singular.page .style-table::-webkit-scrollbar {
    height: 6px;
}

.woocommerce-Tabs-panel .style-table::-webkit-scrollbar-thumb,
.wp-singular.page .style-table::-webkit-scrollbar-thumb {
    background: #d8dad0;           /* 滚动条滑块颜色与背景呼应 */
    border-radius: 10px;
}

.woocommerce-Tabs-panel .style-table::-webkit-scrollbar-track,
.wp-singular.page .style-table::-webkit-scrollbar-track {
    background: #f6f7ed;           /* 轨道颜色直接使用你的背景色 */
}