/* ================================================================
   本站自定义覆盖样式（在 babaili.css 之后加载）
   —— 背景图、Logo、按钮等只在这里改，不要动 babaili.css
   ================================================================ */

body.theme-babaili {
    /* 站点背景图：换图只改这一行（放到 assets/img/ 下） */
    --bbl-site-bg-image: url("../assets/img/bg.jpg");
}

/* 让 JS 渲染内容前不闪烁 */
[data-render] { min-height: 1px; }

/* “立即购买”按钮做成醒目大按钮 */
body.theme-babaili .detail-actions .btn-lg {
    min-width: 220px;
    font-size: 16px;
}

/* 详情页里的“自动发货”角标改为行内显示（.goods-badge 默认是绝对定位覆盖在图片上的） */
body.theme-babaili .detail-info .goods-badge {
    position: static;
    display: inline-block;
    background: #16a34a;
}

/* 空状态提示 */
.empty-tip {
    padding: 60px 20px;
    text-align: center;
    color: var(--bbl-muted);
    font-size: 15px;
}

/* ================================================================
   1) 圆形 Logo 徽标 + 显隐辅助类
   ================================================================ */
body.theme-babaili .site-logo-badge{
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px; border-radius:50%; flex:0 0 auto;
    background:linear-gradient(135deg,#1e40af,#2563eb 55%,#60a5fa);
    color:#fff; font-weight:800; font-size:11px; letter-spacing:0;
}
.show-mobile{ display:none !important; }

/* ================================================================
   2) 订单查询（tab 面板 · 仿 tghao find_order）
   ================================================================ */
.find-order-hero{ text-align:center; padding:6px 0 18px; }
.find-order-hero-title{ font-size:24px; font-weight:700; color:#0f172a; }
.find-order-hero-sub{ color:#64748b; margin-top:6px; font-size:14px; }
.find-order-card{ max-width:560px; margin:0 auto; background:var(--bbl-card); border:1px solid var(--bbl-line); border-radius:16px; padding:20px; box-shadow:var(--bbl-shadow); }
.find-order-tabs{ display:flex; gap:6px; background:#eef2f7; padding:5px; border-radius:12px; margin-bottom:18px; }
.find-order-tab{ flex:1; text-align:center; padding:10px; border-radius:9px; cursor:pointer; color:#64748b; font-size:14px; font-weight:500; transition:.2s; }
.find-order-tab.active{ background:#fff; color:#2563eb; box-shadow:0 2px 8px rgba(37,99,235,.12); }
.find-order-form-group{ margin-bottom:12px; }
.find-order-input{ width:100%; padding:12px 14px; border:1px solid var(--bbl-line); border-radius:10px; font-size:15px; box-sizing:border-box; }
.find-order-input:focus{ outline:none; border-color:#2563eb; }
.fo-captcha-row{ display:flex; align-items:center; gap:10px; }
.fo-captcha__q{ font-size:16px; font-weight:700; color:#334155; white-space:nowrap; }
.fo-captcha__input{ flex:1; }
.find-order-submit{ width:100%; padding:13px; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:0; border-radius:10px; font-size:16px; font-weight:600; cursor:pointer; margin-top:4px; }
.find-order-submit:hover{ opacity:.92; }
.find-order-hint{ color:#94a3b8; font-size:12.5px; margin-top:12px; text-align:center; }
.find-order-results-header{ font-size:13px; color:#64748b; margin:16px 0 10px; }
.find-order-empty{ text-align:center; color:#94a3b8; padding:26px; }
.fo-result-item{ border:1px solid var(--bbl-line); border-radius:12px; padding:14px; margin-bottom:12px; background:#fff; }
.fo-result-head{ display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.fo-result-title{ font-weight:600; color:#0f172a; }
.fo-status{ font-size:12px; padding:3px 9px; border-radius:20px; white-space:nowrap; }
.fo-status--ok{ background:#ecfdf5; color:#16a34a; }
.fo-status--wait{ background:#fffbeb; color:#d97706; }
.fo-result-meta{ display:flex; flex-wrap:wrap; gap:6px 16px; color:#64748b; font-size:12.5px; margin-top:8px; }
.fo-result-goods{ margin-top:12px; }
.fo-result-goods-label{ font-size:13px; color:#334155; margin-bottom:6px; font-weight:600; }
.fo-result-goods pre{ white-space:pre-wrap; word-break:break-all; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:12px; font-size:13px; margin:0; }
.fo-result-tip{ margin-top:10px; color:#94a3b8; font-size:12.5px; }
.mono{ font-family:ui-monospace,Menlo,monospace; }

/* ================================================================
   3) 个人中心
   ================================================================ */
.pc-hero{ display:flex; align-items:center; gap:14px; background:linear-gradient(135deg,#1e40af,#2563eb 60%,#3b82f6); color:#fff; border-radius:16px; padding:22px 20px; }
.pc-hero__avatar{ width:54px; height:54px; border-radius:50%; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:26px; flex:0 0 auto; }
.pc-hero__name{ font-size:18px; font-weight:700; }
.pc-hero__tip{ font-size:13px; opacity:.9; margin-top:4px; }
.pc-list{ background:var(--bbl-card); border:1px solid var(--bbl-line); border-radius:16px; margin-top:14px; overflow:hidden; }
.pc-entry{ display:flex; align-items:center; gap:14px; padding:15px 16px; border-bottom:1px solid var(--bbl-line); text-decoration:none; }
.pc-entry:last-child{ border-bottom:0; }
.pc-entry__icon{ width:38px; height:38px; border-radius:10px; background:var(--bbl-tint-sky); color:#2563eb; display:flex; align-items:center; justify-content:center; font-size:17px; flex:0 0 auto; }
.pc-entry__body{ flex:1; display:flex; flex-direction:column; }
.pc-entry__label{ color:#0f172a; font-size:15px; }
.pc-entry__sub{ color:#94a3b8; font-size:12.5px; margin-top:2px; }
.pc-entry__arrow{ color:#cbd5e1; font-size:18px; }
.pc-notice{ margin-top:14px; background:#fff7ed; border:1px solid #fed7aa; color:#c2410c; border-radius:12px; padding:12px 14px; font-size:13px; }

/* ================================================================
   4) 移动端底部标签栏 + 下拉菜单（桌面隐藏）
   ================================================================ */
.m-tabbar{ display:none; }
.mobile-nav{ display:none; }
.mobile-nav-backdrop{ display:none; }

@media (max-width: 768px){
    .m-tabbar{
        display:flex; position:fixed; left:0; right:0; bottom:0; z-index:9000;
        background:#fff; border-top:1px solid var(--bbl-line);
        box-shadow:0 -2px 12px rgba(0,0,0,.06);
        padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    }
    .m-tabbar__item{ flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; color:#94a3b8; font-size:11px; text-decoration:none; padding:3px 0; }
    .m-tabbar__icon{ font-size:19px; line-height:1; }
    .m-tabbar__item.active{ color:#2563eb; }
    .m-tabbar__item--center .m-tabbar__icon{
        width:46px; height:46px; border-radius:50%; margin-top:-22px;
        background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff;
        display:flex; align-items:center; justify-content:center; font-size:20px;
        box-shadow:0 6px 16px rgba(37,99,235,.4); border:3px solid #fff;
    }

    .mobile-nav-backdrop.open{ display:block; position:fixed; inset:0; background:rgba(0,0,0,.3); z-index:110; }
    .mobile-nav{ display:block; position:fixed; top:54px; right:10px; width:190px; background:#fff; border:1px solid var(--bbl-line); border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.15); z-index:120; overflow:hidden; transform:translateY(-8px); opacity:0; pointer-events:none; transition:.18s; }
    .mobile-nav.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
    .mobile-nav-item{ display:block; padding:13px 16px; color:#0f172a; border-bottom:1px solid #f1f5f9; font-size:14px; text-decoration:none; }
    .mobile-nav-item:last-child{ border-bottom:0; }

    /* ---- 移动端整体 ---- */
    html{ overflow-x:hidden; }
    body.theme-babaili{ min-width:0 !important; overflow-x:hidden; max-width:100%; }
    body{ padding-bottom:60px; }
    body.theme-babaili .page-body{ max-width:100%; padding-left:12px; padding-right:12px; box-sizing:border-box; }
    .show-mobile{ display:inline-flex !important; }
    .hide-mobile{ display:none !important; }
    body.theme-babaili .wrapper{ padding:0 12px; }
    body.theme-babaili .site-header .wrapper{ height:54px; }
    body.theme-babaili .main-nav{ display:none !important; }
    body.theme-babaili .header-menu-btn{ display:flex !important; }
    body.theme-babaili .site-logo-text{ font-size:16px; letter-spacing:1px; }
    body.theme-babaili .header-action-btn--text{ height:34px; padding:0 8px; }

    /* 商品网格 → 2 列大卡片 */
    body.theme-babaili .goods-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; border:none; box-shadow:none; overflow:visible; background:transparent; }
    body.theme-babaili a.goods-card.card{ flex-direction:column; align-items:stretch; gap:0; padding:0; border:1px solid var(--bbl-line); border-radius:12px; background:var(--bbl-card); overflow:hidden; }
    body.theme-babaili .goods-card .card-img{ width:100%; min-width:0; max-width:none; height:140px; border-radius:0; border:0; }
    body.theme-babaili .goods-card .goods-badge{ display:block; left:8px; top:8px; right:auto; background:#16a34a; }
    body.theme-babaili .goods-card .card-body{ flex-direction:column; align-items:stretch; gap:8px; padding:10px 11px; }
    body.theme-babaili .goods-card .card-title{ font-size:13.5px; min-height:38px; }
    body.theme-babaili .goods-card .goods-card__meta{ flex-direction:row; align-items:center; justify-content:space-between; width:100%; text-align:left; }
    body.theme-babaili .goods-card .card-stats{ font-size:11.5px; }
    body.theme-babaili .goods-card .price{ font-size:16px; }
    body.theme-babaili .goods-card__arrow{ display:none; }

    /* 布局单列 + 隐藏首页侧栏 */
    body.theme-babaili .blog-layout{ grid-template-columns:1fr !important; }
    body.theme-babaili .goods-list-layout{ grid-template-columns:1fr !important; }
    body.theme-babaili .blog-sidebar{ display:none; }
    body.theme-babaili .detail-layout{ grid-template-columns:1fr !important; }
    body.theme-babaili .blog-main,
    body.theme-babaili .goods-list-main{ min-width:0; }
    body.theme-babaili .goods-card .card-body{ min-width:0; }

    /* 分类页：分类标签横向滚动 */
    body.theme-babaili .goods-list-categories .category-tabs{ display:flex; flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:6px; -webkit-overflow-scrolling:touch; }
    body.theme-babaili .goods-list-categories .category-tab{ flex:0 0 auto; flex-direction:row; white-space:nowrap; }

    .find-order-card{ box-shadow:none; }
    .find-order-hero-title{ font-size:20px; }
}