/* ==========================================================================
   ⚡️ 闪灵科技 - 全新高级控制台数据大盘专属样式
   ========================================================================== */

/* 顶部通告条 */
.sl-notice-bar {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 16px;
    padding: 16px 20px;
    border: 1px solid rgba(240, 240, 242, 0.6);
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 12px;
    color: #86868b;
}
@media (min-width: 640px) {
    .sl-notice-bar { flex-direction: row; align-items: center; justify-content: space-between; }
}

/* 模块小标题 */
.sl-dashboard-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #86868b;
}

/* 核心指标卡片 */
.sl-stat-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    border: 1px solid rgba(240, 240, 242, 0.4);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}
.sl-stat-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    transform: translateY(-2px);
}
.sl-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}
.sl-stat-card:hover .sl-icon-box {
    transform: scale(1.08);
}

/* 负载进度条 */
.sl-progress-bg {
    width: 100%;
    height: 6px;
    background: #F5F5F7;
    border-radius: 99px;
    overflow: hidden;
}
.sl-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #0071E3, #34C759);
    border-radius: 99px;
    transition: width 0.5s ease-in-out;
}

/* 黑色高档向导卡 */
.sl-hero-card {
    background: linear-gradient(135deg, #1d1d1f, #3a3a3c);
    color: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-h: 140px;
}
/* ============================================================
 * 🍎 下载中心 - Apple 纯净微润风专属美化样式 (无感铺满)
 * ============================================================ */

/* 1. 彻底改造 WooCommerce 原生的“还没有可用的下载”提示框 */
#tab-downloads .woocommerce-info,
#tab-downloads .woocommerce-Message {
    background: #ffffff !important;
    border: 1px solid #f0f0f2 !important; /* 细腻细边框，干掉原生突兀的蓝粗边 */
    border-left: none !important;
    border-radius: 24px !important; /* 完美对齐整体的 24px/30px 大圆角 */
    padding: 32px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 内容居中呼吸感 */
    justify-content: center !important;
    text-align: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 4px 20px rgba(0,0,0,0.02) !important;
    color: #86868b !important; /* Apple 经典中灰文字 */
    font-size: 14px !important;
    font-weight: 500 !important;
    min-h-[220px] !important; /* 给空白状态留出舒适的高度空间 */
    position: relative !important;
    width: 100% !important;
}

/* 2. 为没有可用的下载时，在上方优雅地注入一个现代感科技图标占位 */
#tab-downloads .woocommerce-info::before {
    content: "" !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 16px !important;
    background-color: #86868b !important;
    /* 注入一个精致的轻量级云下载 SVG 图标 */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' d='M12 9.75v6.75m0 0l-3-3m3 3l3-3m-8.25 6a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z'/></svg>") no-repeat center !important;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' d='M12 9.75v6.75m0 0l-3-3m3 3l3-3m-8.25 6a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z'/></svg>") no-repeat center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    font-family: inherit !important;
    position: static !important;
}

/* 3. 重新规范下载中心里的右侧“浏览产品”按钮 */
#tab-downloads .woocommerce-info .button,
#tab-downloads .woocommerce-info a.button {
    margin-top: 20px !important;
    background: #1d1d1f !important; /* 保持全站黑色主按钮调性 */
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    border-radius: 980px !important; /* 完美的药丸胶囊圆角 */
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
}

#tab-downloads .woocommerce-info .button:hover,
#tab-downloads .woocommerce-info a.button:hover {
    background: #0071E3 !important; /* 悬停切换为科技感十足的 Apple 蓝 */
    box-shadow: 0 4px 12px rgba(0, 113, 227, 0.2) !important;
}

/* 4. 当未来客户有真正的可下载服务器资产、密钥文件或建站模板时，美化其原生的下载列表表格 */
#tab-downloads table.shop_table {
    width: 100% !important;
    border-radius: 24px !important;
    border: 1px solid #f0f0f2 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}

#tab-downloads table.shop_table th {
    background: #F5F5F7 !important;
    color: #1d1d1f !important;
    font-weight: 600 !important;
}

#tab-downloads table.shop_table td a.button {
    background: #F5F5F7 !important;
    color: #0071E3 !important; /* 列表内下载链接采用清爽的文字链接质感 */
}
#tab-downloads table.shop_table td a.button:hover {
    background: #0071E3 !important;
    color: #ffffff !important;
}
/* =========================================================
   🍏 闪灵专属：安全云端收银台 - Apple 级极简美化重写
========================================================= */
#sl-modal-pay-content .woocommerce-checkout-review-order-table {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-bottom: 12px !important;
}

/* 1. 消灭恶心的产品占位图与无用表格线条 */
#sl-modal-pay-content th, 
#sl-modal-pay-content td,
#sl-modal-pay-content .product-thumbnail {
    display: none !important; /* 彻底隐蔽图片与原生表头 */
}

/* 2. 释放并重塑产品名称与价格，使其居中精美呈现 */
#sl-modal-pay-content tr.cart_item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 0 !important;
}

#sl-modal-pay-content tr.cart_item .product-name {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
    line-height: 1.4 !important;
}

/* 3. 抹除原生尴尬的 "× 3" 文本 */
#sl-modal-pay-content tr.cart_item .product-name .product-quantity {
    display: none !important;
}

/* 4. 精美居中呈现总金额大盘 */
#sl-modal-pay-content tr.order-total {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 14px 0 !important;
    border: none !important;
}

#sl-modal-pay-content tr.order-total th {
    display: block !important;
    font-size: 14px !important;
    color: #86868b !important;
    font-weight: 500 !important;
}

#sl-modal-pay-content tr.order-total td {
    display: block !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1d1d1f !important;
    font-family: 'SF Pro Display', system-ui, sans-serif !important;
}

/* 5. 收缩重构支付宝网关面板，使其变轻 */
#sl-modal-pay-content #payment {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
}

#sl-modal-pay-content .wc_payment_methods {
    padding: 0 !important;
    border: none !important;
    margin-bottom: 16px !important;
}

#sl-modal-pay-content .wc_payment_method {
    background: #F5F5F7 !important;
    padding: 12px 16px !important;
    border-radius: 16px !important;
    margin-bottom: 8px !important;
}

#sl-modal-pay-content .wc_payment_method .payment_box {
    background: transparent !important;
    padding: 4px 0 0 24px !important;
    font-size: 11px !important;
    color: #86868b !important;
    border: none !important;
}

#sl-modal-pay-content .wc_payment_method .payment_box::before {
    display: none !important;
}
/* =========================================================
   🍎 闪灵专属：立即支付大胶囊按钮绝对位置强行锁死归位
========================================================= */
#sl-modal-pay-content #payment #place_order,
#sl-modal-pay-content #place_order {
    position: relative !important;   /* 强行震碎原生 absolute 绝对定位，回归正常卡片流 */
    right: auto !important;          /* 抹除右侧边距偏移 */
    bottom: auto !important;         /* 抹除底部边距偏移 */
    left: auto !important;           /* 抹除左侧边距偏移 */
    top: auto !important;            /* 抹除顶部边距偏移 */
    float: none !important;          /* 防止原生的浮动使其错位 */
    display: inline-flex !important; /* 维持块级居中伸缩结构 */
    width: 100% !important;          /* 宽度 100% 拉满，对齐整个弹窗的内边距 */
    margin: 16px 0 0 0 !important;   /* 精准给出顶部间距，保持呼吸感 */
}

/* 隐藏原生可能附带的多余无用修饰标签或外壳 */
#sl-modal-pay-content .place-order {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
}
/* ==========================================================================
   🍎 闪灵科技 - 订单中心空白提示框：极致微调·往下压低一滴滴终极完美版
   ========================================================================= */

/* 1. 强力锁定异步注入的订单中心提示条，微调上下厚度 */
.zy-account .woocommerce-MyAccount-content .woocommerce-info,
.zy-account #tab-orders .woocommerce-info {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    
    background: #ffffff !important; 
    border: 1px solid rgba(0, 0, 0, 0.04) !important; /* 极其细腻的高级微润轻量细边 */
    border-left: none !important; /* 彻底粉碎死板的原生扭曲粗蓝条 */
    
    /* 像素级对齐：强行锁定你全站大盘资产卡片的 24px 高阶大圆角 */
    border-radius: 24px !important; 
    
    /* 💡 精准降高一滴滴：上下从 32px 压低到 22px，左右维持 32px 舒适留白，精致干练且绝不遮字 */
    padding: 22px 32px !important; 
    margin: 24px 0 !important; 
    box-sizing: border-box !important;
    
    /* 强行锁死横向 Flex 轴，实现最优雅的“左边文字，右边按钮”结构 */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* 确保文字与按钮垂直方向上完美对齐居中 */
    justify-content: space-between !important; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.01), 0 4px 16px rgba(0, 0, 0, 0.01) !important; /* 隐约的空气感浮动阴影 */
    position: relative !important;
}

/* 2. 彻底移除所有导致错位、变形、强行顶开多余空间的原生图标干扰项 */
.zy-account .woocommerce-MyAccount-content .woocommerce-info::before,
.zy-account #tab-orders .woocommerce-info::before,
.zy-account .woocommerce-MyAccount-content .woocommerce-info::after,
.zy-account #tab-orders .woocommerce-info::after {
    display: none !important;
    content: none !important;
    position: static !important;
}

/* 3. 左侧提示文字：完美对齐 Apple 官网经典的微润炭灰，极富低调秩序感 */
.zy-account .woocommerce-MyAccount-content .woocommerce-info,
.zy-account #tab-orders .woocommerce-info {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif !important;
    color: #424245 !important; /* Apple 官方御用深炭灰 */
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.5 !important; /* 强行给出安全的 1.5 大行高，从底层死锁文字，绝不压缩遮字 */
}

/* 4. 右侧“浏览产品”按钮 */
.zy-account .woocommerce-MyAccount-content .woocommerce-info .button,
.zy-account .woocommerce-MyAccount-content .woocommerce-info a.button,
.zy-account #tab-orders .woocommerce-info .button,
.zy-account #tab-orders .woocommerce-info a.button {
    margin: 0 !important; /* 震碎任何自带的外边距 */
    background: #1d1d1f !important; /* 锁死全站统一的纯黑底层色 */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    
    /* 饱满的按钮联合高度，上下 9px 左右 22px，完美融入略微压低后的窄条空间 */
    padding: 9px 22px !important; 
    border-radius: 980px !important; /* 完美的药丸胶囊形态 */
    
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    white-space: nowrap !important; /* 锁死不换行 */
    box-shadow: none !important;
}

/* 5. 悬停平滑切入全站统一科技蓝 */
.zy-account .woocommerce-MyAccount-content .woocommerce-info .button:hover,
.zy-account .woocommerce-MyAccount-content .woocommerce-info a.button:hover,
.zy-account #tab-orders .woocommerce-info .button:hover,
.zy-account #tab-orders .woocommerce-info a.button:hover {
    background: #0071E3 !important;
    color: #ffffff !important;
}
/*不闪烁页眉css*/
 body #shanling-header {
        background: rgba(255, 255, 255, 0.72);
        backdrop-filter: blur(28px) saturate(180%) brightness(1.04);
        -webkit-backdrop-filter: blur(28px) saturate(180%) brightness(1.04);
        border-bottom-color: rgba(0, 0, 0, 0.08);
        box-shadow:
            0 1px 0 rgba(0, 0, 0, 0.06),
            0 4px 24px rgba(0, 0, 0, 0.08);
    }

    html body header#shanling-header .header-logo .logo-text,
    html body header#shanling-header .header-logo .logo-text span,
    html body header#shanling-header .header-nav ul li a,
    html body header#shanling-header .header-nav ul li.is-active a,
    html body header#shanling-header .header-nav ul li a:hover,
    html body header#shanling-header .header-nav ul li a:focus,
    html body header#shanling-header .header-nav ul li a:visited,
    html body header#shanling-header .btn-account,
    html body header#shanling-header .btn-account.is-logged-in,
    html body header#shanling-header .btn-account:hover,
    html body header#shanling-header .btn-account:focus,
    html body header#shanling-header .btn-account:visited {
        color: #000000 !important;
        text-shadow: none !important;
    }

    body #shanling-header .header-nav ul li a:hover {
        background: rgba(0, 0, 0, 0.06);
    }

    body #shanling-header .header-nav ul li.is-active a {
        background: rgba(0, 0, 0, 0.08);
        font-weight: 600;
    }

    body #shanling-header .btn-account,
    body #shanling-header .btn-account.is-logged-in {
        border-color: rgba(0, 0, 0, 0.15);
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    body #shanling-header .btn-account:hover {
        border-color: rgba(0, 0, 0, 0.3);
        background: rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
    }

    body #shanling-header .btn-contact {
        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
        box-shadow:
            0 2px 8px rgba(37, 99, 235, 0.45),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    body #shanling-header .hamburger-btn {
        background: rgba(255, 255, 255, 0.75);
        border-color: rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    body #shanling-header .hamburger-btn:hover {
        background: rgba(0, 0, 0, 0.05);
        border-color: rgba(0, 0, 0, 0.25);
    }

    html body header#shanling-header,
    html body header#shanling-header *:not(.logo-icon):not(.logo-icon *):not(.avatar-ring):not(.avatar-ring *):not(.btn-contact):not(.btn-contact *) {
        color: #000000 !important;
    }

    html body header#shanling-header .btn-contact,
    html body header#shanling-header .btn-contact * {
        color: #ffffff !important;
    }


    html body header#shanling-header .hamburger-btn svg,
    html body header#shanling-header .hamburger-btn svg * {
        stroke: #000000 !important;
        color: #000000 !important;
    }