.shop-page{max-width:1100px;margin:0 auto;padding:18px 0}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px;padding:0 12px;display:flex}.shop-head h1{margin:0;font-size:24px}.shop-head p{color:var(--muted);margin:0}.shop-head strong{color:#fbbf24;font-variant-numeric:tabular-nums}.shop-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:0 12px 14px;display:flex}.shop-tabs button{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s,color .12s}.shop-tabs button:hover{border-color:var(--brand);color:var(--brand)}.shop-tabs button.is-active{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.shop-msg{border-radius:8px;margin:0 12px 14px;padding:10px 14px;font-size:13px;font-weight:700}.shop-msg--ok{color:#16a34a;background:#22c55e29;border:1px solid #22c55e66}.shop-msg--err{color:#dc2626;background:#dc262629;border:1px solid #dc262666}html[data-theme=dark] .shop-msg--ok{color:#86efac}html[data-theme=dark] .shop-msg--err{color:#fca5a5}.shop-empty{text-align:center;color:var(--muted);padding:40px 20px}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:12px;padding:0 12px;display:grid}.shop-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;height:100%;padding:14px;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex}.shop-card .shop-preview{flex:1}.shop-card .shop-buy{margin-top:auto}.shop-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.shop-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.shop-card-head h3{margin:0;font-size:15px;font-weight:800}.shop-price{color:#fbbf24;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.shop-desc{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.shop-input input[type=color]{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:100%;height:38px}.shop-input input[type=text]{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:6px;padding:7px 10px;font-size:13px}.shop-icon-pick{flex-wrap:wrap;gap:6px;display:flex}.shop-icon-pick button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;width:36px;height:36px;font-size:18px}.shop-icon-pick button.is-active{border-color:var(--brand);background:#e639461f}.shop-buy{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:800;transition:transform .1s,opacity .15s}.shop-buy:hover:not(:disabled){transform:scale(1.02)}.shop-buy:disabled{opacity:.5;cursor:not-allowed;background:var(--line-soft);color:var(--muted)}.shop-my-list{flex-direction:column;gap:8px;margin:0;padding:0 12px;list-style:none;display:flex}.shop-my-item{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.shop-my-item.is-active{background:linear-gradient(90deg,#22c55e14,#0000);border-color:#22c55e}.shop-my-item.is-expired{opacity:.55}.shop-my-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.shop-my-info strong{font-size:13.5px}.shop-my-value{color:var(--muted);font-family:monospace;font-size:11.5px}.shop-my-info em{color:#fbbf24;font-size:11.5px;font-style:normal;font-weight:700}.shop-my-pending{color:#a78bfa;font-size:11px;font-weight:700}.shop-my-rejected{color:#ef4444;font-size:11px;font-weight:700}.shop-my-toggle{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:800;transition:opacity .15s}.shop-my-toggle:disabled{opacity:.4;cursor:not-allowed;background:var(--line-soft);color:var(--muted)}.shop-my-item.is-active .shop-my-toggle{background:var(--line-soft);color:var(--ink)}.shop-preview{border:1px dashed var(--line);background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-radius:8px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;min-height:42px;margin:6px 0 0;padding:8px 10px;font-size:13px;display:flex;overflow:hidden}html[data-theme=dark] .shop-preview{background:linear-gradient(135deg,#ffffff0a,#ffffff03)}.shop-preview-row{white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:4px;flex:1;min-width:0;padding:5px 9px;font-size:12px;overflow:hidden}.shop-preview-icon-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.shop-inline-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex:none;width:32px;height:32px;padding:0}.shop-inline-color::-webkit-color-swatch{border:0;border-radius:4px}.shop-inline-color::-moz-color-swatch{border:0;border-radius:4px}.shop-icon-pick-inline{flex:none;gap:3px;display:flex}.shop-icon-pick-inline button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:14px;transition:border-color .12s,background .12s;display:inline-flex}.shop-icon-pick-inline button.is-active{border-color:var(--brand);background:#e6394624}.shop-icon-pick-inline button:hover{border-color:var(--brand)}.shop-preview--icon-pick{flex-wrap:wrap}@media (max-width:480px){.shop-preview--icon-pick{flex-direction:column;align-items:stretch}.shop-icon-pick-inline{flex-wrap:wrap;justify-content:center}}.shop-my-item.is-needs-activation{background:linear-gradient(90deg,#fbbf241a,#0000);border-color:#fbbf24}.shop-my-needs{color:#f59e0b;background:#fbbf242e;border-radius:4px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:800;display:inline-block}.shop-price small{color:#f59e0b;font-size:12px;font-weight:700}.shop-buy--gold{background:linear-gradient(135deg,#b7791f,#d69e2e)}.shop-gift{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;font-size:13px;display:flex}.shop-gift-toggle{cursor:pointer;align-items:center;gap:6px;font-weight:800;display:inline-flex}.shop-gift.is-on .shop-gift-toggle{color:#f472b6}.shop-gift-name{background:var(--panel);width:min(220px,100%);color:var(--ink);border:1px solid #f472b6;border-radius:6px;padding:7px 10px;font-size:13px}.shop-gift small{color:var(--muted);flex-basis:100%;font-size:12px}.shop-buy-row{flex-wrap:wrap}.shop-buy-row .shop-buy{white-space:nowrap;min-width:120px}
