/* User center adapter for both /user and legacy /user/user entry points. */
body.qn-user-surface { background: var(--qn-color-canvas); color: var(--qn-color-text); }
body.qn-user-surface .container,
body.qn-user-surface .profile-container,
body.qn-user-surface .password-container,
body.qn-user-surface .content { color: var(--qn-color-text); }
body.qn-user-surface .card,
body.qn-user-surface .profile-info-card,
body.qn-user-surface .settings-card,
body.qn-user-surface .career-card,
body.qn-user-surface .message-card { color: var(--qn-color-text); background: var(--qn-color-surface); border-color: var(--qn-color-border); border-radius: var(--qn-radius-md); box-shadow: var(--qn-shadow-sm); }
body.qn-user-surface h1,
body.qn-user-surface h2,
body.qn-user-surface h3,
body.qn-user-surface h4 { color: var(--qn-color-text-strong); }
body.qn-user-surface p,
body.qn-user-surface small,
body.qn-user-surface .text-muted,
body.qn-user-surface .muted { color: var(--qn-color-text-muted); }
body.qn-user-surface input,
body.qn-user-surface select,
body.qn-user-surface textarea,
body.qn-user-surface .form-control { color: var(--qn-color-text); background: var(--qn-color-surface); border-color: var(--qn-color-border-strong); border-radius: var(--qn-radius-sm); }
body.qn-user-surface input:focus,
body.qn-user-surface select:focus,
body.qn-user-surface textarea:focus,
body.qn-user-surface .form-control:focus { border-color: var(--qn-color-brand); box-shadow: var(--qn-focus-ring); }
body.qn-user-surface .btn-primary,
body.qn-user-surface .btn-submit { color: #fff; background: var(--qn-color-brand); border-color: var(--qn-color-brand); }
body.qn-user-surface .btn-primary:hover,
body.qn-user-surface .btn-submit:hover { color: #fff; background: var(--qn-color-brand-hover); border-color: var(--qn-color-brand-hover); }
body.qn-user-surface .btn-secondary { color: var(--qn-color-text); background: var(--qn-color-surface); border-color: var(--qn-color-border-strong); }
body.qn-user-surface table { color: var(--qn-color-text); border-color: var(--qn-color-border); }
body.qn-user-surface table th { color: var(--qn-color-text-strong); background: var(--qn-color-surface-soft); border-color: var(--qn-color-border); }
body.qn-user-surface table td { border-color: var(--qn-color-border); }
body.qn-user-surface .alert,
body.qn-user-surface .error-message,
body.qn-user-surface .success-message { border-radius: var(--qn-radius-sm); }
body.qn-user-surface .modal-content,
body.qn-user-surface .custom-modal { color: var(--qn-color-text); background: var(--qn-color-surface); border-color: var(--qn-color-border); }
body.qn-user-surface .profile-page { width: min(100% - 32px, var(--qn-container-workspace)); margin-right: auto; margin-left: auto; }
body.qn-user-surface .edit-profile-container { color: var(--qn-color-text); background: var(--qn-color-surface); border-color: var(--qn-color-border); box-shadow: var(--qn-shadow-md); }
body.qn-user-surface .edit-profile-container h1 { color: var(--qn-color-text-strong); }
body.qn-user-surface .qn-user-password-body > .container { color: var(--qn-color-text); background: var(--qn-color-surface); border-color: var(--qn-color-border); box-shadow: var(--qn-shadow-md); }
body.qn-user-surface .qn-user-password-body > .container h1 { color: var(--qn-color-text-strong); }
body.qn-user-surface .message.error { color: var(--qn-color-danger); background: var(--qn-color-danger-soft); border-color: var(--qn-color-danger); }
body.qn-user-surface .message.success { color: var(--qn-color-success); background: var(--qn-color-success-soft); border-color: var(--qn-color-success); }

@media (max-width: 768px) {
  body.qn-user-surface .container,
  body.qn-user-surface .profile-container,
  body.qn-user-surface .password-container { width: min(100% - 24px, 100%); }
}
.qn-user-profile-upload-wrap { margin-top:8px; }
.qn-user-coin-icon { width:30px;height:30px;margin-right:4px; }
.qn-user-help-icon { width:20px;height:20px; }
.qn-user-hidden-modal { display:none; }
.qn-user-login-entry-note { margin:-10px 0 20px;text-align:center;padding:10px 12px;border:1px solid #dfe6ef;border-radius:9px;background:#f7faff; }
.qn-user-login-captcha-input { width:60%;display:inline-block; }
.qn-user-login-divider { margin:20px 0; }
.qn-user-login-third-party-label { text-align:center;margin-bottom:20px; }
.qn-user-login-third-party { text-align:center; }
.qn-user-register-enterprise-note { padding:14px 15px;margin-bottom:16px;border:1px solid #d8e5f4;border-radius:10px;background:#f7fbff; }
.qn-user-edit-post-help { display:block;margin-top:6px;color:#666; }
.qn-user-online-chat-help { font-size:12px; }
.qn-user-recharge-diagnostic { margin-top:8px;font-size:13px;word-break:break-word; }
.qn-user-error-message { color:red; }
.qn-user-chat-close { cursor:pointer; }
.qn-user-chat-context-text { font-size:13px;margin:0; }
.qn-user-chat-error { display:none; }
.qn-user-delete-confirm-page { max-width:620px;margin:60px auto;font-family:Arial,sans-serif;padding:20px; }


/* Frozen-home rollout 2026-09-21 */
body.qn-user-surface{
  background:#f7f9fc;
  font-weight:400;
}
body.qn-user-surface .profile-page{
  width:min(100% - 32px,1280px);
  padding-top:24px;
  padding-bottom:40px;
}
body.qn-user-surface .card,
body.qn-user-surface .profile-info-card,
body.qn-user-surface .settings-card,
body.qn-user-surface .career-card,
body.qn-user-surface .message-card,
body.qn-user-surface .edit-profile-container,
body.qn-user-surface .qn-user-password-body > .container{
  border:1px solid #e4edf6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(40,83,124,.05);
}
body.qn-user-surface h1{font-size:26px;font-weight:650;letter-spacing:-.02em}
body.qn-user-surface h2{font-size:18px;font-weight:650}
body.qn-user-surface h3,
body.qn-user-surface h4{font-weight:600}
body.qn-user-surface p,
body.qn-user-surface small,
body.qn-user-surface .text-muted,
body.qn-user-surface .muted{color:#6f7f97}
body.qn-user-surface .btn,
body.qn-user-surface button,
body.qn-user-surface .btn-primary,
body.qn-user-surface .btn-secondary{
  min-height:38px;
  border-radius:12px;
  font-weight:600;
}
body.qn-user-surface .btn-primary,
body.qn-user-surface .btn-submit{
  background:linear-gradient(135deg,#1788f6,#0879ee);
  border-color:#0879ee;
  box-shadow:0 6px 16px rgba(8,124,240,.14);
}
body.qn-user-surface input,
body.qn-user-surface select,
body.qn-user-surface textarea,
body.qn-user-surface .form-control{
  border-color:#dce6f0;
  border-radius:11px;
  background:#fbfdff;
}
body.qn-user-surface table{
  background:#fff;
}
body.qn-user-surface table th{
  background:#f8fbff;
  color:#63748a;
  font-weight:600;
}
body.qn-user-surface table td{border-color:#edf2f6}
body.qn-user-surface table tr:hover td{background:#fbfffc}
body.qn-user-surface .qn-user-login-entry-note,
body.qn-user-surface .qn-user-register-enterprise-note{
  border-color:#e4edf6;
  border-radius:12px;
  background:#f8fbff;
}
html[data-theme="dark"] body.qn-user-surface{background:#0f141b}
html[data-theme="dark"] body.qn-user-surface .card,
html[data-theme="dark"] body.qn-user-surface .profile-info-card,
html[data-theme="dark"] body.qn-user-surface .settings-card,
html[data-theme="dark"] body.qn-user-surface .career-card,
html[data-theme="dark"] body.qn-user-surface .message-card,
html[data-theme="dark"] body.qn-user-surface .edit-profile-container{background:#171e27;border-color:#303b48}