:root{
  --pa-ink:#5b2b1d;
  --pa-text:#704532;
  --pa-muted:#a47760;
  --pa-accent:#d9683b;
  --pa-accent-dark:#a84f2c;
  --pa-line:rgba(190,126,86,.22);
  --pa-panel:rgba(255,252,247,.88);
  --pa-soft:#fbf3e8;
  --pa-shadow:0 12px 32px rgba(120,72,43,.10),inset 0 1px 0 rgba(255,255,255,.88);
}

/* 用户端二级页统一为430px居中手机画布；手机端仍按100%宽度显示。 */
body:has(:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select,#page-privacy-center-v10,#page-legal-view-v10,#page-account-deletion-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record):not(.page-hidden)){
  display:flex;
  justify-content:center;
  background:#e8dfd3;
}
body:has(:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select,#page-privacy-center-v10,#page-legal-view-v10,#page-account-deletion-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record):not(.page-hidden)) main{
  width:100%;
  max-width:430px;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 2%,rgba(255,255,255,.98),transparent 28%),
    radial-gradient(circle at 95% 38%,rgba(255,139,73,.18),transparent 32%),
    linear-gradient(155deg,#fff9ec 0%,#ffedcf 58%,#ffd8b3 100%);
}
:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select,#page-privacy-center-v10,#page-legal-view-v10,#page-account-deletion-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record){
  width:100%;
  max-width:430px;
  margin-inline:auto;
}
:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select,#page-privacy-center-v10,#page-legal-view-v10,#page-account-deletion-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(.fixed.top-0,.fixed.bottom-0){
  left:50%!important;
  right:auto!important;
  width:100%;
  max-width:430px;
  transform:translateX(-50%);
}

/* 客服 / 我的主Tab与首页、服务共用430px居中手机画布。 */
body:has(:where(#page-message,#page-profile):not(.page-hidden)){
  display:flex;
  justify-content:center;
  background:#e8dfd3;
}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) main{
  width:100%;
  max-width:430px;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 2%,rgba(255,255,255,.98),transparent 28%),
    radial-gradient(circle at 95% 38%,rgba(255,139,73,.18),transparent 32%),
    linear-gradient(155deg,#fff9ec 0%,#ffedcf 58%,#ffd8b3 100%);
}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) :where(#page-message,#page-profile){
  width:100%;
  max-width:430px;
}

/* 主Tab共用确认稿底栏；仅补齐“客服 / 我的”两个此前会回退旧样式的状态。 */
body:has(:where(#page-message,#page-profile):not(.page-hidden)) #mainFooter{
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  width:calc(100% - 28px)!important;
  max-width:402px!important;
  height:62px!important;
  transform:translateX(-50%);
  padding:5px!important;
  border:1.5px solid rgba(255,255,255,.74)!important;
  border-radius:26px!important;
  background:rgba(255,250,242,.46)!important;
  box-shadow:0 18px 42px rgba(145,74,29,.14),inset 0 1px 0 rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(19px);
  backdrop-filter:blur(19px);
  overflow:visible;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) #mainFooter>div{height:50px!important;padding:0!important}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) #mainFooter .tab-item{height:50px;gap:2px;color:#9da4b3!important}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) #mainFooter .tab-item svg{width:22px!important;height:22px!important;stroke-width:1.8}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) #mainFooter .tab-item span:last-child{margin:0!important;font-size:11px!important;font-weight:400!important;line-height:14px}
body:has(:where(#page-message,#page-profile):not(.page-hidden)) #mainFooter .tab-item.text-primary{color:#ff7246!important}

/* 底栏“客服”主页：保留原有热线、FAQ和跳转，仅统一暖金视觉。 */
#page-message{
  min-height:calc(100vh - 175px);
  padding:0 17px 26px;
  color:var(--pa-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:transparent!important;
}
#page-message>div:first-child{
  margin:0 -17px 16px;
  padding:16px 17px!important;
  border-color:rgba(255,255,255,.78)!important;
  background:rgba(255,250,242,.72)!important;
  box-shadow:0 10px 26px rgba(132,66,27,.08);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
#page-message>div:first-child .text-gray-800{color:var(--pa-ink)!important;font-size:17px!important}
#page-message>.pb-20{padding-bottom:22px!important}
#page-message>.pb-20>div{margin-left:0!important;margin-right:0!important}
#page-message>.pb-20>div:first-child{
  margin-top:0!important;
  padding:25px 22px!important;
  border:1.5px solid rgba(255,255,255,.72);
  border-radius:26px!important;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,245,203,.38),transparent 30%),
    linear-gradient(135deg,#f3c26e 0%,#e98d51 54%,#cf5b34 100%)!important;
  box-shadow:0 17px 38px rgba(139,70,31,.17),inset 0 1px 0 rgba(255,255,255,.58);
}
#page-message>.pb-20>div:first-child>div:first-child{
  color:#fff8ef!important;
  background:rgba(255,250,242,.22)!important;
  border:1px solid rgba(255,255,255,.35);
}
#page-message>.pb-20>div:first-child>a{
  color:#a84f2c!important;
  background:rgba(255,251,245,.9)!important;
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 8px 20px rgba(112,53,27,.13);
}
#page-message>.pb-20>div:nth-child(2),
#page-message>.pb-20>div:nth-child(3)>div>div{
  border:1.5px solid rgba(255,255,255,.82);
  background:rgba(255,252,247,.72)!important;
  box-shadow:var(--pa-shadow)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
#page-message>.pb-20>div:nth-child(2){border-radius:22px!important;padding:13px 16px!important}
#page-message>.pb-20>div:nth-child(3)>div>div{border-radius:18px!important;padding:14px!important}
#page-message :is(.bg-blue-100,.bg-green-100,.bg-purple-100,.bg-pink-100,.bg-orange-100){
  background:linear-gradient(145deg,rgba(255,248,232,.96),rgba(247,205,147,.68))!important;
}
#page-message :is(.text-blue-500,.text-green-500,.text-purple-500,.text-pink-500,.text-orange-500){color:var(--pa-accent)!important}
#page-message :is(.text-gray-800,.text-gray-700){color:var(--pa-ink)!important}
#page-message :is(.text-gray-500,.text-gray-400){color:var(--pa-muted)!important}
#page-message .border-gray-50{border-color:rgba(190,126,86,.12)!important}
#page-message>.pb-20>div:nth-child(3)>.text-gray-800{margin-bottom:12px!important;font-size:16px!important}
#page-message .message-icon-work{background:#fff0df!important;color:#d36a32!important}
#page-message .message-icon-response{background:#fce9ef!important;color:#ca5c7c!important}
#page-message .message-icon-scope{background:#fff4cf!important;color:#b9821c!important}
#page-message .message-icon-order{background:#e5f5ef!important;color:#3f8c78!important}
#page-message .message-icon-service{background:#eee9f7!important;color:#7660a8!important}
#page-message .message-icon-pay{background:#e7f2f8!important;color:#4d839d!important}
#page-message .message-icon-refund{background:#e8f4dc!important;color:#689342!important}
#page-message :is(.message-icon-work,.message-icon-response,.message-icon-scope,.message-icon-order,.message-icon-service,.message-icon-pay,.message-icon-refund) svg{color:inherit!important}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record){
  color:var(--pa-text);
  background:
    radial-gradient(circle at 86% 5%,rgba(250,193,112,.25),transparent 25%),
    linear-gradient(180deg,#fffaf4 0%,#f8efe5 100%);
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen{
  background:transparent!important;
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen>.fixed.top-0,
:where(#page-privacy-center-v10,#page-legal-view-v10)>.fixed.top-0{
  background:rgba(255,251,245,.92)!important;
  border-bottom:1px solid rgba(190,126,86,.16)!important;
  box-shadow:0 8px 24px rgba(120,72,43,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen>.fixed.top-0 .text-gray-800,
:where(#page-privacy-center-v10,#page-legal-view-v10)>.fixed.top-0 .text-gray-800{
  color:var(--pa-ink)!important;
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen>.fixed.top-0 svg,
:where(#page-privacy-center-v10,#page-legal-view-v10)>.fixed.top-0 svg{
  color:#95634d!important;
}

/* 邀请页由运行时渲染 sticky 头部，视觉与其余个人中心二级页保持一致。 */
#page-invite>.min-h-screen>.sticky.top-0{
  background:rgba(255,251,245,.92)!important;
  border-bottom:1px solid rgba(190,126,86,.16)!important;
  box-shadow:0 8px 24px rgba(120,72,43,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
#page-invite>.min-h-screen>.sticky.top-0 .text-gray-800{color:var(--pa-ink)!important}
#page-invite>.min-h-screen>.sticky.top-0 svg{color:#95634d!important}

:where(#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) .bg-white{
  background:var(--pa-panel)!important;
  border-color:var(--pa-line)!important;
  box-shadow:var(--pa-shadow)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

:where(#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(input,textarea,select){
  color:var(--pa-ink)!important;
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(190,126,86,.25)!important;
  caret-color:var(--pa-accent);
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(.text-blue-500,.text-blue-600,.text-purple-500,.text-purple-600,.text-pink-500,.text-green-500){
  color:var(--pa-accent)!important;
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(.bg-blue-500,.bg-purple-500,.bg-pink-500,.bg-green-500){
  background-color:var(--pa-accent)!important;
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) [class*="bg-gradient-to-"]{
  background-image:linear-gradient(135deg,#f7c779 0%,#ed9c5c 52%,#d96a3c 100%)!important;
  color:#fffaf4!important;
}

:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(button,[role="button"]){
  -webkit-tap-highlight-color:transparent;
}

#page-profile{
  min-height:calc(100vh - 129px);
  padding-bottom:24px;
  color:var(--pa-text);
  background:
    radial-gradient(circle at 88% 0,rgba(255,198,112,.30),transparent 24%),
    linear-gradient(180deg,#fffaf4 0%,#f8efe5 100%);
}

#page-profile #profileHeader{
  padding-top:30px!important;
  padding-bottom:72px!important;
  background:
    radial-gradient(circle at 82% 5%,rgba(255,255,255,.44),transparent 24%),
    linear-gradient(135deg,#f7d79b 0%,#efa469 56%,#d96a3c 100%)!important;
  border-radius:0 0 30px 30px;
  box-shadow:0 16px 36px rgba(140,76,38,.16);
}

#page-profile #profileHeader .text-white{color:#fffaf4!important}
#page-profile #profileHeader [class*="text-white/"]{color:rgba(255,250,244,.78)!important}
#page-profile #profileHeader #profileAvatar{
  background:rgba(255,251,245,.42)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 10px 24px rgba(126,67,34,.16);
}

#page-profile>.px-4.-mt-12{margin-top:-42px!important}
#page-profile .bg-white{
  background:var(--pa-panel)!important;
  border:1px solid var(--pa-line)!important;
  box-shadow:var(--pa-shadow)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
#page-profile .rounded-2xl{border-radius:20px!important}
#page-profile .border-gray-50{border-color:rgba(190,126,86,.12)!important}
#page-profile :is(.text-gray-800,.text-gray-700){color:var(--pa-ink)!important}
#page-profile :is(.text-gray-600,.text-gray-500,.text-gray-400){color:var(--pa-muted)!important}
#page-profile :is(.bg-orange-50,.bg-blue-50,.bg-purple-50,.bg-pink-50,.bg-green-50,.bg-red-50,.bg-yellow-50,.bg-gray-100){background:linear-gradient(145deg,rgba(255,250,242,.95),rgba(247,217,176,.62))!important}
#page-profile :is(.text-blue-500,.text-purple-500,.text-pink-500,.text-green-500,.text-red-500,.text-yellow-500,.text-gray-500){color:var(--pa-accent)!important}
#page-profile :is([onclick="goToMyCoupons()"],[onclick="goToFavorites()"],[onclick="goToMyReviews()"],[onclick="goToAddress()"],[onclick="goToSettings()"],[onclick="goToUserChatPage()"],[onclick="goToHelpCenterFromProfile()"],[onclick="goToAbout()"] )>div:first-child{
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 5px 14px rgba(111,71,47,.08);
}
#page-profile [onclick="goToMyCoupons()"]>div:first-child{background:#fff0df!important;color:#d36a32!important}
#page-profile [onclick="goToFavorites()"]>div:first-child{background:#fce9ef!important;color:#ca5c7c!important}
#page-profile [onclick="goToMyReviews()"]>div:first-child{background:#fff4cf!important;color:#b9821c!important}
#page-profile [onclick="goToAddress()"]>div:first-child{background:#e5f5ef!important;color:#3f8c78!important}
#page-profile [onclick="goToSettings()"]>div:first-child{background:#eee9f7!important;color:#7660a8!important}
#page-profile [onclick="goToUserChatPage()"]>div:first-child{background:#e7f2f8!important;color:#4d839d!important}
#page-profile [onclick="goToHelpCenterFromProfile()"]>div:first-child{background:#e8f4dc!important;color:#689342!important}
#page-profile [onclick="goToAbout()"]>div:first-child{background:#f3e6f4!important;color:#925e92!important}
#page-profile [onclick="goToMyCoupons()"]>div:first-child svg{color:#d36a32!important}
#page-profile [onclick="goToFavorites()"]>div:first-child svg{color:#ca5c7c!important}
#page-profile [onclick="goToMyReviews()"]>div:first-child svg{color:#b9821c!important}
#page-profile [onclick="goToAddress()"]>div:first-child svg{color:#3f8c78!important}
#page-profile [onclick="goToSettings()"]>div:first-child svg{color:#7660a8!important}
#page-profile [onclick="goToUserChatPage()"]>div:first-child svg{color:#4d839d!important}
#page-profile [onclick="goToHelpCenterFromProfile()"]>div:first-child svg{color:#689342!important}
#page-profile [onclick="goToAbout()"]>div:first-child svg{color:#925e92!important}
#page-profile #profileCouponCount{color:#ef4444!important}
#page-profile #profileCouponCount:empty{display:none}
#page-profile [onclick="goToOrderList('unpaid')"]>div:first-child{background:#fff0df!important;color:#d36a32!important}
#page-profile [onclick="goToOrderList('pending')"]>div:first-child{background:#fce9ef!important;color:#ca5c7c!important}
#page-profile [onclick="goToOrderList('servicing')"]>div:first-child{background:#fff4cf!important;color:#b9821c!important}
#page-profile [onclick="goToOrderList('reviewing')"]>div:first-child{background:#e5f5ef!important;color:#3f8c78!important}
#page-profile [onclick="goToOrderList('completed')"]>div:first-child{background:#eee9f7!important;color:#7660a8!important}
#page-profile [onclick="goToOrderList('unpaid')"]>div:first-child>svg{color:#d36a32!important}
#page-profile [onclick="goToOrderList('pending')"]>div:first-child>svg{color:#ca5c7c!important}
#page-profile [onclick="goToOrderList('servicing')"]>div:first-child>svg{color:#b9821c!important}
#page-profile [onclick="goToOrderList('reviewing')"]>div:first-child>svg{color:#3f8c78!important}
#page-profile [onclick="goToOrderList('completed')"]>div:first-child>svg{color:#7660a8!important}
#page-profile>.px-4.mt-4>[class*="bg-gradient-to-"]{
  background:linear-gradient(110deg,rgba(246,191,112,.96),rgba(219,104,59,.96))!important;
  border:1px solid rgba(255,255,255,.50);
  box-shadow:0 12px 30px rgba(150,77,38,.16)!important;
}

#page-login #loginBrandLogo,
#page-register [class*="from-blue-500"],
#page-agent-center [class*="from-purple-500"],
#page-commission-list [class*="from-purple-500"],
#page-withdraw-apply [class*="from-purple-500"]{
  background-image:linear-gradient(145deg,#f7cf8b,#e98950 58%,#ce5c34)!important;
  box-shadow:0 18px 40px rgba(145,77,39,.18)!important;
}

#page-login :is(input,textarea),#page-register :is(input,textarea){
  background:rgba(255,252,247,.78)!important;
  border-color:rgba(190,126,86,.24)!important;
  color:var(--pa-ink)!important;
}
#page-login .text-gray-800,#page-register .text-gray-800{color:var(--pa-ink)!important}
#page-login .text-gray-500,#page-login .text-gray-400,#page-register .text-gray-500,#page-register .text-gray-400{color:var(--pa-muted)!important}

#page-agent-center .bg-gradient-to-br,
#page-commission-list .bg-gradient-to-br,
#page-withdraw-apply .bg-gradient-to-br{
  border-radius:0 0 28px 28px;
}
#page-agent-center .bg-white,
#page-commission-list .bg-white,
#page-withdraw-apply .bg-white,
#page-withdraw-record .bg-white{
  border:1px solid var(--pa-line)!important;
}

#page-settings button.bg-red-500,
#page-privacy-center-v10 button.bg-red-500,
#page-account-deletion-v10 button.bg-red-500{
  background:#c9503f!important;
  color:white!important;
}

/* 账号设置首组紧贴56px顶部栏，消除原有16px空带。 */
#page-settings>.min-h-screen>.pb-24>div:first-child{margin-top:0!important}

/* fixed 顶栏页面由自身保留56px正文占位，不再依赖主框架或负边距补偿。 */
:where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-coupon-center,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen{
  padding-top:56px;
}

#page-account-deletion-v10{
  min-height:100vh;
  color:var(--pa-text);
  background:radial-gradient(circle at 86% 5%,rgba(250,193,112,.25),transparent 25%),linear-gradient(180deg,#fffaf4 0%,#f8efe5 100%);
}
#page-account-deletion-v10>.sticky{
  background:rgba(255,251,245,.92)!important;
  border-bottom-color:rgba(190,126,86,.16)!important;
  box-shadow:0 8px 24px rgba(120,72,43,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
#page-account-deletion-v10 .bg-white{
  background:var(--pa-panel)!important;
  border:1px solid var(--pa-line)!important;
  box-shadow:var(--pa-shadow)!important;
}
#page-account-deletion-v10 textarea{
  color:var(--pa-ink)!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(190,126,86,.25)!important;
}

#page-privacy-center-v10 .privacy-doc-link{align-items:flex-start;gap:12px}
#page-privacy-center-v10 .privacy-doc-title{flex:0 0 43%;color:var(--pa-ink);font-weight:600;line-height:1.55}
#page-privacy-center-v10 .privacy-doc-version{min-width:0;text-align:right;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}
#page-privacy-center-v10 .privacy-consent-head{align-items:flex-start}
#page-privacy-center-v10 .privacy-consent-head>span:first-child{flex:0 0 auto}
#page-privacy-center-v10 .privacy-consent-head .privacy-doc-version{max-width:65%}

/* 个人资产与内容页使用自己的导航；主框架占位由显式页面状态清零。 */
:where(#page-favorites,#page-reviews,#page-review,#page-coupon-center,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select){
  margin-top:0;
}

/* 需要自有顶部栏的动态个人页不再使用负 margin 抵消。 */
.profile-secondary-top-page{
  margin-top:0;
}

/* 我的优惠券使用独立滚动画布，避免 sticky 标题仍受主框架 56px 顶部占位影响。 */
#page-my-coupons.profile-secondary-top-page{
  position:fixed;
  top:0;
  bottom:0;
  left:50%;
  right:auto;
  width:100%;
  max-width:430px;
  height:100dvh;
  min-height:0;
  margin:0!important;
  transform:translateX(-50%);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  z-index:60;
}
#page-my-coupons.profile-secondary-top-page>.min-h-screen{min-height:100%;background:transparent!important}

/* 邀请好友是独立全屏二级页，不再使用负外边距抵消主框架占位。 */
#page-invite.invite-secondary-page{
  position:fixed;
  top:0;
  bottom:0;
  left:50%;
  right:auto;
  width:100%;
  max-width:430px;
  height:100dvh;
  min-height:0;
  margin:0!important;
  transform:translateX(-50%);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  z-index:60;
}
#page-invite.invite-secondary-page>.min-h-screen{min-height:100%;padding-top:0!important;background:transparent!important}
#page-invite .invite-user-header{
  box-sizing:border-box;
  height:calc(56px + env(safe-area-inset-top))!important;
  padding-top:env(safe-area-inset-top);
}

/* 消息中心是独立全屏二级页，彻底脱离主框架顶部占位与负外边距补偿。 */
#page-message-center.message-center-page{
  position:fixed;
  top:0;
  bottom:0;
  left:50%;
  right:auto;
  width:100%;
  max-width:430px;
  height:100dvh;
  min-height:0;
  margin:0!important;
  transform:translateX(-50%);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  z-index:60;
}
#page-message-center.message-center-page>.message-center-shell{min-height:100%;background:transparent!important}
#page-message-center .message-center-header{
  box-sizing:border-box;
  height:calc(56px + env(safe-area-inset-top))!important;
  padding-top:calc(12px + env(safe-area-inset-top));
  z-index:52;
}
#page-message-center .message-center-tabs{
  top:calc(56px + env(safe-area-inset-top))!important;
  z-index:48;
}
#page-message-center .message-center-list{position:relative;z-index:1;padding-top:0}

/* 独立二级页位于z60；悬浮客服需置于其上方，并始终收在居中430px用户画布内。 */
body:has(:where(#page-message-center,#page-my-coupons,#page-invite):not(.page-hidden)) #floatingCSButton{
  left:auto!important;
  right:max(16px,calc((100vw - 430px)/2 + 16px))!important;
  z-index:80!important;
}

body:has(:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select,#page-privacy-center-v10,#page-legal-view-v10):not(.page-hidden)) :is(#mainHeader,#mainFooter){
  display:none!important;
}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select){
  color:var(--pa-text);
  background:
    radial-gradient(circle at 86% 5%,rgba(250,193,112,.25),transparent 25%),
    linear-gradient(180deg,#fffaf4 0%,#f8efe5 100%);
}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select)>.min-h-screen{
  background:transparent!important;
}

:where(#page-favorites,#page-reviews,#page-review,#page-coupon-center,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select)>.min-h-screen{
  padding-top:56px;
}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select)>.min-h-screen>:is(.fixed.top-0,.sticky.top-0),
#page-message-center>.min-h-screen>.sticky.top-14{
  background:rgba(255,251,245,.92)!important;
  border-color:rgba(190,126,86,.16)!important;
  box-shadow:0 8px 24px rgba(120,72,43,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

/* 我的优惠券使用自己的两层顶部结构，正文始终从两层之后自然开始。 */
#page-my-coupons .coupon-user-header{height:56px;position:sticky;top:0;z-index:52}
#page-my-coupons .coupon-user-tabs{position:relative;z-index:1}
#page-my-coupons #myCouponsList{position:relative;z-index:1}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select) :is(.text-gray-800,.text-gray-700){
  color:var(--pa-ink)!important;
}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select) :is(.text-gray-600,.text-gray-500,.text-gray-400){
  color:var(--pa-muted)!important;
}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select) :is(.bg-white,.bg-gray-50){
  border-color:var(--pa-line)!important;
}

:where(#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-help-center,#page-about,#page-address,#page-address-edit,#page-address-select) .bg-white{
  background:var(--pa-panel)!important;
  box-shadow:var(--pa-shadow)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

:where(#page-favorites,#page-reviews,#page-message-center,#page-my-coupons,#page-address,#page-address-select) :is(.bg-gray-100,.bg-blue-50,.bg-purple-50,.bg-pink-50,.bg-red-50){
  background:linear-gradient(145deg,rgba(255,250,242,.95),rgba(247,217,176,.62))!important;
}

#page-message-center :is(.text-blue-500,.border-blue-500),
#page-my-coupons :is(.text-red-500,.border-red-500),
#page-coupon-center :is(.text-red-500,.text-blue-500){
  color:var(--pa-accent)!important;
  border-color:var(--pa-accent)!important;
}

#page-message-center :is(#msgTab-all,#msgTab-order,#msgTab-system),
#page-my-coupons :is(#couponTab-unused,#couponTab-used,#couponTab-expired){
  transition:color .2s ease,border-color .2s ease;
}

:where(#page-coupon-center,#page-my-coupons) :is(.bg-red-500,.bg-blue-500),
:where(#page-favorites,#page-reviews,#page-address,#page-address-select) button[class*="bg-gradient-to-"]{
  background:#d9683b!important;
  color:#fffaf4!important;
  box-shadow:0 8px 20px rgba(160,79,40,.18)!important;
}

#page-address-select{
  overflow-x:hidden;
}

#page-address-select>.min-h-screen>.fixed.bottom-0,
#page-address-select>.fixed.bottom-0{
  background:rgba(255,251,245,.94)!important;
  border-top-color:rgba(190,126,86,.16)!important;
  box-shadow:0 -8px 24px rgba(120,72,43,.08)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

#page-about>.min-h-screen{
  background:transparent!important;
}

#page-about>.min-h-screen>.absolute{
  background:linear-gradient(135deg,#f6c675 0%,#dd7543 100%)!important;
}

#page-about #waveGradientFull stop:first-child{stop-color:#f4c77f}
#page-about #waveGradientFull stop:nth-child(2){stop-color:#eda767}
#page-about #waveGradientFull stop:last-child{stop-color:#d96a3c}
#page-about :is(.text-indigo-500,.text-blue-500,.text-green-500){color:var(--pa-accent)!important}
#page-about .bg-gray-50{
  background:rgba(255,248,238,.78)!important;
  border:1px solid var(--pa-line)!important;
  box-shadow:var(--pa-shadow)!important;
}

#page-legal-view-v10>div:nth-child(2){
  margin:14px;
  padding:18px!important;
  background:var(--pa-panel);
  border:1px solid var(--pa-line);
  border-radius:18px;
  box-shadow:var(--pa-shadow);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

#page-legal-view-v10 #legalViewMetaV10{color:var(--pa-muted)!important}
#page-legal-view-v10 #legalViewContentV10{color:var(--pa-text)!important;overflow-wrap:anywhere}
#page-legal-view-v10 #legalViewContentV10 :is(h1,h2,h3,strong){color:var(--pa-ink)}
#page-legal-view-v10 #legalViewContentV10 :is(p,ul,ol){margin:.75em 0}

/* 第三批代理端：沿用同一暖金组件层，保留佣金与提现业务渲染器。 */
:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record){
  margin-top:0;
  overflow-x:hidden;
}

:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen{
  padding-top:56px;
  background:transparent!important;
}

body:has(:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record):not(.page-hidden)) :is(#mainHeader,#mainFooter){
  display:none!important;
}

:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record)>.min-h-screen>.fixed.top-0{
  background:rgba(255,251,245,.92)!important;
  border-bottom:1px solid rgba(190,126,86,.16)!important;
  box-shadow:0 8px 24px rgba(120,72,43,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(.bg-white,.bg-gray-50){
  border-color:var(--pa-line)!important;
}

:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) .bg-white{
  background:var(--pa-panel)!important;
  box-shadow:var(--pa-shadow)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(.bg-purple-50,.bg-pink-50,.bg-rose-50,.bg-amber-50,.bg-purple-100,.bg-pink-100,.bg-rose-100,.bg-amber-100,.bg-gray-100,.bg-blue-50){
  background:linear-gradient(145deg,rgba(255,250,242,.95),rgba(247,217,176,.62))!important;
}

:where(#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record) :is(.text-purple-500,.text-purple-600,.text-pink-500,.text-rose-500,.text-amber-500,.text-blue-500,.border-blue-500){
  color:var(--pa-accent)!important;
  border-color:var(--pa-accent)!important;
}

:where(#page-review,#page-address,#page-address-edit,#page-withdraw-apply)>.min-h-screen>.fixed.bottom-0{
  background:rgba(255,251,245,.94)!important;
  border-top-color:rgba(190,126,86,.16)!important;
  box-shadow:0 -8px 24px rgba(120,72,43,.08)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

@media(max-width:430px){
  #page-profile #profileHeader{padding-left:18px!important;padding-right:18px!important}
  :where(#page-login,#page-register,#page-profile-edit,#page-settings,#page-change-password,#page-favorites,#page-reviews,#page-review,#page-message-center,#page-coupon-center,#page-my-coupons,#page-invite,#page-help-center,#page-about,#page-address,#page-address-edit,#page-privacy-center-v10,#page-legal-view-v10,#page-agent-center,#page-commission-list,#page-withdraw-apply,#page-withdraw-record){overflow-x:hidden}
}
