:root{--bg:#f6f4f2;--card:#fff;--text:#201f1d;--muted:#8f8a84;--brand:#f15a29;--brand2:#ff7a45;--line:#ece8e4;--shadow:0 10px 30px rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.page{max-width:720px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:100px}.topbar{padding:18px 16px 10px;background:linear-gradient(180deg,#fff 0,#faf8f6 100%);position:sticky;top:0;z-index:5}.location-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.location{font-weight:700;font-size:18px}.mini-link{border:0;background:none;color:var(--brand);padding:6px 0}.search{margin-top:12px;background:#f2efed;border-radius:14px;padding:11px 14px;display:flex;gap:8px}.search input{border:0;outline:none;background:transparent;width:100%;font-size:15px}.filters{display:flex;gap:8px;overflow:auto;padding:12px 16px}.chip{border:0;background:#fff;padding:9px 12px;border-radius:999px;white-space:nowrap;color:#5f5954;box-shadow:0 1px 0 var(--line)}.chip.active{background:#1f1e1c;color:#fff}.list{padding:0 12px}.card{background:var(--card);border-radius:18px;margin:10px 4px;padding:12px;display:flex;gap:12px;box-shadow:var(--shadow)}.cover{width:104px;height:128px;border-radius:14px;object-fit:cover;background:#eee;flex:none}.card-main{flex:1;min-width:0}.title-row{display:flex;align-items:flex-start;gap:8px}.name{font-size:18px;font-weight:800;flex:1}.distance{font-size:13px;color:var(--brand);white-space:nowrap}.rating{font-size:13px;color:#8b5b24;white-space:nowrap}.meta{font-size:13px;color:var(--muted);margin-top:6px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag{background:#fff2eb;color:#bf4c26;padding:4px 8px;border-radius:999px;font-size:12px}.desc{color:#6e6863;font-size:13px;line-height:1.7;margin-top:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.view-btn{margin-top:10px;border:1px solid #f0e5de;background:#fff;border-radius:10px;color:var(--brand);padding:8px 11px}.empty,.loading{padding:70px 20px;text-align:center;color:var(--muted)}.detail-cover{height:410px;background:#ddd;position:relative;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.back{position:absolute;top:16px;left:16px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:26px}.detail-body{padding:18px}.detail-title{font-size:25px;font-weight:850}.section{margin-top:22px}.section h3{margin:0 0 10px;font-size:17px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#eee}.video-item video{width:100%;border-radius:12px;background:#111;margin-bottom:10px;max-height:480px}.sticky-contact{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.contact-btn{width:100%;border:0;border-radius:14px;padding:14px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:800;font-size:16px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:30;display:flex;align-items:flex-end}.sheet{width:100%;max-width:720px;margin:0 auto;background:#fff;border-radius:22px 22px 0 0;padding:20px}.sheet h3{margin-top:0}.sheet p{line-height:1.8;color:#655f59}.actions{display:flex;gap:10px;margin-top:18px}.actions button{flex:1;padding:12px;border-radius:12px;border:0}.secondary{background:#f2f0ee}.primary{background:var(--brand);color:#fff}.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:#1f1e1c;color:#fff;padding:10px 14px;border-radius:10px;z-index:50;font-size:13px}.note{font-size:12px;color:#9a948e}

/* Self-hosted customer chat */
.chat-page{width:min(720px,100%);height:100vh;height:100dvh;margin:0 auto;background:#f5f3f1;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.04)}
.chat-topbar{flex:none;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);z-index:3}
.chat-back{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:#f2efed;color:#373330;font-size:28px;line-height:1}
.chat-heading{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.chat-heading strong{font-size:17px}.chat-connection{position:relative;padding-left:11px;color:#8f8a84;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-connection:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#b5afa9;transform:translateY(-50%)}.chat-connection.connected{color:#27835b}.chat-connection.connected:before{background:#2ab879;box-shadow:0 0 0 3px rgba(42,184,121,.12)}.chat-connection.offline,.chat-connection.fallback{color:#b5653b}.chat-connection.offline:before,.chat-connection.fallback:before{background:#e08a57}.chat-connection.connecting:before,.chat-connection.reconnecting:before{background:#e3a036;animation:chatPulse 1.2s infinite}
.chat-status{flex:none;padding:5px 9px;border-radius:999px;background:#fff3d9;color:#926119;font-size:11px;white-space:nowrap}.chat-status.active{background:#e8f8f0;color:#1e7b54}.chat-status.closed{background:#eeeae7;color:#77716c}
.chat-tech-card{flex:none;margin:10px 12px 0;padding:10px;display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid #ede8e4;border-radius:15px;box-shadow:0 5px 18px rgba(55,43,34,.05)}.chat-tech-card>img{width:62px;height:70px;object-fit:cover;border-radius:11px;background:#eee;flex:none}.chat-tech-main{flex:1;min-width:0}.chat-tech-eyebrow{font-size:10px;color:var(--brand);font-weight:700;letter-spacing:.05em}.chat-tech-name{font-size:16px;font-weight:800;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tech-meta{font-size:11px;color:#8c857f;margin-top:4px;line-height:1.45}.chat-tech-services{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.chat-tech-services span{padding:2px 6px;border-radius:999px;background:#fff2eb;color:#b64c29;font-size:10px}
.chat-messages{flex:1;min-height:0;padding:14px 13px 20px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.chat-context-note{max-width:92%;margin:2px auto 18px;padding:11px 13px;border-radius:12px;background:#fff9ee;border:1px solid #f2e4c7;color:#756450;font-size:12px;line-height:1.6;text-align:center}.chat-context-note span{display:block;margin-bottom:2px;color:#b57a2f;font-size:10px;font-weight:700}.chat-context-note p{margin:0}.chat-system-message{max-width:86%;margin:12px auto;padding:5px 10px;color:#918a84;font-size:11px;line-height:1.5;text-align:center}.chat-message-row{display:flex;flex-direction:column;align-items:flex-start;margin:12px 0}.chat-message-row.visitor{align-items:flex-end}.chat-message-meta{padding:0 4px 5px;color:#a09a95;font-size:10px}.chat-message-bubble{max-width:min(78%,480px);padding:10px 13px;border-radius:4px 15px 15px 15px;background:#fff;color:#292623;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 3px 12px rgba(43,34,28,.05)}.chat-message-row.visitor .chat-message-bubble{border-radius:15px 4px 15px 15px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.chat-message-row.pending .chat-message-bubble{opacity:.7}.chat-retry{margin-top:5px;padding:3px 5px;border:0;background:none;color:#c94e28;font-size:11px}.chat-closed-note{max-width:92%;margin:22px auto 5px;padding:11px 13px;border-radius:12px;background:#ebe8e5;color:#7b746e;font-size:12px;line-height:1.6;text-align:center}
.chat-load-older{display:block;margin:0 auto 12px;padding:6px 12px;border:1px solid #e7e1dc;border-radius:999px;background:#fff;color:#776f69;font-size:11px}.chat-load-older:disabled{opacity:.6}
.chat-composer{flex:none;padding:10px 11px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:8px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.chat-composer textarea{flex:1;min-width:0;min-height:42px;max-height:116px;resize:none;outline:none;border:1px solid #e7e2de;border-radius:14px;padding:10px 12px;background:#f8f6f4;color:var(--text);font:inherit;line-height:1.4}.chat-composer textarea:focus{border-color:#ef9b7f;background:#fff;box-shadow:0 0 0 3px rgba(241,90,41,.08)}.chat-composer button{height:42px;flex:none;padding:0 17px;border:0;border-radius:13px;background:var(--brand);color:#fff;font-weight:700}.chat-composer textarea:disabled,.chat-composer button:disabled{opacity:.55;cursor:not-allowed}
.chat-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8f8a84;font-size:14px}.chat-loading-bubble{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:var(--shadow);font-size:25px;animation:chatFloat 1.5s ease-in-out infinite}.chat-unavailable{min-height:100vh;min-height:100dvh;padding:24px;display:grid;place-items:center}.chat-unavailable-card{width:min(420px,100%);padding:32px 22px;text-align:center;background:#fff;border-radius:22px;box-shadow:var(--shadow)}.chat-unavailable-icon{font-size:42px}.chat-unavailable-card h2{margin:14px 0 8px}.chat-unavailable-card p{margin:0 0 22px;color:#817a74;font-size:14px;line-height:1.7}.chat-unavailable-card button{border:0;border-radius:12px;padding:11px 18px}
.primary:disabled{opacity:.65;cursor:wait}@keyframes chatPulse{50%{opacity:.35}}@keyframes chatFloat{50%{transform:translateY(-5px)}}
@media (max-width:480px){.chat-tech-card{margin-left:9px;margin-right:9px}.chat-messages{padding-left:10px;padding-right:10px}.chat-message-bubble{max-width:84%}.chat-status{font-size:10px;padding:4px 7px}}

/* Customer navigation, consultation records and anonymous profile */
:root{
  --tabbar-height:64px;
  --tabbar-space:calc(var(--tabbar-height) + env(safe-area-inset-bottom));
  --brand-soft:#fff1ea;
  --brand-line:#ffd8c8;
  --success:#258259;
  --success-soft:#eaf7f1;
}
html{min-width:320px;background:#edeae7}
body{min-width:320px;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
button,a{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.app-shell{position:relative;width:min(720px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;background:var(--bg);box-shadow:0 0 40px rgba(47,38,31,.035)}
.app-shell.has-tabbar{padding-bottom:var(--tabbar-space)}
.app-shell.has-tabbar>.page,
.app-shell.has-tabbar .records-page,
.app-shell.has-tabbar .profile-page{padding-bottom:24px}

/* Fixed mobile bottom navigation. Both naming variants are kept deliberately
   so old cached markup and the new route renderer receive the same layout. */
.tabbar,.bottom-tabs{
  position:fixed;
  z-index:20;
  left:50%;
  bottom:0;
  width:min(720px,100%);
  min-height:var(--tabbar-space);
  padding:6px 10px calc(6px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  background:rgba(255,255,255,.96);
  border-top:1px solid rgba(226,220,215,.94);
  box-shadow:0 -7px 22px rgba(48,38,31,.055);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.tab-item,.bottom-tab{
  position:relative;
  min-width:0;
  min-height:52px;
  padding:4px 8px 2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#8c8580;
  text-decoration:none;
  cursor:pointer;
}
.tab-item:active,.bottom-tab:active{background:#f6f2ef;transform:scale(.98)}
.tab-icon,.bottom-tab-icon{
  position:relative;
  width:28px;
  height:25px;
  display:grid;
  place-items:center;
  color:inherit;
  font-size:21px;
  line-height:1;
}
.tab-label,.bottom-tab-label{max-width:100%;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab-item.active,.bottom-tab.active{color:var(--brand);font-weight:700}
.tab-item.active .tab-icon,.bottom-tab.active .bottom-tab-icon{filter:saturate(1.06)}
.tab-item.active:after,.bottom-tab.active:after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:18px;
  height:3px;
  border-radius:999px;
  background:var(--brand);
  transform:translateX(-50%);
}
.tab-badge,.bottom-tab-badge{
  position:absolute;
  top:0;
  left:calc(50% + 7px);
  min-width:17px;
  height:17px;
  padding:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#e54838;
  color:#fff;
  font-size:9px;
  font-weight:800;
  line-height:13px;
  box-shadow:0 2px 5px rgba(195,49,38,.2);
}

/* The consultation CTA and the tab bar can coexist on technician detail. */
.app-shell.has-tabbar .sticky-contact{
  z-index:15;
  bottom:calc(var(--tabbar-space) + 4px);
  padding-bottom:12px;
}
.app-shell.has-tabbar .detail-body{padding-bottom:78px}

/* Resume-current-consultation banner on the home list. */
.continue-chat-banner,.continue-consult-card{
  position:relative;
  margin:4px 16px 10px;
  padding:13px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  overflow:hidden;
  border:1px solid var(--brand-line);
  border-radius:16px;
  background:linear-gradient(135deg,#fffaf6 0%,var(--brand-soft) 100%);
  color:var(--text);
  box-shadow:0 7px 18px rgba(201,79,37,.07);
  cursor:pointer;
}
.continue-chat-banner:before,.continue-consult-card:before{
  content:"";
  position:absolute;
  right:-24px;
  top:-34px;
  width:94px;
  height:94px;
  border-radius:50%;
  background:rgba(255,143,95,.09);
}
.continue-chat-banner:active,.continue-consult-card:active{transform:translateY(1px);box-shadow:0 4px 12px rgba(201,79,37,.06)}
.continue-chat-icon{
  position:relative;
  width:40px;
  height:40px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff;
  font-size:20px;
  box-shadow:0 5px 12px rgba(241,90,41,.2);
}
.continue-chat-main,.continue-chat-copy{position:relative;flex:1;min-width:0}
.continue-chat-main strong,.continue-chat-copy strong{display:block;font-size:15px;line-height:1.35}
.continue-chat-main span,.continue-chat-copy span{display:block;margin-top:3px;color:#806f65;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.continue-chat-action{position:relative;flex:none;border:0;background:transparent;color:var(--brand);font-size:13px;font-weight:700;white-space:nowrap}
.continue-chat-badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#e54838;color:#fff;font-size:9px;font-weight:800}
.card.recent-technician{border:1px solid #f3d8cc;box-shadow:0 9px 24px rgba(201,79,37,.075)}
.card.recent-technician .rating{padding:3px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:700}

/* Shared subpage header and loading/empty states. */
.records-page,.profile-page{width:100%;min-height:calc(100vh - var(--tabbar-space));min-height:calc(100dvh - var(--tabbar-space));background:var(--bg)}
.records-header,.profile-header,.subpage-header{
  position:sticky;
  z-index:5;
  top:0;
  padding:calc(17px + env(safe-area-inset-top)) 16px 13px;
  background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(250,248,246,.96) 100%);
  border-bottom:1px solid rgba(236,232,228,.7);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.records-header h1,.profile-header h1,.page-title{margin:0;font-size:23px;line-height:1.35;letter-spacing:-.02em}
.records-header p,.profile-header p,.page-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.product-empty,.records-empty,.profile-empty{
  min-height:300px;
  padding:64px 28px 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--muted);
}
.product-empty-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:13px;border-radius:19px;background:#fff;color:#bbb2ab;font-size:28px;box-shadow:var(--shadow)}
.product-empty-title{margin:0;color:#4f4945;font-size:16px;font-weight:750}
.product-empty-text{max-width:290px;margin:7px 0 0;font-size:13px;line-height:1.7}
.product-empty .primary{margin-top:18px;padding:10px 18px;border:0;border-radius:12px}

/* Real consultation records, generated from server-backed chat sessions. */
.records-list{padding:11px 12px 8px}
.consultation-card,.record-card{
  position:relative;
  margin:0 0 11px;
  padding:12px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid rgba(235,230,226,.9);
  border-radius:18px;
  background:#fff;
  box-shadow:0 7px 22px rgba(44,35,29,.045);
}
.consultation-card:active,.record-card:active{border-color:#ead8cf;background:#fffdfb}
.consultation-avatar,.record-cover{
  width:72px;
  height:82px;
  flex:none;
  border-radius:13px;
  object-fit:cover;
  background:#eee;
}
.consultation-main,.record-main{flex:1;min-width:0}
.consultation-head{display:flex;align-items:flex-start;gap:8px}
.consultation-name{flex:1;min-width:0;font-size:16px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.consultation-status,.record-status{flex:none;padding:4px 8px;border-radius:999px;background:#f1eeeb;color:#79726d;font-size:10px;line-height:1.3;white-space:nowrap}
.consultation-status.active,.record-status.active,.consultation-status.waiting,.record-status.waiting{background:var(--success-soft);color:var(--success);font-weight:700}
.consultation-status.closed,.record-status.closed{background:#f0eeec;color:#77716c}
.consultation-meta,.record-time{margin-top:4px;color:#96908a;font-size:11px;line-height:1.45}
.consultation-preview,.record-message{margin-top:8px;color:#655f5a;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.consultation-preview:empty:after,.record-message:empty:after{content:"暂无消息";color:#aaa39d}
.consultation-actions{margin-top:9px;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.record-action,.consultation-action{
  min-height:31px;
  padding:6px 11px;
  border:1px solid #f1d8cd;
  border-radius:10px;
  background:#fff8f4;
  color:var(--brand);
  font-size:12px;
  font-weight:700;
}
.record-action:active,.consultation-action:active{background:#ffede4}
.consultation-unread,.record-unread{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e54838;color:#fff;font-size:9px;font-weight:800}
.records-loading{padding:34px 20px;text-align:center;color:var(--muted);font-size:13px}

/* Lightweight anonymous-customer profile; deliberately no fictitious assets. */
.profile-page{padding-bottom:16px}
.profile-card,.profile-hero{
  margin:14px 14px 0;
  padding:18px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(236,230,225,.85);
  border-radius:20px;
  background:linear-gradient(145deg,#fff 20%,#fff7f2 100%);
  box-shadow:var(--shadow);
}
.profile-avatar{
  width:54px;
  height:54px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff;
  font-size:25px;
  box-shadow:0 7px 16px rgba(241,90,41,.2);
}
.profile-anonymous{flex:1;min-width:0}
.profile-anonymous strong{display:block;font-size:17px;line-height:1.4}
.profile-anonymous span,.profile-anonymous p{display:block;margin:3px 0 0;color:#8a827c;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.profile-section{margin:14px;padding:2px 0;overflow:hidden;border:1px solid rgba(235,230,226,.9);border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(44,35,29,.04)}
.profile-section-title{padding:13px 15px 6px;color:#9b938d;font-size:11px;font-weight:700}
.profile-row{
  position:relative;
  width:100%;
  min-height:58px;
  padding:10px 15px;
  display:flex;
  align-items:center;
  gap:11px;
  border:0;
  background:#fff;
  color:var(--text);
  text-align:left;
  text-decoration:none;
}
.profile-row+.profile-row:before{content:"";position:absolute;top:0;right:15px;left:56px;height:1px;background:#f1eeeb}
.profile-row:active{background:#faf7f5}
.profile-row-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:11px;background:#fff2eb;color:var(--brand);font-size:16px}
.profile-row-content{flex:1;min-width:0}
.profile-row-content strong{display:block;font-size:14px;line-height:1.4}
.profile-row-content span{display:block;margin-top:2px;color:#9a938d;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-row-action{flex:none;color:#b4ada7;font-size:19px;line-height:1}
.recent-consult{width:calc(100% - 28px);margin:10px 14px 0;padding:13px;display:block;border-radius:16px;background:#fff;border:1px solid rgba(235,230,226,.9);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.recent-consult h3{margin:0 0 8px;font-size:14px}.recent-consult p{margin:0;color:#817a74;font-size:12px;line-height:1.65}

/* Desktop keeps the H5 canvas compact while retaining a phone-like bottom bar. */
@media (min-width:721px){
  .app-shell{border-right:1px solid #e8e3df;border-left:1px solid #e8e3df}
  .tabbar,.bottom-tabs{border-right:1px solid #e8e3df;border-left:1px solid #e8e3df}
  .records-list{padding-right:18px;padding-left:18px}
  .consultation-card,.record-card{padding:14px}
}
@media (max-width:420px){
  :root{--tabbar-height:62px}
  .tabbar,.bottom-tabs{padding-right:5px;padding-left:5px}
  .tab-item,.bottom-tab{padding-right:4px;padding-left:4px}
  .continue-chat-banner,.continue-consult-card{margin-right:12px;margin-left:12px;padding:12px}
  .continue-chat-action{font-size:12px}
  .records-list{padding-right:9px;padding-left:9px}
  .consultation-card,.record-card{gap:10px;padding:10px;border-radius:16px}
  .consultation-avatar,.record-cover{width:66px;height:76px}
  .profile-card,.profile-hero,.profile-section,.recent-consult{margin-right:10px;margin-left:10px}
}
@media (max-width:350px){
  .continue-chat-action{display:none}
  .consultation-avatar,.record-cover{width:60px;height:70px}
  .consultation-status,.record-status{padding-right:6px;padding-left:6px}
}
@media (prefers-reduced-motion:reduce){
  .tab-item,.bottom-tab,.continue-chat-banner,.continue-consult-card{transition:none}
}

/* V6 account, order and finance pages */
.hidden{display:none!important}
.account-page{width:min(720px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;padding:0 14px 34px;background:var(--bg)}
.account-page-head{min-height:88px;margin:0 -14px 14px;padding:calc(16px + env(safe-area-inset-top)) 16px 14px;display:flex;align-items:flex-start;gap:12px;background:linear-gradient(180deg,#fff 0,#faf8f6 100%);border-bottom:1px solid rgba(233,227,222,.9)}
.account-page-head>div{min-width:0}.account-page-head h1{margin:0;font-size:22px;line-height:1.3}.account-page-head p{margin:5px 0 0;color:#8b847e;font-size:12px;line-height:1.55}
.account-back{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:#f1edeb;color:#3e3935;font-size:27px;line-height:1}
.account-form-card,.account-identity-card,.wallet-balance-card,.wallet-history,.order-card,.account-error-card{margin:12px 0;padding:16px;border:1px solid rgba(233,227,222,.95);border-radius:18px;background:#fff;box-shadow:0 7px 23px rgba(43,34,27,.045)}
.account-form-card{display:grid;gap:14px}.account-form-card label{display:grid;gap:7px;color:#5e5752;font-size:12px;font-weight:700}.account-form-card input,.account-form-card select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #e5dfda;border-radius:12px;outline:none;background:#fbfaf9;color:var(--text);font-size:15px;font-weight:500}.account-form-card input:focus,.account-form-card select:focus{border-color:#ef9d81;background:#fff;box-shadow:0 0 0 3px rgba(241,90,41,.08)}
.security-note{padding:11px 12px;border:1px solid #eadfce;border-radius:12px;background:#fffaf0;color:#76644d;font-size:12px;line-height:1.65}.security-note.critical{border-color:#f0cfc5;background:#fff3ef;color:#99442f}
.finance-primary,.finance-secondary{min-height:46px;padding:11px 15px;border:0;border-radius:13px;font-weight:800}.finance-primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff}.finance-secondary{background:#f1edeb;color:#514a45}.finance-secondary.compact{min-height:34px;padding:7px 12px;font-size:12px}.finance-primary:disabled,.finance-secondary:disabled{opacity:.5;cursor:not-allowed}
.text-action{padding:7px 5px;border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:700}.finance-help{margin:0;color:#8d857f;font-size:12px;line-height:1.6}.finance-empty{padding:22px 10px;color:#98918b;font-size:12px;text-align:center}
.account-identity-card{position:relative;display:grid;gap:5px}.account-identity-card span{color:#918a84;font-size:11px}.account-identity-card strong{padding-right:66px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;overflow-wrap:anywhere}.account-identity-card button,.account-copy{position:absolute;right:13px;top:50%;padding:7px 10px;border:0;border-radius:10px;background:#fff1e9;color:var(--brand);font-size:11px;font-weight:800;transform:translateY(-50%)}
.recovery-sheet{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.recovery-warning{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0eb;color:#b84225;font-size:11px;font-weight:800}.recovery-code{margin:16px 0;padding:15px 11px;border:1px dashed #e7a58f;border-radius:12px;background:#fff9f6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:800;line-height:1.7;text-align:center;overflow-wrap:anywhere;user-select:all}.recovery-confirm{display:flex;align-items:flex-start;gap:8px;color:#5f5853;font-size:12px;line-height:1.5}.recovery-confirm input{margin-top:2px}
.wallet-mini-grid{margin:10px 14px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wallet-mini-grid button{min-width:0;padding:11px 7px;border:1px solid #eee7e2;border-radius:14px;background:#fff;text-align:left}.wallet-mini-grid span{display:block;color:#948c86;font-size:9px}.wallet-mini-grid strong{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.wallet-balance-card{padding:19px;background:linear-gradient(135deg,#2d2926,#4a3d35);color:#fff}.wallet-balance-card span,.wallet-balance-card small{display:block}.wallet-balance-card>div>span{color:rgba(255,255,255,.68);font-size:11px}.wallet-balance-card>div>strong{display:block;margin-top:7px;font-size:29px}.wallet-balance-card>div>small{margin-top:4px;color:rgba(255,255,255,.55);font-size:10px}.wallet-balance-row{margin-top:18px;padding-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid rgba(255,255,255,.14)}.wallet-balance-row span{min-width:0}.wallet-balance-row small{color:rgba(255,255,255,.58);font-size:9px}.wallet-balance-row b{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.debt-warning{margin:12px 0;padding:11px 12px;border:1px solid #f0c6bd;border-radius:12px;background:#fff0ed;color:#a13f2d;font-size:12px;line-height:1.55}.wallet-history h2,.payout-method-heading h2{margin:0;font-size:16px}.wallet-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #f0ece9}.wallet-history-row:first-of-type{margin-top:8px}.wallet-history-row span{min-width:0}.wallet-history-row strong,.wallet-history-row small{display:block}.wallet-history-row small{margin-top:3px;color:#958e88;font-size:10px;overflow-wrap:anywhere}.wallet-history-row>b{flex:none;font-size:14px}
.amount-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.amount-presets button{min-height:37px;border:1px solid #f0d8cd;border-radius:10px;background:#fff8f4;color:#c24e27;font-size:12px;font-weight:700}.payment-pending{margin-top:3px;padding:13px;border:1px solid #e9dfd9;border-radius:13px;background:#faf8f6}.payment-pending strong,.payment-pending span{display:block}.payment-pending span{margin-top:5px;color:#8e8781;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere}.payment-pending p{margin:8px 0;color:#716a64;font-size:12px;line-height:1.5}
.order-list{display:grid;gap:10px}.order-card{margin:0}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#89817b;font-size:11px}.order-card h3{margin:13px 0 6px;font-size:17px}.order-amount{font-size:21px;font-weight:850}.order-status-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.order-status-grid span{padding:7px 4px;border-radius:9px;background:#f7f4f2;color:#746d67;font-size:10px;text-align:center}.order-card time{display:block;margin-top:11px;color:#a09a95;font-size:10px}
.payout-method-card{margin-top:16px}.payout-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.payout-method-heading p{margin:4px 0 0;color:#918a84;font-size:10px;line-height:1.5}.payout-method-list{display:grid}.payout-method-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #f0ece9}.payout-method-row:first-child{margin-top:6px}.payout-method-row span{min-width:0}.payout-method-row strong,.payout-method-row small{display:block}.payout-method-row strong{font-size:13px;overflow-wrap:anywhere}.payout-method-row small{margin-top:3px;color:#98918b;font-size:10px}.payout-method-form{padding-top:14px;display:grid;gap:13px;border-top:1px solid #ece6e2}
.account-error-card{color:#6f6761}.account-error-card strong{font-size:15px}.account-error-card p{font-size:12px;line-height:1.65}
@media(max-width:420px){.account-page{padding-right:10px;padding-left:10px}.account-page-head{margin-right:-10px;margin-left:-10px}.amount-presets{grid-template-columns:1fr 1fr}.wallet-balance-row b{font-size:11px}.order-status-grid{grid-template-columns:1fr}.account-form-card,.account-identity-card,.wallet-balance-card,.wallet-history,.order-card{border-radius:16px}}