/* Approved cyan account theme, scoped so the homepage is unchanged. */
.account-settings-overlay {
  --wechat-bind-surface:#10131a;
  --wechat-bind-raised:#151a23;
  --wechat-bind-line:rgba(228,239,255,.15);
  --wechat-bind-gold:#5ce8ef;
  --wechat-bind-gold-soft:#b9f5f5;
  --wechat-bind-text:#f3f8ff;
  --wechat-bind-muted:rgba(231,241,255,.68);
  --wechat-bind-faint:rgba(231,241,255,.48);
  --border-color:rgba(228,239,255,.14);
  --bg-secondary:#10131a;
  --bg-tertiary:#151a23;
  --text-primary:#f3f8ff;
  --text-secondary:#a9b7c9;
  --account-ai-line:rgba(231,241,255,.1);
  --account-ai-input:#080b10;
  background:radial-gradient(ellipse at 27% 43%,rgba(24,82,103,.15),transparent 52%),rgba(3,5,8,.9);
}
.account-settings-modal{background:#0d1016;border-color:rgba(207,229,255,.17);border-radius:24px}
.account-ai-header{background:linear-gradient(100deg,rgba(14,41,53,.3),transparent 46%)}
.account-ai-mark{border-color:rgba(92,232,239,.38);background:#0b1920;color:#caf9fc}
.account-ai-subtitle{color:var(--wechat-bind-muted)}
.account-ai-heading .wechat-bind-title{font-weight:500}
.account-ai-controls{background:radial-gradient(ellipse at 0 0,rgba(36,70,85,.13),transparent 70%)}
.account-ai-identity,.account-ai-connections,.account-password-section{background:rgba(19,24,33,.7);border-color:var(--account-ai-line)}
.account-ai-identity{grid-template-columns:minmax(0,1fr) 260px;padding:16px 14px;gap:12px}
.account-membership-card{padding-left:12px}
.account-membership-badge{color:#d7f7ff;border-color:rgba(185,230,255,.35);background:linear-gradient(130deg,#15354a,#101a28)}
.account-membership-plan,.account-membership-remaining{color:#dfefff}
.account-ai-connections{grid-template-columns:220px minmax(0,1fr);padding:16px 14px;gap:10px}
.account-wechat-icon::after{background:#131821}
.account-wechat-action{background:#121e28;border-color:rgba(92,232,239,.21)}
.account-profile-submit{background:#ddf7fa;color:#071319}
.account-security-center .wechat-bind-button-primary{background:#18303c;color:#c8f9ff;border-color:rgba(92,232,239,.3)}
.account-settings-name{color:#b9c7d7}
.account-settings-input{border-color:rgba(210,230,255,.17)}
.account-profile-center{gap:8px}
#accountSecurityBindPanel{grid-template-columns:minmax(100px,1fr) minmax(60px,.5fr) auto auto;gap:6px}
#accountSecurityBindPanel .wechat-bind-button{padding:0 7px;font-size:12px}
.account-cinema{position:relative;align-items:stretch;gap:0;overflow:hidden}
.account-cinema::before{display:none}
@media(min-width:901px) and (max-width:1250px){
  .account-ai-identity,.account-ai-connections{grid-template-columns:1fr}
  .account-membership-card{border-left:0;border-top:1px solid var(--account-ai-line);padding:12px 0 0}
  .account-security-center{border-left:0;border-top:1px solid var(--account-ai-line);padding:12px 0 0}
  #accountSecurityBindPanel{grid-column:2/-1;grid-row:1}
  .account-security-center:has(#accountSecurityBindPanel:not([hidden]))>.account-security-summary{display:none}
}
@media(max-width:900px){.account-cinema{border-bottom:1px solid var(--account-ai-line)}}
@media(max-width:700px){
  .account-ai-identity,.account-ai-connections{grid-template-columns:1fr}
  .account-membership-card{padding-left:0}
  #accountSecurityBindPanel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  #accountSecurityBindPanel .wechat-bind-button{font-size:14px;padding:0 10px}
  .account-ai-header{min-height:84px}
  .account-security-center{padding-left:0}
}
