/**
---------------------------------------弹窗购买部分CSS:Start-----------------------------------------------
 */
.open-commodity, .open-query {
    padding: 50px;
}

.commodity-di .general, .draft_status {
    font-size: 14px;
    color: #7c7674;
}

.commodity_name {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ff7c7c3b;
    margin-bottom: 20px;
    color: #7a7878;
}

.layui-layer[type=page] {
    background: linear-gradient(#ffffffed, #ffe7f4) !important;
    border-radius: 20px !important;
}

.layui-layer {
    box-shadow: rgb(253 173 204 / 35%) 0px 7px 29px 0px !important;
    background: -moz-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdede), color-stop(100%, #ffffff)) !important;
    background: -webkit-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;
    background: -o-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;
    background: -ms-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;
    background: linear-gradient(to bottom, #ffdede 0%, #ffffff 100%) !important;
}

.layui-layer-hui {
    font-weight: bold !important;
    color: #6793e8 !important;
    border-radius: 20px !important;
}

.layui-layer-content {
    border-radius: 20px !important;
}

.share_url {
    color: #8e8eefbd;
    cursor: pointer;
    font-size: 14px;
}

.description {
    font-size: 14px;
    color: grey;
}

.description p {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

.seckill_end_time {
    color: #4caf50 !important;
}

.seckill_start_time {
    color: orangered !important;
}

.commodity-di .price {
    color: green;
    font-weight: bold;
    font-size: 20px !important;
}

.commodity-di .price_tips {
    color: #6772e5;
}

.delivery_way_hand {
    color: white;
    background: #ff000066;
    padding: 2px 4px;
    border-radius: 5px;
    font-size: 12px;
}

.delivery_way_auto {
    color: white;
    background: #00800078;
    padding: 2px 4px;
    border-radius: 5px;
    font-size: 12px;
}

.layui-layer-page input[type=text], .commodity-di input[type=number], .commodity-di input[type=password], .commodity-di input[type=email] {
    display: inline-block !important;
    width: 240px;
    height: 28px;
    background: rgba(255, 255, 255) !important;
    border-radius: 5px !important;
    padding-left: 6px !important;
    border: none;
}

.layui-layer-page textarea {
    background: rgba(255, 255, 255, .5);
    border-radius: 10px;
}

.layui-layer-page textarea:focus {
    outline: none;
}

.layui-layer-page input::placeholder {
    color: #6c6a6a !important;
}

.layui-layer-page input:focus {
    outline: none;
}


.purchase_num {
    width: 80px !important;
}

.card_count {
    color: #0fb183;
}

.card_count_general {
    color: #a5620f !important;
}

.card_count_immediately {
    color: #f16868 !important;
}


.card_count_unknown {
    color: #35b98e !important;
}

.card_count_empty {
    color: #d1d2d6 !important;
}

.purchase_count {
    display: none;
    color: #26fbdd;
}

.captcha-input {
    width: 120px !important;
}

.commodity-di .captcha {
    position: relative;
    top: -2px;
    cursor: pointer;
}

.trade_amount {
    font-weight: bold;
    color: #e72451;
}

.qq-service {
    color: #2aa2e3;
    padding: 0 4px 0 0;
    font-size: 12px;
    margin: 0 4px 0 0;
    border-radius: 5px;
}

.web-service {
    color: #ff8484;
    padding: 0 4px 0 4px;
    margin: 0;
    font-size: 12px;
    border-radius: 5px;
}

.pay-content {
    border-top: 1px dashed #ff7c7c3b;
    margin-top: 20px;
    padding-top: 10px;
}

.pay-content label {
    font-size: 16px;
    color: #bba0a3;
}

.pay-button {
    position: relative;
    margin: 0 4px 8px 0;
    background-color: rgba(70, 166, 255, 0.42);
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid transparent;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 2px 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 1px 4px 0 #ff99e899;
    box-shadow: 0 1px 4px 0 #ff99e899;
    color: grey;
}

.pay-button:hover {
    color: white;
    background-color: rgba(227, 165, 165, 0.53);
}


.pay-button img {
    height: 22px;
    border-radius: 6px;
}

.pay_list {
    padding-top: 10px;
}

.draft_status {
    display: none;
}

.draft_status button[type=button] {
    border-radius: 5px;
    background-color: #f3b0b09e;
    color: white;
    cursor: pointer;
    padding: 1px 5px 1px 5px;
    border: none;
}

.draft_status button[type=button]:focus {
    outline: none;
}

.draft_status button[type=button]:disabled {
    background-color: rgba(239, 239, 239, 0.3);
    color: grey;
}

.draft_premium {
    color: red;
}

.draft_status table {
    margin: 10px 0 5px 0;
}

.draft_status .draftCard label {
    font-size: 14px;
    color: grey;
}


.need-login {
    margin-top: 10px;
    font-size: 14px;
    color: #ed8181;
    font-weight: bold;
}

.need-login a {
    color: #526ccb;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 5px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(246, 193, 193, 0.3);
    border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(245, 196, 196, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(236, 186, 186, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, 0.2);
}

.lot {
    font-size: 12px;
    list-style-type: none;
    padding: 0;
    color: #0fb183;
}

.open-query .search-query {
    border: none;
    font-size: 14px;
    color: white;
    background: #e9b4ed;
    padding: 2px 10px;
    border-radius: 5px;
}

.open-query .search-value {
    width: 280px;
}

.open-query .search-query:focus {
    outline: none;
}

.open-query .search-page {
    border-bottom: 1px dashed #ff7c7c3b;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.open-query .hr-top {
    border-bottom: 1px dashed #ff7c7c3b;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.open-query .getCard {
    cursor: pointer;
    color: white;
    background: #f1b4ca;
    padding: 1px 5px;
    font-size: 14px;
    border-radius: 5px;
}

.open-query .card-textarea {
    border: 1px solid #f3c0c066;
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .open-commodity, .open-query {
        padding: 20px;
    }

    .layui-layer[type=page] {
        border-radius: 0 !important;
    }
}


/**
---------------------------------------弹窗购买部分CSS:End-----------------------------------------------
 */

.race-click {
    margin-right: 8px;
    padding: 1px 8px;
    text-align: center;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    user-select: none;
    transition: all .3s ease;
}

.race-click.checked {
    border: 1px solid #03a9f4;
}


.category-list table tr th:nth-child(4), .category-list table tr td:nth-child(4), .shop-content table tr th:nth-child(4), .shop-content table tr td:nth-child(4) {
    position: relative;
    right: 0;
    width: 60px;
    text-align: center;
}

.category-list table tr th:nth-child(3), .category-list table tr td:nth-child(3), .shop-content table tr th:nth-child(3), .shop-content table tr td:nth-child(3) {
    position: relative;
    right: 50px;
    width: 80px;
    text-align: center;
}

.category-list table tr th:nth-child(2), .category-list table tr td:nth-child(2), .shop-content table tr th:nth-child(2), .shop-content table tr td:nth-child(2) {
    position: relative;
    right: 80px;
    width: 80px;
    text-align: center;
    margin: 0 20px;
}

.category-list {
    overflow-y: scroll;
    padding: 0 1rem 0 1rem !important;
    user-select: none;
}

.category-list .category-items {
    height: 768px;
    display: block;
}

.commodity-icon {
    width: 21px;
}

.shop-content {
    height: 768px;
    display: block;
    overflow-y: scroll;
}


.category-list .category-items .item:hover {
    color: #e7a7ed;
}


.shop-content table .item td:nth-child(1) {
    font-weight: bolder;
    padding-right: 64px;
}

@media screen and (max-width: 768px) {
    .category-list table tr th:nth-child(2), .category-list table tr td:nth-child(2), .shop-content table tr th:nth-child(2), .shop-content table tr td:nth-child(2) {
        right: 0;
    }

    .category-list table tr th:nth-child(3), .category-list table tr td:nth-child(3), .shop-content table tr th:nth-child(3), .shop-content table tr td:nth-child(3) {
        right: 0;
    }

    .col-xs-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .shop-content table .item td:nth-child(1) {
        font-weight: bolder;
        padding-right: 0;
    }

    .category-list .category-items {
        height: 240px;
    }
}


.category-list table .item, .shop-content table .item {
    border-bottom: 1px solid #efefef;
}

.category-list table .item:nth-last-child(1), .shop-content table .item:nth-last-child(1) {
    border-bottom: none;
}


.category-list table .head th, .shop-content table .head th {
    padding: 10px 0;
    font-weight: bold !important;
    font-size: 14px;
}

.category-list table .item td, .shop-content table .item td {
    padding: 10px 0;
    font-size: 14px;
    font-weight: bolder;
}

.category-list table .head th:nth-child(1), .shop-content table .head th:nth-child(1) {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.category-list table .head th:nth-child(4), .shop-content table .head th:nth-child(4) {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.category-list table .item td:nth-child(1), .shop-content table .item td:nth-child(1) {
    font-weight: bolder;
}


.category-list table .item td:nth-child(2), .shop-content table .item td:nth-child(2) {
    color: #fe00dc;
    padding-right: 2px;
}

.category-list table .item td:nth-child(3), .shop-content table .item td:nth-child(3) {
    color: #2ec25d;
    padding-right: 5px;
}

.shop-content table .item td:nth-child(4) a {
    border-radius: 10px;
    border: 1px solid transparent;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 2px 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 1px 4px 0 #ff99e899;
    box-shadow: 0 1px 4px 0 #ff99e899;
    color: grey;
}

p {
    font-size: 14px;
}

.category-list .category {
    cursor: pointer;
}

.checked {
    border: none !important;
    color: #f588ce !important;
    font-weight: bold !important;
}


.commodity-search {
    border: 1px solid rgba(128, 128, 128, 0.11);
    border-radius: 4px;
    padding: 2px;
    padding-left: 10px;
    font-size: 14px;
    display: inline-block;
    width: 60%;
    height: 30px;
    text-align: center;
}

.search-btn {
    height: 30px;
    line-height: 15px;
    font-size: 14px;
}

.span-search {
    margin-left: 6px;
}

/* iOS Liquid Glass：弹窗、表单与操作按钮的统一光学层。 */
:root{--lg-dialog-bg:rgba(247,250,255,.46);--lg-dialog-edge:rgba(255,255,255,.76);--lg-dialog-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(62,81,110,.1),0 24px 58px -30px rgba(28,45,72,.52)}
.layui-layer[type=page],.layui-layer-dialog,.layui-layer-hui{overflow:hidden!important;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(219,231,247,.3))!important;border:1px solid var(--lg-dialog-edge)!important;border-radius:24px!important;box-shadow:var(--lg-dialog-shadow)!important;backdrop-filter:blur(28px) saturate(1.55) contrast(1.04)!important;-webkit-backdrop-filter:blur(28px) saturate(1.55) contrast(1.04)!important}
.layui-layer[type=page]::before,.layui-layer-dialog::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(255,255,255,.16) 38%,rgba(92,132,188,.12) 68%,rgba(255,255,255,.72));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.layui-layer-title{position:relative;z-index:1;background:rgba(255,255,255,.18)!important;border-bottom:1px solid rgba(255,255,255,.5)!important}
.layui-layer-content{position:relative;z-index:1;background:transparent!important}
.layui-layer-page input[type=text],.commodity-di input[type=number],.commodity-di input[type=password],.commodity-di input[type=email],.layui-layer-page textarea{background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(226,235,247,.38))!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 2px rgba(60,80,110,.08)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
.layui-layer-page input:focus,.layui-layer-page textarea:focus{border-color:rgba(10,132,255,.55)!important;background:rgba(255,255,255,.76)!important;box-shadow:0 0 0 3px rgba(10,132,255,.12),inset 0 1px 0 rgba(255,255,255,.9)!important}
.pay-button,.shop-content table .item td:nth-child(4) a,.search-btn{background:linear-gradient(155deg,rgba(76,172,255,.96),rgba(5,111,236,.9))!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 9px 20px -14px rgba(0,89,210,.9)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .2s ease!important}
.pay-button:hover,.shop-content table .item td:nth-child(4) a:hover,.search-btn:hover{filter:brightness(1.06);transform:translateY(-1px) scale(1.015)}
.pay-button:active,.shop-content table .item td:nth-child(4) a:active,.search-btn:active{transform:scale(.96);filter:brightness(.98)}
@media(max-width:768px),(pointer:coarse){.layui-layer[type=page],.layui-layer-dialog,.layui-layer-hui{backdrop-filter:blur(20px) saturate(1.35)!important;-webkit-backdrop-filter:blur(20px) saturate(1.35)!important}.pay-button:hover,.shop-content table .item td:nth-child(4) a:hover,.search-btn:hover{transform:none}.pay-button:active,.shop-content table .item td:nth-child(4) a:active,.search-btn:active{transform:scale(.97)}}
@media(prefers-reduced-motion:reduce){.pay-button,.search-btn,.layui-layer-page input,.layui-layer-page textarea{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.layui-layer[type=page],.layui-layer-dialog,.layui-layer-hui{background:#edf2f8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* ===== Header.php 整合样式（2026-10-13） ===== */

:root{--tk-text:#1c1d21;--tk-muted:#5b5f68;--tk-blue:#0a84ff;--tk-glass:rgba(252,253,255,.78);--tk-border:rgba(255,255,255,.62);--tk-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(15,20,35,.06),0 1px 2px rgba(16,20,35,.06),0 18px 42px -14px rgba(16,20,35,.28)}
body{color:var(--tk-text);font-family:HarmonyOS,"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;background-color:#eef1f6;background-position:center center!important}
.top-navbar{width:calc(100% - 48px);max-width:1250px;margin:12px auto 32px;padding:8px 14px;background:var(--tk-glass)!important;border:1px solid var(--tk-border);border-radius:999px;box-shadow:var(--tk-shadow);backdrop-filter:blur(44px) saturate(2);-webkit-backdrop-filter:blur(44px) saturate(2)}
.top-navbar .navbar-container{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;max-width:none;padding:0}
.top-navbar .user-area{display:flex;align-items:center;flex-shrink:0;min-width:0}
.top-navbar .brand-link,.top-navbar .account-link{display:inline-flex;align-items:center;text-decoration:none}
.top-navbar .brand-link{padding:4px 10px 4px 4px;border-radius:999px;min-width:0}
.top-navbar .brand-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;object-fit:cover;box-shadow:none}
.top-navbar .brand-name{max-width:180px;margin-left:12px;overflow:hidden;color:var(--tk-text);font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.top-navbar .account-link,.top-navbar .login-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0 0 0 10px!important;padding:5px 12px!important;min-height:34px!important;border:1px solid var(--tk-border)!important;border-radius:999px!important;background:rgba(255,255,255,.48)!important;color:var(--tk-blue)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;font-family:inherit!important;font-size:13.6px!important;font-weight:650!important;line-height:24px!important;text-decoration:none!important;text-shadow:none!important;white-space:nowrap;cursor:pointer;transform:none!important;transition:background .18s ease,box-shadow .18s ease!important;-webkit-tap-highlight-color:transparent}
.top-navbar .account-link i{margin-right:4px}
.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{background:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(10,132,255,.08)!important}
.top-navbar .login-link.is-pressing,.top-navbar .login-link:active{background:rgba(10,132,255,.12)!important;transform:none!important;box-shadow:inset 0 1px 3px rgba(15,20,35,.08)!important}
.top-navbar .login-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;color:inherit;line-height:1}
.top-navbar .login-icon svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.top-navbar .login-text{color:inherit!important;font-size:13.6px!important;font-weight:650!important;line-height:24px!important}
.top-navbar .nav-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:2px}
.top-navbar .nav-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:38px!important;margin:0!important;padding:7px 13px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--tk-muted)!important;font-size:13.76px!important;font-weight:600!important;line-height:24px!important;text-decoration:none!important;text-shadow:none!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;transform:none!important;transition:background .18s ease,color .18s ease!important;-webkit-tap-highlight-color:transparent}
.top-navbar .nav-action:hover{background:rgba(255,255,255,.55)!important;color:var(--tk-text)!important}
.top-navbar .nav-action:active{background:rgba(10,132,255,.1)!important;color:var(--tk-blue)!important}
.top-navbar .nav-action i{flex-shrink:0;margin:0;line-height:1}
.top-navbar .mobile-dashboard{display:none!important}
.top-navbar a:focus-visible,.btn:focus-visible{outline:2px solid rgba(10,132,255,.5)!important;outline-offset:3px}
.card{background:var(--tk-glass)!important;border:1px solid var(--tk-border)!important;border-radius:28px!important;box-shadow:var(--tk-shadow)!important;backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2)}
.card .card-header{padding:14px 20px!important;background:transparent!important;border-bottom:1px solid rgba(15,20,35,.06)!important;border-radius:27px 27px 0 0!important;color:var(--tk-text);font-size:14.72px}
.card .card-title{font-size:14.72px;color:var(--tk-text)}
.card .card-header i,.card .card-title i{color:#64b3f5}
.card .card-body{padding:20px}
.card .card-footer{background:transparent!important;border-top:1px solid rgba(15,20,35,.06)!important;border-radius:0 0 27px 27px!important}
.btn{border-radius:999px!important;font-size:13.76px;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:background .18s ease,box-shadow .18s ease}
.btn-primary,.search-btn{background:#0a84ff!important;border-color:#0a84ff!important;color:#fff!important;box-shadow:0 6px 16px -6px #0a84ff!important}
.btn-primary:hover,.search-btn:hover{background:#0076ed!important;border-color:#0076ed!important}
.btn-light,.btn-default,.btn-outline-primary{background:rgba(255,255,255,.48)!important;border:1px solid var(--tk-border)!important;color:var(--tk-blue)!important}
.btn-light:hover,.btn-default:hover,.btn-outline-primary:hover{background:rgba(10,132,255,.1)!important}
.form-control,.custom-select{background:rgba(255,255,255,.58)!important;border:1px solid rgba(15,20,35,.1)!important;border-radius:14px!important;color:var(--tk-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.form-control:focus,.custom-select:focus{border-color:rgba(10,132,255,.5)!important;box-shadow:0 0 0 3px rgba(10,132,255,.12)!important}
.form-control::placeholder{color:#92969e}
.dropdown-menu,.modal-content{background:rgba(252,253,255,.9);border:1px solid var(--tk-border);border-radius:20px;box-shadow:var(--tk-shadow);backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2)}
.dropdown-item{border-radius:10px;color:var(--tk-text)}
.dropdown-item:hover,.dropdown-item:focus{background:rgba(10,132,255,.1);color:var(--tk-blue)}
.modal-header,.modal-footer{border-color:rgba(15,20,35,.06)}
.table{color:var(--tk-text)}
.table td,.table th{border-color:rgba(15,20,35,.06)}
@media(max-width:991.98px){
.top-navbar{width:calc(100% - 24px);margin:12px auto 24px;border-radius:28px;padding:0}
.top-navbar .navbar-container{display:block}
.top-navbar .user-area{min-height:52px;padding:8px 15px;justify-content:space-between;border-bottom:1px solid rgba(15,20,35,.06)}
.top-navbar .brand-name{max-width:calc(100vw - 190px)}
.top-navbar .nav-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px 11px;gap:6px}
.top-navbar .nav-action{width:100%;min-width:0;min-height:42px!important;padding:8px 5px!important;font-size:12px!important}
.top-navbar .nav-action span{overflow:hidden;text-overflow:ellipsis}
.top-navbar .mobile-dashboard{display:inline-flex!important}
}
@media(max-width:575.98px){
.top-navbar .user-area{padding:8px 12px}
.top-navbar .brand-name{margin-left:8px;font-size:14px}
.top-navbar .nav-actions{padding:8px;gap:4px}
.top-navbar .nav-action{flex-direction:column;gap:4px!important;min-height:46px!important;padding:6px 3px!important}
.top-navbar .nav-action i{font-size:15px}
.card .card-body{padding:16px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.top-navbar,.card,.dropdown-menu,.modal-content{background:rgba(252,253,255,.96)!important}}

/* 移除导航和通用组件投影，焦点指示保留。 */
:root{--tk-shadow:none}
.top-navbar,.top-navbar .account-link,.top-navbar .login-link,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering,.top-navbar .login-link.is-pressing,.top-navbar .login-link:active,.card,.btn,.btn-primary,.search-btn,.dropdown-menu,.modal-content{box-shadow:none!important}

/* 白色背景下增强卡片层次，保持无阴影与玻璃透明度。 */
:root{--tk-glass:rgba(235,239,245,.88);--tk-border:rgba(145,157,176,.22)}
.card{background:rgba(235,239,245,.88)!important;border-color:rgba(145,157,176,.22)!important;box-shadow:none!important}

/* 整体卡片略微提高透明度，保留毛玻璃与无阴影。 */
:root{--tk-glass:rgba(235,239,245,.72)}
.card{background:rgba(235,239,245,.72)!important;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:none!important}


.top-navbar{background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(237,242,249,.22))!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:none!important;backdrop-filter:blur(18px) saturate(1.65);-webkit-backdrop-filter:blur(18px) saturate(1.65)}
.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.10))!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:999px!important;box-shadow:none!important;transition:background .28s ease,border-color .28s ease,transform .32s cubic-bezier(.22,1,.36,1)!important;text-shadow:none!important}
.top-navbar .nav-action:hover,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(255,255,255,.25))!important;border-color:rgba(255,255,255,.85)!important;box-shadow:none!important}
.top-navbar .nav-action:active{transform:scale(.96)!important}.top-navbar .nav-action:focus-visible{outline:2px solid #0a84ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.top-navbar,.top-navbar *{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.top-navbar{background:#eef2f7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.top-navbar .nav-action{background:#fff!important;border-color:#aab5c4!important}}
@supports not (backdrop-filter:blur(1px)){.top-navbar{background:rgba(237,242,249,.94)!important}}


.top-navbar{background:linear-gradient(135deg,rgba(224,231,241,.68),rgba(233,239,247,.48))!important;border-color:rgba(112,132,158,.28)!important;color:#222c3b}
.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(207,219,235,.22))!important;border-color:rgba(115,137,167,.22)!important;color:#344359!important}
.top-navbar .nav-action:hover,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(199,215,237,.42))!important;border-color:rgba(94,130,178,.36)!important;color:#0875da!important}
.top-navbar .account-link,.top-navbar .login-link{color:#0875da!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.top-navbar{background:#e2e9f2!important;border-color:#98a9bf!important}.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{background:#f6f8fc!important;border-color:#aab5c4!important}}
@supports not (backdrop-filter:blur(1px)){.top-navbar{background:rgba(225,233,243,.96)!important}}


.top-navbar{box-sizing:border-box;isolation:isolate}.top-navbar .navbar-container,.top-navbar .nav-actions{min-width:0}.top-navbar .nav-action{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.top-navbar .nav-action span{min-width:0}
@media(max-width:991.98px){.top-navbar{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;border-radius:26px!important;backdrop-filter:blur(14px) saturate(1.4)!important;-webkit-backdrop-filter:blur(14px) saturate(1.4)!important}.top-navbar .nav-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}.top-navbar .nav-action{min-height:44px!important}.top-navbar .user-area{min-width:0}.top-navbar .brand-link{min-width:0;max-width:65%}.top-navbar .brand-avatar{flex:none}.top-navbar .brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.top-navbar .login-link,.top-navbar .account-link{flex-shrink:0}}
@media(max-width:359.98px){.top-navbar .nav-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.top-navbar .brand-name{font-size:12px!important}.top-navbar .account-link,.top-navbar .login-link{padding:5px 8px!important;margin-left:6px!important}}
@media(hover:none),(pointer:coarse){.top-navbar .nav-action:hover,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(207,219,235,.22))!important;border-color:rgba(115,137,167,.22)!important}.top-navbar .nav-action:active{background:rgba(191,212,240,.55)!important;color:#0875da!important;transform:scale(.97)!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.top-navbar{background:#e3eaf3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.top-navbar .nav-action,.top-navbar .login-link,.top-navbar .account-link{background:#f0f4fa!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.top-navbar{background:#e2e9f2!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(forced-colors:active){.top-navbar,.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.top-navbar .nav-action:focus-visible{outline:2px solid Highlight}}


.top-navbar{background:linear-gradient(135deg,rgba(237,237,238,.58),rgba(246,246,246,.4))!important;border-color:rgba(100,100,105,.24)!important;backdrop-filter:blur(28px) saturate(1.05)!important;-webkit-backdrop-filter:blur(28px) saturate(1.05)!important}
.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(219,219,222,.2))!important;border-color:rgba(110,110,115,.2)!important}.top-navbar .nav-action:hover,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{background:rgba(255,255,255,.56)!important;border-color:rgba(105,105,110,.3)!important}
@media(max-width:991.98px){.top-navbar{backdrop-filter:blur(22px) saturate(1.05)!important;-webkit-backdrop-filter:blur(22px) saturate(1.05)!important}}
@media(hover:none),(pointer:coarse){.top-navbar .nav-action:hover,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(219,219,222,.2))!important}.top-navbar .nav-action:active{background:rgba(210,210,214,.5)!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.top-navbar{background:#ececee!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.top-navbar{background:#ececee!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}


:root{--lg-x:50%;--lg-y:18%;--lg-edge:rgba(255,255,255,.82);--lg-tint:rgba(244,248,255,.42);--lg-depth:rgba(33,51,78,.18)}
.top-navbar{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(226,234,245,.22))!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(76,96,126,.13),0 18px 42px -24px rgba(20,35,60,.48)!important;backdrop-filter:blur(24px) saturate(1.65) contrast(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.65) contrast(1.05)}
.top-navbar::before,.top-navbar::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1}
.top-navbar::before{padding:1px;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(255,255,255,.18) 34%,rgba(111,153,214,.16) 67%,rgba(255,255,255,.72));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.top-navbar::after{inset:-35%;background:radial-gradient(circle at var(--lg-x) var(--lg-y),rgba(255,255,255,.66) 0 4%,rgba(255,255,255,.14) 18%,transparent 42%);mix-blend-mode:screen;opacity:.78;transform:translateZ(0);transition:opacity .25s ease}
.top-navbar .navbar-container{position:relative;z-index:1}
.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(214,226,243,.2))!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(60,86,122,.1),0 8px 18px -15px rgba(17,39,71,.7)!important;backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease!important}
.top-navbar .nav-action::before,.top-navbar .account-link::before,.top-navbar .login-link::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--lg-x) var(--lg-y),rgba(255,255,255,.74),transparent 48%);opacity:.34;pointer-events:none;z-index:-1}
.top-navbar .nav-action:hover,.top-navbar .login-link:hover,.top-navbar .login-link.is-hovering{transform:translateY(-1px) scale(1.018)!important;border-color:rgba(255,255,255,.9)!important;background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(212,228,250,.3))!important}
.top-navbar .nav-action:active,.top-navbar .login-link:active,.top-navbar .login-link.is-pressing{transform:scale(.96)!important;box-shadow:inset 0 2px 5px rgba(40,65,98,.13)!important}
@media(max-width:991.98px),(pointer:coarse){.top-navbar{backdrop-filter:blur(20px) saturate(1.45);-webkit-backdrop-filter:blur(20px) saturate(1.45)}.top-navbar::after{opacity:.48}.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.top-navbar::after,.top-navbar .nav-action,.top-navbar .account-link,.top-navbar .login-link{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.top-navbar{background:#edf2f8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.top-navbar::after{display:none}}


/* ===== Index.php 整合样式（2026-10-13） ===== */

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-touch-callout: none !important;
        -webkit-tap-highlight-color: transparent;
        overscroll-behavior-x: none;
    }
    *,
    *::before,
    *::after {
        box-sizing: border-box;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-touch-callout: none !important;
    }
    img,
    a {
        -webkit-touch-callout: none !important;
        -webkit-user-drag: none !important;
    }
    input,
    textarea,
    select {
        -webkit-user-select: text !important;
        user-select: text !important;
        -webkit-touch-callout: default !important;
    }
    .content-wrapper,
    .container,
    .row,
    .card,
    .card-block {
        max-width: 100%;
    }
    .content-wrapper {
        overflow-x: hidden !important;
    }
    .container {
        width: 100%;
        max-width: 1200px;
        padding-left: 12px;
        padding-right: 12px;
        overflow-x: hidden !important;
    }
    .row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    .row > [class*="col-"] {
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .input-group {
        width: 100%;
        max-width: 100%;
    }
    .input-group .form-control {
        min-width: 0;
    }
    .category-panel {
        width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
        min-width: 0;
    }
    .shop-panel {
        width: 75% !important;
        max-width: 75% !important;
        flex: 0 0 75% !important;
        min-width: 0;
    }
    @media (min-width:769px){.category-panel,.shop-panel{align-self:flex-start!important;min-height:0!important;--desktop-panel-height:clamp(420px,calc(100vh - 250px),810px)}.category-panel>.card,.shop-panel>.card{width:100%!important;height:var(--desktop-panel-height)!important;min-height:var(--desktop-panel-height)!important;max-height:var(--desktop-panel-height)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.category-panel>.card>.card-header,.shop-panel>.card>.card-header{flex:0 0 auto!important}.category-panel>.card>.category-list{position:relative!important;display:block!important;flex:1 1 0!important;min-height:0!important;height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.category-panel>.card>.category-list>.layui-table{height:auto!important;min-height:0!important;max-height:none!important;margin-top:0!important;margin-bottom:0!important}.category-panel>.card>.category-list>.layui-table>tbody{height:auto!important;min-height:0!important;max-height:none!important}.category-panel>.card>.category-list::-webkit-scrollbar,.shop-panel .shop-content::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.shop-panel .shop-content{flex:1 1 0!important;min-height:0!important;height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}.shop-panel,.category-panel{overflow:visible!important}.shop-panel .shop-content.shop-wheel-page{overscroll-behavior-y:auto!important}}
    .category-card-title {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .category-list{display:block!important;width:100%;max-width:100%;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}
    .category-scroll-preview{display:none}
    .category-list .layui-table,
    .shop-content .layui-table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }
    .category-list .layui-table {
        margin-bottom: 0;
    }
    .category-list .layui-table tbody,
    .category-list .layui-table tr,
    .category-list .layui-table td {
        max-width: 100%;
        overflow: hidden !important;
    }
    .category-list .layui-table td.category {
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.55;
        cursor: pointer;
        position: relative;
    }
    .category-row-inner {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 8px;
        padding: 9px 10px;
        overflow: hidden !important;
    }
    .category-main {
        min-width: 0;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        overflow: hidden !important;
    }
    .category-main .commodity-icon {
        flex: 0 0 auto;
        max-width: 20px;
        max-height: 20px;
    }
    .category-name {
        display: block;
        min-width: 0;
        max-width: 100%;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .category-count-badge {
        flex: 0 0 auto;
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--badge-text, #2563eb);
        background: var(--badge-bg, linear-gradient(135deg, #dbeafe, #cffafe));
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        box-shadow: var(--badge-shadow, 0 6px 14px rgba(59, 130, 246, .14));
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid var(--badge-border, rgba(147, 197, 253, .75));
        transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }
    .category.checked .category-count-badge {
        transform: scale(1.08);
        filter: saturate(1.05);
        box-shadow: var(--badge-active-shadow, 0 0 0 3px rgba(255,255,255,.82), 0 8px 18px rgba(59,130,246,.16));
    }
    .shop-html,
    .shop-content {
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }
    .shop-content {
        position: relative;
        perspective: 900px;
    }
    .shop-content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 28;
        width: 36%;
        height: 3px;
        border-radius: 0 999px 999px 0;
        background: linear-gradient(90deg, transparent, #69b1ff 24%, #1677ff 72%, transparent);
        opacity: 0;
        transform: translateX(-135%);
        pointer-events: none;
    }
    .shop-content.commodity-switch-loading::before {
        opacity: 1;
        animation: commoditySwitchProgress 1.05s cubic-bezier(.42, 0, .30, 1) infinite;
    }
    .commodity-switch-loader {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 30;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 32px;
        padding: 6px 11px;
        border: 1px solid rgba(22, 119, 255, .16);
        border-radius: 999px;
        color: #1677ff;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 7px 20px rgba(22, 119, 255, .13);
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-7px) scale(.94);
        transition:
            opacity .20s ease,
            visibility .20s ease,
            transform .26s cubic-bezier(.22, .75, .30, 1);
        pointer-events: none;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
    .shop-content.commodity-switch-loading .commodity-switch-loader {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
    }
    .commodity-switch-spinner {
        position: relative;
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        border: 2px solid rgba(22, 119, 255, .20);
        border-top-color: #1677ff;
        border-radius: 50%;
        animation: commoditySwitchSpinner .68s linear infinite;
    }
    .commodity-switch-spinner::after {
        content: "";
        position: absolute;
        inset: 3px;
        border-radius: 50%;
        background: rgba(22, 119, 255, .16);
        animation: commoditySwitchPulse .90s ease-in-out infinite;
    }
    .shop-list {
        transform-origin: 50% 0;
        transition:
            opacity .24s cubic-bezier(.22, .61, .36, 1),
            transform .24s cubic-bezier(.22, .61, .36, 1),
            filter .24s ease;
        will-change: opacity, transform, filter;
    }
    .shop-list.commodity-list-switching {
        opacity: 1;
        transform: none;
        filter: none;
        pointer-events: none;
    }
    .shop-list.commodity-list-entering {
        animation: commodityListSoftEnter .42s cubic-bezier(.22, .75, .30, 1) both;
    }
    .shop-list.commodity-list-entering .commodity-row {
        opacity: 0;
        animation: commodityRowSoftEnter .38s cubic-bezier(.22, .75, .30, 1) forwards;
        animation-delay: calc(var(--commodity-row-index, 0) * 30ms);
    }
    @keyframes commoditySwitchProgress {
        0% {
            transform: translateX(-135%);
        }
        100% {
            transform: translateX(390%);
        }
    }
    @keyframes commoditySwitchSpinner {
        to {
            transform: rotate(360deg);
        }
    }
    @keyframes commoditySwitchPulse {
        0%, 100% {
            transform: scale(.72);
            opacity: .45;
        }
        50% {
            transform: scale(1);
            opacity: .92;
        }
    }
    @keyframes commodityListSoftEnter {
        0% {
            opacity: .18;
            transform: translateY(9px) scale(.994);
            filter: saturate(.90);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: saturate(1);
        }
    }
    @keyframes commodityRowSoftEnter {
        0% {
            opacity: 0;
            transform: translateY(8px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @media (max-width: 768px) {
        .commodity-switch-loader {
            top: 8px;
            right: 8px;
            min-height: 29px;
            padding: 5px 9px;
            gap: 6px;
            font-size: 11px;
        }
        .commodity-switch-spinner {
            flex-basis: 14px;
            width: 14px;
            height: 14px;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .shop-content::before,
        .commodity-switch-loader,
        .commodity-switch-spinner,
        .commodity-switch-spinner::after,
        .shop-list,
        .shop-list.commodity-list-entering,
        .shop-list.commodity-list-entering .commodity-row {
            transition: none !important;
            animation: none !important;
            transform: none !important;
            filter: none !important;
        }
    }
    .shop-list th,
    .shop-list td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
    .shop-list th:nth-child(1),
    .shop-list td:nth-child(1) {
        width: 42%;
    }
    .shop-list th:nth-child(2),
    .shop-list td:nth-child(2) {
        width: 16%;
    }
    .shop-list th:nth-child(3),
    .shop-list td:nth-child(3) {
        width: 18%;
    }
    .shop-list th:nth-child(4),
    .shop-list td:nth-child(4) {
        width: 24%;
        text-align: center !important;
    }
    .shop-list td.commodity-name-cell {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        vertical-align: top !important;
        line-height: 1.45 !important;
    }
    .commodity-name-wrap {
        width: 100% !important;
        min-width: 0;
        max-width: 100%;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 6px;
        overflow: visible !important;
        white-space: normal !important;
        cursor: default;
    }
    .commodity-name-wrap .commodity-icon {
        flex: 0 0 auto;
        max-width: 20px;
        max-height: 20px;
        margin-top: 1px;
    }
    .commodity-name-text {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0;
        max-width: 100%;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        line-height: 1.45 !important;
    }
    .stock-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        max-width: 100%;
        white-space: nowrap;
        font-weight: 700;
    }
    .stock-badge.stock-out {
        color: #f04438;
    }
    .stock-badge.stock-manual {
        color: #16a34a;
    }
    .stock-badge.stock-loading {
        color: #1677ff;
    }
    .stock-badge.stock-warning {
        color: #d97706;
    }
    .stock-badge.stock-available {
        color: #16a34a;
    }
    .shop-list td.commodity-action-cell {
        text-align: center !important;
        vertical-align: middle !important;
        overflow: visible !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .commodity-action-wrap {
        width: 100% !important;
        min-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .commodity-action-cell .commodity-click,
    .commodity-action-cell .commodity-disabled {
        float: none !important;
        position: static !important;
        margin: 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        gap: 4px;
        min-width: 66px;
        height: 34px;
        padding: 0 10px;
        border-radius: 10px;
        text-decoration: none !important;
        white-space: nowrap !important;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        user-select: none;
        -webkit-user-select: none;
    }
    .commodity-action-cell .commodity-click {
        color: #ffffff !important;
        background: #1677ff !important;
        border: 1px solid #1677ff !important;
        box-shadow: 0 4px 10px rgba(22, 119, 255, .20) !important;
        transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .commodity-action-cell .commodity-click i,
    .commodity-action-cell .commodity-disabled i {
        display: inline-block !important;
        font-size: 13px;
        line-height: 1;
        margin: 0 !important;
    }
    .buy-btn-text {
        display: inline-block !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
    .commodity-action-cell .commodity-click:hover,
    .commodity-action-cell .commodity-click:focus {
        color: #ffffff !important;
        background: #0f6af1 !important;
        border-color: #0f6af1 !important;
        transform: translateY(-1px);
        box-shadow: 0 6px 12px rgba(22, 119, 255, .22) !important;
    }
    .commodity-action-cell .commodity-click:active {
        transform: translateY(0) scale(.98);
        box-shadow: 0 3px 8px rgba(22, 119, 255, .18) !important;
    }
    .commodity-action-cell .commodity-disabled {
        color: #ffffff !important;
        background: #a8afbd !important;
        border: 1px solid #a8afbd !important;
        cursor: not-allowed !important;
        opacity: .92;
        pointer-events: none;
        box-shadow: none !important;
    }
    .login-tutorial-wrap {
        width: 100%;
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }
    .login-tutorial-btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        min-height: 48px;
        padding: 10px 16px;
        border: 1px solid rgba(22, 119, 255, .28);
        border-radius: 12px;
        color: #ffffff !important;
        background: linear-gradient(135deg, #4096ff 0%, #1677ff 50%, #0958d9 100%);
        box-shadow: 0 7px 18px rgba(22, 119, 255, .22);
        font-size: 15px;
        font-weight: 900;
        line-height: 1.2;
        letter-spacing: .3px;
        text-align: center;
        text-decoration: none !important;
        overflow: hidden;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .login-tutorial-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .30) 36%, transparent 58%);
        transform: translateX(-120%);
        animation: loginTutorialShine 3s ease-in-out infinite;
        pointer-events: none;
    }
    .login-tutorial-btn > * {
        position: relative;
        z-index: 1;
    }
    .login-tutorial-btn i {
        font-size: 18px;
    }
    .login-tutorial-btn:hover,
    .login-tutorial-btn:focus {
        color: #ffffff !important;
        text-decoration: none !important;
        transform: translateY(-1px);
        border-color: rgba(22, 119, 255, .48);
        box-shadow: 0 10px 24px rgba(22, 119, 255, .30);
    }
    .login-tutorial-btn:active {
        transform: translateY(0) scale(.99);
        box-shadow: 0 4px 12px rgba(22, 119, 255, .20);
    }
    .login-tutorial-arrow {
        margin-left: 2px;
        font-size: 14px !important;
    }
    @keyframes loginTutorialShine {
        0% {
            transform: translateX(-120%);
        }
        42%,
        100% {
            transform: translateX(120%);
        }
    }
    @media (max-width: 768px) {
        .container {
            padding-left: 8px;
            padding-right: 8px;
        }
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-left: -4px;
            margin-right: -4px;
        }
        .row > [class*="col-"] {
            padding-left: 4px;
            padding-right: 4px;
            min-width: 0;
        }
        .category-panel,
        .shop-panel {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
        }
        .category-card-title,
        .shop-panel .card-title {
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .category-panel>.card{position:relative!important;overflow:hidden!important}
        .category-list {
            display: block !important;
            height: 260px !important;
            max-height: 260px !important;
            overflow-x: hidden !important;
            overflow-y: scroll !important;
            -webkit-overflow-scrolling: touch !important;
            overscroll-behavior: contain !important;
            touch-action: pan-y !important;
            scrollbar-width:none!important;
            -ms-overflow-style:none!important;
            padding-right:32px!important;
        }
        .category-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
        .category-scroll-preview{position:absolute;right:5px;top:57px;bottom:13px;z-index:20;width:28px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;visibility:visible;transform:translateY(0) scaleY(1);transform-origin:center bottom;transition:opacity .46s cubic-bezier(.22,.61,.36,1),transform .48s cubic-bezier(.22,.61,.36,1),visibility .46s ease}
        .category-scroll-preview::before{content:"";position:absolute;top:0;right:1px;bottom:0;width:4px;border-radius:999px;background:linear-gradient(180deg,rgba(22,119,255,.08) 0%,rgba(22,119,255,.25) 42%,rgba(22,119,255,.72) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.55),0 3px 10px rgba(22,119,255,.18)}
        .category-scroll-preview::after{content:"";position:absolute;right:-1px;bottom:5px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);filter:drop-shadow(0 1px 2px rgba(22,119,255,.42));animation:categoryPreviewArrow 1.35s ease-in-out infinite}
        .category-scroll-preview span{position:absolute;top:10px;right:1px;width:3px;height:34%;min-height:32px;max-height:78px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.20));box-shadow:0 1px 6px rgba(255,255,255,.38);animation:categoryPreviewFlow 1.8s ease-in-out infinite}
        .category-scroll-preview em{position:absolute;top:50%;right:9px;transform:translateY(-50%);margin:0;padding:7px 3px;border:1px solid rgba(22,119,255,.15);border-radius:999px;color:#1677ff;background:rgba(255,255,255,.82);box-shadow:0 4px 12px rgba(22,119,255,.10);font-size:10px;font-style:normal;font-weight:800;line-height:1.05;letter-spacing:1px;white-space:nowrap;writing-mode:vertical-rl;text-orientation:upright;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
        .category-scroll-preview.is-hidden{opacity:0!important;visibility:hidden!important;transform:translateY(10px) scaleY(.94)!important}
        .category-list .layui-table {
            display: table !important;
            width: 100% !important;
            margin-bottom: 0 !important;
        }
        .category-list .layui-table tbody {
            display: table-row-group !important;
        }
        .category-list .layui-table tr {
            display: table-row !important;
        }
        .category-list .layui-table td.category {
            display: table-cell !important;
            font-size: 15px;
        }
        .category-row-inner {
            padding: 8px 9px;
            column-gap: 6px;
        }
        .category-main {
            gap: 5px;
        }
        .category-main .commodity-icon,
        .commodity-icon {
            max-width: 18px;
            max-height: 18px;
        }
        .category-count-badge {
            min-width: 22px;
            height: 22px;
            padding: 0 7px;
            font-size: 11px;
        }
        .shop-list th,
        .shop-list td {
            font-size: 12px;
            padding-left: 5px !important;
            padding-right: 5px !important;
        }
        .shop-list th:nth-child(1),
        .shop-list td:nth-child(1) {
            width: 37%;
        }
        .shop-list th:nth-child(2),
        .shop-list td:nth-child(2) {
            width: 16%;
        }
        .shop-list th:nth-child(3),
        .shop-list td:nth-child(3) {
            width: 18%;
        }
        .shop-list th:nth-child(4),
        .shop-list td:nth-child(4) {
            width: 29%;
            text-align: center !important;
        }
        .commodity-name-wrap {
            gap: 5px;
        }
        .shop-list td.commodity-action-cell {
            text-align: center !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .commodity-action-wrap {
            justify-content: center !important;
            align-items: center !important;
        }
        .commodity-action-cell .commodity-click,
        .commodity-action-cell .commodity-disabled {
            width: auto !important;
            min-width: 62px !important;
            height: 32px !important;
            padding: 0 8px !important;
            border-radius: 9px !important;
            flex-direction: row !important;
            gap: 4px !important;
            font-size: 12px !important;
            margin: 0 auto !important;
            white-space: nowrap !important;
        }
        .commodity-action-cell .commodity-click i,
        .commodity-action-cell .commodity-disabled i {
            display: inline-block !important;
            font-size: 12px !important;
        }
        .buy-btn-text {
            display: inline-block !important;
            width: auto !important;
            white-space: nowrap !important;
            text-align: center;
            line-height: 1 !important;
        }
        .login-tutorial-wrap {
            margin-top: 0 !important;
            margin-bottom: 2px !important;
        }
        .login-tutorial-btn {
            min-height: 44px;
            padding: 9px 12px;
            border-radius: 10px;
            font-size: 14px;
        }
        .login-tutorial-btn i {
            font-size: 16px;
        }
    }
    @keyframes categoryPreviewFlow{0%{top:9px;opacity:.18}35%{opacity:.92}100%{top:58%;opacity:.08}}
    @keyframes categoryPreviewArrow{0%,100%{transform:translateX(-50%) translateY(-1px) rotate(45deg);opacity:.55}50%{transform:translateX(-50%) translateY(3px) rotate(45deg);opacity:1}}
    @media (max-width: 420px) {
        .shop-list th,
        .shop-list td {
            font-size: 11px;
            padding-left: 4px !important;
            padding-right: 4px !important;
        }
        .shop-list th:nth-child(1),
        .shop-list td:nth-child(1) {
            width: 36%;
        }
        .shop-list th:nth-child(2),
        .shop-list td:nth-child(2) {
            width: 15%;
        }
        .shop-list th:nth-child(3),
        .shop-list td:nth-child(3) {
            width: 18%;
        }
        .shop-list th:nth-child(4),
        .shop-list td:nth-child(4) {
            width: 31%;
        }
        .shop-list th i {
            display: none;
        }
        .commodity-action-cell .commodity-click,
        .commodity-action-cell .commodity-disabled {
            min-width: 58px !important;
            height: 30px !important;
            padding: 0 7px !important;
            border-radius: 8px !important;
            font-size: 11px !important;
            gap: 3px !important;
        }
        .commodity-action-cell .commodity-click i,
        .commodity-action-cell .commodity-disabled i {
            font-size: 11px !important;
        }
    }
    .notice-html > .card {
        overflow: visible !important;
        margin-bottom: 2px !important;
    }
    .login-tutorial-wrap + .col-12 > .card {
        margin-top: 0 !important;
    }
    .notice-warning-wrap {
        width: 100%;
        margin: 0;
        padding: 12px 16px 0;
        box-sizing: border-box;
    }
    .notice-warning-tip {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 9px;
        width: 100%;
        padding: 11px 13px;
        border: 1px solid rgba(245, 34, 45, .30);
        border-radius: 11px;
        color: #b42318;
        background: linear-gradient(135deg, #fff1f0 0%, #fff7f6 100%);
        box-shadow: 0 5px 14px rgba(245, 34, 45, .09);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.65;
        box-sizing: border-box;
        word-break: break-all;
        overflow-wrap: anywhere;
    }
    .notice-warning-tip > i {
        flex: 0 0 auto;
        margin-top: 4px;
        color: #f5222d;
        font-size: 16px;
    }
    .notice-warning-tip strong {
        color: #cf1322;
        font-weight: 900;
    }
    body.notice-guide-lock {
        overflow: hidden !important;
    }
    .notice-guide-backdrop,
    .notice-guide-dismiss-layer {
        position: fixed;
        inset: 0;
        display: none;
    }
    .notice-guide-backdrop {
        z-index: 999996;
        background: rgba(15, 23, 42, .58);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }
    .notice-guide-dismiss-layer {
        z-index: 999997;
        background: transparent;
    }
    .notice-guide-backdrop.is-visible,
    .notice-guide-dismiss-layer.is-visible {
        display: block;
    }
    .notice-warning-wrap.guide-wrap-active {
        position: relative;
        z-index: 999998;
    }
    .notice-warning-tip.guide-focus-active {
        position: relative;
        z-index: 999999;
        border-color: rgba(245, 34, 45, .52);
        background: linear-gradient(135deg, #fff7f7 0%, #fffefe 100%);
        box-shadow:
            0 0 0 4px rgba(255, 255, 255, .98),
            0 16px 36px rgba(245, 34, 45, .20);
        animation: noticeGuidePulse 1.35s ease-in-out infinite;
    }
    .notice-warning-tip.guide-focus-active::before {
        content: attr(data-guide-label);
        position: absolute;
        left: 14px;
        bottom: calc(100% + 16px);
        padding: 8px 12px;
        border-radius: 999px;
        color: #ffffff;
        background: linear-gradient(135deg, #ff4d4f 0%, #cf1322 100%);
        box-shadow: 0 10px 24px rgba(207, 19, 34, .32);
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
        letter-spacing: .2px;
    }
    .notice-warning-tip.guide-focus-active::after {
        content: "";
        position: absolute;
        left: 28px;
        bottom: calc(100% + 7px);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #ff4d4f;
        filter: drop-shadow(0 4px 6px rgba(207, 19, 34, .22));
    }
    @keyframes noticeGuidePulse {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-2px);
        }
    }
    @media (max-width: 768px) {
        .notice-warning-wrap {
            padding: 10px 12px 0;
        }
        .notice-warning-tip {
            padding: 10px 11px;
            border-radius: 10px;
            font-size: 12px;
            line-height: 1.6;
        }
        .notice-guide-backdrop {
            background: rgba(15, 23, 42, .62);
        }
        .notice-warning-tip.guide-focus-active {
            box-shadow:
                0 0 0 3px rgba(255, 255, 255, .98),
                0 12px 30px rgba(245, 34, 45, .18);
        }
        .notice-warning-tip.guide-focus-active::before {
            left: 10px;
            bottom: calc(100% + 14px);
            padding: 7px 10px;
            font-size: 11px;
        }
        .notice-warning-tip.guide-focus-active::after {
            left: 24px;
            bottom: calc(100% + 6px);
        }
    }
    .sticker-wrap {
        width: 100%;
        max-width: 100%;
        margin: 12px 0 10px;
        text-align: left;
        box-sizing: border-box;
    }
    .sticker-row {
        display: flex;
        align-items: center;
        gap: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .sticker-btn,
    .sticker-btn:hover,
    .sticker-btn:focus {
        text-decoration: none;
    }
    .alipay-guide-card {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 50px;
        padding: 8px 10px;
        border-radius: 11px;
        color: #ffffff;
        background:
            radial-gradient(circle at 0 50%, transparent 0, transparent 6px, #1677ff 7px),
            radial-gradient(circle at 100% 50%, transparent 0, transparent 6px, #1677ff 7px),
            linear-gradient(135deg, #2f8cff 0%, #1677ff 48%, #0958d9 100%);
        border: 1px solid rgba(22, 119, 255, .28);
        box-shadow: 0 7px 18px rgba(22, 119, 255, .24);
        overflow: hidden;
        box-sizing: border-box;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .alipay-guide-card::before {
        content: "";
        position: absolute;
        top: 7px;
        bottom: 7px;
        right: 72px;
        width: 1px;
        background-image: linear-gradient(to bottom, rgba(255,255,255,.55) 0 45%, transparent 45% 100%);
        background-size: 1px 7px;
    }
    .alipay-guide-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.32) 35%, transparent 58%);
        transform: translateX(-120%);
        animation: alipayGuideShine 3s ease-in-out infinite;
        pointer-events: none;
    }
    .alipay-guide-card:hover,
    .alipay-guide-card:focus {
        color: #ffffff;
        transform: translateY(-1px);
        border-color: rgba(22, 119, 255, .42);
        box-shadow: 0 10px 22px rgba(22, 119, 255, .30);
    }
    .alipay-guide-mark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        padding: 0 7px;
        border-radius: 11px 0 9px 0;
        background: rgba(255, 255, 255, .96);
        color: #1677ff;
        font-size: 9px;
        font-weight: 900;
        line-height: 18px;
        letter-spacing: .2px;
    }
    .alipay-guide-ico {
        position: relative;
        z-index: 1;
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        margin-top: 4px;
        border-radius: 9px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        color: #1677ff;
        font-size: 15px;
        box-shadow: inset 0 -3px 8px rgba(22, 119, 255, .12), 0 4px 10px rgba(0, 52, 145, .16);
        box-sizing: border-box;
    }
    .alipay-guide-text {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-width: 0;
        padding-top: 4px;
        padding-right: 8px;
        line-height: 1.22;
    }
    .alipay-guide-text strong {
        display: block;
        max-width: 100%;
        color: #ffffff;
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .2px;
    }
    .alipay-guide-text em {
        display: block;
        max-width: 100%;
        margin-top: 3px;
        color: rgba(255, 255, 255, .84);
        font-size: 10px;
        font-style: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .alipay-guide-go {
        position: relative;
        z-index: 1;
        flex: 0 0 auto;
        min-width: 62px;
        height: 26px;
        padding: 0 8px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        background: #ffffff;
        color: #1677ff;
        font-size: 11px;
        font-weight: 900;
        line-height: 26px;
        white-space: nowrap;
        box-shadow: 0 4px 10px rgba(0, 52, 145, .16);
        box-sizing: border-box;
    }
    .alipay-guide-arrow {
        display: none !important;
    }
    .warm-tip-line {
        width: 100%;
        max-width: 100%;
        margin-top: 8px;
        padding: 7px 10px;
        border-radius: 9px;
        color: #7a3b00;
        background: #fff7e6;
        border: 1px solid rgba(250, 140, 22, .22);
        box-shadow: 0 4px 10px rgba(250, 140, 22, .08);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.45;
        box-sizing: border-box;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
    }
    .warm-tip-line i {
        margin-right: 4px;
        color: #fa8c16;
    }
    @keyframes alipayGuideShine {
        0% {
            transform: translateX(-120%);
        }
        42%,
        100% {
            transform: translateX(120%);
        }
    }
    @media (max-width: 768px) {
        .sticker-wrap {
            max-width: 100%;
        }
        .sticker-row {
            gap: 0;
        }
        .alipay-guide-card {
            width: 100%;
            min-width: 0;
            min-height: 48px;
            padding: 8px 9px;
            border-radius: 10px;
        }
        .alipay-guide-card::before {
            right: 64px;
        }
        .alipay-guide-ico {
            flex-basis: 30px;
            width: 30px;
            height: 30px;
            font-size: 14px;
        }
        .alipay-guide-text strong {
            font-size: 12.5px;
        }
        .alipay-guide-text em {
            font-size: 10px;
        }
        .alipay-guide-go {
            min-width: 54px;
            height: 24px;
            padding: 0 7px;
            font-size: 10px;
            line-height: 24px;
        }
        .warm-tip-line {
            width: 100%;
            font-size: 11px;
            padding: 7px 9px;
            white-space: normal !important;
            overflow: visible !important;
            text-overflow: clip !important;
            word-break: break-all !important;
            overflow-wrap: anywhere !important;
        }
    }

/* 2026-10-10 仅覆盖组件外观，保留原有布局、滚动和业务状态。 */
:root{--tk-text:#1c1d21;--tk-muted:#5b5f68;--tk-blue:#0a84ff;--tk-border:rgba(255,255,255,.62);--tk-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(15,20,35,.06),0 1px 2px rgba(16,20,35,.06),0 18px 42px -14px rgba(16,20,35,.28)}
.content-wrapper{color:var(--tk-text);font-family:HarmonyOS,"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
.content-wrapper>.container{max-width:1274px;overflow-x:clip!important;padding-top:4px;padding-bottom:28px}
.content-wrapper .card{background:rgba(252,253,255,.78)!important;border:1px solid var(--tk-border)!important;border-radius:28px!important;box-shadow:var(--tk-shadow)!important;backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2);margin-bottom:20px}
.content-wrapper .category-panel>.card{background:rgba(252,253,255,.55)!important}
.content-wrapper .card-header{background:transparent!important;border-bottom:1px solid rgba(15,20,35,.06)!important;border-radius:27px 27px 0 0!important;padding:14px 20px!important}
.content-wrapper .card-title{margin:0;color:var(--tk-text)!important;font-size:14.72px!important;font-weight:500!important;letter-spacing:0}
.content-wrapper .card-title i{color:#64b3f5!important;margin-right:5px}
.content-wrapper .card-block{background:transparent!important}
.content-wrapper .layui-table,.content-wrapper .layui-table tr,.content-wrapper .layui-table td,.content-wrapper .layui-table th{background:transparent!important;border-color:rgba(15,20,35,.06)!important;color:var(--tk-text)}
.content-wrapper .shop-list th{color:var(--tk-muted)!important;font-weight:600}
.content-wrapper .shop-list tr.item:hover{background:rgba(255,255,255,.36)!important}
.content-wrapper .category-list td.category{border:0!important;font-size:14px!important;font-weight:500!important}
.content-wrapper .category-row-inner{border-radius:14px;background:transparent;transition:background .18s ease}
.content-wrapper .category:hover .category-row-inner{background:rgba(255,255,255,.5)}
.content-wrapper .category.checked,.content-wrapper .category.checked .category-row-inner{background:rgba(10,132,255,.12)!important;color:var(--tk-blue)!important}
.content-wrapper .category-count-badge,.content-wrapper .category.checked .category-count-badge{background:rgba(10,132,255,.1)!important;color:var(--tk-blue)!important;border:1px solid rgba(10,132,255,.12)!important;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;transform:none;filter:none}
.content-wrapper .commodity-action-cell .commodity-click,.content-wrapper .commodity-action-cell .commodity-disabled{border-radius:999px!important;font-weight:650!important}
.content-wrapper .commodity-action-cell .commodity-click{background:#0a84ff!important;border-color:#0a84ff!important;box-shadow:0 6px 16px -6px #0a84ff!important;transform:none!important}
.content-wrapper .commodity-action-cell .commodity-click:hover,.content-wrapper .commodity-action-cell .commodity-click:focus{background:#0076ed!important;border-color:#0076ed!important;transform:none!important}
.content-wrapper .commodity-action-cell .commodity-disabled{background:rgba(91,95,104,.15)!important;border-color:rgba(91,95,104,.08)!important;color:#8b8f98!important;box-shadow:none!important}
.content-wrapper .search-btn{background:#0a84ff!important;border:1px solid #0a84ff!important;border-radius:999px!important;min-height:36px;padding:0 20px;font-size:13.76px;font-weight:650;box-shadow:0 6px 16px -6px #0a84ff!important}
.content-wrapper .search-btn:hover{background:#0076ed!important;border-color:#0076ed!important}
.content-wrapper .input-group{gap:8px;align-items:center}
.content-wrapper .commodity-search{border-radius:999px!important}
.content-wrapper .form-control,.open-commodity .form-control,.open-commodity input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.open-commodity textarea,.open-commodity select{background:rgba(255,255,255,.58)!important;border:1px solid rgba(15,20,35,.1)!important;border-radius:14px;color:var(--tk-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.content-wrapper .form-control:focus,.open-commodity input:focus,.open-commodity textarea:focus,.open-commodity select:focus{outline:none;border-color:rgba(10,132,255,.5)!important;box-shadow:0 0 0 3px rgba(10,132,255,.12)!important}
.content-wrapper .commodity-search::placeholder{color:#92969e}.content-wrapper .login-tutorial-btn{background:rgba(252,253,255,.78)!important;border:1px solid var(--tk-border)!important;border-radius:24px!important;color:var(--tk-blue)!important;box-shadow:var(--tk-shadow)!important;backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2);font-weight:650!important;transform:none!important}
.content-wrapper .login-tutorial-btn{margin-bottom:18px}.content-wrapper .login-tutorial-btn:hover{background:rgba(255,255,255,.9)!important;color:var(--tk-blue)!important}.content-wrapper .login-tutorial-btn::before{content:none!important}
.content-wrapper .notice-warning-tip{background:rgba(255,244,242,.72);border-color:rgba(244,67,54,.16);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-weight:500}
.open-commodity .warm-tip-line{background:rgba(255,247,230,.72);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-weight:500}
.commodity-switch-loader{background:rgba(252,253,255,.78);color:var(--tk-blue);border-color:var(--tk-border);box-shadow:var(--tk-shadow);backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2);font-weight:600}
.layui-layer-page{background:rgba(252,253,255,.9)!important;border:1px solid var(--tk-border);border-radius:28px!important;box-shadow:var(--tk-shadow)!important;backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2)}
.layui-layer-page .layui-layer-title{background:transparent!important;border-bottom:1px solid rgba(15,20,35,.06);border-radius:27px 27px 0 0;color:var(--tk-text)}
.layui-layer-page .layui-layer-content{border-radius:0 0 27px 27px}
.open-commodity,.open-commodity .layout,.open-commodity .layout-content{background:transparent!important;color:var(--tk-text);font-family:HarmonyOS,"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
.open-commodity .pay-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--tk-border)!important;border-radius:999px!important;background:rgba(255,255,255,.58)!important;color:var(--tk-blue)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;padding:9px 15px;font-weight:650;text-decoration:none!important}
.open-commodity .pay-button:hover{background:rgba(10,132,255,.12)!important}
.open-commodity .pay-button img{max-width:22px;max-height:22px;object-fit:contain}
.content-wrapper a:focus-visible,.content-wrapper button:focus-visible,.open-commodity a:focus-visible{outline:2px solid rgba(10,132,255,.5)!important;outline-offset:3px}
/* Layui 的 close2 默认位于弹窗外侧，圆角/视口裁切后会只剩一角；统一放回弹窗内部。 */
.layui-layer-page[type="page"] .layui-layer-setwin{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    z-index:2147483646!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close,
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close1,
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close2{
    position:relative!important;
    inset:auto!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    display:block!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 5px 16px rgba(15,23,42,.12)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close::before,
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#596273!important;
    transform-origin:center!important;
}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close:hover{
    border-color:rgba(255,77,79,.32)!important;
    background:rgba(255,245,245,.96)!important;
    transform:rotate(90deg)!important;
}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close:hover::before,
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close:hover::after{background:#e5484d!important}
.layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close:active{transform:rotate(90deg) scale(.92)!important}
/* 商品弹窗使用独立关闭按钮，不再依赖可能缺图、错位或被裁切的 Layui 雪碧图。 */
.layui-layer-page[type="page"].commodity-layer-window>.layui-layer-setwin{display:none!important}
.commodity-layer-window .commodity-layer-close{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    z-index:2147483647!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    border:1px solid rgba(15,23,42,.13)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 6px 18px rgba(15,23,42,.14)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
}
.commodity-layer-window .commodity-layer-close::before,
.commodity-layer-window .commodity-layer-close::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:19px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#4f5969!important;
    transform-origin:center!important;
}
.commodity-layer-window .commodity-layer-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.commodity-layer-window .commodity-layer-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.commodity-layer-window .commodity-layer-close:hover{background:#fff5f5!important;border-color:rgba(229,72,77,.38)!important;transform:rotate(90deg)!important}
.commodity-layer-window .commodity-layer-close:hover::before,
.commodity-layer-window .commodity-layer-close:hover::after{background:#e5484d!important}
.commodity-layer-window .commodity-layer-close:active{transform:rotate(90deg) scale(.92)!important}
.commodity-layer-window .commodity-layer-close:focus-visible{outline:3px solid rgba(10,132,255,.28)!important;outline-offset:2px!important}
@media(max-width:768px){.content-wrapper>.container{padding-left:12px;padding-right:12px}.content-wrapper .card{margin-bottom:16px}.content-wrapper .card-header{padding:14px 16px!important}.content-wrapper .login-tutorial-btn{margin-bottom:14px;font-size:14px}.content-wrapper .commodity-action-cell .commodity-click,.content-wrapper .commodity-action-cell .commodity-disabled{border-radius:999px!important}}
/* 手机端商品弹窗关闭按钮：扩大触摸热区，并确保按钮不被标题或内容层遮挡。 */
@media(max-width:768px){
    .commodity-layer-window .commodity-layer-close{
        position:fixed!important;
        top:max(10px,env(safe-area-inset-top))!important;
        right:max(10px,env(safe-area-inset-right))!important;
        width:46px!important;
        height:46px!important;
        background:rgba(255,255,255,.96)!important;
    }
    .layui-layer-page[type="page"] .layui-layer-setwin{
        position:absolute!important;
        top:max(8px,env(safe-area-inset-top))!important;
        right:max(8px,env(safe-area-inset-right))!important;
        z-index:2147483646!important;
        width:44px!important;
        height:44px!important;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
    }
    .layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close,
    .layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close1,
    .layui-layer-page[type="page"] .layui-layer-setwin .layui-layer-close2{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        width:44px!important;
        height:44px!important;
        margin:0!important;
        display:block!important;
        cursor:pointer!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    .layui-layer-page[type="page"] .layui-layer-title{
        min-height:56px!important;
        padding-right:62px!important;
        padding-top:env(safe-area-inset-top)!important;
    }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.content-wrapper .card,.content-wrapper .category-panel>.card,.content-wrapper .login-tutorial-btn,.layui-layer-page{background:rgba(252,253,255,.96)!important}}

/* 分类背景仅由内层绘制，避免表格方形背景叠加圆角。 */
.content-wrapper .category-list .layui-table,.content-wrapper .category-list .layui-table tbody,.content-wrapper .category-list .layui-table tr,.content-wrapper .category-list .layui-table tr:hover,.content-wrapper .category-list .layui-table td.category,.content-wrapper .category-list .layui-table td.category:hover,.content-wrapper .category-list .layui-table td.category.checked{background:transparent!important;box-shadow:none!important;border:0!important}
.content-wrapper .category-list .category-row-inner{width:calc(100% - 12px);margin:3px 6px;border-radius:14px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.content-wrapper .category-list .category:hover .category-row-inner{background:rgba(255,255,255,.5)!important}
.content-wrapper .category-list .category.checked .category-row-inner,.content-wrapper .category-list .category.checked:hover .category-row-inner{background:rgba(10,132,255,.12)!important;color:var(--tk-blue)!important}
/* 商品行统一使用整行背景，清除旧主题的单元格悬浮底色。 */
.content-wrapper .shop-list tr.item>td,.content-wrapper .shop-list tr.item:hover>td{background:transparent!important;box-shadow:none!important}
.content-wrapper .shop-list tr.item{background:transparent!important}
.content-wrapper .shop-list tr.item:hover{background:rgba(255,255,255,.36)!important}

/* 整行轻透玻璃高光：沿用卡片毛玻璃背景，避免实心白色及单元格分隔。 */
.content-wrapper .shop-content>.layui-table{border-collapse:separate!important;border-spacing:0!important;background:transparent!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row{background:transparent!important;background-image:none!important;box-shadow:none!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row:hover{background:rgba(255,255,255,.18)!important;background-image:none!important;clip-path:inset(0 round 14px)!important;box-shadow:none!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row::before,.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row::after{content:none!important;display:none!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row>td,.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row:hover>td{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row>td::before,.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row>td::after{content:none!important;display:none!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row:hover .commodity-name-wrap,.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row:hover .commodity-name-text,.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row:hover .commodity-action-wrap,.content-wrapper .shop-content .layui-table .shop-list>tr.item.commodity-row:hover .stock-badge{background:transparent!important;background-image:none!important;box-shadow:none!important}

/* 清除主题在每个单元格上的玻璃层，避免滤镜分别取样产生白块及重叠。 */
.content-wrapper .shop-content .layui-table .shop-list>tr.commodity-row>td,.content-wrapper .shop-content .layui-table .shop-list>tr.commodity-row:hover>td{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;opacity:1!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important;border:0!important}
.content-wrapper .shop-content .layui-table .shop-list>tr.commodity-row>td .commodity-name-wrap,.content-wrapper .shop-content .layui-table .shop-list>tr.commodity-row>td .commodity-name-text,.content-wrapper .shop-content .layui-table .shop-list>tr.commodity-row>td .commodity-action-wrap,.content-wrapper .shop-content .layui-table .shop-list>tr.commodity-row>td .stock-badge{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;box-shadow:none!important;filter:none!important}

/* 2026-10-10 修复 Main.css 的单价 right:80px、库存 right:50px 引起的单元格空隙及重叠。 */
.content-wrapper .shop-content table.layui-table .shop-list>tr>th,.content-wrapper .shop-content table.layui-table .shop-list>tr>td{position:static!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;margin:0!important;transform:none!important}

/* 商品图标与整行悬浮背景左边缘保持内边距，右侧不变。 */
.content-wrapper .shop-content table.layui-table .shop-list>tr>th:first-child,.content-wrapper .shop-content table.layui-table .shop-list>tr>td.commodity-name-cell{padding-left:14px!important}
@media(max-width:768px){.content-wrapper .shop-content table.layui-table .shop-list>tr>th:first-child,.content-wrapper .shop-content table.layui-table .shop-list>tr>td.commodity-name-cell{padding-left:10px!important}}

/* 移除首页卡片、按钮和分类徽标阴影，保留玻璃背景及圆角。 */
.content-wrapper .card,.content-wrapper .login-tutorial-btn,.content-wrapper .login-tutorial-btn:hover,.content-wrapper .login-tutorial-btn:focus,.content-wrapper .login-tutorial-btn:active,.content-wrapper .search-btn,.content-wrapper .search-btn:hover,.content-wrapper .category-count-badge,.content-wrapper .category.checked .category-count-badge,.content-wrapper .commodity-action-cell .commodity-click,.content-wrapper .commodity-action-cell .commodity-click:hover,.content-wrapper .commodity-action-cell .commodity-click:focus,.content-wrapper .commodity-action-cell .commodity-click:active,.content-wrapper .commodity-disabled,.content-wrapper .notice-warning-tip,.content-wrapper .commodity-switch-loader{box-shadow:none!important}

/* 白色背景下增强卡片层次，保持无阴影与玻璃透明度。 */
 .content-wrapper .card{background:rgba(235,239,245,.88)!important;border-color:rgba(145,157,176,.22)!important;box-shadow:none!important}
.content-wrapper .category-panel>.card{background:rgba(230,235,242,.8)!important}
.content-wrapper .card-header{border-bottom-color:rgba(100,116,139,.12)!important}

/* 首页教程入口与卡片一致，选择器不影响购买弹窗内教程。 */
.content-wrapper .login-tutorial-wrap .login-tutorial-btn,.content-wrapper .login-tutorial-wrap .login-tutorial-btn:focus{background:rgba(235,239,245,.88)!important;border:1px solid rgba(145,157,176,.22)!important;border-radius:28px!important;box-shadow:none!important;backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2);color:#0a84ff!important;min-height:48px;padding:12px 18px;transform:none!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:rgba(225,232,241,.92)!important;border-color:rgba(145,157,176,.3)!important;box-shadow:none!important;transform:none!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn:active{background:rgba(217,226,238,.94)!important;box-shadow:none!important;transform:none!important}

/* 分类、商品卡片显示内部纵向滚动条。 */
.content-wrapper .category-panel>.card>.category-list,.content-wrapper .shop-panel>.card>.shop-content{overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:rgba(106,124,149,.55) rgba(106,124,149,.08)!important;scrollbar-gutter:stable;-ms-overflow-style:auto!important}
.content-wrapper .category-panel>.card>.category-list::-webkit-scrollbar,.content-wrapper .shop-panel>.card>.shop-content::-webkit-scrollbar{display:block!important;width:6px!important;height:6px!important}
.content-wrapper .category-panel>.card>.category-list::-webkit-scrollbar-track,.content-wrapper .shop-panel>.card>.shop-content::-webkit-scrollbar-track{background:rgba(106,124,149,.08)!important;border-radius:999px;box-shadow:none!important}
.content-wrapper .category-panel>.card>.category-list::-webkit-scrollbar-thumb,.content-wrapper .shop-panel>.card>.shop-content::-webkit-scrollbar-thumb{background:rgba(106,124,149,.55)!important;border-radius:999px;border:1px solid rgba(235,239,245,.8);box-shadow:none!important}
.content-wrapper .category-panel>.card>.category-list::-webkit-scrollbar-thumb:hover,.content-wrapper .shop-panel>.card>.shop-content::-webkit-scrollbar-thumb:hover{background:rgba(85,105,132,.75)!important}
.content-wrapper .category-scroll-preview{display:none!important}
@media(max-width:768px){.content-wrapper .category-panel>.card>.category-list{padding-right:12px!important}.content-wrapper .shop-panel>.card>.shop-content{max-height:65vh!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}

/* 自绘滚动条：原生滚动仍负责内容滚动，隐藏其外观。 */
.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card{position:relative!important}
.content-wrapper .category-panel>.card>.category-list,.content-wrapper .shop-panel>.card>.shop-content{scrollbar-width:none!important;scrollbar-gutter:auto!important;-ms-overflow-style:none!important;padding-right:18px!important}
.content-wrapper .category-panel>.card>.category-list::-webkit-scrollbar,.content-wrapper .shop-panel>.card>.shop-content::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.custom-scroll-track{position:absolute;right:6px;width:7px;border-radius:999px;background:rgba(106,124,149,.1);z-index:40;touch-action:none;user-select:none}
.custom-scroll-thumb{position:absolute;top:0;left:0;width:7px;min-height:28px;border-radius:999px;background:rgba(106,124,149,.5);cursor:grab;touch-action:none;transition:background .15s}
.custom-scroll-track:hover .custom-scroll-thumb,.custom-scroll-thumb.is-dragging{background:rgba(85,105,132,.8)}
.custom-scroll-thumb.is-dragging{cursor:grabbing}
.custom-scroll-track[hidden]{display:none!important}

/* 统一首页各模块纵向间距，取消旧版零散 margin 叠加。 */
.content-wrapper>.container>.row{--home-section-gap:20px;row-gap:var(--home-section-gap)!important}
.content-wrapper>.container>.row>.notice-html,.content-wrapper>.container>.row>.login-tutorial-wrap,.content-wrapper>.container>.row>.col-12,.content-wrapper>.container>.row>.category-panel,.content-wrapper>.container>.row>.shop-panel{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
.content-wrapper>.container>.row>.notice-html>.card,.content-wrapper>.container>.row>.col-12>.card,.content-wrapper>.container>.row>.category-panel>.card,.content-wrapper>.container>.row>.shop-panel>.card{margin-top:0!important;margin-bottom:0!important}
.content-wrapper>.container>.row>.login-tutorial-wrap>.login-tutorial-btn{margin-top:0!important;margin-bottom:0!important}
@media(max-width:768px){.content-wrapper>.container>.row{--home-section-gap:16px}}

/* 搜索仅保留输入框与按钮，不使用卡片容器。 */
.content-wrapper .home-search-row .input-group{display:flex;align-items:center;gap:10px;margin:0;padding:0}
.content-wrapper .home-search-row .commodity-search{flex:1 1 0;min-width:0;width:auto!important;height:42px!important;text-align:left;padding:0 16px!important;background:rgba(255,255,255,.65)!important}
.content-wrapper .home-search-row .input-group-append{flex:0 0 auto;margin:0}
.content-wrapper .home-search-row .search-btn{height:42px!important;min-height:42px!important;padding:0 22px!important;box-shadow:none!important}

/* 整体卡片略微提高透明度，保留毛玻璃与无阴影。 */
.content-wrapper .card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn,.content-wrapper .login-tutorial-wrap .login-tutorial-btn:focus{background:rgba(235,239,245,.72)!important;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:none!important}
.content-wrapper .category-panel>.card{background:rgba(230,235,242,.64)!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:rgba(225,232,241,.78)!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn:active{background:rgba(217,226,238,.82)!important}


.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card{background:rgba(235,239,245,.68)!important;border:1px solid rgba(145,157,176,.23)!important;box-shadow:none!important;backdrop-filter:blur(14px) saturate(1.25)!important;-webkit-backdrop-filter:blur(14px) saturate(1.25)!important}
.content-wrapper .card>.card-header{background:transparent!important;border-bottom-color:rgba(120,135,155,.12)!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(232,239,248,.34))!important;border:1px solid rgba(145,157,176,.23)!important;box-shadow:none!important;backdrop-filter:blur(18px) saturate(1.6)!important;-webkit-backdrop-filter:blur(18px) saturate(1.6)!important;transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(232,239,248,.4))!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn:active{transform:scale(.992)}
.content-wrapper .home-search-row .form-control{background:rgba(255,255,255,.38)!important;border-color:rgba(145,157,176,.25)!important;box-shadow:none!important;backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);transition:background .28s ease,border-color .28s ease!important}.content-wrapper .home-search-row .form-control:focus{background:rgba(255,255,255,.64)!important;border-color:rgba(10,132,255,.5)!important}
.content-wrapper .search-btn,.content-wrapper .commodity-action-cell .commodity-click{background:linear-gradient(155deg,rgba(40,150,255,.94),rgba(10,119,240,.88))!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:none!important;transition:background .25s ease,transform .3s cubic-bezier(.22,1,.36,1)!important}.content-wrapper .search-btn:active,.content-wrapper .commodity-action-cell .commodity-click:active{transform:scale(.96)}
.content-wrapper .category{transition:background .28s ease,border-color .28s ease,color .28s ease!important}.content-wrapper .category:hover{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.16))!important}.content-wrapper .category.checked{background:linear-gradient(135deg,rgba(10,132,255,.16),rgba(255,255,255,.27))!important;color:#0875da!important}
.content-wrapper .shop-content table.layui-table .shop-list>tr:hover{background:rgba(255,255,255,.24)!important}.content-wrapper .shop-content table.layui-table .shop-list>tr:hover>td{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){.content-wrapper .category,.content-wrapper .search-btn,.content-wrapper .commodity-click,.content-wrapper .login-tutorial-btn,.content-wrapper .home-search-row input{transition:none!important;animation:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:#edf1f6!important;border-color:#aab5c4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}


.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card{background:linear-gradient(145deg,rgba(225,232,242,.78),rgba(233,238,246,.68))!important;border-color:rgba(109,130,157,.28)!important;color:#253044}
.content-wrapper .card>.card-header{border-bottom-color:rgba(109,130,157,.17)!important}.content-wrapper .card-title{color:#344359!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:linear-gradient(135deg,rgba(222,231,243,.7),rgba(232,239,249,.55))!important;border-color:rgba(109,130,157,.28)!important;color:#344359!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:linear-gradient(135deg,rgba(211,225,244,.74),rgba(230,239,252,.64))!important;border-color:rgba(94,130,178,.38)!important}
.content-wrapper .home-search-row .form-control{background:rgba(226,233,243,.6)!important;border-color:rgba(109,130,157,.3)!important;color:#253044!important}.content-wrapper .home-search-row .form-control::placeholder{color:#6c798d!important;opacity:1}.content-wrapper .home-search-row .form-control:focus{background:rgba(240,245,252,.8)!important;border-color:rgba(10,132,255,.55)!important}
.content-wrapper .category:hover{background:linear-gradient(135deg,rgba(249,252,255,.62),rgba(197,212,234,.28))!important}.content-wrapper .category.checked{background:linear-gradient(135deg,rgba(10,132,255,.19),rgba(188,212,243,.37))!important;color:#086bc5!important}
.content-wrapper .shop-content table.layui-table .shop-list>tr:hover{background:rgba(250,253,255,.42)!important}.content-wrapper .shop-content table.layui-table .shop-list>tr:hover>td{background:transparent!important}
.content-wrapper .custom-scroll-thumb{background:rgba(88,110,142,.54)!important}.content-wrapper .custom-scroll-thumb:hover{background:rgba(67,94,132,.72)!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:#e6ecf4!important;border-color:#98a9bf!important}}


.content-wrapper .home-search-row,.content-wrapper .home-search-row .input-group,.content-wrapper .category-panel,.content-wrapper .shop-panel{min-width:0}.content-wrapper .home-search-row .input-group{flex-wrap:nowrap}.content-wrapper .home-search-row .form-control{min-width:0;width:1%;flex:1 1 auto}.content-wrapper .home-search-row .input-group-btn,.content-wrapper .home-search-row .search-btn{flex-shrink:0}.content-wrapper .search-btn,.content-wrapper .commodity-action-cell .commodity-click{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:768px){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{backdrop-filter:blur(12px) saturate(1.3)!important;-webkit-backdrop-filter:blur(12px) saturate(1.3)!important}.content-wrapper .home-search-row .form-control{font-size:16px!important;min-height:44px!important}.content-wrapper .home-search-row .search-btn{min-height:44px!important}.content-wrapper .category-panel>.card>.category-list,.content-wrapper .shop-panel>.card>.shop-content{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.content-wrapper .custom-scroll-track{touch-action:none}.content-wrapper .custom-scroll-thumb{min-height:28px}.content-wrapper .shop-content table.layui-table .shop-list>tr{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(hover:none),(pointer:coarse){.content-wrapper .category:hover{background:transparent!important}.content-wrapper .category.checked,.content-wrapper .category.checked:hover{background:linear-gradient(135deg,rgba(10,132,255,.19),rgba(188,212,243,.37))!important}.content-wrapper .shop-content table.layui-table .shop-list>tr:hover{background:transparent!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:linear-gradient(135deg,rgba(222,231,243,.7),rgba(232,239,249,.55))!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn:active{background:rgba(200,219,244,.68)!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card{background:#e6ecf4!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:#e3ebf6!important}.content-wrapper .home-search-row .form-control{background:#edf2f8!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.content-wrapper .home-search-row .form-control{background:#f1f5fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-wrapper .category.checked{background:#d1e5fd!important}}
@media(forced-colors:active){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn,.content-wrapper .home-search-row .form-control,.content-wrapper .search-btn,.content-wrapper .commodity-action-cell .commodity-click{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-wrapper .category.checked{outline:2px solid Highlight!important}.content-wrapper .custom-scroll-thumb{background:CanvasText!important}}


.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card{background:rgba(237,237,239,.52)!important;border-color:rgba(105,105,112,.24)!important;backdrop-filter:blur(32px) saturate(1.05)!important;-webkit-backdrop-filter:blur(32px) saturate(1.05)!important}
.content-wrapper .card>.card-header{border-bottom-color:rgba(105,105,112,.14)!important}.content-wrapper .card-title{color:#35363b!important}
.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:linear-gradient(135deg,rgba(245,245,246,.56),rgba(225,225,228,.42))!important;border-color:rgba(105,105,112,.24)!important;color:#35363b!important;backdrop-filter:blur(30px) saturate(1.05)!important;-webkit-backdrop-filter:blur(30px) saturate(1.05)!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:rgba(247,247,248,.62)!important;border-color:rgba(105,105,112,.32)!important}
.content-wrapper .home-search-row .form-control{background:rgba(234,234,237,.44)!important;border-color:rgba(105,105,112,.28)!important;color:#303137!important;backdrop-filter:blur(24px) saturate(1.05)!important;-webkit-backdrop-filter:blur(24px) saturate(1.05)!important}.content-wrapper .home-search-row .form-control::placeholder{color:#77787e!important}.content-wrapper .home-search-row .form-control:focus{background:rgba(248,248,249,.58)!important}
.content-wrapper .category:hover{background:rgba(255,255,255,.32)!important}.content-wrapper .category.checked{background:rgba(10,132,255,.1)!important}.content-wrapper .shop-content table.layui-table .shop-list>tr:hover{background:rgba(255,255,255,.3)!important}.content-wrapper .shop-content table.layui-table .shop-list>tr:hover>td{background:transparent!important}
.content-wrapper .custom-scroll-thumb{background:rgba(100,100,108,.5)!important}.content-wrapper .custom-scroll-thumb:hover{background:rgba(80,80,88,.65)!important}
@media(max-width:768px){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{backdrop-filter:blur(24px) saturate(1.05)!important;-webkit-backdrop-filter:blur(24px) saturate(1.05)!important}}
@media(hover:none),(pointer:coarse){.content-wrapper .category:hover,.content-wrapper .shop-content table.layui-table .shop-list>tr:hover{background:transparent!important}.content-wrapper .category.checked,.content-wrapper .category.checked:hover{background:rgba(10,132,255,.1)!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn:hover{background:linear-gradient(135deg,rgba(245,245,246,.56),rgba(225,225,228,.42))!important}.content-wrapper .login-tutorial-wrap .login-tutorial-btn:active{background:rgba(214,214,218,.58)!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn,.content-wrapper .home-search-row .form-control{background:#ececee!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn,.content-wrapper .home-search-row .form-control{background:#ececee!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}


.content-wrapper{--lg-x:50%;--lg-y:16%;--lg-edge:rgba(255,255,255,.78)}
.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(220,230,243,.24))!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(62,81,110,.11),0 22px 48px -32px rgba(22,39,66,.56)!important;backdrop-filter:blur(26px) saturate(1.55) contrast(1.04)!important;-webkit-backdrop-filter:blur(26px) saturate(1.55) contrast(1.04)!important}
.content-wrapper .notice-html>.card::before,.content-wrapper .category-panel>.card::before,.content-wrapper .shop-panel>.card::before,.content-wrapper .login-tutorial-wrap .login-tutorial-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.95),rgba(255,255,255,.15) 36%,rgba(89,130,188,.13) 68%,rgba(255,255,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.content-wrapper .notice-html>.card::after,.content-wrapper .category-panel>.card::after,.content-wrapper .shop-panel>.card::after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at var(--lg-x) var(--lg-y),rgba(255,255,255,.55),rgba(255,255,255,.1) 18%,transparent 43%);mix-blend-mode:screen;opacity:.62;pointer-events:none;z-index:0}
.content-wrapper .card>.card-header,.content-wrapper .card>.card-block,.content-wrapper .card>.card-body,.content-wrapper .category-list,.content-wrapper .shop-content{position:relative;z-index:1}
.content-wrapper .home-search-row .form-control{background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(220,231,246,.27))!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(65,85,115,.1)!important;backdrop-filter:blur(18px) saturate(1.45)!important;-webkit-backdrop-filter:blur(18px) saturate(1.45)!important}
.content-wrapper .search-btn,.content-wrapper .commodity-action-cell .commodity-click{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(72,169,255,.96),rgba(0,105,235,.9))!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 9px 20px -14px rgba(0,92,210,.9)!important}
.content-wrapper .category{border-radius:14px!important}.content-wrapper .category.checked{box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 18px -15px rgba(0,100,220,.72)!important}
@media(max-width:768px),(pointer:coarse){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{backdrop-filter:blur(18px) saturate(1.35)!important;-webkit-backdrop-filter:blur(18px) saturate(1.35)!important}.content-wrapper .notice-html>.card::after,.content-wrapper .category-panel>.card::after,.content-wrapper .shop-panel>.card::after{opacity:.38}}
@media(prefers-reduced-motion:reduce){.content-wrapper *{scroll-behavior:auto!important}.content-wrapper .card::after{transition:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card{background:#edf2f8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-wrapper .card::after{display:none}}


/* 首页卡片保持玻璃边缘，但彻底移除投影，避免层次杂乱。 */
.content-wrapper .card,.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn,.content-wrapper .home-search-row .form-control,.content-wrapper .search-btn,.content-wrapper .commodity-action-cell .commodity-click,.content-wrapper .category.checked,.content-wrapper .category-count-badge{box-shadow:none!important}
/* 移除跟随指针的大面积混合光斑，降低滚动时的重绘范围。 */
.content-wrapper .notice-html>.card::after,.content-wrapper .category-panel>.card::after,.content-wrapper .shop-panel>.card::after{display:none!important}
/* 滚动区域独立绘制，减少商品列表与分类列表互相触发重排。 */
.content-wrapper .category-panel>.card>.category-list,.content-wrapper .shop-panel>.card>.shop-content{contain:layout paint;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto!important;touch-action:pan-y}
.content-wrapper .shop-content table,.content-wrapper .category-list table{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* PC 只保留轻量磨砂；输入框不再单独创建滤镜层。 */
.content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{backdrop-filter:blur(12px) saturate(1.25)!important;-webkit-backdrop-filter:blur(12px) saturate(1.25)!important}
.content-wrapper .home-search-row .form-control{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* iOS/触屏设备保留轻量真实玻璃；低模糊与静态高光兼顾质感和帧率。 */
@media(max-width:991.98px),(pointer:coarse){
 .content-wrapper .notice-html>.card,.content-wrapper .category-panel>.card,.content-wrapper .shop-panel>.card,.content-wrapper .login-tutorial-wrap .login-tutorial-btn{background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(210,224,243,.26))!important;border-color:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px) saturate(1.3)!important;-webkit-backdrop-filter:blur(8px) saturate(1.3)!important}
 .content-wrapper .notice-html>.card::before,.content-wrapper .category-panel>.card::before,.content-wrapper .shop-panel>.card::before,.content-wrapper .login-tutorial-wrap .login-tutorial-btn::before{opacity:.86;background:linear-gradient(125deg,rgba(255,255,255,.96),rgba(255,255,255,.18) 38%,rgba(95,140,202,.14) 70%,rgba(255,255,255,.68))}
 .content-wrapper .home-search-row .form-control{background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(217,230,247,.32))!important;border-color:rgba(255,255,255,.74)!important}
 .content-wrapper .category,.content-wrapper .shop-content table.layui-table .shop-list>tr{transition:none!important}
 .content-wrapper .custom-scroll-track{display:none!important}
}