*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f5;--card: #ffffff;--border: #e5e7eb;--text: #1f2937;--text-dim: #6b7280;--text-muted: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--green: #16a34a;--red: #dc2626;--radius: 10px;--radius-sm: 7px;--shadow: 0 12px 34px rgba(15, 23, 42, .16)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}.shell{max-width:1120px;margin:0 auto;padding:22px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.brand h1{font-size:26px;font-weight:700}.brand p{color:var(--text-dim);font-size:14px;margin-top:2px}.account{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px}.account img{width:36px;height:36px;border-radius:6px;background:#e5e7eb}.me-info{display:grid;gap:1px}.me-info strong{font-size:14px}.dot{font-size:12px}.dot.on{color:var(--green)}.dot.off{color:var(--red)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-sm);padding:7px 13px;font-size:14px;transition:all .15s}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-buy{background:var(--accent);color:#fff;border-color:var(--accent);padding:5px 13px;font-size:13px}.btn-buy:hover{background:var(--accent-hover);color:#fff}.btn-ghost{border:none;background:none;color:var(--text-dim);padding:4px 8px}.icon-btn{width:32px;height:32px;padding:0;display:grid;place-items:center;border:none;background:#f3f4f6;font-size:22px;line-height:1}input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:18px}.card h2{font-size:16px;font-weight:600;margin-bottom:12px}.login-card{text-align:center}.login-card .desc{color:var(--text-dim);margin-bottom:14px;font-size:14px}.login-card code{background:#eef2ff;color:var(--accent);padding:2px 6px;border-radius:4px}.login-row{display:flex;gap:10px;justify-content:center}.login-row input{width:220px;text-align:center;font-size:18px;letter-spacing:6px}.toast-message{position:fixed;top:18px;left:50%;z-index:70;transform:translate(-50%);min-width:280px;max-width:min(560px,calc(100vw - 32px));margin:0;padding:11px 18px;border:1px solid #ebeef5;border-radius:4px;background:#fff;color:#1f2937;box-shadow:0 8px 24px #0f172a24;font-size:14px;line-height:1.45;text-align:center;pointer-events:none}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-12px)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.pager{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:5px;font-size:14px;color:var(--text-dim)}.pager span{min-width:96px;text-align:center}.pager button{padding:4px 10px}.sec-title{font-size:16px;font-weight:600;margin-bottom:10px}.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:22px}.item-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px;display:flex;flex-direction:column;gap:7px;min-height:132px;transition:box-shadow .15s,border-color .15s}.item-card:hover{box-shadow:0 6px 18px #0f172a14;border-color:#d1d5db}.item-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.item-id{font-weight:600}.item-count{background:#f3f4f6;padding:1px 7px;border-radius:10px;font-size:12px}.item-name{min-height:22px;font-size:15px;font-weight:600;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta{display:flex;gap:12px;font-size:13px;color:var(--text-dim)}.item-meta .total{font-weight:600;color:var(--text)}.item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.seller-line{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);min-width:0}.seller-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-line img{width:22px;height:22px;border-radius:4px;background:#e5e7eb;flex:0 0 auto}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.record{display:grid;gap:3px;padding:9px 0;border-top:1px solid var(--border)}.record:first-of-type{border-top:none}.record strong{font-size:14px}.record span{font-size:13px;color:var(--text-dim)}.empty{color:var(--text-muted);font-size:14px;padding:18px 0;text-align:center}.refresh-fab{position:fixed;right:28px;bottom:30px;z-index:30;width:54px;height:54px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:24px;color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 12px 24px #2563eb4d}.refresh-fab:hover{color:#fff;background:var(--accent-hover)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a6b;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{font-size:17px;font-weight:700}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;font-size:14px;color:var(--text-dim)}.form-grid input{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.buy-summary{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f9fafb;margin-bottom:12px}.buy-summary strong{font-size:16px}.buy-summary span{font-size:13px;color:var(--text-dim)}.modal-total{margin-top:12px;font-weight:700;color:var(--text)}@media(max-width:640px){.shell{padding:16px 12px 72px}.topbar{flex-direction:column;align-items:flex-start}.brand h1{font-size:22px}.toolbar{align-items:stretch;flex-direction:column}.pager{justify-content:space-between}.history-grid,.listing-grid{grid-template-columns:1fr}.login-row{flex-direction:column;align-items:center}.login-row input{width:100%}.seller-line{flex:1}.refresh-fab{right:18px;bottom:18px}}