.self-shell{display:flex;flex-direction:column;height:100%;max-width:560px;margin:0 auto;background:#f5f6f8;position:relative}.self-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1677ff,#0958d9);color:#fff;flex:0 0 auto}.self-title{font-size:17px;font-weight:600}.self-sub{font-size:12px;opacity:.8;margin-top:2px}.self-main{flex:1 1 auto;overflow-y:auto;padding:12px 12px 16px;-webkit-overflow-scrolling:touch}.self-tabbar{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #eaecef;padding-bottom:env(safe-area-inset-bottom)}.self-tab{border:0;background:none;padding:8px 0 10px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#8c8c8c;cursor:pointer;font:inherit}.self-tab.active{color:#1677ff}.self-tab-icon{font-size:20px;line-height:1}.self-tab-label{font-size:11px}.self-card{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:12px}.self-card-title{font-size:13px;color:#8c8c8c;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.self-room-hero{background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff;border-radius:14px;padding:18px;margin-bottom:12px}.self-room-code{font-size:30px;font-weight:700;letter-spacing:.5px;line-height:1.1}.self-room-where{font-size:14px;opacity:.9;margin-top:6px}.self-room-bed{margin-top:12px;display:inline-block;background:#ffffff38;border-radius:8px;padding:6px 12px;font-size:14px}.self-kv{display:flex;justify-content:space-between;padding:9px 0;font-size:14px}.self-kv+.self-kv{border-top:1px solid #f2f3f5}.self-kv .k{color:#8c8c8c}.self-kv .v{color:#262626;font-weight:500;text-align:right}.self-empty{text-align:center;color:#bfbfbf;padding:32px 0;font-size:13px}.self-row{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:10px}.self-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.self-row-title{font-size:15px;font-weight:500}.self-row-meta{font-size:12px;color:#8c8c8c;margin-top:6px;line-height:1.7}.self-login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(160deg,#0b3a75,#001529)}.self-login-card{background:#fff;border-radius:16px;padding:22px 20px}.self-login-brand{text-align:center;color:#fff;margin-bottom:22px}.self-login-brand h1{font-size:22px;margin:0 0 6px;font-weight:600}.self-login-brand p{font-size:12px;opacity:.7;margin:0}.self-center{height:100%;display:grid;place-items:center}.self-shell .ant-input,.self-shell .ant-input-affix-wrapper,.self-shell .ant-select-selector,.self-login .ant-input,.self-login .ant-input-affix-wrapper{min-height:44px!important;font-size:16px!important}.self-shell .ant-btn,.self-login .ant-btn{min-height:44px;font-size:15px}.self-shell .ant-btn-sm{min-height:32px;font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.ant-app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#f0f2f5}.room-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:8px;transition:box-shadow .15s,border-color .15s}.room-card:hover{box-shadow:0 2px 10px #0000001a;border-color:#1677ff}.room-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.room-code{font-weight:600;font-size:13px}.room-meta{font-size:11px;color:#8c8c8c}.bed-grid{display:flex;flex-wrap:wrap;gap:4px}.bed-cell{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;cursor:pointer;border:1px solid rgba(0,0,0,.06);-webkit-user-select:none;user-select:none}.bed-cell.free{background:#f5f5f5;color:#bfbfbf;border-style:dashed;border-color:#d9d9d9}.bed-cell.oos{background:#fff1f0;color:#cf1322;border-color:#ffa39e}.legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12px;color:#595959}.legend .dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}.floor-strip{display:flex;flex-direction:column-reverse;gap:4px}.floor-btn{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;border:1px solid transparent;font-size:12px}.floor-btn:hover{background:#f5f5f5}.floor-btn.active{background:#e6f4ff;border-color:#91caff}.floor-bar{flex:1;height:6px;border-radius:3px;background:#f0f0f0;overflow:hidden}.floor-bar>i{display:block;height:100%;background:#1677ff}.stat-card{background:#fff;border-radius:8px;padding:14px 16px}.mini-bar{height:8px;border-radius:4px;background:#f0f0f0;overflow:hidden;display:flex}.mini-bar>i{display:block;height:100%}.bed-cell.disabled{background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 3px,#e0e0e0 3px,#e0e0e0 6px);color:#8c8c8c;border-color:#d9d9d9}.room-card.is-out{background:#fafafa;border-style:dashed}.row-danger>td{background:#fff2f0!important}@media print{.ant-layout-sider,.ant-layout-header,.ant-btn,.ant-select{display:none!important}.ant-layout-content{padding:0!important;overflow:visible!important}}.towers{display:flex;gap:14px;align-items:flex-end;overflow-x:auto;padding-bottom:6px}.tower{flex:1 1 0;min-width:92px}.tower-floors{display:flex;flex-direction:column}.tower-floor{position:relative;height:30px;border:1px solid #fff;border-radius:3px;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:11px;color:#262626;cursor:pointer;overflow:hidden;background:#f0f0f0;transition:transform .1s,box-shadow .1s}.tower-floor:hover{transform:translate(2px);box-shadow:0 0 0 2px #1677ff inset}.tower-floor-no{font-weight:600;position:relative;z-index:2}.tower-floor-num{color:#595959;position:relative;z-index:2;font-variant-numeric:tabular-nums}.tower-floor-bar{position:absolute;left:0;bottom:0;height:3px;background:#00000061;z-index:1}.tower-mix{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:0}.tower-mix>i{display:block;height:100%}.tower-base{margin-top:6px;text-align:center;border-top:3px solid #595959;padding-top:6px;cursor:pointer}.tower-code{font-size:15px;font-weight:700}.tower-meta{font-size:11px;color:#262626;line-height:1.5;font-variant-numeric:tabular-nums}.plan-wrap{display:flex;gap:14px;align-items:flex-start}.plan-side{flex:0 0 168px}.plan-floors{display:flex;flex-direction:column;gap:3px}.plan-floor-btn{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:12px;border:1px solid transparent;background:#fafafa}.plan-floor-btn:hover{background:#f0f0f0}.plan-floor-btn.active{background:#e6f4ff;border-color:#91caff}.plan-floor-btn b{width:26px}.plan-floor-num{margin-left:auto;color:#8c8c8c;font-variant-numeric:tabular-nums}.plan-body{flex:1 1 0;min-width:0}.plan-canvas{border:2px solid #d9d9d9;border-radius:6px;padding:10px;background:#fff;overflow-x:auto}.plan-row{display:flex;gap:6px;min-width:min-content}.plan-room{flex:1 1 96px;min-width:88px;border:1px solid #d9d9d9;border-radius:4px;padding:5px 6px 6px;cursor:pointer;transition:box-shadow .12s}.plan-room:hover{box-shadow:0 0 0 2px #1677ff inset}.plan-room.is-out{border-style:dashed}.plan-room.is-func{background:#fafafa;border-style:dashed;cursor:default;flex:0 0 96px}.plan-room.is-func:hover{box-shadow:none}.plan-room-head{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;color:#262626}.plan-room-head span{font-size:11px;color:#595959;font-variant-numeric:tabular-nums}.plan-room-type{font-size:10px;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-func-name{font-size:11px;color:#8c8c8c;margin-top:4px}.plan-flag{display:inline-block;margin-left:3px;padding:0 3px;background:#fa8c16;color:#fff;border-radius:2px;font-size:9px;line-height:13px}.plan-flag.danger{background:#ff4d4f}.plan-beds{display:flex;flex-wrap:wrap;gap:2px}.plan-beds>i{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.12);display:block}.plan-corridor{display:flex;align-items:center;justify-content:space-between;background:repeating-linear-gradient(90deg,#f5f5f5,#f5f5f5 10px,#eee 10px,#eee 20px);border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin:6px 0;padding:5px 10px;font-size:11px;color:#8c8c8c;letter-spacing:2px;min-width:min-content}.plan-stair{background:#595959;color:#fff;border-radius:3px;padding:1px 7px;letter-spacing:0;font-size:10px;white-space:nowrap}.plan-corridor-label{flex:1;text-align:center;white-space:nowrap}.plan-func-row{display:flex;gap:6px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed #e8e8e8;min-width:min-content}.plan-func-label{font-size:11px;color:#bfbfbf;flex:0 0 auto;writing-mode:vertical-rl;letter-spacing:2px}