*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 12px}
.top-nav{background:#192a56;color:#fff;padding:12px 0}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.nav-list{display:flex;gap:16px;flex-wrap:wrap}
.nav-list a{padding:6px 10px;border-radius:4px;font-size:14px}
.nav-list a:hover{background:#27ae60}
.search-box{display:flex;align-items:center;gap:6px}
.search-box input{padding:6px 10px;border:none;border-radius:4px;outline:none;width:150px}
.search-box button{padding:6px 12px;background:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer}
.transaction-scroll{background: linear-gradient(90deg, #ff6b35, #ff3c00);color:#fff;padding:12px 15px;border-radius:12px;margin:10px 0;overflow:hidden;height:46px;position:relative;box-shadow:0 4px 15px rgba(255,107,53,0.2);}
.transaction-item{height:46px;line-height:46px;padding:0 10px;white-space:nowrap;font-size:13px;overflow:hidden;}
#transactionContent{position:absolute;left:0;top:0;width:100%;transition:transform 0.4s cubic-bezier(0.25,0.1,0.25,1)}
.ad-bar{background:#f8f9fa;padding:10px;border-radius:8px;margin:10px 0;display:flex;gap:8px;overflow-x:auto;white-space:nowrap}
.ad-bar::-webkit-scrollbar{display:none}
.ad-item{background:#27ae60;color:#fff;padding:6px 14px;border-radius:6px;text-decoration:none;cursor:pointer}
.data-board{background:#f7fcff;padding:16px 0;border-bottom:1px solid #e4e7ed}
.data-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;}
.data-item{background:#fff;padding:10px 4px;border-radius:8px;white-space:nowrap;overflow:hidden;}
.data-item strong{font-size:18px;color:#27ae60}
.data-item p{font-size:12px;color:#666;margin-top:4px;}
@media (max-width: 768px){
.data-item strong{font-size:15px;}
.data-item p{font-size:11px;}
.data-list{gap:4px;}
.transaction-item{font-size:12px;}
}
.module-title{background:#192a56;color:#fff;padding:12px 16px;border-radius:8px 8px 0 0}
.cate-box {background: #fff;border: 1px solid #e4e7ed;padding: 12px 16px;display: flex;flex-wrap: wrap;gap: 10px;border-radius: 0 0 8px 8px;align-items: flex-start;}
.cate-item {padding: 8px 14px;background: #f7f9fc;border-radius: 6px;cursor: pointer;white-space: nowrap;flex-shrink: 0;}
.cate-item.active, .cate-item:hover {background: #27ae60;color: #fff;}
@media (max-width: 768px) {
.cate-box {flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;white-space: nowrap;padding-bottom: 8px;align-items: center;}
.cate-item {white-space: nowrap;flex-shrink: 0;height: 38px;display: flex;align-items: center;justify-content: center;}
}
.goods-list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:12px}
@media(max-width:768px){.goods-list{grid-template-columns:repeat(2,1fr)}}
.goods-card{background:#fff;border:1px solid #e4e7ed;border-radius:10px;display:flex;flex-direction:column}
.goods-body{padding:20px;flex:1;display:flex;flex-direction:column}
.goods-name{font-weight:bold;min-height:42px}
.goods-price{font-size:20px;color:#e74c3c;margin:10px 0}
.buy-btn{display:block;background:#27ae60;color:#fff;text-align:center;padding:10px;border-radius:6px;margin-top:auto;cursor:pointer}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;justify-content:center;align-items:center}
.modal-content{background:#fff;border-radius:10px;width:90%;max-width:460px;padding:25px;position:relative;max-height:90vh;overflow-y:auto}
.close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}
.qrcode{margin:15px auto;width:200px;height:200px;border:1px solid #eee;border-radius:8px;padding:8px}
.qrcode img{width:100%;height:100%}
.amount{font-size:18px;color:#0078d4;font-weight:bold;margin:15px 0;padding:10px;background:#f0f7ff;border-radius:6px}
.address-box{background:#f8f9fa;padding:12px;border-radius:8px;margin:10px 0;font-family:monospace;word-break:break-all}
.modal-btn-group{display:flex;gap:10px;margin-top:15px}
.modal-btn-group button{flex:1;padding:12px;border-radius:8px;border:none;color:#fff;cursor:pointer}
.btn-copy{background:#28a745}
.btn-check{background:#ffc107;color:#000}
.check-result{margin-top:15px;padding:12px;border-radius:8px;font-size:14px}
.result-success{background:#d4edda;color:#155724}
.result-error{background:#f8d7da;color:#721c24}
.result-loading{background:#d1ecf1;color:#0c5460}
.custom-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.15);z-index:10000;max-width:300px;width:90%;text-align:center;display:none}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:9999;display:none}
.duration-select{display:flex;gap:8px;margin-bottom:10px}
.duration-btn{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:text;text-align:center}
.duration-btn.active{background:#0078d4;color:#fff;border-color:#0078d4}
.amount-preview{padding:10px;background:#f8f9fa;border-radius:6px;margin:10px 0;font-weight:bold;color:#0078d4}
.modal-box{background:#fff;border-radius:10px;width:90%;max-width:450px;padding:25px;position:relative}
.modal-close{position:absolute;top:15px;right:15px;cursor:pointer;font-size:20px}
.btn-submit{width:100%;padding:12px;background:#ff6b35;color:#fff;border:none;border-radius:6px;margin-top:10px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0078d4;color:#fff;padding:10px 20px;border-radius:6px;display:none;z-index:9999;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.toast-error{background:#ff4d4f}
.chat-window-link{display:inline-block;width:80%;padding:12px;background-color:#FF6B35;color:white!important;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-align:center;text-decoration:none!important}
.notice-box {line-height:1.6; max-height:4.8em; overflow:hidden;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#backTop {position:fixed; right:20px; bottom:60px; width:45px; height:45px;background:#ff6b35; color:#fff; border-radius:50%;display:flex; align-items:center; justify-content:center;cursor:pointer; z-index:999; font-size:20px; display:none;}
.tab-group {display:flex; margin-bottom:15px; border-bottom:1px solid #eee;}
.tab {flex:1; text-align:center; padding:10px; cursor:pointer;}
.tab.active {color:#ff6b35; border-bottom:2px solid #ff6b35;}
.form-item {margin-bottom:12px;}
.form-item input{width:100%; padding:10px; border:1px solid #ddd; border-radius:6px;}
.form-btn {width:100%; padding:12px; background:#ff6b35; color:#fff; border:none; border-radius:6px; cursor:pointer; margin-top:5px;}
.form-tip {color:#ff4d4f; font-size:12px; margin-top:5px; display:none;}
.pay-item{margin:8px 0;display:flex;align-items:center;gap:6px;}
.buy-info-item{margin:10px 0;}
.buy-info-item label{display:block;margin-bottom:4px;color:#333;}
.buy-info-item input{width:100%;padding:9px;border:1px solid #ddd;border-radius:6px;}
.num-input{width:100px!important;}
.price-txt{color:#e74c3c;font-weight:bold;}
@media(max-width:768px){
.ad-bar {flex-wrap: wrap; white-space: normal;}
.ad-item {flex: 1; min-width: 120px; text-align: center; white-space: normal; line-height: 1.4; padding: 8px 10px;}
}
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 3px;}
::-webkit-scrollbar-thumb {background: #ff6b35;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background: #ff3c00;}
.num-group{display:flex;align-items:center;gap:8px;margin-top:5px;}
.num-btn{width:36px;height:36px;border:1px solid #ddd;background:#f7f9fc;font-size:16px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.num-btn:hover{background:#ff6b35;color:#fff;border-color:#ff6b35;}
#buyNum{width:70px;text-align:center;height:36px;border-radius:6px;border:1px solid #ddd;}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:8px;margin:8px 0;}
.price-label{font-size:14px;color:#666;}
.price-value{font-size:16px;font-weight:bold;color:#e74c3c;}
.total-row{background:#fff0e6;border:1px solid #ffd5b8;}
.total-row .price-value{font-size:20px;}
.pay-row{display:flex;gap:15px;margin-top:10px;flex-wrap:wrap;}
.pay-item{margin:0;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:1px solid #eee;border-radius:8px;transition:0.2s;}
.pay-item:hover{border-color:#ff6b35;background:#fff5f0;}
.pay-item input{width:16px;height:16px;cursor:pointer;}
.pay-item label{margin:0;cursor:pointer;font-size:15px;}
.pay-item.active{border-color:#ff6b35;background:#fff5f0;}
.goods-desc{padding:12px;background:#f9f9f9;border-radius:8px;margin:12px 0;font-size:14px;line-height:1.6;color:#555;max-height:120px;overflow-y:auto;}
.order-result-box{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;line-height:1.8;font-size:14px;display:none;}
.order-success{color:#155724;background:#d4edda;border-color:#c3e6cb;}
.order-error{color:#721c24;background:#f8d7da;border-color:#f5c6cb;}
.pay-info-box{padding:15px;background:#f8f9fa;border-radius:8px;margin:15px 0;line-height:2;}
.pay-info-box .order-no{font-size:16px;font-weight:bold;color:#ff6b35;}