*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#122033;background:radial-gradient(circle at 0 0,#ed67402e,#0000 28%),radial-gradient(circle at 100% 0,#2f80ed2e,#0000 26%),linear-gradient(#f5f1e8 0%,#eef3f7 100%);font-family:Microsoft YaHei,PingFang SC,sans-serif}html,body,#app{min-height:100%}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0}code{background:#12203314;border-radius:999px;padding:2px 8px}.shell{max-width:1180px;margin:0 auto;padding:40px 20px 64px}.hero{padding:12px 0 24px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#dc5a2d;font-size:13px}.hero h1{max-width:760px;margin-top:14px;font-size:clamp(32px,5vw,56px);line-height:1.05}.intro{color:#516072;max-width:760px;margin-top:18px;font-size:16px;line-height:1.7}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #12203314;border-radius:28px;box-shadow:0 18px 46px #12203314}.form-panel{padding:24px}.panel-label{letter-spacing:.16em;text-transform:uppercase;color:#6b7a8b;font-size:13px}.form-panel h2{margin-top:8px;font-size:28px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.field-wide{grid-column:span 2}.field{flex-direction:column;gap:10px;display:flex}.field span{color:#516072;font-size:14px}.field input{background:#fbfcfd;border:1px solid #1220331f;border-radius:16px;outline:none;width:100%;min-height:50px;padding:0 16px}.field input:focus{border-color:#2f80ed;box-shadow:0 0 0 4px #2f80ed1f}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.primary,.launch-button{color:#fff;background:linear-gradient(135deg,#122033 0%,#2f80ed 100%);border-radius:999px;min-height:52px;padding:0 22px;transition:transform .18s,opacity .18s}.primary:hover,.launch-button:hover{transform:translateY(-1px)}.primary:disabled,.launch-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.toggle{color:#516072;align-items:center;gap:10px;font-size:14px;display:inline-flex}.meta{color:#6b7a8b;margin-top:16px;font-size:14px}.feedback{border-radius:16px;margin-top:16px;padding:14px 16px;font-size:14px}.feedback.info{color:#1f5da8;background:#edf5ff}.feedback.success{color:#177245;background:#eaf8ef}.feedback.error{color:#b6421e;background:#fff0eb}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.device-card{padding:22px}.device-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.device-name{font-size:22px;font-weight:700}.device-id{color:#6b7a8b;word-break:break-all;margin-top:8px}.status-badge{white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.status-badge.online{color:#177245;background:#e6f8ec}.status-badge.offline{color:#b6421e;background:#fff0eb}.device-meta{gap:14px;margin-top:22px;display:grid}.device-meta div{gap:6px;display:grid}.device-meta dt{color:#6b7a8b;font-size:13px}.device-meta dd{word-break:break-word;font-size:15px;line-height:1.5}.launch-button{width:100%;margin-top:24px}.empty-state{text-align:center;color:#516072;margin-top:24px;padding:28px;line-height:1.8}@media (width<=860px){.field-grid,.device-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.toolbar{flex-direction:column;align-items:stretch}}