/* Public pages: compact, touch-friendly mobile layout. */
@media (max-width: 767px) {
    html,
    body {
        min-width: 0 !important;
        max-width: 100%;
        overflow-x: hidden;
    }

    body,
    input,
    select,
    textarea,
    button {
        font-size: 14px;
    }

    .container,
    .container-fluid,
    .main-container,
    .page-container,
    .shop-container,
    .search-container {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .navbar,
    .nav_main,
    .top-nav,
    .header-nav,
    .main-nav {
        min-height: 52px;
    }

    .navbar-header,
    .nav-brand,
    .logo,
    .site-logo {
        max-width: 150px;
    }

    .navbar-nav,
    .nav_main ul,
    .top-nav ul,
    .header-nav ul,
    .main-nav ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .navbar-nav::-webkit-scrollbar,
    .nav_main ul::-webkit-scrollbar,
    .top-nav ul::-webkit-scrollbar,
    .header-nav ul::-webkit-scrollbar,
    .main-nav ul::-webkit-scrollbar {
        display: none;
    }

    .navbar-nav > li,
    .nav_main li,
    .top-nav li,
    .header-nav li,
    .main-nav li {
        flex: 0 0 auto;
    }

    .navbar-nav > li > a,
    .nav_main a,
    .top-nav a,
    .header-nav a,
    .main-nav a {
        min-height: 42px;
        padding: 11px 12px !important;
        white-space: nowrap;
    }

    .hero,
    .banner,
    .home-banner,
    .index-banner,
    .carousel,
    .swiper {
        max-height: 360px;
        overflow: hidden;
    }

    .hero img,
    .banner img,
    .home-banner img,
    .index-banner img,
    .carousel img,
    .swiper img {
        width: 100%;
        height: auto;
        min-height: 220px;
        object-fit: cover;
    }

    .hero-content,
    .banner-content,
    .home-banner-content,
    .index-banner-content {
        width: auto !important;
        max-width: none !important;
        padding: 24px 16px !important;
    }

    h1 {
        font-size: 26px;
        line-height: 1.25;
    }

    h2 {
        font-size: 21px;
        line-height: 1.3;
    }

    h3 {
        font-size: 17px;
        line-height: 1.35;
    }

    .search-box,
    .search-panel,
    .home-search,
    .index-search,
    .shop-search {
        width: 100% !important;
        min-width: 0 !important;
        margin: 12px 0 !important;
        padding: 12px !important;
        border-radius: 10px;
    }

    .search-box form,
    .search-panel form,
    .home-search form,
    .index-search form,
    .shop-search form {
        display: grid !important;
        grid-template-columns: 1fr auto;
        gap: 8px;
    }

    .search-box input,
    .search-panel input,
    .home-search input,
    .index-search input,
    .shop-search input,
    .search-box select,
    .search-panel select {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px;
    }

    .row {
        margin-right: -7px !important;
        margin-left: -7px !important;
    }

    .row > [class*="col-"] {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .card,
    .panel,
    .product-card,
    .shop-card,
    .resource-card,
    .sponsor-card {
        width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 12px;
        border-radius: 9px !important;
    }

    .shop-header,
    .shop-hero,
    .shop-company-header {
        padding: 18px 14px !important;
        text-align: center;
    }

    .shop-header .shop-company-name,
    .shop-hero .shop-company-name,
    .shop-company-header h1 {
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: 23px !important;
        line-height: 1.3;
    }

    .shop-tabs,
    .shop-nav,
    .resource-tabs {
        display: flex !important;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .shop-tabs::-webkit-scrollbar,
    .shop-nav::-webkit-scrollbar,
    .resource-tabs::-webkit-scrollbar {
        display: none;
    }

    .shop-tabs > *,
    .shop-nav > *,
    .resource-tabs > * {
        flex: 0 0 auto;
        min-width: 104px;
    }

    .table-responsive,
    .table-wrap,
    .shop-table-wrap,
    .resource-table-wrap {
        width: 100% !important;
        max-width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    table {
        min-width: 700px;
    }

    th,
    td {
        padding: 9px 8px !important;
        white-space: nowrap;
    }

    form:not(.form-inline) .form-group,
    .form-row,
    .filter-row,
    .search-filter-row {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    .form-control {
        max-width: 100% !important;
        min-height: 42px;
        border-radius: 7px;
    }

    .modal-dialog,
    .layui-layer,
    .xubox_layer {
        width: auto !important;
        max-width: none !important;
        margin: 12px !important;
    }

    .modal-dialog {
        margin-top: 64px !important;
    }

    .modal-body,
    .layui-layer-content,
    .xubox_main {
        max-height: calc(100vh - 180px);
        overflow-y: auto;
    }

    .fixed-bottom,
    .mobile-fixed-actions {
        position: sticky;
        bottom: 0;
        z-index: 20;
        padding: 10px 14px;
        background: rgba(255,255,255,.96);
        border-top: 1px solid #e8edf2;
    }

    .auth-login-page .main-nav,
    .login-section .main-nav {
        min-height: 52px;
    }

    .auth-login-page .main-nav .container,
    .login-section .main-nav .container {
        width: 100% !important;
        padding: 0 12px !important;
    }

    .auth-login-page .login-box,
    .login-section .login-box,
    .auth-login .login-box {
        width: 100% !important;
        max-width: 420px !important;
        margin: 0 auto !important;
        padding: 22px 18px !important;
        border-radius: 16px !important;
    }

    .auth-login-page .login-box h1,
    .login-section .login-box h1,
    .auth-login .login-box h1 {
        font-size: 22px !important;
    }

    .auth-login-page .login-box .input-group,
    .login-section .login-box .input-group,
    .auth-login .login-box .input-group {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    .auth-login-page .login-box .input-group-btn,
    .login-section .login-box .input-group-btn,
    .auth-login .login-box .input-group-btn {
        width: auto !important;
    }

    .auth-login-page .login-box .input-group-btn button,
    .login-section .login-box .input-group-btn button,
    .auth-login .login-box .input-group-btn button {
        min-width: 92px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 420px) {
    .container,
    .container-fluid,
    .main-container,
    .page-container,
    .shop-container,
    .search-container {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .hero,
    .banner,
    .home-banner,
    .index-banner,
    .carousel,
    .swiper {
        max-height: 300px;
    }

    .hero img,
    .banner img,
    .home-banner img,
    .index-banner img,
    .carousel img,
    .swiper img {
        min-height: 190px;
    }
}

@media (max-width: 767px) {
    .buxg-home-v2 {
        background: #f4f7f6;
    }

    .buxg-home-v2 .buxg-wrap,
    .buxg-home-v2 .container {
        width: calc(100vw - 24px) !important;
        max-width: none !important;
    }

    .buxg-home-v2 .buxg-hero {
        min-height: 0;
        background-position: 56% center;
    }

    .buxg-home-v2 .buxg-hero-top {
        display: none;
    }

    .buxg-home-v2 .buxg-hero-nav {
        height: 98px;
        background: rgba(7, 30, 27, .42);
        border-bottom: 1px solid rgba(255, 255, 255, .18);
    }

    .buxg-home-v2 .buxg-hero-nav .buxg-wrap {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        gap: 0;
        overflow: hidden;
    }

    .buxg-home-v2 .buxg-brand {
        flex: 1 1 auto;
        min-width: 0;
        height: 56px;
    }

    .buxg-home-v2 .buxg-logo-box {
        width: 124px;
        height: 44px;
        padding: 6px 4px;
    }

    .buxg-home-v2 .buxg-nav-auth {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 6px;
        max-width: 47%;
        overflow: hidden;
        color: rgba(255, 255, 255, .92);
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .buxg-home-v2 .buxg-nav-auth a {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .buxg-home-v2 .buxg-nav-links {
        order: 3;
        width: 100%;
        height: 42px;
        gap: 24px;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        font-size: 13px;
    }

    .buxg-home-v2 .buxg-nav-links::-webkit-scrollbar {
        display: none;
    }

    .buxg-home-v2 .buxg-nav-links a {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        height: 38px;
    }

    .buxg-home-v2 .buxg-hero-center {
        padding-top: 34px;
        padding-bottom: 42px;
    }

    .buxg-home-v2 .buxg-hero-center h1 {
        font-size: clamp(32px, 9vw, 40px);
        line-height: 1.18;
    }

    .buxg-home-v2 .buxg-subline {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.5;
    }

    .buxg-home-v2 .buxg-hero-stats {
        display: none;
    }

    .buxg-home-v2 .buxg-search-box {
        width: 100%;
        margin-top: 28px;
        transform: none;
    }

    .buxg-home-v2 .buxg-search-tabs {
        width: 100%;
        height: 38px;
        gap: 0;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        font-size: 14px;
    }

    .buxg-home-v2 .buxg-search-tabs::-webkit-scrollbar {
        display: none;
    }

    .buxg-home-v2 .buxg-search-tabs a {
        min-width: 78px;
        padding: 0 8px;
        text-align: center;
    }

    .buxg-home-v2 .buxg-search-tabs .active:after {
        left: 50%;
        margin-left: -7px;
    }

    .buxg-home-v2 .buxg-search-main {
        height: 50px;
        grid-template-columns: minmax(0, 1fr) 92px;
        border-radius: 8px;
        overflow: hidden;
    }

    .buxg-home-v2 .buxg-search-main input {
        min-width: 0;
        padding: 0 14px;
        font-size: 14px;
    }

    .buxg-home-v2 .buxg-search-main button {
        font-size: 15px;
    }

    .buxg-home-v2 .buxg-hot-keys {
        gap: 12px;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .buxg-home-v2 .buxg-hot-keys::-webkit-scrollbar {
        display: none;
    }

    .buxg-home-v2 .buxg-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .buxg-home-v2 .buxg-filter-btn {
        min-height: 42px;
    }

    .buxg-home-v2 #recommend-shops.buxg-sponsored-board {
        margin: -20px 0 16px;
        border-radius: 8px;
    }

    .buxg-home-v2 .buxg-sponsored-head {
        height: auto;
        min-height: 48px;
        padding: 8px 12px;
    }

    .buxg-home-v2 .buxg-sponsored-head div {
        gap: 7px;
        flex-wrap: wrap;
    }

    .buxg-home-v2 .buxg-sponsored-head strong {
        font-size: 16px;
    }

    .buxg-home-v2 .buxg-sponsored-head small {
        flex-basis: 100%;
        font-size: 11px;
    }

    .buxg-home-v2 .buxg-sponsored-ad-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: 8px;
        padding: 10px;
    }

    .buxg-home-v2 .buxg-sponsored-ad-slot,
    .buxg-home-v2 .buxg-sponsored-ad-slot img {
        width: 100%;
        height: auto;
        aspect-ratio: 15 / 4;
    }

    .buxg-home-v2 .buxg-sponsored-ad-slot img {
        object-fit: contain;
    }

    .buxg-home-v2 .home-stats-head {
        margin-top: 16px;
    }

    .buxg-home-v2 .home-stats-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px;
    }

    .buxg-home-v2 .home-stats-row .panel,
    .buxg-home-v2 .home-stats-row .pn {
        height: 102px !important;
        min-height: 102px !important;
    }

    .buxg-home-v2 .home-stats-row h5 {
        top: 13px !important;
        left: 13px !important;
        font-size: 12px !important;
    }

    .buxg-home-v2 .home-stats-row h2 {
        top: 43px !important;
        left: 13px !important;
        right: 10px !important;
    }

    .buxg-home-v2 .home-stats-row h2 b:first-child {
        font-size: 23px !important;
        letter-spacing: -.5px !important;
    }

    .buxg-home-v2 .home-stats-row h2 b:last-child {
        font-size: 12px !important;
    }

    .buxg-home-v2 .home-stats-row .icon-bg {
        top: 12px !important;
        right: 11px !important;
        width: 26px !important;
        height: 26px !important;
        font-size: 13px !important;
    }

    .buxg-home-v2 .home-stats-row .hsh-more {
        right: 11px !important;
        bottom: 10px !important;
        font-size: 11px;
    }

    .buxg-home-v2 #carousel-manufacturers {
        margin: 0 -6px;
    }

    .buxg-home-v2 #carousel-manufacturers .row#manufacturers {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0;
    }

    .buxg-home-v2 #carousel-manufacturers .row#manufacturers > [class*="col-"] {
        width: auto;
        padding: 0 4px;
    }

    .buxg-home-v2 .manufacturer-resource-card {
        min-height: 190px;
        padding: 0 10px 12px;
    }

    .buxg-home-v2 .manufacturer-resource-card-head {
        min-height: 62px;
        gap: 5px;
    }

    .buxg-home-v2 .manufacturer-resource-card-brand {
        gap: 4px;
        font-size: 12px;
    }

    .buxg-home-v2 .manufacturer-resource-card-brand img {
        max-width: 62px;
        max-height: 25px;
    }

    .buxg-home-v2 .manufacturer-resource-card-total strong {
        font-size: 21px;
    }

    .buxg-home-v2 .manufacturer-resource-card-total span,
    .buxg-home-v2 .manufacturer-resource-card-label,
    .buxg-home-v2 .manufacturer-resource-card-store-count {
        font-size: 10px;
    }

    .buxg-home-v2 .manufacturer-resource-card-sellers {
        min-height: 54px;
        gap: 4px;
    }

    .buxg-home-v2 .manufacturer-resource-card-logos {
        gap: 2px;
    }

    .buxg-home-v2 .manufacturer-resource-card-logos img {
        max-width: 34px;
        max-height: 21px;
    }

    .buxg-home-v2 .manufacturer-resource-card-action {
        padding-top: 10px;
        font-size: 11px;
    }

    .buxg-home-v2 .buxg-truth-band {
        margin-top: 18px;
        padding: 24px 0;
    }

    .buxg-home-v2 .buxg-truth-inner {
        display: block;
    }

    .buxg-home-v2 .buxg-truth-copy h2 {
        font-size: 22px;
        line-height: 1.35;
    }

    .buxg-home-v2 .buxg-truth-copy p {
        margin-bottom: 18px;
        font-size: 13px;
        line-height: 1.7;
    }

    .buxg-home-v2 .buxg-side-toolbar {
        display: none;
    }

    .search .top-bar {
        display: none;
    }

    .search .main-nav .container {
        width: 100% !important;
        padding: 0 12px !important;
    }

    .search .main-nav .row {
        display: block;
        margin: 0 !important;
    }

    .search .main-nav .col-xs-8,
    .search .main-nav .col-xs-4 {
        width: 100%;
        padding: 0;
    }

    .search .main-nav .col-xs-8 {
        display: flex;
        align-items: center;
        height: 52px;
    }

    .search .main-nav .logo {
        flex: 0 0 auto;
        width: 106px;
        margin-right: 10px;
    }

    .search .main-nav .main-menu {
        display: flex;
        flex: 1 1 auto;
        gap: 4px;
        min-width: 0;
        margin: 0;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .search .main-nav .main-menu::-webkit-scrollbar {
        display: none;
    }

    .search .main-nav .main-menu li {
        flex: 0 0 auto;
    }

    .search .main-nav .main-menu a {
        display: block;
        padding: 14px 8px !important;
        font-size: 13px;
    }

    .search .main-nav .col-xs-4 .search-box-main {
        margin: 0 0 10px;
    }

    .search .main-nav .search-box-main .input-group {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 46px;
        height: 40px;
    }

    .search .main-nav .search-box-main input {
        min-width: 0;
    }

    .search .search-main {
        padding: 0;
    }

    .search .recommend-keywords {
        margin: 8px 0;
        overflow-x: auto;
        white-space: nowrap;
    }

    .search .recommend-keywords ul {
        display: flex;
        gap: 8px;
        margin: 0;
        white-space: nowrap;
    }

    .search .filter-conditions {
        padding: 12px 10px;
        border-radius: 10px;
    }

    .search .filter-conditions > .row,
    .search .filter-conditions .more-rows > .row {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 8px;
        margin: 0 0 10px !important;
    }

    .search .filter-conditions .col-xs-1,
    .search .filter-conditions .col-xs-10,
    .search .filter-conditions .col-xs-offset-1 {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .search .filter-conditions .condition-title {
        padding-top: 7px;
    }

    .search .filter-conditions ul.list-inline {
        display: flex;
        gap: 6px;
        margin: 0;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .search .filter-conditions ul.list-inline::-webkit-scrollbar {
        display: none;
    }

    .search .filter-conditions .condition-item {
        flex: 0 0 auto;
        margin: 0 2px 4px 0;
    }

    .search .filter-conditions .form-inline {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .search .filter-conditions .form-inline .form-group {
        display: flex !important;
        min-width: 0;
        margin: 0;
    }

    .search .filter-conditions .form-inline input {
        min-width: 0;
        width: 100%;
        padding: 6px;
    }

    .search .selected-filters {
        display: block;
        margin: 10px 0;
        padding: 10px;
        border-radius: 8px;
    }

    .search .selected-filters-list {
        display: flex;
        gap: 6px;
        margin-top: 7px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .search .product-list {
        margin-top: 10px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 4px 16px rgba(24, 44, 39, .06);
    }

    .search .sort-conditions {
        display: flex;
        width: 100%;
        overflow-x: auto;
        margin: 0;
        padding: 0 4px;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .search .sort-conditions::-webkit-scrollbar {
        display: none;
    }

    .search .sort-conditions li {
        flex: 0 0 auto;
    }

    .search .sort-conditions li a {
        min-height: 42px;
        padding: 12px 10px !important;
        font-size: 13px;
    }

    .search .product-list-table-wrap,
    .search .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .search .product-list-table {
        min-width: 760px;
        margin-bottom: 0;
        font-size: 12px;
    }

    .search .product-list-table th,
    .search .product-list-table td {
        padding: 9px 7px !important;
    }

    .search .pagination {
        display: flex;
        justify-content: center;
        margin: 12px 0;
    }

    .shop-brand-nav .container,
    .shop-section .container,
    .shop-section .row {
        width: 100% !important;
        margin: 0 !important;
    }

    .shop-brand-nav .container,
    .shop-section .container {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .shop-brand-identity {
        min-height: 78px;
        padding: 10px 0;
        gap: 8px;
    }

    .shop-brand-logo {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
    }

    .shop-brand-logo img {
        max-width: 42px;
        max-height: 42px;
    }

    .shop-brand-copy {
        min-width: 0;
    }

    .shop-brand-name {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 5px;
        margin: 0;
        font-size: 19px !important;
        line-height: 1.25;
    }

    .shop-brand-name > a {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .shop-brand-resource-meta {
        display: block;
        flex-basis: 100%;
        margin-top: 3px;
        font-size: 11px;
    }

    .shop-brand-trust {
        display: none;
    }

    .shop-section-nav {
        display: flex;
        gap: 0;
        width: 100%;
        margin: 0;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .shop-section-nav::-webkit-scrollbar {
        display: none;
    }

    .shop-section-nav li {
        flex: 1 0 auto;
        min-width: 96px;
        text-align: center;
    }

    .shop-section-nav li a {
        display: block;
        min-height: 44px;
        padding: 13px 8px !important;
        font-size: 13px;
    }

    .shop-nav-contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 8px 0;
    }

    .shop-nav-contact-info {
        min-width: 0;
    }

    .shop-contact-wechat-qr img {
        width: 40px;
        height: 40px;
    }

    .shop-contact-single-phone {
        font-size: 12px;
    }

    .shop-share-button {
        flex: 0 0 auto;
        padding: 8px 10px;
        font-size: 12px;
    }

    .shop-main {
        width: 100% !important;
        padding: 0 !important;
    }

    .shop-share-landing-cta {
        display: block;
        margin: 12px 0;
        padding: 12px;
        border-radius: 10px;
    }

    .shop-share-landing-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 10px;
    }

    .shop-share-landing-actions .btn-link {
        grid-column: 1 / -1;
    }

    .shop-main .product-list {
        margin-top: 10px;
        border-radius: 10px;
        overflow: hidden;
    }

    .shop-main .sort-conditions {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .shop-main .sort-conditions::-webkit-scrollbar {
        display: none;
    }

    .shop-main .sort-conditions li {
        flex: 0 0 auto;
    }

    .shop-main .sort-conditions li a {
        padding: 12px 9px !important;
        font-size: 12px;
    }

    .shop-plan-table-wrap,
    .shop-stock-table-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-bottom: 1px solid #e7eeeb;
    }

    .shop-plan-table {
        min-width: 760px;
        font-size: 12px;
    }

    .shop-stock-table {
        min-width: 720px;
        font-size: 12px;
    }

    .shop-plan-table th,
    .shop-plan-table td,
    .shop-stock-table th,
    .shop-stock-table td {
        padding: 9px 7px !important;
    }

    .shop-data-heading {
        display: block;
        padding: 12px 0;
    }

    .shop-data-help {
        display: block;
        margin-top: 5px;
        font-size: 11px;
    }

    .shop-empty-state {
        margin: 12px 0;
        padding: 28px 16px;
        border-radius: 10px;
    }

    .shop-empty-state .btn {
        display: block;
        width: 100%;
        margin: 8px 0 0;
    }

    .shop-storefront-details {
        display: block;
        margin-top: 12px;
        padding: 12px;
        border-radius: 10px;
    }

    .shop-storefront-details > div {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 8px;
        margin-bottom: 8px;
    }
}

@media (max-width: 380px) {
    .buxg-home-v2 .buxg-nav-auth {
        max-width: 43%;
        font-size: 11px;
    }

    .buxg-home-v2 .buxg-nav-links {
        gap: 18px;
    }

    .buxg-home-v2 .home-stats-row {
        gap: 6px !important;
    }

    .buxg-home-v2 .home-stats-row h2 b:first-child {
        font-size: 21px !important;
    }

    .shop-share-button {
        padding-right: 7px;
        padding-left: 7px;
    }
}

@media (max-width: 767px) {
    .buxg-home-v2 .buxg-hero {
        min-height: 0 !important;
    }

    .buxg-home-v2 .buxg-hero-nav {
        height: 98px !important;
    }

    .buxg-home-v2 .buxg-search-box {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .buxg-home-v2 .buxg-search-tabs,
    .buxg-home-v2 .buxg-search-main,
    .buxg-home-v2 .buxg-hot-keys {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .buxg-home-v2 .buxg-search-main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 92px !important;
        overflow: hidden !important;
    }

    .buxg-home-v2 .buxg-search-main input {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .buxg-home-v2 .buxg-hot-keys {
        display: flex !important;
        overflow-x: auto !important;
    }

    .buxg-home-v2 #carousel-manufacturers {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .buxg-home-v2 #carousel-manufacturers .carousel-inner,
    .buxg-home-v2 #carousel-manufacturers .item.active {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .buxg-home-v2 #carousel-manufacturers .item.active > .row,
    .buxg-home-v2 #carousel-manufacturers .item.active .row[id="manufacturers"] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .buxg-home-v2 #carousel-manufacturers .item.active > .row > [class*="col-"],
    .buxg-home-v2 #carousel-manufacturers .item.active .row[id="manufacturers"] > [class*="col-"] {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 4px !important;
    }

    .buxg-home-v2 #carousel-manufacturers .item.active .manufacturer-resource-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 190px !important;
        box-sizing: border-box !important;
    }

    .buxg-home-v2 .buxg-truth-inner {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 28px 0 30px !important;
        box-sizing: border-box !important;
    }

    .buxg-home-v2 .buxg-truth-copy,
    .buxg-home-v2 .buxg-truth-search {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .buxg-home-v2 .buxg-truth-copy h2 {
        max-width: 100% !important;
        font-size: 27px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .buxg-home-v2 .buxg-truth-copy p {
        margin-top: 12px !important;
        font-size: 14px !important;
        line-height: 1.75 !important;
        word-break: normal !important;
    }

    .buxg-home-v2 .buxg-truth-search {
        margin-top: 22px !important;
    }

    .buxg-home-v2 .buxg-truth-search p {
        margin-bottom: 12px !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .buxg-home-v2 .buxg-truth-search-box {
        width: 100% !important;
        height: 46px !important;
        grid-template-columns: minmax(0, 1fr) 48px !important;
        box-sizing: border-box !important;
    }

    .buxg-home-v2 .buxg-truth-search-box input {
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 28px 12px 30px; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0; font-size: clamp(30px, 8.5vw, 38px); line-height: 1.16; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; padding: 5px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 28px 12px 30px; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0; font-size: clamp(29px, 8vw, 33px); line-height: 1.18; letter-spacing: 0; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; padding: 5px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 22px 12px 24px !important; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0 !important; font-size: clamp(29px, 8vw, 33px) !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; padding: 5px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 22px 12px 24px !important; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0 !important; font-size: clamp(29px, 8vw, 33px) !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table tr { height: auto !important; min-height: 0 !important; }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; height: auto !important; min-height: 0 !important; position: static !important; padding: 5px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 22px 12px 24px !important; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0 !important; font-size: clamp(29px, 8vw, 33px) !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table tr { height: auto !important; min-height: 0 !important; }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; height: auto !important; min-height: 30px !important; position: static !important; overflow: visible !important; padding: 7px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.3 !important; }
    .search .product-list-table td:first-child { min-height: 42px !important; }
    .search .product-list-table td.update-time-cell { min-height: 58px !important; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 22px 12px 24px !important; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0 !important; font-size: clamp(29px, 8vw, 33px) !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table tr { height: auto !important; min-height: 0 !important; }
    .search .product-list-table tbody > tr { display: grid !important; height: auto !important; min-height: 0 !important; grid-auto-rows: minmax(30px, auto); align-items: stretch; }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; height: auto !important; min-height: 30px !important; position: static !important; overflow: visible !important; padding: 7px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.3 !important; }
    .search .product-list-table tbody > tr > td { height: auto !important; min-height: 30px !important; max-height: none !important; overflow: visible !important; }
    .search .product-list-table tbody > tr > td * { position: static !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
    .search .product-list-table td:first-child { min-height: 42px !important; }
    .search .product-list-table td.update-time-cell { min-height: 58px !important; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 22px 12px 24px !important; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0 !important; font-size: clamp(29px, 8vw, 33px) !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table tr { height: auto !important; min-height: 0 !important; }
    .search .product-list-table tbody > tr { display: grid !important; height: auto !important; min-height: 0 !important; grid-auto-rows: minmax(30px, auto); align-items: stretch; }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; height: auto !important; min-height: 30px !important; position: static !important; overflow: visible !important; padding: 7px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.3 !important; }
    .search .product-list-table tbody > tr > td { height: auto !important; min-height: 30px !important; max-height: none !important; overflow: visible !important; }
    .search .product-list-table tbody > tr > td * { position: static !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
    .search .product-list-table td:first-child { min-height: 42px !important; }
    .search .product-list-table td.update-time-cell { min-height: 58px !important; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }

    /* Admin mobile information architecture: overview first, operational cards second. */
    body.admin-ui .admin-shell { display: block !important; min-height: 0 !important; }
    body.admin-ui .admin-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 75; width: auto !important; height: 62px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; overflow-x: auto; background: rgba(255,255,255,.97) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); }
    body.admin-ui .admin-nav { display: flex !important; gap: 4px; min-width: max-content; }
    body.admin-ui .admin-nav-group { display: contents !important; }
    body.admin-ui .admin-nav-heading, body.admin-ui .admin-sidebar-footer { display: none !important; }
    body.admin-ui .admin-nav-item { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 76px; height: 50px; padding: 4px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    body.admin-ui .admin-nav-item i { font-size: 17px; }
    body.admin-ui .admin-nav-item.is-active { color: var(--app-green); background: #e8f5ef; }
    body.admin-ui .admin-main { padding: 14px 12px calc(80px + env(safe-area-inset-bottom)) !important; }
    body.admin-ui .admin-page-heading { display: block !important; margin-bottom: 12px; }
    body.admin-ui .admin-page-heading h1 { margin: 4px 0; font-size: 24px; }
    body.admin-ui .admin-page-heading p { margin: 0; font-size: 12px; }
    body.admin-ui .admin-primary-action { display: flex; width: 100%; justify-content: center; margin-top: 12px; }
    body.admin-ui .admin-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    body.admin-ui .admin-metric { min-height: 112px; padding: 12px !important; border-radius: 12px !important; }
    body.admin-ui .admin-metric strong { font-size: 26px; }
    body.admin-ui .admin-dashboard-grid { display: block !important; }
    body.admin-ui .admin-panel { margin-bottom: 10px; border-radius: 12px !important; }
    body.admin-ui .admin-workspace-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    body.admin-ui .admin-workspace-grid a { min-height: 118px; padding: 12px !important; }
    body.admin-ui .admin-queue-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    body.admin-ui .admin-quick-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
}
/* Mobile application shell: touch-first layout shared by public and workbench pages. */
@media (max-width: 767px) {
    :root { --app-green: #087f5b; --app-ink: #17221f; --app-muted: #71807a; --app-bg: #f4f7f6; --app-line: #e5ece8; }
    html, body { background: var(--app-bg) !important; -webkit-text-size-adjust: 100%; }
    body { color: var(--app-ink); font-size: 14px; }
    a { -webkit-tap-highlight-color: transparent; }
    button, input, select, textarea { font: inherit; }

    /* Public pages use a single app bar and compact content rhythm. */
    body:not(.buyer-app):not(.seller-app) .main-nav,
    body:not(.buyer-app):not(.seller-app) .top-nav { position: sticky; top: 0; z-index: 100; }
    body:not(.buyer-app):not(.seller-app) .main-nav { box-shadow: 0 1px 0 rgba(20, 42, 35, .1); }
    body:not(.buyer-app):not(.seller-app) .main-nav .container { padding: 0 12px !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .row { display: flex; align-items: center; margin: 0 !important; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-8 { width: auto; flex: 1 1 auto; min-width: 0; padding: 0; }
    body:not(.buyer-app):not(.seller-app) .main-nav .col-xs-4 { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .logo { width: 108px; height: 46px; margin-right: 4px; background-size: contain; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0; margin: 0; scrollbar-width: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu::-webkit-scrollbar { display: none; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu li { flex: 0 0 auto; }
    body:not(.buyer-app):not(.seller-app) .main-nav .main-menu a { padding: 15px 9px !important; font-size: 13px; white-space: nowrap; }

    /* Homepage: keep the hero expressive, but make every module one-column and touch-sized. */
    .buxg-home-v2 .buxg-hero { min-height: 0; }
    .buxg-home-v2 .buxg-hero-center { padding: 22px 12px 24px !important; }
    .buxg-home-v2 .buxg-hero-center h1 { margin: 0 !important; font-size: clamp(29px, 8vw, 33px) !important; line-height: 1.18 !important; letter-spacing: 0 !important; }
    .buxg-home-v2 .buxg-hero-ticker { margin-top: 12px; font-size: 14px; }
    .buxg-home-v2 .buxg-search-box { margin-top: 22px; }
    .buxg-home-v2 .buxg-sponsored-board, .buxg-home-v2 .home-stats-row, .buxg-home-v2 #carousel-manufacturers,
    .buxg-home-v2 .buxg-brand-showcase, .buxg-home-v2 .buxg-truth-band { border-radius: 12px; }
    .buxg-home-v2 .buxg-sponsored-ad-grid { gap: 6px; padding: 8px; }
    .buxg-home-v2 .buxg-sponsored-ad-slot { border-radius: 6px; overflow: hidden; }
    .buxg-home-v2 .home-stats-row { padding: 8px; background: #fff; }
    .buxg-home-v2 .home-stats-row .panel { border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
    .buxg-home-v2 .buxg-truth-band { margin-left: 0; margin-right: 0; }
    .buxg-home-v2 .buxg-side-toolbar { display: none !important; }

    .mobile-app-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 60px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .mobile-app-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: 9px; color: #77857f; font-size: 11px; text-decoration: none; }
    .mobile-app-tabbar a i { font-size: 17px; line-height: 1; }
    .mobile-app-tabbar a.is-active { color: var(--app-green); background: #e8f5ef; font-weight: 700; }
    body:not(.buyer-app):not(.seller-app):not(.admin-ui) { padding-bottom: 68px; }
    .buyer-app, .seller-app, body.admin-ui { padding-bottom: 68px; }
    .buyer-app .mobile-app-tabbar, .seller-app .mobile-app-tabbar { display: none; }

    .mobile-filter-toggle { display: flex; align-items: center; gap: 7px; width: 100%; min-height: 44px; margin: 8px 0; padding: 0 13px; color: var(--app-ink); background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: 0 3px 12px rgba(25,55,45,.04); text-align: left; }
    .mobile-filter-toggle > i:first-child { color: var(--app-green); }
    .mobile-filter-chevron { margin-left: auto; transition: transform .2s ease; }
    .mobile-filter-toggle.is-open .mobile-filter-chevron { transform: rotate(180deg); }
    .search .filter-conditions.mobile-filter-collapsed { display: none !important; }
    .search .filter-conditions.mobile-filter-open { display: block !important; }

    /* Resource and shop pages behave as stacked cards instead of squeezed desktop tables. */
    .search .search-main, .shop-main { width: 100% !important; padding: 0 12px !important; }
    .search .filter-conditions { background: #fff; border: 1px solid var(--app-line); box-shadow: 0 5px 18px rgba(25, 55, 45, .05); }
    .search .product-list, .shop-main .product-list { border: 0; background: transparent; box-shadow: none; }
    .search .product-list-table-wrap, .shop-main .table-responsive { overflow: visible !important; }
    .search .product-list-table, .shop-main table { min-width: 0 !important; width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .search .product-list-table thead, .shop-main table thead { display: none; }
    .search .product-list-table tbody, .shop-main table tbody { display: block; }
    .search .product-list-table tr, .shop-main table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 3px 12px rgba(25, 55, 45, .04); }
    .search .product-list-table tr { height: auto !important; min-height: 0 !important; }
    .search .product-list-table tbody > tr { display: grid !important; height: auto !important; min-height: 0 !important; grid-auto-rows: minmax(30px, auto); align-items: stretch; }
    .search .product-list-table td, .shop-main table td { display: flex; align-items: baseline; min-width: 0; height: auto !important; min-height: 30px !important; position: static !important; overflow: visible !important; padding: 7px 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.3 !important; }
    .search .product-list-table tbody > tr > td { height: auto !important; min-height: 30px !important; max-height: none !important; overflow: visible !important; }
    .search .product-list-table tbody > tr > td * { position: static !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
    .search .product-list-table td:first-child { min-height: 42px !important; }
    .search .product-list-table td.update-time-cell { min-height: 58px !important; }
    .search .product-list-table td:first-child, .shop-main table td:first-child { grid-column: 1 / -1; color: var(--app-green); font-weight: 700; font-size: 15px; }
    .search .product-list-table td:last-child, .shop-main table td:last-child { grid-column: 1 / -1; justify-content: flex-end; }
    .search .sort-conditions, .shop-main .sort-conditions { position: sticky; top: 52px; z-index: 20; padding: 4px 0; background: rgba(244,247,246,.96); backdrop-filter: blur(12px); }
    .shop-brand-nav { position: sticky; top: 0; z-index: 30; background: #fff; box-shadow: 0 1px 0 var(--app-line); }
    .shop-brand-nav .container { padding: 10px 12px !important; }
    .shop-company-brand-identity .shop-brand-main { justify-content: flex-start; gap: 8px; }
    .shop-company-brand-identity .shop-brand-name { font-size: 18px; line-height: 1.2; }
    .shop-section-nav { background: #fff; border-bottom: 1px solid var(--app-line); }
    .shop-section-nav li a { min-height: 46px; font-weight: 600; }
    .shop-contact-wechat-qr img { width: 44px !important; height: 44px !important; object-fit: contain; }

    /* Auth screens: focused app surface, no desktop whitespace. */
    .login-section, .auth-login-page, .login-page { min-height: 100dvh; background: var(--app-bg); }
    .login-section .login-box, .auth-login-page .login-box, .login-page .login-box { margin: 18px 12px !important; width: auto !important; max-width: none !important; padding: 22px 18px !important; border: 1px solid var(--app-line); border-radius: 16px !important; box-shadow: 0 10px 28px rgba(20, 55, 44, .08); }
    .login-section .form-control, .auth-login-page .form-control, .login-page .form-control { min-height: 46px; border-radius: 10px; }
    .login-section .btn, .auth-login-page .btn, .login-page .btn { min-height: 46px; border-radius: 10px; }

    /* Buyer, seller and admin workbenches: app bar + horizontally scrollable tool rail. */
    .buyer-app, .seller-app, body.admin-ui { background: var(--app-bg) !important; }
    .buyer-appbar, .seller-appbar { position: sticky; top: 0; z-index: 80; min-height: 56px; padding: 8px 12px !important; background: #fff !important; border-bottom: 1px solid var(--app-line); box-shadow: 0 2px 10px rgba(20, 55, 44, .05); }
    .buyer-appbar-brand, .seller-appbar-brand { gap: 7px; min-width: 0; }
    .buyer-appbar-brand img, .seller-appbar-brand img { width: 32px; height: 32px; object-fit: contain; }
    .buyer-appbar-brand span, .seller-appbar-brand span { font-size: 15px; font-weight: 700; }
    .buyer-appbar-nav, .seller-appbar-nav { order: 3; flex: 1 1 100%; display: flex; gap: 3px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
    .buyer-appbar-nav::-webkit-scrollbar, .seller-appbar-nav::-webkit-scrollbar { display: none; }
    .buyer-appbar-nav a, .seller-appbar-nav a { flex: 0 0 auto; padding: 6px 9px; border-radius: 8px; color: #60716a; font-size: 12px; white-space: nowrap; }
    .buyer-appbar-nav a:first-child, .seller-appbar-nav a:first-child { background: #e8f5ef; color: var(--app-green); font-weight: 700; }
    .buyer-account-company, .seller-account-company { max-width: 118px; }
    .buyer-sidebar, .seller-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 70; display: flex !important; align-items: stretch; height: 62px; overflow-x: auto; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); backdrop-filter: blur(14px); }
    .buyer-sidebar .management_a1, .seller-sidebar .management_a1 { display: contents; }
    .buyer-sidebar .management_title, .seller-sidebar .management_title, .buyer-sidebar-footer, .seller-sidebar-footer { display: none !important; }
    .buyer-sidebar .management_menu, .seller-sidebar .management_menu { display: contents; }
    .buyer-sidebar ul, .seller-sidebar ul { display: flex !important; gap: 4px; margin: 0 !important; padding: 0 !important; }
    .buyer-sidebar li, .seller-sidebar li { flex: 0 0 auto; min-width: 70px; height: 50px; }
    .buyer-sidebar li a, .seller-sidebar li a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 50px; padding: 4px 8px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    .buyer-sidebar li a i, .seller-sidebar li a i { font-size: 17px; }
    .buyer-sidebar li.Click_background a, .seller-sidebar li.Click_background a { color: var(--app-green); background: #e8f5ef; }
    .buyer-main, .seller-main, .admin-main { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 14px 12px calc(82px + env(safe-area-inset-bottom)) !important; }
    .buyer-main > *, .seller-main > *, .admin-main > * { max-width: 100% !important; }
    .buyer-main .panel, .seller-main .panel, .admin-main .panel, .buyer-main .Bignew_main, .seller-main .Bignew_main, .admin-main .Bignew_main { border: 1px solid var(--app-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(20,55,44,.05); }
    .buyer-footer, .seller-footer, .admin-footer { margin-bottom: 70px; }
    .buyer-main table, .seller-main table, .admin-main table { width: 100% !important; min-width: 640px; }
    .buyer-main .table-responsive, .seller-main .table-responsive, .admin-main .table-responsive { overflow-x: auto; border-radius: 10px; }
    .buyer-main input, .buyer-main select, .buyer-main textarea, .seller-main input, .seller-main select, .seller-main textarea, .admin-main input, .admin-main select, .admin-main textarea { min-height: 42px; max-width: 100%; border-radius: 8px; }
    .buyer-main .btn, .seller-main .btn, .admin-main .btn { min-height: 40px; border-radius: 8px; }

    /* Admin mobile information architecture: overview first, operational cards second. */
    body.admin-ui .admin-shell { display: block !important; min-height: 0 !important; }
    body.admin-ui .admin-sidebar { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 75; width: auto !important; height: 62px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important; overflow-x: auto; background: rgba(255,255,255,.97) !important; border-top: 1px solid var(--app-line); box-shadow: 0 -4px 16px rgba(20,55,44,.08); }
    body.admin-ui .admin-nav { display: flex !important; gap: 4px; min-width: max-content; }
    body.admin-ui .admin-nav-group { display: contents !important; }
    body.admin-ui .admin-nav-heading, body.admin-ui .admin-sidebar-footer { display: none !important; }
    body.admin-ui .admin-nav-item { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 76px; height: 50px; padding: 4px !important; border-radius: 9px; color: #73827c; font-size: 11px; }
    body.admin-ui .admin-nav-item i { font-size: 17px; }
    body.admin-ui .admin-nav-item.is-active { color: var(--app-green); background: #e8f5ef; }
    body.admin-ui .admin-main { padding: 14px 12px calc(80px + env(safe-area-inset-bottom)) !important; }
    body.admin-ui .admin-page-heading { display: block !important; margin-bottom: 12px; }
    body.admin-ui .admin-page-heading h1 { margin: 4px 0; font-size: 24px; }
    body.admin-ui .admin-page-heading p { margin: 0; font-size: 12px; }
    body.admin-ui .admin-primary-action { display: flex; width: 100%; justify-content: center; margin-top: 12px; }
    body.admin-ui .admin-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    body.admin-ui .admin-metric { min-height: 112px; padding: 12px !important; border-radius: 12px !important; }
    body.admin-ui .admin-metric strong { font-size: 26px; }
    body.admin-ui .admin-dashboard-grid { display: block !important; }
    body.admin-ui .admin-panel { margin-bottom: 10px; border-radius: 12px !important; }
    body.admin-ui .admin-workspace-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    body.admin-ui .admin-workspace-grid a { min-height: 118px; padding: 12px !important; }
    body.admin-ui .admin-queue-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    body.admin-ui .admin-quick-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

    /* Mobile home: compact KPI rail; manufacturer resources are desktop-only. */
    .buxg-home-v2 #carousel-manufacturers { display: none !important; }
    .buxg-home-v2 .home-stats-head { display: flex !important; align-items: baseline; justify-content: space-between; margin: 12px 0 6px !important; }
    .buxg-home-v2 .home-stats-head .hsh-title { margin: 0 !important; font-size: 15px !important; line-height: 1.3 !important; }
    .buxg-home-v2 .home-stats-head .hsh-meta { font-size: 10px !important; white-space: nowrap; }
    .buxg-home-v2 .home-stats-row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 5px !important; margin: 0 0 12px !important; padding: 0 !important; background: transparent !important; }
    .buxg-home-v2 .home-stats-row > div { width: auto !important; min-width: 0 !important; padding: 0 !important; }
    .buxg-home-v2 .home-stats-row .panel, .buxg-home-v2 .home-stats-row .pn { height: 78px !important; min-height: 78px !important; border-radius: 9px !important; }
    .buxg-home-v2 .home-stats-row .pn { padding: 0 6px !important; }
    .buxg-home-v2 .home-stats-row h5 { top: 10px !important; left: 7px !important; right: 4px !important; font-size: 10px !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
    .buxg-home-v2 .home-stats-row h2 { top: 36px !important; left: 7px !important; right: 4px !important; gap: 1px !important; font-size: 15px !important; line-height: 1 !important; }
    .buxg-home-v2 .home-stats-row h2 b:first-child { font-size: 15px !important; letter-spacing: -0.7px !important; }
    .buxg-home-v2 .home-stats-row h2 b:last-child { font-size: 9px !important; }
    .buxg-home-v2 .home-stats-row .icon-bg, .buxg-home-v2 .home-stats-row .hsh-more { display: none !important; }
    .buxg-home-v2 .buxg-sponsored-head strong { font-size: 15px !important; }
    .buxg-home-v2 .buxg-sponsored-head small { font-size: 11px !important; line-height: 1.4 !important; }
    .buxg-home-v2 .buxg-hero-nav { font-size: 13px !important; }
    .buxg-home-v2 .buxg-hero-ticker { font-size: 14px !important; }
    .buxg-home-v2 .buxg-search-tabs { font-size: 13px !important; }
    .buxg-home-v2 .buxg-search-main input { font-size: 13px !important; }
}