/*
Theme Name: B2 Child
Description: B2主题子主题
Template: b2
Version: 1.0
*/

@import url("../b2/style.css");

/* 基础按钮样式 */
.btn.btn-scheme-dark.btn-style-default.btn-style-semi-round.btn-size-medium {
    display: block; text-align: center; padding: 12px;margin-right:6px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: background-color 0.3s ease; ; color: white;
}
/* 主按钮样式 */
.btn.btn-style-semi-round{background-color: #ff9800!important;
    color: white;
    box-shadow: 0 2px 5px rgba(0, 122, 255, 0.3);
}

/* 悬停效果 */
.btn.btn-scheme-dark.btn-scheme-hover-dark.btn-style-default.btn-style-semi-round.btn-size-medium:hover {
    background-color: #2196f3!important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.4);
}
.text-left .product_meta {text-align:right!important;margin-bottom:10px;}

/* ===== 全站字体大小统一方案 ===== */
/* 1. 基础字体大小重置 - 统一所有元素的字体大小 */
* {
    font-size: inherit !important; /* 继承父元素字体大小 */
}

/* 2. 根元素字体大小设置 */
html {
    font-size: 16px !important; /* 基础字体大小16px */
}

/* 3. 主体字体大小统一 */
body {
    font-size: 16px !important; /* 主体字体16px */
    line-height: 1.6 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei', sans-serif !important;
    font-weight: 400 !important;
}

/* 4. 标题字体大小层级统一 */
h1, .h1 {
    font-size: 32px !important; /* 主标题32px */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

h2, .h2 {
    font-size: 28px !important; /* 二级标题28px */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 18px !important;
}

h3, .h3 {
    font-size: 24px !important; /* 三级标题24px */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 16px !important;
}

h4, .h4 {
    font-size: 20px !important; /* 四级标题20px */
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
}

h5, .h5 {
    font-size: 18px !important; /* 五级标题18px */
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
}

h6, .h6 {
    font-size: 16px !important; /* 六级标题16px */
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}

/* 5. 段落和正文字体统一 */
p, .paragraph {
    font-size: 16px !important; /* 段落字体16px */
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
    font-weight: 400 !important;
}

/* 6. 链接字体大小统一 */
a, .link {
    font-size: inherit !important; /* 继承父元素字体大小 */
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* 7. 列表字体大小统一 */
ul, ol, li {
    font-size: 16px !important; /* 列表字体16px */
    line-height: 1.6 !important;
}

/* 8. 顶部导航字体大小统一 */
.b2-header-wrap,
.site-header,
.main-header {
    font-size: 16px !important; /* 导航区域基础字体16px */
}

/* Logo区域字体 */
.b2-logo,
.navbar-brand,
.site-logo {
    font-size: 24px !important; /* Logo文字24px */
    font-weight: 700 !important;
}

/* 主导航菜单字体统一 */
.navbar-nav .nav-link,
.b2-nav .nav-link,
.main-nav a,
.primary-menu a {
    font-size: 16px !important; /* 导航菜单16px */
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* 搜索框字体统一 */
.b2-search input,
.search-form input,
.header-search input {
    font-size: 14px !important; /* 搜索框14px */
    font-weight: 400 !important;
}

.b2-search input::placeholder,
.search-form input::placeholder {
    font-size: 14px !important; /* 搜索框占位符14px */
}

/* 登录注册按钮字体统一 */
.b2-user-info a,
.navbar-nav a[href*="login"],
.navbar-nav a[href*="register"],
.navbar-nav a[href*="sign"],
.header-auth a,
button.login-btn,
button.signup-btn {
    font-size: 14px !important; /* 按钮字体14px */
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* 9. 内容区域字体大小统一 */
.site-content,
.main-content,
.content-area {
    font-size: 16px !important; /* 内容区域基础字体16px */
}

/* 文章标题字体 */
.entry-title,
.post-title,
.article-title {
    font-size: 28px !important; /* 文章标题28px */
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* 文章内容字体 */
.entry-content,
.post-content,
.article-content {
    font-size: 16px !important; /* 文章内容16px */
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* 10. 侧边栏字体大小统一 */
.sidebar,
.widget-area {
    font-size: 14px !important; /* 侧边栏基础字体14px */
}

.sidebar .widget-title,
.widget-area .widget-title {
    font-size: 18px !important; /* 侧边栏标题18px */
    font-weight: 600 !important;
}

.sidebar .widget,
.widget-area .widget {
    font-size: 14px !important; /* 侧边栏小工具14px */
    line-height: 1.5 !important;
}

/* 11. 表单元素字体统一 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    font-size: 14px !important; /* 表单元素14px */
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

label {
    font-size: 14px !important; /* 标签字体14px */
    font-weight: 500 !important;
}

/* 12. 按钮字体统一 */
button,
.btn,
input[type="submit"],
input[type="button"] {
    font-size: 14px !important; /* 按钮字体14px */
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* 13. 表格字体统一 */
table {
    font-size: 14px !important; /* 表格字体14px */
}

th {
    font-size: 14px !important; /* 表头字体14px */
    font-weight: 600 !important;
}

td {
    font-size: 14px !important; /* 表格单元格字体14px */
    font-weight: 400 !important;
}

/* 14. 面包屑导航字体统一 */
.breadcrumb,
.breadcrumbs {
    font-size: 14px !important; /* 面包屑字体14px */
    font-weight: 400 !important;
}

/* 15. 分页字体统一 */
.pagination,
.page-numbers {
    font-size: 14px !important; /* 分页字体14px */
    font-weight: 500 !important;
}

/* 16. 评论区域字体统一 */
.comments-area,
.comment-list {
    font-size: 15px !important; /* 评论区域字体15px */
    line-height: 1.6 !important;
}

.comment-author {
    font-size: 16px !important; /* 评论作者字体16px */
    font-weight: 600 !important;
}

.comment-content {
    font-size: 15px !important; /* 评论内容字体15px */
    line-height: 1.6 !important;
}

/* 17. 页脚字体统一 */
.site-footer,
.footer {
    font-size: 14px !important; /* 页脚字体14px */
    line-height: 1.5 !important;
}

/* 18. 小字体元素统一 */
.small,
small,
.meta,
.post-meta,
.entry-meta {
    font-size: 13px !important; /* 小字体13px */
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* 19. 代码字体统一 */
code,
pre,
.code {
    font-size: 14px !important; /* 代码字体14px */
    font-family: 'Courier New', Consolas, Monaco, monospace !important;
    line-height: 1.4 !important;
}

/* 20. 引用字体统一 */
blockquote {
    font-size: 18px !important; /* 引用字体18px */
    font-style: italic !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* 21. 响应式字体大小 */
@media (max-width: 768px) {
    html {
        font-size: 14px !important; /* 移动端基础字体14px */
    }
    
    body {
        font-size: 14px !important;
    }
    
    h1, .h1 { font-size: 24px !important; }
    h2, .h2 { font-size: 22px !important; }
    h3, .h3 { font-size: 20px !important; }
    h4, .h4 { font-size: 18px !important; }
    h5, .h5 { font-size: 16px !important; }
    h6, .h6 { font-size: 14px !important; }
    
    p, .paragraph {
        font-size: 14px !important;
    }
    
    .navbar-nav .nav-link,
    .b2-nav .nav-link {
        font-size: 14px !important;
    }
    
    .entry-title,
    .post-title {
        font-size: 22px !important;
    }
    
    .entry-content,
    .post-content {
        font-size: 14px !important;
    }
}

/* 22. 强制覆盖所有可能的字体大小设置 */
.b2-theme *,
.wp-content *,
.site *,
.container * {
    font-size: inherit !important;
}

/* 23. 特殊元素字体大小重置 */
.fa, .fas, .far, .fab {
    font-size: inherit !important; /* 图标字体继承父元素大小 */
}

/* 24. 确保所有文本元素都有统一的字体设置 */
* {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

.shop_attributes :is(.wd-attr-term)  { 
    display: inline-flex; 
    align-items: center; 
    /* 新增换行相关属性 */
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    min-width: 0;  /* 重要：修复 flex 容器的换行限制 */
}

/* 使WooCommerce版本标签在同一行显示 */
.woocommerce-product-attributes-item--attribute_pa_compatible-with td .wd-attr-term,
.woocommerce-product-attributes-item--attribute_pa_software-version td .wd-attr-term {
    display: inline-block;
    margin-right: 5px;
}

/* =================================
   B2主题用户中心页面美化 - 简洁风格
   在第563行替换原有的用户账户美化代码
   ================================= */

/* B2主题用户中心主容器美化 */
.user-page,
.user-center {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin: 20px auto;
    max-width: 1200px;
}

/* 用户中心标题美化 */
.user-page h1,
.user-center h1,
.page-title {
    color: #2c3e50;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ecf0f1;
    text-align: left;
}

/* B2主题用户导航菜单美化 */
.user-nav,
.user-menu,
.user-sidebar {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 20px 0;
    margin-bottom: 20px;
}

.user-nav ul,
.user-menu ul,
.user-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.user-nav li,
.user-menu li,
.user-sidebar li {
    margin: 0;
    border-bottom: 1px solid #e9ecef;
}

.user-nav li:last-child,
.user-menu li:last-child,
.user-sidebar li:last-child {
    border-bottom: none;
}

.user-nav a,
.user-menu a,
.user-sidebar a {
    display: block;
    padding: 12px 20px;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.user-nav a:hover,
.user-menu a:hover,
.user-sidebar a:hover {
    background: #ffffff;
    color: #2c3e50;
    border-left-color: #3498db;
    transform: translateX(2px);
}

.user-nav .current a,
.user-menu .current a,
.user-sidebar .current a,
.user-nav .active a,
.user-menu .active a,
.user-sidebar .active a {
    background: #ffffff;
    color: #2c3e50;
    border-left-color: #27ae60;
    font-weight: 600;
}

/* B2主题用户内容区域美化 */
.user-content,
.user-main,
.user-dashboard {
    background: #ffffff;
    padding: 25px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    min-height: 400px;
}

/* 用户信息卡片美化 */
.user-info,
.user-profile,
.user-card {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 6px;
    border-left: 4px solid #27ae60;
    margin-bottom: 20px;
}

.user-info p,
.user-profile p,
.user-card p {
    color: #2c3e50;
    font-size: 16px;
    font-weight: 500;
    margin: 8px 0;
    line-height: 1.6;
}

/* 用户统计信息美化 */
.user-stats,
.user-data,
.user-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.user-stats .stat-item,
.user-data .data-item,
.user-overview .overview-item {
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.user-stats .stat-item .number,
.user-data .data-item .number,
.user-overview .overview-item .number {
    font-size: 24px;
    font-weight: 600;
    color: #3498db;
    display: block;
}

.user-stats .stat-item .label,
.user-data .data-item .label,
.user-overview .overview-item .label {
    font-size: 14px;
    color: #6c757d;
    margin-top: 5px;
}

/* B2主题链接美化 */
.user-content a,
.user-main a,
.user-dashboard a {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.user-content a:hover,
.user-main a:hover,
.user-dashboard a:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* B2主题表单元素美化 */
.user-form .form-group,
.user-form .form-item {
    margin-bottom: 20px;
}

.user-form label {
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

.user-form input[type="text"],
.user-form input[type="email"],
.user-form input[type="password"],
.user-form textarea,
.user-form select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff;
}

.user-form input[type="text"]:focus,
.user-form input[type="email"]:focus,
.user-form input[type="password"]:focus,
.user-form textarea:focus,
.user-form select:focus {
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    outline: none;
}

/* B2主题按钮美化 - 简洁浅色风格 */
.user-form .btn,
.user-form .button,
.user-form button,
.user-form input[type="submit"],
.btn,
.button {
    background: #ffffff;
    color: #2c3e50;
    border: 2px solid #3498db;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.user-form .btn:hover,
.user-form .button:hover,
.user-form button:hover,
.user-form input[type="submit"]:hover,
.btn:hover,
.button:hover {
    background: #3498db;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
}

/* B2主题表格美化 */
.user-table,
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.user-table th,
table th {
    background: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
    padding: 15px;
    text-align: left;
    border-bottom: 2px solid #e9ecef;
}

.user-table td,
table td {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    color: #495057;
}

.user-table tr:hover,
table tr:hover {
    background: #f8f9fa;
}

/* B2主题消息提示美化 */
.alert,
.notice,
.message {
    padding: 15px 20px;
    border-radius: 4px;
    margin: 20px 0;
    border-left: 4px solid;
}

.alert-success,
.notice-success,
.message-success {
    background: #d4edda;
    color: #155724;
    border-left-color: #27ae60;
}

.alert-info,
.notice-info,
.message-info {
    background: #d1ecf1;
    color: #0c5460;
    border-left-color: #3498db;
}

.alert-error,
.notice-error,
.message-error {
    background: #f8d7da;
    color: #721c24;
    border-left-color: #e74c3c;
}

/* B2主题特有元素美化 */
.b2-user-center,
.b2-user-page {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.b2-user-nav {
    background: #f8f9fa;
    border-right: 1px solid #e9ecef;
}

.b2-user-content {
    padding: 30px;
    min-height: 500px;
}

/* 响应式设计优化 */
@media (max-width: 768px) {
    .user-page,
    .user-center,
    .b2-user-center,
    .b2-user-page {
        padding: 20px 15px;
        margin: 10px;
    }
    
    .user-page h1,
    .user-center h1,
    .page-title {
        font-size: 24px;
        text-align: center;
    }
    
    .user-nav,
    .user-menu,
    .user-sidebar {
        margin-bottom: 15px;
    }
    
    .user-content,
    .user-main,
    .user-dashboard,
    .b2-user-content {
        padding: 20px 15px;
    }
    
    .user-stats,
    .user-data,
    .user-overview {
        flex-direction: column;
    }
    
    .user-stats .stat-item,
    .user-data .data-item,
    .user-overview .overview-item {
        min-width: auto;
    }
}

/* 小屏幕优化 */
@media (max-width: 480px) {
    .user-page,
    .user-center,
    .b2-user-center,
    .b2-user-page {
        padding: 15px 10px;
        margin: 5px;
    }
    
    .user-nav a,
    .user-menu a,
    .user-sidebar a {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .user-form .btn,
    .user-form .button,
    .user-form button,
    .user-form input[type="submit"],
    .btn,
    .button {
        width: 100%;
        margin: 5px 0;
    }
}

/* 页面加载动画 */
.user-page,
.user-center,
.b2-user-center,
.b2-user-page {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 通用类名兼容 */
.my-account,
.account-page,
.user-account {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin: 20px auto;
}

/* 确保样式优先级 */
body .user-page,
body .user-center,
body .b2-user-center,
body .b2-user-page {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}
.shop_attributes :is(.wd-attr-term)  { 
    display: inline-flex; 
    align-items: center; 
    /* 新增换行相关属性 */
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    min-width: 0;  /* 重要：修复 flex 容器的换行限制 */
}

/* 使WooCommerce版本标签在同一行显示 */
.woocommerce-product-attributes-item--attribute_pa_compatible-with td .wd-attr-term,
.woocommerce-product-attributes-item--attribute_pa_software-version td .wd-attr-term {
    display: inline-block;
    margin-right: 5px;
}


/* =================================
   用户账户页面美化 - 简洁风格
   在第1117行后添加以下CSS代码
   ================================= */

/* 用户账户主容器美化 */
.woocommerce-account .woocommerce {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin: 20px 0;
}

/* 账户页面标题优化 */
.woocommerce-account h1,
.woocommerce-account .entry-title {
    color: #2c3e50;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ecf0f1;
    text-align: left;
}

/* 左侧导航菜单美化 */
.woocommerce-MyAccount-navigation {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 20px 0;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin: 0;
    border-bottom: 1px solid #e9ecef;
}

.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 12px 20px;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.woocommerce-MyAccount-navigation a:hover {
    background: #ffffff;
    color: #2c3e50;
    border-left-color: #3498db;
    transform: translateX(2px);
}

.woocommerce-MyAccount-navigation .is-active a {
    background: #ffffff;
    color: #2c3e50;
    border-left-color: #27ae60;
    font-weight: 600;
}

/* 右侧内容区域美化 */
.woocommerce-MyAccount-content {
    background: #ffffff;
    padding: 25px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

/* 欢迎信息美化 */
.woocommerce-MyAccount-content p {
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content p:first-child {
    font-size: 16px;
    color: #2c3e50;
    font-weight: 500;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
    border-left: 4px solid #27ae60;
}

/* 链接美化 */
.woocommerce-MyAccount-content a {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.woocommerce-MyAccount-content a:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* 表单元素美化 */
.woocommerce-account .form-row {
    margin-bottom: 20px;
}

.woocommerce-account label {
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account textarea,
.woocommerce-account select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff;
}

.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    outline: none;
}

/* 按钮美化 - 简洁浅色风格 */
.woocommerce-account .button,
.woocommerce-account button,
.woocommerce-account input[type="submit"] {
    background: #ffffff;
    color: #2c3e50;
    border: 2px solid #3498db;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.woocommerce-account .button:hover,
.woocommerce-account button:hover,
.woocommerce-account input[type="submit"]:hover {
    background: #3498db;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
}

/* 表格美化 */
.woocommerce-account table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.woocommerce-account table th {
    background: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
    padding: 15px;
    text-align: left;
    border-bottom: 2px solid #e9ecef;
}

.woocommerce-account table td {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    color: #495057;
}

.woocommerce-account table tr:hover {
    background: #f8f9fa;
}

/* 消息提示美化 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 15px 20px;
    border-radius: 4px;
    margin: 20px 0;
    border-left: 4px solid;
}

.woocommerce-message {
    background: #d4edda;
    color: #155724;
    border-left-color: #27ae60;
}

.woocommerce-info {
    background: #d1ecf1;
    color: #0c5460;
    border-left-color: #3498db;
}

.woocommerce-error {
    background: #f8d7da;
    color: #721c24;
    border-left-color: #e74c3c;
}

/* 响应式设计优化 */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        padding: 20px 15px;
        margin: 10px 0;
    }
    
    .woocommerce-account h1,
    .woocommerce-account .entry-title {
        font-size: 24px;
        text-align: center;
    }
    
    .woocommerce-MyAccount-navigation {
        margin-bottom: 15px;
    }
    
    .woocommerce-MyAccount-content {
        padding: 20px 15px;
    }
    
    .woocommerce-account table {
        font-size: 14px;
    }
    
    .woocommerce-account table th,
    .woocommerce-account table td {
        padding: 10px 8px;
    }
}

/* 小屏幕优化 */
@media (max-width: 480px) {
    .woocommerce-account .woocommerce {
        padding: 15px 10px;
    }
    
    .woocommerce-MyAccount-navigation a {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .woocommerce-account .button,
    .woocommerce-account button,
    .woocommerce-account input[type="submit"] {
        width: 100%;
        margin: 5px 0;
    }
}

/* 页面加载动画 */
.woocommerce-account .woocommerce {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 细节优化 */
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "📊 ";
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {
    content: "📦 ";
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "⬇️ ";
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "📍 ";
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "⚙️ ";
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "🚪 ";
}
/* =================================
   WooCommerce Orders页面宽度优化
   在第378行之后添加 - 解决Orders内容区域过窄问题
   ================================= */

/* Orders页面主容器宽度调整 */
.woocommerce-account .woocommerce,
.woocommerce-MyAccount-content,
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    max-width: 1300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Orders表格容器宽度优化 */
.woocommerce-orders-table__table,
.woocommerce-table,
.shop_table {
    width: 100% !important;
    max-width: 1260px !important; /* 减去左右padding */
    margin: 0 auto !important;
    table-layout: auto !important;
}

/* Orders页面整体布局调整 */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    max-width: 1300px !important;
    margin: 0 auto !important;
}

/* 确保Orders页面导航和内容区域对齐 */
.woocommerce-account {
    max-width: 1300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Orders表格列宽度优化 */
.woocommerce-orders-table th,
.woocommerce-orders-table td {
    padding: 12px 15px !important;
    white-space: nowrap;
}

/* 订单号列宽度 */
.woocommerce-orders-table .woocommerce-orders-table__header-order-number,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
    width: 15% !important;
    min-width: 120px !important;
}

/* 日期列宽度 */
.woocommerce-orders-table .woocommerce-orders-table__header-order-date,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-date {
    width: 15% !important;
    min-width: 100px !important;
}

/* 状态列宽度 */
.woocommerce-orders-table .woocommerce-orders-table__header-order-status,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
    width: 12% !important;
    min-width: 80px !important;
}

/* 总计列宽度 */
.woocommerce-orders-table .woocommerce-orders-table__header-order-total,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-total {
    width: 15% !important;
    min-width: 100px !important;
}

/* 操作列宽度 */
.woocommerce-orders-table .woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
    width: 20% !important;
    min-width: 150px !important;
}

/* 响应式调整 */
@media (max-width: 1320px) {
    .woocommerce-account .woocommerce,
    .woocommerce-MyAccount-content,
    .woocommerce-account {
        max-width: 95% !important;
        padding: 0 15px !important;
    }
    
    .woocommerce-orders-table__table {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .woocommerce-orders-table th,
    .woocommerce-orders-table td {
        padding: 8px 10px !important;
        font-size: 14px !important;
    }
    
    .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
        min-width: 120px !important;
    }
}

/* ===== 修复hover悬停效果空白问题 ===== */
/* 在第1280-1350行，添加通用hover样式修复，解决鼠标悬停时显示空白的问题 */

/* 1. 通用链接hover效果修复 */
a:hover {
    color: inherit !important;
    text-decoration: none !important;
    opacity: 0.8 !important;
    transition: all 0.3s ease !important;
}

/* 2. 按钮hover效果修复 */
button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    transition: all 0.3s ease !important;
}

/* 3. 导航菜单hover效果修复 */
.navbar-nav .nav-link:hover,
.b2-nav .nav-link:hover,
.main-nav a:hover,
.primary-menu a:hover {
    color: #007cba !important;
    background-color: rgba(0, 124, 186, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* 4. 文章标题hover效果修复 */
.entry-title a:hover,
.post-title a:hover,
.article-title a:hover {
    color: #007cba !important;
    transition: color 0.3s ease !important;
}

/* 5. 侧边栏链接hover效果修复 */
.sidebar a:hover,
.widget-area a:hover {
    color: #007cba !important;
    transition: color 0.3s ease !important;
}

/* 6. 表格行hover效果修复 */
table tr:hover,
.woocommerce-orders-table tr:hover {
    background-color: rgba(0, 124, 186, 0.05) !important;
    transition: background-color 0.3s ease !important;
}

/* 7. 卡片/容器hover效果修复 */
.card:hover,
.post-item:hover,
.article-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* 8. 图片hover效果修复 */
img:hover {
    opacity: 0.9 !important;
    transition: opacity 0.3s ease !important;
}

/* 9. 输入框focus效果修复 */
input:focus,
textarea:focus,
select:focus {
    border-color: #007cba !important;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

/* 10. 特殊元素hover效果修复 */
.b2-radius:hover,
.rounded:hover {
    background-color: rgba(0, 124, 186, 0.1) !important;
    transition: background-color 0.3s ease !important;
}

/* 11. 确保所有可点击元素都有cursor指针 */
a, button, .btn, .button, input[type="submit"], input[type="button"],
.clickable, [onclick], [role="button"] {
    cursor: pointer !important;
}

/* 12. 修复可能的透明度问题 */
*:hover {
    opacity: 1 !important;
}

/* 13. 确保hover状态下文本可见 */
a:hover, button:hover, .btn:hover {
    color: inherit !important;
    visibility: visible !important;
    display: block !important;
}

/* ===== Posted按钮高度调整 ===== */
/* 在第1385-1400行，修复Posted按钮高度过高的问题 */

/* 1. Posted按钮高度调整 */
.user-sidebar .nav-link,
.author-page .nav-link,
.user-sidebar a,
.author-page a {
    padding: 8px 12px !important; /* 减少内边距，降低按钮高度 */
    line-height: 1.2 !important; /* 调整行高 */
    min-height: auto !important; /* 移除最小高度限制 */
    height: auto !important; /* 自动高度 */
}

/* 2. 特定针对Posted按钮 */
.user-sidebar .nav-link[href*="posted"],
.author-page .nav-link[href*="posted"] {
    padding: 6px 10px !important; /* 进一步减少Posted按钮的内边距 */
    font-size: 14px !important; /* 调整字体大小 */
    line-height: 1.1 !important; /* 更紧凑的行高 */
}

/* 3. 侧边栏导航整体调整 */
.user-sidebar .nav,
.author-page .nav {
    gap: 2px !important; /* 减少按钮之间的间距 */
}

/* 4. 侧边栏导航项通用调整 */
.user-sidebar .nav-item,
.author-page .nav-item {
    margin-bottom: 2px !important; /* 减少底部间距 */
}

/* 5. 确保按钮文字垂直居中 */
.user-sidebar .nav-link,
.author-page .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* ===== user-sidebar高度进一步优化 ===== */
/* 在第1427-1450行，进一步降低user-sidebar的高度，解决109.58px过高问题 */

/* 1. user-sidebar整体高度控制 */
.user-sidebar {
    max-height: 80px !important; /* 限制最大高度为80px */
    overflow: hidden !important; /* 隐藏超出部分 */
}

/* 2. user-sidebar内部元素紧凑化 */
.user-sidebar .nav-link {
    padding: 4px 8px !important; /* 进一步减少内边距 */
    font-size: 13px !important; /* 减小字体 */
    line-height: 1.0 !important; /* 最紧凑行高 */
    margin: 0 !important; /* 移除外边距 */
    border: none !important; /* 移除边框 */
}

/* 3. user-sidebar导航容器优化 */
.user-sidebar .nav {
    margin: 0 !important; /* 移除容器边距 */
    padding: 0 !important; /* 移除容器内边距 */
    gap: 0 !important; /* 移除间距 */
}

/* 4. user-sidebar导航项优化 */
.user-sidebar .nav-item {
    margin: 0 !important; /* 移除导航项边距 */
    padding: 0 !important; /* 移除导航项内边距 */
}

/* 5. 特别针对Posted按钮的极致优化 */
.user-sidebar .nav-link[href*="posted"] {
    padding: 3px 6px !important; /* 最小内边距 */
    font-size: 12px !important; /* 最小字体 */
    line-height: 0.9 !important; /* 极紧凑行高 */
    height: 20px !important; /* 固定高度20px */
    max-height: 20px !important; /* 最大高度限制 */
}

/* 6. 确保user-sidebar不会被其他样式影响 */
.user-sidebar * {
    box-sizing: border-box !important;
    vertical-align: top !important;
}

/* ===== 修复：鼠标悬停时左侧整体变色问题 ===== */
/* 替换之前的hover样式，确保只有当前按钮有轻微变化 */

/* 1. 移除整体背景色变化 */
body .user-sidebar:hover,
body .user-nav:hover,
body .user-menu:hover {
  background-color: transparent !important;
}

/* 2. 重新定义单个按钮的hover效果 */
body .user-sidebar a,
body .user-sidebar li a,
body .user-nav a,
body .user-menu a {
  background-color: transparent !important;
  transition: background-color 0.2s ease !important;
}

body .user-sidebar a:hover,
body .user-sidebar li a:hover,
body .user-nav a:hover,
body .user-menu a:hover {
  background-color: rgba(52, 152, 219, 0.05) !important; /* 极轻微的蓝色背景 */
  color: #007cba !important;
  border-left: none !important;
  transform: none !important;
}

/* 3. 确保活动状态（当前页面）的样式正确 */
body .user-sidebar .current a,
body .user-sidebar .active a,
body .user-nav .current a,
body .user-nav .active a {
  background-color: rgba(39, 174, 96, 0.08) !important; /* 活动状态轻微绿色背景 */
  color: #27ae60 !important;
  font-weight: 600 !important;
}

/* 4. 移除可能导致整体变色的其他样式 */
body .user-sidebar *,
body .user-nav *,
body .user-menu * {
  background-color: transparent !important;
}

/* 5. 确保容器背景保持不变 */
body .user-sidebar,
body .user-nav,
body .user-menu {
  background-color: #f8f9fa !important; /* 保持原来的浅灰色背景 */
}