.elementor-13 .elementor-element.elementor-element-bc701a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-bc701a5:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-bc701a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-bc701a5::before, .elementor-13 .elementor-element.elementor-element-bc701a5 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-bc701a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-bc701a5 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-bc701a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-bc701a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-13 .elementor-element.elementor-element-c6562c3 #add_payment_method #payment #place_order{background-color:#F01616;border-style:none;}.elementor-13 .elementor-element.elementor-element-c6562c3{--tabs-border-type:solid;--tabs-border-radius:0px 0px 0px 0px;--sections-border-type:solid;--sections-border-top-width:1px;--sections-border-right-width:1px;--sections-border-bottom-width:1px;--sections-border-left-width:1px;--sections-border-radius:20px 20px 20px 20px;--sections-padding:30px 10px 0px 10px;--edit-link-margin-top:30px;--edit-link-margin-start:10px;}.elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{border-width:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 30px + 40px );}.elementor-13 .elementor-element.elementor-element-c6562c3 .woocommerce-pagination{padding-bottom:0px;}.elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .elementor-13 .elementor-element.elementor-element-c6562c3 .e-my-account-tab__payment-methods input[type=text]{border-style:none;}.elementor-13 .elementor-element.elementor-element-c6562c3 button.button, .elementor-13 .elementor-element.elementor-element-c6562c3 #add_payment_method #payment #place_order{font-family:"Arial", Sans-serif;}body.elementor-page-13:not(.elementor-motion-effects-element-type-background), body.elementor-page-13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS *//* 钱包输入框宽度 */
.woocommerce-account input[type=number] {
    max-width: 300px !important;
}
/**
 * =====================================================
 * My Account Dashboard - 现代化设计风格
 * =====================================================
 * 
 * 参考现代Dashboard设计风格
 * 保留所有原有内容，只美化视觉效果
 * 
 * 特点：
 * - 卡片式设计
 * - 蓝色主题色
 * - 现代化阴影和渐变
 * - 清爽的间距
 * - 直角设计
 * 
 * 添加到：外观 → 定制 → 额外CSS
 * =====================================================
 */

/* ========================================
   配色方案（参考图片）
   ======================================== */
:root {
    --primary-blue: #1E90FF;
    --primary-gradient: linear-gradient(135deg, #1E90FF, #0066CC);
    --card-bg: #FFFFFF;
    --text-dark: #2C3E50;
    --text-light: #7F8C8D;
    --border-color: #E5E7EB;
    --bg-light: #F7F9FC;
    --success-color: #10B981;
    --warning-color: #F59E0B;
}

/* ========================================
   整体布局 - 全宽 + 现代化
   ======================================== */

/* 主容器 */
.woocommerce-account .woocommerce {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--bg-light) !important;
}

/* 主题容器 */
.woocommerce-account .site-content,
.woocommerce-account .content-area,
body.woocommerce-account .site-main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--bg-light) !important;
}

/* ========================================
   左侧导航菜单 - 卡片式设计
   ======================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25% !important;
    float: left !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* 导航容器 */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    background: var(--card-bg) !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid var(--border-color) !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 菜单项 */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

/* 菜单链接 */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 16px 20px !important;
    color: var(--text-dark) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    border-left: 3px solid transparent !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--bg-light) !important;
    color: var(--primary-blue) !important;
    border-left-color: var(--primary-blue) !important;
}

/* 当前活动菜单项 */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--primary-gradient) !important;
    color: white !important;
    border-left-color: var(--primary-blue) !important;
}

/* ========================================
   右侧内容区域 - 卡片式布局
   ======================================== */

.woocommerce-account .woocommerce-MyAccount-content {
    width: 75% !important;
    float: left !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* 内容卡片包装 */
.woocommerce-account .woocommerce-MyAccount-content > * {
    background: var(--card-bg) !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid var(--border-color) !important;
    padding: 30px !important;
}

/* Dashboard欢迎信息 */
.woocommerce-account .woocommerce-MyAccount-content p:first-child {
    background: var(--primary-gradient) !important;
    color: white !important;
    padding: 20px 30px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(30, 144, 255, 0.25) !important;
}

/* ========================================
   统计卡片样式（如果有）
   ======================================== */

.woocommerce-account .dashboard-stats,
.woocommerce-account .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

.woocommerce-account .stat-card,
.woocommerce-account .stat-box {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    padding: 25px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
}

.woocommerce-account .stat-card:hover,
.woocommerce-account .stat-box:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
}

/* ========================================
   表格样式 - 现代化设计
   ======================================== */

.woocommerce-account table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: var(--card-bg) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* 表头 */
.woocommerce-account table thead {
    background: var(--primary-gradient) !important;
}

.woocommerce-account table thead th {
    color: white !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 20px !important;
    border: none !important;
    text-align: left !important;
}

/* 表格行 */
.woocommerce-account table tbody tr {
    border-bottom: 1px solid var(--border-color) !important;
    transition: background 0.2s ease !important;
}

.woocommerce-account table tbody tr:hover {
    background: var(--bg-light) !important;
}

.woocommerce-account table tbody tr:last-child {
    border-bottom: none !important;
}

/* 表格单元格 */
.woocommerce-account table tbody td {
    padding: 16px 20px !important;
    color: var(--text-dark) !important;
    font-size: 14px !important;
}

/* ========================================
   按钮样式 - 现代化渐变
   ======================================== */

.woocommerce-account button,
.woocommerce-account .button,
.woocommerce-account input[type="submit"],
.woocommerce-account .woocommerce-button {
    background: var(--primary-gradient) !important;
    color: white !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(30, 144, 255, 0.3) !important;
    text-transform: none !important;
}

.woocommerce-account button:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
    box-shadow: 0 4px 16px rgba(30, 144, 255, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 次要按钮 */
.woocommerce-account .button.alt {
    background: white !important;
    color: var(--primary-blue) !important;
    border: 2px solid var(--primary-blue) !important;
}

/* ========================================
   输入框样式 - 清爽设计
   ======================================== */

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="number"],
.woocommerce-account textarea,
.woocommerce-account select {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    color: var(--text-dark) !important;
    background: white !important;
    transition: all 0.3s ease !important;
}

.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
    border-color: var(--primary-blue) !important;
    box-shadow: 0 0 0 3px rgba(30, 144, 255, 0.1) !important;
    outline: none !important;
}

/* ========================================
   通知消息样式
   ======================================== */

/* 成功消息 */
.woocommerce-account .woocommerce-message {
    background: #D1FAE5 !important;
    border-left: 4px solid var(--success-color) !important;
    color: #065F46 !important;
    padding: 16px 20px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
}

/* 错误消息 */
.woocommerce-account .woocommerce-error {
    background: #FEE2E2 !important;
    border-left: 4px solid #EF4444 !important;
    color: #991B1B !important;
    padding: 16px 20px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
}

/* 信息消息 */
.woocommerce-account .woocommerce-info {
    background: #DBEAFE !important;
    border-left: 4px solid var(--primary-blue) !important;
    color: #1E40AF !important;
    padding: 16px 20px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
}

/* ========================================
   标题样式
   ======================================== */

.woocommerce-account h2,
.woocommerce-account h3 {
    color: var(--text-dark) !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--border-color) !important;
}

.woocommerce-account h2 {
    font-size: 24px !important;
}

.woocommerce-account h3 {
    font-size: 20px !important;
}

/* ========================================
   清除浮动
   ======================================== */

.woocommerce-account .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}

/* ========================================
   响应式设计
   ======================================== */

/* 平板 */
@media (max-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 30% !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 70% !important;
    }
}

/* 手机 */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        padding: 15px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px !important;
    }
    
    .woocommerce-account table {
        font-size: 13px !important;
    }
    
    .woocommerce-account table thead th,
    .woocommerce-account table tbody td {
        padding: 12px 10px !important;
    }
}

/* ========================================
   额外优化
   ======================================== */

/* 所有元素直角 */
.woocommerce-account * {
    border-radius: 0 !important;
}

/* 滚动条美化 */
.woocommerce-account ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.woocommerce-account ::-webkit-scrollbar-track {
    background: var(--bg-light);
}

.woocommerce-account ::-webkit-scrollbar-thumb {
    background: var(--primary-blue);
    border-radius: 0;
}

.woocommerce-account ::-webkit-scrollbar-thumb:hover {
    background: #0066CC;
}/* End custom CSS */