*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:#0f111a;}
::-webkit-scrollbar-thumb{background:#48e5ff44;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#48e5ff88;}
body{background:#0f111a;color:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.glass-modal{background:linear-gradient(145deg,rgba(28,33,56,0.88),rgba(39,45,75,0.88));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #48e5ff30;box-shadow:0 20px 60px #000000cc,0 0 30px #00b8e618;border-radius:16px;overflow:hidden;transform:scale(0.85) translateY(30px);opacity:0;transition:all 0.3s cubic-bezier(0.2,0,0.2,1);}
.mask-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;}
.mask-wrap.show{display:flex;}
.mask-wrap.show .glass-modal{transform:scale(1) translateY(0);opacity:1;}
.modal-head{padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333a5c66;}
.modal-title{font-size:20px;font-weight:bold;color:#48e5ff;display:flex;align-items:center;gap:8px;}
.close-btn{width:36px;height:36px;border-radius:50%;background:#2f365880;border:none;color:#ccc;cursor:pointer;font-size:20px;transition:0.2s;display:flex;align-items:center;justify-content:center;}
.close-btn:hover{background:#ff3d68;color:#fff;}
.modal-body{padding:30px;max-height:82vh;}
#buyMask .modal-body{overflow-y:auto !important;overflow-x:hidden;}
#loginRegMask .modal-body,#orderQueryMask .modal-body,#buyAdMask .modal-body,#serviceMask .modal-body,#noticeMask .modal-body,#loadingMask .modal-body,#successMask .modal-body{overflow:hidden !important;}
.form-item{margin-bottom:22px;}
.form-item label{display:block;font-size:15px;color:#ccc;margin-bottom:10px;}
.form-input{width:100%;height:44px;background:#161a2e80;border:1px solid #373f6b88;border-radius:8px;color:#fff;padding:0 16px;outline:none;transition:0.2s;font-size:15px;}
.form-input:focus{border-color:#48e5ff;box-shadow:0 0 0 2px #48e5ff22;}
.sub-btn{width:100%;height:50px;border:none;border-radius:10px;color:#fff;font-size:17px;font-weight:bold;cursor:pointer;transition:0.3s;margin-top:12px;}
.header{width:100%;height:72px;background:linear-gradient(135deg,#1a1d2d,#252a40);display:flex;align-items:center;justify-content:space-between;padding:0 4%;box-shadow:0 2px 12px #00000080;position:sticky;top:0;z-index:99;transition:background 0.3s ease,box-shadow 0.3s ease,backdrop-filter 0.3s ease;}
.header.scroll{background:rgba(12,15,26,0.92);backdrop-filter:blur(10px);box-shadow:0 4px 20px #000000aa;}
.logo{font-size:24px;font-weight:bold;color:#48e5ff;letter-spacing:2px;position:relative;flex-shrink:0;}
.logo::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#48e5ff;transition:0.3s;}
.logo:hover::after{width:100%;box-shadow:0 0 8px #48e5ff;}
.nav-scroll-box{flex:1;overflow-x:auto;display:flex;justify-content:center;margin:0 20px;padding-bottom:4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.nav-scroll-box::-webkit-scrollbar{height:2px;}
.nav-menu{display:flex;align-items:center;gap:6px;white-space:nowrap;width:max-content;}
.nav-menu a{color:#c0c8e7;text-decoration:none;margin:0 8px;font-size:15px;position:relative;transition:0.3s;padding:6px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;}
.nav-menu a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#48e5ff;transform:translateX(-50%);transition:0.3s;}
.nav-menu a:hover{color:#48e5ff;background:#222844;text-shadow:0 0 10px #48e5ff66;}
.nav-menu a:hover::after{width:80%;box-shadow:0 0 6px #48e5ff;}
.user-btn{padding:9px 24px;background:linear-gradient(90deg,#00b8e6,#228be6);border:none;border-radius:30px;color:#fff;cursor:pointer;transition:0.3s;position:relative;overflow:hidden;flex-shrink:0;text-decoration:none;}
.user-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff33,transparent);transition:0.5s;}
.user-btn:hover::before{left:100%;}
.user-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #00b8e677;}
.float-wrap{position:fixed;right:20px;bottom:40px;z-index:9998;display:flex;flex-direction:column;gap:12px;pointer-events:auto;}
.float-service{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#00b8e6,#228be6);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 20px #00b8e666;animation:floatAnim 2.5s infinite ease-in-out;cursor:pointer;flex-shrink:0;}
.back-top-btn{width:54px;height:54px;border-radius:50%;background:#ff3d68;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.24s ease,visibility 0.24s ease;flex-shrink:0;}
.back-top-btn.show{opacity:1;visibility:visible;}
@keyframes floatAnim{0%{transform:translateY(0px);}50%{transform:translateY(-10px);}100%{transform:translateY(0px);}}
.trade-wrap{width:92%;margin:24px auto;height:48px;background:#191c30;border-radius:12px;display:flex;align-items:center;overflow:hidden;border-left:4px solid #00b8e6;padding:0 20px;}
.trade-title{color:#48e5ff;font-weight:bold;margin-right:20px;white-space:nowrap;font-size:15px;flex-shrink:0;}
.trade-scroll-box{flex:1;overflow:hidden;height:100%;position:relative;}
.trade-list{position:absolute;width:100%;height:auto;animation:tradeRoll 14s linear infinite;}
@keyframes tradeRoll{0%{transform:translateY(0);}100%{transform:translateY(-176px);}}
.trade-item{height:48px;line-height:48px;color:#c0c8e7;font-size:14px;white-space:nowrap;}
.trade-item span{color:#ffd000;margin:0 8px;}
.ad-wrap{width:92%;margin:0 auto 28px;background:#191c30;border-radius:12px;padding:16px 22px;position:relative;display:flex;align-items:center;gap:16px;}
.ad-scroll-box{flex:1;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.ad-scroll-inner{display:flex;gap:14px;}
.ad-item{flex-shrink:0;padding:8px 18px;background:#222844;border-radius:8px;color:#ff952e;cursor:pointer;transition:0.2s;white-space:nowrap;font-size:14px;}
.ad-item:hover{background:#ff952e;color:#000;transform:scale(1.03);}
.buy-ad-btn{flex-shrink:0;padding:8px 20px;background:linear-gradient(90deg,#ff3d68,#ff7849);border:none;border-radius:22px;color:#fff;cursor:pointer;transition:0.2s;font-size:14px;z-index:2;min-width:90px;}
.buy-ad-btn:hover{box-shadow:0 0 12px #ff3d6866;transform:scale(1.03);}
.category-wrap{width:92%;margin:0 auto 32px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.category-list{display:flex;gap:14px;width:max-content;}
.category-item{padding:10px 26px;background:#1d2442;border-radius:32px;white-space:nowrap;cursor:pointer;transition:0.3s;border:1px solid transparent;font-size:15px;flex-shrink:0;}
.category-item.active{background:linear-gradient(90deg,#00b8e6,#228be6);border-color:#48e5ff66;box-shadow:0 0 14px #00b8e644;}
.category-item:hover:not(.active){border-color:#48e5ff44;color:#48e5ff;}
.title-box{width:92%;margin:0 auto 24px;display:flex;align-items:center;gap:12px;}
.title-box h2{font-size:28px;color:#fff;flex-shrink:0;}
.title-box span{color:#48e5ff;font-size:14px;background:#1d2442;padding:5px 14px;border-radius:22px;flex-shrink:0;}
.goods-wrap{width:92%;margin:0 auto 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:40px;min-height:420px;position:relative;}
.card-item{height:410px;position:relative;transition:transform 0.2s ease,opacity 0.2s ease;will-change:opacity;}
.card-item:hover{transform:translateY(-6px);}
.card-box{width:100%;height:100%;background:linear-gradient(145deg,#1e233b,#2a3052);border-radius:16px;overflow:hidden;border:1px solid #373f6b;box-shadow:0 15px 30px #00000099,0 0 0 1px #48e5ff22;position:relative;}
.card-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent 40%,#ffffff15,transparent 60%);pointer-events:none;}
.discount-tag{position:absolute;top:0;right:0;width:86px;height:86px;overflow:hidden;z-index:2;}
.discount-tag span{position:absolute;top:20px;right:-22px;width:106px;background:#ff3d68;text-align:center;padding:5px 0;transform:rotate(45deg);font-size:13px;font-weight:bold;}
.card-img{width:100%;height:180px;background:#14182b;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.card-img img{width:106px;height:106px;object-fit:contain;filter:drop-shadow(0 0 8px #48e5ff);}
.tag{position:absolute;top:14px;left:14px;padding:4px 12px;background:#00b8e6;font-size:13px;border-radius:6px;z-index:2;}
.stock-tag{position:absolute;top:44px;left:14px;padding:4px 12px;background:#22c55e;font-size:13px;border-radius:6px;z-index:2;}
.sale-tag{position:absolute;top:14px;right:14px;padding:4px 12px;background:#9333ea;font-size:13px;border-radius:6px;z-index:2;}
.card-info{padding:18px;}
.card-name{font-size:17px;margin-bottom:12px;font-weight:500;min-height:44px;}
.limit-text{font-size:13px;color:#ff952e;margin-bottom:10px;}
.price-row{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-shrink:0;}
.now-price{font-size:24px;color:#ff4d4f;font-weight:bold;flex-shrink:0;}
.old-price{font-size:15px;color:#888;text-decoration:line-through;flex-shrink:0;}
.buy-btn{width:100%;height:46px;background:linear-gradient(90deg,#0099e5,#2078e2);border:none;border-radius:10px;color:white;font-size:17px;cursor:pointer;transition:0.3s;flex-shrink:0;}
.buy-btn:hover{background:linear-gradient(90deg,#00aaff,#2688ff);box-shadow:0 0 14px #00b8e666;transform:translateY(-2px);}
.order-modal-wrap{max-width:86vw;width:100%;}
.goods-info-row{display:flex;gap:20px;padding-bottom:22px;border-bottom:1px solid #333a5c66;margin-bottom:24px;align-items:center;}
.goods-thumb{width:90px;height:90px;border-radius:10px;background:#14182b;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.goods-thumb img{width:56px;height:56px;filter:drop-shadow(0 0 6px #48e5ff);}
.goods-desc{flex:1;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;}
.goods-desc h4{font-size:18px;width:100%;margin-bottom:6px;}
.goods-desc p{font-size:14px;color:#aaa;display:flex;align-items:center;gap:6px;}
.goods-desc .total-price{font-size:22px;color:#ff4d4f;font-weight:bold;margin-top:8px;width:100%;}
.pay-tab-wrap{margin-top:24px;}
.tab-title-list{display:flex;gap:10px;background:#161a2e;padding:8px;border-radius:14px;margin-bottom:24px;}
.tab-item{flex:1;text-align:center;padding:14px 0;border-radius:12px;cursor:pointer;font-size:15px;transition:0.3s;color:#a0a8d0;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;}
.tab-item.active{background:linear-gradient(90deg,#00b8e6,#228be6);color:#fff;box-shadow:0 0 14px #00b8e655;}
.tab-item:hover:not(.active){color:#48e5ff;background:#222844;}
.tab-panel{display:none;padding:20px;background:#161a2e;border-radius:14px;border:1px solid #333a5c;text-align:center;}
.tab-panel.active{display:block;}
.pay-jump-btn{width:70%;height:50px;background:linear-gradient(90deg,#ff3d68,#ff7849);border:none;border-radius:10px;color:#fff;font-size:16px;margin-top:10px;cursor:pointer;}
.pay-tips{margin-top:14px;font-size:14px;color:#aaa;line-height:1.7;}
.num-box{display:flex;align-items:center;gap:12px;margin:22px 0;}
.num-box label{font-size:15px;color:#ccc;white-space:nowrap;}
.num-input{width:110px;height:40px;background:#161a2e;border:1px solid #373f6b;border-radius:8px;color:#fff;text-align:center;font-size:16px;outline:none;}
.email-box{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.email-box label{font-size:15px;color:#ccc;white-space:nowrap;}
.email-input{flex:1;height:40px;background:#161a2e;border:1px solid #373f6b;border-radius:8px;color:#fff;padding:0 14px;outline:none;font-size:15px;}
.pay-submit{width:100%;height:50px;margin-top:26px;background:linear-gradient(90deg,#ff3d68,#ff7849);border:none;border-radius:12px;color:#fff;font-size:17px;font-weight:bold;cursor:pointer;transition:0.3s;flex-shrink:0;}
.pay-submit:hover{box-shadow:0 0 20px #ff544466;transform:translateY(-2px);}
.loading-modal{max-width:60vw;text-align:center;padding:40px;}
.loading-text{margin-top:20px;font-size:16px;color:#c0c8e7;line-height:1.8;}
.card-success-modal{max-width:70vw;}
.card-item-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #333a5c66;}
.card-item-row:last-child{border:none;}
.card-item-row label{color:#aaa;font-size:15px;}
.card-item-row span{color:#fff;font-weight:500;}
.card-key-box{margin:20px 0;padding:16px;background:#161a2e;border-radius:10px;display:flex;align-items:center;gap:12px;}
.card-key-text{flex:1;color:#ffd000;word-break:break-all;font-size:15px;}
.copy-card-btn{padding:8px 16px;background:#00b8e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;}
.msg-toast{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-20px);opacity:0;background:#1e233b;border:1px solid #48e5ff44;padding:14px 28px;border-radius:10px;z-index:99999;transition:all 0.3s;box-shadow:0 8px 24px #00000066;font-size:15px;}
.msg-toast.show{transform:translateX(-50%) translateY(0);opacity:1;}
#buyAdMask .glass-modal{max-width:480px !important;width:100% !important;}
#loginRegMask .glass-modal{max-width:420px !important;width:100% !important;}
#serviceMask .glass-modal{max-width:400px !important;width:100% !important;}
#noticeMask .glass-modal{max-width:600px !important;width:100% !important;}
#orderQueryMask .glass-modal{max-width:700px !important;width:100% !important;}
#buyMask .glass-modal{max-width:560px !important;width:100% !important;}
.email-row-wrap{display:flex;gap:16px;margin:22px 0;align-items:center;}
.email-box{flex:1;margin-bottom:0;}
.num-box{flex-shrink:0;margin:0;}
.total-price-box{margin-top:12px;padding:12px 18px;background:#161a2e;border-radius:10px;border:1px solid #ff4d4f40;font-size:16px;color:#ccc;display:flex;align-items:center;}
.total-price-num{font-size:26px;color:#ff4d4f;font-weight:bold;margin-left:10px;}
@media(max-width:768px){.header{height:auto !important;flex-wrap:wrap !important;padding:12px 3%;row-gap:12px;justify-content:space-between;}.logo{font-size:20px;order:1;}.user-btn{padding:7px 16px;font-size:14px;order:2;}.nav-scroll-box{width:100%;margin:0;order:3;overflow-x:visible !important;}.nav-menu{width:100%;justify-content:center;white-space:normal !important;gap:10px;}.nav-menu a{margin:0;padding:6px 14px;font-size:14px;}.float-wrap{right:14px;bottom:24px;gap:10px;}.float-service,.back-top-btn{width:48px;height:48px;font-size:20px;}.trade-wrap{width:94%;height:44px;padding:0 14px;}.ad-wrap{width:94%;padding:14px 16px;gap:10px;}.buy-ad-btn{padding:6px 12px;font-size:12px;min-width:72px;}.category-wrap{width:94%;padding-bottom:6px;}.category-item{padding:8px 20px;font-size:14px;}.title-box{width:94%;}.title-box h2{font-size:24px;}.goods-wrap{width:94%;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;min-height:380px;}.card-item{height:390px;}.modal-head{padding:18px 20px;}.modal-body{padding:20px;max-height:75vh;}#buyMask .modal-body{overflow-y:auto !important;}#loginRegMask .modal-body,#orderQueryMask .modal-body,#buyAdMask .modal-body,#serviceMask .modal-body,#noticeMask .modal-body,#loadingMask .modal-body,#successMask .modal-body{overflow:hidden !important;}.order-modal-wrap{max-width:94vw;}.goods-info-row{flex-direction:column;text-align:center;gap:16px;}.goods-desc{justify-content:center;}.email-row-wrap{flex-wrap:wrap;gap:10px;}.email-box{width:100%;flex:none;}.num-box{width:100%;flex:none;display:flex;}.tab-title-list{flex-wrap:wrap;}.tab-item{flex:1 1 120px;min-width:120px;}.tab-panel,.pay-jump-btn{display:none;}.pay-submit{display:block;}.loading-modal{max-width:94vw;}.card-success-modal{max-width:94vw;}#buyMask .glass-modal{max-width:94vw !important;width:100% !important;}#buyAdMask .glass-modal,#loginRegMask .glass-modal,#serviceMask .glass-modal,#orderQueryMask .glass-modal,#noticeMask .glass-modal{max-width:92vw;}}

#chatBox::-webkit-scrollbar {width: 6px;}
#chatBox::-webkit-scrollbar-track {background: #1e293b;border-radius: 10px;}
#chatBox::-webkit-scrollbar-thumb {background: #60a5fa;border-radius: 10px;}
#chatBox::-webkit-scrollbar-thumb:hover {background: #4a90e2;}
#emojiPanel::-webkit-scrollbar {width:4px;}
#emojiPanel::-webkit-scrollbar-thumb {background:#60a5fa;border-radius:4px;}
#chatBox .empty {text-align:center;color:#94a3b8;padding:40px 0;font-size:14px;}
.message {margin-bottom:12px;max-width:75%;display:flex;flex-direction:column;gap:4px;}
.message.admin {align-items:flex-start;}
.message.user {align-items:flex-end;margin-left:auto;}
.message .content {padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-all;position:relative;}
.admin .content {background:#1e293b;color:#fff;border:1px solid #334155;border-top-left-radius:4px;}
.user .content {background:#60a5fa;color:#fff;border-top-right-radius:4px;font-weight:500;}
.message .meta {font-size:11px;color:#94a3b8;padding:0 4px;}
.emoji {font-size:18px;cursor:pointer;padding:4px;text-align:center;border-radius:6px;transition:0.2s;}
.emoji:hover {background:#334155;}
#sendBtn.disabled-btn,
#emojiBtn.disabled-btn {background:#334155 !important;cursor:not-allowed !important;opacity:0.6;color:#94a3b8 !important;}