body { font-family: 'Segoe UI', Arial, sans-serif; background: #0b0e11; color: #eaecef; padding: 20px; transition: opacity 0.3s; }
        
/* 斷線告警樣式 */
#status-bar { 
	position: fixed; top: 0; left: 0; width: 100%; padding: 8px; 
	text-align: center; font-weight: bold; font-size: 14px; 
	z-index: 10000; display: none; background: #f6465d; color: white;
}

.header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #2b3139; padding-bottom: 15px; }
h1 { color: #fcd535; margin: 0; font-size: 24px; letter-spacing: 1px; }
.update-tag { font-size: 12px; color: #848e9c; }

table { width: 100%; border-collapse: collapse; margin-top: 20px; table-layout: fixed; }
th { background: #1e2329; color: #848e9c; padding: 12px; text-align: center; font-size: 13px; border: 1px solid #2b3139; }
td { padding: 8px; border: 1px solid #2b3139; text-align: right; font-family: 'Roboto Mono', monospace; word-break: break-all; }

.asset-name { color: #f0b90b; font-weight: bold; text-align: left; font-size: 16px; }
.fut-price { color: #fcd535; font-size: 11px; display: block; margin-top: 2px; }

/* 鏈路樣式 */
.chain-container { display: flex; flex-wrap: wrap; gap: 3px; justify-content: center; }
.tag-common { background: #fcd535; color: #000; font-weight: bold; padding: 1px 4px; border-radius: 3px; font-size: 10px; }
.tag-unique { background: #000; color: #fcd535; border: 1px solid #fcd535; padding: 0px 3px; border-radius: 3px; font-size: 10px; }

/* 價格與高亮樣式 */
.spot-group { font-size: 12px; cursor: pointer; transition: background 0.2s; position: relative; }
.spot-group:hover { background: rgba(255, 255, 255, 0.1) !important; }
.action-buy { background: rgba(246, 70, 93, 0.2) !important; box-shadow: inset 4px 0 0 #f6465d; } 
.action-sell { background: rgba(14, 203, 129, 0.2) !important; box-shadow: inset 4px 0 0 #0ecb81; }

.ask-price { color: #ff6075; display: block; } 
.bid-price { color: #00ff95; display: block; }

.basis-text { font-weight: bold; font-size: 14px; }
#row-template { display: none; }