/* 薪火小店前台视觉层。仅作用于 Toka 首页及其购买弹窗。 */
:root{--xh-ink:#202467;--xh-muted:#8589b0;--xh-violet:#6956f6;--xh-line:#e5e6ff;--xh-mint:#3fa99d;--xh-pink:#ed2983}
.toka-home-container .card{border:1px solid rgba(255,255,255,.76);border-radius:19px;background:linear-gradient(130deg,rgba(249,249,255,.96),rgba(230,236,255,.94));box-shadow:0 11px 27px rgba(6,31,110,.12);overflow:hidden}
.toka-home-container .card-header{background:transparent;border-bottom:0;padding:15px 17px 7px}
.toka-home-container .card-title{color:var(--xh-ink);font-weight:700;font-size:16px;margin:0}
.toka-home-container .card-title i{color:#705cf3;margin-right:8px}
.toka-home-container .notice-html .card{border-radius:50px;margin-bottom:15px}
.toka-home-container .notice-html .card-block{padding:11px 19px!important}
.toka-home-container .notice-details summary{list-style:none;color:#6661a3;font-size:13px;font-weight:550;cursor:pointer}
.toka-home-container .notice-details summary::-webkit-details-marker{display:none}
.toka-home-container .notice-details[open] summary{margin-bottom:9px}
.toka-home-container .notice-details[open]{line-height:1.8}
.toka-home-container .input-group:has(.commodity-search){display:flex;flex-wrap:nowrap;align-items:stretch;margin-bottom:0}
.toka-home-container .input-group:has(.commodity-search) .input-group-append{display:flex;align-self:stretch;margin-left:-1px}
.toka-home-container .commodity-search{border:1px solid #dee1fb;border-radius:10px 0 0 10px;background:rgba(255,255,255,.68);color:var(--xh-ink);min-height:43px}
.toka-home-container .commodity-search{box-sizing:border-box;height:43px!important;min-width:0;flex:1 1 auto;padding-left:13px}
.toka-home-container .commodity-search{text-align:left!important}
.toka-home-container .commodity-search:focus{border-color:#a99afa;box-shadow:0 0 0 3px rgba(143,115,255,.15)}
.toka-home-container .search-btn{background:linear-gradient(135deg,#9075ff,#5850fa);border-color:#8270fa;border-radius:0 10px 10px 0;color:#fff;padding:9px 21px;box-shadow:0 4px 11px rgba(95,77,231,.17)}
.toka-home-container .input-group:has(.commodity-search) .search-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:43px!important;min-height:43px;line-height:1;margin:0;padding:0 21px;white-space:nowrap}
.toka-home-container .search-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.toka-home-container .category-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9b3ed transparent;padding:0 11px 16px!important}
.toka-home-container .category-list table{border-collapse:separate;border-spacing:0 5px;background:transparent}
.toka-home-container .category-list table .item{border:0;background:transparent}
.toka-home-container .category-list table .item td{border:0;border-radius:10px;padding:9px 8px!important;transition:background .18s,color .18s;min-width:0}
.toka-home-container .category-list table .item td:hover{background:rgba(255,255,255,.75);color:#6753ef}
.toka-home-container .category-list table .item .checked{background:linear-gradient(90deg,#eee9ff,#e7e1ff);color:#5e47ef;box-shadow:none}
.toka-home-container .category-list table .item .checked{position:relative;overflow:hidden;isolation:isolate}
.toka-home-container .category-list table .item .checked::before{content:"";position:absolute;z-index:1;inset:0;border:2.5px solid transparent;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#eee9ff,#e7e1ff) padding-box,linear-gradient(110deg,#fb78a8,#ffd16c,#79dea6,#67c9ff,#9b83ff,#fb78a8) border-box;box-shadow:inset 0 0 9px rgba(135,113,255,.2);animation:xh-category-rainbow-breathe 3.4s ease-in-out infinite;will-change:opacity,filter}
.toka-home-container .category-list table .item .checked::after{display:none}
.toka-home-container .category-list table .item .checked>.category-line{position:relative;z-index:2}
@keyframes xh-category-rainbow-breathe{0%,100%{opacity:.62;filter:saturate(.85) brightness(.96)}50%{opacity:1;filter:saturate(1.22) brightness(1.06)}}
.toka-home-container .category-list table .item .checked,.toka-home-container .category-list table .item .checked .category-name{color:#6246e9!important}
.toka-home-container .category-name{font-weight:600}
.toka-home-container .category-list .category-name{color:#26376e!important;font-size:14px;font-weight:700;letter-spacing:.05px}
.toka-home-container .category-list .item td:hover .category-name{color:#6246e9!important}
.toka-home-container .category-count{background:#e4ddff;color:#7359df;box-shadow:none;border-radius:9px;font-size:11px;min-width:27px;text-align:center}
.toka-home-container .shop-content{height:auto;max-height:780px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bcb5f4 transparent;padding:6px 14px 16px}
.toka-home-container .shop-list{display:flex;flex-direction:column;gap:9px}
.xh-product-card{background:linear-gradient(115deg,rgba(255,255,255,.98),rgba(248,249,255,.96));border:1px solid #e9e7ff;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(56,57,141,.03);transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s}
.xh-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#a398ff,#a4e1ff,transparent);opacity:0;transition:opacity .2s;pointer-events:none}
.xh-product-card:hover{transform:translateY(-2px);border-color:#bcb2fa;box-shadow:0 8px 22px rgba(77,69,165,.14)}
.xh-product-card:hover:before,.xh-product-card.is-open:before{opacity:1}
.xh-product-card.is-open{border-color:#aa9af9;box-shadow:0 7px 20px rgba(92,82,187,.12)}
.xh-card-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:13px 15px}
.xh-card-title{display:flex;align-items:center;gap:13px;min-width:0;background:transparent;border:0;text-align:left;padding:0;color:var(--xh-ink);cursor:pointer}
.xh-card-title:focus{outline:none}
.xh-card-title:focus-visible,.xh-buy:focus-visible,.toka-home-container .category:focus-visible{outline:3px solid #70d2e5;outline-offset:3px}
.xh-card-image{width:50px;height:50px;flex:none;object-fit:cover;border:1px solid #dfe4fb;border-radius:11px;background:#f2f4ff;box-shadow:0 3px 8px rgba(77,78,165,.08)}
.xh-title-content{display:block;min-width:0}
.xh-card-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.45;word-break:break-word;transition:color .18s}
.xh-card-name i{font-size:12px;color:#8769f0;opacity:0;transition:opacity .18s,transform .18s;flex:none}
.xh-card-title:hover .xh-card-name,.xh-product-card.is-open .xh-card-name{color:#6d50ed}
.xh-card-title:hover .xh-card-name i,.xh-product-card.is-open .xh-card-name i{opacity:1}
.xh-product-card.is-open .xh-card-name i{transform:rotate(180deg)}
.xh-card-subtitle{display:block;font-size:11px;color:var(--xh-muted);margin-top:3px}
.xh-card-status{font-size:11px;color:#35958e;background:#dff6f0;border:1px solid #d4f0e9;border-radius:50px;padding:3px 9px;white-space:nowrap}
.xh-card-status.is-empty{color:#b66b75;background:#fff0f1;border-color:#ffe2e5}
.xh-card-price{font-size:18px;color:var(--xh-pink);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.xh-buy{border:1px solid rgba(255,255,255,.7);color:#fff;background:linear-gradient(135deg,#9173ff,#5d50f8);box-shadow:0 4px 10px rgba(107,83,244,.21);border-radius:10px;font-size:12px;font-weight:600;padding:9px 18px;cursor:pointer;white-space:nowrap;transition:transform .18s,box-shadow .18s,filter .18s}
.xh-buy:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 16px rgba(97,74,228,.31)}
.xh-buy:active{transform:translateY(1px)}
.xh-buy:disabled{opacity:.5;cursor:not-allowed;transform:none}
.xh-card-meta{display:flex;align-items:center;gap:18px}
.xh-card-detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .26s cubic-bezier(.2,.7,.2,1),opacity .2s}
.xh-product-card.is-open .xh-card-detail{max-height:1100px;opacity:1}
.xh-detail-inner{margin:0 14px 14px;padding:14px 17px;background:linear-gradient(115deg,#f1efffbd,#edf7ffb8);border:1px solid #e4e4fc;border-radius:11px;color:#777ca6;font-size:12px;line-height:1.8}
.xh-detail-inner,.xh-detail-inner .xh-description,.xh-detail-inner .xh-description *{color:#5d638e!important}
.xh-detail-inner strong{display:block;color:#393b79;font-size:12px;margin-bottom:7px}
.xh-detail-inner strong{color:#343a79!important}
.xh-detail-inner img{max-width:100%;height:auto;border-radius:8px}
.xh-detail-inner a{color:#7561e8;text-decoration:underline}
.xh-detail-inner p{margin:6px 0}.xh-detail-inner *{max-width:100%}
.xh-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:11px;border-top:1px solid #e3e4f6;margin-top:12px}
.xh-detail-actions .xh-buy{padding:7px 14px}
.xh-detail-actions a{color:#8664dc;font-size:11px;text-decoration:none}
.xh-detail-actions a{color:#775ad5!important}
.xh-detail-actions .xh-buy{color:#fff!important}
.xh-detail-actions a:hover{text-decoration:underline}
.xh-card-empty{padding:35px 15px;color:#8085ae;text-align:center;font-size:13px}
.xh-load-state{min-height:18px;margin:12px 2px 2px;color:#7d81aa;text-align:center;font-size:12px}
.xh-pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#777da8;font-size:12px;margin:13px 2px 0}
.xh-page{border:1px solid #deddf7;color:#7663dc;background:rgba(255,255,255,.8);border-radius:8px;padding:6px 11px;cursor:pointer}
.xh-page:hover:not(:disabled){background:#eee9ff;border-color:#a99af4}
.xh-page:disabled{opacity:.45;cursor:default}
.xh-skeleton{height:79px;background:linear-gradient(100deg,#f4f3ff,#ffffff,#f4f3ff);background-size:200% 100%;border:1px solid #eae9ff;border-radius:14px;animation:xh-pulse 1.2s ease-in-out infinite}
@keyframes xh-pulse{to{background-position:-200% 0}}
.layui-layer-page:has(.open-commodity){border-radius:16px!important;overflow:hidden;box-shadow:0 24px 70px rgba(8,28,111,.25)!important}
.layui-layer-page:has(.open-commodity) .layui-layer-setwin{top:13px!important;right:13px!important;z-index:30;width:38px;height:38px}
.layui-layer-page:has(.open-commodity) .layui-layer-setwin .layui-layer-close{position:relative!important;top:auto!important;right:auto!important;display:block!important;width:38px!important;height:38px!important;margin:0!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:50%!important;background:#5946d9!important;box-shadow:0 3px 11px rgba(49,35,139,.28)!important;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}
.layui-layer-page:has(.open-commodity) .layui-layer-setwin .layui-layer-close::before,.layui-layer-page:has(.open-commodity) .layui-layer-setwin .layui-layer-close::after{content:"";position:absolute;top:17px;left:10px;width:18px;height:3px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.layui-layer-page:has(.open-commodity) .layui-layer-setwin .layui-layer-close::after{transform:rotate(-45deg)}
.layui-layer-page:has(.open-commodity) .layui-layer-setwin .layui-layer-close:hover{background:#3c2bb8!important;transform:scale(1.07);box-shadow:0 5px 14px rgba(49,35,139,.35)!important}
.layui-layer-page:has(.open-commodity) .layui-layer-setwin .layui-layer-close:focus-visible{outline:3px solid #73d5e5;outline-offset:2px}
.layui-layer-page:has(.open-commodity) .layui-layer-title{padding-right:64px!important}
.layui-layer-page .open-commodity .acg-input{border:1px solid #dce0f5;border-radius:9px;background:#fff;min-height:36px}
.layui-layer-page .open-commodity .acg-input:focus{border-color:#a595ff;box-shadow:0 0 0 3px rgba(155,132,255,.16)}
.layui-layer-page .open-commodity .commodity_name{font-size:18px;color:var(--xh-ink);font-weight:750}
.layui-layer-page .open-commodity .pay-button{border-radius:10px;transition:filter .18s,transform .18s}
.layui-layer-page .open-commodity .pay-button:hover{filter:brightness(1.07);transform:translateY(-1px)}
@media(max-width:768px){.content-wrapper .toka-home-container{width:100%!important;max-width:100%!important}.toka-home-container .card{border-radius:15px}.toka-home-container .category-list{height:auto;max-height:115px;overflow-x:auto;overflow-y:hidden;padding:6px 8px!important;scrollbar-width:none}.toka-home-container .category-list .category-items{height:auto;display:flex;gap:7px;white-space:nowrap}.toka-home-container .category-list table{width:auto!important;background:transparent}.toka-home-container .category-list .category-items tr{display:inline-flex!important}.toka-home-container .category-list .category-items tr[style*="display:none"]{display:none!important}.toka-home-container .category-list table .item td{border-radius:25px;background:#f4f2ff;padding:8px 10px!important}.toka-home-container .category-list .commodity-icon{width:16px}.toka-home-container .category-list .category-line{white-space:nowrap}.toka-home-container .category-list .category-count{display:none}.toka-home-container .category-list .category-toggle{width:17px;height:17px;min-width:17px;font-size:12px}.toka-home-container .shop-content{max-height:none;overflow:visible;padding:5px 9px 13px}.xh-card-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px}.xh-card-image{width:42px;height:42px}.xh-card-title{gap:10px}.xh-card-name{font-size:12px}.xh-card-name i{opacity:.6}.xh-card-subtitle{font-size:10px}.xh-card-meta{grid-column:1;grid-row:2;margin-left:52px;margin-top:-6px;gap:9px}.xh-card-status{font-size:9px;padding:2px 7px}.xh-card-price{font-size:14px}.xh-card-row>.xh-buy{grid-column:2;grid-row:1/3;padding:8px 13px}.xh-detail-inner{margin:0 9px 10px;padding:12px}.toka-home-container .notice-html .card{border-radius:21px}}
@media(prefers-reduced-motion:reduce){.xh-product-card,.xh-product-card:before,.xh-card-name,.xh-card-name i,.xh-buy,.xh-card-detail,.xh-skeleton{transition:none!important;animation:none!important}.xh-product-card:hover,.xh-buy:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.toka-home-container .category-list table .item .checked::before{animation:none;opacity:1;filter:none}.toka-home-container .category-list table .item .checked::after{display:none}}
@media(max-width:768px){body{background-attachment:scroll!important}}