*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#10151d;color:#dbe4f0;font-size:15px;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid #1d2634;background:#131a24}.brand{font-weight:700;letter-spacing:.5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-open{background:#34d399}.dot-connecting{background:#fbbf24}.dot-closed{background:#64748b}.content{flex:1;overflow-y:auto}.page{padding:14px 14px calc(20px + env(safe-area-inset-bottom))}.page-logs{display:flex;flex-direction:column;height:100%;padding-bottom:8px}.tabbar{display:flex;border-top:1px solid #1d2634;background:#131a24;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;padding:12px 0;background:none;border:none;color:#7c8aa0;font-size:14px;font-weight:600}.tab-on{color:#5eead4}h2{font-size:18px;margin:6px 0 12px}h3{font-size:15px;margin:16px 0 8px;color:#a8b6ca}.card{background:#161e2a;border:1px solid #1f2a3a;border-radius:12px;padding:14px;margin-bottom:10px}.hint{color:#7c8aa0;font-size:13px;line-height:1.6}.hint.pad{padding:16px}.sub{color:#8fa0b5;font-size:13px;margin-top:8px}.err{color:#f87171;font-size:13px;margin:8px 0;line-height:1.5}.okp{color:#34d399;font-size:13px;margin:8px 0}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.btns{display:flex;gap:8px;align-items:center}button{border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:600;color:#0b1220;cursor:pointer}button:disabled{opacity:.45}button.sm{padding:8px 12px;font-size:13px;border-radius:8px}.primary{background:#5eead4}.danger{background:#f87171;color:#2a0a0a}.ghost{background:#1c2634;color:#a8b6ca;border:1px solid #27354a}.ghost-on{color:#5eead4;border-color:#5eead4}.field{display:block;margin:14px 0}.field span{display:block;font-size:13px;color:#8fa0b5;margin-bottom:6px}input,select{width:100%;background:#0e141d;border:1px solid #27354a;border-radius:10px;color:#dbe4f0;padding:12px;font-size:15px}.filters{display:flex;gap:8px;margin-bottom:8px}.filters select{width:auto;min-width:108px;padding:9px;font-size:13px}.filters input{flex:1;padding:9px;font-size:13px}.inline{display:flex;align-items:center;gap:8px;font-size:13px;color:#8fa0b5}.inline input{width:64px;text-align:center}.startrow{display:flex;gap:10px;align-items:center}.chip{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;vertical-align:2px}.chip-on{background:#34d39926;color:#34d399}.chip-off{background:#94a3b826;color:#94a3b8}.logbox{flex:1;overflow-y:auto;background:#0b0f16;border:1px solid #1f2a3a;border-radius:12px;padding:8px 10px;font-size:12.5px;line-height:1.75;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.logrow{display:flex;gap:6px;align-items:baseline;word-break:break-all}.lt{color:#5a6b82;flex-shrink:0}.lp{color:#7c5cd6;flex-shrink:0}.lc{color:#2f9e8f;flex-shrink:0}.lm{color:#c9d5e3}