/* 客户中心与管理后台：延续官网浅蓝商务体系，突出信息和操作。 */
.page-account .workspace-head,
.page-admin .workspace-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.workspace-signout {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex: none;
  min-height: 42px;
  padding: 0 17px;
  border: 1px solid #c9dbea;
  border-radius: 10px;
  background: #fff;
  color: #315a7d;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  transition: border-color .2s, background .2s, color .2s;
}
.workspace-signout svg { width: 17px; height: 17px; }
.workspace-signout:hover { border-color: #1675df; background: #f0f7fe; color: #126bc7; }
.workspace-signout:focus-visible { outline: 3px solid #95c9fa; outline-offset: 3px; }
.workspace-signout:disabled { opacity: .55; cursor: wait; }
.page-admin .workspace > div { min-width: 0; }
.page-admin .table-wrap { max-width: 100%; }

.page-account .workspace-panel {
  border: 1px solid #dce8f2;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(34, 78, 118, .045);
}
.page-account .workspace-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 28px 32px;
  background: #fff;
}
.page-account .workspace-panel__head .panel__title {
  margin: 0;
  color: #183b5c;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: -.025em;
}
.workspace-panel__intro { margin: 7px 0 0; color: #73899e; font-size: 13px; line-height: 1.65; }
.page-account .workspace-panel__body { padding: 30px 32px 34px; }

.profile-lead {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 150px;
  padding: 25px 30px;
  border: 1px solid #d4e7f6;
  border-radius: 16px;
  background: linear-gradient(112deg, #e8f3fd 0%, #f6fbff 70%, #fff 100%);
}
.profile-lead__mark {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  flex: none;
  border: 1px solid #cce1f2;
  border-radius: 16px;
  background: #fff;
}
.profile-lead__mark img { width: 46px; height: 46px; object-fit: contain; }
.profile-lead__label { margin: 0 0 5px; color: #6c849b; font-size: 12px; }
.profile-lead h3 { margin: 0; color: #173c60; font-size: 26px; font-weight: 650; line-height: 1.3; }
.profile-lead__company { margin: 7px 0 0; color: #567896; font-size: 13px; }
.profile-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 34px;
  margin: 13px 0 0;
}
.profile-facts > div { min-width: 0; padding: 20px 2px; border-bottom: 1px solid #e8eff5; }
.profile-facts dt,
.profile-account-meta dt { color: #8194a6; font-size: 12px; }
.profile-facts dd { margin: 8px 0 0; color: #284b69; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.profile-account-meta {
  display: grid;
  grid-template-columns: 1.35fr .8fr 1fr;
  gap: 18px;
  margin: 30px 0 0;
  padding-top: 23px;
  border-top: 1px solid #dce8f2;
}
.profile-account-meta > div { min-width: 0; }
.profile-account-meta dd { margin: 6px 0 0; color: #657f96; font-size: 12px; overflow-wrap: anywhere; }
.profile-edit__heading { margin-bottom: 22px; }
.profile-edit__heading h3 { margin: 0; color: #254b6b; font-size: 17px; }
.profile-edit__heading p { margin: 6px 0 0; color: #8297aa; font-size: 12px; }
.profile-edit__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 7px; }

.page-account .workspace-panel--leads .workspace-panel__head { align-items: flex-start; }
.workspace-panel__actions { margin: 0; flex: none; }
.page-account .inquiry-list { padding: 0 32px; }
.inquiry-item { padding: 27px 0 30px; border-bottom: 1px solid #e5edf4; }
.inquiry-item:last-child { border-bottom: 0; }
.inquiry-item__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.inquiry-item__date { margin: 0 0 6px; color: #8096a9; font-size: 12px; }
.inquiry-item h3 { margin: 0; color: #214968; font-size: 18px; font-weight: 650; }
.inquiry-item__message { margin: 17px 0 0; color: #536e85; font-size: 14px; line-height: 1.8; white-space: pre-wrap; }
.inquiry-item .badge { flex: none; margin-top: 3px; font-size: 12px; font-weight: 650; border-radius: 999px; padding: 7px 12px; }
.inquiry-item .lead-progress { margin-top: 26px; }
.page-account .inquiry-list .empty-state { padding: 58px 15px; }
.page-account .claim-entry { padding: 21px 32px 26px; border-top: 1px solid #e5edf4; background: #f8fbfe; }
.claim-lead summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; }
.claim-lead summary::-webkit-details-marker { display: none; }
.claim-lead summary::before {
  content: "+";
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  flex: none;
  border-radius: 50%;
  background: #e3f1fd;
  color: #1675df;
  font-size: 18px;
  font-weight: 400;
}
.claim-lead[open] summary::before { content: "−"; }
.claim-lead summary span { color: #69849a; font-size: 13px; font-weight: 400; }
.claim-lead summary strong { color: #1675df; font-size: 13px; }
.claim-lead > p { margin: 18px 0 0 35px; }
.claim-lead form { margin-left: 35px; }
.claim-lead [data-js-claim-alert] { margin: 16px 0 0 35px; }

.security-email { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 18px; padding: 20px 22px; border-radius: 13px; background: #eef6fd; }
.security-email span { color: #617e95; font-size: 12px; }
.security-email strong { color: #245478; font-size: 14px; overflow-wrap: anywhere; }
.security-email small { width: 100%; color: #8a9fb1; font-size: 12px; }
.security-form-head { margin: 30px 0 21px; }
.security-form-head h3 { margin: 0; color: #254b6b; font-size: 18px; }
.security-form-head p { margin: 6px 0 0; color: #8399ab; font-size: 12px; }
.security-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; max-width: 700px; }
.security-form .form-field:first-child { grid-column: 1 / -1; max-width: 340px; }
.security-form > button { justify-self: start; }

@media (max-width: 899px) {
  .workspace-signout { display: inline-flex; }
  .page-admin .workspace { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .page-account .workspace-head, .page-admin .workspace-head { align-items: flex-start; gap: 12px; }
  .workspace-signout { min-height: 39px; padding: 0 12px; font-size: 12px; }
  .workspace-signout svg { width: 16px; height: 16px; }
  .page-account .workspace-panel__head { padding: 23px 21px; }
  .page-account .workspace-panel__head .panel__title { font-size: 20px; }
  .page-account .workspace-panel__body { padding: 23px 21px; }
  .profile-lead { gap: 15px; min-height: 130px; padding: 20px; }
  .profile-lead__mark { width: 54px; height: 54px; border-radius: 13px; }
  .profile-lead__mark img { width: 39px; height: 39px; }
  .profile-lead h3 { font-size: 22px; }
  .profile-facts { gap: 0 18px; }
  .profile-account-meta { grid-template-columns: 1fr 1fr; }
  .profile-account-meta > div:first-child { grid-column: 1 / -1; }
  .page-account .inquiry-list { padding: 0 21px; }
  .page-account .claim-entry { padding: 20px 21px; }
  .workspace-panel__actions { width: 100%; }
  .security-form { grid-template-columns: 1fr; }
  .security-form .form-field:first-child { grid-column: auto; max-width: none; }
}
@media (max-width: 480px) {
  .page-account .workspace-head, .page-admin .workspace-head { align-items: flex-start; }
  .page-account .page-head__desc, .page-admin .page-head__desc { max-width: 230px; }
  .profile-facts { grid-template-columns: 1fr; }
  .profile-facts > div { padding: 16px 2px; }
  .claim-lead summary { flex-wrap: wrap; gap: 3px 8px; }
  .claim-lead summary strong { flex-basis: calc(100% - 35px); margin-left: 35px; }
  .claim-lead > p, .claim-lead form, .claim-lead [data-js-claim-alert] { margin-left: 0; }
  .inquiry-item__head { align-items: flex-start; }
  .inquiry-item h3 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .workspace-signout { transition: none; }
}