/* ==========================================================================
   Fbins607 主题 · 仿 fbins607.com 视觉
   黄侧边栏(#FDF309) + 表格商品列表 + 应用式布局
   纯视觉层：不改任何 JS 交互逻辑，只提供样式与结构类
   ========================================================================== */

:root {
    /* 设计令牌（从 fbins607.com 线上提取） */
    --fb-yellow: #FDF309;          /* 侧边栏/顶条 亮黄 */
    --fb-yellow-dark: #1a1a1a;     /* 黄底上的文字 */
    --fb-price: #EF4444;           /* 价格红 */
    --fb-stock: #22C55E;           /* 库存绿 */
    --fb-blue: #409EFF;            /* 主按钮蓝 */
    --fb-blue-bg: #ECF5FF;         /* 购买按钮底 */
    --fb-blue-border: #A0CFFF;     /* 购买按钮边 */
    --fb-text: #1f2329;            /* 正文 */
    --fb-text-2: #606266;          /* 次要文字 */
    --fb-text-3: #909399;          /* 弱文字 */
    --fb-line: #ebeef5;            /* 分隔线 */
    --fb-bg: #f5f6f8;              /* 内容区底色 */
    --fb-card: #ffffff;            /* 卡片白 */
    --fb-hover: #f5f7fa;           /* 行hover */
    --fb-radius: 8px;
    --fb-sidebar-w: 274px;
    --fb-mobilebar-h: 52px;
    --fb-font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
}

/* --------------------------------------------------------------------------
   应用式布局：页面不滚动，左右各自滚动（桌面端）
   -------------------------------------------------------------------------- */
html, body {
    height: 100%;
}

body.fb-app-body {
    height: 100vh;
    overflow: hidden;
    font-family: var(--fb-font);
    color: var(--fb-text);
    background: var(--fb-bg);
}

.fb-app {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   左侧黄色固定边栏
   -------------------------------------------------------------------------- */
.fb-sidebar {
    width: var(--fb-sidebar-w);
    flex: none;
    background: var(--fb-yellow);
    color: var(--fb-yellow-dark);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px 14px;
    scrollbar-width: thin;
}

.fb-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px 18px;
    text-decoration: none;
    color: inherit;
}

.fb-brand img {
    width: 34px;
    height: 34px;
    border-radius: 0;
    object-fit: contain;
}

.fb-brand .fb-brand-name {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px;
    color: var(--fb-yellow-dark);
}

/* 顶部入口：注册/订单/登录（未登录） */
.fb-quick {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 4px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.fb-quick a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    font-size: 13.5px;
    color: var(--fb-yellow-dark);
    text-decoration: none;
    border-radius: 6px;
    white-space: nowrap;
    transition: background .15s ease;
}

.fb-quick a:hover {
    background: rgba(0, 0, 0, .06);
    color: var(--fb-yellow-dark);
}

.fb-quick a i {
    font-size: 13px;
    opacity: .75;
}

/* 已登录用户块 */
.fb-user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    margin: 0 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.fb-user img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
}

.fb-user .fb-user-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--fb-yellow-dark);
}

.fb-user .fb-user-balance {
    font-size: 12px;
    opacity: .75;
}

.fb-user .fb-user-balance b {
    color: #0a7a3d;
}

.fb-user .dropdown-menu {
    font-size: 13.5px;
}

/* 语言切换（侧边栏内） */
.fb-lang {
    margin-left: auto;
}

.fb-lang .fb-lang-btn {
    border: 1px solid rgba(0, 0, 0, .15);
    background: transparent;
    color: var(--fb-yellow-dark);
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 12px;
}

/* --------------------------------------------------------------------------
   侧边栏分类树
   -------------------------------------------------------------------------- */
.fb-cats {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 20px;
}

.fb-cat {
    position: relative;
}

.fb-cat > a,
.fb-cat > .fb-cat-link {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    font-size: 14px;
    color: var(--fb-yellow-dark);
    text-decoration: none;
    border-radius: 7px;
    cursor: pointer;
    transition: background .15s ease;
    user-select: none;
}

.fb-cat > a:hover,
.fb-cat > .fb-cat-link:hover {
    background: rgba(0, 0, 0, .05);
    color: var(--fb-yellow-dark);
}

.fb-cat-icon {
    width: 22px;
    height: 22px;
    flex: none;
    border-radius: 6px;
    background: #fff center/cover no-repeat;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
}

.fb-cat-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fb-cat-arrow {
    font-size: 11px;
    opacity: .55;
    transition: transform .2s ease;
}

.fb-cat.is-open > a .fb-cat-arrow,
.fb-cat.is-open > .fb-cat-link .fb-cat-arrow {
    transform: rotate(90deg);
}

/* 选中态（当前分类） */
.fb-cat > a.is-primary,
.fb-cat > .fb-cat-link.is-primary {
    background: rgba(0, 0, 0, .88);
    color: #fff;
    font-weight: 600;
}

/* 二级子分类 */
.fb-subcats {
    display: none;
    flex-direction: column;
    gap: 1px;
    padding: 2px 0 4px 32px;
}

.fb-cat.is-open > .fb-subcats {
    display: flex;
}

.fb-subcats a {
    display: block;
    padding: 7px 10px;
    font-size: 13px;
    color: rgba(0, 0, 0, .78);
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background .15s ease;
}

.fb-subcats a:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .9);
}

.fb-subcats a.is-primary {
    background: rgba(0, 0, 0, .88);
    color: #fff;
    font-weight: 600;
}

/* --------------------------------------------------------------------------
   右侧主内容区
   -------------------------------------------------------------------------- */
.fb-main {
    flex: 1;
    min-width: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--fb-bg);
    padding: 16px 20px 30px;
}

/* 搜索框 */
.fb-search {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--fb-bg);
    padding: 2px 0 14px;
}

.fb-search .fb-search-box {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--fb-line);
    border-radius: 10px;
    padding: 9px 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.fb-search .fb-search-box:focus-within {
    border-color: var(--fb-blue-border);
    box-shadow: 0 0 0 3px rgba(64, 158, 255, .12);
}

.fb-search i {
    color: var(--fb-text-3);
    font-size: 14px;
}

.fb-search input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
    color: var(--fb-text);
}

.fb-search input::placeholder {
    color: var(--fb-text-3);
}

/* 公告卡片 */
.fb-notice {
    background: #fffbe6;
    border: 1px solid #ffe58f;
    color: #874d00;
    border-radius: var(--fb-radius);
    padding: 12px 16px;
    margin-bottom: 14px;
    font-size: 13.5px;
    line-height: 1.7;
}

.fb-notice .fb-notice-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    margin-bottom: 4px;
}

/* 当前分类标题 */
.fb-cat-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--fb-text);
    padding: 4px 2px 10px;
}

/* --------------------------------------------------------------------------
   商品表格列表（桌面端）
   -------------------------------------------------------------------------- */
.fb-table {
    background: var(--fb-card);
    border: 1px solid var(--fb-line);
    border-radius: var(--fb-radius);
    overflow: hidden;
}

.fb-table-head,
.fb-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 90px 90px 96px;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
}

/* 行内操作组：桌面端展平为 grid 子项，移动端变 flex 行 */
.fb-row .fb-g-foot {
    display: contents;
}

.fb-table-head {
    height: 42px;
    font-size: 12.5px;
    color: var(--fb-text-3);
    border-bottom: 1px solid var(--fb-line);
    background: #fafafa;
}

.fb-row {
    min-height: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--fb-line);
    transition: background .12s ease;
}

.fb-row:last-child {
    border-bottom: none;
}

.fb-row:hover {
    background: var(--fb-hover);
}

.fb-row .fb-g-name {
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--fb-text);
    word-break: break-all;
}

.fb-row .fb-g-name .fb-g-hot {
    color: var(--fb-price);
    font-size: 12px;
    margin-right: 2px;
}

.fb-row .fb-g-name .fb-g-vendor {
    color: var(--fb-price);
}

.fb-row .fb-g-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--fb-price);
    white-space: nowrap;
}

.fb-row .fb-g-stock {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fb-stock);
    white-space: nowrap;
}

.fb-row .fb-g-stock.is-empty {
    color: var(--fb-text-3);
}

/* 购买按钮（Element 蓝描边风格） */
.fb-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 64px;
    padding: 0 14px;
    font-size: 13px;
    color: var(--fb-blue);
    background: var(--fb-blue-bg);
    border: 1px solid var(--fb-blue-border);
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: all .15s ease;
}

.fb-buy:hover {
    color: #fff;
    background: var(--fb-blue);
    border-color: var(--fb-blue);
}

.fb-buy.is-disabled,
.fb-row.is-soldout .fb-buy {
    color: var(--fb-text-3);
    background: #f4f4f5;
    border-color: #e9e9eb;
    pointer-events: none;
}

.fb-row.is-soldout .fb-g-name,
.fb-row.is-soldout .fb-g-price {
    opacity: .55;
}

/* 空列表 */
.fb-empty {
    padding: 40px 16px;
    text-align: center;
    color: var(--fb-text-3);
    font-size: 14px;
    background: var(--fb-card);
    border: 1px solid var(--fb-line);
    border-radius: var(--fb-radius);
}

/* 侧边栏底部：合规链接 + ICP */
.fb-side-footer {
    margin-top: auto;
    padding: 12px 10px 4px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    font-size: 12px;
    color: rgba(0, 0, 0, .55);
}

.fb-side-footer a {
    color: rgba(0, 0, 0, .6);
    text-decoration: none;
}

.fb-side-footer a:hover {
    color: rgba(0, 0, 0, .9);
}

.fb-side-footer .fb-icp {
    margin-top: 4px;
    line-height: 1.5;
    word-break: break-all;
}

/* --------------------------------------------------------------------------
   页脚
   -------------------------------------------------------------------------- */
.fb-footer {
    margin-top: 26px;
    padding: 14px 4px;
    font-size: 12.5px;
    color: var(--fb-text-3);
    text-align: center;
}

.fb-footer a {
    color: var(--fb-text-2);
    text-decoration: none;
}

.fb-footer a:hover {
    color: var(--fb-blue);
}

/* --------------------------------------------------------------------------
   移动端（≤768px）：顶部黄条 + 抽屉 + 卡片列表
   -------------------------------------------------------------------------- */
.fb-mobilebar {
    display: none;
}

.fb-drawer-mask {
    display: none;
}

@media (max-width: 768px) {
    body.fb-app-body {
        overflow: auto;
        height: auto;
    }

    .fb-app {
        flex-direction: column;
        height: auto;
        overflow: visible;
    }

    /* 顶部黄条 */
    .fb-mobilebar {
        display: flex;
        align-items: center;
        gap: 12px;
        position: sticky;
        top: 0;
        z-index: 50;
        height: var(--fb-mobilebar-h);
        background: var(--fb-yellow);
        padding: 0 14px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
    }

    .fb-mobilebar .fb-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: none;
        border-radius: 8px;
        background: rgba(0, 0, 0, .82);
        color: #fff;
        font-size: 15px;
        cursor: pointer;
    }

    .fb-mobile-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 1;
        min-width: 0;
        margin-right: 46px;
        color: inherit;
        text-decoration: none;
    }

    .fb-mobile-brand img { width: 30px; height: 30px; object-fit: contain; flex: none; }

    .fb-mobilebar .fb-brand-name {
        min-width: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: var(--fb-yellow-dark);
        /* The brand group offsets the menu button to stay visually centered. */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 侧边栏变抽屉 */
    .fb-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 82vw;
        max-width: 320px;
        height: 100vh;
        min-height: 100vh;
        transform: translateX(-102%);
        transition: transform .25s ease;
        box-shadow: 4px 0 18px rgba(0, 0, 0, .18);
    }

    body.fb-drawer-open .fb-sidebar {
        transform: translateX(0);
    }

    .fb-drawer-mask {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 99;
        background: rgba(0, 0, 0, .4);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
    }

    body.fb-drawer-open .fb-drawer-mask {
        opacity: 1;
        pointer-events: auto;
    }

    .fb-main {
        height: auto;
        overflow: visible;
        padding: 12px 12px 24px;
    }

    .fb-search {
        padding-top: 0;
    }

    /* 表格 → 卡片列表 */
    .fb-table {
        background: transparent;
        border: none;
        overflow: visible;
    }

    .fb-table-head {
        display: none;
    }

    .fb-row {
        display: block;
        background: var(--fb-card);
        border: 1px solid var(--fb-line);
        border-radius: var(--fb-radius);
        padding: 12px 14px;
        margin-bottom: 10px;
    }

    .fb-row:hover {
        background: var(--fb-card);
    }

    .fb-row .fb-g-name {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .fb-row .fb-g-foot {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .fb-row .fb-g-stock {
        display: inline-flex;
        align-items: center;
        height: 22px;
        padding: 0 9px;
        font-size: 12px;
        background: var(--fb-blue-bg);
        color: var(--fb-blue);
        border-radius: 999px;
    }

    .fb-row .fb-g-stock.is-empty {
        background: #f4f4f5;
        color: var(--fb-text-3);
    }

    .fb-row .fb-g-price {
        font-size: 16px;
    }

    .fb-row .fb-buy {
        margin-left: auto;
        background: transparent;
        border-color: transparent;
        padding: 0 4px;
        height: 26px;
        font-weight: 600;
    }

    .fb-row .fb-buy:hover {
        color: var(--fb-blue);
        background: var(--fb-blue-bg);
    }
}

/* 查询页 */
.fb-query-wrap {
    max-width: 720px;
    margin: 20px auto 0;
}

.fb-query-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--fb-text);
    margin-bottom: 6px;
}

.fb-query-sub {
    font-size: 13.5px;
    color: var(--fb-text-3);
    margin-bottom: 18px;
}

.fb-query-bar .fb-query-input {
    flex: 1;
    max-width: 380px;
}

/* --------------------------------------------------------------------------
   详情页 / 通用组件微调（对齐新视觉）
   -------------------------------------------------------------------------- */
.fb-detail-wrap {
    max-width: 1080px;
    margin: 0 auto;
}

.fb-detail-card {
    background: var(--fb-card);
    border: 1px solid var(--fb-line);
    border-radius: var(--fb-radius);
    padding: 18px;
}

/* 详情页价格 */
.fb-price-lg {
    font-size: 26px;
    font-weight: 800;
    color: var(--fb-price);
}

.fb-price-lg .unit {
    font-size: 15px;
    font-weight: 600;
}

/* 让旧徽章体系贴近新配色（不动结构） */
body.fb-app-body .badge-soft-success {
    background: rgba(34, 197, 94, .12);
    color: #15803d;
}

body.fb-app-body .badge-soft-primary {
    background: var(--fb-blue-bg);
    color: var(--fb-blue);
}

/* 主按钮统一 Element 蓝 */
body.fb-app-body .btn-primary,
body.fb-app-body .btn-buy,
body.fb-app-body .layui-btn {
    background: var(--fb-blue);
    border-color: var(--fb-blue);
}

body.fb-app-body .btn-primary:hover,
body.fb-app-body .btn-buy:hover {
    background: #337ecc;
    border-color: #337ecc;
}

/* 分页/表格等通用行色 */
body.fb-app-body a {
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   居中卡片页（登录/注册/找回/查询）
   -------------------------------------------------------------------------- */
.fb-center-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fb-bg);
    padding: 40px 16px;
}

.fb-center-card {
    width: 100%;
    max-width: 420px;
    background: var(--fb-card);
    border: 1px solid var(--fb-line);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(16, 24, 40, .06);
    padding: 32px 30px 26px;
}

.fb-center-card .fb-center-title {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    color: var(--fb-blue);
    margin-bottom: 6px;
}

.fb-center-card .fb-center-links {
    text-align: center;
    font-size: 13px;
    color: var(--fb-text-3);
    margin-bottom: 22px;
}

.fb-center-card .fb-center-links a {
    color: var(--fb-blue);
}

.fb-center-card .form-label {
    font-size: 13px;
    color: var(--fb-text-2);
}

.fb-center-card .form-control {
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    border-color: var(--fb-line);
}

.fb-center-card .form-control:focus {
    border-color: var(--fb-blue-border);
    box-shadow: 0 0 0 3px rgba(64, 158, 255, .12);
}

.fb-btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .15s ease;
    text-decoration: none;
}

.fb-btn-primary {
    background: var(--fb-blue);
    border-color: var(--fb-blue);
    color: #fff;
}

.fb-btn-primary:hover {
    background: #337ecc;
    border-color: #337ecc;
    color: #fff;
}

.fb-btn-ghost {
    background: #fff;
    border-color: var(--fb-line);
    color: var(--fb-text-2);
}

.fb-btn-ghost:hover {
    border-color: var(--fb-blue-border);
    color: var(--fb-blue);
}

/* 顶部白条导航（查询/登录等独立页用） */
.fb-topbar {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 56px;
    background: #fff;
    border-bottom: 1px solid var(--fb-line);
    padding: 0 18px;
    position: sticky;
    top: 0;
    z-index: 30;
}

.fb-topbar .fb-topbar-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: var(--fb-text);
    text-decoration: none;
}

.fb-topbar .fb-topbar-brand img {
    width: 28px;
    height: 28px;
    border-radius: 6px;
}

.fb-topbar .fb-topbar-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* --------------------------------------------------------------------------
   Authentication 域覆盖（登录/注册/找回）：对齐目标站白卡片+纯蓝按钮
   -------------------------------------------------------------------------- */
.auth-wrapper {
    background: var(--fb-bg);
}

.auth-wrapper::before,
.auth-wrapper::after {
    display: none;
}

.auth-card {
    background: var(--fb-card);
    border: 1px solid var(--fb-line);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(16, 24, 40, .06);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--fb-text);
}

.auth-card .brand-header .brand-logo img,
.auth-card .brand-icon {
    border-radius: 0;
    object-fit: contain;
}

.auth-title {
    color: var(--fb-blue);
}

.auth-subtitle,
.auth-subtitle.small {
    color: var(--fb-text-3);
}

.auth-card .text-link {
    color: var(--fb-blue);
}

.auth-card .form-floating > .form-control,
.auth-card .form-floating > .form-control-plaintext,
.auth-card .form-control {
    background-color: #fff;
    border: 1px solid var(--fb-line);
    color: var(--fb-text);
}

.auth-card .form-floating > label {
    color: var(--fb-text-3);
}

.auth-card .form-control:focus,
.auth-card .form-floating > .form-control:focus {
    background-color: #fff;
    border-color: var(--fb-blue-border);
    box-shadow: 0 0 0 3px rgba(64, 158, 255, .12);
    color: var(--fb-text);
}

.auth-card .btn-gradient {
    background-image: none;
    background: var(--fb-blue);
    border: 1px solid var(--fb-blue);
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
}

.auth-card .btn-gradient:hover {
    background: #337ecc;
    border-color: #337ecc;
    filter: none;
    transform: none;
    box-shadow: none;
}

.auth-card .btn-ghost {
    border: 1px solid var(--fb-line);
    color: var(--fb-text-2);
    background: #fff;
    border-radius: 8px;
}

.auth-card .btn-ghost:hover {
    border-color: var(--fb-blue-border);
    color: var(--fb-blue);
}

.auth-card .form-check-input {
    background-color: #fff;
    border: 1px solid #dcdfe6;
}

.auth-card .form-check-input:checked {
    background-color: var(--fb-blue);
    border-color: var(--fb-blue);
}

.auth-card .form-check label,
.auth-card .form-check-label {
    color: var(--fb-text-2);
}

.auth-card .image-code {
    border-radius: 8px;
    border: 1px solid var(--fb-line);
}

.auth-card p,
.auth-card .small {
    color: var(--fb-text-2);
}

/* --------------------------------------------------------------------------
   User 用户中心域覆盖（uc- 体系）：去玻璃拟态，统一干净白卡片+新配色
   只覆盖骨架视觉，不动任何功能样式与结构
   -------------------------------------------------------------------------- */
html[data-theme="light"] .uc-body,
.uc-body {
    background-color: var(--fb-bg) !important;
    color: var(--fb-text);
}

.uc-bg {
    background: var(--fb-bg) !important;
}

/* 顶部导航：白底清晰边 */
.uc-nav-wrap .uc-nav,
.uc-nav {
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid var(--fb-line) !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, .05) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.uc-nav .uc-brand__name,
.uc-nav .uc-nav__item {
    color: var(--fb-text) !important;
}

.uc-nav .uc-nav__item:hover,
.uc-nav .uc-nav__item.is-active,
.uc-nav .uc-nav__item.active {
    color: var(--fb-blue) !important;
    background: var(--fb-blue-bg) !important;
}

.uc-nav .uc-submenu {
    background: #fff !important;
    border: 1px solid var(--fb-line) !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.uc-nav .uc-subitem {
    color: var(--fb-text-2) !important;
}

.uc-nav .uc-subitem:hover {
    background: var(--fb-blue-bg) !important;
    color: var(--fb-blue) !important;
}

/* 卡片：白底清晰边 */
.uc-card,
.uc-blank,
.uc-cash-hero,
.uc-cardtip {
    background: var(--fb-card) !important;
    border: 1px solid var(--fb-line) !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: var(--fb-text);
}

.uc-card .uc-card__title,
.uc-card .uc-card__head {
    color: var(--fb-text) !important;
    border-color: var(--fb-line) !important;
}

.uc-card .uc-card__sub {
    color: var(--fb-text-3) !important;
}

/* 按钮统一蓝色 */
.uc-body .btn-gradient,
.uc-body .btn-primary,
.uc-body .a-btn-primary,
.uc-body .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-normal) {
    background: var(--fb-blue) !important;
    border-color: var(--fb-blue) !important;
    background-image: none !important;
    color: #fff !important;
}

.uc-body .btn-gradient:hover,
.uc-body .btn-primary:hover {
    background: #337ecc !important;
    border-color: #337ecc !important;
}

/* 表单 */
.uc-body .form-control,
.uc-body .form-select {
    background-color: #fff !important;
    border: 1px solid var(--fb-line) !important;
    color: var(--fb-text) !important;
}

.uc-body .form-control:focus,
.uc-body .form-select:focus {
    border-color: var(--fb-blue-border) !important;
    box-shadow: 0 0 0 3px rgba(64, 158, 255, .12) !important;
}

.uc-body .form-label,
.uc-body label {
    color: var(--fb-text-2);
}

/* 表格 */
.uc-body .table,
.uc-body .bootstrap-table {
    color: var(--fb-text);
}

.uc-body .table thead th,
.uc-body .bootstrap-table .fixed-table-container thead th {
    color: var(--fb-text-3) !important;
    border-color: var(--fb-line) !important;
    background: #fafafa !important;
}

.uc-body .table td,
.uc-body .bootstrap-table .fixed-table-container tbody td {
    border-color: var(--fb-line) !important;
    color: var(--fb-text-2);
}

/* 链接主色 */
.uc-body a.text-link,
.uc-body .uc-card a:not(.btn):not(.uc-nav__item):not(.dropdown-item) {
    color: var(--fb-blue);
}

/* 价格/金额红、库存绿点缀 */
.uc-body .text-price,
.uc-body .price {
    color: var(--fb-price) !important;
}