:root{--page-bg: radial-gradient(circle at top left, rgba(124, 131, 255, .25), transparent 34%), linear-gradient(135deg, #0d1024 0%, #171631 48%, #10111f 100%);--surface: rgba(24, 27, 49, .88);--surface-strong: rgba(35, 39, 67, .94);--surface-soft: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .12);--border-strong: rgba(143, 151, 255, .45);--text: #f2f4ff;--muted: #aab0cb;--primary: #7c83ff;--primary-strong: #667eea;--primary-soft: rgba(124, 131, 255, .16);--success: #45d483;--success-bg: rgba(69, 212, 131, .14);--danger: #ff7474;--danger-bg: rgba(255, 116, 116, .14);--warning: #ffb84d;--warning-bg: rgba(255, 184, 77, .15);--info: #8ab4f8;--info-bg: rgba(138, 180, 248, .15);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--shadow: 0 24px 70px rgba(0, 0, 0, .45);--shadow-soft: 0 12px 34px rgba(0, 0, 0, .22)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:var(--text);background:var(--page-bg)}button,input{font:inherit}button{border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card,.app-card{width:min(100%,640px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card{position:relative;overflow:hidden;padding:40px;text-align:center}.login-card:before,.app-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--primary-strong),#9b6dff,#5ed7ff)}.login-card:before{position:absolute;inset:0 0 auto}.brand{width:64px;height:64px;display:grid;place-items:center;margin:10px auto 16px;border-radius:20px;background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--border-strong);font-size:34px}.login-card h1,.header h1{margin-bottom:8px;font-size:28px;letter-spacing:.02em}.login-card p,.header p,.pin-box small,.device-card p,.empty{color:var(--muted)}.login-card p,.header p{margin-bottom:24px}.login-card form,.chat-input{display:flex;gap:12px}.login-card form{flex-direction:column}input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text);background:#0a0d1d9e;padding:14px 15px}input::placeholder{color:#aab0cbb8}.login-card button,.pin-box button,.actions button,.chat-input button{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,var(--primary-strong),#764ba2);box-shadow:0 10px 24px #667eea40;padding:12px 16px;font-weight:700}.error{margin-top:14px;color:var(--danger)}.app-card{overflow:hidden}.nav-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0b;border-bottom:1px solid var(--border)}.tab-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;gap:6px;padding:5px;border:1px solid var(--border);border-radius:999px;background:#0a0d1d5c}.tab-button,.logout-button{border-radius:999px;color:var(--muted);padding:10px 18px}.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent}.tab-button.active{color:#fff;background:linear-gradient(135deg,var(--primary-strong),#764ba2);box-shadow:0 10px 24px #667eea38}.tab-icon{line-height:1}.logout-button{color:var(--muted);background:var(--surface-soft);white-space:nowrap}.panel,.chat-panel{padding:24px}.header{margin-bottom:20px;text-align:center}.pin-box,.device-card,.empty{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-soft);padding:18px;margin-bottom:14px}.pin-box{display:grid;gap:10px;text-align:center;border-color:var(--border-strong)}.pin-box span{color:var(--muted)}.pin-box strong{color:var(--primary);font-family:Consolas,Courier New,monospace;font-size:38px;letter-spacing:6px}.device-card{display:flex;gap:16px;justify-content:space-between}.device-card h3{margin-bottom:8px}.badge{display:inline-block;border-radius:999px;padding:5px 11px;margin:10px 8px 0 0;font-size:12px;font-weight:700}.badge.ok{color:var(--success);background:var(--success-bg)}.badge.no{color:var(--danger);background:var(--danger-bg)}.badge.auth{color:var(--info);background:var(--info-bg)}.actions{min-width:104px;display:flex;flex-direction:column;gap:8px}.actions .danger{background:var(--danger-bg);color:var(--danger);box-shadow:none}.actions .warn{background:var(--warning-bg);color:var(--warning);box-shadow:none}.actions .ok{background:var(--success-bg);color:var(--success);box-shadow:none}.chat-panel{height:min(82vh,760px);display:flex;flex-direction:column}.messages{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:6px 2px 18px}.msg{max-width:85%;border:1px solid var(--border);border-radius:18px;padding:12px 16px;line-height:1.6;box-shadow:var(--shadow-soft)}.msg.user{align-self:flex-end;color:#fff;background:linear-gradient(135deg,var(--primary-strong),#764ba2)}.msg.bot{align-self:flex-start;background:var(--surface-strong)}.chat-input{border-top:1px solid var(--border);padding-top:16px}.chat-input button{width:54px}@media(max-width:560px){.shell{align-items:stretch;padding:12px}.login-card,.panel,.chat-panel{padding:20px}.device-card,.nav-bar{flex-direction:column}.tab-group,.logout-button{width:100%}.actions{min-width:0}}