:root{
  --ca-ink:#51281c;
  --ca-text:#704532;
  --ca-muted:#9d705a;
  --ca-accent:#d56538;
  --ca-accent-dark:#a84c2b;
  --ca-gold:#efae62;
  --ca-line:rgba(182,112,72,.2);
  --ca-panel:rgba(255,252,247,.9);
  --ca-soft:#fbf2e7;
  --ca-shadow:0 10px 28px rgba(104,58,33,.09),inset 0 1px 0 rgba(255,255,255,.88);
  --ca-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

:where(#page-user-chat,#page-cs-login,#page-cs-chat,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin){
  color:var(--ca-text);
  font-family:var(--ca-font);
  background:
    radial-gradient(circle at 88% 2%,rgba(250,193,112,.2),transparent 25%),
    linear-gradient(180deg,#fffaf4 0%,#f7eee4 100%);
}

body:has(:where(#page-user-chat,#page-cs-login,#page-cs-chat,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin):not(.page-hidden)){
  display:block;
  min-width:320px;
  background:#eee4d9;
}

body:has(:where(#page-user-chat,#page-cs-login,#page-cs-chat,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin):not(.page-hidden)) main{
  width:100%;
  max-width:none;
  padding:0!important;
  overflow-x:hidden;
}

body:has(:where(#page-user-chat,#page-cs-login,#page-cs-chat,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin):not(.page-hidden)) :is(#mainHeader,#mainFooter,#floatingCSButton){
  display:none!important;
}

:where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config)>.min-h-screen{
  min-height:100dvh;
  padding-top:56px;
  background:transparent!important;
}

#page-admin-home{
  min-height:100dvh;
  padding-top:56px!important;
  background:
    radial-gradient(circle at 90% 0,rgba(250,193,112,.2),transparent 23%),
    linear-gradient(180deg,#fffaf4 0%,#f7eee4 100%)!important;
}

#page-data-dashboard>div{padding-top:56px;background:transparent!important}
#page-legal-admin-v10,#page-invite-admin{margin-top:0!important;min-height:100dvh;background:transparent!important}
#page-invite-admin>.invite-admin-shell{margin-top:0!important;min-height:100dvh}
#page-invite-admin .invite-admin-header{height:56px}
#page-invite-admin .invite-admin-tabs{top:56px;height:48px}
#page-invite-admin .invite-admin-content{position:relative;z-index:1}

:where(#page-user-chat,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config) :is(.fixed.top-0,.sticky.top-0),
:where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin) .sticky.top-14,
#page-data-dashboard .fixed.top-0,
:where(#page-legal-admin-v10,#page-invite-admin)>.sticky.top-0{
  background:rgba(255,251,245,.94)!important;
  border-color:rgba(182,112,72,.16)!important;
  box-shadow:0 8px 22px rgba(103,57,32,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

:where(#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(.bg-white,.bg-slate-50){
  border-color:var(--ca-line)!important;
}

:where(#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) .bg-white{
  background:var(--ca-panel)!important;
  box-shadow:var(--ca-shadow)!important;
}

:where(#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-blue-50,.bg-blue-100,.bg-purple-50,.bg-purple-100,.bg-pink-50,.bg-pink-100,.bg-indigo-50,.bg-indigo-100,.bg-cyan-50,.bg-cyan-100){
  background:linear-gradient(145deg,rgba(255,250,243,.96),rgba(246,219,183,.56))!important;
}

:where(#page-user-chat,#page-cs-login,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(.text-gray-900,.text-gray-800,.text-gray-700,.text-slate-900,.text-slate-800,.text-slate-700){
  color:var(--ca-ink)!important;
}

:where(#page-user-chat,#page-cs-login,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(.text-gray-600,.text-gray-500,.text-gray-400,.text-slate-600,.text-slate-500,.text-slate-400){
  color:var(--ca-muted)!important;
}

:where(#page-user-chat,#page-cs-login,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(.text-blue-300,.text-blue-500,.text-blue-600,.text-blue-700,.text-purple-500,.text-purple-600,.text-pink-500,.text-indigo-500,.text-cyan-500,.border-blue-200,.border-blue-500,.border-blue-600){
  color:var(--ca-accent)!important;
  border-color:var(--ca-accent)!important;
}

:where(#page-user-chat,#page-cs-login,#page-admin-home,#page-data-dashboard,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) [class*="bg-gradient-to-"]{
  color:#fffaf4!important;
  background-image:linear-gradient(135deg,#f3c26e 0%,#e78c50 55%,#ce5a32 100%)!important;
}

:where(#page-cs-login,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(input,textarea,select,[contenteditable="true"]){
  color:var(--ca-ink)!important;
  background:rgba(255,253,249,.82)!important;
  border-color:rgba(182,112,72,.24)!important;
  caret-color:var(--ca-accent);
}

:where(#page-cs-login,#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config,#page-legal-admin-v10,#page-invite-admin) :is(input,textarea,select,[contenteditable="true"]):focus{
  outline:none;
  border-color:rgba(213,101,56,.62)!important;
  box-shadow:0 0 0 3px rgba(213,101,56,.1)!important;
}

/* 用户聊天 */
body:has(#page-user-chat:not(.page-hidden)){display:flex;justify-content:center;background:#e8dfd3}
body:has(#page-user-chat:not(.page-hidden)) main{width:100%;max-width:430px;background:linear-gradient(180deg,#fffaf4,#f6ece1)}
#page-user-chat{position:fixed;top:0;bottom:0;left:50%;right:auto;width:100%;max-width:430px;transform:translateX(-50%);z-index:100;height:100vh;height:100dvh;overflow:hidden}
#page-user-chat>.min-h-screen{position:relative;height:100vh;height:100dvh;min-height:0!important;overflow:hidden;background:linear-gradient(180deg,#fffaf4,#f6ece1)!important}
#page-user-chat>.min-h-screen>.fixed.top-0{position:absolute!important;top:0!important;left:0!important;right:0!important}
#page-user-chat>.min-h-screen>.fixed.bottom-0{position:absolute!important;bottom:0!important;left:0!important;right:0!important}
#page-user-chat #userChatMessages{position:absolute;top:56px;bottom:calc(64px + env(safe-area-inset-bottom));left:0;right:0;width:auto;height:auto!important;min-height:0;flex:none!important;overflow-y:scroll!important;overflow-x:hidden;padding-top:16px!important;padding-bottom:20px!important;overscroll-behavior-y:contain;touch-action:pan-y;pointer-events:auto;-webkit-overflow-scrolling:touch}
#page-user-chat #userChatMessages .bg-white{background:rgba(255,253,249,.93)!important;border:1px solid var(--ca-line);box-shadow:0 7px 18px rgba(94,50,28,.08)!important}
#page-user-chat>.min-h-screen>.fixed.bottom-0{background:rgba(255,251,245,.95)!important;border-color:var(--ca-line)!important;box-shadow:0 -8px 22px rgba(103,57,32,.08);backdrop-filter:blur(18px)}
#page-user-chat #userChatInput{background:rgba(255,255,255,.82)!important;border:1px solid rgba(182,112,72,.22);color:var(--ca-ink)!important}
#page-user-chat #userChatPresenceStatus{color:var(--ca-muted)!important}

/* 客服登录 */
#page-cs-login{background:radial-gradient(circle at 50% -5%,rgba(246,188,103,.32),transparent 36%),linear-gradient(180deg,#fffaf4,#f4e9dd)!important}
#page-cs-login>.min-h-screen{width:min(100%,430px);margin:0 auto;padding-left:28px!important;padding-right:28px!important}
#page-cs-login #adminBrandLogo{border:1px solid rgba(255,255,255,.76);border-radius:22px!important;box-shadow:0 16px 34px rgba(136,69,35,.18)!important}
#page-cs-login button[onclick="doCSLogin()"]{box-shadow:0 12px 26px rgba(154,73,35,.18)!important}

/* 客服工作台，内联样式由此处统一覆盖 */
#page-cs-chat{color:var(--ca-text);background:#f7eee4!important}
#page-cs-chat>div{background:linear-gradient(180deg,#fffaf4,#f4eadf)!important}
#page-cs-chat>div>div:first-child{background:rgba(255,251,245,.95)!important;border-bottom:1px solid var(--ca-line);box-shadow:0 8px 22px rgba(103,57,32,.07)!important;backdrop-filter:blur(18px)}
#page-cs-chat #csChatUserName{color:var(--ca-ink)!important}
#page-cs-chat #csOnlineStatusDropdown{background:#fffaf4!important;border:1px solid var(--ca-line);box-shadow:var(--ca-shadow)!important}
#page-cs-chat #csSessionListPanel{width:320px!important;background:rgba(255,252,247,.9)!important;border-color:var(--ca-line)!important}
#page-cs-chat #csSessionListPanel>div:first-child{border-color:var(--ca-line)!important}
#page-cs-chat #csSessionList .bg-blue-50{background:linear-gradient(90deg,rgba(247,194,121,.25),rgba(255,250,243,.88))!important}
#page-cs-chat #csResizer{background:rgba(182,112,72,.16)!important}
#page-cs-chat #csChatMessages{background:radial-gradient(circle at 90% 10%,rgba(247,194,121,.13),transparent 28%)}
#page-cs-chat #quickReplyPanel{background:rgba(255,251,245,.97)!important;border-color:var(--ca-line)!important}
#page-cs-chat #csChatInput{color:var(--ca-ink)!important;background:#fffaf4!important;border:1px solid rgba(182,112,72,.22)!important}
#page-cs-chat #csChatInput+button{background:linear-gradient(135deg,#f3c26e,#ce5a32)!important;box-shadow:0 8px 18px rgba(154,73,35,.18)}
#page-cs-chat #csChatMessages .bg-white{background:rgba(255,253,249,.95)!important;border:1px solid var(--ca-line);box-shadow:0 7px 18px rgba(94,50,28,.08)!important}

/* 后台首页与经营看板 */
#page-admin-home>div:nth-child(2){max-width:1380px;margin:0 auto;padding:20px 22px 40px!important}
#page-admin-home .rounded-xl{border-radius:14px!important}
#page-admin-home .bg-white{border:1px solid var(--ca-line)!important}
#page-data-dashboard>div>div.max-w-5xl{max-width:1280px!important;padding:20px!important}
#page-data-dashboard #finalDashboardHero{background:linear-gradient(125deg,#6e3926 0%,#9c5031 48%,#d77841 100%)!important;border:1px solid rgba(255,235,211,.32);box-shadow:0 16px 34px rgba(95,48,27,.2)!important}
#page-data-dashboard #finalDashboardMetricGrid>*{border:1px solid var(--ca-line)!important;box-shadow:var(--ca-shadow)!important}
#page-data-dashboard #finalDashboardMetricGrid>.dashboard-layout-card.is-layout-editing{cursor:grab;outline:2px dashed rgba(215,107,57,.42);outline-offset:-3px}
#page-data-dashboard #finalDashboardMetricGrid>.dashboard-layout-card.is-layout-editing:active{cursor:grabbing}
#page-data-dashboard .dashboard-layout-actions{border-top:1px solid var(--ca-line)}
#page-data-dashboard :is(.bg-blue-600,.bg-slate-900){background:linear-gradient(135deg,#d76b39,#a84929)!important}

/* 通用后台列表、弹窗和状态区 */
:where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config) :is([id$="List"],[id$="Grid"],[id$="Content"]){max-width:1380px;margin-left:auto;margin-right:auto}
:where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config) :is(.rounded-xl,.rounded-2xl){border-color:var(--ca-line)}
:where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config) :is(.border-gray-50,.border-gray-100,.border-gray-200,.border-slate-100){border-color:var(--ca-line)!important}

:where(#confirmModal,#cancelOrderModal,#orderAdminDetailModal,#reviewAdminDetailModal,#faqEditModal,#bannerEditModal,#quickEntryEditModal,#serviceEditModal,#addServiceModal,#couponEditModal,#agentAddModal,#agentEditModal,#withdrawAuditModal,#roleModal,#adminModal,#logFilterModal,#platformLogoCropModal,#legalEditorModalV10)>.bg-white,
:where(#confirmModal,#cancelOrderModal,#orderAdminDetailModal,#reviewAdminDetailModal,#faqEditModal,#bannerEditModal,#quickEntryEditModal,#serviceEditModal,#addServiceModal,#couponEditModal,#agentAddModal,#agentEditModal,#withdrawAuditModal,#roleModal,#adminModal,#logFilterModal,#platformLogoCropModal,#legalEditorModalV10)>div{
  color:var(--ca-text);
  background:linear-gradient(160deg,#fffaf3,#f8eadb)!important;
  border:1px solid var(--ca-line);
  box-shadow:0 20px 54px rgba(77,38,21,.24)!important;
}

@media(min-width:1024px){
  #page-admin-home>div:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  #page-admin-home>div:nth-child(2)>:first-child{grid-column:1/-1}
  #page-admin-home>div:nth-child(2)>.mb-5{margin-bottom:0!important}
  :where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log) :is([id$="List"].space-y-3,[id$="List"].px-4){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  :where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log) :is([id$="List"].space-y-3,[id$="List"].px-4)>*{margin-top:0!important;margin-bottom:0!important}
  :where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log) :is([id$="List"].space-y-3,[id$="List"].px-4)>:only-child{grid-column:1/-1}
}

@media(max-width:760px){
  #page-cs-chat>div>div:nth-child(2){flex-direction:column!important}
  #page-cs-chat #csSessionListPanel{width:100%!important;height:180px;max-height:28dvh;border-right:0!important;border-bottom:1px solid var(--ca-line)!important}
  #page-cs-chat #csResizer{display:none!important}
  #page-cs-chat #csChatMessages{padding:12px!important}
  #page-cs-chat #quickReplyPanel{max-height:150px!important}
  #page-admin-home>div:nth-child(2),#page-data-dashboard>div>div.max-w-5xl{padding-left:14px!important;padding-right:14px!important}
}

@media(max-width:430px){
  #page-user-chat #userChatMessages{padding-left:14px!important;padding-right:14px!important}
  #page-user-chat #userChatMessages .max-w-\[70\%\]{max-width:82%!important}
  #page-cs-login>.min-h-screen{padding-top:70px!important}
  :where(#page-order-admin,#page-user-admin,#page-review-admin,#page-message-admin,#page-faq-admin,#page-banner-admin,#page-quick-entry-admin,#page-price-admin,#page-coupon-admin,#page-agent-admin,#page-withdraw-admin,#page-cs-admin,#page-role-admin,#page-admin-manage,#page-operation-log,#page-platform-settings,#page-platform-stats-config){overflow-x:hidden}
}