:root{--green: #22B24C;--green-dark: #1B9C40;--green-light: #e9f9ed;--green-ring: rgba(34,178,76,.18);--dot: rgba(15,23,42,.05);--section-bg: #fbfcfd;--section-hover: #ffffff;--gray: #6b7280;--gray-light: #f3f4f6;--gray-mid: #e5e7eb;--red: #ef4444;--amber: #f59e0b;--text: #0f172a;--text-sub: #64748b;--bg: #f5f6f8;--card: #ffffff;--border: #e9ebef;--shadow-sm: 0 1px 2px rgba(16,24,40,.04);--shadow: 0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);--shadow-lg: 0 16px 40px rgba(16,24,40,.14);--radius-lg: 16px;--radius: 12px;--radius-sm: 9px}[data-theme=dark]{--green: #2ec257;--green-dark: #25a849;--green-light: #0e2b16;--green-ring: rgba(46,194,87,.22);--dot: rgba(255,255,255,.045);--section-bg: #161d2b;--section-hover: #19222f;--text: #e5e7eb;--text-sub: #94a3b8;--bg: #0b0f17;--card: #131a26;--border: #1f2937;--gray-light: #1f2937;--gray-mid: #374151;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 1px 3px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;background-color:var(--bg);background-image:radial-gradient(900px 460px at 100% -5%,rgba(34,178,76,.07),transparent 60%),radial-gradient(820px 420px at -10% 0%,rgba(34,178,76,.04),transparent 55%),radial-gradient(var(--dot) 1px,transparent 1.4px);background-size:auto,auto,24px 24px;background-attachment:fixed;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s,color .3s}.topbar{background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:8px}.logo-text{font-size:22px;font-weight:600;letter-spacing:-.5px}.logo-mic{color:var(--gray)}.logo-track{color:var(--green)}.logo-badge{background:var(--green-light);color:var(--green);font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.3px}.topbar-right{display:flex;align-items:center;gap:12px}.lang-select{background:var(--gray-light);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;font-size:13px;color:var(--text);cursor:pointer}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}.icon-btn:hover{background:var(--gray-light);color:var(--text);border-color:var(--gray-mid)}.ico{width:1.05em;height:1.05em;flex-shrink:0;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn .ico{width:18px;height:18px;vertical-align:0}.btn .ico{width:16px;height:16px;vertical-align:0}.card-title .ico{width:18px;height:18px;color:var(--green);vertical-align:-.22em}.tab .ico{width:16px;height:16px;vertical-align:-.2em;margin-right:2px}.bottom-link .ico{width:15px;height:15px;vertical-align:-.18em}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1180px;margin:0 auto;padding:24px 16px 100px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:stretch}.col-main{min-width:0}.col-side{display:flex;min-width:0}.col-side>.card{display:flex;flex-direction:column;flex:1;margin-bottom:0}.col-side .card-body{flex:1;min-height:0}.col-side .console{height:100%;max-height:none}.col-span{grid-column:1 / -1}@media(max-width:1100px){.container{grid-template-columns:1fr;max-width:820px;align-items:start}.col-side{display:block}.col-side .console{height:260px}}.card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.card-header{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--text);display:flex;align-items:center;gap:8px}.card-body{padding:22px}.connect-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-dot{width:10px;height:10px;border-radius:50%;background:#ccc;flex-shrink:0}.status-dot.connected{background:var(--green);box-shadow:0 0 0 3px #2db34a33}.status-dot.connecting{background:var(--amber);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.connect-info{flex:1;min-width:200px}.connect-status{font-size:14px;font-weight:600}.connect-sub{font-size:12px;color:var(--text-sub);margin-top:2px}.device-badge{background:var(--green-light);border:1px solid var(--green);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px}.device-badge .model{font-weight:700;color:var(--green);font-size:15px}.device-badge .imei{color:var(--text-sub);font-size:11px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent;transition:transform .08s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--green-ring)}.btn-primary{background:linear-gradient(180deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 1px 2px #1018281f,inset 0 1px #ffffff2e}.btn-primary:hover{filter:brightness(1.04);box-shadow:0 4px 12px var(--green-ring)}.btn-primary:disabled{background:var(--gray-mid);color:var(--text-sub);box-shadow:none;cursor:not-allowed;filter:none;transform:none}.btn-outline{background:var(--card);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--green-light)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 1px 2px #1018281f}.btn-danger:hover{filter:brightness(1.05);box-shadow:0 4px 12px #ef444440}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:13px 28px;font-size:15px;width:100%}.tabs{display:flex;border-bottom:1px solid var(--border);background:var(--card);overflow-x:auto}.tab{padding:12px 18px;font-size:14px;font-weight:500;color:var(--text-sub);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s;user-select:none}.tab:hover{color:var(--green)}.tab.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.tab-content{display:none;padding:22px}.tab-content.active{display:block}.section{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px;background:var(--section-bg);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}.section:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--green);transform:scaleY(0);transform-origin:center;opacity:0;transition:transform .25s ease,opacity .25s ease}.section:hover{border-color:color-mix(in srgb,var(--green) 45%,var(--border));background:var(--section-hover);box-shadow:0 8px 24px var(--green-ring)}.section:hover:before{transform:scaleY(1);opacity:1}.section:hover .section-icon{background:var(--green);color:#fff}.section:last-child{margin-bottom:0}.section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.section-icon{width:34px;height:34px;border-radius:9px;background:var(--green-light);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease}.section:hover .section-icon{transform:scale(1.05)}.section-icon .ico{width:18px;height:18px}.section-title{font-size:14px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.section-desc{font-size:12px;color:var(--text-sub);margin-top:1px}.section>.field:last-child{margin-bottom:0}.section input[type=text],.section input[type=number],.section select{background:var(--card)}.section.danger:before{background:var(--red)}.section.danger .section-icon{background:#ef44441f;color:var(--red)}.section.danger:hover{border-color:color-mix(in srgb,var(--red) 45%,var(--border));box-shadow:0 8px 24px #ef44442e}.section.danger:hover .section-icon{background:var(--red);color:#fff}.field{margin-bottom:18px}.field-label{font-size:12px;font-weight:600;color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.field-hint{font-size:11px;color:var(--text-sub);margin-top:4px}.field-error{font-size:11px;color:var(--red);margin-top:4px;display:none}.field-row{display:flex;gap:10px;align-items:flex-start}input[type=text],input[type=number],select{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;background:var(--card);color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}input::placeholder{color:var(--text-sub);opacity:.6}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-ring)}input.error{border-color:var(--red);box-shadow:0 0 0 3px #ef444426}input.valid{border-color:var(--green)}select{cursor:pointer}.input-group{display:flex;gap:8px}.input-group input{flex:1}.input-group .port-input{width:90px;flex:none}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.region-card{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:pointer;background:var(--card);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;text-align:center}.region-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 16px var(--green-ring)}.region-card.selected{border-color:var(--green);background:var(--green-light);box-shadow:0 0 0 1px var(--green) inset}.region-card .flag{font-size:22px;margin-bottom:4px}.region-card .region-name{font-size:12px;font-weight:600}.region-card .region-sub{font-size:11px;color:var(--text-sub);margin-top:2px}.mode-list{display:flex;flex-direction:column;gap:10px}.mode-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;cursor:pointer;background:var(--card);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;display:flex;align-items:flex-start;gap:12px}.mode-item:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 16px var(--green-ring)}.mode-item.selected{border-color:var(--green);background:var(--green-light);box-shadow:0 0 0 1px var(--green) inset}.mode-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .2s}.mode-item.selected .mode-radio{border-color:var(--green);background:var(--green)}.mode-item.selected .mode-radio:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.mode-info{flex:1}.mode-name{font-size:14px;font-weight:600}.mode-desc{font-size:12px;color:var(--text-sub);margin-top:3px}.mode-params{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.mode-params .param-group{display:flex;flex-direction:column;gap:4px}.param-label{font-size:11px;color:var(--text-sub);font-weight:600}.param-input-wrap{display:flex;align-items:center;gap:6px}.param-input-wrap input{width:80px}.param-unit{font-size:12px;color:var(--text-sub)}.param-range{font-size:11px;color:var(--text-sub)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:14px;font-weight:500}.toggle-sub{font-size:12px;color:var(--text-sub);margin-top:2px}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--gray-mid);border-radius:12px;cursor:pointer;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--green)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.progress-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:200;align-items:center;justify-content:center}.progress-overlay.show{display:flex}.progress-card{background:var(--card);border-radius:var(--radius);padding:28px;width:90%;max-width:440px;max-height:88vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.progress-title{font-size:16px;font-weight:700;margin-bottom:20px;flex-shrink:0}.progress-bar-wrap{flex-shrink:0}.progress-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;overflow-y:auto;min-height:0;flex:1 1 auto}#progressResult,#progressCancel{flex-shrink:0}.step-item{display:flex;align-items:center;gap:12px;font-size:13px}.step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;background:var(--gray-mid);color:var(--text-sub)}.step-icon.done{background:var(--green);color:#fff}.step-icon.active{background:var(--amber);color:#fff;animation:pulse 1s infinite}.step-icon.error{background:var(--red);color:#fff}.step-text{flex:1}.step-status{font-size:11px;color:var(--text-sub)}.step-status.ok{color:var(--green);font-weight:600}.step-status.err{color:var(--red);font-weight:600}.progress-bar-wrap{height:6px;background:var(--gray-mid);border-radius:3px;overflow:hidden;margin-bottom:16px}.progress-bar{height:100%;background:var(--green);border-radius:3px;transition:width .4s ease;width:0%}.alert{border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.alert-warn{background:#fff8e1;border:1px solid #f59e0b;color:#92400e}.alert-info{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.alert-success{background:#e8f8ec;border:1px solid var(--green);color:#1b5e20}[data-theme=dark] .alert-warn{background:#2d2000;border-color:#d97706;color:#fcd34d}[data-theme=dark] .alert-info{background:#0d1b2a;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .alert-success{background:#0d2b14;border-color:var(--green);color:#86efac}.console{background:#0d1117;border-radius:var(--radius-sm);padding:14px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;min-height:200px;max-height:600px;height:260px;overflow-y:auto;color:#e6edf3;resize:vertical}.console-line{padding:1px 0;line-height:1.6}.console-line.sent{color:#79c0ff}.console-line.recv{color:#56d364}.console-line.err{color:#f85149}.console-line.info{color:#e3b341}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-item{background:var(--gray-light);border-radius:var(--radius-sm);padding:10px 12px}.info-key{font-size:11px;color:var(--text-sub);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.info-val{font-size:14px;font-weight:600;margin-top:3px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border);padding:12px 16px;z-index:100}.bottom-bar-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.bottom-links{display:flex;gap:16px}.bottom-link{font-size:12px;color:var(--text-sub);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s}.bottom-link:hover{color:var(--green)}.section-sep{height:1px;background:var(--border);margin:24px 0}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.chip-green{background:var(--green-light);color:var(--green)}.chip-gray{background:var(--gray-light);color:var(--gray)}.chip-amber{background:#fff8e1;color:#d97706}[data-theme=dark] .chip-amber{background:#2d2000;color:#fcd34d}.debug-banner{background:#fff8e1;border:1px solid #f59e0b;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:#92400e;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}[data-theme=dark] .debug-banner{background:#2d2000;border-color:#d97706;color:#fcd34d}.cmd-input-row{display:flex;gap:8px}.cmd-input-row input{flex:1;font-family:monospace}.connect-step{padding:8px 0}.step-num-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.step-num{width:26px;height:26px;border-radius:50%;background:var(--gray-mid);color:var(--text-sub);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s,color .3s}.step-num.active{background:var(--green);color:#fff;box-shadow:0 0 0 4px #2db34a26}.step-num.done{background:var(--green);color:#fff}.step-num-label{font-size:15px;font-weight:600;color:var(--text-sub);transition:color .3s}.step-num-row.active .step-num-label{color:var(--text)}.section-locked{opacity:.38;pointer-events:none;user-select:none;transition:opacity .4s}.port-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;margin-bottom:8px}.port-item:hover{border-color:var(--green)}.port-item.selected{border-color:var(--green);background:var(--green-light)}.port-name{font-size:14px;font-weight:600;font-family:monospace}.port-desc{font-size:12px;color:var(--text-sub)}@media(max-width:500px){.region-grid,.info-grid{grid-template-columns:1fr}.bottom-links{display:none}}