:root{--bg:#0f1115;--card:#1a1d24;--line:#2a2e38;--txt:#e7e9ee;--sub:#9aa3b2;--ok:#22c55e;--bad:#ef4444;--occ:#ef4444;--vac:#34d399;--last:#f59e0b;--new:#3b82f6;--checkout:#eab308}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}header{position:sticky;top:0;z-index:10;background:var(--bg);display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.back{background:none;border:0;color:var(--txt);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}.title{flex:1;font-size:17px;font-weight:700}.meta{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:13px}.refresh{background:none;border:0;font-size:18px;cursor:pointer}main{padding:0}.loading,.err{color:var(--sub);text-align:center;padding:36px 0}.err{color:#f87171}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh}.login{background:var(--card);padding:28px;border-radius:14px;width:280px;text-align:center}.login h1{font-size:18px;margin:0 0 18px}.login input{width:100%;box-sizing:border-box;padding:12px;border-radius:8px;border:1px solid #333;background:var(--bg);color:var(--txt);font-size:16px}.login button{margin-top:14px;width:100%;padding:12px;border:0;border-radius:8px;background:#3b82f6;color:#fff;font-size:16px;cursor:pointer}.err-line{color:#f87171;font-size:14px;margin:0 0 8px}.home{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.card{border:2px solid var(--line);border-radius:14px;background:var(--card);padding:14px 10px;text-align:center;cursor:pointer;min-height:84px;color:var(--txt);display:flex;flex-direction:column;justify-content:center;gap:8px}.card.ok{border-color:var(--ok)}.card.bad{border-color:var(--bad)}.card .cn{font-size:17px;font-weight:700}.card .cc{font-size:15px}.card .cc .o{color:var(--occ);font-weight:800}.card .cc .v{color:var(--vac);font-weight:800}.card .cc .sep{color:var(--sub);margin:0 4px}.card .badmsg{color:#f87171;font-size:13px}.detail{padding:16px 14px 24px}.hero{display:flex;gap:10px;margin-bottom:14px}.num{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 8px;text-align:center}.num b{display:block;font-size:34px;line-height:1.1;font-weight:800}.num span{display:block;margin-top:4px;font-size:13px;color:var(--sub)}.num.occ b{color:var(--occ)}.num.vac b{color:var(--vac)}.num.tot b{color:var(--txt)}.rate{font-size:14px;color:var(--sub);margin-bottom:18px}.rate .bar{margin-top:6px;height:10px;background:#2a2e38;border-radius:999px;overflow:hidden}.rate .bar i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#ef4444)}.grid{display:flex;flex-direction:column;gap:10px}.floor{display:flex;align-items:flex-start;gap:10px}.fl{flex:0 0 36px;color:var(--sub);font-size:13px;padding-top:6px;font-weight:600}.rooms{display:flex;flex-wrap:wrap;gap:6px}.rm{min-width:48px;text-align:center;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:600;color:#fff}.rm.stay{background:var(--occ)}.rm.new{background:var(--new)}.rm.last{background:var(--last)}.rm.checkout{background:var(--checkout);color:#1a1d24}.hint{margin-top:14px;color:var(--sub);font-size:12px}.legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--sub)}.lg{display:flex;align-items:center;gap:5px}.lg:before{content:"";width:12px;height:12px;border-radius:3px;display:inline-block}.lg.stay:before{background:var(--occ)}.lg.new:before{background:var(--new)}.lg.last:before{background:var(--last)}.lg.checkout:before{background:var(--checkout)}