:root{--bg:#f4f7fb;--card:#fff;--text:#142033;--muted:#697386;--primary:#3157d5;--primary2:#6b4eff;--danger:#d92d20;--ok:#14804a;--warning:#b54708;--border:#e3e8ef;--soft:#f8fafc;--shadow:0 12px 34px rgba(24,39,75,.07)}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8faff 0,#f4f7fb 260px);color:var(--text);line-height:1.65}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}.wrap{width:min(100% - 32px,1080px);margin:auto;padding:22px 0}.card{background:rgba(255,255,255,.98);border:1px solid var(--border);border-radius:22px;padding:24px;margin:16px 0;box-shadow:var(--shadow)}h1,h2,h3{line-height:1.28;margin:0 0 12px}h1{font-size:clamp(26px,4vw,36px)}h2{font-size:clamp(21px,3vw,27px)}h3{font-size:19px}p{margin:9px 0}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:0;border-radius:14px;padding:11px 17px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;cursor:pointer;font-size:16px;font-weight:800;box-shadow:0 6px 16px rgba(49,87,213,.18);transition:.18s transform,.18s box-shadow}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(49,87,213,.22)}.btn.gray{background:#64748b}.btn.red{background:var(--danger)}.btn.green{background:var(--ok)}.btn.outline{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-section{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--soft);margin:16px 0}.form-section-title{font-size:18px;font-weight:900;margin-bottom:8px}.field{margin:14px 0}.field-help,.muted{color:var(--muted);font-size:14px}.required-mark{color:var(--danger);margin-left:3px}label{display:block;font-weight:800;margin:12px 0 7px}input,select,textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cfd7e3;border-radius:13px;font-size:16px;background:#fff;color:var(--text);outline:none;transition:.16s border,.16s box-shadow;-webkit-appearance:none}textarea{min-height:118px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7389ed;box-shadow:0 0 0 4px rgba(49,87,213,.10)}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--primary);-webkit-appearance:auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#eef2ff;border:1px solid #dfe5ff;font-size:14px}.notice{padding:15px 16px;border-radius:14px;background:#fff8ed;border:1px solid #fed7aa;color:#7c3f00}.danger{background:#fff1f0;border-color:#fecaca;color:#7f1d1d}.ok{background:#effcf4;border-color:#b7ebca;color:#17653a}.info{background:#eef6ff;border-color:#cfe2ff;color:#214b7a}.avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;background:#e8edf5;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:900;flex:0 0 auto}.topnav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);transform:translateZ(0)}.topnav .wrap{display:flex;gap:10px;align-items:center;padding-top:12px;padding-bottom:12px}.topnav a{padding:8px 10px;border-radius:10px;color:#2d3748;font-weight:700}.topnav a:hover{background:#f1f5f9}.topnav b a{font-size:19px;color:var(--text)}.grow{flex:1}.task{border-left:5px solid var(--primary)}.message{padding:11px 13px;border-radius:15px;background:#edf2ff;margin:8px 0;max-width:78%;word-break:break-word}.message.mine{margin-left:auto;background:#ddf8e8}.system{font-size:13px;text-align:center;color:var(--muted);margin:12px}.pricebox{padding:16px;border-radius:16px;background:linear-gradient(135deg,#eff4ff,#f7f4ff);border:1px solid #dde5ff;font-size:17px}.pricebox strong{font-size:clamp(25px,5vw,32px);color:#1f3da8}.pricing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-option{position:relative;display:block;margin:0;padding:16px;border:2px solid var(--border);border-radius:17px;background:#fff;cursor:pointer;font-weight:400}.pricing-option input{position:absolute;opacity:0;pointer-events:none}.pricing-option:has(input:checked){border-color:var(--primary);background:#f1f5ff;box-shadow:0 0 0 3px rgba(49,87,213,.08)}.pricing-option-title{font-weight:900;font-size:17px;display:block;margin-bottom:4px}.pricing-option-desc{font-size:13px;color:var(--muted);display:block}.price-preview{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px;border-radius:16px;background:#0f172a;color:#fff;margin:14px 0}.price-preview small{display:block;color:#cbd5e1}.price-preview strong{font-size:28px}.hidden{display:none!important}.form-error-banner{position:sticky;top:74px;z-index:40;background:#fff1f0;border:1px solid #fda29b;color:#912018;border-radius:14px;padding:12px 14px;margin-bottom:14px;font-weight:800;box-shadow:0 8px 24px rgba(145,32,24,.08)}.field-invalid{border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.10)!important}.field-error-text{display:block;color:#c62828;font-size:13px;font-weight:700;margin-top:5px}.stack-actions{display:flex;gap:9px;flex-wrap:wrap}.mobile-only{display:none}.desktop-only{display:block}
@media(max-width:820px){.pricing-options{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.topnav .wrap{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none}.topnav .wrap::-webkit-scrollbar{display:none}.topnav .grow{display:none}.topnav a{flex:0 0 auto}.card{padding:19px;border-radius:18px}.wrap{width:min(100% - 24px,1080px)}.mobile-only{display:block}.desktop-only{display:none}}
@media(max-width:640px){body{background:#f5f7fb}.wrap{width:100%;padding:12px}.card{margin:10px 0;padding:16px;border-radius:17px;box-shadow:0 5px 18px rgba(24,39,75,.05)}.grid,.grid-3{grid-template-columns:1fr}.btn{width:100%;min-height:48px}.stack-actions{display:grid;grid-template-columns:1fr;width:100%}.topnav .wrap{width:100%;padding:9px 10px}.topnav b a{font-size:17px}.topnav a{padding:7px 8px;font-size:14px}.price-preview{align-items:flex-start;flex-direction:column}.message{max-width:90%}.form-section{padding:14px;margin:12px 0}.avatar{width:62px;height:62px}.pricing-option{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.grow{min-width:0}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#f8fafc;font-size:14px}tr:last-child td{border-bottom:0}@media(max-width:700px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}

.group-invalid{border:1px solid #ef4444!important;border-radius:14px;padding:10px;background:#fff7f7}.group-invalid .chip{border-color:#fca5a5}

.share-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.share-actions .btn{min-width:150px}.global-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:99999;background:#111827;color:#fff;border-radius:14px;padding:12px 18px;font-weight:800;box-shadow:0 10px 30px rgba(15,23,42,.25);transition:.2s ease;max-width:min(90vw,520px);text-align:center}.global-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){.share-actions{display:grid;grid-template-columns:1fr;width:100%}.share-actions .btn{width:100%}}

.page-back-row{display:flex;align-items:center;margin:4px 0 8px}.page-back-btn{min-height:42px;padding:8px 14px;box-shadow:none}@media(max-width:640px){.page-back-row{margin:2px 0 8px}.page-back-btn{width:100%;justify-content:flex-start}}
body.modal-open{overflow:hidden}.app-modal-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.56);display:flex;align-items:center;justify-content:center;padding:20px}.app-modal-backdrop[hidden]{display:none!important}.app-modal{width:min(100%,460px);background:#fff;border-radius:24px;padding:25px;box-shadow:0 28px 80px rgba(15,23,42,.28);text-align:center;animation:modalPop .18s ease}.app-modal-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;background:#eef2ff;color:var(--primary);font-size:28px;font-weight:900}.app-modal.type-success .app-modal-icon{background:#eafaf1;color:var(--ok)}.app-modal.type-error .app-modal-icon{background:#fff0ef;color:var(--danger)}.app-modal.type-warning .app-modal-icon{background:#fff6e8;color:var(--warning)}.app-modal.type-confirm .app-modal-icon{background:#eef2ff;color:var(--primary)}.app-modal h3{font-size:22px;margin-bottom:8px}.app-modal-message{white-space:pre-wrap;color:#475569;line-height:1.7}.app-modal-copy{margin-top:14px;text-align:left;min-height:150px}.app-modal-actions{display:flex;gap:10px;margin-top:20px}.app-modal-actions .btn{flex:1}.global-toast[data-type=success]{background:#116b43}.global-toast[data-type=error]{background:#9f241a}.global-toast[data-type=warning]{background:#8a4b08}@keyframes modalPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:640px){.app-modal-backdrop{align-items:flex-end;padding:0}.app-modal{width:100%;max-width:none;border-radius:24px 24px 0 0;padding:22px 16px max(20px,env(safe-area-inset-bottom));animation:modalSheet .2s ease}.app-modal-actions{display:grid;grid-template-columns:1fr}.app-modal-actions .btn{width:100%}@keyframes modalSheet{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}

.member-name-link{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}.member-name-link:hover{opacity:.72}.member-profile-head{display:flex;gap:16px;align-items:flex-start}.role-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:720px){.member-profile-head{align-items:center}.role-panels{grid-template-columns:1fr}}

/* v10.8 委託卡片查看按鈕 */
.task-card-actions{margin-top:14px}
.task-view-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 18px;
  font-weight:800;
  border-radius:12px;
  text-decoration:none;
}
@media (max-width:768px){
  .task-card-actions{width:100%}
  .task-view-btn{width:100%;min-height:48px;font-size:16px}
}

.plan-card,.plan-subcard{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:14px;margin:12px 0;background:rgba(255,255,255,.55)}
.plan-subcard{margin:10px 0}
.special-companion{border-width:2px}
@media(max-width:768px){.provider-plan-section .grid{grid-template-columns:1fr}.plan-card{padding:12px}}


/* v11.1 首頁 LINE 社群 */
.line-community-card{
  display:flex;
  align-items:center;
  gap:18px;
  padding:20px;
}
.line-community-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-weight:900;
  font-size:18px;
  background:#06c755;
  color:#fff;
  letter-spacing:.5px;
}
.line-community-content{
  flex:1;
  min-width:0;
}
.line-community-content h2{
  margin:0 0 6px;
}
.line-community-content p{
  margin:0 0 14px;
}
.line-community-btn{
  min-height:46px;
  padding:12px 18px;
}
@media(max-width:768px){
  .line-community-card{
    align-items:flex-start;
    gap:14px;
    padding:16px;
  }
  .line-community-icon{
    width:54px;
    height:54px;
    border-radius:15px;
    font-size:15px;
  }
  .line-community-btn{
    width:100%;
    display:flex;
    justify-content:center;
  }
}

.provider-plan-summary p{margin:6px 0}
@media(max-width:768px){.provider-plan-summary{margin-top:10px}}

/* v11.12 建立委託：報酬方式使用可見原生 radio，避免內建瀏覽器事件異常 */
#pricingSection .pricing-option{display:flex;align-items:flex-start;gap:11px}
#pricingSection .pricing-option input[type=radio]{position:static;opacity:1;pointer-events:auto;flex:0 0 auto;margin-top:3px}
#pricingSection .pricing-option-title,#pricingSection .pricing-option-desc{display:block}
#pricingSection .pricing-option:has(input:checked){border-color:var(--primary);background:#f1f5ff}

/* v11.13 雙登入與帳號安全 */
.login-shell{max-width:620px;margin:0 auto}
.login-card{padding:22px}
.login-line-btn,.mobile-login-form .btn{width:100%;min-height:48px;justify-content:center}
.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted,#6b7280);font-size:14px}
.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--border,#e5e7eb);flex:1}
.login-help{text-align:center;margin:16px 0}
.account-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.security-item{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:5px}
.security-item small,.security-item span{color:var(--muted,#6b7280)}
@media(max-width:700px){.account-security-grid{grid-template-columns:1fr}.login-card{padding:16px}}

.inline-form{display:inline-flex;margin:0}
.btn.danger{background:#b91c1c;color:#fff;border-color:#b91c1c}
@media(max-width:768px){.stack-actions .inline-form{width:100%}.stack-actions .inline-form .btn{width:100%;justify-content:center}}

/* v11.16 服務方式／方案價格漸進式顯示 */
.provider-progressive-pricing,.provider-plan-section{overflow:visible}
.progressive-plan{border:1px solid var(--border,#e5e7eb);border-radius:15px;margin:12px 0;background:#fff;overflow:hidden}
.plan-toggle{display:flex;align-items:flex-start;gap:11px;padding:15px;cursor:pointer;margin:0}
.plan-toggle>input{width:auto!important;margin-top:3px;flex:0 0 auto}
.plan-toggle span{display:flex;flex-direction:column;gap:3px}
.plan-toggle b{font-size:16px}
.plan-toggle small{color:var(--muted,#6b7280);font-weight:400;line-height:1.45}
.plan-detail{padding:0 15px 15px;border-top:1px solid var(--border,#e5e7eb);background:rgba(248,250,252,.7)}
.plan-detail>.field:first-child{margin-top:14px}
.special-plan-group{margin-top:18px}
.special-plan-title{font-size:18px;font-weight:800;margin-bottom:10px}
.compact-plan{margin:9px 0}
#specialSharedSettings{margin-top:12px;padding:14px;border:1px dashed var(--border,#d1d5db);border-radius:14px}
[hidden]{display:none!important}
@media(max-width:768px){
 .plan-toggle{padding:14px 12px}
 .plan-detail{padding:0 12px 12px}
}


/* v11.18 Mobile keyboard / in-app WebView protection */
:root{
  --keyboard-height:0px;
  --visual-viewport-height:100vh;
  --keyboard-safe-gap:20px;
}
html{
  scroll-padding-top:82px;
  scroll-padding-bottom:calc(var(--keyboard-height) + 28px);
}
body{
  min-height:100dvh;
  padding-bottom:var(--keyboard-height);
}
main.wrap{
  transition:padding-bottom .12s ease;
}
body.keyboard-open main.wrap{
  padding-bottom:calc(22px + var(--keyboard-height) + env(safe-area-inset-bottom));
}
input,select,textarea,[contenteditable="true"]{
  scroll-margin-top:92px;
  scroll-margin-bottom:calc(var(--keyboard-height) + 48px);
}
body.input-focused input:focus,
body.input-focused select:focus,
body.input-focused textarea:focus,
body.input-focused [contenteditable="true"]:focus{
  position:relative;
  z-index:2;
}
/* iOS zooms form controls below 16px; keep editable controls at 16px in every WebView. */
@supports (-webkit-touch-callout:none){
  input,select,textarea{font-size:16px!important}
}
@media(max-width:820px){
  body.keyboard-open .global-toast{
    bottom:calc(var(--keyboard-height) + 16px + env(safe-area-inset-bottom));
  }
  /* Prevent bottom-sheet dialogs from landing underneath an opened keyboard. */
  body.keyboard-open .app-modal-backdrop{
    align-items:flex-start;
    padding-top:max(12px,env(safe-area-inset-top));
    padding-bottom:calc(var(--keyboard-height) + 12px);
    overflow-y:auto;
  }
  body.keyboard-open .app-modal{
    max-height:calc(var(--visual-viewport-height) - 24px);
    overflow-y:auto;
  }
}

.phone-available{color:var(--ok)!important;font-weight:700}.phone-unavailable{color:var(--danger)!important;font-weight:700}

/* v11.21 privacy / consent */
.consent-card{border:1px solid #d9e1ee;background:#fff}
.consent-card h3{font-size:21px}
.consent-section{padding:12px 0;border-bottom:1px solid var(--border)}
.consent-section:last-of-type{border-bottom:0}
.consent-section>b{display:block;margin-bottom:5px}
.privacy-details{margin:14px 0;border:1px solid var(--border);border-radius:14px;background:#f8fafc}
.privacy-details summary{padding:13px 14px;font-weight:800;cursor:pointer;user-select:none}
.privacy-details-body{padding:0 14px 14px;color:#475569}
.consent-check{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px;border-radius:14px;background:#eef6ff;border:1px solid #cfe2ff}
.consent-check input{width:21px;height:21px;min-height:21px;flex:0 0 auto;margin-top:2px}
.consent-check span{font-weight:800;line-height:1.55}
.legal-page h2{margin-top:24px;font-size:21px}
.site-legal-links{font-size:13px;color:var(--muted);text-align:center;padding-top:4px;padding-bottom:24px}
@media(max-width:640px){.consent-section p,.privacy-details-body p{font-size:14px}.consent-check{padding:12px}}

.trial-mode-card{border:2px solid #86efac;background:#f0fdf4}.trial-mode-card h2{margin-top:0}

/* v11.23 Admin Console */
.admin-shell{margin:0 0 16px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#111827;color:#fff;border-radius:16px}.admin-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-head small{opacity:.75}.admin-head .btn{background:#fff;color:#111827}.admin-nav{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;white-space:nowrap}.admin-nav a{padding:9px 12px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:#fff;text-decoration:none;color:inherit}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.admin-stat{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.admin-stat small{color:var(--muted,#6b7280)}.admin-stat strong{font-size:30px}.admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-title-row h1,.admin-title-row h3{margin-top:0}.admin-filter{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.admin-filter input,.admin-filter select{width:auto;min-width:160px}.admin-table-wrap{overflow:auto;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:16px;margin:12px 0}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:11px 12px;border-bottom:1px solid var(--border,#e5e7eb);text-align:left;vertical-align:top}.admin-table th{background:#f8fafc;font-size:13px}.btn.small{padding:7px 10px;font-size:13px;min-height:auto}.switch-row,.permission-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:13px;margin:8px 0}.switch-row input,.permission-item input{width:auto;min-height:auto;margin-top:3px}.switch-row span,.permission-item span{display:flex;flex-direction:column;gap:3px}.switch-row small,.permission-item small{color:var(--muted,#6b7280)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.platform-notice{margin:12px 0;padding:11px 14px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;font-weight:700;text-align:center}
@media(max-width:820px){.admin-head{align-items:flex-start;flex-direction:column}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-title-row{flex-direction:column}.admin-filter>*{width:100%!important}.permission-grid{grid-template-columns:1fr}.admin-table{min-width:680px}}

.task-action-card .btn{margin-top:8px}.task-action-card form{margin:8px 0}.task-action-card .notice{margin-bottom:10px}

/* v11.35 Provider contact requests / private chat */
.provider-contact-actions .stack-actions{margin-top:12px}
.contact-request-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.contact-request-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}
.contact-request-row:last-child{border-bottom:0}
.contact-chat-card{padding:14px}
.contact-messages{height:min(55vh,520px);overflow-y:auto;padding:10px;background:#f8fafc;border-radius:14px;margin-bottom:12px}
.contact-msg{max-width:82%;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--border);margin:8px 0}
.contact-msg.mine{margin-left:auto;background:#eef6ff}
.contact-msg.other{margin-right:auto}
.contact-msg small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
@media(max-width:680px){.contact-request-row{align-items:flex-start;flex-direction:column}.contact-request-row .inline-form{width:100%}.contact-msg{max-width:92%}}


/* v11.36 Dashboard / in-app notification center */
.topnav-notification{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:38px}
.topnav-badge{position:absolute;top:-5px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;border:2px solid #fff}
.dashboard-profile{padding:20px}
.dashboard-profile-main{display:flex;align-items:center;gap:16px}
.dashboard-avatar{width:70px;height:70px;flex:0 0 70px}
.dashboard-eyebrow{margin:0 0 2px;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.04em}
.dashboard-profile h1{margin:0 0 5px}
.dashboard-profile-warning{margin-top:12px}
.dashboard-section{margin:22px 0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 10px}
.section-heading h1,.section-heading h2{margin:0}
.section-heading p{margin:4px 0 0}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-action-card,.dashboard-menu-card{display:flex;text-decoration:none!important;color:inherit!important;border:1px solid var(--border);border-radius:16px;background:#fff;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.dashboard-action-card:hover,.dashboard-menu-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.07)}
.dashboard-action-card{align-items:center;gap:12px;padding:15px}
.dashboard-action-card>div{display:flex;flex-direction:column;gap:3px}
.dashboard-action-card small,.dashboard-menu-card small{color:var(--muted);line-height:1.45;font-weight:400}
.dashboard-action-icon{font-size:23px;width:34px;text-align:center}
.dashboard-card-count{margin-left:auto;min-width:30px;height:30px;border-radius:999px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.dashboard-action-card:has(.dashboard-card-count:not(:empty)){}
.dashboard-attention-count,.notification-count-big{padding:7px 11px;border-radius:999px;background:#fff1f2;color:#be123c;font-weight:900;font-size:13px}
.dashboard-menu-card{min-height:134px;flex-direction:column;padding:17px;gap:6px}
.dashboard-menu-card>span:first-child{font-size:26px}
.dashboard-menu-card>b{font-size:17px}
.dashboard-menu-card.primary{border-color:#bbf7d0;background:#f0fdf4}
.dashboard-chat-warning{margin-top:10px}
.dashboard-recent-list{padding:6px 16px}
.dashboard-recent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border);text-decoration:none!important;color:inherit!important}
.dashboard-recent-row:last-child{border-bottom:0}
.dashboard-recent-row>div{display:flex;flex-direction:column;gap:3px}
.dashboard-recent-row small{color:var(--muted)}
.notification-center-head{margin-bottom:12px}
.notification-list{display:flex;flex-direction:column;gap:8px}
.notification-item{position:relative;display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--border);border-radius:15px;background:#fff;color:inherit!important;text-decoration:none!important}
.notification-item.unread{background:#f8fbff;border-color:#bfdbfe}
.notification-dot{width:9px;height:9px;border-radius:999px;background:#cbd5e1;flex:0 0 9px}
.notification-item.unread .notification-dot{background:#2563eb}
.notification-item-title{display:flex;align-items:center;gap:7px;font-weight:850;margin-bottom:3px}
.notification-item-message{color:#475569;line-height:1.45;margin-bottom:4px}
.notification-item small{color:var(--muted)}
.notification-arrow{font-size:28px;color:#94a3b8}
.empty-state{text-align:center;padding:32px 18px}
@media(max-width:820px){
 .dashboard-grid,.attention-grid{grid-template-columns:1fr 1fr}
 .dashboard-profile-main{align-items:flex-start;flex-wrap:wrap}
 .dashboard-profile-main>.btn{width:100%}
}
@media(max-width:560px){
 .dashboard-grid,.attention-grid{grid-template-columns:1fr}
 .dashboard-section{margin:18px 0}
 .section-heading{align-items:flex-start;flex-direction:column}
 .dashboard-menu-card{min-height:auto}
 .dashboard-action-card{padding:13px}
 .notification-item{padding:12px}
 .topnav .wrap>a{font-size:13px}
}


/* v11.37 Provider onboarding */
.provider-onboarding-banner{display:flex;align-items:center;gap:14px;border:2px solid #bbf7d0;background:#f0fdf4;margin-top:12px}
.provider-onboarding-banner-icon{font-size:34px;flex:0 0 auto}
.provider-onboarding-banner p{margin:5px 0 0;color:#475569}
.provider-onboarding-hero{background:linear-gradient(145deg,#f0fdf4,#fff);border:1px solid #bbf7d0}
.onboarding-progress-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:850;font-size:12px;margin-bottom:8px}
.provider-onboarding-hero h1{margin:3px 0 8px}
.onboarding-steps{display:flex;flex-direction:column;gap:13px;margin:14px 0}
.onboarding-step{display:flex;gap:15px;align-items:flex-start}
.onboarding-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:999px;background:#111827;color:#fff;font-weight:900;font-size:18px}
.onboarding-step h2{margin:3px 0 5px}
.onboarding-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.onboarding-check{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:12px;border:1px solid var(--border)}
.onboarding-check span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;font-weight:900}
.onboarding-check.done{background:#f0fdf4;border-color:#bbf7d0}.onboarding-check.done span{background:#22c55e;color:#fff}
.onboarding-check.missing{background:#fff7ed;border-color:#fed7aa}.onboarding-check.missing span{background:#f97316;color:#fff}
.provider-share-preview{padding:12px 13px;border-radius:13px;background:#f8fafc;border:1px solid var(--border);margin:12px 0}
.provider-share-preview small{display:block;color:var(--muted);margin-bottom:5px}
.provider-share-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;font-size:13px}
.provider-share-actions{margin:10px 0}
.onboarding-share-example{margin-top:10px;border:1px solid var(--border);border-radius:13px;background:#fff}
.onboarding-share-example summary{padding:11px 13px;cursor:pointer;font-weight:800}
.onboarding-share-example pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:0 13px 13px;font:inherit;color:#475569}
.onboarding-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.onboarding-flow-grid>div{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid var(--border);border-radius:13px;background:#f8fafc}
.onboarding-flow-grid>div>span{font-size:25px}.onboarding-flow-grid small{color:var(--muted);line-height:1.45}
.onboarding-finish{text-align:center;border:2px solid #bbf7d0}
.onboarding-finish form{display:inline-block;margin:5px}
@media(max-width:680px){
 .provider-onboarding-banner{align-items:flex-start;flex-wrap:wrap}.provider-onboarding-banner .btn{width:100%}
 .onboarding-step{gap:10px}.onboarding-check-grid,.onboarding-flow-grid{grid-template-columns:1fr}
 .provider-share-actions .btn{width:100%}
}

/* v11.38b Avatar only patch */
img.avatar{cursor:zoom-in}
.avatar-upload-preview{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:13px;background:#f8fafc}
.avatar-upload-preview.hidden{display:none}.avatar-upload-preview img{width:82px;height:82px;border-radius:50%;object-fit:cover}
.avatar-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(2,6,23,.88);display:flex;align-items:center;justify-content:center;padding:24px}
.avatar-lightbox[hidden]{display:none}.avatar-lightbox img{max-width:min(92vw,900px);max-height:88vh;object-fit:contain;border-radius:18px}
.avatar-lightbox-close{position:fixed;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:999px;background:#fff;font-size:28px}
.avatar-lightbox-open{overflow:hidden}


/* v11.39 Quick task conversion / lower login friction */
.quick-task-hero{background:linear-gradient(145deg,#eefbf5,#fff);border-color:#bbf7d0}
.quick-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.quick-task-card{display:flex;flex-direction:column;gap:5px;min-height:150px;padding:17px;border:1px solid var(--border);border-radius:18px;background:#fff;color:inherit!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(15,23,42,.04);transition:.15s transform,.15s box-shadow}
.quick-task-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.quick-task-icon{font-size:31px}.quick-task-card>b{font-size:18px}.quick-task-card small{color:var(--muted);line-height:1.45}
.quick-task-go{margin-top:auto;color:var(--primary);font-weight:850;font-size:13px}
.home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.home-quick-chip{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff;color:inherit!important;text-decoration:none!important}
.home-quick-chip span{font-size:22px}.home-quick-chip b{font-size:14px}
.provider-plan-booking{margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}
.provider-plan-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.provider-plan-cta{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:12px 13px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;color:inherit!important;text-decoration:none!important}
.provider-plan-cta>span{grid-row:1/3;font-size:25px;align-self:center}.provider-plan-cta>div{display:flex;flex-direction:column}
.provider-plan-cta small{color:var(--muted)}.provider-plan-cta em{grid-column:2;font-style:normal;color:var(--primary);font-size:12px;font-weight:850}
.chat-task-conversion{display:flex;align-items:center;gap:12px;border:2px solid #bfdbfe;background:#eff6ff}
.chat-task-conversion.hidden{display:none!important}.chat-task-conversion-icon{font-size:30px}.chat-task-conversion p{margin:3px 0;color:#475569}
.task-share-card{border:2px solid #bbf7d0;background:#fbfffc}
.task-share-preview{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;padding:12px 13px;border:1px solid #dcfce7;background:#f0fdf4;border-radius:14px}
.task-share-preview>b{width:100%}.task-share-preview span{font-size:13px;color:#475569}
@media(max-width:820px){.quick-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.quick-task-grid,.home-quick-grid,.provider-plan-cta-grid{grid-template-columns:1fr}.quick-task-card{min-height:auto}.chat-task-conversion{align-items:flex-start;flex-wrap:wrap}.chat-task-conversion .btn{width:100%}}


/* v11.43 Rights and boundaries */
.interaction-boundary-box{padding:13px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}
.boundary-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.boundary-check,.agreement-check{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}
.boundary-check input,.agreement-check input{width:auto;margin-top:3px;flex:0 0 auto}
.interaction-public-box{padding:15px;border:1px solid #fde68a;border-radius:16px;background:#fffbeb}
.boundary-public-row{padding:10px 0;border-top:1px solid rgba(148,163,184,.22)}
.boundary-public-row:first-of-type{border-top:0}.boundary-public-row .chips{margin-top:7px}
.payment-boundary-card{border:2px solid #fbbf24;background:#fffdf5}
.boundary-payment-box{padding:13px;margin:10px 0;border:1px solid #fcd34d;border-radius:14px;background:#fffbeb}
.agreement-check{margin:9px 0;cursor:pointer}.agreement-check:has(input:checked){border-color:#86efac;background:#f0fdf4}
.rights-hero{border:2px solid #bfdbfe;background:linear-gradient(145deg,#eff6ff,#fff)}
.rights-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rights-flow .card{margin:0}.rights-step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111827;color:#fff;font-weight:900}
.rights-flow h2{margin:10px 0 6px}
@media(max-width:680px){.boundary-check-grid,.rights-flow{grid-template-columns:1fr}}


/* v11.77 registration/profile trust + usability */
.identity-trust-card{margin:14px 0 18px;padding:16px;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:rgba(255,255,255,.72)}
.identity-trust-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.identity-trust-icon{font-size:28px;line-height:1}
.identity-trust-head b{display:block;font-size:16px;margin-bottom:4px}
.identity-trust-head p{margin:0}
.identity-trust-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.identity-trust-point{padding:11px 12px;border-radius:12px;background:var(--soft,#f7f8fa);font-size:14px;line-height:1.55}
.identity-trust-point b{display:block;margin-bottom:2px}
.form-section-title-row{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.form-section-title-row .form-section-title{margin:0}
.field-reason{display:flex;gap:7px;align-items:flex-start;margin-top:6px;font-size:13px;line-height:1.5;color:var(--muted,#667085)}
.field-reason strong{color:inherit}
.privacy-mini{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--soft,#f7f8fa);font-size:13px;line-height:1.55}
@media(max-width:640px){.identity-trust-points{grid-template-columns:1fr}.identity-trust-card{padding:14px}.identity-trust-icon{font-size:24px}}


/* ===== v11.99 Chrome / mobile scroll performance =====
   Avoid effects that force continuous repaint while the page is moving. */
body{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:auto;
}
img{
  content-visibility:auto;
}
.provider-result-card,
.task-list-card,
.notification-item,
.dashboard-menu-card,
.quick-task-card{
  content-visibility:auto;
  contain-intrinsic-size:auto 180px;
}

/* Hover animation should only exist on devices that truly have hover.
   Mobile Chrome otherwise still has to maintain transform/shadow layers. */
@media (hover:none), (pointer:coarse){
  .btn,
  .dashboard-action-card,
  .dashboard-menu-card,
  .quick-task-card{
    transition:none!important;
    transform:none!important;
  }
  .btn:hover,
  .dashboard-action-card:hover,
  .dashboard-menu-card:hover,
  .quick-task-card:hover{
    transform:none!important;
  }
}

/* On smaller screens keep shadows very light. Large blurred shadows over many
   cards are expensive to raster while scrolling. */
@media(max-width:820px){
  :root{--shadow:0 2px 8px rgba(24,39,75,.045)}
  .card{box-shadow:var(--shadow)}
  .btn{box-shadow:0 2px 7px rgba(49,87,213,.12)}
  .topnav{background:#fff}
}

/* Long result lists get browser-side paint containment without changing layout. */
.provider-result-card,
.task-list-card,
.notification-item{
  contain:layout paint style;
}

.trust-card{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(127,127,127,.04)}
.trust-grade{display:flex;align-items:center;gap:8px;font-size:17px}.trust-grade strong{font-size:24px}.trust-grade small{margin-left:auto}
.trust-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:10px 0;font-size:14px}
@media(max-width:620px){.trust-signals{grid-template-columns:1fr}}


/* v11.120 — 委託 / 找出租人：social discovery UI */
.social-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 18px;padding:clamp(24px,4vw,42px);border-radius:30px;border:1px solid rgba(99,102,241,.12);box-shadow:0 20px 50px rgba(35,45,90,.09)}
.social-hero-task{background:linear-gradient(135deg,#fff5f8 0%,#f5f3ff 50%,#eef7ff 100%)}
.social-hero-provider{background:linear-gradient(135deg,#fff0f5 0%,#fff9ef 45%,#f3f0ff 100%)}
.social-hero-copy{position:relative;z-index:2;max-width:690px}
.social-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);font-size:14px;font-weight:900;color:#7c3aed;margin-bottom:10px}
.social-hero h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.035em;margin-bottom:10px}
.social-hero p{font-size:clamp(15px,2vw,18px);color:#556176;max-width:650px}
.social-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.social-hero-bubbles{position:relative;width:230px;height:155px;flex:0 0 230px}
.social-hero-bubbles span{position:absolute;display:grid;place-items:center;width:66px;height:66px;background:rgba(255,255,255,.86);border:1px solid #fff;border-radius:22px;font-size:30px;box-shadow:0 16px 30px rgba(65,53,120,.11);transform:rotate(-6deg)}
.social-hero-bubbles span:nth-child(1){left:10px;top:14px}.social-hero-bubbles span:nth-child(2){right:18px;top:0;transform:rotate(8deg)}.social-hero-bubbles span:nth-child(3){left:72px;bottom:4px;transform:rotate(5deg)}.social-hero-bubbles span:nth-child(4){right:0;bottom:16px;transform:rotate(-9deg)}

.browse-toolbar{border-radius:26px;padding:20px 22px}
.browse-toolbar-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.browse-toolbar-top h2{margin-bottom:2px}
.quick-create-mini{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 13px;border-radius:999px;background:#f1f5ff;font-weight:900;white-space:nowrap}
.browse-search{display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dbe2ec;border-radius:15px;background:#fff}
.browse-search input{border:0;box-shadow:none;padding-left:4px}
.browse-search input:focus{box-shadow:none}
.browse-filter-grid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;margin-top:10px}
.browse-filter-grid select,.social-provider-filter-grid select{margin:0}
.quick-filter-pills{display:flex;gap:8px;overflow:auto;padding:12px 1px 2px;scrollbar-width:none}
.quick-filter-pills::-webkit-scrollbar{display:none}
.quick-filter-pills a{flex:0 0 auto;padding:8px 13px;border-radius:999px;background:#f6f7fb;color:#556176;border:1px solid #e5e7eb;font-weight:800;font-size:14px}
.quick-filter-pills a.active{background:#1f2937;color:#fff;border-color:#1f2937}
.filter-actions{display:flex;gap:10px;margin-top:12px}
.social-provider-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}

.task-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.task-social-card{position:relative;min-width:0;background:#fff;border:1px solid #e6e8ee;border-radius:26px;padding:20px;box-shadow:0 12px 34px rgba(24,39,75,.06);transition:.18s transform,.18s box-shadow,.18s border}
.task-social-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(24,39,75,.10);border-color:#d8dcf3}
.task-social-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.social-chip{padding:6px 9px;background:#faf7ff;border-color:#eee5ff;font-size:12px}
.social-chip.special{background:#fff7e8;border-color:#ffe2aa}
.task-date-badge{flex:0 0 auto;padding:7px 9px;background:#f4f7fb;border-radius:10px;font-size:12px;font-weight:900;color:#5b6474}
.task-social-title{display:block;color:#152033;font-size:22px;line-height:1.35;font-weight:950;margin:16px 0 13px;letter-spacing:-.02em}
.task-person-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6}
.mini-person{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#fde7ef,#e7e6ff);font-size:19px}
.task-person-row b,.task-person-row small{display:block}.task-person-row small{color:#7a8495;margin-top:1px}
.task-social-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}
.task-social-facts>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;padding:11px;background:#f8fafc;border-radius:14px;min-width:0}
.task-social-facts>div span{grid-row:1/3;font-size:17px}.task-social-facts b,.task-social-facts small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-social-facts small{font-size:12px;color:#778196}
.task-social-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:15px;background:linear-gradient(135deg,#f1f5ff,#fff3f8)}
.task-social-price small{color:#697386}.task-social-price strong{font-size:24px;color:#273db2}.task-social-price strong em{font-size:12px;font-style:normal;color:#697386}.task-social-price>span{margin-left:auto;font-size:12px;font-weight:900;color:#b54708}
.task-social-actions{display:grid;grid-template-columns:1fr 46px;gap:9px;margin-top:14px}.task-primary-action{width:100%}
.icon-action{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfe3eb;background:#fff;border-radius:14px;font-size:22px;cursor:pointer;color:#344054}
.task-share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #e5e7eb;font-size:12px;color:#7a8495}
.task-share-row a,.task-share-row button{border:0;background:transparent;padding:0;color:#4f46e5;font:inherit;font-weight:900;cursor:pointer}

.provider-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}
.provider-social-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e6e8ee;border-radius:28px;box-shadow:0 12px 34px rgba(24,39,75,.07);transition:.18s transform,.18s box-shadow}
.provider-social-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(24,39,75,.11)}
.provider-photo-wrap{position:relative;display:block;height:230px;overflow:hidden;background:linear-gradient(135deg,#fce7f3,#e0e7ff)}
.provider-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s transform}.provider-social-card:hover .provider-photo-wrap img{transform:scale(1.025)}
.provider-photo-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:72px;font-weight:950;color:#7c3aed}
.provider-photo-gradient{position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(15,23,42,.74))}
.provider-photo-info{position:absolute;left:18px;right:18px;bottom:15px;color:#fff}.provider-photo-info h3{font-size:25px;margin:0 0 2px}.provider-photo-info p{margin:0;color:#eef2ff}
.provider-rating{position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:#1f2937;font-size:13px;font-weight:950}
.provider-social-body{padding:18px}.provider-one-line{margin:0 0 10px;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:49px}
.provider-trust-row{display:flex;gap:13px;flex-wrap:wrap;color:#6b7280;font-size:13px;margin-bottom:12px}
.provider-service-chips{display:flex;gap:7px;flex-wrap:wrap}.provider-service-chips span{padding:7px 9px;border-radius:10px;background:#f7f6ff;color:#4b4f71;font-size:12px;font-weight:800}
.provider-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.provider-main-actions .btn{padding-left:10px;padding-right:10px}
.provider-secondary-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid #f0f2f5;font-size:12px}
.provider-secondary-actions a,.provider-secondary-actions button{border:0;background:none;color:#5b62ca;padding:0;font:inherit;font-weight:900;cursor:pointer}

.empty-social{text-align:center;padding:42px 22px}.empty-social-icon{font-size:48px;margin-bottom:8px}
.mobile-fab-create{display:none}

@media(max-width:820px){
  .social-hero{padding:24px 20px;border-radius:24px}.social-hero-bubbles{display:none}
  .social-hero h1{font-size:34px}.social-provider-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .task-social-grid,.provider-social-grid{grid-template-columns:1fr}
  .provider-photo-wrap{height:min(62vw,330px)}
}
@media(max-width:560px){
  .wrap{width:min(100% - 22px,1080px);padding-top:14px}
  .social-hero{margin-top:4px;padding:22px 17px}.social-hero h1{font-size:30px}.social-hero p{font-size:15px}
  .social-hero-actions{display:grid;grid-template-columns:1fr}.social-hero-actions .btn{width:100%}
  .browse-toolbar{padding:17px 14px;border-radius:22px}.browse-toolbar-top{align-items:flex-start}.quick-create-mini{font-size:12px}
  .browse-filter-grid{grid-template-columns:1fr 1fr}.browse-filter-grid .btn{min-height:44px}
  .social-provider-filter-grid{grid-template-columns:1fr 1fr}.social-provider-filter-grid select:last-child{grid-column:1/-1}
  .filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .task-social-card{padding:17px;border-radius:22px}.task-social-title{font-size:20px}.task-social-facts{grid-template-columns:1fr}.task-social-price strong{font-size:22px}
  .provider-social-card{border-radius:23px}.provider-photo-wrap{height:72vw;max-height:340px}.provider-social-body{padding:16px}
  .provider-main-actions{grid-template-columns:1fr}.provider-main-actions .btn{width:100%}
  .mobile-fab-create{position:fixed;z-index:42;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#3157d5);color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(49,46,129,.28)}
  .mobile-fab-create span{font-size:13px}
}

.task-area-required{margin:16px 0;padding:16px;border:1px solid #cfdcff;border-radius:18px;background:linear-gradient(135deg,#f7f9ff,#fff)}
.task-area-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.task-area-heading b{font-size:17px}.task-area-heading small{max-width:620px;color:#697386;line-height:1.55}.task-area-grid{margin-top:5px}
.task-area-highlight{display:flex;align-items:center;gap:11px;margin:13px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fff5ec,#fffaf4);border:1px solid #f7d8b4}.task-area-highlight.is-online{background:linear-gradient(135deg,#eef6ff,#f8fbff);border-color:#cfe2ff}.task-area-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:rgba(255,255,255,.8);font-size:21px}.task-area-highlight small,.task-area-highlight b{display:block}.task-area-highlight small{font-size:12px;color:#8b5e34}.task-area-highlight b{font-size:16px;color:#32261d}
.task-detail-location{display:flex;align-items:flex-start;gap:13px;margin:15px 0;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,#fff7ee,#fff);border:1px solid #f4d7b5}.task-detail-location-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#fff;font-size:23px}.task-detail-location small,.task-detail-location strong{display:block}.task-detail-location small{color:#8c6743;font-size:12px;font-weight:800}.task-detail-location strong{font-size:19px;margin:2px 0}
@media(max-width:560px){.task-area-heading{display:block}.task-area-heading small{display:block;margin-top:5px}.task-area-grid{grid-template-columns:1fr}.task-area-highlight b{font-size:15px}}

/* v11.124 後台會員列表可直接點會員 */
.admin-member-row{cursor:pointer;transition:background .15s ease}
.admin-member-row:hover{background:#f7f9ff}
.admin-member-row:focus{outline:2px solid #6b7cff;outline-offset:-2px}
.admin-member-main-link{display:block;color:inherit;text-decoration:none}
.admin-member-main-link:hover b{color:#4054c7;text-decoration:underline}


/* ===== v11.137 我的中心：信任等級＋手機驗證引導 ===== */
.dashboard-profile-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.dashboard-trust-chip{font-weight:800;border-color:rgba(47,111,237,.22);background:rgba(47,111,237,.08)}
.dashboard-verified-chip{font-weight:800;color:#16803d;border-color:rgba(22,128,61,.18);background:rgba(22,128,61,.08)}
.dashboard-unverified-chip{font-weight:800;color:#b05a00;border-color:rgba(234,150,20,.28);background:rgba(234,150,20,.11)}
.dashboard-verification-guide{display:flex;gap:14px;align-items:center;margin:14px 0;padding:16px 18px;border:1px solid rgba(234,150,20,.38);border-radius:18px;background:linear-gradient(135deg,rgba(255,248,230,.96),rgba(255,255,255,.98));box-shadow:0 8px 24px rgba(45,61,89,.04)}
.dashboard-verification-guide-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 48px;font-size:24px;background:rgba(234,150,20,.12)}
.dashboard-verification-guide b{font-size:17px}
.dashboard-verification-guide p{margin:5px 0 0;color:var(--muted);line-height:1.65}
.dashboard-trust-section{margin-top:14px;padding:20px}
.dashboard-trust-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px}
.dashboard-trust-heading h2{margin:2px 0 5px;font-size:21px}
.dashboard-trust-heading p{margin-bottom:0}
.dashboard-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-trust-role-card{padding:15px;border:1px solid var(--border);border-radius:16px;background:rgba(127,127,127,.025)}
.dashboard-trust-score{display:grid;grid-template-columns:1fr auto;grid-template-areas:'role grade' 'small grade';align-items:center;gap:0 12px}
.dashboard-trust-score>span{grid-area:role;font-weight:800}
.dashboard-trust-score>strong{grid-area:grade;font-size:30px;line-height:1;color:var(--primary,#2f6fed)}
.dashboard-trust-score>small{grid-area:small;color:var(--muted);margin-top:3px}
.dashboard-trust-progress{height:8px;margin:12px 0;background:rgba(127,127,127,.12);border-radius:999px;overflow:hidden}
.dashboard-trust-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65c98a,#2f9b57)}
.dashboard-trust-signals{display:flex;gap:7px;flex-wrap:wrap}
.dashboard-trust-signals span{font-size:13px;padding:5px 8px;border-radius:999px;background:rgba(127,127,127,.07)}
.dashboard-trust-note{margin:12px 0 0;color:var(--muted);font-size:12px}
@media(max-width:760px){
 .dashboard-profile-actions{width:100%;justify-content:stretch}
 .dashboard-profile-actions .btn{flex:1;text-align:center}
 .dashboard-verification-guide{align-items:flex-start;flex-wrap:wrap}
 .dashboard-verification-guide .btn{width:100%;text-align:center}
 .dashboard-trust-heading{display:block}
 .dashboard-trust-heading .btn{display:inline-block;margin-top:10px}
 .dashboard-trust-grid{grid-template-columns:1fr}
}


/* v11.139 我的中心：平台宣傳授權快捷設定 */
.dashboard-promotion-consent{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}
.dashboard-promotion-consent-main{display:flex;align-items:flex-start;gap:14px;min-width:0}
.dashboard-promotion-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#f4f7ff;flex:0 0 auto}
.dashboard-promotion-consent h2{margin:2px 0 7px;font-size:20px}
.dashboard-promotion-consent p{margin:0 0 5px;line-height:1.65}
.dashboard-promotion-form{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.dashboard-promotion-status{font-weight:800;font-size:14px;padding:8px 12px;border-radius:999px;white-space:nowrap}
.dashboard-promotion-status.is-on{background:#eaf9ef;color:#16833d}
.dashboard-promotion-status.is-off{background:#f3f5f8;color:#697386}
@media(max-width:760px){
 .dashboard-promotion-consent{align-items:stretch;flex-direction:column}
 .dashboard-promotion-form{justify-content:space-between;flex-wrap:wrap}
 .dashboard-promotion-form .btn{flex:1}
}


/* v11.151 管理員前台模擬測試 */
.admin-impersonation-banner{position:sticky;top:0;z-index:9999;background:#fff4d6;border-bottom:1px solid #e3bb55;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.admin-impersonation-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.admin-impersonation-inner>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.admin-impersonation-inner b{font-size:15px}
.admin-impersonation-inner span{font-size:13px;line-height:1.45}
.admin-impersonation-inner form{margin:0;flex:0 0 auto}
@media(max-width:700px){.admin-impersonation-inner{align-items:stretch;flex-direction:column}.admin-impersonation-inner .btn{width:100%}}


/* v11.155 iPhone / Safari 案件聊天室鍵盤與輸入框修正 */
.task-chat-card{
  padding:14px;
  overflow:hidden;
}
.task-chat-messages{
  min-height:300px;
  max-height:min(56vh,560px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto;
  padding:2px 2px 10px;
}
.task-chat-composer{
  position:sticky;
  bottom:0;
  z-index:8;
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:0;
  padding:10px 0 max(4px,env(safe-area-inset-bottom));
  background:var(--card-bg,#fff);
}
.task-chat-composer textarea{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:46px;
  max-height:120px;
  margin:0;
  resize:none;
  overflow-y:auto;
  box-sizing:border-box;
  line-height:1.4;
  /* iOS 在 input/textarea 小於 16px 時會自動 zoom，造成整頁跳動 */
  font-size:16px !important;
  -webkit-text-size-adjust:100%;
  touch-action:manipulation;
}
.task-chat-send{
  flex:0 0 auto;
  min-height:46px;
  margin:0;
}
@supports (height:100dvh){
  body.task-chat-input-focused .task-chat-messages{
    max-height:calc(100dvh - 300px);
  }
}
@media(max-width:700px){
  .task-chat-card{padding:10px}
  .task-chat-messages{
    min-height:240px;
    max-height:50dvh;
  }
  .task-chat-composer{
    padding-bottom:max(6px,env(safe-area-inset-bottom));
  }
}


/* v11.156 案件聊天室手機版輸入列寬度修正
   全站 @media(max-width:640px) 會把 .btn 設成 width:100%，
   因此 v11.155 的送出鈕在手機上佔滿 flex 寬度，把 textarea 擠成極窄。 */
.task-chat-composer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  width:100%;
}
.task-chat-composer textarea{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  grid-column:1;
}
.task-chat-composer .task-chat-send{
  grid-column:2;
  width:auto !important;
  min-width:82px;
  max-width:110px;
  flex:none !important;
  white-space:nowrap;
  padding-left:16px;
  padding-right:16px;
}
@media(max-width:640px){
  .task-chat-composer{
    grid-template-columns:minmax(0,1fr) 86px;
    gap:8px;
  }
  .task-chat-composer .task-chat-send{
    width:86px !important;
    min-width:86px;
    max-width:86px;
  }
}


/* v11.157 案件聊天室：輸入列固定在手機虛擬鍵盤正上方 */
.task-chat-composer-spacer{
  display:none;
  height:0;
}
.task-chat-composer-spacer.active{
  display:block;
}
.task-chat-composer.keyboard-pinned{
  position:fixed !important;
  z-index:10050 !important;
  margin:0 !important;
  padding:8px;
  border:1px solid var(--border,#e3e8ef);
  border-radius:16px;
  background:#fff;
  box-shadow:0 -6px 24px rgba(15,23,42,.14);
  transform:none !important;
}
body.task-chat-input-focused{
  /* 此聊天室自己處理鍵盤定位，不讓舊的全站 keyboard padding 推動整頁 */
  padding-bottom:0 !important;
}
body.task-chat-input-focused main.wrap{
  padding-bottom:22px !important;
}
@media(max-width:700px){
  .task-chat-composer.keyboard-pinned{
    grid-template-columns:minmax(0,1fr) 86px;
    padding-bottom:max(8px,env(safe-area-inset-bottom));
    border-radius:16px 16px 0 0;
  }
}


/* v11.158 私人聯繫聊天室：同步案件聊天室手機鍵盤固定行為 */
.contact-chat-card{
  overflow:hidden;
}
.contact-messages{
  min-height:300px;
  max-height:min(56vh,560px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.contact-chat-composer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:8px;
  width:100%;
  margin:0;
  padding:10px 0 max(4px,env(safe-area-inset-bottom));
  background:#fff;
}
.contact-chat-composer textarea{
  grid-column:1;
  width:100% !important;
  min-width:0 !important;
  min-height:46px;
  max-height:120px;
  margin:0;
  resize:none;
  overflow-y:auto;
  line-height:1.4;
  font-size:16px !important;
  -webkit-text-size-adjust:100%;
  touch-action:manipulation;
}
.contact-chat-composer .contact-chat-send{
  grid-column:2;
  width:auto !important;
  min-width:82px;
  max-width:110px;
  min-height:46px;
  margin:0;
  white-space:nowrap;
}
.contact-chat-composer-spacer{display:none;height:0}
.contact-chat-composer-spacer.active{display:block}
.contact-chat-composer.keyboard-pinned{
  position:fixed !important;
  z-index:10050 !important;
  margin:0 !important;
  padding:8px;
  border:1px solid var(--border,#e3e8ef);
  border-radius:16px;
  background:#fff;
  box-shadow:0 -6px 24px rgba(15,23,42,.14);
  transform:none !important;
}
body.contact-chat-input-focused{padding-bottom:0 !important}
body.contact-chat-input-focused main.wrap{padding-bottom:22px !important}
@media(max-width:700px){
  .contact-chat-card{padding:10px}
  .contact-messages{min-height:240px;max-height:50dvh}
  .contact-chat-composer{
    grid-template-columns:minmax(0,1fr) 86px;
  }
  .contact-chat-composer .contact-chat-send{
    width:86px !important;
    min-width:86px;
    max-width:86px;
  }
  .contact-chat-composer.keyboard-pinned{
    grid-template-columns:minmax(0,1fr) 86px;
    padding-bottom:max(8px,env(safe-area-inset-bottom));
    border-radius:16px 16px 0 0;
  }
}

/* v11.175：線上語音／視訊優先，但保持手機畫面簡潔 */
.featured-service-option{border-color:rgba(28,126,83,.35);background:linear-gradient(180deg,rgba(236,252,245,.9),#fff)}
.home-online-fast-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 10px}
.home-online-fast-actions .btn{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:640px){.home-online-fast-actions{grid-template-columns:1fr 1fr}.home-online-fast-actions .btn{padding:12px 8px;font-size:15px}}

/* v11.181 dashboard information hierarchy */
.dashboard-priority-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 14px;padding:14px 16px;border:1px solid #fed7aa;border-radius:16px;background:#fffaf3}
.dashboard-priority-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.dashboard-priority-copy b{color:#9a3412;font-size:15px}
.dashboard-priority-copy span{color:#7c5a45;font-size:13px;line-height:1.45}
.dashboard-priority-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.dashboard-priority-actions a{display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;color:#9a3412;border:1px solid #fed7aa;text-decoration:none!important;font-size:13px;font-weight:800;white-space:nowrap}
.dashboard-priority-actions a:hover{background:#fff3e4}
.dashboard-profile{margin-top:0}
.dashboard-account-overview>.dashboard-promotion-consent,.dashboard-account-overview>.dashboard-trust-section{margin-top:12px}
.dashboard-account-overview .dashboard-promotion-consent{box-shadow:none}
@media(max-width:720px){
 .dashboard-priority-bar{align-items:stretch;flex-direction:column;gap:10px;margin-top:12px}
 .dashboard-priority-actions{justify-content:flex-start}
 .dashboard-priority-actions a{flex:1 1 calc(50% - 7px);justify-content:center;text-align:center;white-space:normal}
}


/* v11.193 全站案件待處理懸浮提醒 */
.case-attention-widget{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:950}
.case-attention-fab{border:0;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:7px;background:#20242a;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.2);font:inherit;cursor:pointer}.case-attention-fab b{font-size:14px}.case-attention-panel{position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 28px));max-height:min(520px,70vh);overflow:auto;background:#fff;border:1px solid #e6e8eb;border-radius:18px;box-shadow:0 16px 48px rgba(0,0,0,.2);padding:10px}.case-attention-head{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 6px 10px}.case-attention-head b{display:block;font-size:17px}.case-attention-head small{display:block;color:#6b7280;margin-top:2px}.case-attention-head button{border:0;background:#f3f4f6;border-radius:999px;width:30px;height:30px;font-size:20px;cursor:pointer}.case-attention-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 8px;border-top:1px solid #f0f1f3;text-decoration:none!important;color:inherit}.case-attention-item b,.case-attention-item small,.case-attention-item em{display:block}.case-attention-item small{color:#606773;margin-top:3px;line-height:1.35}.case-attention-item em{font-style:normal;color:#9a6700;font-size:12px;font-weight:700;margin-top:4px}.case-attention-item strong{font-size:12px;white-space:nowrap;color:#2563eb}.case-attention-icon{font-size:22px}.case-attention-item.client_choose{background:#fffafa}.case-attention-item.client_payment{background:#fffdf4}.urgent-client-card{border-color:#fecaca!important;background:#fffafa!important}.waiting-client-card{border-color:#fde68a!important;background:#fffdf4!important}.application-waiting-notice{border-width:2px}
@media(max-width:640px){.case-attention-widget{right:12px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))}.case-attention-panel{width:calc(100vw - 24px);right:0}.case-attention-fab{padding:11px 14px}}

.chat-image-pick{width:46px;height:46px;min-width:46px;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:13px;background:#fff;cursor:pointer;font-size:21px}.chat-upload-image{display:block;max-width:min(320px,72vw);max-height:360px;border-radius:12px;object-fit:contain;background:#f5f7fb}.message a,.contact-msg a{overflow-wrap:anywhere}.message .chat-upload-image,.contact-msg .chat-upload-image{margin:2px 0}


/* v11.197 聊天室圖片選擇 UX：圖片按鈕旁顯示縮圖、已選擇與移除 */
.task-chat-composer,.contact-chat-composer{
  grid-template-columns:minmax(0,1fr) auto !important;
}
.chat-media-line{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.chat-image-selected{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  max-width:min(420px,calc(100vw - 100px));
  padding:5px 7px;
  border:1px solid var(--border,#e3e8ef);
  border-radius:12px;
  background:#f8fafc;
}
.chat-image-selected.hidden{display:none!important}
.chat-image-selected img{
  width:38px;
  height:38px;
  flex:0 0 38px;
  object-fit:cover;
  border-radius:9px;
  background:#eef1f5;
}
.chat-image-selected span{display:block;min-width:0;line-height:1.2}
.chat-image-selected b{display:block;font-size:13px;white-space:nowrap}
.chat-image-selected small{display:block;max-width:240px;margin-top:3px;color:#6b7280;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-image-remove{
  width:30px;
  height:30px;
  min-width:30px;
  margin-left:auto;
  padding:0;
  border:0;
  border-radius:999px;
  background:#e5e7eb;
  color:#374151;
  font-size:21px;
  line-height:30px;
  cursor:pointer;
}
.chat-image-remove:hover{background:#d1d5db}
.task-chat-composer textarea,.contact-chat-composer textarea{grid-column:1!important;grid-row:auto!important}
.task-chat-composer .task-chat-send,.contact-chat-composer .contact-chat-send{grid-column:2!important;grid-row:auto!important}
@media(max-width:640px){
  .task-chat-composer,.contact-chat-composer{grid-template-columns:minmax(0,1fr) 86px!important}
  .chat-image-selected{max-width:calc(100vw - 92px)}
  .chat-image-selected small{max-width:145px}
}

/* v11.208: activity badge text must remain readable on photo cards */
.member-activity,.member-activity *{color:#111827!important;text-shadow:none!important}

/* v11.210 私人聯繫：正式案件待付款／已成立強提醒 */
.contact-case-alert{border-width:2px!important}
.contact-pay-now{font-weight:800!important}
.contact-payment-inline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#fff3f3;border:1px solid #ef9a9a;color:#111;font-size:13px;line-height:1.35}
.contact-payment-inline a{flex:0 0 auto;font-weight:800;text-decoration:none;color:#8b0000;background:#fff;border:1px solid #d66;border-radius:9px;padding:6px 10px}
.contact-payment-inline.waiting-payment{background:#fff8e1;border-color:#e0b85c}
.contact-payment-inline.established{background:#edf9f0;border-color:#85c995}
.contact-payment-inline.established a{color:#176b2c;border-color:#85c995}
@media(max-width:700px){.contact-payment-inline{font-size:12px;padding:8px 9px}.contact-payment-inline a{padding:6px 8px}}

/* v11.216 */
.payment-help-zoom,.chat-upload-image{cursor:zoom-in}
.task-share-details>summary{cursor:pointer;list-style:none}.task-share-details>summary::-webkit-details-marker{display:none}
#taskCreateForm input:not([type=checkbox]):not([type=radio]),#taskCreateForm textarea,#taskCreateForm select{font-size:16px;scroll-margin-top:90px;scroll-margin-bottom:24px}
#taskCreateForm textarea{overflow-anchor:none}

/* v11.238 我的中心 Mobile First */
.dashboard-mobile-hero{padding:18px}.dashboard-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.dashboard-hero-actions .btn{text-align:center}.dashboard-security-strip{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;border-radius:13px;background:rgba(127,127,127,.055);text-decoration:none!important;color:inherit!important;font-size:12px}.dashboard-security-strip>span:first-child{font-weight:900;margin-right:auto}.dashboard-security-strip .ok{color:#16803d;font-weight:800}.dashboard-security-strip .warn{color:#b05a00;font-weight:800}.dashboard-security-strip b{font-size:19px;color:var(--muted)}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-quick-item{display:flex;min-width:0;flex-direction:column;gap:3px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--card);text-decoration:none!important;color:inherit!important}.dashboard-quick-item>span{font-size:24px}.dashboard-quick-item b{font-size:15px}.dashboard-quick-item small{color:var(--muted);line-height:1.35}.dashboard-quick-item.primary{background:#f0fdf4;border-color:#bbf7d0}
.dashboard-settings-list{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--card)}.dashboard-settings-list>a{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--border);text-decoration:none!important;color:inherit!important}.dashboard-settings-list>a:last-child{border-bottom:0}.dashboard-settings-list>a>span{font-size:21px}.dashboard-settings-list b,.dashboard-settings-list small{display:block}.dashboard-settings-list small{margin-top:2px;color:var(--muted)}.dashboard-settings-list em{font-style:normal;color:var(--muted);font-size:20px}.dashboard-settings-details{margin-top:10px;border:1px solid var(--border);border-radius:15px;background:var(--card);overflow:hidden}.dashboard-settings-details summary{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;font-weight:850;cursor:pointer;list-style:none}.dashboard-settings-details summary::-webkit-details-marker{display:none}.dashboard-settings-details summary span{color:var(--muted);font-size:13px}.dashboard-detail-body{padding:0 14px 14px}.dashboard-compact-notice{margin-top:10px}.dashboard-ongoing-compact{margin-top:10px;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:12px}.dashboard-ongoing-compact>b{display:block;margin-bottom:5px}.dashboard-ongoing-compact>a{display:grid;grid-template-columns:1fr auto;grid-template-areas:'title arrow' 'meta arrow';gap:2px 10px;align-items:center;padding:10px 2px;border-top:1px solid var(--border);text-decoration:none!important;color:inherit!important}.dashboard-ongoing-compact>a span{grid-area:title;font-weight:800}.dashboard-ongoing-compact>a small{grid-area:meta;color:var(--muted)}.dashboard-ongoing-compact>a b{grid-area:arrow}.dashboard-ongoing-compact .dashboard-more-link{display:block;text-align:center;color:var(--primary)!important;font-weight:800}.dashboard-attention-first{margin-top:14px}
@media(max-width:720px){.dashboard-mobile-hero{padding:14px}.dashboard-profile-main{display:grid;grid-template-columns:auto 1fr;gap:12px}.dashboard-profile-main .grow{min-width:0}.dashboard-profile-main h1{font-size:22px;margin:1px 0 7px}.dashboard-profile-main .chips{gap:5px}.dashboard-profile-main .chip{font-size:11px;padding:4px 7px}.dashboard-avatar{width:66px!important;height:66px!important}.dashboard-hero-actions{position:relative;grid-template-columns:1.15fr .85fr}.dashboard-hero-actions .btn{padding:11px 8px}.dashboard-security-strip{overflow-x:auto;white-space:nowrap}.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-quick-item{padding:13px;min-height:94px}.dashboard-grid{gap:8px}.dashboard-menu-card{padding:13px;min-height:auto}.dashboard-menu-card>span:first-child{font-size:22px}.dashboard-menu-card>b{font-size:15px}.dashboard-section .section-heading h2{font-size:19px}.dashboard-section .section-heading p{font-size:12px}.dashboard-recent-row{align-items:flex-start}.dashboard-recent-row .chip{font-size:11px}.dashboard-priority-actions a{flex:1 1 100%}}

/* v11.239 - dashboard progressive onboarding */
.dashboard-getting-started{margin-top:12px}.dashboard-onboarding-card{padding:16px}.dashboard-onboarding-card .section-heading{margin-bottom:10px}.dashboard-setup-group{display:grid;gap:8px}.dashboard-setup-group-title{font-size:13px;color:#b54708;margin:2px 0 4px}.dashboard-setup-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;text-decoration:none;color:inherit;background:#fff}.dashboard-setup-row.required{border-color:#f4c7a1;background:#fffaf5}.dashboard-setup-row:hover{border-color:#b8c4e8}.dashboard-setup-icon{font-size:22px;width:30px;text-align:center;flex:0 0 30px}.dashboard-setup-row b{display:block;font-size:15px}.dashboard-setup-row small{display:block;color:#667085;margin-top:2px;line-height:1.4}.dashboard-setup-row strong{font-size:13px;white-space:nowrap;color:#3157e8}.dashboard-setup-more{margin-top:10px}.dashboard-setup-more>summary{cursor:pointer;font-weight:700;padding:9px 2px;color:#475467}.dashboard-setup-more[open]>summary{margin-bottom:6px}@media(max-width:620px){.dashboard-onboarding-card{padding:14px}.dashboard-setup-row{padding:11px 10px}.dashboard-setup-row strong{font-size:12px}.dashboard-setup-row small{font-size:12px}}\n

/* ===== v11.241 找出租人／出租人資料 Mobile First ===== */
.provider-advanced-filters{margin-top:10px;border:1px solid var(--border);border-radius:14px;background:rgba(127,127,127,.025);overflow:hidden}
.provider-advanced-filters>summary{cursor:pointer;list-style:none;padding:11px 13px;font-weight:850;color:#475467}
.provider-advanced-filters>summary::-webkit-details-marker{display:none}
.provider-advanced-filters[open]>summary{border-bottom:1px solid var(--border)}
.provider-advanced-filters .social-provider-filter-grid{padding:10px 12px 0;margin-top:0}
.provider-advanced-filters .filter-actions{padding:0 12px 12px}
.provider-secondary-actions{min-height:20px}
.provider-secondary-actions a{color:#667085!important;font-weight:750!important}

.provider-profile-shell{max-width:880px;margin:0 auto;padding-bottom:18px}
.provider-profile-hero{padding:0;overflow:visible;border-radius:24px}
.provider-profile-media{position:relative;overflow:hidden;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#fce7f3,#e0e7ff);aspect-ratio:16/9;max-height:min(70vh,620px)}
.provider-profile-track{display:flex;height:100%;transition:transform .25s ease}
.provider-profile-slide{min-width:100%;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}
.provider-profile-media-empty{display:grid;place-items:center}.provider-profile-media-empty>span{font-size:90px;font-weight:950;color:#7c3aed}
.provider-profile-gallery-btn{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(15,23,42,.62);color:#fff;font-size:25px;cursor:pointer;z-index:2}
.provider-profile-gallery-btn.prev{left:12px}.provider-profile-gallery-btn.next{right:12px}
.provider-profile-gallery-count{position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.65);color:#fff;font-size:12px;font-weight:850}
.provider-profile-summary{padding:18px}
.provider-profile-title-row{display:flex;align-items:flex-start;gap:12px}
.provider-profile-name-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.provider-profile-name-row h1{margin:0;font-size:30px;letter-spacing:-.025em}
.provider-profile-subline{margin:5px 0 0;color:var(--muted)}
.provider-share-menu{position:relative;flex:0 0 auto}
.provider-share-menu>summary{list-style:none;display:flex;align-items:center;gap:5px;min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:12px;background:var(--card);font-weight:850;cursor:pointer}
.provider-share-menu>summary::-webkit-details-marker{display:none}
.provider-share-popover{position:absolute;right:0;top:46px;z-index:20;width:230px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.provider-share-popover b{display:block;padding:4px 6px 8px;font-size:13px}
.provider-share-popover a,.provider-share-popover button{display:block;width:100%;padding:9px 8px;border:0;border-radius:9px;background:transparent;text-align:left;color:inherit;font:inherit;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none}
.provider-share-popover a:hover,.provider-share-popover button:hover{background:rgba(127,127,127,.08)}
.provider-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.provider-profile-stats>div{padding:11px 8px;border-radius:14px;background:rgba(127,127,127,.055);text-align:center}
.provider-profile-stats strong,.provider-profile-stats small{display:block}.provider-profile-stats strong{font-size:21px}.provider-profile-stats small{margin-top:2px;color:var(--muted);font-size:11px}
.provider-profile-one-line{margin:11px 0;font-size:16px;line-height:1.6}
.provider-profile-tags{display:flex;gap:7px;flex-wrap:wrap}.provider-profile-tags span{padding:6px 9px;border-radius:999px;background:#f6f7fb;border:1px solid #eceef3;color:#475467;font-size:12px;font-weight:800}
.provider-profile-primary-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:15px}.provider-profile-primary-actions .btn{text-align:center}
.provider-login-gate{margin-top:15px;padding:13px;border-radius:14px;background:#f8fafc;border:1px solid var(--border)}.provider-login-gate p{margin:0 0 10px;color:var(--muted);font-size:13px}
.provider-profile-section{padding:18px;margin-top:13px}
.provider-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.provider-section-heading h2{margin:2px 0 0;font-size:22px}.provider-section-heading>small{color:var(--muted);font-size:12px;text-align:right}
.provider-section-kicker{display:block;color:#667085;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.provider-service-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.provider-service-plan{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--card);text-decoration:none!important;color:inherit!important}
.provider-service-plan.featured{background:#f6f9ff;border-color:#d6e2ff}.provider-service-plan>span{font-size:23px}.provider-service-plan b,.provider-service-plan small{display:block}.provider-service-plan b{font-size:14px}.provider-service-plan small{margin-top:3px;color:#475467}.provider-service-plan em{font-style:normal;color:#3157e8;font-size:12px;font-weight:850;white-space:nowrap}
.provider-service-empty{grid-column:1/-1;padding:14px;border-radius:14px;background:#f8fafc;color:var(--muted)}
.provider-inline-meta{margin:12px 0 0}.provider-fee-note{margin-top:10px}
.provider-intro-text{line-height:1.75;color:#344054}
.provider-detail-block{margin-top:16px}.provider-detail-block>b{display:block;margin-bottom:8px}
.provider-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.provider-fact-grid>div{display:grid;grid-template-columns:28px 1fr;grid-template-areas:'icon label' 'icon value';column-gap:8px;padding:12px;border-radius:14px;background:#f8fafc;min-width:0}.provider-fact-grid>div>span{grid-area:icon;font-size:20px}.provider-fact-grid small{grid-area:label;color:var(--muted);font-size:11px}.provider-fact-grid b{grid-area:value;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.provider-more-details{margin-top:14px;border-top:1px solid var(--border)}.provider-more-details>summary{cursor:pointer;padding:13px 2px 2px;font-weight:800;color:#475467}.provider-more-details-body{padding:8px 0 0}.provider-more-details-body p{margin:8px 0}
.provider-boundary-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer}.provider-boundary-details>summary::-webkit-details-marker{display:none}.provider-boundary-details>summary b{display:block;margin-top:2px;font-size:18px}.provider-boundary-details>summary>span{color:#3157e8;font-weight:800;font-size:13px}.provider-boundary-body{padding-top:13px}.provider-boundary-row{padding:12px 0;border-bottom:1px solid var(--border)}.provider-boundary-row:last-of-type{border-bottom:0}.provider-boundary-row>b{display:block;margin-bottom:8px}
.provider-contact-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.provider-contact-choice{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--card);color:inherit!important;text-decoration:none!important;text-align:left;font:inherit;cursor:pointer}.provider-contact-choice.primary{background:#f0fdf4;border-color:#bbf7d0}.provider-contact-choice.disabled{opacity:.65;cursor:default}.provider-contact-choice>span{font-size:22px}.provider-contact-choice b,.provider-contact-choice small{display:block}.provider-contact-choice small{margin-top:3px;color:var(--muted);font-size:12px}.provider-contact-choice em{font-style:normal;font-weight:900;color:#3157e8}.provider-contact-form{margin-top:13px}
.provider-review-list{display:grid;gap:9px}.provider-review-item{padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff}.provider-review-item>div{display:flex;justify-content:space-between;gap:10px}.provider-review-item>div>span{color:#f59e0b;white-space:nowrap}.provider-review-item p{margin:8px 0 0;line-height:1.6}.provider-review-item>small{display:inline-block;margin-top:7px;color:#16803d;font-weight:800}
.provider-empty-state{padding:18px;border-radius:14px;background:#f8fafc;text-align:center;color:var(--muted)}
.provider-trust-section{padding-top:8px;padding-bottom:8px}.provider-trust-section .provider-more-details{margin-top:0;border-top:0}.provider-trust-section .provider-more-details>summary{padding:8px 2px}
.provider-safety-actions{display:flex;justify-content:center;align-items:center;gap:14px;margin:16px 0;color:#98a2b3;font-size:12px}.provider-safety-actions form{margin:0}.provider-safety-actions a,.provider-safety-actions button{border:0;background:transparent;color:#98a2b3;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.provider-mobile-bottom-bar{display:none}

@media(max-width:640px){
  .provider-profile-shell{padding-bottom:82px}
  .provider-profile-hero{border-radius:18px}
  .provider-profile-media{aspect-ratio:4/5;max-height:min(72vh,680px);border-radius:18px 18px 0 0}
  .provider-profile-summary{padding:14px}
  .provider-profile-name-row h1{font-size:24px}
  .provider-share-menu>summary span{display:none}.provider-share-menu>summary{width:42px;justify-content:center;padding:8px}
  .provider-share-popover{position:fixed;left:12px;right:12px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;z-index:100;border-radius:18px}
  .provider-profile-stats{margin:13px 0}.provider-profile-stats strong{font-size:19px}.provider-profile-stats small{font-size:10px}
  .provider-profile-primary-actions{grid-template-columns:1fr 1fr}
  .provider-profile-section{padding:14px;margin-top:10px;border-radius:18px}
  .provider-section-heading h2{font-size:19px}.provider-section-heading>small{max-width:120px}
  .provider-service-plan-grid,.provider-contact-choice-grid{grid-template-columns:1fr}
  .provider-service-plan{padding:12px}.provider-fact-grid{grid-template-columns:1fr}
  .provider-mobile-bottom-bar{position:fixed;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;left:0;right:0;bottom:0;z-index:80;padding:9px max(11px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-right));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #e5e7eb;box-shadow:0 -10px 30px rgba(15,23,42,.08)}
  .provider-mobile-bottom-bar .btn{width:100%;text-align:center}
  .provider-social-body{padding:15px}.provider-main-actions{grid-template-columns:1fr 1fr}.provider-secondary-actions{font-size:11px}
  .provider-advanced-filters .social-provider-filter-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .provider-profile-stats>div{padding:9px 4px}
  .provider-profile-primary-actions{grid-template-columns:1fr}
  .provider-main-actions{grid-template-columns:1fr}
  .provider-advanced-filters .social-provider-filter-grid{grid-template-columns:1fr}
}

/* v11.243：出租人分享選單可明確關閉 */
.provider-share-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}
.provider-share-popover-head>b{padding:4px 6px!important;margin:0;min-width:0}
.provider-share-popover .provider-share-close{display:grid;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;place-items:center;text-align:center;font-size:25px;line-height:1;color:#475467;background:#f2f4f7}
.provider-share-popover .provider-share-close:hover{background:#e4e7ec}
@media(max-width:640px){
  .provider-share-popover{padding:14px 14px calc(14px + env(safe-area-inset-bottom))}
  .provider-share-popover:before{content:"";display:block;width:38px;height:4px;border-radius:999px;background:#d0d5dd;margin:0 auto 9px}
  .provider-share-popover-head{margin-bottom:6px}
  .provider-share-popover a,.provider-share-popover button:not(.provider-share-close){padding:12px 8px}
}

/* v11.245 Google Login */
.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff!important;color:#1f2937!important;border:1px solid #d0d5dd!important;margin-bottom:9px}
.login-google-btn:hover{background:#f8fafc!important}
.google-g{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:950;font-family:Arial,sans-serif;color:#4285f4;background:#fff;border:1px solid #e5e7eb}
@media(max-width:640px){
  .dashboard-security-strip{flex-wrap:wrap;row-gap:5px}
}

/* ===== v11.247 登入頁 Mobile First 簡化 ===== */
.login-shell-v247{max-width:560px;margin:0 auto;padding:18px 12px 28px}
.login-card-v247{padding:26px;border-radius:24px}
.login-welcome{text-align:center;margin-bottom:22px}
.login-kicker{display:inline-block;margin-bottom:6px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#667085;text-transform:uppercase}
.login-welcome h1{margin:0;font-size:32px;letter-spacing:-.03em}
.login-welcome p{margin:9px auto 0;max-width:420px;color:#667085;line-height:1.6}
.login-social-stack{display:grid;gap:10px}
.login-provider-btn{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:15px;font-size:17px;font-weight:900}
.login-line-mark{display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 5px;border-radius:7px;background:#fff;color:#168c4d;font-size:10px;font-weight:950}
.login-webview-note{margin-top:10px;padding:9px 11px;border-radius:11px;background:#fff8e7;color:#7a5b12;font-size:12px;line-height:1.5}
.login-divider-v247{margin:22px 0 18px}
.login-account-form{display:grid;gap:14px}
.login-account-form .field{margin:0}
.login-account-form label{font-weight:850}
.login-password-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.login-password-label label{margin:0}
.login-password-label a{font-size:12px;font-weight:800;text-decoration:none}
.login-password-wrap{position:relative}
.login-password-wrap input{padding-right:48px}
.login-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:transparent;cursor:pointer}
.login-submit-btn{min-height:52px;border-radius:14px;font-size:17px;font-weight:900}
.login-register-zone{margin-top:22px;padding:16px;border:1px solid var(--border);border-radius:17px;background:#fafbfc}
.login-register-copy{text-align:center;margin-bottom:11px}
.login-register-copy b,.login-register-copy small{display:block}
.login-register-copy small{margin-top:4px;color:#667085}
.login-phone-register-btn{width:100%;min-height:50px;display:flex!important;align-items:center;justify-content:center;border-width:1.5px;font-weight:900}
.login-safe-note{margin:16px 0 0;text-align:center;color:#667085;font-size:12px;line-height:1.55}
.login-account-help{margin-top:16px;border-top:1px solid var(--border)}
.login-account-help>summary{cursor:pointer;list-style:none;padding:14px 2px 6px;text-align:center;color:#475467;font-size:13px;font-weight:850}
.login-account-help>summary::-webkit-details-marker{display:none}
.login-account-help>div{padding:6px 10px 0;color:#667085;font-size:12px;line-height:1.6}
.login-account-help p{margin:7px 0}
.login-secondary-links{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:13px;color:#98a2b3;font-size:12px}
.login-secondary-links a{color:#667085;text-decoration:none}
@media(max-width:640px){
  .login-shell-v247{padding:10px 8px 24px}
  .login-card-v247{padding:20px 16px;border-radius:20px}
  .login-welcome{margin-bottom:18px}
  .login-welcome h1{font-size:28px}
  .login-welcome p{font-size:14px}
  .login-provider-btn{min-height:52px;font-size:16px}
  .login-register-zone{margin-top:18px;padding:14px}
}

/* v11.250 帳號停權／封鎖狀態頁 */
.restricted-shell{max-width:680px;margin:0 auto;padding:28px 12px 44px}
.restricted-card{padding:28px;border-radius:24px;text-align:center}
.restricted-icon{font-size:54px;line-height:1;margin-bottom:10px}
.restricted-card h1{margin:4px 0 8px;font-size:30px}
.restricted-lead{margin:0 auto 20px;max-width:520px;color:#667085;line-height:1.65}
.restricted-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.restricted-info-grid>div{padding:14px;border-radius:15px;background:#f8fafc;border:1px solid #eef1f4}
.restricted-info-grid small,.restricted-info-grid strong{display:block}
.restricted-info-grid small{color:#667085;font-size:11px;margin-bottom:4px}
.restricted-reason{margin:14px 0;padding:16px;border-radius:15px;background:#fff7ed;border:1px solid #fed7aa;text-align:left}
.restricted-reason small{display:block;color:#9a3412;font-size:11px;font-weight:850}
.restricted-reason p{margin:6px 0 0;line-height:1.7}
.restricted-card .stack-actions{justify-content:center}
.restricted-foot{margin:18px 0 0;font-size:13px}
@media(max-width:640px){
  .restricted-shell{padding:12px 8px 30px}
  .restricted-card{padding:20px 15px;border-radius:20px}
  .restricted-card h1{font-size:25px}
  .restricted-info-grid{grid-template-columns:1fr}
  .restricted-card .stack-actions{display:grid}
}

/* v11.251 違規會員私人聯繫關閉 */
.restricted-contact-name{font-weight:900}
.restricted-contact-card{text-align:center;max-width:680px;margin:18px auto}
.restricted-contact-card>.btn:first-child{float:left}
.restricted-contact-icon{clear:both;padding-top:18px;font-size:48px}
.restricted-contact-card h1{font-size:25px;margin:8px 0 16px}
@media(max-width:640px){.restricted-contact-card h1{font-size:21px}.restricted-contact-card>.btn:first-child{float:none;display:flex}}

/* v11.257 主要 Email 選擇 */
.primary-email-options{display:grid;gap:10px;margin:14px 0}
.primary-email-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:15px;background:#fafbfc}
.primary-email-option>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;text-align:left}
.primary-email-option b{font-size:14px}.primary-email-option small{grid-column:2;color:#667085}
.primary-email-badge{grid-row:1/3;display:grid;place-items:center;min-width:38px;height:30px;padding:0 6px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;font-size:11px;font-weight:950}
.email-source-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.email-source-summary>div{padding:12px;border:1px solid var(--border);border-radius:13px;background:#fafbfc}
.email-source-summary small,.email-source-summary strong{display:block}.email-source-summary small{color:#667085;margin-bottom:3px}
@media(max-width:640px){.primary-email-option{align-items:stretch;flex-direction:column}.primary-email-option .btn{width:100%}.email-source-summary{grid-template-columns:1fr}}


/* ===== v11.259 首頁 Mobile First / Responsive Refresh ===== */
.home-v259{display:grid;gap:18px;padding-bottom:26px}
.home-v259 .card{margin:0}
.home-v259-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:28px;align-items:center;min-height:390px;padding:42px;
  border:1px solid #e7e9f0;border-radius:30px;
  background:
    radial-gradient(circle at 85% 15%,rgba(76,217,100,.17),transparent 28%),
    radial-gradient(circle at 10% 90%,rgba(91,134,229,.14),transparent 31%),
    linear-gradient(135deg,#fff 0%,#fafbff 55%,#f6fff8 100%);
  box-shadow:0 18px 55px rgba(15,23,42,.07);
}
.home-v259-hero:before,.home-v259-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px)}
.home-v259-hero:before{width:170px;height:170px;right:-60px;bottom:-70px;background:rgba(33,196,93,.08)}
.home-v259-hero:after{width:110px;height:110px;left:46%;top:-55px;background:rgba(91,134,229,.08)}
.home-v259-hero-copy{position:relative;z-index:2;max-width:670px}
.home-v259-eyebrow,.home-v259-kicker{display:inline-block;color:#667085;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.home-v259-hero h1{max-width:640px;margin:9px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.045em}
.home-v259-hero-copy>p{max-width:610px;margin:0;color:#475467;font-size:clamp(15px,1.7vw,19px);line-height:1.7}
.home-v259-primary-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;max-width:520px;margin-top:24px}
.home-v259-main-cta{display:flex!important;align-items:center;justify-content:center;min-height:54px;border-radius:16px;font-size:16px;font-weight:900}
.home-v259-online-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.home-v259-online-actions a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:999px;background:rgba(255,255,255,.78);color:#344054;text-decoration:none;font-size:13px;backdrop-filter:blur(8px);transition:.2s ease}
.home-v259-online-actions a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.08)}
.home-v259-hero-visual{position:relative;min-height:250px}
.home-v259-orb{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#fff,#f2fff5);border:1px solid #ddf4e3;box-shadow:0 18px 45px rgba(16,185,70,.12)}
.home-v259-orb span{font-size:56px}
.home-v259-float-card{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(229,231,235,.9);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(15,23,42,.09);backdrop-filter:blur(12px);font-size:13px}
.home-v259-float-card span{font-size:22px}.home-v259-float-a{left:0;top:20px}.home-v259-float-b{right:0;top:83px}.home-v259-float-c{left:14px;bottom:15px}
.home-v259-section{padding:26px;border-radius:24px}
.home-v259-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}
.home-v259-section-head h2{margin:4px 0 4px;font-size:clamp(22px,3vw,30px);letter-spacing:-.025em}
.home-v259-section-head p{margin:0;color:#667085;line-height:1.55}
.home-v259-section-head-action>a{flex:0 0 auto}
.home-v259-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-v259-quick-item{display:flex;align-items:center;gap:10px;min-width:0;padding:16px 14px;border:1px solid #e9ebef;border-radius:17px;background:#fff;color:#344054;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-v259-quick-item span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#f8fafc;font-size:22px}
.home-v259-quick-item b{font-size:13px;line-height:1.35}
.home-v259-quick-item:hover{transform:translateY(-3px);border-color:#d9dee8;box-shadow:0 12px 26px rgba(15,23,42,.07)}
.home-v259-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-v259-provider-card{min-width:0;padding:15px;border:1px solid #e8eaf0;border-radius:19px;background:linear-gradient(180deg,#fff,#fbfcfe);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.home-v259-provider-card:hover{transform:translateY(-4px);border-color:#d7dce6;box-shadow:0 14px 32px rgba(15,23,42,.08)}
.home-v259-provider-top{display:flex;align-items:center;gap:10px}
.home-v259-provider-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:18px;object-fit:cover;background:#f2f4f7}
.home-v259-provider-avatar-fallback{display:grid;place-items:center;font-size:20px;font-weight:900}
.home-v259-provider-name{min-width:0}.home-v259-provider-name b,.home-v259-provider-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-v259-provider-name b{font-size:15px}.home-v259-provider-name span{margin-top:3px;color:#667085;font-size:11px}
.home-v259-provider-stats{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}
.home-v259-provider-stats span{padding:5px 7px;border-radius:999px;background:#f5f7fa;color:#475467;font-size:10px;font-weight:800}
.home-v259-provider-card p{min-height:42px;margin:9px 0;color:#475467;font-size:12px;line-height:1.55}
.home-v259-provider-more{display:inline-block;margin-top:3px;color:#3157e8;font-size:11px;font-weight:850}
.home-v259-empty{grid-column:1/-1;padding:18px;text-align:center;color:#667085}
.home-v259-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:21px 24px;border:1px solid #d7f4df;border-radius:23px;background:linear-gradient(120deg,#f4fff7,#fff);box-shadow:0 10px 28px rgba(18,183,71,.06)}
.home-v259-line-badge{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#20c05c;color:#fff;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(32,192,92,.18)}
.home-v259-line h2{margin:3px 0;font-size:22px}.home-v259-line p{margin:0;color:#475467}.home-v259-line small{display:block;margin-top:3px;color:#667085}
.home-v259-first-use{background:linear-gradient(180deg,#fff,#fcfcff)}
.home-v259-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:18px 0}
.home-v259-steps>div{padding:14px 10px;border:1px solid #e8eaf0;border-radius:16px;background:#fff;text-align:center}
.home-v259-steps>div>span{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;background:#eef3ff;color:#3157e8;font-size:12px;font-weight:950}
.home-v259-steps b,.home-v259-steps small{display:block}.home-v259-steps b{font-size:13px}.home-v259-steps small{margin-top:3px;color:#667085;font-size:10px}
.home-v259-steps>i{color:#98a2b3;font-style:normal;font-weight:900}
.home-v259-info-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}
.home-v259-info-links a{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"icon title" "icon sub";column-gap:9px;padding:13px;border:1px solid #e8eaf0;border-radius:15px;background:#fff;color:inherit;text-decoration:none}
.home-v259-info-links a>span{grid-area:icon;font-size:22px}.home-v259-info-links b{grid-area:title;font-size:13px}.home-v259-info-links small{grid-area:sub;color:#667085;font-size:10px}
.home-v259-safety-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:13px 14px;border-radius:15px;background:#fff8ea;border:1px solid #f7e3b2}
.home-v259-safety-note span{font-size:18px}.home-v259-safety-note p{margin:0;color:#6d5310;font-size:12px;line-height:1.6}
.home-v259-footer-note{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px 24px;border-radius:22px;background:#f7f8fb;border:1px solid #eaecf0}
.home-v259-footer-note h2{margin:4px 0;font-size:20px}.home-v259-footer-note p{max-width:800px;margin:0;color:#667085;font-size:12px;line-height:1.65}
@media(max-width:1024px){
  .home-v259-hero{grid-template-columns:1fr .65fr;padding:34px;min-height:350px}
  .home-v259-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-v259-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-v259{gap:12px}
  .home-v259-hero{grid-template-columns:1fr;min-height:0;padding:27px 20px 22px;border-radius:24px}
  .home-v259-hero-copy{text-align:center;margin:0 auto}.home-v259-hero h1{font-size:clamp(32px,9vw,44px)}
  .home-v259-primary-actions{max-width:none}.home-v259-online-actions{justify-content:center}
  .home-v259-hero-visual{min-height:150px;margin-top:-4px}
  .home-v259-orb{width:100px;height:100px}.home-v259-orb span{font-size:40px}
  .home-v259-float-card{padding:8px 10px;border-radius:13px}.home-v259-float-card span{font-size:18px}.home-v259-float-a{left:3%;top:8px}.home-v259-float-b{right:3%;top:43px}.home-v259-float-c{left:20%;bottom:3px}
  .home-v259-section{padding:19px 15px;border-radius:20px}
  .home-v259-section-head{margin-bottom:13px}.home-v259-section-head-action{align-items:center}
  .home-v259-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-v259-quick-item{padding:12px 10px}.home-v259-quick-item span{width:34px;height:34px;flex-basis:34px;font-size:19px}
  .home-v259-provider-grid{display:flex;overflow-x:auto;gap:10px;margin:0 -15px;padding:2px 15px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .home-v259-provider-grid::-webkit-scrollbar{display:none}.home-v259-provider-card{flex:0 0 min(78vw,290px);scroll-snap-align:start}
  .home-v259-line{grid-template-columns:auto 1fr;gap:12px;padding:17px}.home-v259-line>a{grid-column:1/-1;width:100%;text-align:center}.home-v259-line h2{font-size:19px}.home-v259-line p{font-size:13px}
  .home-v259-steps{grid-template-columns:1fr 1fr;gap:8px}.home-v259-steps>i{display:none}
  .home-v259-info-links{grid-template-columns:1fr}
  .home-v259-footer-note{grid-template-columns:1fr;padding:18px}.home-v259-footer-note>a{width:100%;text-align:center}
}
@media(max-width:430px){
  .home-v259-hero{padding:24px 14px 18px}
  .home-v259-hero-copy>p{font-size:14px}
  .home-v259-primary-actions{grid-template-columns:1fr}
  .home-v259-main-cta{min-height:50px}
  .home-v259-online-actions a{flex:1;justify-content:center}
  .home-v259-hero-visual{min-height:135px}
  .home-v259-float-card b{font-size:11px}
  .home-v259-quick-item{gap:8px}.home-v259-quick-item b{font-size:12px}
  .home-v259-section-head-action{display:grid}.home-v259-section-head-action>a{width:100%;text-align:center}
  .home-v259-line-badge{width:50px;height:50px;border-radius:15px}
}
@media(min-width:1280px){
  .home-v259{gap:22px}
  .home-v259-hero{padding:50px 54px;min-height:420px}
  .home-v259-section{padding:30px}
  .home-v259-provider-card{padding:17px}
}
@media(prefers-reduced-motion:reduce){
  .home-v259 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* v11.261 出租人公開完整度 */
.provider-public-preview-warning{max-width:980px;margin:0 auto 12px}
.provider-public-preview-warning a{font-weight:850}


/* ===== v11.264 首頁手機版保底：UA + runtime viewport ===== */
/* 共用：首頁永遠不能造成橫向桌面寬度 */
.home-v259{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:clip;
}
.home-v259 *{min-width:0}
.home-v259 img{max-width:100%}

/* 手機 UA 或 runtime 寬度 <= 820 時，強制使用手機資訊架構。
   即使 WebView 回報錯誤 viewport / desktop CSS，也不再顯示雙欄桌面 Hero。 */
.home-v259.home-force-mobile,
.home-v259.home-runtime-mobile{
  gap:12px;
}
.home-v259.home-force-mobile .home-v259-hero,
.home-v259.home-runtime-mobile .home-v259-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  gap:10px!important;
  padding:26px 18px 20px!important;
  border-radius:24px!important;
}
.home-v259.home-force-mobile .home-v259-hero-copy,
.home-v259.home-runtime-mobile .home-v259-hero-copy{
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.home-v259.home-force-mobile .home-v259-hero h1,
.home-v259.home-runtime-mobile .home-v259-hero h1{
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(31px,9vw,44px)!important;
}
.home-v259.home-force-mobile .home-v259-hero-copy>p,
.home-v259.home-runtime-mobile .home-v259-hero-copy>p{
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:14px!important;
}
.home-v259.home-force-mobile .home-v259-primary-actions,
.home-v259.home-runtime-mobile .home-v259-primary-actions{
  width:100%!important;
  max-width:520px!important;
  margin:20px auto 0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.home-v259.home-force-mobile .home-v259-online-actions,
.home-v259.home-runtime-mobile .home-v259-online-actions{
  justify-content:center!important;
}
.home-v259.home-force-mobile .home-v259-hero-visual,
.home-v259.home-runtime-mobile .home-v259-hero-visual{
  width:100%!important;
  min-height:145px!important;
  margin-top:-2px!important;
}
.home-v259.home-force-mobile .home-v259-orb,
.home-v259.home-runtime-mobile .home-v259-orb{
  width:100px!important;height:100px!important;
}
.home-v259.home-force-mobile .home-v259-orb span,
.home-v259.home-runtime-mobile .home-v259-orb span{font-size:40px!important}

.home-v259.home-force-mobile .home-v259-section,
.home-v259.home-runtime-mobile .home-v259-section{
  width:100%!important;
  padding:19px 15px!important;
  border-radius:20px!important;
}
.home-v259.home-force-mobile .home-v259-quick-grid,
.home-v259.home-runtime-mobile .home-v259-quick-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.home-v259.home-force-mobile .home-v259-provider-grid,
.home-v259.home-runtime-mobile .home-v259-provider-grid{
  display:flex!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:10px!important;
  width:auto!important;
  max-width:none!important;
  margin:0 -15px!important;
  padding:2px 15px 10px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.home-v259.home-force-mobile .home-v259-provider-grid::-webkit-scrollbar,
.home-v259.home-runtime-mobile .home-v259-provider-grid::-webkit-scrollbar{display:none}
.home-v259.home-force-mobile .home-v259-provider-card,
.home-v259.home-runtime-mobile .home-v259-provider-card{
  flex:0 0 min(78vw,290px)!important;
  width:min(78vw,290px)!important;
  max-width:290px!important;
  scroll-snap-align:start;
}
.home-v259.home-force-mobile .home-v259-line,
.home-v259.home-runtime-mobile .home-v259-line{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:12px!important;
  padding:17px!important;
}
.home-v259.home-force-mobile .home-v259-line>a,
.home-v259.home-runtime-mobile .home-v259-line>a{
  grid-column:1/-1!important;
  width:100%!important;
}
.home-v259.home-force-mobile .home-v259-steps,
.home-v259.home-runtime-mobile .home-v259-steps{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.home-v259.home-force-mobile .home-v259-steps>i,
.home-v259.home-runtime-mobile .home-v259-steps>i{display:none!important}
.home-v259.home-force-mobile .home-v259-info-links,
.home-v259.home-runtime-mobile .home-v259-info-links{
  grid-template-columns:minmax(0,1fr)!important;
}
.home-v259.home-force-mobile .home-v259-footer-note,
.home-v259.home-runtime-mobile .home-v259-footer-note{
  grid-template-columns:minmax(0,1fr)!important;
  padding:18px!important;
}
.home-v259.home-force-mobile .home-v259-footer-note>a,
.home-v259.home-runtime-mobile .home-v259-footer-note>a{
  width:100%!important;
}

/* 小手機：主 CTA 一列一顆，避免 320~430px 擠壓。 */
.home-v259.home-runtime-compact .home-v259-primary-actions{
  grid-template-columns:minmax(0,1fr)!important;
}
.home-v259.home-runtime-compact .home-v259-online-actions a{
  flex:1 1 0!important;
  justify-content:center!important;
}
.home-v259.home-runtime-compact .home-v259-section-head-action{
  display:grid!important;
}
.home-v259.home-runtime-compact .home-v259-section-head-action>a{
  width:100%!important;
}

/* 手機 UA 即使 browser 謊報成 >820px，仍以合理手機寬度排版。
   不硬鎖 px 寬，只限制每一區 100%，所以橫屏也可正常伸展。 */
@supports (width:100dvw){
  .home-v259.home-force-mobile{
    max-width:100dvw!important;
  }
}


/* ===== v11.265 首頁直版優先 + 圖像穩定修正 ===== */
/* 原則：首頁以垂直閱讀為主，不用橫向卡片滑動。 */
.home-v259{
  width:100%;
  max-width:940px;
  margin:0 auto;
  overflow-x:hidden;
}
.home-v259-hero{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:0!important;
  gap:22px!important;
  padding:34px!important;
}
.home-v259-hero-copy{
  width:100%;
  max-width:720px;
  margin:0 auto;
  text-align:center;
}
.home-v259-hero h1{
  margin-left:auto;
  margin-right:auto;
}
.home-v259-hero-copy>p{
  margin-left:auto;
  margin-right:auto;
}
.home-v259-primary-actions{
  margin-left:auto;
  margin-right:auto;
}
.home-v259-online-actions{
  justify-content:center;
}

/* Hero 圖像/情境：完全取消 absolute 浮動，避免手機 WebView 位移。 */
.home-v259-hero-visual{
  position:relative!important;
  width:100%!important;
  max-width:640px!important;
  min-height:0!important;
  margin:0 auto!important;
  display:grid!important;
  gap:10px!important;
}
.home-v259-orb,
.home-v259-float-card{
  display:none!important;
}
.home-v265-moment-main{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid #dfe8e3;
  border-radius:20px;
  background:linear-gradient(135deg,#fff,#f5fff8);
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.home-v265-moment-main .home-v265-moment-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:15px;
  background:#eefbf2;
  font-size:26px;
}
.home-v265-moment-main b,
.home-v265-moment-main small{display:block;text-align:left}
.home-v265-moment-main b{font-size:15px}
.home-v265-moment-main small{margin-top:2px;color:#667085;font-size:11px}
.home-v265-moment-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.home-v265-moment{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:52px;
  padding:10px;
  border:1px solid #e8eaef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.04);
}
.home-v265-moment span{font-size:20px}
.home-v265-moment b{font-size:12px;white-space:nowrap}

/* 推薦出租人：桌面最多 2 欄，手機完全直向一張一張。 */
.home-v259-provider-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.home-v259-provider-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  scroll-snap-align:none!important;
  padding:16px!important;
}
.home-v259-provider-top{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
}
.home-v259-provider-avatar{
  display:block!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  aspect-ratio:1/1!important;
  border-radius:17px!important;
  object-fit:cover!important;
  object-position:center!important;
  overflow:hidden!important;
}
.home-v259-provider-avatar-fallback{
  display:grid!important;
  place-items:center!important;
}
.home-v259-provider-name{
  width:100%!important;
  min-width:0!important;
}
.home-v259-provider-card p{
  min-height:0!important;
  margin:10px 0!important;
}
.home-v265-provider-note{
  display:none;
  margin:-4px 0 12px;
  color:#667085;
  font-size:12px;
}

/* 快速情境維持整齊直向節奏。 */
.home-v259-quick-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.home-v259-quick-item{
  min-height:66px;
}

/* LINE、流程、底部都固定在正常文件流，不使用容易錯位的定位。 */
.home-v259-line,
.home-v259-first-use,
.home-v259-footer-note{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}

/* 手機 / UA 強制手機版：覆蓋 v11.264 的橫向滑動規則。 */
@media(max-width:820px){
  .home-v259,
  .home-v259.home-force-mobile,
  .home-v259.home-runtime-mobile{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    gap:12px!important;
  }
  .home-v259-hero,
  .home-v259.home-force-mobile .home-v259-hero,
  .home-v259.home-runtime-mobile .home-v259-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:15px!important;
    padding:24px 16px 18px!important;
  }
  .home-v259-hero-visual,
  .home-v259.home-force-mobile .home-v259-hero-visual,
  .home-v259.home-runtime-mobile .home-v259-hero-visual{
    min-height:0!important;
    margin:0 auto!important;
  }
  .home-v265-moment-list{
    grid-template-columns:1fr!important;
  }
  .home-v265-moment{
    justify-content:flex-start!important;
    padding-left:16px!important;
  }

  .home-v259-provider-grid,
  .home-v259.home-force-mobile .home-v259-provider-grid,
  .home-v259.home-runtime-mobile .home-v259-provider-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .home-v259-provider-card,
  .home-v259.home-force-mobile .home-v259-provider-card,
  .home-v259.home-runtime-mobile .home-v259-provider-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
  }
  .home-v265-provider-note{display:block}

  .home-v259-quick-grid,
  .home-v259.home-force-mobile .home-v259-quick-grid,
  .home-v259.home-runtime-mobile .home-v259-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .home-v259-section-head-action{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .home-v259-section-head-action>a{
    width:100%!important;
  }

  .home-v259-line,
  .home-v259.home-force-mobile .home-v259-line,
  .home-v259.home-runtime-mobile .home-v259-line{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  .home-v259-line>a,
  .home-v259.home-force-mobile .home-v259-line>a,
  .home-v259.home-runtime-mobile .home-v259-line>a{
    grid-column:1/-1!important;
  }

  .home-v259-steps,
  .home-v259.home-force-mobile .home-v259-steps,
  .home-v259.home-runtime-mobile .home-v259-steps{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  .home-v259-steps>i{display:none!important}
  .home-v259-steps>div{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-areas:"num title" "num sub"!important;
    text-align:left!important;
    align-items:center!important;
    column-gap:10px!important;
    padding:12px 14px!important;
  }
  .home-v259-steps>div>span{
    grid-area:num!important;
    margin:0!important;
  }
  .home-v259-steps>div>b{grid-area:title!important}
  .home-v259-steps>div>small{grid-area:sub!important}

  .home-v259-info-links{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .home-v259-footer-note{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:430px){
  .home-v259-primary-actions,
  .home-v259.home-runtime-compact .home-v259-primary-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .home-v259-quick-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .home-v259-quick-item{
    min-height:58px!important;
  }
}

/* 避免外部圖片載入前後造成版面跳動 */
.home-v259-provider-card img{
  contain:layout paint;
  background:#f2f4f7;
}


/* ===== v11.267 登入頁虛擬鍵盤穩定修正 =====
   登入頁 input 使用瀏覽器原生 keyboard viewport，不再套全站 keyboard-height padding/scroll。 */
.login-keyboard-stable{
  width:100%;
  min-width:0;
  scroll-anchor:none;
}
.login-keyboard-stable .login-account-form,
.login-keyboard-stable .field,
.login-keyboard-stable .login-password-wrap{
  min-width:0;
}
.login-keyboard-stable input[data-keyboard-managed="local"]{
  font-size:16px!important;
  transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
  scroll-margin:0!important;
  -webkit-user-select:text;
  user-select:text;
}
.login-keyboard-stable.login-native-keyboard-active{
  scroll-anchor:none;
}

/* visualViewport 開鍵盤期間禁止登入卡片本身產生 layout animation。
   這只影響 login.php，不碰聊天室或其他表單。 */
.login-keyboard-stable.login-native-keyboard-active,
.login-keyboard-stable.login-native-keyboard-active .login-card-v247,
.login-keyboard-stable.login-native-keyboard-active .login-welcome,
.login-keyboard-stable.login-native-keyboard-active .login-account-form{
  transition:none!important;
  animation:none!important;
}

/* 平板 / 手機鍵盤打開後保持登入卡左上定位穩定，不做 translate 或 sticky 補償。 */
@media(max-width:900px){
  .login-keyboard-stable{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .login-keyboard-stable .login-card-v247{
    transform:none!important;
  }
}


/* ===== v11.268 iPhone 登入／註冊鍵盤穩定修正 =====
   iOS Safari 會在每次輸入與候選字列變化時更新 visualViewport。
   這兩頁不使用 dvh / keyboard CSS 變數做版面補償，完全交給 Safari 原生 viewport。 */
html.ios-form-keyboard-stable{
  min-height:100%;
  scroll-padding-bottom:0!important;
}
html.ios-form-keyboard-stable body{
  min-height:100vh!important;
  padding-bottom:0!important;
}
html.ios-form-keyboard-stable main.wrap{
  transition:none!important;
  padding-bottom:22px!important;
}
html.ios-form-keyboard-stable body.keyboard-open main.wrap{
  padding-bottom:22px!important;
}
html.ios-form-keyboard-stable input,
html.ios-form-keyboard-stable select,
html.ios-form-keyboard-stable textarea{
  scroll-margin-bottom:0!important;
  font-size:16px!important;
}
html.ios-form-keyboard-stable body.input-focused input:focus,
html.ios-form-keyboard-stable body.input-focused select:focus,
html.ios-form-keyboard-stable body.input-focused textarea:focus{
  position:static!important;
  z-index:auto!important;
}
.login-keyboard-stable,
.register-keyboard-stable{
  contain:layout style;
}
.login-keyboard-stable input[data-keyboard-managed="local"],
.register-keyboard-stable input[data-keyboard-managed="local"],
.register-keyboard-stable select[data-keyboard-managed="local"]{
  transform:none!important;
  animation:none!important;
  scroll-margin:0!important;
}
.register-phone-availability{
  min-height:20px;
  line-height:20px;
}

/* iPhone 聚焦時禁止這兩張卡任何 transition，避免 Safari repaint 看起來像整頁閃一下。 */
html.ios-form-keyboard-stable .login-shell,
html.ios-form-keyboard-stable .login-card-v247,
html.ios-form-keyboard-stable .register-shell,
html.ios-form-keyboard-stable .field,
html.ios-form-keyboard-stable .grid{
  transition:none!important;
  animation:none!important;
}

/* v11.270 Push 裝置管理 */
.push-device-list{margin-top:16px}
.push-device-list h3{margin:0 0 10px}
.push-device-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #e7e9ef;border-radius:14px;background:#fff;margin-top:8px}
.push-device-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f5f7fa;font-size:21px}
.push-device-main{min-width:0}.push-device-main b,.push-device-main small{display:block}.push-device-main small{margin-top:2px;color:#667085;font-size:11px;line-height:1.45}
.push-current-badge{margin-left:6px;font-size:10px}
@media(max-width:640px){.push-device-row{grid-template-columns:38px minmax(0,1fr)}.push-device-row>.btn{grid-column:1/-1;width:100%}}


/* ==========================================================================
   v11.276 HOME — mobile-first, larger type, category-first discovery
   Inspired by modern service marketplaces: clear hero → categories → people → how it works.
   New namespace prevents older v259-v265 homepage rules from colliding.
   ========================================================================== */
.home-v276{
  --h276-green:#16884a;
  --h276-green-dark:#0f6f3b;
  --h276-green-soft:#eef9f2;
  --h276-ink:#162033;
  --h276-muted:#667085;
  --h276-line:#e5e9ef;
  --h276-card:#ffffff;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  gap:22px;
  color:var(--h276-ink);
  overflow-x:hidden;
}
.home-v276 *{box-sizing:border-box;min-width:0}
.home-v276 a{text-underline-offset:3px}
.home-v276-debug{font-size:13px;word-break:break-all}

.home-v276-eyebrow,
.home-v276-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--h276-green-dark);
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.035em;
}
.home-v276-eyebrow>span{font-size:9px}

.home-v276 h1,
.home-v276 h2,
.home-v276 p{margin-top:0}
.home-v276 h1{
  margin-bottom:16px;
  font-size:clamp(42px,5.3vw,66px);
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:950;
}
.home-v276 h2{
  margin:7px 0 8px;
  font-size:clamp(27px,3vw,36px);
  line-height:1.16;
  letter-spacing:-.03em;
  font-weight:950;
}
.home-v276 p{
  color:var(--h276-muted);
  font-size:16px;
  line-height:1.75;
}
.home-v276-mobile-break{display:none}

.home-v276-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:30px;
  align-items:center;
  padding:46px;
  border:1px solid #e2e8e5;
  border-radius:32px;
  background:
    radial-gradient(circle at 90% 5%,rgba(67,191,119,.16),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(244,188,93,.12),transparent 29%),
    linear-gradient(135deg,#ffffff 0%,#fbfefc 56%,#f4fbf6 100%);
  box-shadow:0 20px 60px rgba(17,37,25,.08);
}
.home-v276-hero-copy{max-width:680px}
.home-v276-lead{
  max-width:650px;
  margin-bottom:0!important;
  color:#475467!important;
  font-size:19px!important;
  line-height:1.7!important;
}
.home-v276-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:21px;
}
.home-v276-trust-row span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 11px;
  border:1px solid #dfe7e2;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  color:#344054;
  font-size:13px;
  font-weight:800;
}
.home-v276-main-actions{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:10px;
  max-width:590px;
  margin-top:24px;
}
.home-v276-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:17px;
  text-decoration:none!important;
  font-size:16px;
  line-height:1.25;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.home-v276-btn:hover{transform:translateY(-2px)}
.home-v276-btn-primary{
  background:var(--h276-green);
  color:#fff!important;
  box-shadow:0 11px 24px rgba(22,136,74,.18);
}
.home-v276-btn-primary:hover{background:var(--h276-green-dark)}
.home-v276-btn-secondary{
  border-color:#d8dee7;
  background:#fff;
  color:#253044!important;
}
.home-v276-btn-secondary:hover{border-color:#bfc8d4;box-shadow:0 9px 22px rgba(20,31,50,.07)}
.home-v276-online-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}
.home-v276-online-label{color:#667085;font-size:13px;font-weight:800}
.home-v276-online-row a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #e1e6ec;
  border-radius:999px;
  background:#fff;
  color:#344054;
  text-decoration:none;
  font-size:14px;
  font-weight:850;
}

.home-v276-hero-scene{
  display:grid;
  gap:11px;
  padding:18px;
  border:1px solid rgba(218,229,221,.9);
  border-radius:27px;
  background:rgba(255,255,255,.75);
  box-shadow:0 14px 40px rgba(28,54,35,.07);
  backdrop-filter:blur(8px);
}
.home-v276-scene-title{
  display:flex;
  align-items:center;
  gap:12px;
  padding:7px 4px 11px;
}
.home-v276-scene-title>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:15px;
  background:#f0faf3;
  font-size:25px;
}
.home-v276-scene-title b,
.home-v276-scene-title small{display:block}
.home-v276-scene-title b{font-size:17px}
.home-v276-scene-title small{margin-top:3px;color:#667085;font-size:13px}
.home-v276-scene-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.home-v276-scene-grid>div{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:"icon title" "icon sub";
  align-items:center;
  column-gap:9px;
  min-height:82px;
  padding:13px;
  border:1px solid #e6ebe8;
  border-radius:17px;
  background:#fff;
}
.home-v276-scene-grid span{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:13px;
  background:#f7f9fa;
  font-size:23px;
}
.home-v276-scene-grid b{grid-area:title;font-size:14px}
.home-v276-scene-grid small{grid-area:sub;color:#7a8494;font-size:11px;line-height:1.35}

.home-v276-block,
.home-v276-how{
  padding:30px;
  border:1px solid var(--h276-line);
  border-radius:26px;
  background:var(--h276-card);
}
.home-v276-heading{margin-bottom:20px}
.home-v276-heading>p,
.home-v276-heading-row p{margin:0!important}
.home-v276-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
}
.home-v276-link-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:9px 14px;
  border:1px solid #dce2e8;
  border-radius:14px;
  color:#344054;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}

.home-v276-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.home-v276-category{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:84px;
  padding:14px;
  border:1px solid #e4e8ed;
  border-radius:19px;
  background:linear-gradient(180deg,#fff,#fcfdfd);
  color:var(--h276-ink);
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.home-v276-category:hover{
  transform:translateY(-3px);
  border-color:#cfd8d2;
  box-shadow:0 12px 28px rgba(21,37,28,.07);
}
.home-v276-category-icon{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  flex:0 0 48px;
  border-radius:15px;
  background:var(--h276-green-soft);
  font-size:25px;
}
.home-v276-category-text b,
.home-v276-category-text small{display:block}
.home-v276-category-text b{font-size:16px;line-height:1.35}
.home-v276-category-text small{margin-top:4px;color:#7a8494;font-size:11px;font-weight:700}
.home-v276-more-row{margin-top:15px;text-align:center}
.home-v276-more-row a{color:#3a4960;font-size:14px;font-weight:850}

.home-v276-provider-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.home-v276-provider{
  display:block;
  padding:18px;
  border:1px solid #e3e7ed;
  border-radius:21px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.home-v276-provider:hover{
  transform:translateY(-3px);
  border-color:#ccd5df;
  box-shadow:0 13px 30px rgba(19,32,49,.075);
}
.home-v276-provider-main{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:13px;
}
.home-v276-avatar{
  display:block;
  width:68px;
  height:68px;
  border-radius:20px;
  object-fit:cover;
  object-position:center;
  background:#f2f4f7;
}
.home-v276-avatar-fallback{
  display:grid;
  place-items:center;
  font-size:24px;
  font-weight:950;
}
.home-v276-provider-info{min-width:0}
.home-v276-provider-name b,
.home-v276-provider-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-v276-provider-name b{font-size:18px}
.home-v276-provider-name span{margin-top:3px;color:#667085;font-size:13px}
.home-v276-provider-stats{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.home-v276-provider-stats span{
  padding:5px 8px;
  border-radius:999px;
  background:#f5f7fa;
  color:#4a5568;
  font-size:12px;
  font-weight:800;
}
.home-v276-provider>p{
  margin:13px 0 12px!important;
  color:#566274!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.home-v276-provider-go{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:11px;
  border-top:1px solid #eef0f3;
  color:#29485d;
  font-size:13px;
  font-weight:900;
}
.home-v276-provider-go b{font-size:17px}
.home-v276-empty{grid-column:1/-1;padding:25px;text-align:center;color:#667085}

.home-v276-how{
  background:linear-gradient(180deg,#fbfcfe,#fff);
}
.home-v276-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.home-v276-steps>div{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:17px;
  border:1px solid #e3e7ee;
  border-radius:19px;
  background:#fff;
}
.home-v276-step-no{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  flex:0 0 38px;
  border-radius:13px;
  background:var(--h276-green);
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.home-v276-steps b{display:block;font-size:17px}
.home-v276-steps p{
  margin:5px 0 0!important;
  font-size:14px!important;
  line-height:1.6!important;
}

.home-v276-line{
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:24px 28px;
  border:1px solid #d7eddf;
  border-radius:25px;
  background:linear-gradient(120deg,#f1fbf4,#fff);
}
.home-v276-line-icon{
  display:grid;
  place-items:center;
  width:68px;height:68px;
  border-radius:21px;
  background:#20c05c;
  color:#fff;
  font-size:14px;
  font-weight:950;
  box-shadow:0 11px 25px rgba(32,192,92,.18);
}
.home-v276-line h2{margin-bottom:4px}
.home-v276-line p{margin:0!important;font-size:15px!important}
.home-v276-line small{display:block;margin-top:4px;color:#667085;font-size:12px}
.home-v276-btn-line{background:#20c05c;color:#fff!important;min-width:150px}
.home-v276-btn-line:hover{background:#18a94e}

.home-v276-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.home-v276-info-grid>a{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:145px;
  padding:18px;
  border:1px solid #e3e7ed;
  border-radius:19px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.home-v276-info-grid>a>span{
  display:grid;
  place-items:center;
  width:43px;height:43px;
  flex:0 0 43px;
  border-radius:13px;
  background:#f6f8fa;
  font-size:22px;
}
.home-v276-info-grid b{display:block;font-size:17px}
.home-v276-info-grid p{margin:5px 0 0!important;font-size:14px!important;line-height:1.6!important}

.home-v276-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:32px;
  border:1px solid #dce7e0;
  border-radius:27px;
  background:
    radial-gradient(circle at 100% 0%,rgba(31,172,91,.14),transparent 28%),
    linear-gradient(135deg,#f7fcf8,#fff);
}
.home-v276-final-cta h2{margin-bottom:7px}
.home-v276-final-cta p{margin:0!important}
.home-v276-final-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}

.home-v276-platform-note{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 10px;
  padding:3px 12px 18px;
  color:#768094;
  font-size:12px;
  line-height:1.55;
  text-align:center;
}
.home-v276-platform-note b{color:#5c6677}
.home-v276-platform-note a{color:#4b596c;font-weight:850}

@media(max-width:980px){
  .home-v276-hero{grid-template-columns:minmax(0,1fr);padding:36px}
  .home-v276-hero-copy{max-width:760px;margin:0 auto;text-align:center}
  .home-v276-lead{margin-left:auto!important;margin-right:auto!important}
  .home-v276-trust-row,.home-v276-online-row{justify-content:center}
  .home-v276-main-actions{margin-left:auto;margin-right:auto}
  .home-v276-hero-scene{max-width:650px;margin:0 auto;width:100%}
  .home-v276-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-v276-line{grid-template-columns:60px minmax(0,1fr)}
  .home-v276-line-icon{width:60px;height:60px;border-radius:18px}
  .home-v276-line .home-v276-btn{grid-column:1/-1;width:100%}
  .home-v276-final-cta{grid-template-columns:minmax(0,1fr)}
  .home-v276-final-actions{justify-content:flex-start}
}
@media(max-width:720px){
  .home-v276,
  .home-v276.is-mobile{gap:14px}
  .home-v276-hero{
    padding:26px 17px 19px;
    border-radius:24px;
  }
  .home-v276 h1{
    margin-top:10px;
    font-size:clamp(34px,10vw,45px);
    line-height:1.08;
  }
  .home-v276-mobile-break{display:block}
  .home-v276-lead{
    font-size:17px!important;
    line-height:1.7!important;
  }
  .home-v276-trust-row{gap:6px}
  .home-v276-trust-row span{font-size:12px}
  .home-v276-main-actions{
    grid-template-columns:minmax(0,1fr);
    max-width:none;
    width:100%;
  }
  .home-v276-btn{min-height:52px;font-size:16px}
  .home-v276-online-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-v276-online-label{grid-column:1/-1}
  .home-v276-online-row a{justify-content:center}
  .home-v276-hero-scene{padding:13px;border-radius:20px}
  .home-v276-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-v276-scene-grid>div{grid-template-columns:38px minmax(0,1fr);min-height:74px;padding:11px}
  .home-v276-scene-grid span{width:38px;height:38px;font-size:20px}
  .home-v276-scene-grid b{font-size:13px}
  .home-v276-scene-grid small{display:none}

  .home-v276-block,
  .home-v276-how{padding:22px 16px;border-radius:22px}
  .home-v276 h2{font-size:28px}
  .home-v276-heading{margin-bottom:16px}
  .home-v276-heading>p,.home-v276-heading-row p{font-size:15px!important;line-height:1.6!important}
  .home-v276-heading-row{display:grid;align-items:stretch}
  .home-v276-link-btn{justify-content:center;width:100%;min-height:46px}
  .home-v276-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-v276-category{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;min-height:76px;padding:11px;border-radius:17px}
  .home-v276-category-icon{width:44px;height:44px;font-size:23px}
  .home-v276-category-text b{font-size:15px}
  .home-v276-category-text small{font-size:10px}

  .home-v276-provider-grid{grid-template-columns:minmax(0,1fr);gap:9px}
  .home-v276-provider{padding:16px;border-radius:19px}
  .home-v276-provider-main{grid-template-columns:64px minmax(0,1fr)}
  .home-v276-avatar{width:64px;height:64px;border-radius:18px}
  .home-v276-provider-name b{font-size:18px}
  .home-v276-provider-name span{font-size:13px}
  .home-v276-provider>p{font-size:14px!important}
  .home-v276-provider-stats span{font-size:11px}

  .home-v276-steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .home-v276-steps>div{padding:15px}
  .home-v276-steps b{font-size:17px}
  .home-v276-steps p{font-size:14px!important}

  .home-v276-line{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:19px 16px;border-radius:22px}
  .home-v276-line-icon{width:52px;height:52px;border-radius:16px;font-size:12px}
  .home-v276-line h2{font-size:24px}
  .home-v276-line p{font-size:14px!important}

  .home-v276-info-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .home-v276-info-grid>a{min-height:0;padding:15px}
  .home-v276-info-grid b{font-size:17px}
  .home-v276-info-grid p{font-size:14px!important}

  .home-v276-final-cta{padding:23px 17px;border-radius:23px}
  .home-v276-final-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
}
@media(max-width:390px){
  .home-v276-category-grid{grid-template-columns:minmax(0,1fr)}
  .home-v276-scene-grid{grid-template-columns:minmax(0,1fr)}
  .home-v276-trust-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .home-v276-trust-row span{justify-content:center}
}
@media(min-width:1280px){
  .home-v276{gap:25px}
  .home-v276-hero{padding:52px}
  .home-v276-block,.home-v276-how{padding:34px}
}
@media(prefers-reduced-motion:reduce){
  .home-v276 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}


/* ==========================================================================
   v11.277 HOME — remove duplicated service categories from Hero
   Hero now explains the flow; service categories appear only in the section below.
   ========================================================================== */
.home-v276-hero{
  min-height:0!important;
}
.home-v277-hero-flow{
  padding:20px!important;
}
.home-v277-flow-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:2px 2px 14px;
}
.home-v277-flow-head>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:15px;
  background:#eef9f2;
  font-size:25px;
}
.home-v277-flow-head b,
.home-v277-flow-head small{
  display:block;
}
.home-v277-flow-head b{
  font-size:18px;
  line-height:1.35;
}
.home-v277-flow-head small{
  margin-top:3px;
  color:#667085;
  font-size:13px;
}
.home-v277-flow-list{
  display:grid;
  gap:9px;
}
.home-v277-flow-list>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
  min-height:72px;
  padding:13px 14px;
  border:1px solid #e4e9e6;
  border-radius:17px;
  background:#fff;
}
.home-v277-flow-no{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#f0faf3;
  color:#16884a;
  font-size:16px;
  font-weight:950;
}
.home-v277-flow-list b,
.home-v277-flow-list small{
  display:block;
}
.home-v277-flow-list b{
  font-size:15px;
  line-height:1.35;
}
.home-v277-flow-list small{
  margin-top:3px;
  color:#748091;
  font-size:12px;
  line-height:1.45;
}

/* v11.277: first screen shorter and cleaner. */
.home-v276-hero{
  padding-top:38px!important;
  padding-bottom:38px!important;
}
.home-v276-hero-copy{
  align-self:center;
}
.home-v276-trust-row{
  margin-top:17px!important;
}
.home-v276-main-actions{
  margin-top:20px!important;
}
.home-v276-online-row{
  margin-top:12px!important;
}

/* Service categories are intentionally only shown in the dedicated block. */
.home-v276-scene-grid,
.home-v276-scene-title{
  display:none!important;
}

@media(max-width:980px){
  .home-v276-hero{
    padding-top:30px!important;
    padding-bottom:28px!important;
  }
  .home-v277-hero-flow{
    max-width:620px!important;
  }
}
@media(max-width:720px){
  .home-v276-hero{
    padding:23px 16px 17px!important;
  }
  .home-v276-hero-scene.home-v277-hero-flow{
    display:none!important;
  }
  .home-v276-trust-row{
    margin-top:15px!important;
  }
  .home-v276-main-actions{
    margin-top:18px!important;
  }
  .home-v276-discover{
    margin-top:0!important;
  }
}


/* ===== v11.278 線上語音／視訊獨立價格 ===== */
.online-price-card{
  margin-top:12px;
  padding:15px;
  border:1px solid #e2e7ed;
  border-radius:17px;
  background:#fff;
}
.online-price-card[hidden]{display:none!important}
.online-price-card-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.online-price-card-title>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:13px;
  background:#f1f7ff;
  font-size:22px;
}
.online-price-card-title b,
.online-price-card-title small{display:block}
.online-price-card-title b{font-size:15px}
.online-price-card-title small{margin-top:2px;color:#667085;font-size:11px}
@media(max-width:640px){
  .online-price-card{padding:13px}
  .online-price-card-title b{font-size:15px}
}


/* ===== v11.279 iPhone 私人邀請／評價文字輸入穩定修正 =====
   iOS Safari/WebKit 在每個字、候選字列更新時都可能觸發 visualViewport/resize。
   這些文字欄完全交給瀏覽器原生鍵盤，不做 scrollBy / body class / transform 補償。 */
.stable-text-entry[data-keyboard-managed="local"]{
  font-size:16px!important;
  line-height:1.55!important;
  transform:none!important;
  -webkit-transform:none!important;
  animation:none!important;
  scroll-margin:0!important;
  -webkit-overflow-scrolling:touch;
}

html.ios-stable-text-entry{
  min-height:100%;
  scroll-padding-bottom:0!important;
}
html.ios-stable-text-entry body{
  min-height:100vh!important;
}
html.ios-stable-text-entry main.wrap{
  transition:none!important;
}
html.ios-stable-text-entry .contact-request-form,
html.ios-stable-text-entry .provider-contact-form,
html.ios-stable-text-entry .review-form,
html.ios-stable-text-entry .card,
html.ios-stable-text-entry .field{
  animation:none!important;
}
html.ios-stable-text-entry .contact-request-form textarea:focus,
html.ios-stable-text-entry .provider-contact-form textarea:focus,
html.ios-stable-text-entry .review-form textarea:focus{
  position:static!important;
  z-index:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
}

/* 避免 iOS 輸入候選列高度變動時，textarea 自身 transition/repaint 看起來閃一下。 */
html.ios-stable-text-entry textarea.stable-text-entry{
  transition:border-color .14s ease,box-shadow .14s ease!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}


/* ===== v11.281 後台私人聯繫邀請檢視 ===== */
.admin-contact-request-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.admin-contact-intro{
  margin-top:14px;
  padding:14px;
  border:1px solid #e4e7ec;
  border-radius:14px;
  background:#fafbfc;
}
.admin-contact-intro p{
  margin:6px 0 0;
  white-space:normal;
  word-break:break-word;
}
.admin-contact-thread{
  margin-top:14px;
}
.admin-contact-thread>summary{
  cursor:pointer;
  font-weight:800;
}
.admin-contact-message{
  margin-top:10px;
  padding:12px;
  border:1px solid #edf0f3;
  border-radius:12px;
  background:#fff;
}
.admin-contact-message>span{
  margin-left:6px;
  font-size:12px;
}
.admin-contact-message p{
  margin:7px 0 0;
}
.admin-contact-message img{
  display:block;
  max-width:min(420px,100%);
  max-height:420px;
  object-fit:contain;
  border-radius:12px;
  border:1px solid #e5e7eb;
  margin-top:8px;
  background:#f8fafc;
}
@media(max-width:640px){
  .admin-contact-request-head{display:grid}
}


/* ===== v11.286 後台案件事件整合通知紀錄 ===== */
.admin-task-event-section + .admin-task-event-section{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid #e5e7eb;
}
.admin-task-event-row{
  display:grid;
  grid-template-columns:155px minmax(150px,.7fr) minmax(0,1.8fr);
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid #eef0f3;
}
.admin-task-event-row>span{
  color:#667085;
  font-size:12px;
}
.admin-task-event-row code{
  white-space:pre-wrap;
  word-break:break-word;
}
.admin-task-notification-table td{
  vertical-align:top;
}
.admin-task-notification-detail{
  min-width:240px;
  max-width:520px;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:12px;
}
@media(max-width:760px){
  .admin-task-event-row{
    grid-template-columns:minmax(0,1fr);
    gap:4px;
  }
}

/* ===== v11.289 案件加時／價格變更 ===== */
.task-amendment-section{border:1px solid #dce7e0;background:linear-gradient(180deg,#fbfefc,#fff)}
.task-amendment-app{padding:16px;border:1px solid #e3e8e5;border-radius:18px;background:#fff;margin-top:12px}
.task-amendment-current,.amendment-diff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.task-amendment-current>div,.amendment-diff-grid>div{padding:12px;border:1px solid #e7eaee;border-radius:14px;background:#fafbfc}.task-amendment-current small,.task-amendment-current b,.amendment-diff-grid small,.amendment-diff-grid b{display:block}.task-amendment-current small,.amendment-diff-grid small{color:#667085;font-size:11px}.task-amendment-current b,.amendment-diff-grid b{margin-top:3px;font-size:15px}.task-amendment-form{margin-top:12px}.task-amendment-form>summary{list-style:none;cursor:pointer}.task-amendment-form>summary::-webkit-details-marker{display:none}.task-amendment-form form{margin-top:12px;padding:14px;border:1px solid #e6e9ee;border-radius:15px;background:#fafbfc}.task-amendment-history{margin-top:12px;padding:14px;border:1px solid #e4e8ed;border-radius:15px}.task-amendment-history-head{display:flex;justify-content:space-between;gap:12px}.task-amendment-history-head small{color:#667085}.task-amendment-diff{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}.task-amendment-diff span{padding:6px 9px;border-radius:999px;background:#f4f6f8;font-size:12px}.task-amendment-diff .warn{background:#fff4e5;color:#9a4d00}.amendment-payment-card{max-width:760px;margin-left:auto;margin-right:auto}@media(max-width:680px){.task-amendment-current,.amendment-diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-amendment-history-head{display:grid}}@media(max-width:390px){.task-amendment-current,.amendment-diff-grid{grid-template-columns:minmax(0,1fr)}}


/* ===== v11.290 後台出租人案件收益管理 ===== */
.admin-earning-search{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:10px;
  align-items:end;
  margin-top:14px;
}
.admin-earning-card{border-left:4px solid #16884a}
.admin-earning-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-earning-head h2{margin-bottom:4px}
.admin-earning-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
.admin-earning-summary>div{
  padding:12px;
  border:1px solid #e5e8ed;
  border-radius:14px;
  background:#fafbfc;
}
.admin-earning-summary small,.admin-earning-summary b{display:block}
.admin-earning-summary small{color:#667085;font-size:11px}
.admin-earning-summary b{margin-top:3px;font-size:16px}
.admin-earning-edit{margin-top:14px}
.admin-earning-edit>summary{list-style:none;cursor:pointer}
.admin-earning-edit>summary::-webkit-details-marker{display:none}
.admin-earning-edit form{
  margin-top:12px;padding:14px;border:1px solid #e3e7ed;border-radius:15px;background:#fafbfc
}
.admin-earning-history{margin-top:14px}
.admin-earning-history-row{padding:11px 0;border-top:1px solid #eceff3}
.admin-earning-history-row p{margin:5px 0}
@media(max-width:850px){
 .admin-earning-search{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-earning-search>button{grid-column:1/-1}
 .admin-earning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 .admin-earning-search,.admin-earning-summary{grid-template-columns:minmax(0,1fr)}
 .admin-earning-head{display:grid}
}

/* ===== v11.291 案件變更表單語意優化 ===== */
.amendment-current-baseline{display:grid;gap:3px;margin:12px 0;padding:13px 14px;border:1px solid #dce6f2;border-radius:14px;background:#f7fbff}
.amendment-current-baseline span{color:#667085;font-size:11px;font-weight:800}
.amendment-current-baseline b{font-size:17px;color:#1f2a44}
.amendment-current-baseline small{color:#5f6b7a;line-height:1.5}
.amendment-live-summary{margin:10px 0 14px;padding:12px 14px;border:1px solid #dce9df;border-radius:14px;background:#f5fbf7}
.amendment-live-summary small,.amendment-live-summary b{display:block}
.amendment-live-summary small{color:#667085;font-size:11px}
.amendment-live-summary b{margin-top:4px;font-size:15px;color:#176b3a}
.task-amendment-form .field-help{display:block;margin-top:6px;line-height:1.55}


/* ===== v11.292 找出租人地區快選 ===== */
.provider-location-quick{
  margin-top:14px;
  padding:14px;
  border:1px solid #e3e8ed;
  border-radius:16px;
  background:#fbfcfd;
}
.provider-location-quick-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.provider-location-quick-head>div{display:grid;gap:3px}
.provider-location-quick-head b{font-size:15px}
.provider-location-quick-head small{color:#667085;line-height:1.45}
.provider-location-quick-head>a{font-size:12px;font-weight:800;white-space:nowrap}
.provider-location-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.provider-location-pills a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 11px;
  border:1px solid #dfe4ea;
  border-radius:999px;
  background:#fff;
  color:#344054;
  text-decoration:none!important;
  font-size:13px;
  font-weight:800;
}
.provider-location-pills a.active{
  border-color:#16884a;
  background:#eaf8ef;
  color:#126b3a;
}
.provider-district-row{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #e7ebef;
}
.provider-district-row>span{
  flex:0 0 auto;
  padding-top:8px;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.provider-meeting-point-tip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #d9e7f6;
  border-radius:15px;
  background:#f6faff;
}
.provider-meeting-point-tip>span{font-size:21px}
.provider-meeting-point-tip>div{display:grid;gap:3px}
.provider-meeting-point-tip b{font-size:14px}
.provider-meeting-point-tip small{color:#5f6d7d;line-height:1.55}
@media(max-width:640px){
  .provider-location-quick{padding:12px}
  .provider-location-quick-head{display:grid}
  .provider-location-pills{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .provider-location-pills::-webkit-scrollbar{display:none}
  .provider-location-pills a{flex:0 0 auto}
  .provider-district-row{display:grid}
}

/* ===== v11.292 私人對話／案件聊天室：依螢幕高度自適應並始終保持最新訊息 ===== */
.task-chat-messages,
.contact-messages{
  height:clamp(320px,58dvh,640px);
  max-height:none!important;
  scroll-behavior:auto!important;
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-padding-bottom:14px;
}
.task-chat-card,
.contact-chat-card{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.task-chat-card .task-chat-messages,
.contact-chat-card .contact-messages{
  flex:1 1 auto;
}
@media(max-width:700px){
  .task-chat-messages,
  .contact-messages{
    height:clamp(300px,60dvh,68dvh);
    min-height:300px!important;
  }
}
@media(max-width:430px){
  .task-chat-messages,
  .contact-messages{
    height:clamp(280px,58dvh,66dvh);
    min-height:280px!important;
  }
}
@supports(height:100dvh){
  @media(max-width:700px){
    body.task-chat-input-focused .task-chat-messages,
    body.contact-chat-input-focused .contact-messages{
      height:calc(100dvh - 250px);
      min-height:220px!important;
      max-height:calc(100dvh - 210px)!important;
    }
  }
}


/* ===== v11.293 地區快選：縣市複選、不顯示區域 ===== */
.provider-selected-counties{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
  padding:9px 11px;
  border-radius:12px;
  background:#eef8f2;
  color:#176b3a;
}
.provider-selected-counties span{
  font-size:11px;
  font-weight:800;
}
.provider-selected-counties b{
  font-size:13px;
}
.provider-location-pills a[aria-pressed="true"]{
  box-shadow:inset 0 0 0 1px rgba(22,136,74,.12);
}
.provider-advanced-location-note{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:9px 11px;
  border:1px dashed #d7dee7;
  border-radius:12px;
  color:#667085;
  font-size:12px;
  line-height:1.4;
}
@media(max-width:640px){
  .provider-selected-counties{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}


/* ===== v11.294 操作後回原位置＋聊天室智慧跟隨 ===== */
#provider-filters,#provider-results,#task-amendments,#contact-actions,[id^="earning-"]{scroll-margin-top:96px}
@media(max-width:700px){
 #provider-filters,#provider-results,#task-amendments,#contact-actions,[id^="earning-"]{scroll-margin-top:120px}
}
.task-chat-messages,.contact-messages{
  touch-action:pan-y;
  overscroll-behavior:contain;
  scroll-behavior:auto!important;
}


/* ===== v11.295 聊天室完整修正：可自由往上讀歷史 ===== */
.task-chat-card,.contact-chat-card{position:relative}
.task-chat-messages,.contact-messages{
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain;
  scroll-behavior:auto!important;
  pointer-events:auto!important;
}
.chat-jump-latest{
  position:absolute;
  right:18px;
  bottom:82px;
  z-index:20;
  min-height:36px;
  padding:7px 12px;
  border:1px solid #d8dee8;
  border-radius:999px;
  background:#fff;
  color:#344054;
  box-shadow:0 5px 18px rgba(15,23,42,.14);
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.chat-jump-latest[hidden]{display:none!important}
@media(max-width:700px){
  .chat-jump-latest{
    right:14px;
    bottom:78px;
  }
}


/* ===== v11.296 聊天訊息載入保底 ===== */
.contact-messages:empty::before,
.task-chat-messages:empty::before{
  content:"訊息載入中…";
  display:block;
  padding:18px 12px;
  text-align:center;
  color:#98a2b3;
  font-size:13px;
}


/* ===== v11.297 防止動態內容把整頁捲動位置帶走 ===== */
.task-chat-messages,
.contact-messages{
  overflow-anchor:none;
}
.chat-jump-latest{
  overflow-anchor:none;
}


/* ===== v11.298 聊天室穩定捲動最終架構 ===== */
.task-chat-messages,
.contact-messages{
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  position:relative;
}


/* ===== v11.304 後台案件變更手動付款 ===== */
.admin-amendment-manual-pay{min-width:230px}
.admin-amendment-manual-pay>summary{list-style:none;cursor:pointer}
.admin-amendment-manual-pay>summary::-webkit-details-marker{display:none}
.admin-amendment-manual-pay form{
  margin-top:10px;
  min-width:min(420px,80vw);
  padding:12px;
  border:1px solid #e1e6eb;
  border-radius:14px;
  background:#fff;
}
@media(max-width:760px){
  .admin-amendment-manual-pay form{min-width:280px}
}


/* ===== v11.306 後台流程修復 ===== */
.admin-flow-repair-card{border-left:4px solid #d97706}
.admin-app-repair-box{
  margin-top:10px;padding:12px;border:1px solid #e4e8ed;border-radius:14px;background:#fafbfc
}
.admin-app-repair-box form+form{margin-top:10px}


/* ===== v11.311 我的中心頂部 LINE 社群入口 ===== */
.dashboard-line-community{
  margin:0 0 14px;
}
.dashboard-line-community-link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:13px 15px;
  border:1px solid #b7e8c7;
  border-radius:18px;
  background:linear-gradient(135deg,#f3fff6 0%,#eaffef 100%);
  color:#173322;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(31,174,81,.08);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.dashboard-line-community-link:hover{
  transform:translateY(-1px);
  border-color:#75d895;
  box-shadow:0 12px 30px rgba(31,174,81,.13);
}
.dashboard-line-community-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:#06c755;
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:-.02em;
  box-shadow:0 5px 14px rgba(6,199,85,.24);
}
.dashboard-line-community-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.dashboard-line-community-copy b{
  font-size:16px;
  color:#12331d;
}
.dashboard-line-community-copy small{
  color:#52645a;
  line-height:1.5;
}
.dashboard-line-community-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  background:#06c755;
  color:#fff;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:640px){
  .dashboard-line-community{
    margin-bottom:11px;
  }
  .dashboard-line-community-link{
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    padding:12px;
    border-radius:16px;
  }
  .dashboard-line-community-icon{
    width:43px;
    height:43px;
    border-radius:13px;
  }
  .dashboard-line-community-copy b{
    font-size:15px;
  }
  .dashboard-line-community-copy small{
    font-size:12px;
  }
  .dashboard-line-community-action{
    grid-column:1 / -1;
    width:100%;
    min-height:42px;
  }
}


/* ===== v11.312 多人線上語音 ===== */
.voice-multi-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.voice-multi-pick{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;cursor:pointer}
.voice-multi-pick:has(input:checked){border-color:#16884a;background:#effaf3;box-shadow:0 0 0 2px rgba(22,136,74,.08)}
.voice-multi-pick.has-warning{border-color:#f0c98b}
.voice-multi-pick input{width:20px;height:20px;flex:0 0 auto}.voice-multi-pick span{display:grid;gap:3px}.voice-multi-pick small{color:#667085}
.voice-multi-select-summary,.voice-group-money-summary{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.voice-multi-select-summary span,.voice-group-money-summary>div{padding:9px 11px;border-radius:12px;background:#f7f9fc}
.voice-group-money-summary{display:grid;grid-template-columns:repeat(4,1fr)}.voice-group-money-summary>div{display:grid;gap:3px}.voice-group-money-summary small{color:#667085}.voice-group-money-summary b{font-size:18px}
.voice-group-payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-group-payment-row>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.voice-group-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.voice-group-member-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border:1px solid #e1e6ec;border-radius:14px;background:#fbfcfd}.voice-group-member-card>div{display:grid;gap:2px}.voice-group-member-card small{color:#667085}
.voice-room-members,.voice-chat-members{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px}.group-chat-sender{display:block!important;margin-bottom:3px!important;font-size:10px!important;font-weight:850!important;opacity:.7}
@media(max-width:700px){.voice-multi-picks,.voice-group-member-grid{grid-template-columns:1fr}.voice-group-money-summary{grid-template-columns:repeat(2,1fr)}.voice-group-payment-row{align-items:flex-start;flex-direction:column}.voice-group-payment-row>div:last-child{justify-content:flex-start}}


/* ===== v11.312-final 多人語音預算／群聊 ===== */
#voiceGroupBudgetPreview{margin-top:10px}
#voiceGroupBudgetPreview b{font-size:15px}
.voice-chat-members{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.group-chat-sender{display:block;margin-bottom:3px;font-size:10px;font-weight:800;opacity:.68}


/* ===== v11.313 多人語音：選滿才正式成立 ===== */
.voice-multi-select-card .notice.danger{
  border-color:#f1aaa5;
  background:#fff3f2;
}
.voice-multi-select-card #voiceMultiConfirm:disabled{
  opacity:.52;
  cursor:not-allowed;
}


/* ===== v11.319 RTC 權限前置檢查 ===== */
.rtc-permission-card{margin:0 0 14px;padding:13px 14px;border:1px solid #dfe5e2;border-radius:17px;background:#f8faf9}
.rtc-permission-card.is-ok{border-color:#9dddb5;background:#f1fff6}
.rtc-permission-card.is-error{border-color:#efb3ae;background:#fff5f4}
.rtc-permission-card.is-waiting{opacity:.82}
.rtc-permission-head{display:flex;align-items:flex-start;gap:11px}
.rtc-permission-head>span:last-child{display:grid;gap:3px}
.rtc-permission-head b{font-size:15px}
.rtc-permission-head small{color:#66756d;line-height:1.5}
.rtc-permission-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#e8efeb;font-size:21px}
.rtc-permission-card.is-ok .rtc-permission-icon{background:#dff7e8}
.rtc-permission-card.is-error .rtc-permission-icon{background:#ffe5e3}
.rtc-permission-actions{margin-top:10px}
.rtc-permission-actions .btn{min-height:42px}
@media(max-width:640px){.rtc-permission-actions .btn{width:100%}}


/* ===== v11.323 特定出租人推廣福利 ===== */
.provider-social-card{position:relative}
.provider-social-card.provider-promo-pinned{
  border-color:#e6c86d;
  box-shadow:0 10px 28px rgba(177,139,25,.10);
}
.provider-promo-badge{
  position:absolute;
  z-index:6;
  top:10px;
  left:10px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,248,216,.95);
  border:1px solid #e8cd75;
  color:#795e05;
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(6px);
}
.home-today-featured{
  background:linear-gradient(180deg,#fffdf4 0%,#fff 100%);
  border-color:#ead994;
}
.home-featured-provider{
  position:relative;
  border-color:#e6d27c!important;
  overflow:hidden;
}
.home-featured-badge{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff3b8;
  color:#725800;
  font-size:11px;
  font-weight:900;
}
.promo-benefit-options{
  display:grid;
  gap:8px;
  margin:12px 0;
}


/* ===== v11.324 私人聯繫／案件聊天室穩定捲動 ===== */
.chat-sync-hint{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:7px 10px;border-bottom:1px solid #edf0f3;background:#fafbfc;color:#667085;font-size:11px
}
.chat-sync-hint span{font-weight:850;color:#475467}
.chat-sync-hint small{font-size:10px;text-align:right}

.task-chat-card,.contact-chat-card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important;min-height:0!important
}
.task-chat-messages,.contact-messages{
  flex:1 1 auto!important;width:100%;
  height:min(58dvh,580px)!important;min-height:300px!important;max-height:min(58dvh,580px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;overflow-anchor:none!important;scroll-behavior:auto!important
}

/* 舊版 fixed composer 會在 LINE WebView / iPhone 鍵盤 resize 時造成整頁跳動，v11.324 全面停用。 */
.task-chat-composer,.contact-chat-composer,
.task-chat-composer.keyboard-pinned,.contact-chat-composer.keyboard-pinned{
  position:sticky!important;left:auto!important;right:auto!important;top:auto!important;bottom:0!important;
  width:100%!important;z-index:30!important;transform:none!important;
  flex:0 0 auto!important;margin:0!important;
  padding:9px 0 max(8px,env(safe-area-inset-bottom))!important;
  background:#fff!important;border-top:1px solid #edf0f3!important;
  box-shadow:0 -5px 18px rgba(15,23,42,.05)
}
.task-chat-composer-spacer,.contact-chat-composer-spacer,
.task-chat-composer-spacer.active,.contact-chat-composer-spacer.active{
  display:none!important;height:0!important
}
body.task-chat-input-focused,body.contact-chat-input-focused{padding-bottom:0!important}
body.task-chat-input-focused main.wrap,body.contact-chat-input-focused main.wrap{padding-bottom:22px!important}

.task-chat-card .chat-jump-latest,.contact-chat-card .chat-jump-latest{
  position:absolute!important;right:14px!important;bottom:86px!important;z-index:40!important
}
.task-chat-composer textarea,.contact-chat-composer textarea{
  font-size:16px!important;-webkit-text-size-adjust:100%!important;touch-action:manipulation
}

@media(max-width:700px){
  .task-chat-card,.contact-chat-card{max-height:calc(var(--saytalk-chat-vh,100dvh) - 112px)}
  .task-chat-messages,.contact-messages{
    height:clamp(240px,56dvh,560px)!important;
    max-height:calc(var(--saytalk-chat-vh,100dvh) - 235px)!important;
    min-height:220px!important
  }
  body.task-chat-input-focused .task-chat-messages,
  body.contact-chat-input-focused .contact-messages{
    height:calc(var(--saytalk-chat-vh,100dvh) - 245px)!important;
    max-height:calc(var(--saytalk-chat-vh,100dvh) - 225px)!important;
    min-height:210px!important
  }
  .chat-sync-hint{align-items:flex-start;flex-direction:column;gap:2px}
  .chat-sync-hint small{text-align:left}
  .task-chat-card .chat-jump-latest,.contact-chat-card .chat-jump-latest{bottom:88px!important}
}


/* ===== v11.325 私人聯繫：站外聯絡方式系統提醒 ===== */
.contact-msg.system-safety{
  width:min(92%,680px)!important;
  max-width:680px!important;
  margin:10px auto!important;
  padding:11px 13px!important;
  border:1px solid #f0c36a!important;
  border-radius:14px!important;
  background:#fff9e9!important;
  color:#624a12!important;
  box-shadow:none!important;
  text-align:left!important;
}
.contact-msg.system-safety>b{
  display:block!important;
  margin-bottom:5px!important;
  color:#8a5c00!important;
  font-size:12px!important;
}
.contact-msg.system-safety>div{
  font-size:12px!important;
  line-height:1.65!important;
  white-space:normal!important;
}
.contact-msg.system-safety>small{
  display:block!important;
  margin-top:6px!important;
  color:#9a8250!important;
  font-size:10px!important;
}
@media(max-width:640px){
  .contact-msg.system-safety{
    width:96%!important;
    padding:10px 11px!important;
  }
}


/* ===== v11.328 推廣來源專用新手落地頁 ===== */
.ref-landing{max-width:1080px;margin:0 auto 34px}
.ref-hero{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:28px;align-items:center;padding:34px 30px;
  border:1px solid #e4e9ef;border-radius:28px;
  background:linear-gradient(145deg,#f7f9ff 0%,#fff 54%,#f2fbf5 100%);
  overflow:hidden
}
.ref-kicker,.ref-section-head small{
  display:inline-block;color:#3157e8;font-size:12px;font-weight:900;letter-spacing:.04em
}
.ref-hero h1{margin:8px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.035em;color:#1f2937}
.ref-hero-copy>p{max-width:680px;margin:0;color:#596579;font-size:16px;line-height:1.75}
.ref-role-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
.ref-role-btn{
  display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
  gap:1px 10px;align-items:center;padding:15px;border:1px solid #dce3ee;border-radius:18px;
  background:#fff;color:#27364a;text-decoration:none!important;box-shadow:0 6px 18px rgba(30,45,70,.05)
}
.ref-role-btn>span{grid-row:1/3;font-size:27px}.ref-role-btn b{font-size:16px}.ref-role-btn small{color:#778397}
.ref-role-client:hover{border-color:#90a7f5;background:#f7f9ff}.ref-role-provider:hover{border-color:#8bd5a7;background:#f5fff8}
.ref-hero-browse{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;color:#7a8596;font-size:12px}
.ref-hero-browse a{font-weight:850;color:#3157e8;text-decoration:none}
.ref-phone-card{
  position:relative;margin:auto;width:min(100%,330px);padding:18px;border:8px solid #252b35;border-radius:34px;
  background:#fff;box-shadow:0 20px 50px rgba(28,38,55,.17);transform:rotate(2deg)
}
.ref-phone-logo{display:block;margin-bottom:15px;font-weight:950;font-size:18px;color:#3157e8}
.ref-mini-card{display:grid;gap:5px;margin:9px 0;padding:12px;border:1px solid #e5e9ef;border-radius:14px;background:#fafbfc}
.ref-mini-card b{font-size:13px}.ref-mini-card small{color:#778397;font-size:10px;line-height:1.4}
.ref-quick-types{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:16px 10px}
.ref-quick-types span{padding:7px 11px;border-radius:999px;background:#f3f5f8;color:#596579;font-size:12px;font-weight:750}
.ref-flow-section,.ref-browse-section,.ref-feature-section,.ref-final-cta{
  margin-top:16px;padding:26px;border:1px solid #e5e9ef;border-radius:24px;background:#fff
}
.ref-provider-section{background:linear-gradient(180deg,#f8fff9,#fff)}
.ref-section-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ref-section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:#f0f3ff;font-size:24px}
.ref-section-head h2{margin:3px 0 0;font-size:25px;letter-spacing:-.02em}
.ref-section-head-center{justify-content:center;text-align:center}
.ref-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ref-step-grid article{display:flex;gap:10px;padding:15px;border:1px solid #e7eaf0;border-radius:16px;background:#fcfcfd}
.ref-step-grid i{
  display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;
  border-radius:50%;background:#3157e8;color:#fff;font-style:normal;font-size:13px;font-weight:950
}
.ref-provider-section .ref-step-grid i{background:#16884a}
.ref-step-grid b{font-size:14px}.ref-step-grid p{margin:5px 0 0;color:#697586;font-size:12px;line-height:1.6}
.ref-main-cta{display:flex!important;align-items:center;justify-content:center;width:min(100%,420px);min-height:50px;margin:18px auto 0;font-size:16px}
.ref-cta-help{max-width:650px;margin:9px auto 0;color:#7a8596;font-size:11px;line-height:1.55;text-align:center}
.ref-browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ref-browse-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;
  border:1px solid #e3e8ef;border-radius:17px;color:#27364a;text-decoration:none!important;background:#fafbfc
}
.ref-browse-card>span{font-size:26px}.ref-browse-card div{display:grid;gap:3px}.ref-browse-card small{color:#778397}.ref-browse-card strong{font-size:21px;color:#3157e8}
.ref-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ref-feature-grid article{padding:16px;border:1px solid #e6eaf0;border-radius:16px;background:#fff}
.ref-feature-grid article>span{font-size:25px}.ref-feature-grid b{display:block;margin-top:8px;font-size:14px}.ref-feature-grid p{margin:6px 0 0;color:#697586;font-size:12px;line-height:1.6}
.ref-position-note{margin-top:12px;padding:13px 15px;border-radius:14px;background:#f8f9fb;color:#596579}
.ref-position-note b{color:#344054}.ref-position-note p{margin:4px 0 0;font-size:12px;line-height:1.65}
.ref-final-cta{text-align:center;background:linear-gradient(145deg,#f3f6ff,#f5fff8)}
.ref-final-cta>span{color:#3157e8;font-size:12px;font-weight:900}.ref-final-cta h2{margin:6px 0 15px;font-size:25px}
.ref-final-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.ref-final-actions .btn{min-width:190px}
.ref-final-cta>small{display:block;margin-top:10px;color:#7a8596}

@media(max-width:760px){
  .ref-landing{margin:-4px -2px 24px}
  .ref-hero{display:block;padding:22px 15px;border-radius:22px}
  .ref-hero h1{font-size:36px}
  .ref-hero-copy>p{font-size:14px;line-height:1.65}
  .ref-role-actions{grid-template-columns:1fr;gap:8px}
  .ref-role-btn{padding:13px}
  .ref-hero-visual{display:none}
  .ref-hero-browse{display:grid;grid-template-columns:1fr 1fr}
  .ref-hero-browse span{grid-column:1/-1}
  .ref-hero-browse a{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #dfe5ee;border-radius:12px;background:#fff}
  .ref-quick-types{justify-content:flex-start;padding-left:4px;padding-right:4px}
  .ref-flow-section,.ref-browse-section,.ref-feature-section,.ref-final-cta{padding:18px 14px;border-radius:20px}
  .ref-section-head h2{font-size:21px}
  .ref-step-grid{grid-template-columns:1fr}
  .ref-step-grid article{padding:13px}
  .ref-browse-grid,.ref-feature-grid{grid-template-columns:1fr}
  .ref-feature-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px}
  .ref-feature-grid article>span{grid-row:1/3}.ref-feature-grid b{margin:0}.ref-feature-grid p{margin-top:4px}
  .ref-final-cta h2{font-size:21px}
  .ref-final-actions{display:grid}.ref-final-actions .btn{width:100%;min-width:0}
}


/* ===== v11.329 委託單編輯入口 ===== */
.task-owner-management-card{position:relative;z-index:1}
.task-edit-launch-form{display:inline-flex;margin:0!important;position:relative;z-index:3}
.task-edit-launch-btn{position:relative;z-index:4;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(49,87,213,.12)}
.task-edit-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.task-edit-page-head h1{margin-top:0}
@media(max-width:640px){
  .task-edit-launch-form{display:block;width:100%}
  .task-edit-launch-btn{width:100%}
  .task-edit-page-head{display:grid}
  .task-edit-page-head .btn{width:100%}
}


/* ===== v11.330 免費塔羅 ===== */
.tarot-page{max-width:980px;margin:0 auto 36px}
.tarot-hero{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:24px;align-items:center;
  padding:30px;border-radius:28px;border:1px solid #d9d4e8;
  background:radial-gradient(circle at 85% 10%,rgba(186,149,255,.24),transparent 28%),linear-gradient(145deg,#17162a,#2c2240 60%,#3a2751);
  color:#fff;overflow:hidden
}
.tarot-kicker{display:inline-block;color:#bea8ff;font-size:12px;font-weight:950;letter-spacing:.05em}
.tarot-hero h1{margin:8px 0 12px;font-size:clamp(34px,5vw,55px);line-height:1.08;letter-spacing:-.035em}
.tarot-hero-copy>p{margin:0;color:#ddd6ed;line-height:1.75}
.tarot-hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.tarot-hero-chips span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px}
.tarot-hero-deck{position:relative;height:280px}
.tarot-hero-deck img{position:absolute;width:140px;border-radius:14px;box-shadow:0 18px 35px rgba(0,0,0,.28)}
.tarot-hero-deck img:nth-child(1){left:18px;top:18px;transform:rotate(-12deg)}
.tarot-hero-deck img:nth-child(2){left:70px;top:0;transform:rotate(1deg)}
.tarot-hero-deck img:nth-child(3){left:120px;top:24px;transform:rotate(12deg)}
.tarot-disclaimer{margin-top:12px}
.tarot-login-card{text-align:center;padding:32px}.tarot-big-icon{font-size:50px}
.tarot-login-card p{max-width:620px;margin:8px auto 18px;color:var(--muted)}
.tarot-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.tarot-category{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;padding:16px;border:2px solid var(--border);border-radius:18px;background:#fff;cursor:pointer}
.tarot-category input{position:absolute;opacity:0;pointer-events:none}
.tarot-category>span{grid-row:1/3;font-size:28px}.tarot-category b{font-size:17px}.tarot-category small{color:var(--muted);font-weight:500}
.tarot-category:has(input:checked){border-color:#7654c7;background:#f8f5ff;box-shadow:0 0 0 3px rgba(118,84,199,.08)}
.tarot-confirm{margin-top:12px;padding:12px;border:1px solid #e1d9ef;border-radius:14px;background:#fbf9ff}
.tarot-draw-button{width:100%;margin-top:14px;min-height:54px;background:linear-gradient(135deg,#5d3cad,#8d62d8)}
.tarot-reading-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tarot-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.tarot-status.pending{background:#fff5d9;color:#7a5a00}.tarot-status.done{background:#eaf9ef;color:#16713c}
.tarot-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}
.tarot-card-item{
  appearance:none;border:0;background:transparent;padding:0;min-width:0;text-align:center;cursor:pointer;
  animation:tarotReveal .48s ease both;animation-delay:var(--delay)
}
@keyframes tarotReveal{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}
.tarot-card-image-wrap{display:block;position:relative;aspect-ratio:320/560;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px rgba(26,21,48,.16);background:#211a35}
.tarot-card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.tarot-card-image-wrap img.is-reversed{transform:rotate(180deg)}
.tarot-card-position{display:block;margin-top:7px;color:#8b7ba6;font-size:10px}
.tarot-card-item>b{display:block;margin-top:2px;color:#302a3e;font-size:12px}
.tarot-card-item>small{display:block;margin-top:2px;font-size:10px;font-weight:900}
.tarot-card-item>small.upright{color:#2c8a55}.tarot-card-item>small.reversed{color:#a45a45}
.tarot-waiting{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:16px;background:#f8f5ff;border:1px solid #e6ddf4}
.tarot-waiting>span{font-size:27px}.tarot-waiting b{font-size:15px}.tarot-waiting p{margin:5px 0 0;color:#6d6479;font-size:12px;line-height:1.6}
.tarot-interpretation{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fbf9ff,#fff);border:1px solid #dfd7ee}
.tarot-interpretation-text{margin:10px 0;line-height:1.85;color:#342f3e}
.tarot-interpretation>small{color:#8b8294}
.tarot-zoom{position:fixed;inset:0;z-index:100500;background:rgba(10,9,18,.82);display:flex;align-items:center;justify-content:center;padding:24px}
.tarot-zoom[hidden]{display:none!important}
.tarot-zoom-inner{display:grid;gap:10px;text-align:center;color:#fff}
.tarot-zoom-inner img{width:min(70vw,330px);max-height:76vh;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.45)}
.tarot-zoom-inner img.is-reversed{transform:rotate(180deg)}
.tarot-zoom-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#222;font-size:28px;cursor:pointer}
.admin-tarot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-tarot-head>div{display:grid;gap:3px}.admin-tarot-head small{color:var(--muted)}
.admin-tarot-cards{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:9px;margin:14px 0}
.admin-tarot-cards>div{text-align:center}.admin-tarot-cards b,.admin-tarot-cards small{display:block;font-size:11px}
.dashboard-tarot-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;
  padding:15px 17px;border:1px solid #ded7ed;border-radius:18px;
  background:linear-gradient(135deg,#faf8ff,#f6f2ff);color:#302a3e;text-decoration:none!important
}
.dashboard-tarot-orb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:#ece3ff;font-size:25px}
.dashboard-tarot-card small,.dashboard-tarot-card b,.dashboard-tarot-card em{display:block}
.dashboard-tarot-card small{color:#7654c7;font-size:10px;font-weight:900}.dashboard-tarot-card b{font-size:16px}.dashboard-tarot-card em{margin-top:3px;color:#726b7d;font-size:11px;font-style:normal}
.dashboard-tarot-card strong{color:#7654c7;font-size:12px}
.home-tarot-promo{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;
  background:radial-gradient(circle at 90% 10%,rgba(145,102,210,.15),transparent 30%),linear-gradient(135deg,#fff,#faf7ff)
}
.home-tarot-copy h2{margin:5px 0 7px}.home-tarot-copy p{max-width:700px;color:#667085}
.home-tarot-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.home-tarot-tags span{padding:6px 9px;border-radius:999px;background:#f0eaff;color:#6749a8;font-size:11px;font-weight:800}
.home-tarot-action{display:grid;justify-items:center;gap:10px}.home-tarot-action img{width:92px;border-radius:10px;box-shadow:0 10px 24px rgba(50,35,80,.15)}.home-tarot-action .home-v276-btn{white-space:nowrap}

@media(max-width:760px){
  .tarot-hero{grid-template-columns:1fr;padding:22px 16px}.tarot-hero-deck{display:none}
  .tarot-category-grid{grid-template-columns:1fr}
  .tarot-reading-head{display:grid}
  .tarot-card-grid{grid-template-columns:repeat(5,minmax(112px,1fr));overflow-x:auto;padding-bottom:7px;-webkit-overflow-scrolling:touch}
  .tarot-card-item{width:112px}
  .admin-tarot-cards{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}
  .home-tarot-promo{grid-template-columns:1fr}.home-tarot-action{grid-template-columns:auto 1fr;justify-items:stretch;align-items:center}.home-tarot-action img{width:72px}.home-tarot-action .home-v276-btn{width:100%}
}


/* ===== v11.332 後台會員私人聯繫紀錄 ===== */
.admin-member-contact-summary .chips{margin-top:8px}
.admin-member-contact-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:12px 0;
  border-top:1px solid #edf0f3;
}
.admin-member-contact-row:first-of-type{margin-top:10px}
.admin-member-contact-row small{display:block;margin-top:3px;color:#7a8596}
.admin-member-contact-intro{
  margin-top:7px;
  padding:8px 10px;
  border-radius:10px;
  background:#f7f8fa;
  color:#5f6978;
  font-size:12px;
  line-height:1.55;
}
.admin-member-contact-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
  flex:0 0 auto;
}
@media(max-width:720px){
  .admin-member-contact-row{display:grid}
  .admin-member-contact-actions{justify-content:flex-start}
  .admin-member-contact-actions .btn{width:auto}
}

/* ===== v11.334 線下案件臨近時間付款確認 ===== */
.near-time-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.near-time-confirm-person{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e5e7eb;border-radius:14px;background:#fafafa}
.near-time-confirm-person>span{font-size:24px}.near-time-confirm-person>div{display:grid;gap:2px}
.near-time-confirm-person small{color:#7a8492}.near-time-confirm-person.done{border-color:#b9e2c8;background:#f0fbf4}
.near-time-payment-gate{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:620px){.near-time-confirm-grid{grid-template-columns:1fr}}


/* ===== v11.336 私人聯繫正式委託進度 ===== */
.contact-formal-progress{
  margin:14px 0;
  padding:12px;
  border:1px solid #e4e8ef;
  border-radius:16px;
  background:#fafbfc;
}
.contact-formal-progress-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:8px;
}
.contact-formal-progress-head>b{font-size:14px}
.contact-formal-progress-head>small{color:#778397;font-size:10px;text-align:right}
.contact-formal-progress .notice{margin:0}
@media(max-width:640px){
  .contact-formal-progress-head{display:grid}
  .contact-formal-progress-head>small{text-align:left}
}


/* ===== v11.338 私人聯繫雙向正式委託關聯 ===== */
.contact-related-cases{
  margin:10px 0 14px;
  padding:11px;
  border:1px solid #e5e9ef;
  border-radius:14px;
  background:#fff;
}
.contact-related-cases>b{display:block;margin-bottom:7px;font-size:12px}
.contact-related-cases>a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px 4px;
  border-top:1px solid #f0f2f5;
  color:inherit;
  text-decoration:none!important;
}
.contact-related-cases>a:first-of-type{border-top:0}
.contact-related-cases>a>span{font-size:10px;white-space:nowrap}
.contact-related-cases>a>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-related-cases>a>small{font-size:10px;color:#7b8492;white-space:nowrap}
.admin-member-contact-case-state{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:7px;
  font-size:11px;
}
.admin-member-contact-case-state a{font-weight:800}
@media(max-width:640px){
  .contact-related-cases>a{grid-template-columns:1fr}
  .contact-related-cases>a>b{white-space:normal}
}


/* ===== v11.342 頂部導覽：手機永遠保留「我的中心」 ===== */
.topnav-inner{
  display:flex;
  align-items:center;
  gap:12px;
}
.topnav-primary,
.topnav-account{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.topnav-primary{flex:1 1 auto}
.topnav-account{flex:0 0 auto;margin-left:auto}
.mobile-nav-more{display:none}
.topnav-dashboard{white-space:nowrap}
.topnav-notification{position:relative;white-space:nowrap}
.topnav-more{position:relative}
.topnav-more summary{
  list-style:none;
  cursor:pointer;
  padding:7px 9px;
  border-radius:10px;
  color:#2d3748;
  font-weight:800;
  white-space:nowrap;
  user-select:none;
}
.topnav-more summary::-webkit-details-marker{display:none}
.topnav-more[open] summary{background:#f1f5f9}
.topnav-more-menu{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:1000;
  width:220px;
  padding:7px;
  border:1px solid var(--border,#e5e7eb);
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 42px rgba(15,23,42,.16);
}
.topnav-more-menu a{
  display:block;
  padding:10px 11px !important;
  border-radius:10px;
  font-size:14px !important;
}
.topnav-more-menu a:hover{background:#f6f8fb}
.topnav-more-label{padding:5px 11px 3px;color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.04em}
.topnav-more-divider{height:1px;background:#eef1f5;margin:5px 6px}
.topnav-more-menu a.topnav-more-logout{color:#b42318}

@media(max-width:820px){
  /* 舊版是整條導覽橫向捲動，會把右側「我的中心」推到畫面外。
     新版改成左右兩區，右側帳號操作固定可見。 */
  .topnav .wrap.topnav-inner{
    overflow:visible;
    white-space:normal;
    width:100%;
    padding:8px 10px;
  }
  .topnav-primary{
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    white-space:nowrap;
  }
  .topnav-primary::-webkit-scrollbar{display:none}
  .topnav-account{
    position:relative;
    flex:0 0 auto;
    background:#fff;
    padding-left:4px;
  }
  .desktop-nav-extra{display:none !important}
  .mobile-nav-more{display:block}
  .topnav-dashboard{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:7px 9px !important;
    font-size:13px !important;
    border:1px solid #e4e8ef;
    background:#fff;
  }
  .topnav-notification{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    min-width:38px;
    height:36px;
    padding:0 !important;
    font-size:17px !important;
  }
}

@media(max-width:560px){
  .topnav-primary{gap:1px}
  .topnav-primary b a{font-size:15px !important;padding:7px 6px !important}
  .topnav-primary>a{font-size:12px !important;padding:7px 6px !important}
  .topnav-account{gap:2px}
  .topnav-dashboard{font-size:12px !important;padding:7px 7px !important}
  .topnav-more summary{font-size:12px;padding:7px 6px}
  .topnav-notification{width:34px;min-width:34px}
}

@media(max-width:430px){
  /* 超窄手機優先保留品牌、找委託、通知、我的中心、更多。
     找出租人仍在左側可橫滑取得，不會擠掉我的中心。 */
  .topnav-primary{max-width:46vw}
  .topnav-account{max-width:54vw}
  .topnav-dashboard{max-width:70px}
}


/* ===== v11.344 新委託通知 opt-in 導覽 ===== */
.dashboard-new-task-intro{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin-top:14px;
  border:1px solid #cfe0ff;
  background:linear-gradient(135deg,#f5f9ff,#fff);
}
.dashboard-new-task-intro-icon{
  display:grid;place-items:center;
  width:54px;height:54px;border-radius:17px;
  background:#e9f1ff;font-size:27px;
}
.dashboard-new-task-intro-copy h2{margin:2px 0 6px;font-size:20px}
.dashboard-new-task-intro-copy p{margin:0;color:#4d5a6d;line-height:1.6}
.dashboard-new-task-intro-copy small{display:block;margin-top:5px;color:#7a8492}
.dashboard-new-task-intro-actions{display:flex;align-items:center;gap:8px}
.dashboard-new-task-intro-actions form{margin:0}
.dashboard-new-task-compact{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin-bottom:10px;
  padding:12px 14px;
  border:1px solid #d8e3f7;
  border-radius:15px;
  background:#f8fbff;
  color:inherit;
  text-decoration:none!important;
}
.dashboard-new-task-compact>span:first-child{font-size:23px}
.dashboard-new-task-compact b,
.dashboard-new-task-compact small{display:block}
.dashboard-new-task-compact small{margin-top:2px;color:#748095;font-size:11px}
.dashboard-new-task-compact strong{color:#3157d5;font-size:12px;white-space:nowrap}
.new-task-master-switch{
  border:2px solid rgba(49,87,213,.2);
  background:#f8faff;
}
@media(max-width:720px){
  .dashboard-new-task-intro{grid-template-columns:auto minmax(0,1fr)}
  .dashboard-new-task-intro-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .dashboard-new-task-intro-actions .btn{width:100%}
}
@media(max-width:480px){
  .dashboard-new-task-intro-actions{grid-template-columns:1fr}
}


/* ===== v11.345 頂部導覽相容修正 ===== */
@media(max-width:820px){
  .topnav{overflow:visible}
  .topnav .wrap.topnav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:4px!important;
    overflow:visible!important;
    white-space:normal!important;
    width:100%!important;
    padding:7px 8px!important;
  }
  .topnav-primary{
    display:flex!important;min-width:0!important;max-width:none!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    white-space:nowrap!important;gap:0!important;
  }
  .topnav-primary::-webkit-scrollbar{display:none}
  .topnav-primary>b{display:inline-flex;flex:0 0 auto}
  .topnav-primary>a,.topnav-primary>b>a{
    display:inline-flex!important;flex:0 0 auto!important;align-items:center;
    min-height:36px;padding:7px 6px!important;font-size:12px!important;white-space:nowrap!important;
  }
  .topnav-primary>b>a{font-size:14px!important}
  .topnav-account{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:2px!important;min-width:max-content!important;max-width:none!important;
    margin-left:0!important;padding-left:3px!important;background:#fff;position:relative;z-index:5;
  }
  .topnav-account>.topnav-notification{
    display:inline-flex!important;width:34px!important;min-width:34px!important;height:36px!important;
    padding:0!important;align-items:center;justify-content:center;
  }
  .topnav-account>.topnav-dashboard{
    display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;
    max-width:none!important;padding:7px 7px!important;font-size:12px!important;font-weight:800;
    white-space:nowrap!important;border:1px solid #e4e8ef;border-radius:10px;background:#fff;
  }
  .topnav-account>.desktop-nav-extra,.topnav-primary>.desktop-nav-extra{display:none!important}
  .topnav-account>.mobile-nav-more{display:block!important;flex:0 0 auto}
  .topnav-more>summary{
    display:inline-flex;align-items:center;min-height:36px;padding:7px 6px!important;
    font-size:12px!important;white-space:nowrap;
  }
  .topnav-more-menu{
    position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 7px)!important;
    width:min(210px,calc(100vw - 20px))!important;max-height:70vh;overflow:auto;
  }
}
@media(max-width:430px){
  .topnav .wrap.topnav-inner{grid-template-columns:minmax(82px,1fr) auto!important}
  .topnav-primary,.topnav-account,.topnav-account>.topnav-dashboard{max-width:none!important}
}


/* ===== v11.347 我的委託重新設計 ===== */
.mytasks-hero{display:flex;justify-content:space-between;align-items:center;gap:18px}
.mytasks-hero h1{margin:2px 0 5px}
.mytasks-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.mytasks-tab{border:1px solid #e3e7ee;background:#fff;border-radius:13px;padding:11px 8px;font:inherit;font-weight:800;cursor:pointer}
.mytasks-tab span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#f0f2f5;font-size:11px;margin-left:4px}
.mytasks-tab.active{border-color:#9fb4ff;background:#f6f8ff}
.mytasks-panel{display:none}
.mytasks-panel.active{display:block}
.mytask-card{background:#fff;border:1px solid #e8ebf0;border-radius:18px;margin:11px 0;overflow:hidden;box-shadow:0 3px 14px rgba(20,31,55,.04)}
.mytask-main{display:block;padding:16px;color:inherit;text-decoration:none!important}
.mytask-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mytask-topline small{color:#8a93a2}
.mytask-status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:900;background:#f0f2f5}
.mytask-tone-active .mytask-status{background:#eaf1ff;color:#3157d5}
.mytask-tone-warn .mytask-status{background:#fff4d9;color:#8a5a00}
.mytask-tone-done .mytask-status{background:#eaf8ef;color:#287544}
.mytask-tone-danger .mytask-status{background:#fff0f0;color:#a83030}
.mytask-tone-muted .mytask-status{background:#f0f2f5;color:#697382}
.mytask-card h2{font-size:18px;margin:10px 0 8px}
.mytask-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:#596577;font-size:12px}
.mytask-desc{margin:9px 0 0;color:#7a8492;font-size:12px}
.mytask-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:11px 16px;border-top:1px solid #eef0f3;background:#fbfcfd}
.mytask-actions .inline-form{margin:0}
.mytask-finished-mark{font-size:12px;font-weight:800;color:#42835a;margin-right:auto}
.mytasks-empty{text-align:center;padding:30px 16px}
.mytasks-empty b{display:block;margin-bottom:12px}
@media(max-width:600px){
  .mytasks-hero{align-items:flex-start}
  .mytasks-hero .muted{font-size:12px}
  .mytasks-tabs{position:sticky;top:0;z-index:7;background:var(--bg,#f6f7f9);padding:7px 0;margin:7px 0}
  .mytasks-tab{font-size:12px;padding:9px 5px}
  .mytask-main{padding:14px}
  .mytask-actions{padding:10px 14px}
  .mytask-actions .btn{flex:1 1 auto;text-align:center}
}


/* ===== v11.350 我的評價完整版面修正 ===== */
.reviews-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}
.reviews-hero h1{margin:2px 0 5px}
.reviews-summary{display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:8px;flex:0 0 auto}
.reviews-summary>div{padding:10px 14px;border:1px solid #e6eaf0;border-radius:14px;background:#fbfcfe;text-align:center}
.reviews-summary strong,.reviews-summary small{display:block}
.reviews-summary strong{font-size:20px}
.reviews-summary small{margin-top:2px;color:#7c8796;font-size:11px}
.reviews-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}
.reviews-tab{border:1px solid #e1e6ed;border-radius:13px;background:#fff;padding:11px 8px;font:inherit;font-weight:900;cursor:pointer}
.reviews-tab span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:4px;border-radius:99px;background:#eef1f5;font-size:11px}
.reviews-tab.active{border-color:#9fb4ff;background:#f5f8ff}
.reviews-panel{display:none}
.reviews-panel.active{display:block}
.review-card{margin:10px 0;border:1px solid #e7ebf0;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 3px 14px rgba(20,31,55,.04)}
.review-card-pending{border-color:#dce6f8}
.review-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px 0}
.review-card-head>small{color:#9099a6;font-size:10px;overflow-wrap:anywhere}
.review-state{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:900}
.review-state.pending{background:#fff3d5;color:#865800}
.review-state.waiting{background:#edf2ff;color:#405a9d}
.review-state.public{background:#e9f8ee;color:#277443}
.review-card h2{margin:9px 15px 6px;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.review-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0 15px 12px;color:#667285;font-size:11px}
.review-target{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 15px 14px;padding:12px;border-radius:14px;background:#f7f9fc;min-width:0}
.review-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9edf3;color:#566274;font-weight:900;font-size:17px}
.review-target .grow{min-width:0}
.review-target small,.review-target b,.review-target .grow>span{display:block}
.review-target small{color:#8893a2;font-size:10px}
.review-target b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-target .grow>span{margin-top:2px;color:#758092;font-size:10px}
.review-check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f7ed;color:#2e7d49;font-weight:900}
.review-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 15px;border-top:1px solid #eef1f4;background:#fbfcfd}
.review-card-actions.single{grid-template-columns:1fr}
.review-card-actions .btn{min-width:0;text-align:center}
.reviews-empty{text-align:center;padding:34px 18px}
.reviews-empty-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 10px;border-radius:50%;background:#edf7f0;font-size:24px}
.reviews-empty p{margin:6px 0 0}
@media(max-width:600px){
  .reviews-hero{align-items:flex-start}
  .reviews-hero .muted{font-size:11px;line-height:1.55}
  .reviews-summary{grid-template-columns:repeat(2,62px);gap:5px}
  .reviews-summary>div{padding:8px 5px}
  .reviews-summary strong{font-size:17px}
  .reviews-tabs{position:sticky;top:0;z-index:7;background:var(--bg,#f6f7f9);padding:7px 0;margin:7px 0}
  .reviews-tab{padding:9px 6px;font-size:12px}
  .review-card-head{padding:13px 13px 0}
  .review-card h2{margin-left:13px;margin-right:13px}
  .review-meta{margin-left:13px;margin-right:13px}
  .review-target{margin-left:13px;margin-right:13px}
  .review-card-actions{padding:10px 13px;grid-template-columns:1fr 1fr}
  .review-card-actions.single{grid-template-columns:1fr}
}
@media(max-width:390px){
  .reviews-hero{display:block}
  .reviews-summary{margin-top:10px;grid-template-columns:repeat(2,1fr)}
  .review-card-actions{grid-template-columns:1fr}
}


/* ===== v11.351 iOS 長表單／Email／頭像 anchor 穩定修正 ===== */
html.ios-form-keyboard-stable body{
  overflow-anchor:none;
}
html.ios-form-keyboard-stable form[data-keyboard-managed="local"]{
  overflow-anchor:none;
}
html.ios-form-keyboard-stable form[data-keyboard-managed="local"] input,
html.ios-form-keyboard-stable form[data-keyboard-managed="local"] textarea,
html.ios-form-keyboard-stable form[data-keyboard-managed="local"] select{
  font-size:16px!important;
  scroll-margin-top:0!important;
  scroll-margin-bottom:0!important;
  transform:none!important;
  animation:none!important;
}
@supports (-webkit-touch-callout:none){
  html.ios-form-keyboard-stable .topnav{
    /* Avoid GPU transformed sticky ancestor fighting Safari's focused-input viewport. */
    transform:none!important;
  }
  html.ios-form-keyboard-stable main.wrap{
    min-height:auto!important;
  }
}


/* ===== v11.353 iOS 全站輸入框穩定化 =====
   iOS 由 Safari/WKWebView 原生管理軟體鍵盤；禁止全站 viewport controller
   在輸入每個字時重排頁面。 */
html.ios-native-keyboard{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:auto!important;
}
html.ios-native-keyboard body{
  overflow-anchor:none;
}
html.ios-native-keyboard input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]),
html.ios-native-keyboard textarea,
html.ios-native-keyboard select,
html.ios-native-keyboard [contenteditable="true"]{
  /* iOS 小於 16px 聚焦時可能自動 zoom，造成第二種「閃動」來源。 */
  font-size:16px!important;
  -webkit-text-size-adjust:100%;
  scroll-margin-top:0!important;
  scroll-margin-bottom:0!important;
  animation:none!important;
  transform:none!important;
}
html.ios-native-keyboard input:focus,
html.ios-native-keyboard textarea:focus,
html.ios-native-keyboard select:focus,
html.ios-native-keyboard [contenteditable="true"]:focus{
  scroll-behavior:auto!important;
}
@supports (-webkit-touch-callout:none){
  html.ios-native-keyboard .topnav{
    /* transformed sticky ancestor + focused input 是 iOS WebKit 常見跳動組合 */
    transform:none!important;
    will-change:auto!important;
  }
  html.ios-native-keyboard main.wrap{
    min-height:auto!important;
  }
}


/* ===== v11.354 profile_edit 手機優先分區式資料設定 ===== */
.profile-settings-shell{padding:18px}
.profile-settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.profile-settings-head h1{margin:2px 0 5px}
.profile-settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 4px}
.profile-setting-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:15px;border:1px solid #e4e8ee;border-radius:16px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.profile-setting-entry:hover,.profile-setting-entry:focus-visible{border-color:#aabcf5;background:#f8faff}
.profile-setting-entry.active{border-color:#dce3f5}
.profile-setting-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f1f4f8;font-size:20px}
.profile-setting-entry b,.profile-setting-entry small{display:block}
.profile-setting-entry b{font-size:14px}
.profile-setting-entry small{margin-top:3px;color:#7a8595;font-size:11px;line-height:1.4}
.profile-setting-entry em{font-style:normal;color:#8a94a3;font-size:22px}
.profile-section-back{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;margin:12px -4px;padding:8px 4px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
.profile-section-back strong{font-size:14px}
.profile-setting-panel{display:none!important}
.profile-setting-panel.profile-panel-active{display:block!important}
.provider-setting-shortcuts{display:flex;gap:7px;overflow-x:auto;padding:3px 0 11px;margin-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.provider-setting-shortcuts::-webkit-scrollbar{display:none}
.provider-setting-shortcuts button{flex:0 0 auto;border:1px solid #e0e5ec;border-radius:99px;background:#fff;padding:8px 11px;font:inherit;font-size:11px;font-weight:800;white-space:nowrap}
#provider-profile-start,#provider-service-area,#provider-pricing-start,#provider-plan-section,#provider-boundary-start{scroll-margin-top:72px}
.profile-save-bar{position:sticky;bottom:8px;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:11px 12px;border:1px solid #e1e6ed;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(25,35,55,.12);backdrop-filter:blur(10px)}
.profile-save-bar b,.profile-save-bar small{display:block}
.profile-save-bar small{margin-top:2px;color:#7b8695;font-size:10px}
.profile-save-bar .btn{flex:0 0 auto}
@media(max-width:620px){
  .profile-settings-shell{padding:13px}
  .profile-settings-head .btn{display:none}
  .profile-settings-nav{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .profile-setting-entry{padding:12px 13px}
  .profile-setting-icon{width:38px;height:38px;font-size:18px}
  .profile-section-back{top:0;margin-left:-2px;margin-right:-2px}
  .profile-setting-panel{margin-top:7px!important;padding:13px!important}
  .profile-save-bar{bottom:6px}
  .profile-save-bar>div{min-width:0}
}
@media(max-width:380px){
  .profile-save-bar small{display:none}
  .profile-save-bar b{font-size:12px}
}

/* ===== v11.355 profile_edit mobile layout hotfix =====
   v11.354 的全站 mobile .btn{width:100%} 會讓 sticky save bar 的按鈕
   在 flex row 佔滿整列，將左側說明壓到單字寬度。 */
.profile-settings-shell,
.profile-settings-shell form,
.profile-settings-shell .profile-save-bar,
.profile-settings-shell .profile-save-bar>div{min-width:0;max-width:100%}
.profile-save-bar .btn{width:auto;min-width:132px;white-space:nowrap}
@media(max-width:640px){
  .profile-save-bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px;bottom:max(6px,env(safe-area-inset-bottom))}
  .profile-save-bar>div{width:100%;text-align:left;line-height:1.35}
  .profile-save-bar>div b{font-size:13px;white-space:normal;word-break:normal;overflow-wrap:break-word}
  .profile-save-bar>div small{display:block;font-size:10px;white-space:normal;word-break:normal;overflow-wrap:break-word}
  .profile-save-bar .btn{width:100%;min-width:0;flex:none}
}


/* ===== v11.357 profile_edit 鍵盤／儲存列實機修正 ===== */
#profileForm.profile-keyboard-editing .profile-save-bar,
body.profile-form-keyboard-editing #profileForm .profile-save-bar,
body.keyboard-open #profileForm .profile-save-bar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:640px){
  .profile-setting-panel.profile-panel-active{padding-bottom:18px!important}
  .profile-save-bar{
    position:sticky;
    bottom:max(6px,env(safe-area-inset-bottom));
    margin-top:14px;
    border-radius:16px;
  }
  #profileForm.profile-keyboard-editing .profile-setting-panel.profile-panel-active,
  body.profile-form-keyboard-editing #profileForm .profile-setting-panel.profile-panel-active{
    padding-bottom:10px!important;
  }
}


/* ===== v11.358 profile_edit 設定首頁儲存入口 ===== */
.profile-menu-save{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:14px;padding:13px 14px;border:1px solid #dfe5ed;border-radius:16px;
  background:#fff;box-shadow:0 3px 14px rgba(20,31,55,.04);
}
.profile-menu-save>div{min-width:0}
.profile-menu-save b,.profile-menu-save small{display:block}
.profile-menu-save small{margin-top:3px;color:#7a8595;font-size:11px;line-height:1.45}
.profile-menu-save .btn{flex:0 0 auto;min-width:120px}
@media(max-width:620px){
  .profile-menu-save{display:block}
  .profile-menu-save .btn{width:100%!important;margin-top:10px}
}


/* ===== v11.359 私人聯繫用途／規範說明 ===== */
.private-contact-preflight{margin:10px 0 14px;padding:13px;border:1px solid #dce5ef;border-radius:16px;background:#fbfcfe}
.private-contact-preflight-head{display:flex;align-items:flex-start;gap:10px}
.private-contact-preflight-head>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#edf4ff;font-size:19px}
.private-contact-preflight-head b,.private-contact-preflight-head small{display:block}
.private-contact-preflight-head b{font-size:14px;line-height:1.4}
.private-contact-preflight-head small{margin-top:3px;color:#6f7c8d;font-size:11px;line-height:1.55}
.private-contact-preflight-flow{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0;padding:9px;border-radius:12px;background:#eef8f2;font-size:11px;font-weight:800}
.private-contact-preflight-flow i{color:#8792a0;font-style:normal}
.private-contact-preflight-flow strong{color:#187444}
.private-contact-preflight-rule{padding:11px 12px;border-radius:12px;background:#fff5e8;color:#714400}
.private-contact-preflight-rule b{font-size:12px}
.private-contact-preflight-rule p{margin:5px 0 0;font-size:11px;line-height:1.55}
.private-contact-penalty{margin-top:9px;border:1px solid #e6e9ee;border-radius:12px;background:#fff}
.private-contact-penalty summary{padding:10px 11px;cursor:pointer;font-size:12px;font-weight:900}
.private-contact-penalty>div{padding:0 11px 9px}
.private-contact-penalty p{margin:5px 0;color:#5f6b7b;font-size:11px;line-height:1.5}
.private-contact-ack{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 11px;border-radius:12px;background:#f2f5f8;cursor:pointer}
.private-contact-ack input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0}
.private-contact-ack span{font-size:11px;font-weight:700;line-height:1.55}
.contact-purpose-reminder small{display:block;margin-top:5px;line-height:1.55}
@media(max-width:420px){
 .private-contact-preflight{padding:11px}
 .private-contact-preflight-flow{gap:4px;font-size:10px}
}


/* ===== v11.360 task.php：角色導向案件頁 ===== */
.task-v360{overflow:hidden}
.task-v360-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.task-v360-head h1{margin:3px 0 0;font-size:clamp(1.35rem,5vw,1.8rem);line-height:1.25}
.task-v360-code{color:#7a8798;font-weight:700}
.task-v360-role{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#eef3ff;color:#3157b7;font-size:12px;font-weight:900}
.task-v360-progress{margin-top:16px;padding:16px;border-radius:18px;background:#f6f9ff;border:1px solid #dce6f7}
.task-v360-progress>small,.task-v360-money>small{display:block;color:#738196;font-weight:800;font-size:11px}
.task-v360-progress h2{margin:4px 0 5px;font-size:1.18rem}
.task-v360-progress p{margin:0;color:#58677a;line-height:1.55}
.task-v360-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:15px}
.task-v360-steps span{position:relative;text-align:center;color:#9aa5b3;font-size:10px;font-weight:800}
.task-v360-steps span:before{content:"";position:absolute;top:5px;left:-50%;width:100%;height:2px;background:#dce3ec}
.task-v360-steps span:first-child:before{display:none}
.task-v360-steps i{position:relative;z-index:1;display:block;width:11px;height:11px;margin:0 auto 6px;border-radius:50%;background:#dce3ec}
.task-v360-steps em{font-style:normal}
.task-v360-steps span.done{color:#225f42}.task-v360-steps span.done i,.task-v360-steps span.done:before{background:#28a267}
.task-v360-money{margin-top:12px;padding:15px;border:1px solid #e1e6ed;border-radius:16px;background:#fff}
.task-v360-money-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:5px}
.task-v360-money-main span{font-weight:800}.task-v360-money-main strong{font-size:1.45rem}
.task-v360-paycall{margin-top:10px;padding:11px 12px;border-radius:12px;background:#fff4df;color:#6d4600}
.task-v360-paycall.ok{background:#eaf8ef;color:#175d37}
.task-v360-paycall b,.task-v360-paycall span{display:block}.task-v360-paycall span{margin-top:3px;font-size:11px;line-height:1.5}
.task-v360-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.task-v360-actions .btn{flex:1 1 160px}
.task-v360-details{margin-top:14px;border-top:1px solid #e5e9ef}
.task-v360-details>summary{padding:14px 2px 2px;cursor:pointer;color:#566579;font-weight:900;list-style:none}
.task-v360-details>summary:after{content:"＋";float:right}.task-v360-details[open]>summary:after{content:"－"}
.task-v360-details-body{padding-top:12px}
.task-v360-details-body>.chips:first-of-type{margin-top:0}
@media(max-width:520px){
 .task-v360{padding:15px}
 .task-v360-progress{padding:14px}
 .task-v360-steps em{font-size:9px}
 .task-v360-money-main strong{font-size:1.3rem}
}

.task-v360-waiting{display:inline-flex;align-items:center;padding:9px 11px;border-radius:12px;background:#f2f4f7;color:#687588;font-size:12px;font-weight:800}


/* ===== v11.363 全站搖一搖問題回報 ===== */
.site-legal-button{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.problem-report-backdrop{position:fixed;inset:0;z-index:10080;background:rgba(12,18,28,.48);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.problem-report-backdrop[hidden]{display:none!important}
.problem-report-sheet{width:min(620px,100%);max-height:min(88vh,760px);overflow:auto;border-radius:22px 22px 16px 16px;background:#fff;padding:10px 17px 17px;box-shadow:0 20px 70px rgba(0,0,0,.28);overscroll-behavior:contain}
.problem-report-drag{width:42px;height:4px;margin:1px auto 10px;border-radius:99px;background:#d7dce3}
.problem-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.problem-report-head small{color:#778497;font-size:11px;font-weight:800}
.problem-report-head h2{margin:3px 0 0;font-size:20px}
.problem-report-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;font-size:22px;cursor:pointer}
.problem-report-page{display:flex;align-items:center;gap:9px;margin:13px 0;padding:10px 11px;border-radius:13px;background:#f5f7fa}
.problem-report-page>span{font-size:19px}
.problem-report-page small,.problem-report-page b{display:block}
.problem-report-page small{color:#8691a0;font-size:10px}
.problem-report-page b{margin-top:2px;font-size:11px;word-break:break-all}
.problem-report-sheet textarea{min-height:120px;resize:vertical}
.problem-report-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;margin-top:12px}
.problem-report-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.problem-report-setting-copy{min-width:0}
.problem-report-setting-copy b,.problem-report-setting-copy small{display:block}
.problem-report-setting-copy b{font-size:13px}
.problem-report-setting-copy small{margin-top:3px;color:#738093;font-size:10px;line-height:1.45}
.problem-report-toggle{position:relative;flex:0 0 auto;width:48px;height:28px}
.problem-report-toggle input{position:absolute;opacity:0;pointer-events:none}
.problem-report-toggle span{position:absolute;inset:0;border-radius:99px;background:#d3d8df;cursor:pointer;transition:.18s}
.problem-report-toggle span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s}
.problem-report-toggle input:checked+span{background:#31a36b}
.problem-report-toggle input:checked+span:after{transform:translateX(20px)}
.problem-report-ios-permission{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:11px;border-radius:12px;background:#fff8e9}
.problem-report-ios-permission[hidden]{display:none!important}
.problem-report-ios-permission b,.problem-report-ios-permission small{display:block}
.problem-report-ios-permission b{font-size:11px}.problem-report-ios-permission small{margin-top:3px;color:#7a6a44;font-size:10px}
.problem-report-privacy{margin:10px 2px 0;color:#8b95a3;font-size:9px;line-height:1.5}
body.problem-report-open{overflow:hidden}
.problem-report-setup{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10070;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;width:min(520px,calc(100vw - 20px));padding:10px 11px;border:1px solid #dbe4f0;border-radius:15px;background:#fff;box-shadow:0 12px 38px rgba(18,31,52,.18)}
.problem-report-setup[hidden]{display:none!important}
.problem-report-setup>span{font-size:20px}
.problem-report-setup b,.problem-report-setup small{display:block}
.problem-report-setup b{font-size:11px}.problem-report-setup small{margin-top:2px;color:#7b8796;font-size:9px}
.problem-report-setup button{border:0;border-radius:9px;background:#315fca;color:#fff;padding:7px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.problem-report-setup #problemReportSetupDismiss{background:#eef1f5;color:#667383;width:28px;height:28px;padding:0}
@media(max-width:520px){
 .problem-report-backdrop{padding:0}
 .problem-report-sheet{border-radius:22px 22px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));max-height:90dvh}
 .problem-report-actions{grid-template-columns:1fr 1.5fr}
}


/* ===== v11.363 問題回報後台 ===== */
.problem-admin-card{overflow:hidden}
.problem-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.problem-admin-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.problem-admin-head small{display:block;width:100%;color:#7a8796;font-size:10px}
.problem-admin-description{margin:13px 0;padding:13px;border-radius:13px;background:#f7f9fc;font-size:13px;line-height:1.65}
.problem-admin-meta{display:grid;gap:8px}
.problem-admin-meta>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:start}
.problem-admin-meta small{color:#7d8898;font-weight:800}
.problem-admin-meta a,.problem-admin-meta span{min-width:0;word-break:break-all;font-size:11px}
.problem-admin-errors{margin-top:12px}
.problem-admin-errors summary{cursor:pointer;font-weight:800}
.problem-admin-errors pre{white-space:pre-wrap;word-break:break-word;padding:9px;border-radius:10px;background:#101827;color:#e9eef7;font-size:10px}
.problem-admin-form{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:9px;align-items:end;margin-top:14px;padding-top:13px;border-top:1px solid #e8ebf0}
@media(max-width:720px){
 .problem-admin-form{grid-template-columns:1fr}
 .problem-admin-meta>div{grid-template-columns:1fr}
}


/* ===== v11.364 搖一搖感應器診斷 ===== */
.problem-report-motion-diag{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 11px;border-radius:11px;background:#f5f7fa}
.problem-report-motion-diag span{color:#7d8896;font-size:10px;font-weight:800}
.problem-report-motion-diag b{font-size:10px;text-align:right}


/* ===== v11.365 評價送出前再次確認 ===== */
.review-confirm-backdrop{position:fixed;inset:0;z-index:10090;background:rgba(12,18,28,.48);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.review-confirm-backdrop[hidden]{display:none!important}
.review-confirm-sheet{width:min(560px,100%);max-height:88vh;overflow:auto;border-radius:22px;background:#fff;padding:17px;box-shadow:0 20px 70px rgba(0,0,0,.28)}
.review-confirm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.review-confirm-head small{color:#7a8798;font-size:11px;font-weight:800}
.review-confirm-head h2{margin:3px 0 0;font-size:19px}
.review-confirm-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;font-size:22px;cursor:pointer}
.review-confirm-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}
.review-confirm-summary>div{padding:11px;border-radius:12px;background:#f5f7fa}
.review-confirm-summary span,.review-confirm-summary strong{display:block}
.review-confirm-summary span{color:#7d8897;font-size:10px}
.review-confirm-summary strong{margin-top:3px;font-size:14px}
.review-confirm-comment{margin:10px 0;padding:11px;border:1px solid #e4e8ee;border-radius:12px;background:#fff}
.review-confirm-comment small{display:block;color:#7d8897;margin-bottom:5px}
.review-confirm-comment div{white-space:pre-wrap;word-break:break-word;line-height:1.55}
.review-confirm-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:12px}
body.review-confirm-open{overflow:hidden}
@media(max-width:520px){
 .review-confirm-backdrop{padding:0}
 .review-confirm-sheet{border-radius:22px 22px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));max-height:90dvh}
}

/* ===== v11.382 SayTalk mobile-first unified chat redesign ===== */
.saytalk-chat-page{background:#eef1f5;overflow-x:hidden}
.saytalk-chat-page main.wrap{width:min(100%,920px);padding:0!important}
.saytalk-chat-page .page-back-row{display:none!important}
.st-chat-shell{min-height:calc(var(--saytalk-chat-vh,100dvh) - 64px);display:flex;flex-direction:column;background:#f2f3f5;position:relative}
.st-chat-appbar{height:64px;flex:0 0 64px;display:grid;grid-template-columns:44px minmax(0,1fr) 46px;align-items:center;gap:5px;padding:7px 10px;background:rgba(255,255,255,.98);border-bottom:1px solid #e7e9ee;position:sticky;top:64px;z-index:55;backdrop-filter:blur(16px)}
.st-chat-back,.st-chat-info-link{display:flex;align-items:center;justify-content:center;height:42px;border-radius:50%;color:#1f2937!important;text-decoration:none!important;font-weight:900}
.st-chat-back{font-size:38px;line-height:1;padding-bottom:5px}.st-chat-info-link{font-size:13px;background:#f2f4f7}
.st-chat-person{display:flex;align-items:center;gap:10px;min-width:0}.st-chat-person>div:last-child{min-width:0}.st-chat-person strong,.st-chat-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-chat-person strong{font-size:16px}.st-chat-person small{font-size:11px;color:#7b8494;margin-top:1px}.st-chat-avatar{width:40px;height:40px;border-radius:50%;background:#d9f4df;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:17px;color:#215d32;flex:0 0 auto}
.st-chat-info-panel{padding:10px 12px 0}.st-chat-info-panel>.contact-purpose-reminder{margin:0 0 9px}.st-chat-info-panel>.contact-formal-progress,.st-chat-info-panel>.contact-related-cases,.st-chat-info-panel>.stack-actions{margin-top:9px}
.st-chat-safety{font-size:12px;line-height:1.55;padding:10px 12px;border-radius:12px}.st-chat-safety small{font-size:11px}
.st-chat-main{margin:8px 0 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:#f2f3f5!important;flex:1 1 auto!important;min-height:420px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.st-chat-statusline{height:32px;flex:0 0 32px;padding:6px 12px;display:flex;align-items:center;gap:6px;color:#687182;font-size:11px;background:#f8f9fb;border-top:1px solid #e9ebef;border-bottom:1px solid #e9ebef}.st-chat-statusline small{margin-left:auto;font-size:10px;color:#8b93a0}.st-chat-online-dot{width:7px;height:7px;border-radius:50%;background:#37b24d;box-shadow:0 0 0 3px rgba(55,178,77,.12)}
.st-chat-main .task-chat-messages,.st-chat-main .contact-messages{height:auto!important;max-height:none!important;min-height:320px!important;flex:1 1 0!important;padding:14px 12px 20px!important;background:#f2f3f5!important;scroll-padding-bottom:90px}
.st-chat-main .message,.st-chat-main .contact-msg{max-width:min(78%,560px)!important;border:0!important;border-radius:18px!important;padding:9px 12px!important;margin:5px 0!important;box-shadow:0 1px 2px rgba(15,23,42,.08)!important;font-size:15px!important;line-height:1.5!important;word-break:break-word}
.st-chat-main .message.mine,.st-chat-main .contact-msg.mine{margin-left:auto!important;background:#b9f5a8!important;color:#17211a!important;border-bottom-right-radius:5px!important}
.st-chat-main .message:not(.mine),.st-chat-main .contact-msg.other{margin-right:auto!important;background:#fff!important;color:#1f2937!important;border-bottom-left-radius:5px!important}
.st-chat-main .contact-msg>b{display:block;font-size:10px;color:#77808f;margin-bottom:3px}.st-chat-main .contact-msg>small{display:block;text-align:right;color:#8992a0;font-size:9px;margin-top:3px}
.st-chat-main .system,.st-chat-main .contact-msg.system-safety{max-width:92%!important;margin:10px auto!important;border-radius:12px!important;background:#fff7db!important;border:1px solid #ecd98e!important;color:#66510a!important;font-size:12px!important;box-shadow:none!important}
.st-chat-main .chat-upload-image{display:block;max-width:min(64vw,300px);max-height:340px;border-radius:12px;object-fit:cover}
.st-chat-main .task-chat-composer,.st-chat-main .contact-chat-composer{position:sticky!important;bottom:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 44px!important;gap:7px!important;align-items:end!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e0e3e8!important;box-shadow:0 -3px 14px rgba(15,23,42,.05)!important;z-index:40!important}
.st-chat-main .chat-media-line{grid-column:1!important;display:flex!important;align-items:flex-end!important;margin:0!important}.st-chat-main .chat-image-selected{position:absolute;left:10px;right:10px;bottom:calc(62px + env(safe-area-inset-bottom));background:#fff;border:1px solid #dfe3e8;border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.12);padding:8px;z-index:5}.st-chat-main .chat-image-selected img{width:52px;height:52px;object-fit:cover;border-radius:10px}
.st-chat-plus{width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid #d7dce3!important;border-radius:50%!important;background:#fff!important;color:#4b5563!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;font-weight:400!important;line-height:1!important;cursor:pointer}
.st-chat-input-wrap{grid-column:2!important;min-width:0;background:#f4f5f7;border:1px solid #dfe3e8;border-radius:21px;padding:1px 4px 1px 12px;display:flex;align-items:center;min-height:42px}
.st-chat-input-wrap textarea{width:100%!important;min-width:0!important;min-height:38px!important;max-height:112px!important;height:40px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:9px 2px!important;margin:0!important;resize:none!important;font-size:16px!important;line-height:1.35!important;-webkit-text-size-adjust:100%!important}
.st-chat-send{grid-column:3!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#06c755!important;box-shadow:none!important;font-size:18px!important;color:#fff!important}
.st-chat-main .contact-payment-inline{grid-column:1/-1!important;margin:-8px -10px 5px!important;border-radius:0!important;padding:7px 11px!important;font-size:11px!important}.st-chat-main .contact-payment-inline a{white-space:nowrap}
.st-task-summary{margin:10px 12px 0!important;border-radius:14px!important;padding:12px!important;box-shadow:none!important}.st-task-summary h1{font-size:18px!important;margin-bottom:8px!important}.st-task-summary .notice{font-size:12px;padding:10px 11px;margin:7px 0}.st-task-summary .pricebox{padding:10px 12px;margin:7px 0}.st-task-summary .pricebox strong{font-size:20px}
.saytalk-chat-page .task-action-card{margin:10px 12px 16px!important;border-radius:14px!important;box-shadow:none!important}
.saytalk-chat-page .site-legal-links{display:none!important}
@media(max-width:700px){
  .saytalk-chat-page{height:100%;overscroll-behavior:none}
  .saytalk-chat-page .topnav{display:none!important}
  .saytalk-chat-page main.wrap{height:var(--saytalk-chat-vh,100dvh);overflow:hidden!important;padding:0!important}
  .st-chat-shell{height:var(--saytalk-chat-vh,100dvh);min-height:0!important;overflow:hidden}
  .st-chat-appbar{top:0;height:58px;flex-basis:58px;padding-top:max(6px,env(safe-area-inset-top));box-sizing:content-box}
  .st-chat-info-panel{flex:0 0 auto;max-height:31vh;overflow:auto;padding:7px 9px 0}
  .st-chat-info-panel .contact-purpose-reminder{max-height:78px;overflow:auto}
  .st-chat-info-panel .contact-formal-progress{margin-top:5px}.st-chat-info-panel .contact-related-cases{display:none}
  .st-chat-info-panel>.stack-actions{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;gap:6px;padding-bottom:3px}.st-chat-info-panel>.stack-actions .btn,.st-chat-info-panel>.stack-actions form{width:auto!important;flex:0 0 auto}.st-chat-info-panel>.stack-actions .btn{min-height:38px;font-size:12px;padding:8px 10px}
  .st-chat-main{min-height:0!important;margin-top:6px!important}
  .st-chat-main .task-chat-messages,.st-chat-main .contact-messages{min-height:0!important;height:auto!important;max-height:none!important}
  body.task-chat-input-focused .st-chat-main .task-chat-messages,body.contact-chat-input-focused .st-chat-main .contact-messages{height:auto!important;max-height:none!important;min-height:0!important}
  .st-task-summary{flex:0 0 auto;max-height:25vh;overflow:auto;margin:7px 9px 0!important}.st-task-summary>p,.st-task-summary>h1{display:none}
  .saytalk-chat-page .task-action-card{display:none!important}
  .st-chat-main .message,.st-chat-main .contact-msg{max-width:82%!important}
  .st-chat-statusline small{display:none}
}

/* =========================================================
   v11.383 chat mobile polish
   - compact collapsible context instead of tall duplicated cards
   - one-line LINE-like composer; no duplicated case status above input
   - flex composer to prevent send button wrapping on narrow Android/iOS
   ========================================================= */
.st-chat-context{
  flex:0 0 auto;
  margin:0;
  padding:0;
  background:#fff;
  border:0;
  border-bottom:1px solid #e5e7eb;
}
.st-chat-context>summary{
  list-style:none;
  min-height:46px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  background:#fff;
}
.st-chat-context>summary::-webkit-details-marker{display:none}
.st-context-main{min-width:0;display:flex;align-items:center;gap:8px;flex:1}
.st-context-main>b{font-size:13px;white-space:nowrap;color:#273244}
.st-context-main>small{font-size:12px;color:#7a8493;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.st-context-more{font-size:12px;color:#5f6b7a;white-space:nowrap;display:flex;align-items:center;gap:4px}
.st-context-more:after{content:'⌄';font-size:14px;line-height:1;transition:transform .18s ease}
.st-chat-context[open] .st-context-more:after{transform:rotate(180deg)}
.st-chat-context[open] .st-context-more{font-size:0}
.st-chat-context[open] .st-context-more:before{content:'收合';font-size:12px}
.st-chat-context .st-chat-info-panel,
.st-chat-context .st-task-summary{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f8fafc!important;
}
.st-chat-context .st-chat-info-panel{padding:8px 10px 10px!important}
.st-chat-context .st-task-summary{padding:9px 10px 10px!important}
.st-chat-context .contact-purpose-reminder{margin:0 0 8px!important}
.st-chat-context .contact-formal-progress{margin:0!important}
.st-chat-context .contact-related-cases{margin-top:8px!important}
.st-chat-context .stack-actions{margin-top:8px!important}

/* The conversation itself should receive the screen, not the explanatory cards. */
.st-chat-main{margin-top:0!important}
.st-chat-main .task-chat-messages,
.st-chat-main .contact-messages{padding-top:12px!important}

/* One reliable row on both Android Chrome and iOS Safari/LINE WebView. */
.st-chat-main .task-chat-composer,
.st-chat-main .contact-chat-composer,
.st-chat-main .task-chat-composer.keyboard-pinned,
.st-chat-main .contact-chat-composer.keyboard-pinned{
  display:block!important;
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;
  margin:0!important;
  background:rgba(255,255,255,.98)!important;
  border-top:1px solid #e1e5ea!important;
  box-shadow:0 -2px 10px rgba(15,23,42,.04)!important;
  z-index:45!important;
  transform:none!important;
}
.st-chat-compose-row{
  width:100%;
  display:flex;
  align-items:flex-end;
  gap:7px;
  min-width:0;
}
.st-chat-compose-row .st-chat-plus{
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
}
.st-chat-compose-row .st-chat-input-wrap{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  display:flex!important;
}
.st-chat-compose-row .st-chat-send{
  flex:0 0 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-column:auto!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  margin:0!important;
}
.st-chat-main .chat-image-selected{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin:0 0 7px!important;
  padding:7px 9px!important;
  display:flex;
  align-items:center;
  gap:8px;
  box-sizing:border-box;
}
.st-chat-main .chat-image-selected.hidden{display:none!important}
.st-chat-main .chat-image-selected img{width:46px!important;height:46px!important;flex:0 0 46px}
.st-chat-main .chat-image-selected span{min-width:0;flex:1}
.st-chat-main .chat-image-selected span b,.st-chat-main .chat-image-selected span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* The old inline formal-case strip duplicated the same state shown above.
   Kept hidden defensively in case stale markup survives a partial deploy. */
.st-chat-main .contact-payment-inline{display:none!important}

/* Conversion prompt stays available, but no longer takes over the chat viewport. */
.saytalk-contact-chat-page .chat-task-conversion{
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:8px 10px!important;
  font-size:12px!important;
}
.saytalk-contact-chat-page .chat-task-conversion p{display:none!important}

@media(max-width:700px){
  html:has(body.saytalk-chat-page),body.saytalk-chat-page{height:100%;overflow:hidden!important}
  .saytalk-chat-page main.wrap{height:var(--saytalk-chat-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  .st-chat-shell{height:var(--saytalk-chat-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  .st-chat-appbar{
    min-height:56px!important;
    height:56px!important;
    flex-basis:56px!important;
    padding:4px 9px!important;
    padding-top:max(4px,env(safe-area-inset-top))!important;
    box-sizing:border-box!important;
  }
  .st-chat-context>summary{min-height:42px;padding:6px 10px}
  .st-chat-context[open]{max-height:38vh;overflow:auto;overscroll-behavior:contain}
  .st-chat-context[open]>summary{position:sticky;top:0;z-index:3;border-bottom:1px solid #e8ebef}
  .st-chat-context .st-chat-info-panel,
  .st-chat-context .st-task-summary{max-height:none!important;overflow:visible!important}
  .st-chat-context .contact-purpose-reminder{max-height:none!important;overflow:visible!important}
  .st-chat-context .contact-related-cases{display:block!important}
  .st-chat-context .stack-actions{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:2px!important}
  .st-chat-context .stack-actions .btn,
  .st-chat-context .stack-actions form{width:auto!important;flex:0 0 auto!important}
  .st-chat-main{flex:1 1 0!important;min-height:0!important;margin:0!important}
  .st-chat-main .task-chat-messages,
  .st-chat-main .contact-messages{flex:1 1 0!important;min-height:0!important;padding:10px 10px 14px!important}
  .st-chat-main .message,
  .st-chat-main .contact-msg{max-width:84%!important;font-size:15px!important;padding:8px 11px!important}
  .st-chat-main .contact-msg>b{font-size:10px!important}
  .st-chat-main .contact-msg>small{font-size:9px!important}
  .st-chat-statusline{display:none!important}
  .task-chat-composer-spacer,.contact-chat-composer-spacer{display:none!important;height:0!important}
  body.task-chat-input-focused main.wrap,
  body.contact-chat-input-focused main.wrap{padding-bottom:0!important}
}

/* ===== v11.384 private contact chat header/status refinement ===== */
.saytalk-contact-chat-page .st-chat-appbar{
  grid-template-columns:44px minmax(0,1fr) auto!important;
}
.saytalk-contact-chat-page .st-chat-person-link{
  color:inherit!important;
  text-decoration:none!important;
  min-width:0;
}
.saytalk-contact-chat-page .st-chat-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
}
.saytalk-contact-chat-page .st-chat-header-task,
.saytalk-contact-chat-page .st-chat-header-close{
  height:34px;
  min-height:34px;
  border:0;
  border-radius:17px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font-size:11px;
  font-weight:900;
  text-decoration:none!important;
  box-sizing:border-box;
}
.saytalk-contact-chat-page .st-chat-header-task{background:#e6f8eb;color:#16833c!important}
.saytalk-contact-chat-page .st-chat-header-close{background:#f2f4f7;color:#596273;cursor:pointer}
.saytalk-contact-chat-page .st-chat-header-close-form{margin:0;padding:0;display:block}
.saytalk-contact-chat-page .st-contact-profile-hint{padding:7px 2px 1px;text-align:center;font-size:11px;color:#87909d}
.saytalk-contact-chat-page .st-contact-profile-hint a{color:#7b8492;text-decoration:none}

/* v11.383 hid this as duplicate. v11.384 intentionally keeps the status immediately above the input. */
.saytalk-contact-chat-page .st-chat-main .contact-payment-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:calc(100% + 18px)!important;
  margin:-7px -9px 7px!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.saytalk-contact-chat-page .st-chat-main .contact-payment-inline span{min-width:0}
.saytalk-contact-chat-page .st-chat-main .contact-payment-inline a{flex:0 0 auto;white-space:nowrap;font-weight:900}

@media(max-width:700px){
  .saytalk-contact-chat-page .st-chat-appbar{gap:4px!important;padding-left:7px!important;padding-right:7px!important}
  .saytalk-contact-chat-page .st-chat-person{gap:7px!important}
  .saytalk-contact-chat-page .st-chat-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  .saytalk-contact-chat-page .st-chat-person strong{font-size:15px!important}
  .saytalk-contact-chat-page .st-chat-person small{font-size:10px!important}
  .saytalk-contact-chat-page .st-chat-header-actions{gap:4px}
  .saytalk-contact-chat-page .st-chat-header-task,
  .saytalk-contact-chat-page .st-chat-header-close{height:32px;min-height:32px;border-radius:16px;padding:0 8px;font-size:10px}
  .saytalk-contact-chat-page .st-context-main>small:empty{display:none!important}
}
@media(max-width:390px){
  .saytalk-contact-chat-page .st-chat-person small{display:none!important}
  .saytalk-contact-chat-page .st-chat-header-task,
  .saytalk-contact-chat-page .st-chat-header-close{padding:0 7px;font-size:10px}
}

/* v11.388 - provider service boundary: surface reject items before accepted interactions */
.provider-reject-highlight{padding:0 0 16px;margin-bottom:14px;border-bottom:1px solid var(--border)}
.provider-reject-title{margin-top:4px;font-size:22px;line-height:1.25;font-weight:900;color:#172235}
.provider-reject-text{margin-top:9px;font-size:20px;line-height:1.55;font-weight:900;color:#172235;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:640px){
  .provider-reject-highlight{padding-bottom:14px;margin-bottom:13px}
  .provider-reject-title{font-size:21px}
  .provider-reject-text{font-size:19px;line-height:1.5}
}

/* ===== v11.389 私人聯繫區塊手機閱讀字級優化 ===== */
@media (max-width: 620px){
  .private-contact-preflight{padding:16px 14px;margin:12px 0 16px;border-radius:18px}
  .private-contact-preflight-head{gap:12px}
  .private-contact-preflight-head>span{flex-basis:44px;width:44px;height:44px;font-size:22px}
  .private-contact-preflight-head b{font-size:18px;line-height:1.45;font-weight:900}
  .private-contact-preflight-head small{margin-top:5px;font-size:16px;line-height:1.65}
  .private-contact-preflight-flow{gap:6px;margin:14px 0;padding:12px 8px;font-size:15px;line-height:1.4;font-weight:900}
  .private-contact-preflight-rule{padding:14px 14px;border-radius:14px}
  .private-contact-preflight-rule b{font-size:17px;line-height:1.45;font-weight:900}
  .private-contact-preflight-rule p{margin-top:7px;font-size:16px;line-height:1.7}
  .private-contact-penalty{margin-top:11px;border-radius:14px}
  .private-contact-penalty summary{padding:13px 14px;font-size:16px;line-height:1.45;font-weight:900}
  .private-contact-penalty>div{padding:0 14px 12px}
  .private-contact-penalty p{font-size:16px;line-height:1.65}
  .private-contact-ack{gap:11px;margin-top:12px;padding:13px 14px;border-radius:14px}
  .private-contact-ack input{width:22px;height:22px;margin-top:2px}
  .private-contact-ack span{font-size:16px;line-height:1.6;font-weight:800}
  .contact-purpose-reminder small{font-size:15px;line-height:1.65}
}

/* ===== v11.390 私人聯繫：優先顯示出租人不接受事項 ===== */
.contact-provider-reject{
  margin:14px 0 16px;
  padding:18px;
  border:2px solid #f2c6c6;
  border-radius:20px;
  background:#fff8f8;
}
.contact-provider-reject-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.contact-provider-reject-icon{font-size:26px;line-height:1}
.contact-provider-reject-head div{display:flex;flex-direction:column;gap:2px}
.contact-provider-reject-head small{font-size:14px;color:#8a6262;font-weight:700}
.contact-provider-reject-head b{font-size:21px;line-height:1.3;color:#8f2424;font-weight:900}
.contact-provider-reject-text{font-size:19px;line-height:1.65;color:#311b1b;font-weight:800;overflow-wrap:anywhere;white-space:normal}
.contact-provider-reject-empty{font-size:16px;line-height:1.65;color:#6b5d5d;font-weight:600}
@media(max-width:760px){
  .contact-provider-reject{margin:12px 0 14px;padding:17px 16px;border-radius:18px}
  .contact-provider-reject-head b{font-size:22px}
  .contact-provider-reject-head small{font-size:15px}
  .contact-provider-reject-text{font-size:20px;line-height:1.65;font-weight:900}
  .contact-provider-reject-empty{font-size:16px}
}


/* v11.392 contact inbox — LINE-like mobile conversation list */
.contact-inbox-line-page{background:#f5f6f8}
.contact-inbox-line-page .page-main{max-width:760px}
.line-inbox-shell{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06);margin:18px auto 34px}
.line-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 12px;border-bottom:1px solid #edf0f3}
.line-inbox-head h1{margin:0;font-size:27px;line-height:1.2}
.line-inbox-head p{margin:7px 0 0;color:#7b8492;font-size:14px}
.line-request-pill{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#172033;background:#f2f5f8;border-radius:999px;padding:8px 11px;font-weight:800;white-space:nowrap}
.line-request-pill b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px}
.line-chat-list{background:#fff}
.line-chat-row{display:flex;align-items:center;gap:13px;min-height:84px;padding:11px 18px;text-decoration:none;color:inherit;border-bottom:1px solid #f0f2f4;transition:background .15s ease}
.line-chat-row:hover,.line-chat-row:active{background:#f8fafb}
.line-chat-row.is-disabled{opacity:.64}
.line-chat-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;overflow:hidden;background:#ddf8e6;display:grid;place-items:center;font-size:23px;font-weight:900;color:#087c43}
.line-chat-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.line-chat-main{min-width:0;flex:1}
.line-chat-name{font-size:18px;font-weight:650;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line-chat-preview{margin-top:6px;color:#89919c;font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line-chat-row.has-unread .line-chat-name{font-weight:900}
.line-chat-row.has-unread .line-chat-preview{color:#303743;font-weight:700}
.line-chat-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:48px}
.line-chat-meta time{font-size:12px;color:#9aa1aa;white-space:nowrap}
.line-unread-badge{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#28c76f;color:#fff;font-size:12px;font-weight:900}
.line-chat-state{font-size:12px;color:#8e96a2}
.line-empty-state{padding:50px 20px;text-align:center;color:#89919c}
.line-empty-state div{font-size:38px;margin-bottom:10px}
.line-empty-state b{display:block;color:#28303d;font-size:18px}
.line-empty-state span{display:block;margin-top:7px;font-size:14px}
.line-request-section{padding:12px 18px 20px;background:#f7f8fa}
.line-request-section details{background:#fff;border:1px solid #e7eaee;border-radius:16px;margin-top:10px;overflow:hidden}
.line-request-section summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:space-between}
.line-request-section summary::-webkit-details-marker{display:none}
.line-request-section summary span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;background:#ef4444;color:#fff;border-radius:999px;font-size:12px}
.line-request-list{border-top:1px solid #edf0f3}
.line-request-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f2f4}
.line-request-row:last-child{border-bottom:0}
.line-request-row small{display:block;margin-top:4px;color:#838c98;line-height:1.45}
@media(max-width:680px){
  .contact-inbox-line-page .page-main{padding-left:0;padding-right:0}
  .line-inbox-shell{margin:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 70px)}
  .line-inbox-head{padding:17px 16px 10px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:2}
  .line-inbox-head h1{font-size:24px}
  .line-inbox-head p{font-size:13px}
  .line-chat-row{min-height:82px;padding:10px 14px;gap:12px}
  .line-chat-avatar{width:56px;height:56px;flex-basis:56px}
  .line-chat-name{font-size:17px}
  .line-chat-preview{font-size:15px}
  .line-request-section{padding:10px 12px 22px}
  .line-request-row{align-items:flex-start;flex-direction:column}
  .line-request-row .inline-form{width:100%}
}


/* v11.393 — responsive mandatory login announcement */
html.login-announcement-open,
html.login-announcement-open body{overflow:hidden!important;overscroll-behavior:none}
.login-announcement-backdrop{
  position:fixed;inset:0;z-index:10050;
  display:flex;align-items:center;justify-content:center;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));
  background:rgba(15,23,42,.58);backdrop-filter:blur(7px);
  opacity:1;transition:opacity .18s ease
}
.login-announcement-backdrop.is-closing{opacity:0}
.login-announcement-modal{
  width:min(680px,100%);max-height:min(88dvh,820px);
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border-radius:24px;
  box-shadow:0 24px 80px rgba(15,23,42,.28)
}
.login-announcement-head{
  display:flex;align-items:flex-start;gap:13px;
  padding:21px 22px 16px
}
.login-announcement-icon{
  width:46px;height:46px;flex:0 0 46px;border-radius:14px;
  display:grid;place-items:center;background:#fff5d8;font-size:25px
}
.login-announcement-head small{display:block;color:#8a6a16;font-weight:800;font-size:12px;margin-bottom:4px}
.login-announcement-head h2{margin:0;color:#162033;font-size:22px;line-height:1.38}
.login-announcement-progress{height:4px;background:#eef1f4;overflow:hidden}
.login-announcement-progress span{display:block;width:0;height:100%;background:#19b565;transition:width .2s linear}
.login-announcement-scroll{
  min-height:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;padding:5px 24px 20px;
  scrollbar-width:thin
}
.login-announcement-body{
  color:#283241;font-size:16px;line-height:1.85;letter-spacing:.01em;
  overflow-wrap:anywhere
}
.login-announcement-body br+br{line-height:2.2}
.login-announcement-end{
  margin-top:22px;padding:15px 16px;border-radius:16px;
  background:#f2fbf6;border:1px solid #c9eed8;
  display:flex;flex-direction:column;gap:4px;color:#18794a
}
.login-announcement-end b{font-size:16px}
.login-announcement-end span{font-size:13px;color:#5b7d69}
.login-announcement-foot{
  flex:0 0 auto;border-top:1px solid #edf0f3;background:#fff;
  padding:14px 20px max(15px,env(safe-area-inset-bottom))
}
.login-announcement-read-state{
  min-height:23px;margin-bottom:9px;display:flex;align-items:center;justify-content:center;
  gap:7px;color:#667180;font-size:13px;text-align:center
}
.login-announcement-confirm{
  width:100%;min-height:50px;border-radius:15px;font-size:16px;font-weight:900
}
.login-announcement-confirm:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:680px){
  .login-announcement-backdrop{
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));
    align-items:flex-end
  }
  .login-announcement-modal{
    width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));
    border-radius:22px 22px 16px 16px
  }
  .login-announcement-head{padding:17px 16px 13px;gap:11px}
  .login-announcement-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:23px}
  .login-announcement-head h2{font-size:19px;line-height:1.35}
  .login-announcement-scroll{padding:4px 17px 18px}
  .login-announcement-body{font-size:16px;line-height:1.78}
  .login-announcement-foot{padding:11px 14px max(12px,env(safe-area-inset-bottom))}
  .login-announcement-confirm{min-height:49px;font-size:16px}
}
@media(max-width:380px){
  .login-announcement-head h2{font-size:18px}
  .login-announcement-body{font-size:15.5px}
}
@media(min-width:900px){
  .login-announcement-body{font-size:17px;line-height:1.9}
}


/* v11.398 — 「我有空」使用率提升（dashboard 入口保留；發布頁樣式已於 v11.446 隔離） */
.dashboard-provider-available{margin-top:16px}
.dashboard-available-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #ccebd9;border-radius:20px;background:linear-gradient(135deg,#f1fff7,#fff)}
.dashboard-available-card.active{border-color:#b8e7ca;background:linear-gradient(135deg,#ecfff4,#f9fffb)}
.dashboard-available-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:17px;background:#fff;font-size:27px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.dashboard-available-card small{display:block;color:#13834b;font-weight:900;margin-bottom:4px}
.dashboard-available-card b{display:block;font-size:20px;line-height:1.35}
.dashboard-available-card p{margin:7px 0 4px;color:#52606d;line-height:1.55}
.dashboard-available-card em{display:block;color:#66717d;font-style:normal;font-size:14px}
.dashboard-available-actions{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
@media(max-width:680px){
 .dashboard-available-card{align-items:flex-start;flex-wrap:wrap;padding:16px;gap:12px}
 .dashboard-available-icon{width:46px;height:46px;flex-basis:46px;border-radius:15px;font-size:24px}
 .dashboard-available-card .grow{min-width:calc(100% - 60px)}
 .dashboard-available-card b{font-size:18px}
 .dashboard-available-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .dashboard-available-actions .btn{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center}
}
@media(max-width:390px){.dashboard-available-actions{grid-template-columns:1fr}}

/* v11.399 — 後台出租人動態／反向媒合通知資訊 */
.admin-provider-post-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.admin-provider-post-head h1{margin-bottom:5px}
.admin-provider-post-channels{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-provider-post-filter{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto auto;gap:8px;margin-top:15px}
.admin-provider-post-card{padding:18px}
.admin-provider-post-row{display:flex;align-items:flex-start;gap:14px}
.admin-provider-post-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-provider-post-title h3{margin:0}
.admin-provider-post-owner{margin:7px 0}
.admin-provider-post-notify{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f3}
.admin-provider-post-stat{padding:12px;border-radius:14px;background:#f7f9fb;text-align:center}
.admin-provider-post-stat small{display:block;color:#78828e;font-size:12px}
.admin-provider-post-stat b{display:block;margin-top:4px;font-size:24px}
.admin-provider-post-stat em{display:block;margin-top:2px;color:#d97706;font-size:12px;font-style:normal;font-weight:800}
.admin-provider-post-stat.has-error{background:#fff2f2;color:#b42318}
.admin-provider-post-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:#7b8490;font-size:12px}
.admin-provider-post-detail{margin-top:13px;border:1px solid #e4e8ed;border-radius:14px;overflow:hidden}
.admin-provider-post-detail>summary{cursor:pointer;padding:13px 15px;background:#fafbfc;font-weight:900;list-style:none}
.admin-provider-post-detail>summary::-webkit-details-marker{display:none}
.admin-provider-post-detail .admin-table-wrap{border-top:1px solid #e7eaee}
.admin-provider-post-log-links{padding:0 14px 12px}
@media(max-width:760px){
 .admin-provider-post-head,.admin-provider-post-row{flex-direction:column}
 .admin-provider-post-channels{justify-content:flex-start}
 .admin-provider-post-filter{grid-template-columns:1fr 1fr}
 .admin-provider-post-filter input{grid-column:1/-1}
 .admin-provider-post-notify{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-provider-post-stat:last-child{grid-column:1/-1}
}


/* v11.400 — 找出租人「我有空」曝光元件（舊動態頁全域樣式已於 v11.446 移除） */
.provider-available-highlights{margin:16px 0 18px;padding:17px 0}
.provider-available-highlights-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 2px 11px}
.provider-available-highlights-head h2{margin:0;font-size:20px}
.provider-available-highlights-head p{margin:4px 0 0;color:#7b8490;font-size:13px}
.provider-available-highlights-head>a{flex:0 0 auto;color:#16844e;text-decoration:none;font-weight:800;font-size:13px}
.provider-available-highlight-scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.provider-available-highlight-scroll::-webkit-scrollbar{display:none}
.provider-available-highlight-card{display:flex;align-items:center;gap:10px;min-width:255px;max-width:285px;padding:11px 12px;border:1px solid #cfeada;border-radius:17px;background:#fff;text-decoration:none;color:#26313c;box-shadow:0 5px 16px rgba(15,23,42,.04)}
.provider-available-highlight-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;overflow:hidden;background:#e5f7ec;display:grid;place-items:center;color:#087a40}
.provider-available-highlight-avatar img{width:100%;height:100%;object-fit:cover}
.provider-available-highlight-card .grow>b{display:block;font-size:15px}
.provider-available-highlight-card small{display:block;margin-top:3px;color:#14844d;font-weight:900;font-size:12px}
.provider-available-highlight-card em{display:block;margin-top:2px;color:#7b8490;font-style:normal;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-available-badge{position:absolute;z-index:3;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:rgba(15,135,72,.93);color:#fff;font-size:12px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.provider-promo-badge + .provider-available-badge{top:43px}
.provider-card-available-line{display:flex;align-items:center;gap:8px;margin:11px 0;padding:9px 10px;border-radius:13px;background:#effbf4;text-decoration:none;color:#244033}
.provider-card-available-line>span:first-child{font-size:16px}
.provider-card-available-line .grow b{display:block;font-size:13px;color:#087a40}
.provider-card-available-line .grow small{display:block;margin-top:2px;color:#6b7a70;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:680px){
  .provider-available-highlights{margin-top:10px}
  .provider-available-highlights-head{align-items:flex-start}
  .provider-available-highlights-head p{max-width:260px}
}

/* v11.403 — 會員正式警告（優先於一般公告） */
html.member-warning-open,
html.member-warning-open body{overflow:hidden!important;overscroll-behavior:none}
.member-warning-backdrop{
  position:fixed;inset:0;z-index:10080;
  display:flex;align-items:center;justify-content:center;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));
  background:rgba(40,20,8,.68);backdrop-filter:blur(8px);
  transition:opacity .18s ease
}
.member-warning-backdrop.is-closing{opacity:0}
.member-warning-modal{
  width:min(690px,100%);max-height:min(90dvh,840px);
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid #f3c5a7;border-radius:24px;
  box-shadow:0 28px 90px rgba(55,24,5,.34)
}
.member-warning-head{display:flex;gap:13px;align-items:flex-start;padding:20px 22px 15px;background:#fff9f5}
.member-warning-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#ffeadc;font-size:27px}
.member-warning-head small{display:block;color:#b54b12;font-weight:900;font-size:12px;margin-bottom:3px}
.member-warning-head h2{margin:0;color:#7c2d12;font-size:22px;line-height:1.35}
.member-warning-head p{margin:5px 0 0;color:#8d725f;font-size:12px}
.member-warning-progress{height:5px;background:#f3e7df;overflow:hidden}
.member-warning-progress span{display:block;width:0;height:100%;background:#e56b22;transition:width .2s linear}
.member-warning-scroll{min-height:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px 24px 22px}
.member-warning-lead,.member-warning-rule,.member-warning-end{padding:14px 15px;border-radius:16px}
.member-warning-lead{background:#fff5ed;border:1px solid #f8d2bb;color:#8b3d13}
.member-warning-lead b,.member-warning-rule b,.member-warning-end b{display:block;font-size:16px}
.member-warning-lead span,.member-warning-rule span,.member-warning-end span{display:block;margin-top:4px;font-size:13px;line-height:1.6}
.member-warning-body{padding:20px 2px;color:#2d333b;font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.member-warning-rule{background:#fff8e7;border:1px solid #f0ddb0;color:#6c4d10}
.member-warning-end{margin-top:15px;background:#f4f8f5;border:1px solid #d6e8da;color:#315f3e}
.member-warning-foot{flex:0 0 auto;padding:13px 20px max(15px,env(safe-area-inset-bottom));border-top:1px solid #eee6e0;background:#fff}
.member-warning-read-state{display:flex;align-items:center;justify-content:center;gap:7px;min-height:22px;margin-bottom:9px;color:#6d625b;font-size:13px;text-align:center}
.member-warning-confirm{width:100%;min-height:52px;border:0;border-radius:15px;background:#c94f16;color:#fff;font-size:16px;font-weight:900;cursor:pointer}
.member-warning-confirm:disabled{opacity:.45;cursor:not-allowed}
.member-warning-foot>small{display:block;margin-top:8px;color:#857a72;font-size:11px;line-height:1.45;text-align:center}
@media(max-width:680px){
  .member-warning-backdrop{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));align-items:flex-end}
  .member-warning-modal{width:100%;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)));border-radius:22px 22px 14px 14px}
  .member-warning-head{padding:16px 15px 12px;gap:10px}
  .member-warning-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px;font-size:24px}
  .member-warning-head h2{font-size:19px}
  .member-warning-scroll{padding:14px 16px 18px}
  .member-warning-body{font-size:16px;line-height:1.82;padding:17px 1px}
  .member-warning-foot{padding:11px 13px max(12px,env(safe-area-inset-bottom))}
}


/* v11.412 私人聯繫：固定顯示本次最初詢問，避免回來後忘記一開始談什麼 */
.saytalk-contact-chat-page .st-contact-initial-inquiry{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:0;border:1px solid #dde4ee;border-bottom:0;background:#fffdf4;border-radius:12px 12px 0 0;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.saytalk-contact-chat-page .st-contact-initial-inquiry-copy{min-width:0;flex:1}.saytalk-contact-chat-page .st-contact-initial-inquiry-copy small{display:block;font-size:10px;color:#7a6a31;font-weight:800;margin-bottom:2px}.saytalk-contact-chat-page .st-contact-initial-inquiry-copy b{display:block;font-size:12px;line-height:1.45;color:#3f3a25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saytalk-contact-chat-page .st-contact-initial-inquiry button{flex:0 0 auto;border:0;background:#f4ead0;color:#66510a;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}
.saytalk-contact-chat-page .st-contact-initial-inquiry + .st-chat-main{margin-top:0!important;border-radius:0!important}
.saytalk-contact-chat-page .initial-inquiry-message{outline:2px solid rgba(190,150,40,.22)!important}.saytalk-contact-chat-page .initial-inquiry-message::before{content:'最初詢問';display:block;font-size:9px;font-weight:900;color:#8b6d16;margin-bottom:3px}
.saytalk-contact-chat-page .initial-inquiry-flash{animation:stInitialInquiryFlash .7s ease-in-out 2}
@keyframes stInitialInquiryFlash{50%{transform:scale(1.02);box-shadow:0 0 0 5px rgba(190,150,40,.16)!important}}
@media(max-width:680px){.saytalk-contact-chat-page .st-contact-initial-inquiry{padding:8px 10px}.saytalk-contact-chat-page .st-contact-initial-inquiry-copy b{font-size:11px}.saytalk-contact-chat-page .st-contact-initial-inquiry button{font-size:10px;padding:5px 8px}}

/* v11.413 報名前確認：委託內容必須完整顯示，不得截斷 */
.task-apply-confirm-notice{overflow:visible!important}
.task-apply-confirm-description{margin-top:10px;padding-top:10px;border-top:1px solid rgba(37,99,235,.15)}
.task-apply-confirm-description>b{display:block;margin-bottom:5px}
.task-apply-confirm-description>div{white-space:normal;overflow:visible;max-height:none;word-break:break-word;overflow-wrap:anywhere;line-height:1.65}

/* v11.418 報名評估流程 */
.application-decision-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.application-decision-summary>div{padding:10px;border:1px solid var(--line,#e5e7eb);border-radius:12px;text-align:center;background:var(--card,#fff)}
.application-decision-summary strong{display:block;font-size:18px}
.application-decision-summary small{display:block;margin-top:3px;opacity:.7}
.application-eval-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.application-eval-actions form{margin:0}
.decision-considering{font-weight:700}
.danger-outline{border-color:#ef4444!important}
@media(max-width:640px){
 .application-decision-summary{gap:6px}
 .application-decision-summary>div{padding:8px 4px}
 .application-eval-actions{display:grid;grid-template-columns:1fr 1fr}
 .application-eval-actions .chip{grid-column:1/-1}
 .application-eval-actions form .btn{width:100%}
}

/* v11.420 多人案件共同聊天室：發言者與時間 */
.group-chat-sender{
  display:block;
  font-weight:700;
  font-size:12px;
  line-height:1.35;
  margin-bottom:4px;
  opacity:.78;
}
.task-chat-message-time{
  display:block;
  font-size:11px;
  line-height:1.25;
  margin-top:5px;
  opacity:.58;
  white-space:nowrap;
}
.task-chat-messages .message.mine .task-chat-message-time,
.task-chat-messages .message.mine .group-chat-sender{
  text-align:right;
}
.task-chat-messages .system .task-chat-message-time{
  text-align:center;
  margin-top:3px;
}

/* v11.422 PWA install button */
.pwa-install-button{position:fixed;right:16px;bottom:84px;z-index:850;border:0;border-radius:999px;padding:11px 15px;background:#111827;color:#fff;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.18);cursor:pointer}.pwa-install-button[hidden]{display:none!important}@media(max-width:640px){.pwa-install-button{right:12px;bottom:76px;padding:10px 13px;font-size:14px}}

/* v11.424 iPhone/iPad PWA install visual guide */
.pwa-ios-guide-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center;padding:18px}
.pwa-ios-guide-card{position:relative;width:min(430px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;padding:22px 18px 18px;box-shadow:0 18px 60px rgba(0,0,0,.28);text-align:left}
.pwa-ios-guide-title{font-size:21px;font-weight:800;text-align:center;margin:2px 34px 18px}
.pwa-ios-guide-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:31px;line-height:1;cursor:pointer;padding:5px 9px;color:#555}
.pwa-ios-guide-step{font-size:16px;line-height:1.6;margin:12px 2px}.pwa-ios-guide-step span{color:#666}
.pwa-ios-guide-image{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:12px;background:#f5f5f5;margin:10px auto 14px}
.pwa-ios-guide-ok{display:block;width:100%;margin-top:14px}


/* ===== v11.433 profile_edit 儲存入口穩定化 ===== */
.profile-section-back{min-height:54px}
.profile-section-back .profile-section-top-save{margin-left:auto;flex:0 0 auto;white-space:nowrap}
.profile-save-bar{
  display:flex;
  position:sticky;
  bottom:max(8px,env(safe-area-inset-bottom));
  z-index:30;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
#profileForm.profile-keyboard-editing .profile-save-bar,
body.profile-form-keyboard-editing #profileForm .profile-save-bar,
body.keyboard-open #profileForm .profile-save-bar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.profile-save-bar.hidden{display:none!important}
@media(max-width:640px){
  .profile-section-back{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
  .profile-section-back strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .profile-section-back .profile-section-top-save{width:auto!important;min-width:92px;padding-left:10px;padding-right:10px}
  .profile-save-bar{bottom:max(8px,env(safe-area-inset-bottom));margin-bottom:2px}
}
@media(max-width:380px){
  .profile-section-back{grid-template-columns:auto minmax(0,1fr)}
  .profile-section-back .profile-section-top-save{grid-column:1/-1;width:100%!important}
}


/* ===== v11.434 profile_edit keyboard-safe save ===== */
.profile-keyboard-save{display:none!important}
@media(max-width:760px){
  body.profile-keyboard-compact-save #profileKeyboardSaveBtn{
    display:block!important;
    position:fixed!important;
    top:calc(var(--profile-vv-top, 0px) + 72px)!important;
    right:10px!important;
    z-index:10020!important;
    width:auto!important;
    min-width:78px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    box-shadow:0 5px 18px rgba(20,30,60,.24)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.profile-keyboard-compact-save #profileTopSaveBtn{visibility:hidden!important;pointer-events:none!important}
  body.profile-keyboard-compact-save #profileForm .profile-save-bar{
    display:none!important;
  }
}


/* ===== v11.435 Android / iOS focus-first keyboard save ===== */
@media(max-width:900px), (pointer:coarse){
  body.profile-keyboard-compact-save #profileForm .profile-save-bar,
  #profileForm .profile-save-bar.profile-save-bar-keyboard-hidden{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.profile-keyboard-compact-save #profileKeyboardSaveBtn{
    display:block!important;
    position:fixed!important;
    top:calc(var(--profile-vv-top, 0px) + 68px)!important;
    right:10px!important;
    z-index:10030!important;
    width:auto!important;
    min-width:78px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* v11.437 full-site mobile/PWA baseline hardening */
html,body{max-width:100%;min-width:0}
body{min-height:100vh;min-height:100dvh}
img,video,canvas,iframe{max-width:100%}
main,.wrap,.card,.form-section{min-width:0}
input,textarea,select,button{max-width:100%}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}


/* ===== v11.438 dashboard + provider_posts real mobile/PWA layout fix =====
   The stylesheet had multiple .page-main rules, but layout.php emitted only <main class="wrap">.
   v11.438 makes page-main a real layout hook and hardens the two reported pages. */
.page-main{width:min(100% - 32px,1080px);max-width:1080px;min-width:0;margin-left:auto;margin-right:auto}
.dashboard-page{overflow-x:hidden}
.dashboard-page .page-main{max-width:960px}
.dashboard-page .dashboard-section,
.dashboard-page .dashboard-mobile-hero,
.dashboard-page .dashboard-new-task-intro,
.dashboard-page .dashboard-line-community{width:100%;max-width:100%;min-width:0}
.dashboard-page .dashboard-profile-main,
.dashboard-page .dashboard-profile-main .grow,
.dashboard-page .dashboard-new-task-intro-copy,
.dashboard-page .dashboard-line-community-copy{min-width:0}
.dashboard-page h1,.dashboard-page h2,.dashboard-page p,.dashboard-page small,.dashboard-page b{overflow-wrap:anywhere}

@media(max-width:820px){
  .page-main{width:100%;max-width:100%;padding-left:12px;padding-right:12px}
  .dashboard-page .page-main{width:100%;max-width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .dashboard-page .dashboard-new-task-intro{margin-left:0;margin-right:0}
  .dashboard-page .dashboard-line-community-link{max-width:100%;min-width:0}
}
@media(max-width:560px){
  .page-main{padding:10px 10px calc(82px + env(safe-area-inset-bottom))}
  .dashboard-page .dashboard-mobile-hero{margin:8px 0;padding:13px}
  .dashboard-page .dashboard-profile-main{grid-template-columns:58px minmax(0,1fr);gap:10px}
  .dashboard-page .dashboard-avatar{width:58px!important;height:58px!important}
  .dashboard-page .dashboard-profile-main h1{font-size:20px;overflow-wrap:anywhere}
  .dashboard-page .dashboard-hero-actions{grid-template-columns:1fr 1fr;gap:7px}
  .dashboard-page .dashboard-hero-actions .btn{min-width:0;width:100%;font-size:13px;padding:9px 7px;white-space:normal}
  .dashboard-page .dashboard-security-strip{max-width:100%;-webkit-overflow-scrolling:touch}
  .dashboard-page .dashboard-new-task-intro{padding:13px;gap:10px}
  .dashboard-page .dashboard-new-task-intro-icon{width:44px;height:44px;font-size:22px}
  .dashboard-page .dashboard-new-task-intro-copy h2{font-size:17px}
  .dashboard-page .dashboard-new-task-intro-copy p{font-size:13px}
  .dashboard-page .dashboard-line-community-link{padding:12px;gap:10px}
  .dashboard-page .dashboard-line-community-icon{width:44px;height:44px;flex-basis:44px;font-size:12px}
  .dashboard-page .dashboard-line-community-action{white-space:nowrap;font-size:12px}
}
@media(display-mode:standalone){
  .dashboard-page .page-main{min-height:100dvh}
}

/* v11.472 dashboard first-use flow */
.dashboard-start-card{padding:18px;border:1px solid #dbe5ee;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.dashboard-start-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.dashboard-start-head h2{margin:2px 0 6px}.dashboard-start-head .muted{margin:0;line-height:1.65}.dashboard-start-state{flex:0 0 auto;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.dashboard-start-state.warn{background:#fff7ed;color:#c2410c}.dashboard-start-state.ok{background:#ecfdf5;color:#047857}
.dashboard-role-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-role-card{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #dbe5ee;border-radius:18px;background:#fff;text-decoration:none!important;color:inherit!important;min-width:0}.dashboard-role-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.06)}.dashboard-role-card.client.ready{border-color:#bfdbfe;background:#f8fbff}.dashboard-role-card.provider.ready{border-color:#bbf7d0;background:#f6fff9}.dashboard-role-card.locked{border-style:dashed;background:#fafafa}.dashboard-role-icon{font-size:30px}.dashboard-role-card small{display:block;color:var(--muted);font-weight:700;margin-bottom:2px}.dashboard-role-card b{display:block;font-size:17px;margin-bottom:4px}.dashboard-role-card em{display:block;font-size:12px;color:var(--muted);font-style:normal;line-height:1.5}.dashboard-role-card>strong{flex:0 0 auto;font-size:12px;white-space:nowrap}
.dashboard-start-progress{margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}.dashboard-start-progress>b{display:block;margin-bottom:8px}.dashboard-start-progress-list{display:grid;gap:8px}.dashboard-start-progress-list>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;text-decoration:none!important;color:inherit!important}.dashboard-start-progress-list>a small{display:block;color:#9a3412;margin-top:2px}.dashboard-start-progress-list>a>strong{font-size:12px;white-space:nowrap;color:#c2410c}.dashboard-start-complete{margin-top:14px;padding:11px 12px;border-radius:14px;background:#ecfdf5;color:#047857;font-weight:800}.dashboard-quick-item.locked,.dashboard-menu-card.locked{border-style:dashed;background:#fafafa}
@media(max-width:720px){.dashboard-start-card{padding:14px}.dashboard-start-head{display:block}.dashboard-start-state{display:inline-block;margin-top:10px}.dashboard-role-choice{grid-template-columns:1fr}.dashboard-role-card{align-items:flex-start;padding:14px}.dashboard-role-card>strong{align-self:center}.dashboard-role-card b{font-size:16px}}

/* v11.486 application rejection custom message */
.application-eval-actions .application-reject-form{flex:1 1 100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:4px}
.application-reject-message{display:grid;gap:5px;margin:0}.application-reject-message>span{font-size:13px;font-weight:900;color:#374151}.application-reject-message textarea{width:100%;min-height:72px;resize:vertical}.application-reject-message small{color:#6b7280;line-height:1.45}
.application-reject-form>.btn{min-height:44px}
@media(max-width:640px){.application-eval-actions .application-reject-form{grid-template-columns:1fr}.application-reject-form>.btn{width:100%}}

/* v11.509 provider profile quick navigation */
.provider-profile-quicknav{
  max-width:880px;margin:-4px auto 14px;padding:8px;
  display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;
  position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:18;
  background:rgba(247,249,248,.94);backdrop-filter:blur(10px);
  border:1px solid #e6ece8;border-radius:16px;
}
.provider-profile-quicknav::-webkit-scrollbar{display:none}
.provider-profile-quicknav a{
  flex:0 0 auto;text-decoration:none;color:#25342d;background:#fff;
  border:1px solid #e2e9e5;border-radius:999px;padding:9px 12px;
  font-size:13px;font-weight:900;white-space:nowrap;
}
.provider-profile-quicknav a:active{transform:scale(.98)}
@media(max-width:680px){
  .provider-profile-quicknav{
    margin:0 10px 12px;top:calc(58px + env(safe-area-inset-top));
    border-left:0;border-right:0;border-radius:12px;
  }
}

/* v11.524 homepage PWA priority guide */
.home-pwa-guide{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#eefcf4,#f0f7ff);border-color:#cce8da}
.home-pwa-guide[hidden]{display:none!important}
.home-pwa-guide-copy{min-width:0;max-width:760px}.home-pwa-guide-copy h2{margin:7px 0 8px}.home-pwa-guide-copy p{margin:0;color:#475467;line-height:1.7}
.home-pwa-guide-notes{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.home-pwa-guide-notes span{background:#fff;border:1px solid #d7e7df;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;color:#344054}
.home-pwa-guide-action{display:flex;flex-direction:column;gap:8px;align-items:center;flex:0 0 auto}.home-pwa-guide-action small{color:#667085;text-align:center;max-width:240px;line-height:1.45}
@media(max-width:720px){.home-pwa-guide{align-items:stretch;flex-direction:column;gap:18px}.home-pwa-guide-action{align-items:stretch}.home-pwa-guide-action .home-v276-btn{width:100%;text-align:center}.home-pwa-guide-action small{max-width:none}}

/* v11.528 private contact read receipt */
.st-chat-main .contact-msg>small .contact-msg-read{font-weight:700;color:#667085;white-space:nowrap}

/* v11.588 my_tasks information-first redesign */
.mytasks-v2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:4px 0 14px}.mytasks-v2-head h1{margin:2px 0 4px;font-size:30px}.mytasks-v2-head p{margin:0}.mytasks-create{white-space:nowrap}
.mytasks-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 14px}.mytasks-summary-card{appearance:none;text-align:left;border:1px solid #e5e8ee;background:#fff;border-radius:16px;padding:14px;cursor:pointer;box-shadow:0 3px 14px rgba(20,31,55,.035)}.mytasks-summary-card small,.mytasks-summary-card span{display:block;color:#778190}.mytasks-summary-card strong{display:block;font-size:27px;line-height:1.1;margin:5px 0}.mytasks-summary-card span{font-size:11px}.mytasks-summary-card.active{border-color:#91a9ff;box-shadow:0 0 0 2px rgba(72,105,230,.08)}
.mytasks-panel-heading{display:flex;align-items:center;gap:8px;margin:15px 2px 7px}.mytasks-panel-heading h2{font-size:17px;margin:0}.mytasks-panel-heading small{color:#87909d}
.mytask-v2{background:#fff;border:1px solid #e6e9ef;border-radius:20px;margin:10px 0 14px;overflow:hidden;box-shadow:0 5px 18px rgba(20,31,55,.045)}.mytask-v2-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 0;gap:10px}.mytask-v2-badges{display:flex;flex-wrap:wrap;gap:6px}.mytask-kind{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;background:#f3f5f8;color:#596577;font-size:11px;font-weight:800}.mytask-kind.direct{background:#f3efff;color:#6748a8}.mytask-code{font-size:11px;color:#8a93a2}.mytask-v2-title{display:block;color:inherit;text-decoration:none!important;padding:0 16px}.mytask-v2-title h2{font-size:19px;line-height:1.35;margin:10px 0}
.mytask-next{margin:0 16px 12px;padding:11px 13px;border-radius:13px;background:#f6f8fb}.mytask-next small{display:block;font-size:10px;color:#778190;margin-bottom:2px}.mytask-next b{font-size:13px;line-height:1.5}.mytask-next-warn{background:#fff8e7}.mytask-next-active{background:#eef4ff}.mytask-next-danger{background:#fff1f1}.mytask-next-done{background:#edf9f1}
.mytask-v2-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf0f4;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.mytask-v2-info>div{background:#fff;padding:11px 14px;min-width:0}.mytask-v2-info>div.wide{grid-column:span 2}.mytask-v2-info small{display:block;color:#858e9b;font-size:10px;margin-bottom:3px}.mytask-v2-info b{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.mytask-people-row{padding:0 16px}.mytask-direct-note,.mytask-progress{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:10px 12px;border-radius:13px;background:#f8f9fb}.mytask-direct-note{background:#f7f3ff}.mytask-direct-note>span,.mytask-progress>span{font-size:19px}.mytask-direct-note small,.mytask-progress small{display:block;color:#858e9b;font-size:10px}.mytask-direct-note b,.mytask-progress b{font-size:12px}.mytask-direct-note p,.mytask-progress p{font-size:11px;color:#778190;margin:2px 0 0}.mytask-actions-v2{padding:12px 16px}.mytask-actions-v2 .primary-action{font-weight:900}.mytask-action-hint{font-size:12px;font-weight:800;color:#8a5a00;margin-right:auto}.mytask-action-hint.done{color:#3d7c55}
@media(max-width:720px){.mytasks-v2-head{align-items:flex-start}.mytasks-v2-head h1{font-size:25px}.mytasks-v2-head .muted{font-size:11px;line-height:1.5}.mytasks-create{padding:9px 11px}.mytasks-summary{gap:6px}.mytasks-summary-card{padding:10px 8px;border-radius:13px}.mytasks-summary-card small{font-size:10px}.mytasks-summary-card strong{font-size:23px}.mytasks-summary-card span{display:none}.mytask-v2{border-radius:16px}.mytask-v2-head{padding:12px 13px 0}.mytask-v2-title{padding:0 13px}.mytask-v2-title h2{font-size:17px}.mytask-next{margin:0 13px 10px}.mytask-v2-info{grid-template-columns:repeat(2,minmax(0,1fr))}.mytask-v2-info>div.wide{grid-column:span 2}.mytask-v2-info>div{padding:10px 12px}.mytask-people-row{padding:0 13px}.mytask-actions-v2{padding:10px 13px}.mytask-actions-v2 .btn{flex:1 1 calc(50% - 5px)}.mytask-actions-v2 .primary-action{flex-basis:100%}}

/* v11.617 全站私人訊息未讀懸浮按鈕：固定左下，避開右下案件提醒／PWA 安裝按鈕。 */
.contact-unread-fab{position:fixed;left:16px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:1200;display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 11px 9px 13px;border-radius:999px;background:#111827;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 30px rgba(0,0,0,.24);font-weight:800;line-height:1;transition:transform .16s ease,box-shadow .16s ease}
.contact-unread-fab:hover{transform:translateY(-2px);box-shadow:0 13px 34px rgba(0,0,0,.28)}
.contact-unread-fab[hidden]{display:none!important}
.contact-unread-fab-icon{font-size:23px;line-height:1}
.contact-unread-fab-label{font-size:14px;white-space:nowrap}
.contact-unread-fab-badge{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;line-height:1;box-shadow:0 0 0 2px #111827}
@media(max-width:640px){.contact-unread-fab{left:12px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));min-height:46px;padding:8px 10px 8px 12px}.contact-unread-fab-label{display:none}.contact-unread-fab-icon{font-size:24px}}

/* v11.620: unified unread private-message + task-chat chooser */
.contact-unread-fab{border:0;cursor:pointer;font-family:inherit}
.message-unread-choice-backdrop{position:fixed;inset:0;z-index:4900;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:20px}
.message-unread-choice-backdrop[hidden]{display:none!important}
.message-unread-choice{position:relative;width:min(420px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center}
.message-unread-choice-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#64748b}
.message-unread-choice-icon{font-size:38px}.message-unread-choice h3{margin:8px 0 6px;font-size:21px}.message-unread-choice p{margin:0 0 18px;color:#64748b;line-height:1.55}
.message-unread-choice-actions{display:grid;gap:10px}.message-unread-choice-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid #e2e8f0;border-radius:15px;text-decoration:none!important;color:#0f172a!important;text-align:left;font-weight:800;background:#f8fafc}.message-unread-choice-item b{font-size:13px;color:#ef4444;white-space:nowrap}.message-unread-choice-item:hover{background:#f1f5f9}
body.message-choice-open{overflow:hidden}

/* ===== v11.623 private contact header actions ===== */
.saytalk-contact-chat-page .st-chat-header-menu{position:relative;margin:0;padding:0;flex:0 0 auto}
.saytalk-contact-chat-page .st-chat-header-menu>summary{list-style:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f4f7;color:#4f5968;font-size:20px;font-weight:900;line-height:1;cursor:pointer;user-select:none}
.saytalk-contact-chat-page .st-chat-header-menu>summary::-webkit-details-marker{display:none}
.saytalk-contact-chat-page .st-chat-header-menu-panel{position:absolute;right:0;top:40px;z-index:80;min-width:170px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px rgba(20,30,50,.16)}
.saytalk-contact-chat-page .st-chat-header-menu-panel form{margin:0}
.saytalk-contact-chat-page .st-chat-header-menu-panel button{width:100%;border:0;background:transparent;color:#c33;padding:10px 12px;border-radius:9px;text-align:left;font-weight:800;cursor:pointer}
.saytalk-contact-chat-page .st-chat-header-menu-panel button:hover{background:#fff2f2}
@media(max-width:700px){
 .saytalk-contact-chat-page .st-chat-header-menu>summary{width:32px;height:32px;font-size:18px}
 .saytalk-contact-chat-page .st-chat-header-menu-panel{top:38px}
 .saytalk-contact-chat-page .st-chat-header-task{font-size:11px!important;padding:0 9px!important}
}

/* v11.629: keep the global unread FAB clear of chat composers on mobile. */
body.saytalk-task-chat-page .contact-unread-fab,
body.saytalk-contact-chat-page .contact-unread-fab{
  bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));
}
@media(max-width:640px){
  body.saytalk-task-chat-page .contact-unread-fab,
  body.saytalk-contact-chat-page .contact-unread-fab{
    bottom:max(82px,calc(env(safe-area-inset-bottom) + 74px));
  }
}