body {background: linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height: 100vh;}
.glass {background: rgba(255,255,255,0.08);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.15);box-shadow: 0 8px 32px rgba(0,0,0,0.25);}
.glass-item {background: rgba(255,255,255,0.06);backdrop-filter: blur(8px);border:1px solid rgba(255,255,255,0.1);transition: all 0.25s ease;display:flex;flex-direction:column;height:100%;position:relative;}
.glass-item:hover{background:rgba(255,255,255,0.12);transform: translateY(-2px);}
.cate-active{background:rgba(99,102,241,0.4);border-color:rgba(129,140,248,0.5);}
input{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);color:#fff;}
input:focus{outline:none;border-color:#818cf8;}
.pay-tab{padding:10px 16px;border-radius:8px;cursor:pointer;transition:0.2s;border:1px solid rgba(255,255,255,0.12);}
.pay-tab.active{background:rgba(79,70,229,0.4);border-color:#818cf8;}
.toast-box{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;width:90%;max-width:420px;}
.toast{padding:14px 18px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);margin-bottom:10px;animation:toastIn 0.3s ease;}
.toast-success{background:rgba(16,185,129,0.25);border-color:rgba(16,185,129,0.4);}
.toast-error{background:rgba(239,68,68,0.25);border-color:rgba(239,68,68,0.4);}
@keyframes toastIn {from {opacity:0;transform:translateY(-10px);}to {opacity:1;transform:translateY(0);}}
.auto-tag{display:inline-flex;align-items:center;gap:4px;background: linear-gradient(90deg,#059669,#10b981);border:none;color:#ffffff;padding:4px 10px;border-radius:6px;font-size:12px;box-shadow: 0 0 8px rgba(16,185,129,0.35);animation:tagPulse 2.5s infinite ease-in-out;}
@keyframes tagPulse{0%{box-shadow:0 0 8px rgba(16,185,129,0.35);}50%{box-shadow:0 0 14px rgba(16,185,129,0.6);}100%{box-shadow:0 0 8px rgba(16,185,129,0.35);}}
.btn-wrap{margin-top:auto;}
.nav-link{padding:6px 12px;border-radius:6px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);transition:0.2s;cursor:pointer;}
.nav-link:hover{background:rgba(255,255,255,0.14);}
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:9998;display:none;align-items:center;justify-content:center;padding:1rem;}
.modal-wrap{width:100%;max-width:440px;}
.modal-box{background:#1a1a2e;border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:20px;backdrop-filter:blur(10px);}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.modal-close{cursor:pointer;font-size:22px;color:#aaa;}
.modal-close:hover{color:#fff;}
.cate-scroll-wrap{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.cate-scroll-wrap::-webkit-scrollbar{display:none;}
.cate-scroll-inner{display:flex;gap:12px;width:max-content;}
.page-item{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,0.15);}
.page-item.active{background:rgba(99,102,241,0.4);border-color:rgba(129,140,248,0.5);}
@media (min-width:768px){
.cate-scroll-wrap{overflow:visible;}
.cate-scroll-inner{width:auto;flex-wrap:wrap;}
}
.price-text{font-size:26px;font-weight:bold;color:#22f0ff;text-shadow: 0 0 10px #22f0ff77;}
.hot-badge{position:absolute;top:8px;right:8px;background:#f97316;color:#fff;font-size:11px;padding:2px 7px;border-radius:4px;}
.warn-badge{position:absolute;top:32px;right:8px;background:#ef4444;color:#fff;font-size:11px;padding:2px 7px;border-radius:4px;}
.bottom-tip{background:rgba(249,115,22,0.12);border:1px solid rgba(249,115,22,0.3);border-radius:8px;padding:12px;color:#fdba74;text-align:center;margin-top:10px;}
.kami-block{background:#0f172a;padding:8px 10px;border-radius:6px;white-space:pre-wrap;word-break:break-all;color:#86efac;margin-top:4px;}
.preview-img{max-height:240px;border-radius:8px;margin-top:8px;object-fit:contain;background:#0b1120;border:1px solid #334155;}
.upload-drop-area{border:2px dashed rgba(129, 140, 248, 0.4);border-radius:10px;padding:28px 16px;text-align:center;cursor:pointer;transition:0.24s;background:rgba(255,255,255,0.04);}
.upload-drop-area:hover{border-color:rgba(129, 140, 248, 0.7);background:rgba(255,255,255,0.07);}
.upload-drop-area.drag-over{border-color:#818cf8;background:rgba(99,102,241,0.15);}
.upload-icon{font-size:36px;color:#818cf8;margin-bottom:10px;}
.upload-text{color:#e5e7eb;font-size:14px;margin-bottom:4px;}
.upload-tip{color:#9ca3af;font-size:12px;}
.trade-scroll-wrap{overflow:hidden;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);height:42px;position:relative;}
.trade-inner{position:absolute;width:100%;height:100%;opacity:1;transition: opacity 1.4s ease; }
.trade-item{height:42px;line-height:42px;padding:0 14px;font-size:13px;color:#cbd5e1;white-space:nowrap;}