/* Account workspace: identity once, service navigation at left, native task at right. */
body.sc-account-page { --focus-color:#afc5e2; --focus-shadow-color:#afc5e222; background:#17191d; }
.sc-account-page main > .container { max-width:1180px; padding-top:30px; }
.sc-profile-header { padding-bottom:25px; border-bottom:1px solid #343b45; }
.sc-profile-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.sc-profile-heading h1 { margin:0; font:600 26px/1.3 "Microsoft YaHei","PingFang SC",sans-serif; color:#edf0f5; }
.sc-profile-heading > a { display:flex; gap:10px; align-items:center; font-size:12px; color:#a8b6c8; }
.sc-profile-header svg { width:17px; height:17px; vertical-align:middle; fill:none; }
.sc-profile-extras { display:flex; align-items:center; gap:12px; margin-top:7px; }
.sc-profile-extras:empty { display:none; }
.sc-profile-extras .but { padding:0; background:none; color:#8596ac; font-size:11px; }
.sc-profile-extras svg { display:none; }
.sc-profile-identity { display:flex; align-items:center; gap:24px; }
.sc-profile-avatar { flex-shrink:0; text-align:center; width:80px; }
.sc-profile-avatar .avatar-img { width:76px; height:76px; padding:0; border:0; border-radius:20px; overflow:hidden; }
.sc-profile-avatar .avatar { border-radius:20px; }
.sc-profile-avatar-edit { display:block; margin-top:8px; color:#a8b6c8; font-size:11px; }
.sc-profile-name { flex:1; min-width:0; }
.sc-profile-name h2 { font-size:24px; font-weight:600; line-height:1.45; margin:0 0 7px; overflow-wrap:anywhere; color:#edf0f5; }
.sc-profile-meta { display:flex; flex-wrap:wrap; gap:6px 18px; color:#9ca8b9; font-size:12px; overflow-wrap:anywhere; }
.sc-profile-meta [role=button] { cursor:pointer; }
.sc-profile-name p { color:#aeb8c6; font-size:13px; margin:10px 0 0; }
.sc-profile-actions { text-align:right; flex-shrink:0; }
.sc-profile-edit { display:inline-flex; gap:26px; align-items:center; border:1px solid #586576; border-radius:5px; padding:9px 15px; color:#dce6f3; font-size:13px; }
.sc-profile-edit:hover { background:#28333f; color:#fff; }
.sc-profile-actions > div { display:flex; gap:16px; margin-top:12px; font-size:11px; color:#9ca8b9; }
.sc-profile-statistics { margin:24px 0 0 104px; }
.sc-account-page .sc-profile-statistics > div { padding:0; margin:0; background:none; box-shadow:none; justify-content:flex-start; gap:25px; }
.sc-profile-statistics .user-statistics-item { display:flex; flex-direction:row-reverse; gap:9px; align-items:baseline; flex:0 0 auto; color:#aab6c5; }
.sc-profile-statistics .user-statistics-item > div { margin:0; font-size:11px; opacity:1; }
.sc-profile-statistics .user-statistics-item .em14 { color:#e0e7f0; font:15px Bahnschrift,"Segoe UI",sans-serif; }
.sc-account-page .user-center { display:grid; grid-template-columns:218px minmax(0,1fr); gap:42px; padding-top:30px; align-items:start; }
.sc-account-page .user-center > .user-center-sidebar { width:100%; float:none; min-width:0; }
.sc-account-page .user-center > .user-center-content { width:100%; margin:0; padding:0; min-width:0; }
.sc-account-page .user-center-sidebar > .zib-widget { background:none; margin:18px 0 0; padding:0; border:0; }
.sc-account-page .user-center-sidebar > .zib-widget > .padding-6 { color:#8493a6; padding:0 12px 8px; margin:0; font-size:11px; }
.sc-account-page .user-icon-but-box { display:flex; flex-direction:column; align-items:stretch; gap:3px; }
.sc-account-page .user-center-sidebar .user-icon-but-box > item { display:flex; align-items:center; width:100%; max-width:none; margin:0; padding:11px 12px; gap:12px; border-radius:5px; text-align:left; color:#b9c4d3; cursor:pointer; }
.sc-account-page .user-icon-but-box > item > .em16 { display:none; }
.sc-account-page .user-icon-but-box > item > .px12 { margin:0; font-size:13px; color:inherit; }
.sc-account-page .user-icon-but-box > item::after { content:'›'; margin-left:auto; color:#68788c; }
.sc-account-page .user-center-sidebar [data-onclick]:hover { background:#252c35!important; }
.sc-account-page .user-center-sidebar .sc-account-current { background:#2c3745!important; color:#e3ecf8!important; }
.sc-account-page .user-center-sidebar > .payvip-icon { text-align:left; background:#20262e; color:#b9c9dd; border:1px solid #354253; padding:13px 12px!important; margin:0 0 10px; border-radius:5px; }
.sc-account-page .user-center-sidebar > .payvip-icon::before, .sc-account-page .user-center-sidebar > .payvip-icon::after,
.sc-account-page .user-center-sidebar > .payvip-icon > img, .sc-account-page .user-center-sidebar > .payvip-icon > svg, .sc-account-page .vip-expdate-tag svg { display:none; }
.sc-account-page .user-center-sidebar .vip-expdate-tag { color:#9aacc2; background:none; padding:0; margin:4px 0 0; display:block; font-size:10px; text-align:left; }
.sc-account-page .user-center-sidebar > [data-onclick] > .zib-widget { background:transparent; padding:12px; margin:0 0 8px; }
.sc-account-page .user-center-sidebar > [data-onclick] svg { display:none; }
.sc-account-page .user-center-sidebar > [data-onclick] .font-bold { color:#b9c9dd; font:22px Bahnschrift,"Segoe UI",sans-serif; }
.sc-account-section-title { font:600 20px/1.4 "Microsoft YaHei","PingFang SC",sans-serif; color:#e5eaf1; margin:0 0 20px; }
.sc-account-page .user-center-content .zib-widget { background:#1e232a; border:1px solid #333c47; border-radius:7px; box-shadow:none; }
.sc-account-page .user-content-myvip { padding:23px 26px; border-left:3px solid #a9bfdc!important; margin-bottom:24px; }
.sc-account-page .user-content-myvip > .vip-img, .sc-account-page .user-content-myvip > .flex2 { display:none; }
.sc-account-page .user-content-myvip .img-icon { display:none; }
.sc-account-page .user-content-myvip .font-bold { margin-left:0; font-size:25px; color:#e3ebf5; }
.sc-account-page .user-content-myvip .badg { background:#293745; color:#adc5df; border:1px solid #3c5064; font-size:11px; }
.sc-account-page .user-content-myvip .muted-color { margin-top:5px; font-size:12px; }
.sc-account-page .pay-vip-info { padding:24px; text-align:left; background:#1c2026!important; border:1px solid #333c47!important; color:#bdc9d9!important; }
.sc-account-page .pay-vip-info .vip-baicon, .sc-account-page .pay-vip-info .v-icon { display:none; }
.sc-account-page .pay-vip-info .v-iconbox { justify-content:flex-start; align-items:flex-start; flex-direction:row; margin:0 0 20px; }
.sc-account-page .pay-vip-info .v-info { text-align:left; width:100%; }
.sc-account-page .pay-vip-info .v-name { font-size:18px; color:#d9e4f2; }
.sc-account-page .pay-vip-info .v-desc { font-size:12px; }
.sc-account-page .pay-vip-info .v-equity { padding:0; margin:0; font-size:13px; line-height:1.8; }
.sc-account-page .pay-vip-info .v-equity li { padding:6px 0; margin:0; }
.sc-account-page .pay-vip-info .pay-vip { font-size:12px; padding:9px 14px; background:#adc2df; color:#1b2838; }
.sc-account-page .userdata-set > .ajaxpager > form, .sc-account-page .userdata-set form.zib-widget { padding:26px; }
.sc-account-page .userdata-set form > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:20px; margin:0; padding:18px 0; border-bottom:1px solid #303944; }
.sc-account-page .userdata-set form > div:first-child { padding-top:0; padding-bottom:24px; }
.sc-account-page .userdata-set form > div:first-child { display:block; }
.sc-account-page .userdata-set form > div:first-child .author-set-left,
.sc-account-page .userdata-set form > div:first-child .author-set-right > .flex { display:none; }
.sc-account-page .userdata-set form > div:first-child .author-set-right { display:flex; flex-wrap:wrap; gap:8px 25px; color:#91a1b6; font-size:12px; }
.sc-account-page .userdata-set form > div:first-child .mt6 { margin:0; }
.sc-account-page .userdata-set form > div:last-child { border:0; padding-bottom:0; }
.sc-account-page .userdata-set .author-set-left { float:none; width:auto; margin:0; color:#a5b2c4; font-size:13px; padding-top:9px; }
.sc-account-page .userdata-set .author-set-right { width:auto; margin:0; min-width:0; }
.sc-account-page .userdata-set .avatar-img { width:70px; height:70px; border-radius:18px; }
.sc-account-page .userdata-set .avatar { border-radius:18px; }
.sc-account-page .userdata-set input:not([type=hidden]), .sc-account-page .userdata-set select { min-height:42px; border:1px solid #414d5c; border-radius:5px; background:#171c22; font-size:13px; padding:9px 12px; }
.sc-account-page .userdata-set .jb-blue { background:#adc2df; color:#1b2838; font-size:13px; }
.sc-account-page .userdata-set .c-blue { background:none; color:#b5cbea; border-color:#576c86; }
.sc-account-page [role=button]:focus-visible, .sc-account-page a:focus-visible { outline:2px solid #a7bde6!important; outline-offset:3px; }
.sc-account-page #refresh_modal:has(.mini-upload) .modal-colorful-header { background:none; color:#e5edf6; padding:20px 0; margin:0 0 20px; border-bottom:1px solid #394554; }
.sc-account-page #refresh_modal:has(.mini-upload) .colorful-make,
.sc-account-page #refresh_modal:has(.mini-upload) .modal-colorful-header .em2x { display:none; }
.sc-account-page #refresh_modal:has(.mini-upload) .modal-colorful-header .text-center { text-align:left; }
.sc-account-page #refresh_modal:has(.mini-upload) .modal-colorful-header .mt10 { margin:0; padding:0; font-size:21px; font-weight:600; }
.sc-account-page #refresh_modal:has(.mini-upload) .modal-buts .but { background:#adc2df; color:#1b2838; }
@media(max-width:1000px) {
  .sc-account-page .user-center { grid-template-columns:185px minmax(0,1fr); gap:25px; }
  .sc-profile-actions > div { flex-direction:column; gap:6px; }
}
@media(max-width:767px) {
  .sc-account-page main > .container { padding-top:22px; }
  .sc-profile-heading { margin-bottom:22px; }
  .sc-profile-heading h1 { font-size:23px; }
  .sc-profile-identity { gap:16px; flex-wrap:wrap; }
  .sc-profile-name { flex-basis:calc(100% - 96px); }
  .sc-profile-name h2 { font-size:20px; }
  .sc-profile-meta { flex-direction:column; gap:3px; }
  .sc-profile-actions { display:flex; width:100%; gap:18px; align-items:center; }
  .sc-profile-actions > div { flex-direction:row; gap:15px; margin:0; }
  .sc-profile-edit { font-size:12px; padding:8px 12px; gap:12px; }
  .sc-profile-statistics { margin:24px 0 0; }
  .sc-account-page .sc-profile-statistics > div { justify-content:space-between; gap:8px; flex-wrap:wrap; }
  .sc-account-page .user-center { display:block; padding-top:22px; }
  .sc-account-page .user-center-sidebar { width:100%; }
  .sc-account-page .user-center-content.drawer-sm { width:100%; padding:22px 16px!important; }
  .sc-account-page .user-icon-but-box { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sc-account-page .user-center-content .pay-vip-info { padding:18px; }
  .sc-account-page .user-content-myvip + .flex { flex-direction:column; }
  .sc-account-page .userdata-set form.zib-widget { padding:18px; }
  .sc-account-page .userdata-set form > div { grid-template-columns:1fr; gap:8px; padding:15px 0; }
  .sc-account-page .userdata-set form > div:first-child { grid-template-columns:70px minmax(0,1fr); gap:16px; }
  .sc-account-page .userdata-set .author-set-left { text-align:left; padding-top:0; }
}