/* ===== industry.css - 产业逻辑模块样式 ===== */

/* Tab导航 */
.ind-tabs{display:flex;gap:6px;margin-bottom:20px;padding:4px;background:var(--card);border-radius:10px;border:1px solid var(--border)}
.ind-tab{flex:1;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s}
.ind-tab:hover{color:var(--text);background:rgba(255,255,255,0.04)}
.ind-tab.active{color:#fff;background:rgba(177,151,252,0.2);}

/* Section */
.ind-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}
.ind-section-title{font-size:16px;;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ind-icon{font-size:18px}
.ind-hint{font-size:11px;color:var(--muted);font-weight:400;margin-left:auto}

/* ===== 主板图/数据中心架构图 ===== */
.mobo-wrap{position:relative;width:100%}
.mobo-svg{width:100%;min-width:960px;height:auto;display:block;border-radius:8px;background:rgba(10,14,30,0.6)}

/* SVG节点hover */
.mobo-node{cursor:pointer;transition:all .15s}
.mobo-node:hover .mbox{stroke-width:2;filter:drop-shadow(0 0 10px rgba(255,107,107,0.35))}
.mobo-stock{cursor:pointer;transition:all .15s}
.mobo-stock:hover text{fill:#ff6b6b!important;}

/* 阶段色（SVG内用） */
.phase-启动{fill:rgba(92,107,192,0.25);stroke:#5c6bc0}
.phase-发酵{fill:rgba(66,165,245,0.25);stroke:#42a5f5}
.phase-高潮{fill:rgba(239,83,80,0.25);stroke:#ef5350}
.phase-退潮{fill:rgba(255,183,77,0.25);stroke:#ffb74d}
.phase-升温{fill:rgba(255,112,67,0.25);stroke:#ff7043}
.phase-降温{fill:rgba(255,169,77,0.25);stroke:#ffa94d}
.phase-温和{fill:rgba(255,146,43,0.25);stroke:#ff922b}
.phase-冰点{fill:rgba(92,107,192,0.25);stroke:#5c6bc0}

/* 右侧信息面板 */
.mobo-info{position:absolute;top:0;right:0;width:280px;background:rgba(20,24,45,0.96);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:16px;display:none;z-index:10;max-height:100%;overflow-y:auto}
.mobo-info.show{display:block}
.mi-title{font-size:15px;;color:#fff;margin-bottom:8px}
.mi-desc{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:8px}
.mi-rating{display:inline-block;font-size:12px;;padding:2px 8px;border-radius:4px;margin-bottom:8px}
.mi-phase{display:inline-block;font-size:11px;;padding:2px 8px;border-radius:4px;margin-left:4px;margin-bottom:8px}
.mi-reason{font-size:12px;color:rgba(255,255,255,0.65);line-height:1.6;margin-bottom:10px}
.mi-pe{font-size:11px;color:var(--muted);margin-bottom:8px}
.mi-stocks{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.mi-stock{font-size:11px;padding:3px 8px;border-radius:4px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:var(--text);cursor:pointer;transition:all .2s}
.mi-stock:hover{border-color:rgba(255,107,107,0.4);color:var(--red)}
.mi-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:6px;background:rgba(255,255,255,0.08);color:var(--muted);font-size:14px;cursor:pointer}
.mi-close:hover{background:rgba(255,107,107,0.2);color:var(--red)}

/* 评级 */
.rating-S{background:rgba(255,107,107,0.25);color:#ff6b6b}
.rating-A{background:rgba(255,212,59,0.2);color:#ffd43b}
.rating-Bp{background:rgba(102,126,234,0.2);color:#667eea}
.rating-B{background:rgba(177,151,252,0.2);color:#b197fc}
.rating-C{background:rgba(136,146,176,0.2);color:#8892b0}

/* ===== 赛道全景 ===== */
.sector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.sector-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;cursor:pointer;transition:all .2s}
.sector-card:hover{border-color:rgba(177,151,252,0.4);background:rgba(255,255,255,0.06)}
.sc-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.sc-name{;font-size:14px;color:#fff}

/* ===== 题材卡片 ===== */
#themes-list{display:flex;flex-direction:column;gap:12px}
.theme-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px;transition:all .2s}
.theme-card:hover{border-color:rgba(177,151,252,0.3)}
.tc-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.tc-rank{width:24px;height:24px;border-radius:6px;background:rgba(177,151,252,0.2);color:var(--purple);display:flex;align-items:center;justify-content:center;;font-size:12px;flex-shrink:0}
.tc-name{;font-size:15px;color:#fff;flex:1}
.tc-logic{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:8px}
.tc-sectors{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.tc-sector{font-size:11px;padding:2px 8px;border-radius:4px;background:rgba(102,126,234,0.12);color:var(--blue)}
.tc-leaders{font-size:12px;color:var(--muted)}
.tc-leader{color:var(--red);;margin-left:4px}

/* ===== 逻辑卡片 ===== */
#logic-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.logic-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px;transition:all .2s}
.logic-card:hover{border-color:rgba(177,151,252,0.3)}
.lc-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.lc-name{;font-size:14px;color:#fff;flex:1}
.lc-driver{font-size:10px;;padding:2px 8px;border-radius:4px}
.driver-政策{background:rgba(255,212,59,0.15);color:#ffd43b}
.driver-业绩{background:rgba(81,207,102,0.15);color:#51cf66}
.driver-事件{background:rgba(102,126,234,0.15);color:#667eea}
.driver-技术{background:rgba(177,151,252,0.15);color:#b197fc}
.driver-公告{background:rgba(255,107,107,0.15);color:#ff6b6b}
.driver-其他{background:rgba(136,146,176,0.15);color:#8892b0}
.lc-reason{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.6;margin-bottom:8px}
.lc-sectors{display:flex;flex-wrap:wrap;gap:4px}
.lc-sector{font-size:11px;padding:2px 6px;border-radius:3px;background:rgba(102,126,234,0.1);color:var(--blue)}

/* ===== 周期定位 ===== */
.cycle-sectors{display:flex;flex-direction:column;gap:10px}
.cycle-sector{display:flex;align-items:center;gap:12px}
.cs-name{width:100px;font-size:13px;font-weight:500;text-align:right;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-bar-wrap{flex:1;height:8px;background:rgba(255,255,255,0.08);border-radius:4px;overflow:hidden}
.cs-bar{height:100%;border-radius:4px;transition:width .5s ease}

/* ===== 弹窗 ===== */
.ind-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:none}
.ind-modal.show{display:block}
.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6)}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1d2e;border:1px solid rgba(255,255,255,0.15);border-radius:14px;padding:24px;min-width:320px;max-width:480px;max-height:80vh;overflow-y:auto}

/* 空状态 */
.ind-empty{text-align:center;padding:40px;color:var(--muted);font-size:14px}

/* ===== 盘中监控模块样式 ===== */
#intradayMonitor{}


.id-updated{text-align:right;color:var(--muted);font-size:11px;margin-bottom:8px}

/* 排序按钮 */
.id-sorts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.id-sort-btn{padding:5px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.04);color:var(--muted);font-size:12px;cursor:pointer;transition:all .2s}
.id-sort-btn:hover{color:var(--text);background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2)}
.id-sort-btn.active{background:rgba(177,151,252,0.18);color:#fff;border-color:rgba(177,151,252,0.4);}

/* 表格 */
.id-table-wrap{overflow-x:auto}
.id-table{width:100%;border-collapse:collapse;font-size:13px}
.id-table thead tr{border-bottom:2px solid rgba(255,255,255,0.08)}
.id-th{padding:10px 8px;text-align:left;color:#e8ecf4;font-weight:400;font-size:12px;white-space:nowrap}
.id-th-r{text-align:right}
.id-th-num{width:32px}
.id-th-name{min-width:70px}

.id-row{border-bottom:1px solid rgba(255,255,255,0.04);transition:background .15s}
.id-row:hover{background:rgba(255,255,255,0.05)}
.id-td{padding:9px 8px;white-space:nowrap;color:#c8cdd8;font-weight:400}
.id-td-r{text-align:right}
.id-td-num{color:#b0b8c8;font-size:12px}
.id-code{font-weight:400;color:#b0b8c8;font-size:12px}
.id-name{font-weight:400;color:#d0d6e2;font-size:12px}
.id-fmt{color:#a0a8b8;font-size:12px}

/* 量比颜色 */

/* 底部 */
.id-footer{margin-top:8px;text-align:center;color:var(--muted);font-size:11px}