html[data-mall],html[data-mall] body{background:#fdf4e0;color:#222}html[data-mall] .font-display,html[data-mall] h1,html[data-mall] h2,html[data-mall] h3{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;letter-spacing:0}.mall-root{min-height:100vh;background:#fdf4e0}.mall-shell{--mall-bg:#fdf4e0;--mall-cream:#fdf4e0;--mall-yellow:#ffe45a;--mall-yellow-2:#e8b400;--mall-grey:#f0f0f0;--mall-grey-2:#c8c8c8;--mall-dark:#3a3a3a;--mall-brown:#b88828;--mall-brown-2:#8f6414;--mall-ink:#222;--mall-border:#5a5a5a;--mall-gold-line:#c4a04a;display:flex;flex-direction:column;width:min(1080px,100%);min-height:100vh;margin:0 auto;padding:12px 16px 10px;color:var(--mall-ink);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;font-size:13px}.mall-shell,.mall-shell *,.mall-shell :after,.mall-shell :before{box-sizing:border-box}.mall-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border:1px solid #5a5a5a;border-radius:6px;background:linear-gradient(180deg,#f0f0f0,#c8c8c8);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.22);color:#1a1a1a;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap}.mall-btn:hover{filter:brightness(1.04)}.mall-btn:active{filter:none;background:linear-gradient(180deg,#c0c0c0,#dcdcdc);box-shadow:inset 0 2px 3px rgba(0,0,0,.28);transform:translateY(1px)}.mall-btn--yellow,.mall-btn.is-active{border-color:#8a6810;background:linear-gradient(180deg,#ffe45a,#e8b400);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(120,80,0,.18),0 1px 2px rgba(0,0,0,.22);color:#2a1a08}.mall-btn--yellow:hover,.mall-btn.is-active:hover{filter:brightness(1.03)}.mall-btn--yellow:active,.mall-btn.is-active:active{filter:none;background:linear-gradient(180deg,#d4a400,#f0d040);box-shadow:inset 0 2px 3px rgba(80,50,0,.35);transform:translateY(1px)}.mall-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.mall-btn--orange{border-color:#c86808;background:linear-gradient(180deg,#ffa428,#f39800);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.22);color:#fff}.mall-btn--orange:active{background:linear-gradient(180deg,#e08800,#ffb040);box-shadow:inset 0 2px 3px rgba(80,40,0,.35)}.mall-card__mini svg{width:12px;height:12px}.mall-feature:after{position:absolute;inset:40% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.5));content:""}.mall-feature__bonus,.mall-feature__name,.mall-feature__price,.mall-ribbon{z-index:2}.mall-header{display:flex;align-items:center;gap:10px;min-height:50px}.mall-logo{flex:none;width:42px;height:42px}.mall-nav{display:flex;gap:8px}.mall-nav .mall-btn{min-width:120px;width:120px;height:36px;font-size:14px}.mall-header__spacer{flex:1}.mall-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #5a5a5a;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(0,0,0,.22);text-decoration:none;cursor:pointer}.mall-icon-btn:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.28);transform:translateY(1px)}.mall-icon-btn--star{background:linear-gradient(180deg,#ffe45a,#e8b400)}.mall-icon-btn--cart{background:linear-gradient(180deg,#6fd45a,#3a9a2e)}.mall-icon-btn__badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border:1px solid #c62828;border-radius:50%;background:#e53935;color:#fff;font-size:10px;font-weight:700;line-height:14px;text-align:center}.mall-search{display:flex;align-items:center;height:38px;margin-top:10px;padding:0 12px 0 16px;border-radius:8px;background:#3a3a3a;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.18);color:#fff}.mall-search__grow{flex:1}.mall-search__label{margin-right:10px;color:#f3efe4;font-size:13px;font-weight:700;white-space:nowrap}.mall-search__field{display:flex;align-items:center;width:min(260px,42vw);height:26px;padding:0 4px 0 8px;border-radius:3px;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.08)}.mall-search__field input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:#333;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;font-size:12px}.mall-search__field input::placeholder{color:#b0b0b0}.mall-search__field button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;background:transparent;color:#555;cursor:pointer}.mall-body{display:flex;flex:1;gap:12px;min-height:0;margin-top:12px}.mall-side{display:flex;flex:none;flex-direction:column;gap:6px;width:130px}.mall-side--wide{width:180px}.mall-side .mall-btn{width:100%;height:32px;padding:0 6px;font-size:13px}.mall-side--wide .mall-btn{height:34px;padding:0 8px;font-size:12px}.mall-main{display:flex;flex:1;flex-direction:column;min-width:0}.mall-bar{height:34px;padding:0 12px;border:1px solid #7a5a14;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#b88828,#8f6414);box-shadow:inset 0 1px 0 rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}.mall-bar,.mall-bar__title{display:flex;align-items:center}.mall-bar__title{gap:6px}.mall-bar__spacer{flex:1}.mall-bar__actions{display:flex;align-items:center;gap:10px;font-weight:600}.mall-bar__actions label{display:flex;align-items:center;gap:4px;cursor:pointer}.mall-bar .mall-btn{height:24px;padding:0 12px;font-size:12px}.mall-bar .mall-btn--ghost{border-color:#d8c48a;background:linear-gradient(180deg,#c49a40,#9a7018);box-shadow:inset 0 1px 0 rgba(255,255,255,.28);color:#fff}.mall-panel{flex:1;min-height:380px;border:1px solid #c4a04a;background:#fff}.mall-bar+.mall-empty,.mall-bar+.mall-list,.mall-bar+.mall-panel{border-top:0;border-radius:0 0 4px 4px}.mall-bar+.mall-empty,.mall-bar+.mall-list{flex:1;min-height:380px;border:1px solid #c4a04a;border-top:0;background:#fff}.mall-panel--plain{background:#fdf4e0;border-color:transparent}.mall-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 0 10px}.mall-feature{position:relative;overflow:hidden;height:186px;border:1px solid #5a5a5a;border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);cursor:pointer;text-decoration:none;color:inherit}.mall-feature:hover{border-color:#8a5c10}.mall-feature__img{position:absolute;inset:0}.mall-feature__img img{width:100%;height:100%;object-fit:cover}.mall-feature__fallback{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 40%),linear-gradient(135deg,#c9a15a,#8d5a2a 45%,#4a2e18)}.mall-feature__name{position:absolute;right:10px;bottom:44px;max-width:70%;color:#fff;font-size:18px;font-weight:900;letter-spacing:.04em;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 8px rgba(0,0,0,.35)}.mall-feature__bonus{left:8px;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(255,255,255,.92);color:#1a4a9a;font-size:12px;font-weight:700}.mall-feature__bonus,.mall-feature__price{position:absolute;bottom:8px;display:flex;align-items:center}.mall-feature__price{right:6px;gap:6px;min-width:96px;height:26px;padding:0 8px 0 10px;border:1px solid #c9a010;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 42%),linear-gradient(180deg,#ffe45a,#e8b400);box-shadow:0 1px 3px rgba(0,0,0,.22);color:#2a1a08;font-weight:800}.mall-feature__old{color:#6a4a18;font-size:11px;font-weight:600;text-decoration:line-through;opacity:.78}.mall-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px 8px 8px;background:#fdf4e0}.mall-card{position:relative;display:flex;flex-direction:column;overflow:hidden;height:172px;border:1px solid #c8c8c8;border-radius:2px;background:#fff;cursor:pointer}.mall-card.is-selected,.mall-card:hover{border-color:#8a5c10;box-shadow:inset 0 0 0 1px #8a5c10}.mall-card__media{position:relative;flex:1;min-height:0;background:#f3f3f3}.mall-card__media img{width:100%;height:100%;object-fit:contain}.mall-card__actions{position:absolute;top:4px;right:4px;z-index:2;display:flex;flex-direction:column;gap:3px}.mall-card__mini{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #b8a050;border-radius:2px;background:linear-gradient(180deg,#ffe45a,#e8b400);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);cursor:pointer}.mall-card__mini--cart{background:linear-gradient(180deg,#6fd45a,#3a9a2e);border-color:#2d7a24}.mall-card__name{height:28px;padding:2px 4px 0;overflow:hidden;color:#222;font-size:12px;font-weight:700;line-height:13px;text-align:center}.mall-card__price{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%),linear-gradient(180deg,#ffe45a,#e8b400);color:#2a1a08;font-size:12px;font-weight:800}.mall-ribbon{position:absolute;top:12px;left:-30px;z-index:2;width:100px;padding:3px 0;color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-align:center;transform:rotate(-45deg);box-shadow:0 1px 3px rgba(0,0,0,.22)}.mall-ribbon--hot{background:#e8789a}.mall-ribbon--rec{background:#6aadd8}.mall-ribbon--new{background:#e05050}.mall-ribbon--limit{background:#f0c84a;color:#5a3a08}.mall-pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0 8px}.mall-pager a,.mall-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;color:#666;font-size:13px;font-weight:700;text-decoration:none}.mall-pager .is-active{border-radius:2px;background:linear-gradient(180deg,#ffe45a,#e8b400);box-shadow:0 1px 1px rgba(0,0,0,.15);color:#2a1a08;text-decoration:none}.mall-footer{display:flex;align-items:center;gap:8px;margin-top:12px}.mall-footer .mall-btn{min-width:92px;height:34px}.mall-footer__spacer{flex:1}.mall-balance{gap:6px;min-width:136px;height:30px;padding:0 8px 0 6px;border-radius:15px;background:#3a3a3a;box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.12)}.mall-balance,.mall-balance button{display:flex;align-items:center;color:#fff}.mall-balance button{justify-content:center;width:20px;height:20px;border:0;border-radius:50%;background:rgba(255,255,255,.14);cursor:pointer}.mall-balance__value{flex:1;font-size:13px;font-weight:700;text-align:center}.mall-disclaimer{margin:10px 0 2px;color:#6a6a6a;font-size:12px;text-align:center}.mall-empty{display:flex;align-items:center;justify-content:center;min-height:380px;color:#9a9a9a;font-size:14px}.mall-table{width:100%;border-collapse:collapse;background:#fff}.mall-table th{height:34px;border-right:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#b88828,#8f6414);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);color:#fff;font-size:13px;font-weight:700}.mall-table th:last-child{border-right:0}.mall-table td{height:36px;border-bottom:1px solid #eee;color:#444;font-size:13px;text-align:center}.mall-table td .mall-empty{min-height:340px}.mall-records-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;color:#6a4a18}.mall-records-head h2{margin:0;font-size:14px;font-weight:700}.mall-records-head span{font-size:12px}.mall-check{width:14px;height:14px;accent-color:#c9a010}.mall-list{display:flex;flex-direction:column;gap:8px;padding:10px}.mall-list-item{display:grid;grid-template-columns:22px 64px 1fr auto auto;gap:10px;align-items:center;padding:8px;border:1px solid #e0d4b0;background:#fffaf0}.mall-list-item .mall-thumb,.mall-list-item img{width:64px;height:64px;object-fit:contain;background:#f3f3f3}.mall-list-item__name{font-size:13px;font-weight:700}.mall-list-item__price{color:#8a5c10;font-weight:800}.mall-qty{display:flex;align-items:center;gap:4px}.mall-qty button{width:22px;height:22px;border:1px solid #8a8a8a;border-radius:2px;background:#eee;cursor:pointer}.mall-qty input{width:40px;height:22px;border:1px solid #c8c8c8;text-align:center}.mall-recharge{padding:20px 24px 26px;border:1px solid #c4a04a;background:#fff}.mall-recharge__account{margin-bottom:16px;color:#333;font-size:13px}.mall-recharge__account a,.mall-recharge__account button.link{border:0;background:none;color:#e07020;cursor:pointer}.mall-amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mall-amount{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:76px;border:2px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer}.mall-amount.is-selected{border-color:#f39800}.mall-amount__top{color:#333;font-size:16px;font-weight:800}.mall-amount__bot{margin-top:4px;color:#888;font-size:13px}.mall-amount input{width:72px;height:24px;border:1px solid #ddd;text-align:center}.mall-check-badge{position:absolute;top:0;right:0;justify-content:center;width:20px;height:20px;border-radius:0 3px 0 8px;background:#f39800;color:#fff;line-height:1;text-align:center;pointer-events:none}.mall-check-badge,.mall-note{display:flex;align-items:center;font-size:12px}.mall-note{gap:6px;margin:12px 0;color:#e07020}.mall-pay-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 16px}.mall-pay{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:36px;padding:0 12px;border:2px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.mall-pay.is-selected{border-color:#f39800}.mall-warn{margin:4px 0;color:#e07020;font-size:13px}.mall-recharge__cta{display:flex;gap:24px;align-items:center;margin-top:16px}.mall-recharge__cta .mall-btn--orange{min-width:120px;height:40px;border-color:#c86808;background:linear-gradient(180deg,#ffa428,#f39800);color:#fff;font-size:16px}.mall-recharge__bal{color:#555;font-size:13px;line-height:1.7}.mall-detail{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:18px;border:1px solid #c4a04a;background:#fff}.mall-detail__cover{overflow:hidden;height:260px;border:1px solid #ddd;background:#f3f3f3}.mall-detail__cover img{width:100%;height:100%;object-fit:contain}.mall-detail h1{margin:0 0 8px;color:#333;font-size:20px;font-weight:800}.mall-detail__price{display:flex;align-items:center;gap:8px;margin:12px 0;color:#8a5c10;font-size:22px;font-weight:800}.mall-detail__meta{margin:8px 0 16px;color:#777;font-size:13px}.mall-detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.mall-toast-ok{color:#3d8b3d}@media (max-width:900px){.mall-featured{grid-template-columns:1fr}.mall-grid{grid-template-columns:repeat(3,1fr)}.mall-side{width:96px}.mall-detail{grid-template-columns:1fr}.mall-amount-grid{grid-template-columns:1fr 1fr}.mall-footer{flex-wrap:wrap}}@media (max-width:640px){.mall-grid{grid-template-columns:repeat(2,1fr)}.mall-header{flex-wrap:wrap}.mall-nav .mall-btn{min-width:96px;width:auto}}