/* Shared account shell: desktop sidebar, independent mobile pages. */
.account-status-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:#482b27;color:#ffc1b5;font-size:12px;line-height:18px;}
.account-ban-notice{padding:16px;margin-bottom:24px;border:1px solid #75433a;border-radius:12px;background:#2d201e;color:#ffc1b5;}
.account-ban-notice strong{font-size:16px;line-height:24px;}.account-ban-notice p{margin:6px 0 0;font-size:14px;line-height:22px;}
[data-account-banned][hidden]{display:none!important;}
@media(max-width:767px){.account-ban-notice{padding:12px;margin-bottom:20px;}.account-ban-notice p{font-size:13px;line-height:21px;}}
.account-layout {width:1700px;max-width:calc(100% - 64px);margin:36px auto 60px;color:#f2f2f2;}
.account-breadcrumb {margin-bottom:24px;}
.account-columns {display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:stretch;}
.account-sidebar {align-self:start;min-width:0;padding:17px;background:#191919;border:1px solid #191919;border-radius:20px;}
.account-summary {display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 32px;}
.account-summary-profile {display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;width:100%;color:inherit;text-decoration:none;}
.account-summary-avatar {width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #333;box-sizing:border-box;flex-shrink:0;}
.account-default-avatar {display:grid;place-items:center;background:#262626;}
.account-summary-info {display:flex;flex-direction:column;gap:4px;align-items:center;min-width:0;max-width:100%;}
.account-summary-info strong {font-size:14px;line-height:20px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.account-summary-profile>.account-mobile-arrow {display:none;}
.account-guest-register {color:#ff5000;font-size:12px;line-height:18px;text-decoration:none;}
.account-menu {display:flex;flex-direction:column;gap:4px;}
.account-menu-item {display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:12px 16px;box-sizing:border-box;background:none;border:0;border-radius:10px;color:#999;font-weight:500;text-decoration:none;text-align:left;cursor:pointer;}
.account-menu-item {font-family:inherit;font-size:14px;line-height:20px;}
.account-menu-item:hover {background:#252525;color:#fff;}
.account-menu-item.is-active {background:#ff5000;color:#fff;}
.account-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;box-sizing:border-box;padding:0 12px;background:#191919;border:1px solid #191919;border-radius:10px;color:#999;cursor:pointer;}
.account-logout{font-family:inherit;font-size:14px;font-weight:400;line-height:20px;}
.account-logout[hidden]{display:none;}.account-sidebar>.account-logout{margin-top:16px;}
.account-logout img{flex:none;width:16px;height:16px;}.account-logout:hover{color:#eee;background:#262626;}
@media(max-width:767px){.account-mobile-home>.account-logout{height:44px;border-radius:9px;background:#1c1c1c;border-color:#333;}}
.account-icon {display:inline-block;width:20px;height:20px;flex-shrink:0;background:currentColor;-webkit-mask:var(--account-icon) center/contain no-repeat;mask:var(--account-icon) center/contain no-repeat;}
.account-content {min-width:0;background:#191919;border-radius:16px;padding:48px 24px;min-height:704px;box-sizing:border-box;}
/* Account pages retain their own content components, without an extra outer page shell. */
html body .account-content>main {width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;zoom:1!important;box-sizing:border-box;}
.account-content .setting-breadcrumb,.account-content .site-breadcrumb,.account-content .edit-password-breadcrumb,.account-content .deposit-breadcrumb {display:none;}
.account-content .library-page .card-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
.account-content .setting-main {display:block;}
.account-content .setting-panel,.account-content .setting-aside {max-width:720px;margin-inline:auto;}
.account-content .setting-aside {margin-top:24px;}
.account-content .edit-profile-page {max-width:720px!important;margin-inline:auto!important;}
.account-content .edit-password-page {max-width:720px!important;margin-inline:auto!important;}
.account-layout a:focus-visible,.account-layout button:focus-visible {outline:2px solid #ff5000;outline-offset:3px;}
@media(min-width:768px) and (max-width:860px){.account-columns{grid-template-columns:240px minmax(0,1fr);}.account-content .library-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:767px){
  .account-layout{width:auto;max-width:none;margin:16px 16px 24px;}
  .account-breadcrumb{margin-bottom:20px;}
  .account-layout--home>.account-breadcrumb{display:none;}
  .account-columns{display:block;}.account-sidebar{display:none;}
  .account-content{background:none;border-radius:0;padding:0;min-height:0;}
  .account-content .library-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .account-content .setting-panel,.account-content .setting-aside{max-width:none;}
}
@media(min-width:768px){
 html body .account-content .library-page .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}
 html body .account-content .edit-password-pc,html body .account-content .edit-password-shell{width:100%!important;max-width:100%!important;zoom:1!important;}
}
@media(min-width:768px) and (max-width:860px){html body .account-content .library-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}

@media(min-width:861px) and (max-width:1919px){
  html body .account-layout{width:1700px;max-width:none;zoom:var(--site-pc-scale-1700);margin-inline:auto;}
}

.account-viewing-days{display:inline-flex;align-items:center;gap:2px;background:#ffffff1a;border-radius:4px;padding:2px 8px;color:#999;font-size:12px;line-height:18px;font-weight:500;white-space:nowrap;}
.account-viewing-days[hidden]{display:none;}.account-viewing-count{color:#ff5000;font-weight:400;}.account-viewing-count b{font-weight:400;}
@media(max-width:767px){.account-viewing-days{background:none;border-radius:0;padding:0;gap:4px;font-weight:400;}.account-viewing-count{display:inline-flex;gap:4px;color:inherit;}}
.account-security-panel{padding:16px;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;}
.account-security-heading{display:flex;align-items:center;gap:10px;}
.account-security-shield{display:grid;place-items:center;width:36px;height:36px;box-sizing:border-box;border:1px solid #0abe7533;background:#0abe751a;border-radius:12px;flex-shrink:0;}
.account-security-title{min-width:0;}.account-security-title h2{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#f2f2f2;}
.account-security-panel p{margin:0;font-size:12px;line-height:18px;color:#999;}
.account-security-heading button{display:flex;align-items:center;gap:4px;margin-left:auto;padding:7px 13px;border:1px solid #ffffff1a;background:#ffffff0d;border-radius:9px;font:inherit;font-size:12px;line-height:18px;color:#f2f2f2;white-space:nowrap;cursor:pointer;}
.account-security-heading button:disabled{opacity:.6;cursor:wait;}
.account-security-heading button img{filter:none;}
.account-security-panel .account-security-items{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;}.account-security-items b{font-weight:400;}
.account-security-panel .account-security-hint{margin-top:8px;}.account-security-panel .account-security-result{margin-top:8px;color:#ff7b43;}
@media(max-width:767px){.account-security-panel{background:#1c1c1c;border-color:#282828;}.account-security-title h2{font-size:13px;}.account-security-heading button{padding-inline:10px;}}