body.shop-page{--shop-bg:#ffffff;--shop-page:#f7f7f9;--shop-panel:#ffffff;--shop-text:#16161d;--shop-muted:#737782;--shop-line:#e9e9ef;--shop-soft:#f0f1f4;--shop-primary:#111116;--shop-accent:#ff3d5f;--shop-success:#0f766e;--shop-status-bg:#e0f2fe;--shop-status-text:#075985;background:var(--shop-bg);color:var(--shop-text);}
html.dark body.shop-page{--shop-bg:#09090b;--shop-page:#101014;--shop-panel:#17171d;--shop-text:#f7f7f8;--shop-muted:#a1a1aa;--shop-line:#2a2a33;--shop-soft:#24242b;--shop-primary:#f7f7f8;--shop-accent:#ff4c73;--shop-status-bg:#1f2937;--shop-status-text:#e5e7eb;}
body.shop-page .bg-black,.shop-page-bg{background:var(--shop-bg)!important;color:var(--shop-text);}
.shop-shell{display:flex;width:100%;max-width:988px;min-height:100vh;margin:0 auto;align-items:flex-start;background:var(--shop-bg);}
.shop-main{flex:0 0 600px;max-width:600px;min-height:100vh;background:var(--shop-page);border-left:1px solid var(--shop-line);border-right:1px solid var(--shop-line);}
.shop-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:52px 1fr 64px;align-items:center;min-height:52px;background:var(--shop-panel);border-bottom:1px solid var(--shop-line);}
.shop-header h1{margin:0;color:var(--shop-text);font-size:18px;font-weight:900;text-align:center;letter-spacing:0;}
.shop-back,.shop-header-link{display:flex;align-items:center;justify-content:center;color:var(--shop-text);text-decoration:none;}
.shop-back{width:48px;height:48px;border:0;background:transparent;cursor:pointer;}
.shop-back img{width:22px;height:22px;}
html.dark body.shop-page .shop-back img{filter:invert(1) brightness(1.8);}
.shop-header-link{justify-self:end;margin-right:12px;font-size:13px;font-weight:900;}
.shop-header-spacer{display:block;width:52px;height:1px;}
.shop-tabs{position:sticky;top:52px;z-index:19;display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));overflow-x:auto;border-bottom:1px solid var(--shop-line);background:var(--shop-panel);scrollbar-width:none;}
.shop-tabs::-webkit-scrollbar{display:none;}
.shop-tab{display:flex;min-height:48px;align-items:center;justify-content:center;padding:0 10px;border-bottom:2px solid transparent;color:var(--shop-muted);font-size:13px;font-weight:900;text-align:center;text-decoration:none;white-space:nowrap;transition:color .16s ease,border-color .16s ease,background-color .16s ease;}
.shop-tab:hover{color:var(--shop-text);background:var(--shop-soft);}
.shop-tab.is-active{border-bottom-color:var(--shop-accent);color:var(--shop-text);}
.shop-tab:focus-visible{outline:3px solid rgba(255,61,95,.55);outline-offset:-3px;}
.paypal-status{display:none;margin:12px 16px 0;padding:12px 14px;border-radius:8px;background:var(--shop-status-bg);color:var(--shop-status-text);font-size:13px;font-weight:800;}
.paypal-status.is-visible{display:block;}
.shop-product,.shop-checkout-card{margin:16px;padding:16px;border-radius:8px;background:var(--shop-panel);border:1px solid var(--shop-line);}
.shop-product-cover{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:var(--shop-soft);}
.shop-product-body{padding-top:16px;}
.shop-product-kicker{margin-bottom:8px;color:var(--shop-accent);font-size:12px;font-weight:900;}
.shop-product h2,.shop-checkout-body h2,.shop-empty h2,.shop-list-item h2,.shop-history h2{margin:0;color:var(--shop-text);font-size:21px;font-weight:900;line-height:1.25;letter-spacing:0;}
.shop-product-subtitle,.shop-description,.shop-empty p,.shop-list-item p,.shop-checkout-body p{margin:8px 0 0;color:var(--shop-muted);font-size:14px;line-height:1.65;}
.shop-price-row{display:flex;align-items:baseline;gap:10px;margin-top:14px;flex-wrap:wrap;}
.shop-price-row strong{color:var(--shop-text);font-size:24px;font-weight:950;line-height:1;}
.shop-price-row span{color:var(--shop-muted);font-size:13px;font-weight:800;}
.shop-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;}
.shop-pay-btn,.shop-secondary-btn,.shop-mini-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:999px;border:0;text-decoration:none;font-size:13px;font-weight:900;white-space:nowrap;cursor:pointer;}
.shop-pay-btn{background:var(--shop-primary);color:var(--shop-panel);}
html.dark body.shop-page .shop-pay-btn{color:#111116;}
.shop-pay-btn:disabled,.shop-pay-btn.is-owned{background:var(--shop-soft);color:var(--shop-success);cursor:not-allowed;}
.shop-pay-btn.is-link{background:var(--shop-primary);color:var(--shop-panel);}
.shop-secondary-btn,.shop-mini-btn{background:var(--shop-soft);color:var(--shop-text);}
.shop-description{padding-top:14px;border-top:1px solid var(--shop-line);}
.shop-list{display:flex;flex-direction:column;gap:10px;padding:16px;}
.shop-list-item{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:8px;background:var(--shop-panel);border:1px solid var(--shop-line);}
.shop-list-item img{width:82px;height:82px;object-fit:cover;border-radius:8px;background:var(--shop-soft);}
.shop-list-item h2{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shop-list-item p{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shop-list-item strong{display:block;margin-top:7px;color:var(--shop-text);font-size:14px;font-weight:900;}
.shop-history{margin:16px;padding:16px;border-radius:8px;background:var(--shop-panel);border:1px solid var(--shop-line);}
.shop-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.shop-section-head h2{font-size:17px;}
.shop-section-head span{color:var(--shop-muted);font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shop-history-list{display:flex;flex-direction:column;gap:10px;}
.shop-history-group+.shop-history-group{margin-top:18px;padding-top:16px;border-top:1px solid var(--shop-line);}
.shop-history-group-title{margin:0 0 10px;color:var(--shop-text);font-size:14px;font-weight:900;}
.shop-history-empty{margin:0;padding:12px;border-radius:8px;background:var(--shop-page);color:var(--shop-muted);font-size:13px;font-weight:700;text-align:center;}
.shop-history-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:8px;background:var(--shop-page);}
.shop-history-item img{width:54px;height:54px;object-fit:cover;border-radius:8px;background:var(--shop-soft);}
.shop-history-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:8px;background:var(--shop-soft);flex:0 0 auto;}
.shop-history-icon.heart-spend{background:rgba(255, 61, 95, 0.1);}
.shop-history-icon.heart-recharge{background:rgba(15, 118, 110, 0.1);}
.hearts-heart-mark{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:url("/skin/img/icons/heart-coin.png") center/contain no-repeat;}
.shop-history-item h3{margin:0;color:var(--shop-text);font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shop-history-item p,.shop-history-item small{display:block;margin:4px 0 0;color:var(--shop-muted);font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shop-history-item strong{color:var(--shop-text);font-size:13px;font-weight:900;white-space:nowrap;}
.shop-empty{margin:16px;padding:22px 16px;border-radius:8px;background:var(--shop-panel);border:1px solid var(--shop-line);text-align:center;}
.shop-empty .shop-secondary-btn{margin-top:14px;}
.shop-checkout-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:16px;align-items:start;}
.shop-checkout-card>img{width:168px;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--shop-soft);}
.shop-checkout-body dl{display:grid;gap:8px;margin:16px 0 0;}
.shop-checkout-body dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--shop-line);}
.shop-checkout-body dt{color:var(--shop-muted);font-size:13px;font-weight:800;}
.shop-checkout-body dd{margin:0;color:var(--shop-text);font-size:14px;font-weight:900;text-align:right;overflow-wrap:anywhere;}
body.shop-page .site-mobile-nav{background:var(--shop-panel)!important;border-top:1px solid var(--shop-line)!important;}
body.shop-page .site-sidebar{background:var(--shop-bg)!important;border-right:1px solid var(--shop-line)!important;}
@media (max-width:1023px){.shop-shell{display:block;max-width:none;}.shop-main{width:100%;max-width:none;border-left:0;border-right:0;}.shop-history{margin-bottom:92px;}}
@media (max-width:640px){.shop-product,.shop-checkout-card,.shop-history,.shop-empty{margin:12px;padding:14px;}.shop-checkout-card{grid-template-columns:1fr;}.shop-checkout-card>img{width:100%;aspect-ratio:16/10;}.shop-list{padding:12px;}.shop-list-item{grid-template-columns:70px minmax(0,1fr);}.shop-list-item img{width:70px;height:70px;}.shop-mini-btn{grid-column:1 / -1;width:100%;}.shop-history-item{grid-template-columns:48px minmax(0,1fr);}.shop-history-item strong{grid-column:2;justify-self:start;}.shop-section-head{display:block;}.shop-section-head span{display:block;margin-top:4px;}}