*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button{font-family:inherit}button svg{flex-shrink:0}.tablet-app{--ink:#233f32;--muted:#758377;--line:#e1e7dc;--accent:#466b4f;--paper:#fbfcf7;background:var(--paper);min-height:100svh;color:var(--ink);flex-direction:column;font-size:14px;display:flex}.device-header{flex-shrink:0;justify-content:space-between;align-items:center;height:87px;padding:0 48px;display:flex}.wordmark{align-items:center;gap:12px;display:flex}.logo-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.wordmark strong{letter-spacing:2px;font-size:21px;font-weight:650}.wordmark-divider{background:var(--line);width:1px;height:18px;margin:0 3px 0 7px}.room-name{color:var(--muted);font-size:13px}.online{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.device-main{flex-direction:column;flex:1;justify-content:center;padding:16px 70px 32px;display:flex}.scan-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;width:100%;max-width:1060px;margin:auto;display:grid}.eyebrow{color:var(--muted);letter-spacing:1px;margin:0 0 22px;font-size:12px;font-weight:500}.intro h1{letter-spacing:-1.7px;margin:0 0 26px;font-size:clamp(34px,4vw,51px);font-weight:550;line-height:1.45}.intro-description{color:var(--muted);margin:0;font-size:15px;line-height:2}.intro-footnote{color:var(--muted);align-items:center;gap:7px;margin-top:45px;font-size:11px;display:flex}.scan-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:20px;justify-self:center;width:100%;max-width:350px;padding:28px 34px;box-shadow:0 12px 40px #2b442409}.scan-heading h2{letter-spacing:-.3px;margin:0 0 10px;font-size:19px;font-weight:600}.scan-heading p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.6}.scan-icon{display:none}.qr-wrap{justify-content:center;align-items:center;width:220px;max-width:100%;height:220px;margin:auto;display:flex;position:relative}.qr-wrap img{object-fit:contain;width:100%;height:auto;max-height:220px}.demo-qr-label{color:#8a948c;margin:8px 0 17px;font-size:10px}.qr-expired{color:var(--ink);background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.device-footer{padding:0 48px 22px}.automation-flow{border-top:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:22px;padding-top:24px;font-size:12px;display:flex}.flow-label{opacity:.8;border-right:1px solid var(--line);padding-right:20px;font-size:11px}.flow-step{white-space:nowrap;align-items:center;gap:7px;display:flex}.flow-connector{color:#b2bdb3;font-size:14px}.footer-note,.queue-note{text-align:center;color:var(--muted);margin:16px 0 0;font-size:10px}.state-center{text-align:center;width:100%;max-width:650px;margin:24px auto}.state-center h1{letter-spacing:-.8px;margin:22px 0 16px;font-size:32px;font-weight:550;line-height:1.4}.state-description{color:var(--muted);margin:0 0 30px;font-size:14px;line-height:1.9}.state-icon{width:58px;height:58px;color:var(--accent);background:#e9f0e7;border-radius:50%;place-items:center;margin:0 auto 22px;font-size:26px;display:grid}.ready-state .eyebrow{margin-bottom:12px}.ready-state h1{margin-top:12px}.department-field{text-align:left;max-width:280px;margin:auto}.department-field label,.scan-dialog-body label{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.field-note{color:var(--muted);margin:13px 0 26px;font-size:11px;line-height:1.8}.state-actions{justify-content:center;align-items:center;gap:12px;display:flex}.record-indicator{color:#b44939;align-items:center;gap:8px;font-size:13px;display:inline-flex}.record-indicator i{background:currentColor;border-radius:50%;width:7px;height:7px}.record-indicator.paused{color:var(--muted)}.record-time{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:16px 0 12px;font-size:72px;font-weight:350;line-height:1.4}.record-symbol{color:var(--accent);margin:0 auto 25px;display:block}.recording-state .state-description{margin-bottom:15px}.recording-state .field-note{margin-bottom:0}.saved-jobs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:410px;margin:0 auto 25px}.saved-jobs>div{color:var(--muted);justify-content:space-between;gap:12px;padding:13px 0;font-size:12px;display:flex}.error-banner{color:#a53628;background:#fff1ed;border:1px solid #f0c5ba;border-radius:6px;padding:12px;font-size:13px;line-height:1.7}.error-icon{color:#b44030;background:#fff0eb}.scan-dialog-body{padding:4px 0 12px}.dialog-note{color:#778078;margin:0 0 24px;font-size:13px;line-height:1.8}.dialog-actions{justify-content:flex-end;gap:10px;width:100%;display:flex}.spin{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:root[data-design=element]{--el-color-primary:#466b4f;--el-color-primary-light-3:#78977c;--el-color-primary-light-5:#a2b9a3;--el-color-primary-light-7:#cbd8c9;--el-color-primary-light-9:#eff4ec;--el-color-primary-dark-2:#2d4e37;--el-border-radius-base:9px;--el-text-color-primary:#233f32;--el-font-family:inherit}.element .el-button{height:44px;padding:0 20px}.element .el-button>span{gap:8px}.element .el-button+.el-button{margin-left:0}.element .scan-card .el-button{color:#55705b;background:#f2f5ee;border:0;width:100%;height:36px}.el-dialog{border-radius:16px!important}.el-dialog__header{padding-bottom:20px!important}.shadcn{--ink:#252525;--muted:#858585;--line:#e8e8e8;--accent:#292929;--paper:#fff}.shadcn .device-header{border-bottom:1px solid var(--line);height:76px;padding:0 40px}.shadcn .logo-mark{border-radius:6px;width:30px;height:30px}.shadcn .wordmark strong{font-size:18px}.shadcn .device-main{padding:27px 40px 20px}.shadcn .scan-layout{text-align:center;flex-direction:column;gap:22px;display:flex}.shadcn .intro .eyebrow{letter-spacing:3px;margin-bottom:12px;font-size:10px}.shadcn .intro h1{letter-spacing:-1.3px;margin-bottom:12px;font-size:36px;font-weight:500;line-height:1.4}.shadcn .title-break{display:none}.shadcn .intro-description{font-size:12px;line-height:1.8}.shadcn .intro-description br,.shadcn .intro-footnote{display:none}.shadcn .scan-card{box-shadow:none;border-radius:8px;width:294px;padding:19px 26px}.shadcn .scan-heading h2{margin-bottom:6px;font-size:14px}.shadcn .scan-heading p{margin-bottom:10px;font-size:11px}.shadcn .qr-wrap{width:180px;height:180px}.shadcn .demo-qr-label{margin:4px 0 10px}.shadcn .scan-card button{width:100%;height:32px;box-shadow:none;background:#fafafa;font-size:11px}.shadcn .device-footer{padding:0 40px 18px}.shadcn .automation-flow{gap:20px;padding-top:19px}.shadcn .state-icon{background:#f2f2f2}.shadcn .state-actions button{height:44px}.shadcn .state-center h1{font-weight:500}.tdesign{--ink:#20304c;--muted:#7b869b;--line:#e5eaf3;--accent:#0052d9;--paper:#f3f6fb}.tdesign .device-header{border-bottom:1px solid var(--line);background:#fff;height:78px;padding:0 40px}.tdesign .logo-mark{color:#0052d9;background:0 0;border-radius:0}.tdesign .online{color:#49816a;background:#f1f7f4;border-radius:4px;padding:6px 10px}.tdesign .device-main{padding:35px 60px}.tdesign .scan-layout{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1.15fr 1fr;gap:0;max-width:1020px;min-height:420px;overflow:hidden}.tdesign .intro{background:#ecf2fc;flex-direction:column;justify-content:center;align-self:stretch;padding:60px 42px;display:flex}.tdesign .eyebrow{color:#5b7fab;margin-bottom:20px}.tdesign .intro h1{letter-spacing:-1px;margin-bottom:20px;font-size:39px;font-weight:600}.tdesign .intro-description{color:#7285a2;font-size:13px}.tdesign .intro-footnote{color:#7285a2;margin-top:35px;font-size:10px}.tdesign .scan-card{box-shadow:none;border:0;border-radius:0;max-width:100%;padding:25px 30px}.tdesign .scan-icon{color:#0052d9;background:#edf3ff;border-radius:8px;place-items:center;width:36px;height:36px;margin:0 auto 13px;display:grid}.tdesign .scan-heading h2{font-size:17px}.tdesign .scan-heading p{margin-bottom:10px;font-size:11px}.tdesign .qr-wrap{width:185px;height:185px}.tdesign .scan-card .t-button{height:32px;font-size:12px}.tdesign .demo-qr-label{margin:7px 0 12px}.tdesign .device-footer{padding:0 60px 26px}.tdesign .automation-flow{border-top:0;gap:20px;padding-top:0}.tdesign .flow-step{border:1px solid var(--line);color:#637997;background:#fff;border-radius:6px;padding:10px 16px}.tdesign .flow-label{padding-right:12px}.tdesign .state-center{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:760px;padding:35px 40px}.tdesign .state-icon{background:#edf3ff}.tdesign .record-time{color:#20304c}.t-button__text{align-items:center;gap:8px;display:flex}.t-dialog{border-radius:12px}@media (width<=900px){.device-header{padding:0 32px}.device-main{padding:22px 35px}.scan-layout{grid-template-columns:1fr 1fr;gap:26px}.intro h1{font-size:34px}.scan-card{padding:25px 20px}.qr-wrap{width:195px;height:195px}.device-footer{padding:0 28px 23px}.automation-flow{gap:13px}.flow-label{padding-right:12px}.tdesign .device-main{padding:30px}.tdesign .intro{padding:38px 28px}.tdesign .intro h1{font-size:32px}.tdesign .scan-card{padding:25px 20px}.tdesign .device-footer{padding:0 26px 24px}.tdesign .automation-flow{gap:9px}.tdesign .flow-step{padding:8px}.tdesign .flow-label{display:none}}@media (width<=700px){.tablet-app{min-height:100svh}.device-header,.shadcn .device-header,.tdesign .device-header{height:72px;padding:0 24px}.device-main,.shadcn .device-main,.tdesign .device-main{justify-content:center;padding:25px 20px}.scan-layout{flex-direction:column;gap:26px;display:flex}.intro{text-align:center}.intro h1{margin-bottom:13px;font-size:30px}.intro .eyebrow{margin-bottom:13px;font-size:10px}.intro-description{font-size:12px}.intro-footnote,.title-break{display:none}.scan-card{max-width:310px;padding:23px}.scan-heading h2{font-size:17px}.qr-wrap{width:200px;height:200px}.device-footer,.shadcn .device-footer,.tdesign .device-footer{padding:0 20px 20px}.automation-flow,.shadcn .automation-flow,.tdesign .automation-flow{flex-wrap:wrap;gap:8px;padding-top:18px}.flow-label{display:none}.flow-step{gap:4px;font-size:10px}.flow-step svg{width:13px}.flow-connector{font-size:10px}.shadcn .intro h1{font-size:28px}.shadcn .intro-description br{display:block}.shadcn .scan-layout{gap:26px}.shadcn .qr-wrap{width:195px;height:195px}.shadcn .scan-card{padding:23px}.tdesign .scan-layout{border-radius:10px;gap:0;display:flex}.tdesign .intro{padding:24px 20px}.tdesign .intro h1{margin-bottom:10px;font-size:27px}.tdesign .intro-description{font-size:11px}.tdesign .intro .eyebrow{margin-bottom:10px}.tdesign .intro-footnote{display:none}.tdesign .scan-card{padding:20px}.tdesign .scan-icon{display:none}.tdesign .qr-wrap{width:185px;height:185px}.tdesign .flow-step{padding:7px 5px}.state-center h1{font-size:26px}.state-actions{flex-wrap:wrap;gap:9px}.state-description{font-size:13px}.record-time{font-size:53px}.tdesign .state-center{padding:30px 20px}.saved-jobs>div{font-size:10px}.wordmark{gap:8px}.wordmark strong{font-size:19px}.wordmark-divider{margin-left:3px}.online{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=700px){.tdesign .title-break{display:initial}.tdesign .intro h1{font-size:26px}}