.market-module{width:100%;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.1);overflow:hidden}
.rank-panel{display:flex;flex-direction:column}
.rank-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 8px;border-bottom:1px solid #f0f0f0}
.rank-head-title{font-size:15px;font-weight:700;color:#333}
.rank-head-time{font-size:12px;color:#b4b4b4}
.rank-section{flex:1;display:flex}
.rank-col{flex:1;padding:12px 16px}
.rank-col:first-child{border-right:1px solid #f0f0f0}
.rank-col-title{font-size:13px;font-weight:600;color:#999;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:4px}
.rank-dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.rank-dot.up{background:#00B98C}
.rank-dot.down{background:#F23F58}
.rank-row{display:flex;align-items:center;padding:6px 8px;border-radius:6px;transition:background .2s;text-decoration:none;color:#333}
.rank-row:hover{background:#f8fbff}
.rank-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-right:10px;flex-shrink:0}
.rank-num.n1{background:#FF6B35}
.rank-num.n2{background:#FF9F43}
.rank-num.n3{background:#FFC048}
.rank-num.n4,.rank-num.n5,.rank-num.n6{background:#ccc}
.rank-coin-icon{width:24px;height:24px;border-radius:50%;margin-right:8px;flex-shrink:0}
.rank-coin-name{font-size:13px;font-weight:600;color:#333;line-height:18px;white-space:nowrap}
.rank-coin-sym{font-size:11px;color:#999;line-height:14px;white-space:nowrap}
.rank-spacer{flex:1}
.rank-price{font-size:13px;font-weight:600;color:#333;font-family:DIN-Medium,"Microsoft YaHei",sans-serif;margin-right:8px;white-space:nowrap}
.rank-change{font-size:12px;font-weight:600;font-family:DIN-Medium,"Microsoft YaHei",sans-serif;min-width:56px;text-align:right;white-space:nowrap}
.rank-up{color:#00B98C}
.rank-down{color:#F23F58}
.exchange-sidebar{background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.1);margin-bottom:16px;overflow:hidden}
.exchange-sidebar-head{padding:12px 14px 8px;border-bottom:1px solid #f0f0f0}
.exchange-sidebar-title{font-size:14px;font-weight:700;color:#333}
.exchange-sidebar-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
.exchange-card{display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;border:1px solid #f0f0f0;border-radius:6px;transition:all .2s;text-decoration:none;color:#333;background:#fff}
.exchange-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}
.exchange-logo{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;overflow:hidden}
.exchange-name{font-size:12px;font-weight:700;color:#333;line-height:16px;text-align:center}
.exchange-desc{font-size:10px;color:#999;line-height:12px;text-align:center;margin-top:2px}
.exchange-btn{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:3px;font-size:10px;font-weight:500;text-decoration:none;transition:opacity .2s}
.exchange-btn:hover{opacity:.85}
.btn-binance{background:#F0B90B;color:#fff}
.btn-okx{background:#000;color:#fff}
.btn-bybit{background:#F7A600;color:#fff}
.btn-gate{background:#2354E6;color:#fff}
.cat-section{background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.1);margin-bottom:16px;overflow:hidden}
.cat-section-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 8px;border-bottom:1px solid #f0f0f0}
.cat-section-title{font-size:15px;font-weight:700;color:#333;margin:0}
.cat-section-more{font-size:13px;color:#999;text-decoration:none}
.cat-section-more:hover{color:#0B69EF}
.cat-section-grid{display:grid;grid-template-columns:1fr 1fr}
.cat-card{padding:12px 14px;border-bottom:1px solid #f5f5f5;display:flex;gap:10px}
.cat-card:nth-child(odd){border-right:1px solid #f5f5f5}
.cat-card-img{width:100px;height:66px;object-fit:cover;border-radius:4px;flex-shrink:0}
.cat-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.cat-card-title{font-size:13px;line-height:18px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
.cat-card-title:hover{color:#0B69EF}
.cat-card-meta{font-size:11px;color:#bbb;margin-top:4px}
.site-intro{font-size:13px;line-height:22px;color:#888;padding:12px 20px;margin:0 0 16px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.1);border-radius:0}
