* { box-sizing: border-box; }
html, body { margin: 0; background: #0A0F1C; color: #E4ECF6; font: 14px/1.5 -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif; }
header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #070C18; border-bottom: 1px solid #22324A; flex-wrap: wrap; }
.logo { width: 70px; height: 24px; background: #00B4D8; -webkit-mask: url(/assets/logo-full.png) left center / contain no-repeat; mask: url(/assets/logo-full.png) left center / contain no-repeat; }
.tag { padding: 2px 10px; border-radius: 999px; background: #22324A; font-size: 12px; }
.sp { flex: 1; }
.lt { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: #131D2E; font-weight: 700; }
.lt i { width: 12px; height: 12px; border-radius: 50%; background: #5B6B85; }
.lt.g i { background: #3DDC84; box-shadow: 0 0 10px #3DDC84; } .lt.y i { background: #FFC83D; box-shadow: 0 0 10px #FFC83D; } .lt.r i { background: #FF5A4E; box-shadow: 0 0 12px #FF5A4E; }
select { padding: 6px 8px; border-radius: 8px; border: 1px solid #33445E; background: #131D2E; color: inherit; font: inherit; }
#pass { padding: 6px 10px; border-radius: 8px; border: 1px solid #22324A; background: #0F1828; color: inherit; width: 160px; }
main { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 12px; padding: 12px; }
.card { background: #0F1828; border: 1px solid #22324A; border-radius: 12px; padding: 10px 12px; }
.card.wide { grid-column: 1 / -1; }
h2 { margin: 4px 0 8px; font-size: 15px; } h2 small { color: #7E8DA6; font-weight: 400; margin-left: 6px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; } .grid.g6 { grid-template-columns: repeat(6, 1fr); }
.row { display: flex; gap: 6px; margin-top: 8px; align-items: center; flex-wrap: wrap; }
button { padding: 7px 10px; border-radius: 8px; border: 1px solid #33445E; background: #131D2E; color: inherit; font: inherit; cursor: pointer; }
button:hover { border-color: #00B4D8; } button.on { background: #00B4D8; color: #04070F; border-color: #00B4D8; font-weight: 700; }
button.warn { border-color: #FF5A4E; } button.gold { border-color: #FFC83D; color: #FFC83D; } button.done { background: #FFC83D; color: #0A1424; font-weight: 700; }
button:disabled { opacity: .4; cursor: default; }
.sw { display: inline-flex; gap: 4px; align-items: center; } .sw.warn { color: #FF8A80; }
.note { margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: #131D2E; } .dim { color: #A9BAD1; font-size: 13px; }
.list > div button { padding: 4px 8px; font-size: 13px; } .err { color: #FF8A80; font-size: 12px; }
.list > div { display: flex; gap: 8px; align-items: center; padding: 5px 0; border-top: 1px solid #1A2538; } .list > div span { flex: 1; }
pre { margin: 0; max-height: 240px; overflow: auto; font-size: 11px; color: #7E8DA6; white-space: pre-wrap; }
/* 展示段面板（INTAKE-HOST）：每类型一行——当前选中 + 换人下拉 + 跳过类型 */
#scHint { margin-top: 8px; }
#scList select { max-width: 220px; padding: 4px 6px; font-size: 13px; }
#scList > div { flex-wrap: wrap; }
@media (max-width: 760px) { main { grid-template-columns: 1fr; } .grid.g6 { grid-template-columns: repeat(4, 1fr); } }
a { color: #7EDCF2; }