:root{
  --paper:#EAE3D2;
  --card:#F5F0E4;
  --ink:#2A2620;
  --river:#2F5D62;
  --river-deep:#234A4E;
  --clay:#B07A5B;
  --line:#DDD5C1;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{
  font-family:"Noto Serif SC","Songti SC","STSong",serif;
  background:var(--paper);
  color:var(--ink);
  min-height:100vh;
  font-size:16px;
  line-height:1.6;
}
img{max-width:100%;display:block;}

/* ---------- 外壳：移动竖屏，居中模拟手机 ---------- */
.app-header,.tabbar{
  position:fixed;left:50%;transform:translateX(-50%);
  width:100%;max-width:560px;
  background:var(--paper);
  z-index:10;
}
.app-header{
  top:0;height:68px;
  display:flex;align-items:center;gap:10px;
  padding:0 16px;
  border-bottom:1px solid var(--line);
}
.brand-logo{height:36px;width:auto;}
.brand-sub{
  font-size:13px;letter-spacing:2px;color:var(--river-deep);
  border-left:1px solid var(--line);padding-left:10px;
}
.view{
  max-width:560px;margin:0 auto;
  padding:84px 16px 88px;
}

/* ---------- 底部 tab 导航 ---------- */
.tabbar{
  bottom:0;height:64px;
  display:flex;
  border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0);
}
.tab{
  flex:1;background:none;border:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:var(--ink);opacity:.55;
  font-family:inherit;font-size:11px;cursor:pointer;
  padding:0;
}
.tab svg{width:24px;height:24px;stroke:var(--ink);fill:none;stroke-width:1.6;}
.tab.active{opacity:1;color:var(--river);}
.tab.active svg{stroke:var(--river);}
.tab:active{opacity:.8;}

/* ---------- 首页 ---------- */
.home-hero{
  text-align:center;
  padding:34px 16px 30px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  margin-bottom:18px;
  box-shadow:0 1px 0 rgba(42,38,32,.04);
}
.hero-logo{height:92px;width:auto;margin:0 auto;display:block;}
.hero-rule{display:block;width:52px;height:3px;background:var(--clay);border-radius:3px;margin:18px auto 0;opacity:.85;}
.module-grid{display:flex;flex-direction:column;gap:14px;}
.module-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 16px;
  display:flex;align-items:center;gap:16px;
  cursor:pointer;
  text-align:left;width:100%;font-family:inherit;color:var(--ink);
  box-shadow:0 1px 0 rgba(42,38,32,.04);
}
.module-card:active{transform:scale(.99);}
.module-ico{
  width:46px;height:46px;flex:none;
  border-radius:12px;background:var(--river);
  display:flex;align-items:center;justify-content:center;
}
.module-ico svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;}
.module-meta{flex:1;min-width:0;}
.module-meta .name{font-size:17px;font-weight:600;color:var(--river-deep);}
.module-meta .desc{font-size:12.5px;opacity:.7;margin-top:2px;}
.module-card .arrow{color:var(--river);opacity:.6;}

/* ---------- 模块占位页 ---------- */
.module-head{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.module-head .back{
  background:none;border:none;cursor:pointer;font-family:inherit;
  color:var(--river);font-size:14px;padding:4px 0;display:flex;align-items:center;gap:4px;
}
.module-page h2{font-size:19px;color:var(--river-deep);margin:0;font-weight:600;}
.module-page .sub{font-size:12.5px;opacity:.65;margin-top:2px;}
.placeholder-card{
  background:var(--card);
  border:1px dashed var(--line);
  border-radius:14px;
  padding:26px 18px;text-align:center;
}
.placeholder-card .badge{
  display:inline-block;background:var(--clay);color:#fff;
  font-size:12px;padding:3px 12px;border-radius:999px;letter-spacing:1px;margin-bottom:14px;
}
.placeholder-card .feature{
  text-align:left;margin:14px auto 0;max-width:300px;
  font-size:13.5px;line-height:1.9;opacity:.85;
}
.placeholder-card .feature li{margin:0;}
.tip{
  margin-top:18px;font-size:12.5px;color:var(--river);opacity:.85;
  background:rgba(47,93,98,.08);border-radius:10px;padding:12px 14px;line-height:1.7;
}

/* ---------- 模块通用：返回/标题 ---------- */
.module-page .sub{font-size:12.5px;opacity:.65;margin-top:2px;}
.empty{padding:30px 16px;text-align:center;font-size:13.5px;opacity:.6;line-height:1.8;}

/* ---------- 续房清洁 ---------- */
.datebar{
  background:var(--river);color:#fff;font-size:13px;letter-spacing:1px;
  border-radius:10px;padding:8px 14px;margin:6px 0 14px;text-align:center;
}
.operator{margin-bottom:14px;}
.operator label{display:block;font-size:12.5px;opacity:.7;margin-bottom:6px;}
.operator select,.addrow input,.row input,.row select,.pi-desc,.pi-type,.pi-owner,.h-notes{
  font-family:inherit;
}
.operator select{
  width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;
  background:var(--card);color:var(--ink);font-size:15px;
}
.addbox{margin-bottom:12px;}
.addbox label{display:block;font-size:12.5px;opacity:.7;margin-bottom:6px;}
.addrow{display:flex;gap:8px;}
.addrow input{
  flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:15px;
}
.addrow button,.newday{
  flex:none;padding:0 18px;border:none;border-radius:10px;background:var(--river);color:#fff;
  font-family:inherit;font-size:15px;cursor:pointer;
}
.newday{background:transparent;color:var(--clay);border:1px solid var(--line);padding:7px 12px;font-size:12.5px;}
.stat{font-size:13px;color:var(--river-deep);font-weight:600;margin:4px 0 12px;}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.toggle{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px;}
.gtab{
  background:none;border:none;font-family:inherit;font-size:12.5px;color:var(--ink);opacity:.6;
  padding:5px 10px;border-radius:8px;cursor:pointer;
}
.gtab.active{background:var(--river);color:#fff;opacity:1;}
.todo-chk{font-size:12.5px;opacity:.8;display:flex;align-items:center;gap:4px;}
.rooms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.room{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;
  display:flex;gap:10px;align-items:stretch;
}
.room.done{opacity:.72;}
.room .head{display:flex;flex-direction:column;justify-content:center;min-width:54px;}
.room .no{font-size:17px;font-weight:700;color:var(--river-deep);}
.room .rdate{font-size:11px;opacity:.55;}
.room .mid{flex:1;min-width:0;}
.room .note{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;font-family:inherit;
  font-size:13.5px;color:var(--ink);background:#fff;resize:vertical;min-height:40px;
}
.room .note.done-note{background:transparent;border:none;padding:4px 0;opacity:.8;}
.room .side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px;min-width:56px;}
.room .meta{font-size:11.5px;opacity:.7;text-align:right;}
.room .act{
  border:none;border-radius:8px;font-family:inherit;font-size:12.5px;padding:5px 10px;cursor:pointer;white-space:nowrap;
}
.room .act.do{background:var(--river);color:#fff;}
.room .act.undo{background:var(--line);color:var(--ink);}
.room .act.del{background:transparent;color:var(--clay);padding:5px 8px;font-size:15px;line-height:1;}

/* ---------- 管家交接 ---------- */
.card{
  background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px;
}
.card h3{font-size:15px;color:var(--river-deep);margin:16px 0 10px;font-weight:600;}
.card h3:first-child{margin-top:0;}
.row{margin-bottom:12px;}
.row.two{display:flex;gap:10px;}
.row.two > label{flex:1;min-width:0;}
.row label{display:block;font-size:12.5px;opacity:.75;margin-bottom:5px;}
.row input,.row select,.row textarea,.pi-desc{
  width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:14px;
  font-family:inherit;box-sizing:border-box;
}
.row textarea,.pi-desc{resize:vertical;}
.hint{font-size:11.5px;opacity:.6;font-weight:400;margin-left:4px;}
.pending-item{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px;background:var(--paper);}
.pi-row{display:flex;gap:8px;margin-bottom:8px;}
.pi-row select{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-family:inherit;font-size:13px;}
.pi-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12.5px;}
.pi-done{display:flex;align-items:center;gap:4px;opacity:.85;}
.pi-del{background:none;border:none;color:var(--clay);font-family:inherit;font-size:12.5px;cursor:pointer;}
.add-btn{width:100%;padding:10px;border:1px dashed var(--river);border-radius:10px;background:transparent;color:var(--river);font-family:inherit;font-size:13.5px;cursor:pointer;margin:4px 0 12px;}
.submit-btn{width:100%;padding:13px;border:none;border-radius:10px;background:var(--river);color:#fff;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;}
.msg{font-size:13px;margin-top:10px;min-height:18px;}
.msg.err{color:var(--clay);}
.msg.ok{color:var(--river);}
.list-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.list-head h3{margin:0;font-size:15px;color:var(--river-deep);}
.h-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--paper);}
.h-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.h-top .who{font-size:15px;font-weight:600;color:var(--river-deep);}
.h-top .time{font-size:11.5px;opacity:.55;}
.h-shift{font-size:12.5px;opacity:.8;margin-top:3px;}
.h-phone{font-size:12.5px;opacity:.7;margin-top:3px;}
.h-pending{display:flex;flex-direction:column;gap:5px;margin-top:8px;}
.pending-tag{font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px;line-height:1.5;}
.pending-tag.done{opacity:.6;text-decoration:line-through;}
.pending-tag .p-type{color:var(--clay);font-weight:600;}
.h-notes{font-size:12.5px;opacity:.8;margin-top:8px;line-height:1.6;}
.h-notes.warn{color:var(--clay);opacity:1;font-weight:600;}
.h-confirmed{font-size:12px;color:var(--river);}
.h-confirmed.no{color:var(--clay);}
.confirm-btn{margin-top:10px;width:100%;padding:10px;border:none;border-radius:10px;background:var(--river);color:#fff;font-family:inherit;font-size:14px;cursor:pointer;}

/* ---------- 维修记录 ---------- */
#rpForm > label{display:block;font-size:12.5px;opacity:.75;margin-bottom:10px;}
#rpForm > label input,#rpForm > label textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:14px;font-family:inherit;box-sizing:border-box;margin-top:4px;}
#rpForm > label textarea{resize:vertical;}
.cancel-edit{width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--clay);font-family:inherit;font-size:14px;cursor:pointer;}
.rp-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--paper);}
.rp-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rp-room{font-size:17px;font-weight:700;color:var(--river-deep);}
.rp-status{font-size:11.5px;padding:2px 9px;border-radius:999px;font-weight:600;}
.rp-status.st-wait{background:rgba(176,122,91,.16);color:var(--clay);}
.rp-status.st-doing{background:rgba(47,93,98,.14);color:var(--river);}
.rp-status.st-done{background:rgba(42,38,32,.10);color:var(--ink);opacity:.7;}
.rp-sev{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600;}
.rp-sev.urgent{background:#c0392b;color:#fff;}
.rp-sev.low{background:transparent;border:1px solid var(--line);color:var(--ink);opacity:.6;}
.rp-problem{font-size:14px;margin-top:6px;line-height:1.5;}
.rp-meta{font-size:12px;opacity:.7;margin-top:5px;}
.rp-note{font-size:12.5px;opacity:.85;margin-top:6px;line-height:1.6;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 9px;}
.rp-foot{display:flex;align-items:center;gap:8px;margin-top:10px;}
.rp-foot .act{border:none;border-radius:8px;font-family:inherit;font-size:12.5px;padding:6px 12px;cursor:pointer;white-space:nowrap;}
.rp-foot .act.do{background:var(--river);color:#fff;}
.rp-foot .act.undo{background:var(--line);color:var(--ink);}
.rp-foot .act.edit{background:transparent;color:var(--river);border:1px solid var(--line);}
.rp-foot .act.del{background:transparent;color:var(--clay);padding:6px 9px;font-size:15px;line-height:1;margin-left:auto;}