/**
 * 相對強度評分頁專屬樣式,港/美/A 股三頁共用。
 * 通用部分(表格、篩選器、分頁、密碼遮罩)在 components.css 與 shell.css。
 */
body{background:#080808;color:#e8e0d0;font-family:"Noto Sans TC",sans-serif;font-size:20px;min-height:100vh}
.back-btn{color:#d4a647;font-size:13px;border:1px solid #d4a64766;padding:6px 14px;border-radius:4px;transition:background .2s}
.page-subtitle{font-size:14px;color:#aaa;margin-top:4px}
.page-subtitle .pill{display:inline-block;background:#d4a64720;border:1px solid #d4a64766;color:#d4a647;padding:3px 12px;border-radius:14px;font-weight:700;font-size:14px;margin-right:8px}
.info-bar{background:#0a0a12;border-bottom:1px solid #1e1e2e;padding:10px 24px;font-size:13px;color:#888;display:flex;gap:20px;flex-wrap:wrap}
.info-bar span b{color:#d4a647}
.filter-bar{background:#0d0d14;border-bottom:1px solid #1e1e2e;padding:16px 24px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
input[type=text],input[type=number]{background:#1a1a2e;border:1px solid #2a2a3e;color:#e8e0d0;padding:7px 10px;border-radius:4px;font-size:13px;font-family:inherit;min-width:100px;cursor:pointer;outline:none;transition:border-color .2s}
input[type=text]:focus,input[type=number]:focus{border-color:#d4a647}
select{background:#1a1a2e;border:1px solid #2a2a3e;color:#e8e0d0;padding:7px 10px;border-radius:4px;font-size:13px;font-family:inherit;min-width:140px;cursor:pointer;outline:none;transition:border-color .2s}
select:focus{border-color:#d4a647}
.mcap-multi{position:relative}
.mcap-btn{background:#1a1a2e;border:1px solid #2a2a3e;color:#e8e0d0;padding:7px 10px;border-radius:4px;font-size:13px;font-family:inherit;min-width:140px;cursor:pointer;text-align:left;transition:border-color .2s;white-space:nowrap;display:block;width:100%}
.mcap-btn:hover{border-color:#d4a647}
.mcap-menu{position:absolute;top:calc(100% + 4px);left:0;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:6px;z-index:200;min-width:160px;padding:8px;box-shadow:0 4px 16px #0008}
.mcap-actions{display:flex;gap:6px;margin-bottom:8px;border-bottom:1px solid #2a2a3e;padding-bottom:6px}
.mcap-actions button{font-size:11px;padding:2px 8px;border-radius:3px;cursor:pointer;border:1px solid #444;background:transparent;color:#aaa;transition:all .2s;font-family:inherit}
.mcap-actions button:hover{border-color:#d4a647;color:#d4a647}
.mcap-menu label{display:flex;align-items:center;gap:6px;padding:4px 2px;cursor:pointer;font-size:13px;white-space:nowrap;color:#e8e0d0}
.mcap-menu label:hover{color:#d4a647}
.mcap-menu input[type=checkbox]{accent-color:#d4a647;cursor:pointer;width:14px;height:14px}
.w-tag{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:700;white-space:nowrap;cursor:default}
.w-s2{background:#d4a64722;color:#d4a647;border:1px solid #d4a647}
.w-s1b{background:#64b5f622;color:#64b5f6;border:1px solid #64b5f6}
.w-s1{background:#33333344;color:#888;border:1px solid #555}
.w-s3{background:#ffb74d22;color:#ffb74d;border:1px solid #ffb74d}
.w-s3b{background:#ef535033;color:#ff7043;border:1px solid #ff7043}
.w-s4{background:#b71c1c33;color:#ef5350;border:1px solid #b71c1c}
.w-trans{color:#444;font-size:11px}
table{width:100%;border-collapse:collapse;min-width:1100px}
td.sym{color:#d4a647;font-weight:600;font-size:15px}
td.name{color:#ccc;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis}
td.sector{color:#888;font-size:12px}
td.good{color:#4caf50}
td.poor{color:#ef5350}
td.neutral{color:#aaa}
td.amount{text-align:right !important;font-size:13px;color:#aaa}
.rating-badge{display:inline-block;min-width:32px;padding:3px 8px;border-radius:10px;font-size:14px;font-weight:700;text-align:center}
.bg-best{background:#1a3a2a;color:#4caf50;border:1px solid #4caf5066}
.bg-good{background:#1a2a3a;color:#64b5f6;border:1px solid #64b5f666}
.bg-ok{background:#2a2a1a;color:#ffb74d;border:1px solid #ffb74d66}
.bg-bad{background:#3a1a1a;color:#ef5350;border:1px solid #ef535066}
.bg-worst{background:#2a0a0a;color:#b71c1c;border:1px solid #b71c1c66}
.page-btn:hover,.page-btn.active{background:#d4a64720;border-color:#d4a647;color:#d4a647}
.legend{background:#0d0d14;border-bottom:1px solid #1e1e2e;padding:10px 24px;font-size:12px;color:#888;display:flex;gap:16px;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:6px}
.legend-dot{width:10px;height:10px;border-radius:50%}
.help-btn{position:fixed;top:16px;right:16px;z-index:50;background:#0d0d14;border:1px solid #d4a64766;color:#d4a647;font-family:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:18px;cursor:pointer;transition:all .15s}
.help-btn:hover{background:#d4a64720;border-color:#d4a647}
.help-panel{display:none;background:#0d0d14;border-bottom:2px solid #d4a64766;padding:18px 24px 22px;max-width:1280px;margin:0 auto;font-size:14px;color:#ccc;line-height:1.7}
.help-panel.open{display:block}
.help-panel h3{font-size:16px;font-weight:700;color:#d4a647;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
.help-panel h3 .help-close{background:transparent;border:1px solid #444;color:#888;font-family:inherit;font-size:12px;padding:4px 12px;border-radius:14px;cursor:pointer}
.help-panel h3 .help-close:hover{border-color:#d4a647;color:#d4a647}
.help-panel h4{font-size:14px;font-weight:700;color:#e8e0d0;margin:14px 0 6px}
.help-panel ul{margin:6px 0 6px 20px}
.help-panel li{margin:3px 0}
.help-panel p{margin:6px 0}
.help-panel b{color:#e8e0d0}
.help-table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:13px}
.help-table th{color:#d4a647;font-weight:700;padding:5px 10px;border-bottom:1px solid #2a2a3e;text-align:left;white-space:nowrap}
.help-table td{padding:5px 10px;border-bottom:1px solid #1a1a2e;vertical-align:middle}
.help-table tr:last-child td{border-bottom:none}