.wsx-top-actions .wsx-avatar { display:block; min-width:58px; }
.prx-page { padding:24px 18px 28px; color:#0b1635; }
.prx-page > header { height:104px; padding:0 20px; }
.prx-page > header h1 { margin:0; font-size:34px; }
.prx-page > header p { margin:6px 0 0; color:#65789d; font-size:14px; }
.prx-grid { display:grid; grid-template-columns:minmax(0,1.03fr) minmax(0,1fr); gap:18px; }
.prx-grid > section { min-width:0; border:1px solid #dfe8f7; border-radius:17px; background:#fff; }
.prx-grid h2 { margin:0; display:flex; align-items:center; gap:10px; font-size:19px; }
.prx-grid h2 img { width:28px; height:28px; object-fit:contain; }
.prx-account { min-height:360px; padding:20px 24px; }
.prx-account > header { display:flex; justify-content:space-between; align-items:center; }
.prx-account > header button { height:42px; border:1px solid #cfe0fa; border-radius:9px; padding:0 18px; color:#2867df; background:#fff; }
.prx-account-body { margin-top:24px; display:grid; grid-template-columns:190px minmax(0,1fr); gap:18px; align-items:start; }
.prx-account-body > img { width:155px; height:155px; border-radius:50%; object-fit:cover; }
.prx-account-body > div { min-width:0; }
.prx-account-body h3 { margin:0 0 13px; font-size:20px; }
.prx-account-body h3 span { margin-left:8px; border-radius:10px; padding:3px 9px; color:#2868e7; background:#eff5ff; font-size:10px; font-weight:500; }
.prx-account-body article { min-height:55px; display:grid; grid-template-columns:30px 120px minmax(0,1fr) auto; align-items:center; gap:7px; border-bottom:1px solid #e8eef7; }
.prx-account-body article img { width:27px; height:27px; object-fit:contain; }
.prx-account-body article b { color:#607398; font-size:12px; }
.prx-account-body article strong { font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.prx-account-body article span { color:#1caf7f; font-size:10px; }
.prx-account-body article button { border:0; color:#2867df; background:transparent; font-size:10px; }
.prx-password { min-height:360px; padding:20px 24px 14px; }
.prx-password > div { margin-top:24px; display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; align-items:center; }
.prx-password > div > img { width:225px; height:190px; object-fit:contain; }
.prx-password form { display:grid; gap:12px; }
.prx-password label { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:10px; color:#596d93; font-size:11px; }
.prx-password input { height:42px; border:1px solid #dbe5f4; border-radius:8px; padding:0 12px; outline:0; }
.prx-password form button { width:190px; height:45px; margin-left:120px; border:0; border-radius:8px; color:#fff; background:#2868f5; font-weight:750; }
.prx-password > p { margin:12px 0 0; color:#5473a9; font-size:10px; text-align:center; }
.prx-login { min-height:280px; padding:20px 24px; }
.prx-login-body { margin-top:18px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; align-items:center; }
.prx-login-body > div { min-width:0; }
.prx-login-body article { min-height:46px; display:grid; grid-template-columns:30px 150px minmax(0,1fr); align-items:center; gap:8px; }
.prx-login-body article img { width:27px; height:27px; object-fit:contain; }
.prx-login-body article b { color:#607398; font-size:11px; }
.prx-login-body article strong { font-size:11px; }
.prx-login-body button { height:40px; margin:6px 0 0 38px; border:1px solid #cfe0fa; border-radius:8px; padding:0 17px; color:#2867df; background:#fff; }
.prx-login-body > img { width:270px; height:190px; object-fit:contain; }
.prx-notice { min-height:390px; padding:20px 24px; }
.prx-notice > div { margin-top:20px; border:1px solid #e4ebf6; border-radius:13px; overflow:hidden; }
.prx-notice label { position:relative; min-height:74px; padding:10px 16px; display:grid; grid-template-columns:44px minmax(0,1fr) 52px; align-items:center; gap:10px; border-bottom:1px solid #e8eef7; }
.prx-notice label:last-child { border-bottom:0; }
.prx-notice label > img { width:42px; height:42px; object-fit:contain; }
.prx-notice label > span { display:grid; gap:3px; }
.prx-notice strong { font-size:12px; }
.prx-notice small { color:#6d7f9f; font-size:10px; }
.prx-notice input,.prx-preference input { position:absolute; opacity:0; pointer-events:none; }
.prx-notice i,.prx-preference i { position:relative; width:48px; height:26px; border-radius:14px; background:#dce5f3; }
.prx-notice i::after,.prx-preference i::after { content:""; position:absolute; left:3px; top:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(20,40,80,.18); transition:.2s; }
.prx-notice input:checked + i,.prx-preference input:checked + i { background:#2868f5; }
.prx-notice input:checked + i::after,.prx-preference input:checked + i::after { transform:translateX(22px); }
.prx-preference { position:relative; min-height:230px; padding:20px 310px 20px 24px; overflow:hidden; }
.prx-preference > div { margin-top:20px; display:grid; gap:14px; }
.prx-preference label { min-height:42px; display:grid; grid-template-columns:150px minmax(0,1fr) 50px; align-items:center; gap:10px; color:#53698f; font-size:11px; }
.prx-preference select { height:40px; border:1px solid #dce6f4; border-radius:8px; padding:0 12px; color:#53698f; background:#fff; }
.prx-preference label > span { display:flex; gap:8px; align-items:center; }
.prx-preference label > span button { width:80px; height:36px; border:1px solid #dbe5f4; border-radius:8px; color:#4f6388; background:#fff; }
.prx-preference label > span button.active { color:#fff; border-color:#2868f5; background:#2868f5; }
.prx-preference > img { position:absolute; right:18px; bottom:10px; width:270px; height:180px; object-fit:contain; }
.prx-tip { min-height:98px; padding:22px 28px; display:grid; grid-template-columns:160px minmax(0,1fr) auto; align-items:center; gap:14px; }
.prx-tip strong { color:#2867df; }
.prx-tip span { color:#6b7d9f; font-size:11px; }
.prx-tip a { color:#2867df; text-decoration:none; font-size:11px; }
@media (max-width:1500px) {
  .prx-page { padding:16px 10px 22px; }
  .prx-page > header { height:85px; }
  .prx-account,.prx-password,.prx-login,.prx-notice { padding-inline:16px; }
  .prx-account-body { grid-template-columns:145px minmax(0,1fr); }
  .prx-account-body > img { width:135px; height:135px; }
  .prx-password > div { grid-template-columns:190px minmax(0,1fr); }
  .prx-password > div > img { width:180px; }
  .prx-password label { grid-template-columns:85px minmax(0,1fr); }
  .prx-password form button { margin-left:95px; }
  .prx-login-body { grid-template-columns:minmax(0,1fr) 220px; }
  .prx-login-body > img { width:215px; }
}
