/* ===================================================================
   卡Go 前台 H5 视觉新增层 h5.css
   - 设计基线：giftcard H5 四页（主色 #0071e3 / 背景 #f5f5f7 / 白卡 #fff / 圆角 16 / 系统字体）
   - 定位：在 index.css、simple.css 之后加载，只做视觉增强
   - 铁律：不改任何 DOM 结构、不改类名、不动 JS 钩子
     .switch-category / .item-list / .vstack / .abacus .price /
     .switch-sku / .qty-group / .change-num-add / .change-num-sub /
     .item-stock / .wholesale-table / .optional-card / .pay-list /
     .cash-pay / .snap-up / .loading-* / .passin-* / .card-content-*
   =================================================================== */

:root {
    --h5-primary: #0071e3;
    --h5-primary-soft: rgba(0, 113, 227, .06);
    --h5-bg: #f5f5f7;
    --h5-card: #ffffff;
    --h5-text: #1d1d1f;
    --h5-text-2: #6e6e73;
    --h5-line: #e5e5ea;
    --h5-green: #1a9d5a;
    --h5-orange: #c2761b;
    --h5-orange-soft: #fff4e5;
    --h5-radius: 16px;
    --h5-radius-sm: 12px;
}

/* ---------- 1. 全局 ---------- */
html body,
body {
    background: var(--h5-bg) !important;
    color: var(--h5-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue",
        "Microsoft YaHei", "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

main.container {
    padding-top: 12px !important;
    padding-bottom: 32px !important;
}

/* ---------- 2. 顶部导航（吸顶白条） ---------- */
.navbar-acg {
    position: sticky !important;
    top: 0 !important;
    z-index: 900 !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--h5-line) !important;
    box-shadow: none !important;
    padding: 6px 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.navbar-acg .navbar-brand {
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: .2px;
    color: var(--h5-text) !important;
}

.navbar-acg .navbar-brand span {
    color: var(--h5-text) !important;
    font-size: 17px !important;
}

.navbar-acg .brand-logo {
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
}

.navbar-acg .nav-link {
    color: var(--h5-text-2) !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

.navbar-acg .nav-link.active {
    color: var(--h5-primary) !important;
    background: var(--h5-primary-soft) !important;
    font-weight: 600 !important;
}

.navbar-acg .nav-icon {
    color: inherit !important;
}

/* ---------- 3. 卡片与面板 ---------- */
.panel,
.acg-card,
.auth-card,
.hero-acg,
.fly-panel {
    background: var(--h5-card) !important;
    border: 1px solid var(--h5-line) !important;
    border-radius: var(--h5-radius) !important;
    box-shadow: none !important;
}

.panel + .panel {
    margin-top: 12px !important;
}

.panel-header {
    padding: 14px 16px 0 !important;
    background: transparent !important;
    border-bottom: 0 !important;
}

.panel-header .icon {
    color: var(--h5-primary) !important;
}

.panel-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--h5-text) !important;
    letter-spacing: .2px;
}

.panel-body {
    padding: 12px 16px 16px !important;
    color: var(--h5-text) !important;
    font-size: 15px !important;
}

/* ---------- 4. 分类胶囊（对齐 H5 tab） ---------- */
.chip-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 2px 0 4px !important;
    margin: 0 0 4px !important;
    scrollbar-width: none;
}

.chip-list::-webkit-scrollbar {
    display: none !important;
}

.chip {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    color: var(--h5-text-2) !important;
    background: #ffffff !important;
    border: 1px solid var(--h5-line) !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.chip:hover {
    color: var(--h5-text) !important;
    border-color: #d2d2d7 !important;
    background: #ffffff !important;
}

.chip.is-primary {
    color: #ffffff !important;
    background: var(--h5-primary) !important;
    border-color: var(--h5-primary) !important;
    font-weight: 600 !important;
}

.chip .chip-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px !important;
    background-color: #f0f0f2 !important;
}

/* ---------- 5. 商品卡片（H5 大图卡） ---------- */
.item-list {
    margin-top: 4px !important;
}

.item-list > a {
    display: block;
    color: inherit !important;
}

.acg-card {
    position: relative;
    overflow: hidden !important;
    transition: transform .16s ease, box-shadow .16s ease;
}

.acg-card:hover {
    border-color: #d2d2d7 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .06) !important;
    transform: translateY(-1px);
}

.acg-thumb {
    height: 168px !important;
    border-radius: 0 !important;
    background-color: #f0f0f2 !important;
}

.acg-card > .p-3 {
    padding: 14px 16px 16px !important;
}

.acg-card .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.goods-title {
    margin: 0 0 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--h5-text) !important;
    letter-spacing: .2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.acg-card .price {
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -.3px;
    color: var(--h5-text) !important;
    line-height: 1.2;
}

.acg-card .price .unit {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--h5-text) !important;
    margin-right: 1px;
}

.stat-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 12px !important;
    color: var(--h5-text-2) !important;
}

.badge-soft,
.badge-soft-success,
.badge-soft-primary,
.badge-soft-info,
.badge-soft-warning,
.badge-soft-danger {
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    border: 0 !important;
    background: #f0f0f2 !important;
    color: var(--h5-text-2) !important;
}

.badge-soft-success {
    background: rgba(26, 157, 90, .10) !important;
    color: var(--h5-green) !important;
}

.badge-soft-primary {
    background: var(--h5-primary-soft) !important;
    color: var(--h5-primary) !important;
}

.soldout-ribbon {
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: rgba(29, 29, 31, .78) !important;
    color: #ffffff !important;
}

.acg-card.soldout {
    opacity: .6 !important;
}

.item-message {
    padding: 24px 8px !important;
    font-size: 14px !important;
    color: var(--h5-text-2) !important;
}

/* ---------- 6. 商品详情 ---------- */
.acg-cover {
    overflow: hidden !important;
    border-radius: var(--h5-radius) !important;
    background: #f0f0f2 !important;
}

.item-cover {
    width: 100% !important;
    height: auto !important;
    max-height: 340px !important;
    object-fit: contain !important;
    border-radius: var(--h5-radius) !important;
}

main h4 {
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: .2px;
    color: var(--h5-text) !important;
    margin-bottom: 10px !important;
}

.abacus {
    margin: 14px 0 4px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--h5-line);
}

.abacus .price {
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -.5px;
    color: var(--h5-text) !important;
    line-height: 1.15;
}

.abacus .price .unit {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--h5-text) !important;
}

/* 规格：三列网格（对应 H5 face-grid） */
.sku-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.sku {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-height: 52px;
    padding: 10px 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--h5-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--h5-line) !important;
    border-radius: var(--h5-radius-sm) !important;
    text-align: center !important;
    box-shadow: none !important;
}

.sku:hover {
    border-color: #d2d2d7 !important;
}

.sku.is-primary {
    color: var(--h5-primary) !important;
    background: var(--h5-primary-soft) !important;
    border-color: var(--h5-primary) !important;
    font-weight: 600 !important;
}

.sku .badge-money {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--h5-text-2) !important;
    background: transparent !important;
    padding: 0 !important;
}

.sku.is-primary .badge-money {
    color: var(--h5-primary) !important;
}

.vstack {
    margin-top: 4px;
}

.vstack label,
.form-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--h5-text-2) !important;
    margin-bottom: 8px !important;
}

/* ---------- 7. 表单控件 ---------- */
.form-control,
.form-select,
.input-group-text {
    min-height: 44px;
    font-size: 15px !important;
    color: var(--h5-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--h5-line) !important;
    border-radius: var(--h5-radius-sm) !important;
    box-shadow: none !important;
}

.form-control::placeholder {
    color: #a1a1a6 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--h5-primary) !important;
    box-shadow: 0 0 0 3px var(--h5-primary-soft) !important;
}

/* 数量步进器（对应 H5 stepper） */
.input-group.qty-group {
    width: 150px !important;
    border: 1px solid var(--h5-line) !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #ffffff !important;
}

.input-group.qty-group > button {
    width: 44px !important;
    height: 42px !important;
    padding: 0 !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    color: var(--h5-text) !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.input-group.qty-group > button:hover {
    background: var(--h5-bg) !important;
}

.input-group.qty-group > input[type="number"] {
    height: 42px !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--h5-text) !important;
    border: 0 !important;
    border-left: 1px solid var(--h5-line) !important;
    border-right: 1px solid var(--h5-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    -moz-appearance: textfield;
}

.input-group.qty-group > input[type="number"]::-webkit-outer-spin-button,
.input-group.qty-group > input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.optional-card {
    width: 100%;
    min-height: 44px;
    font-size: 14px !important;
    color: var(--h5-text-2) !important;
    background: #ffffff !important;
    border: 1px dashed #d2d2d7 !important;
    border-radius: var(--h5-radius-sm) !important;
}

/* ---------- 8. 按钮 ---------- */
.btn {
    border-radius: var(--h5-radius-sm) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.btn-primary {
    color: #ffffff !important;
    background: var(--h5-primary) !important;
    border-color: var(--h5-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #005bb8 !important;
    border-color: #005bb8 !important;
}

.btn-outline-secondary {
    color: var(--h5-text-2) !important;
    background: #ffffff !important;
    border-color: var(--h5-line) !important;
}

.btn-outline-secondary:hover {
    color: var(--h5-text) !important;
    background: var(--h5-bg) !important;
    border-color: #d2d2d7 !important;
}

.br-12 {
    border-radius: var(--h5-radius-sm) !important;
}

/* ---------- 9. 付款区 ---------- */
.cash-pay {
    background: var(--h5-bg) !important;
    border-radius: var(--h5-radius-sm) !important;
    padding: 12px !important;
}

.cash-pay .form-label {
    color: var(--h5-text) !important;
    font-weight: 600 !important;
}

.pay-list .pay {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px !important;
    margin-bottom: 10px;
    font-size: 15px !important;
    background: #ffffff !important;
    border: 1px solid var(--h5-line) !important;
    border-radius: var(--h5-radius-sm) !important;
}

.pay-list .pay:last-child {
    margin-bottom: 0;
}

.pay-list .pay.is-primary,
.pay-list .pay.active,
.pay-list .pay.selected {
    border-color: var(--h5-primary) !important;
    background: var(--h5-primary-soft) !important;
}

.shared-button {
    cursor: pointer;
}

/* ---------- 10. 详情说明 ---------- */
.item-detail .panel-body {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--h5-text) !important;
}

.item-detail img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: var(--h5-radius-sm);
}

/* ---------- 11. 订单查询 ---------- */
.order-query-form .form-control {
    height: 44px;
}

.btn-search-query {
    min-height: 44px;
    padding: 0 20px !important;
    font-size: 15px !important;
    white-space: nowrap;
}

.order-results .order-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ---------- 12. 页脚 ---------- */
footer {
    padding: 16px !important;
    font-size: 12px !important;
    color: #a1a1a6 !important;
    text-align: center;
    background: transparent !important;
    border: 0 !important;
}

/* ---------- 13. 移动端收紧（严格对齐 H5 视口） ---------- */
@media (max-width: 767.98px) {
    html {
        font-size: 15px !important;
    }

    main.container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 12px !important;
    }

    .navbar-acg {
        padding: 4px 0 !important;
    }

    .navbar-acg .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .navbar-acg .navbar-brand,
    .navbar-acg .navbar-brand span {
        font-size: 16px !important;
    }

    .navbar-acg .nav-link {
        font-size: 14px !important;
        padding: 6px 10px !important;
    }

    .panel-header {
        padding: 14px 16px 0 !important;
    }

    .panel-body {
        padding: 12px 16px 16px !important;
    }

    .acg-thumb {
        height: 190px !important;
    }

    .goods-title {
        font-size: 15px !important;
    }

    .acg-card .price {
        font-size: 22px !important;
    }

    .abacus .price {
        font-size: 28px !important;
    }

    .sku-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .item-cover {
        max-height: 280px !important;
    }

    .user-login-box .btn,
    .user-info-box .btn {
        font-size: 13px !important;
    }
}

/* ---------- 14. 窄屏下详情页两栏回归单列留白 ---------- */
@media (max-width: 991.98px) {
    .item-list > a {
        margin-bottom: 12px !important;
    }
}

/* ===================================================================
   8. 商品详情页（购买界面）
   =================================================================== */
.h5-item-page{padding-bottom:104px}
.h5-item-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:992px){
    .h5-item-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
}
.h5-item-hero{background:#fff;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;
    border:1px solid var(--h5-line);box-shadow:0 1px 2px rgba(0,0,0,.03);aspect-ratio:1/1;width:100%}
.h5-item-hero .item-cover{width:100%;height:100%;object-fit:contain;display:block}
.h5-item-title{font-size:21px;font-weight:600;letter-spacing:-.2px;margin:6px 0 10px;color:var(--h5-text)}
.h5-item-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.h5-item-price{margin-bottom:6px}
.h5-item-price .price{font-size:30px;font-weight:600;color:var(--h5-text) !important;line-height:1.1}
.h5-item-price .price .unit{font-size:16px;font-weight:500;color:var(--h5-text-2);margin-right:2px}
.h5-item-form{gap:16px !important;margin-top:10px}
.h5-field{padding:0}
.h5-label{font-size:13px;font-weight:500;color:var(--h5-text-2);margin-bottom:8px}
.h5-sku-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}
.h5-sku-grid .sku{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    padding:11px 8px;border:1px solid var(--h5-line);border-radius:12px;background:#fff;
    font-size:14px;color:var(--h5-text);text-align:center;line-height:1.35;text-decoration:none !important}
.h5-sku-grid .sku .badge-money{font-size:11px;color:var(--h5-text-2);background:none;padding:0;display:block}
.h5-sku-grid .sku.is-primary{border-color:var(--h5-primary);background:var(--h5-primary-soft);color:var(--h5-primary);
    box-shadow:0 0 0 1px var(--h5-primary) inset}
.h5-sku-grid .sku.is-primary .badge-money{color:var(--h5-primary)}
.h5-qty{width:150px;border:1px solid var(--h5-line);border-radius:12px;overflow:hidden;background:#fff;
    display:flex;align-items:center}
.h5-qty button{width:44px;height:42px;border:none;background:#fff;color:var(--h5-text);font-size:18px;line-height:1;
    cursor:pointer;flex:0 0 auto}
.h5-qty button:hover{background:#f5f5f7}
.h5-qty input{border:none !important;box-shadow:none !important;height:42px !important;flex:1;min-width:0;
    font-size:15px;background:transparent !important;padding:0}
.h5-captcha{max-width:250px}
.h5-captcha .captcha-img{height:44px;border-radius:10px;cursor:pointer}
.h5-item-form .optional-card{border:1px dashed var(--h5-line);background:#fff;border-radius:12px;padding:10px 14px;
    font-size:13px;color:var(--h5-text-2);width:100%;text-align:left}
.cash-pay{border:1px solid var(--h5-line);border-radius:16px;background:#fafafa;padding:14px !important;margin-top:4px}
.cash-pay .pay-list{display:flex;flex-wrap:wrap;gap:10px}
.cash-pay .pay-list .pay{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;
    border:1px solid var(--h5-line);border-radius:12px;font-size:14px;color:var(--h5-text);cursor:pointer;
    text-decoration:none !important}
.cash-pay .pay-list .pay:hover{border-color:var(--h5-primary);color:var(--h5-primary)}
.cash-pay .pay-list .pay img{width:20px;height:20px;object-fit:contain}
@keyframes h5flash{0%,100%{box-shadow:0 0 0 0 rgba(0,113,227,0)}50%{box-shadow:0 0 0 3px rgba(0,113,227,.18)}}
.h5-pay-flash{animation:h5flash .7s ease 2;border-color:var(--h5-primary) !important}
.h5-buybar{position:fixed;left:0;right:0;bottom:0;z-index:940;display:flex;align-items:center;
    justify-content:space-between;gap:12px;padding:10px 16px;
    padding-bottom:calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-top:1px solid var(--h5-line)}
.h5-buybar-left{display:flex;align-items:baseline;gap:6px;min-width:0}
.h5-buybar-label{font-size:12px;color:var(--h5-text-2)}
.h5-buybar-price{font-size:20px;font-weight:600;color:var(--h5-text);line-height:1.1}
.h5-buybar-price .unit{font-size:13px;font-weight:500;margin-right:1px}
.h5-buybar-btn{flex:0 0 auto;min-width:142px;text-align:center;background:var(--h5-primary);color:#fff !important;
    border-radius:999px;padding:12px 20px;font-weight:600;font-size:15px;text-decoration:none !important}
.h5-buybar-btn:hover{opacity:.9;color:#fff !important}
@media(min-width:992px){
    .h5-buybar{left:auto;right:28px;bottom:28px;max-width:380px;border-radius:16px;
        border:1px solid var(--h5-line);box-shadow:0 10px 30px rgba(0,0,0,.10);padding-bottom:12px}
}

/* ===================================================================
   9. 通用按钮 / 标签
   =================================================================== */
.h5-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;
    border-radius:999px;border:1px solid var(--h5-line);background:#fff;color:var(--h5-text);
    font-size:14px;font-weight:500;line-height:1.2;text-decoration:none !important;cursor:pointer;
    box-sizing:border-box}
.h5-btn:hover{opacity:.92;color:var(--h5-text) !important}
.h5-btn-primary{background:var(--h5-primary);border-color:var(--h5-primary);color:#fff !important}
.h5-btn-primary:hover{color:#fff !important}
.h5-btn-sm{padding:7px 14px;font-size:13px}
.h5-chip{font-size:11px;color:var(--h5-text-2);background:#f5f5f7;border:1px solid rgba(0,0,0,.03);
    border-radius:6px;padding:3px 8px;line-height:1.4}

/* ===================================================================
   10. 个人中心（侧栏 / 面板 / 表单 / 数据卡）
   =================================================================== */
.fly-user-main{padding-bottom:40px}
.fly-user-main .layui-nav-tree{background:#fff !important;border-radius:16px !important;padding:8px !important;
    border:1px solid var(--h5-line) !important;box-shadow:none !important}
.fly-user-main .layui-nav-tree .layui-nav-item a{color:var(--h5-text) !important;border-radius:10px;
    margin:2px 0;padding:0 14px;height:42px;line-height:42px;font-size:14px;display:block}
.fly-user-main .layui-nav-tree .layui-nav-item a:hover{background:#f5f5f7 !important}
.fly-user-main .layui-nav-tree .layui-nav-item.layui-this a{background:var(--h5-primary-soft) !important;
    color:var(--h5-primary) !important;font-weight:600}
.fly-user-main .layui-nav-tree .layui-nav-item.layui-this a::after{display:none}
.fly-user-main .layui-nav-tree .layui-badge{font-size:10px;padding:0 6px}

.fly-panel-user{background:#fff !important;border-radius:16px !important;border:1px solid var(--h5-line) !important;
    box-shadow:0 1px 2px rgba(0,0,0,.03) !important;overflow:hidden;padding:0 !important}
.fly-panel-user .content-header{font-size:16px;font-weight:600;color:var(--h5-text);
    padding:16px 18px;border-bottom:1px solid var(--h5-line);background:#fff;line-height:1.4}
.fly-panel-user .content-header .layui-icon{color:var(--h5-primary);margin-right:4px}
.fly-panel-user .content-body{padding:16px 18px}

.elem-quote{background:#f5f5f7 !important;border-left:3px solid var(--h5-primary) !important;
    border-radius:12px !important;padding:12px 14px !important;color:var(--h5-text) !important;
    font-size:14px !important;margin:0 0 14px !important}

.more-table{background:#fff !important;border:1px solid var(--h5-line);border-radius:14px;
    padding:2px 6px !important;overflow:hidden}
.more-table .layui-table{border:none !important;margin:0 !important;background:transparent}
.more-table .layui-table td{border-color:var(--h5-line) !important;font-size:13px;padding:11px 12px;
    border-style:solid;border-width:0 0 1px 0}
.more-table .layui-table tr:last-child td{border-bottom:none}

.card-data{padding:6px !important}
.card-data .layui-card{background:#fff !important;border:1px solid var(--h5-line) !important;
    border-radius:16px !important;box-shadow:none !important;margin-bottom:0}
.card-data .layui-card-header{font-size:12px !important;color:var(--h5-text-2) !important;
    border-bottom:none !important;height:auto !important;line-height:1.4 !important;
    padding:14px 16px 0 !important}
.card-data .layui-card-header .layui-icon{color:var(--h5-text-2);font-size:13px;margin-right:2px}
.card-data .layui-card-body{padding:6px 16px 16px !important;font-size:20px !important;
    font-weight:600 !important;color:var(--h5-text) !important;line-height:1.3}

/* 表单控件 */
.fly-user-main .layui-input,
.fly-user-main .form-control,
.fly-user-main select,
.fly-user-main textarea{background:#fff !important;border:1px solid var(--h5-line) !important;
    border-radius:10px !important;box-shadow:none !important;font-size:14px !important;color:var(--h5-text) !important}
.fly-user-main .layui-input:focus,
.fly-user-main .form-control:focus{border-color:var(--h5-primary) !important;
    box-shadow:0 0 0 3px var(--h5-primary-soft) !important}
.fly-user-main .layui-btn,
.fly-user-main .layui-btn-normal{background:var(--h5-primary) !important;border-radius:999px !important;
    border:none !important;height:40px;line-height:40px;padding:0 22px;font-size:14px;
    box-shadow:none !important}
.fly-user-main .layui-btn-primary{background:#fff !important;border:1px solid var(--h5-line) !important;
    color:var(--h5-text) !important}
.fly-user-main .layui-form-label{color:var(--h5-text-2) !important;font-size:13px;font-weight:500}

/* 表格（账单 / 我的下级等 bootstrap-table） */
.fly-user-main .bootstrap-table .fixed-table-container,
.fly-user-main .bootstrap-table{border:none !important;border-radius:0 !important}
.fly-user-main .bootstrap-table .table{border-collapse:separate !important;border-spacing:0;margin:0 !important}
.fly-user-main .bootstrap-table .table>thead>tr>th{background:#fafafa !important;color:var(--h5-text-2) !important;
    font-size:12px !important;font-weight:500 !important;border-color:var(--h5-line) !important;
    padding:11px 12px;white-space:nowrap}
.fly-user-main .bootstrap-table .table>tbody>tr>td{border-color:var(--h5-line) !important;
    font-size:13px;color:var(--h5-text);padding:12px !important;vertical-align:middle}
.fly-user-main .bootstrap-table .table-hover>tbody>tr:hover>td{background:#fafafa !important}
.fly-user-main .pagination .page-link{border-radius:8px !important;border-color:var(--h5-line) !important;
    color:var(--h5-text) !important;font-size:13px;margin:0 2px}
.fly-user-main .pagination .page-item.active .page-link{background:var(--h5-primary) !important;
    border-color:var(--h5-primary) !important;color:#fff !important}
.fly-user-main .fixed-table-toolbar{padding:0 0 12px !important}

/* ===================================================================
   11. 购买记录（卡片式订单）
   =================================================================== */
.h5-ord-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
    margin-bottom:16px}
.h5-ord-tabs{display:inline-flex;background:#f2f2f7;border-radius:999px;padding:4px}
.h5-ord-tabs a{padding:7px 16px;border-radius:999px;font-size:13px;color:var(--h5-text-2);
    text-decoration:none !important;line-height:1.2}
.h5-ord-tabs a.on{background:#fff;color:var(--h5-text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.h5-ord-search{display:flex;gap:8px;flex:1 1 240px;max-width:340px}
.h5-ord-search input{flex:1;min-width:0;height:38px;border-radius:10px;border:1px solid var(--h5-line);
    padding:0 12px;font-size:14px;background:#fff;color:var(--h5-text);outline:none}
.h5-ord-search input:focus{border-color:var(--h5-primary);box-shadow:0 0 0 3px var(--h5-primary-soft)}
.h5-ord-search button{height:38px;padding:0 18px;border-radius:10px;border:none;background:var(--h5-primary);
    color:#fff;font-size:14px;cursor:pointer}
.h5-ord-list{display:flex;flex-direction:column;gap:14px}
.h5-ord-card{background:#fff;border:1px solid var(--h5-line);border-radius:16px;padding:16px}
.h5-ord-hd{display:flex;gap:12px;align-items:flex-start}
.h5-ord-cover{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#f5f5f7;flex:0 0 auto;
    border:1px solid rgba(0,0,0,.03)}
.h5-ord-cover-ph{display:block;background:#f5f5f7}
.h5-ord-hd-main{flex:1;min-width:0}
.h5-ord-title-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.h5-ord-name{font-size:15px;font-weight:600;color:var(--h5-text);line-height:1.35}
.h5-ord-badge{font-size:11px;padding:2px 9px;border-radius:999px;font-weight:500;line-height:1.5;flex:0 0 auto}
.h5-ord-badge.is-paid{background:rgba(26,157,90,.10);color:var(--h5-green)}
.h5-ord-badge.is-wait{background:var(--h5-orange-soft);color:var(--h5-orange)}
.h5-ord-meta{font-size:12px;color:var(--h5-text-2);margin-top:4px;line-height:1.5}
.h5-ord-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.h5-ord-money{margin-left:auto;text-align:right;font-size:18px;font-weight:600;color:var(--h5-text);
    white-space:nowrap;line-height:1.2}
.h5-ord-money .unit{font-size:12px;margin-right:1px;font-weight:500}
.h5-ord-dstate{font-size:11px;color:var(--h5-text-2);font-weight:400;margin-top:3px}
.h5-ord-secret{margin-top:12px;border:1px solid var(--h5-line);border-radius:12px;padding:12px;background:#fafafa}
.h5-ord-secret-hd{font-size:12px;color:var(--h5-text-2);margin-bottom:8px}
.h5-ord-tip{color:var(--h5-orange)}
.h5-ord-secret-box{width:100%;min-height:72px;border:none;background:transparent;
    font-family:ui-monospace,Menlo,Consolas,"Courier New",monospace;font-size:13px;color:var(--h5-green);
    resize:vertical;outline:none;line-height:1.6}
.h5-ord-secret-acts{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.h5-ord-note{margin-top:12px;background:var(--h5-orange-soft);border-radius:12px;padding:10px 12px;
    font-size:13px;color:var(--h5-orange);line-height:1.55}
.h5-ord-note-hd{font-size:11px;opacity:.85;margin-right:6px}
.h5-ord-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
    margin-top:12px;padding-top:12px;border-top:1px dashed var(--h5-line);font-size:12px;
    color:var(--h5-text-2)}
.h5-ord-no{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:0}
.h5-ord-ft-acts{display:flex;gap:12px;align-items:center}
.h5-link{color:var(--h5-primary);font-size:12px;text-decoration:none}
.h5-ord-empty{padding:56px 0;text-align:center;color:var(--h5-text-2);font-size:14px}
.h5-ord-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}
.h5-page{padding:8px 16px;border-radius:10px;border:1px solid var(--h5-line);background:#fff;
    color:var(--h5-text);font-size:13px;text-decoration:none !important}
.h5-page:hover{color:var(--h5-text) !important;border-color:#d8d8dd}
.h5-page.is-disabled{opacity:.38;pointer-events:none}
.h5-page-info{font-size:13px;color:var(--h5-text-2)}

/* ===================================================================
   12. 发货成功弹窗
   =================================================================== */
.layui-layer{border-radius:16px !important;box-shadow:0 18px 48px rgba(0,0,0,.16) !important}
.layui-layer-content{background:#fff}
.h5-ts{padding:22px 20px 16px}
.h5-ts-head{text-align:center}
.h5-ts-icon{width:52px;height:52px;border-radius:50%;background:rgba(26,157,90,.10);color:var(--h5-green);
    font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;
    line-height:1}
.h5-ts-title{font-size:17px;font-weight:600;color:var(--h5-text)}
.h5-ts-sub{font-size:12px;color:var(--h5-text-2);margin-top:6px;line-height:1.5}
.h5-ts-ord{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f5f5f7;
    border-radius:10px;padding:10px 12px;margin:16px 0 12px;font-size:12px}
.h5-ts-ord-label{color:var(--h5-text-2);flex:0 0 auto}
.h5-ts-ord-no{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--h5-text);
    word-break:break-all;text-align:right}
.h5-ts-card{border:1px solid var(--h5-line);border-radius:12px;padding:10px 12px;background:#fff}
.h5-ts-card-title{font-size:12px;color:var(--h5-text-2);margin-bottom:6px}
.h5-ts-secret{width:100%;min-height:104px;border:none;outline:none;resize:none;background:#fafafa;
    border-radius:8px;padding:10px;font-family:ui-monospace,Menlo,Consolas,"Courier New",monospace;
    font-size:13px;color:var(--h5-green);line-height:1.65;box-sizing:border-box}
.h5-ts-acts{display:flex;gap:10px;margin-top:16px}
.h5-ts-acts .h5-btn{flex:1;height:44px;font-size:15px}
.h5-ts-foot{text-align:center;margin-top:14px;font-size:12px}
.h5-ts-foot a{color:var(--h5-text-2);text-decoration:none}

/* ===================================================================
   Kago528 前台 UI 补丁 v2（20261103）
   1) 商品详情页排版修正（移动端主图高度、SKU 防溢出、PC 布局收紧、PC 吸底栏全宽）
   2) 买家中心（个人中心）表格横向滚动、数据卡两列、表单对齐
   =================================================================== */

/* ---------- 1. 商品详情页 ---------- */
@media (max-width: 991px) {
    .h5-item-hero { aspect-ratio: 16 / 11 !important; max-height: 268px; }
    .h5-item-hero .item-cover { padding: 10px; box-sizing: border-box; }
    .h5-item-title { font-size: 19px !important; }
}
@media (min-width: 992px) {
    .h5-item-grid { grid-template-columns: minmax(0, 440px) minmax(0, 1fr) !important; gap: 32px; }
    .h5-item-hero { aspect-ratio: 1 / 1; }
    /* PC 购买条：横向通栏吸底，避免悬浮块割裂版面 */
    .h5-buybar { left: 0 !important; right: 0 !important; bottom: 0 !important; max-width: none !important;
        border-radius: 0 !important; border: none !important; border-top: 1px solid var(--h5-line) !important;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .06) !important; padding: 12px 24px !important; }
    .h5-buybar-left { gap: 8px; }
    .h5-buybar-price { font-size: 22px !important; }
}

/* SKU 网格：列宽可收缩，杜绝价格标签溢出 */
.sku-list.h5-sku-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
.h5-sku-grid .sku { min-width: 0 !important; overflow: hidden; padding: 10px 4px !important;
    font-size: 13px !important; line-height: 1.3 !important; }
.h5-sku-grid .sku .badge-money { font-size: 11px !important; line-height: 1.4 !important;
    white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.h5-sku-grid .sku { position: relative !important; white-space: nowrap; text-overflow: ellipsis; }
/* 原模板 .badge-money 为绝对定位，改为常规流内第二行，避免撑破单元格 */
.h5-sku-grid .sku .badge-money { position: static !important; display: block !important; margin: 2px 0 0 0 !important;
    left: auto !important; right: auto !important; top: auto !important; }
@media (min-width: 992px) {
    .sku-list.h5-sku-grid { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important; }
    .h5-sku-grid .sku { font-size: 14px !important; padding: 11px 8px !important; }
}

/* ---------- 2. 买家中心 ---------- */
.fly-user-main { padding: 0 10px 40px; }
@media (min-width: 992px) { .fly-user-main { padding: 0 0 40px; } }

/* 表格：容器内横向滚动，禁止撑破页面 */
.fly-user-main .bootstrap-table .fixed-table-body { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.fly-user-main .content-body { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fly-user-main .content-body > .layui-table { min-width: 100%; }
.fly-user-main .layui-table { table-layout: auto !important; margin-bottom: 0 !important; }
.fly-user-main .layui-table th { white-space: nowrap !important; font-size: 12px !important; }
.fly-user-main .layui-table td { font-size: 13px !important; white-space: nowrap; }
.fly-user-main .fixed-table-container, .fly-user-main .fixed-table-body { border-radius: 12px !important; }

/* 数据卡：手机两列 */
@media (max-width: 767px) {
    .fly-user-main .card-data { width: calc(50% - 8px) !important; flex: 0 0 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important; margin: 0 8px 8px 0 !important; }
    .fly-user-main .card-data .layui-card-body { font-size: 18px !important; }
    .fly-user-main .fly-panel-user .content-header { font-size: 15px !important; padding: 14px 14px !important; }
    .fly-user-main .fly-panel-user .content-body { padding: 14px !important; }
    .fly-user-main .layui-form-label { width: 96px !important; padding: 9px 8px !important;
        font-size: 13px !important; text-align: left !important; }
    .fly-user-main .layui-input-block { margin-left: 106px !important; }
    .fly-user-main .layui-btn { height: 38px !important; line-height: 38px !important; padding: 0 18px !important; }
}

/* 表格统一压缩到容器宽度 + 单元格换行（移动端习惯的“压缩不裁切”） */
.fly-user-main .layui-table, .fly-user-main .more-table { width: 100% !important; }
.fly-user-main .layui-table td, .fly-user-main .more-table td { white-space: normal !important; word-break: break-word; }
.fly-user-main .more-table { display: block; overflow-x: auto; }

/* bootstrap-table 工具栏换行（搜索 + 下拉不再挤出容器） */
.fly-user-main .fixed-table-toolbar { padding: 8px 0 !important; }
.fly-user-main .fixed-table-toolbar .bs-bars { float: none !important; display: flex; flex-wrap: wrap;
    gap: 6px; width: 100%; }
.fly-user-main .fixed-table-toolbar .bs-bars .form-control,
.fly-user-main .fixed-table-toolbar .bs-bars .form-select { height: 34px; font-size: 13px; }
.fly-user-main .fixed-table-toolbar .search { float: none !important; width: 100% !important; margin-top: 6px; }

/* 空状态与提示 */
.fly-user-main .elem-quote { line-height: 1.6 !important; }
.fly-user-main .layui-tab-title { border-bottom: 1px solid var(--h5-line) !important; }
.fly-user-main .layui-tab-title li { font-size: 14px !important; color: var(--h5-text-2) !important; }
.fly-user-main .layui-tab-title .layui-this { color: var(--h5-primary) !important; font-weight: 600; }
.fly-user-main .layui-tab-brief > .layui-tab-title .layui-this:after { border-bottom-color: var(--h5-primary) !important; }

/* ---------- 3. 余额卡兑换页（插件页）表格 ---------- */
.fly-user-main .bc-user-table { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.fly-user-main .bc-user-table > table { min-width: 520px; width: 100%; }

/* ---------- 4. 买家中心面板质感（对齐前台 H5 语言） ---------- */
.fly-user-main .fly-panel-user { border-radius: 16px !important; border: 1px solid var(--h5-line) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important; background: #ffffff !important; overflow: hidden; }
.fly-user-main .fly-panel-user .content-header { background: #ffffff !important;
    border-bottom: 1px solid var(--h5-line) !important; }
.fly-user-main .layui-btn-normal, .fly-user-main .layui-btn { background-color: var(--h5-primary) !important;
    border-color: var(--h5-primary) !important; color: #ffffff !important; border-radius: 10px !important; }
.fly-user-main .layui-btn-primary { background: #ffffff !important; color: var(--h5-primary) !important;
    border: 1px solid var(--h5-primary) !important; }
.fly-user-main .layui-form-select dl dd.layui-this { background: var(--h5-primary) !important; }
.fly-user-main .layui-input, .fly-user-main .layui-textarea,
.fly-user-main .form-control, .fly-user-main .form-select { border-radius: 10px !important;
    border: 1px solid var(--h5-line) !important; }
.fly-user-main .layui-input:focus, .fly-user-main .form-control:focus { border-color: var(--h5-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, .12) !important; }

/* ===================================================================
   Kago528 前台 UI 补丁 v3（20261104）
   1) 首页/列表页：移动端商品 2 列网格、卡片质感、标题两行省略
   2) 顶部导航：吸顶毛玻璃、品牌名实色
   3) 买家中心细节补齐（输入框满宽、表格工具栏可横向滚动）
   =================================================================== */

/* ---------- 1. 首页 / 商品列表（移动端 2 列） ---------- */
@media (max-width: 767.98px) {
    .row.item-list {
        margin-left: -6px !important;
        margin-right: -6px !important;
        row-gap: 0 !important;
    }
    .row.item-list > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 12px !important;
    }
    .row.item-list .acg-card {
        border-radius: 14px !important;
        border: 1px solid #ececf0 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .05) !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }
    .row.item-list .acg-thumb {
        height: auto !important;
        aspect-ratio: 16 / 11;
        border-radius: 14px 14px 0 0 !important;
    }
    .row.item-list .p-3 {
        padding: 9px 10px 11px !important;
    }
    .row.item-list .tags {
        margin-bottom: 4px !important;
        height: 20px;
        overflow: hidden;
    }
    .row.item-list .badge-soft {
        font-size: 11px !important;
        padding: 2px 6px !important;
        border-radius: 6px !important;
        line-height: 1.4 !important;
    }
    .row.item-list .goods-title {
        font-size: 13px !important;
        line-height: 1.38 !important;
        font-weight: 600 !important;
        margin: 2px 0 6px !important;
        height: 36px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #1d1d1f !important;
    }
    .row.item-list .stat-row {
        margin-bottom: 2px !important;
    }
    .row.item-list .price {
        font-size: 18px !important;
        font-weight: 700 !important;
        letter-spacing: -.2px;
    }
    .row.item-list .price .unit {
        font-size: 12px !important;
        font-weight: 600;
        margin-right: 1px;
    }
    .row.item-list .stat-bottom {
        font-size: 11px !important;
        color: #8e8e93 !important;
        display: flex;
        justify-content: space-between;
        gap: 4px;
        white-space: nowrap;
        overflow: hidden;
    }
    .row.item-list .stat-bottom span {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .panel-body {
        padding: 12px 10px 24px !important;
    }
}

/* ---------- 2. 顶部导航 ---------- */
.navbar-acg {
    position: sticky !important;
    top: 0;
    z-index: 1030;
    background: rgba(255, 255, 255, .92) !important;
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid #e5e5ea !important;
}
.navbar-acg .navbar-brand span {
    color: #1d1d1f !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: .2px;
}
.navbar-acg .navbar-brand .brand-logo {
    border-radius: 8px;
}

/* ---------- 3. 买家中心细节 ---------- */
.fly-user-main .bc-user-form .layui-input {
    width: 100% !important;
    box-sizing: border-box !important;
}
.fly-user-main .fixed-table-toolbar .bs-bars {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}
.fly-user-main .fixed-table-toolbar .bs-bars > * {
    max-width: 100%;
}
.fly-user-main .card-data {
    border-radius: 14px !important;
    border: 1px solid var(--h5-line) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
}

/* ---------- v3.1 商品详情页主图（v20261105） ---------- */
.h5-item-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 0 !important;
}
.h5-item-hero .item-cover {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
}
.h5-buybar-label {
    font-size: 12px !important;
    color: #8e8e93 !important;
}
.h5-buybar-price,
.h5-buybar-price .val {
    white-space: nowrap !important;
}
.h5-sku-grid {
    justify-content: flex-start;
}

/* ---------- v3.2 表格工具栏宽度收敛（v20261106） ---------- */
.fly-user-main .fixed-table-toolbar .search,
.fly-user-main .fixed-table-toolbar .bs-bars > .search {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}
.fly-user-main .fixed-table-toolbar .search input,
.fly-user-main .fixed-table-toolbar .bs-bars input,
.fly-user-main .fixed-table-toolbar .bs-bars select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.fly-user-main .fixed-table-toolbar .bs-bars .btn-group,
.fly-user-main .fixed-table-toolbar .bs-bars .dropdown {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* ---------- v3.3 表格工具条 layui 表单换行（v20261107） ---------- */
.fly-user-main .fixed-table-toolbar .bs-bars {
    padding-left: 0 !important;
    max-width: 100% !important;
}
.fly-user-main .fixed-table-toolbar .bs-bars form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
}
.fly-user-main .fixed-table-toolbar .layui-input-inline {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    flex: 1 1 120px;
}
.fly-user-main .fixed-table-toolbar .layui-input-inline > .layui-input,
.fly-user-main .fixed-table-toolbar .layui-input-inline > .layui-unselect,
.fly-user-main .fixed-table-toolbar .layui-input-inline > .layui-form-select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
.fly-user-main .fixed-table-toolbar .layui-btn {
    margin-left: 0 !important;
    flex: 0 0 auto;
}

/* ---------- v3.4 表格搜索工具条（v20261108） ---------- */
form.table-search {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
}
form.table-search .layui-input-inline {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 1 1 110px;
}
form.table-search .layui-input-inline > .layui-input,
form.table-search .layui-input-inline > .layui-unselect,
form.table-search .layui-input-inline > .layui-form-select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
form.table-search .layui-btn,
form.table-search button {
    margin: 0 !important;
    flex: 0 0 auto;
}
div[class*="-query"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.bs-bars {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ---------- v3.5 搜索表单下拉框宽度（v20261109） ---------- */
form.table-search .layui-form-select,
form.table-search .layui-form-select .layui-select-title,
form.table-search .layui-form-select .layui-select-title input,
form.table-search .layui-form-select dl {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
form.table-search .layui-form-item,
form.table-search .layui-input-block {
    box-sizing: border-box !important;
    max-width: 100% !important;
}