.account-page{--account-blue:#087df3;--account-ink:#123b79;--account-muted:#6584ad;--account-line:#c5daf3;background:#e7eff8;color:var(--account-ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}
.account-page [hidden]{display:none!important}.account-page button,.account-page input,.account-page textarea{font:inherit}.account-page button{cursor:pointer}.account-page button:disabled{cursor:not-allowed;opacity:.5}.account-page :focus-visible{outline:3px solid #94c9ff;outline-offset:3px}.account-page input,.account-page textarea{color:var(--account-ink);accent-color:var(--account-blue)}
.primary-button,.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:7px;border:1px solid var(--account-blue);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.primary-button{background:var(--account-blue);color:#fff!important}.primary-button:hover{background:#006cdb}.outline-button{background:#fff;color:var(--account-blue);border-color:#a8cdfb}.outline-button:hover{background:#eff7ff;border-color:#087df3}.text-button{padding:8px 4px;background:none;border:0;color:#557eb5;font-size:14px}.text-button:hover{color:#087df3;text-decoration:underline}
.auth-main{max-width:1240px;margin:40px auto;padding:0 20px}.auth-home{display:none}.auth-panel{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:#fff;border:1px solid var(--account-line);border-radius:9px;overflow:hidden}.auth-art{position:relative;background:#e2f3ff url('../images/haitun-auth-dolphin.webp') center center/cover no-repeat;border-right:1px solid #d9e9fb}.auth-welcome{position:relative;text-align:center;padding:58px 26px 0}.auth-welcome h1{margin:0;font-size:32px;line-height:1.4;letter-spacing:-.5px}.auth-welcome p{margin:16px 0;color:#4f76a5;font-size:18px}.auth-form-area{padding:46px 60px 36px}.auth-form-area h2{font-size:28px;margin:0 0 28px;line-height:1.4}.form-field{margin:0 0 20px}.form-field>label{display:block;margin:0 0 9px;font-size:14px;font-weight:600}.account-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.account-form textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--account-line);border-radius:6px;background:#fff;font-size:15px;line-height:1.4}.account-form input::placeholder,.account-form textarea::placeholder{color:#879bb7}.account-form textarea{resize:vertical}.password-input{position:relative;min-width:0}.password-input input{padding-right:56px!important}.password-input button{position:absolute;right:3px;top:3px;height:39px;padding:0 10px;border:0;background:none;font-size:12px;color:#55749a}.captcha-row{display:flex;align-items:center;gap:10px;min-width:0}.captcha-row>input{flex:1}.captcha-image{flex:0 0 112px;width:112px;padding:0;border:1px solid var(--account-line);border-radius:5px;overflow:hidden;background:#f4f8ff;line-height:0}.captcha-image img{width:112px;height:44px;object-fit:contain}.captcha-row>.text-button{flex-shrink:0;font-size:12px}.form-options{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;margin:8px 0 22px}.form-options label{display:flex;gap:6px;align-items:center}.form-options input{width:17px;height:17px}.form-submit{width:100%;font-size:16px;min-height:48px}.form-switch{text-align:center;margin:22px 0 0;color:#6380a6;font-size:14px}.form-switch a,.form-options a{color:var(--account-blue)}.form-alert,.form-message{padding:12px 14px;background:#fff3ed;color:#914a24;border:1px solid #f0c9af;border-radius:6px;font-size:14px;line-height:1.6;margin:0 0 20px}.form-message.success{color:#216646;background:#effaf4;border-color:#acd8c2}
.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;max-width:1240px;margin:34px auto 44px;min-height:620px}.account-sidebar{background:#fff;border:1px solid var(--account-line);border-radius:8px;padding:24px 14px;align-self:stretch}.sidebar-profile{display:flex;align-items:center;flex-direction:column;gap:10px;margin:4px 0 30px}.sidebar-profile img{width:72px;height:72px;object-fit:cover;border-radius:50%;padding:4px;background:#eef7ff}.sidebar-profile strong{font-size:16px;word-break:break-word}.sidebar-profile span{font-size:12px;color:var(--account-muted)}.account-sidebar nav{display:flex;flex-direction:column;gap:10px}.account-sidebar nav a{display:flex;gap:12px;align-items:center;padding:15px 16px;border-radius:6px;font-size:15px;color:var(--account-ink)}.account-sidebar .icon{width:20px;height:20px}.account-sidebar a[aria-current]{background:#eaf5ff;color:#087df3;font-weight:700}.account-content{min-width:0;background:#fff;border:1px solid var(--account-line);border-radius:8px;padding:28px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.account-heading h1{margin:0;font-size:28px;line-height:1.4}.account-heading p{margin:9px 0 0;font-size:14px;color:var(--account-muted)}.account-heading>.outline-button{min-height:36px;padding:6px 20px;font-weight:400}.shelf-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.shelf-filters a{padding:10px 14px;border:1px solid #d5e4f6;background:#f8fbff;border-radius:6px;color:#517bb4;font-size:14px}.shelf-filters a[aria-current]{background:#087df3;color:white;border-color:#087df3}.shelf-table-head,.shelf-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,1fr) minmax(130px,1fr) 112px;align-items:center;gap:18px}.shelf-table-head{padding:12px 10px;border-radius:6px;background:#f0f6fd;color:#6385af;font-size:13px}.book-row{position:relative;border-bottom:1px solid #e1eaf6;padding:16px 10px;min-width:0}.book-summary{display:flex;gap:14px;align-items:center;min-width:0;color:var(--account-ink);text-decoration:none}.book-summary img{width:60px;height:80px;aspect-ratio:3/4;object-fit:cover;flex:0 0 60px;border-radius:4px;background:#edf3fa}.book-summary>div{min-width:0}.book-summary h3{font-size:15px;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}.book-summary p,.book-progress p,.book-latest p{font-size:12px;color:#6686b0;line-height:1.6;margin:0;overflow-wrap:anywhere}.book-progress progress{appearance:none;display:block;border:0;height:5px;width:100%;max-width:160px;border-radius:3px;overflow:hidden;margin-top:9px;background:#e5edf8}.book-progress progress::-webkit-progress-bar{background:#e5edf8}.book-progress progress::-webkit-progress-value{background:#2695ff}.book-progress progress::-moz-progress-bar{background:#2695ff}.book-latest time{font-size:11px;color:#8299b9;line-height:2}.book-actions{display:flex;flex-direction:column;align-items:center;gap:5px}.book-actions .primary-button,.book-actions .outline-button{font-size:12px;min-height:36px;padding:7px 13px}.remove-book{font-size:12px}.manage-bar{display:flex;gap:16px;align-items:center;padding:12px;margin:0 0 12px;background:#edf6ff;border-radius:6px;font-size:13px}.manage-bar .outline-button{font-size:13px;min-height:36px;padding:6px 14px}.row-select{position:absolute;left:0;top:50%;transform:translateY(-50%)}.is-managing .book-row{padding-left:30px}.account-page input[type=checkbox]{width:17px;height:17px}.account-empty{padding:65px 16px;text-align:center}.account-empty>.icon{width:48px;height:48px;color:#85b7e8}.account-empty h2{font-size:20px;margin:22px 0 12px}.account-empty p{font-size:14px;color:var(--account-muted);margin:0 0 24px}.account-loading{padding:60px 20px;text-align:center;color:var(--account-muted)}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:14px}.history-layout .account-content{padding:0;background:none;border:0}.history-day{background:#fff;border:1px solid var(--account-line);padding:18px 22px 0;border-radius:8px;margin-bottom:18px}.history-day>h2{font-size:20px;margin:0;padding:0 0 12px;border-bottom:1px solid #deebfa}.history-day small{font-size:13px;font-weight:400;margin-left:10px;color:#6887b0}.history-row{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:14px 0}.history-row:last-child{border:0}.history-row .book-summary img{width:64px;height:85.333px;flex-basis:64px}.history-row .book-summary h3{font-size:16px}.history-row .book-summary p{margin-top:4px;font-size:13px}.history-row .book-actions{flex-shrink:0}.history-row .book-actions a{font-size:14px;min-height:40px;padding:10px 20px}.history-note{font-size:12px;line-height:1.7;color:#6b87aa;margin:18px 0}.profile-tabs{display:flex;gap:24px;border-bottom:1px solid #dce8f6;margin-bottom:24px}.profile-tabs a{padding:14px 20px;color:#56749b;font-size:14px;border-bottom:2px solid transparent}.profile-tabs a[aria-current]{border-color:#087df3;color:#087df3;font-weight:700}.avatar-row{display:flex;align-items:center;gap:24px;margin:24px 0 30px;font-size:14px}.avatar-row>span{width:86px;flex-shrink:0;font-weight:600}.avatar-row img{width:88px;height:88px;object-fit:cover;border-radius:50%;background:#eef7ff;padding:4px}.avatar-row p{font-size:12px;color:#7891b3;margin:12px 0 0}.avatar-upload{cursor:pointer}.profile-form{max-width:740px}.profile-form .form-field{display:grid;grid-template-columns:86px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:26px}.profile-form .form-field>label{padding-top:14px}.profile-form .form-field>input,.profile-form .form-field>textarea,.profile-form .password-input{max-width:520px}.gender-field{border:0;margin:0 0 26px;padding:0;display:flex;align-items:center;gap:30px;min-height:42px;font-size:14px}.gender-field legend{float:left;width:86px;margin-right:24px;padding:10px 0;font-weight:600}.gender-field label{display:flex;align-items:center;gap:6px}.gender-field input{width:18px;height:18px}.profile-actions{display:flex;gap:14px;padding-left:110px;margin-top:28px}.profile-actions>.primary-button{min-width:150px}.field-note{margin-left:110px;color:#6b87aa;font-size:13px}.account-notice{position:fixed;z-index:1000;left:50%;bottom:80px;transform:translateX(-50%);background:#163d77;color:#fff;max-width:calc(100vw - 32px);padding:14px 22px;border-radius:8px;box-shadow:0 8px 26px #142c4b33;font-size:14px;line-height:1.6}.mobile-account-nav{display:none}
@media(max-width:1300px){.account-layout{margin-left:22px;margin-right:22px}.auth-form-area{padding:40px}.shelf-table-head,.shelf-row{grid-template-columns:minmax(180px,1.5fr) minmax(110px,1fr) minmax(110px,1fr) 100px;gap:12px}.account-content{padding:24px}.account-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}}
@media(max-width:1000px){.account-layout{grid-template-columns:165px minmax(0,1fr);gap:16px}.account-sidebar{padding:20px 10px}.account-sidebar nav a{padding:14px 10px;gap:8px;font-size:14px}.shelf-table-head{display:none}.shelf-row{grid-template-columns:1fr 110px;gap:6px 14px}.shelf-row .book-summary{grid-column:1;grid-row:1/4}.shelf-row .book-progress,.shelf-row .book-latest{display:none}.book-actions{grid-column:2}.auth-form-area{padding:34px 26px}.auth-welcome{padding:60px 20px}.auth-welcome h1{font-size:26px}.auth-welcome p{font-size:16px}}
@media(max-width:700px){.account-page .site-header{position:static}.account-page .header-inner{padding:16px 20px;min-height:0;display:flex;gap:16px}.account-page .brand-art{width:190px;height:auto}.account-page .main-nav,.account-page .search,.account-page .account span{display:none}.account-page .account{margin-left:auto;gap:16px}.account-page .account .icon{width:21px;height:21px}.account-page .site-footer{display:none}.mobile-account-nav{display:flex;justify-content:space-around;gap:12px;padding:0 18px;background:#fff;border-bottom:1px solid #d9e7f7}.mobile-account-nav a{padding:14px 22px 12px;border-bottom:3px solid transparent;color:#284d7e;font-size:15px}.mobile-account-nav a[aria-current]{color:#087df3;border-color:#087df3;font-weight:700}.account-layout{display:block;margin:18px 12px 28px;min-height:0}.account-sidebar{display:none}.account-content{padding:20px 16px;border-radius:8px}.account-heading{gap:10px;margin-bottom:20px}.account-heading h1{font-size:23px}.account-heading p{font-size:12px;line-height:1.7}.account-heading>.outline-button{padding:6px 12px;font-size:12px}.shelf-filters{gap:7px;flex-wrap:nowrap}.shelf-filters a{font-size:12px;padding:9px 10px;white-space:nowrap}.book-row{padding:15px 0}.shelf-row{grid-template-columns:minmax(0,1fr) 82px;gap:7px 10px}.book-summary{gap:11px;align-items:flex-start}.book-summary img{width:51px;height:68px;flex-basis:51px}.book-summary h3{font-size:14px;line-height:1.45;margin-bottom:7px}.book-summary .book-genre{font-size:11px;line-height:1.5}.book-actions .outline-button{font-size:11px;padding:8px;min-height:36px}.remove-book{display:none}.is-managing .remove-book{display:block}.shelf-row .book-summary{grid-row:1/3}.shelf-row .book-progress{display:block;grid-column:1/-1;padding-left:62px}.shelf-row .book-progress p{font-size:11px}.shelf-row .book-progress progress{display:none}.shelf-row .book-latest{display:block;grid-column:1/-1;padding-left:62px}.shelf-row .book-latest p,.book-latest time{font-size:11px}.shelf-row .book-actions{grid-row:1/3}.history-layout{margin:22px 16px}.history-day{padding:17px 14px 0}.history-day>h2{font-size:19px}.history-day small{font-size:12px;margin-left:6px}.history-row{gap:12px;padding:15px 0}.history-row .book-summary img{width:52px;height:69.333px;flex-basis:52px}.history-row .book-summary h3{font-size:14px;line-height:1.5}.history-row .book-summary p{font-size:11px;line-height:1.5}.history-row .book-actions a{font-size:11px;padding:8px 10px;min-height:36px}.history-note{font-size:12px;padding:12px 14px;background:#f6faff;border-radius:6px}.manage-bar{gap:10px;flex-wrap:wrap;font-size:12px}.manage-bar .outline-button{padding:6px 10px;font-size:12px}.account-empty{padding:50px 10px}.account-empty h2{font-size:18px}.profile-tabs{gap:10px;justify-content:space-around}.profile-tabs a{font-size:14px;padding:12px 16px}.avatar-row{gap:16px;flex-wrap:wrap;margin:20px 0 26px}.avatar-row>span{width:100%}.avatar-row img{margin-left:0;width:80px;height:80px}.avatar-row p{font-size:11px}.profile-form .form-field{display:block;margin-bottom:22px}.profile-form .form-field>label{padding:0;margin-bottom:9px}.gender-field{gap:28px;flex-wrap:wrap;margin-bottom:22px}.gender-field legend{float:none;width:100%;padding:0;margin:0 0 13px}.profile-actions{padding-left:0;display:flex}.profile-actions>.primary-button{flex:1;min-width:0}.profile-actions>.outline-button{min-width:80px}.field-note{margin-left:0}.account-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.account-form textarea{font-size:16px;min-height:46px}.auth-main{margin:0;padding:20px 24px 0;background:#fff;min-height:calc(100vh - 80px)}.auth-home{display:block;text-align:right;font-size:13px;margin:0 0 24px}.auth-panel{display:block;border:0;border-radius:0;min-height:0}.auth-art{display:none}.auth-form-area{padding:0 0 40px}.auth-form-area h2{font-size:26px;margin:12px 0 28px}.auth-form-area .form-field{margin-bottom:24px}.auth-form-area .form-submit{margin-top:8px}.auth-panel:after{content:"";display:block;height:130px;background:#eaf7ff url('../images/haitun-auth-dolphin.webp') center bottom/cover no-repeat;margin:0 -24px}.account-login .account,.account-register .account,.account-reset .account{display:none}.captcha-row{gap:7px}.captcha-image,.captcha-image img{width:100px}.captcha-image{flex-basis:100px}.captcha-row>.text-button{font-size:11px}.form-switch{font-size:14px}.form-options{font-size:13px}.collection-pagination{gap:12px}.collection-pagination .outline-button{font-size:12px;padding:8px 12px}}
@media(max-width:360px){.account-page .brand-art{width:170px}.account-page .header-inner{padding:14px 16px}.account-content{padding:18px 12px}.shelf-filters{gap:5px}.shelf-filters a{padding:8px 7px}.auth-main{padding-left:18px;padding-right:18px}.auth-panel:after{margin-left:-18px;margin-right:-18px}.captcha-row{flex-wrap:wrap}.captcha-row>input{flex-basis:100%}.history-row .book-actions a{padding:7px;font-size:10px}.history-row .book-summary{gap:8px}.mobile-account-nav a{padding-left:18px;padding-right:18px}.gender-field{gap:22px}}
/* Account-specific compact header and reading-list layout. */
@media(max-width:700px){
.account-page.home-shell-a .header-inner{display:flex;flex-wrap:nowrap;height:82px;min-height:82px;margin:0;padding:8px 18px;gap:10px;align-items:center}
.account-page.home-shell-a .site-header .brand{position:relative;width:200px;height:62px;flex:0 1 200px}
.account-page.home-shell-a .site-header .brand-art{position:absolute;width:220px;height:auto;left:-8px;top:-14px}
.account-page.home-shell-a .account{margin-left:auto;gap:8px;flex-shrink:0}
.account-page.home-shell-a .account a{width:30px;min-height:44px}
.shelf-row{grid-template-columns:51px minmax(0,1fr) 78px;gap:3px 11px;min-height:116px}
.shelf-row .book-summary{display:contents}
.shelf-row .book-summary img{grid-column:1;grid-row:1/4;align-self:start}
.shelf-row .book-summary>div{grid-column:2;grid-row:1}
.shelf-row .book-summary h3{margin:0 0 2px;font-size:14px}
.shelf-row .book-genre{display:none}
.shelf-row .book-progress{grid-column:2;grid-row:2;padding:0}
.shelf-row .book-latest{grid-column:2;grid-row:3;padding:0}
.shelf-row .book-latest p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shelf-row .book-actions{grid-column:3;grid-row:1/4;align-self:center}
.is-managing .shelf-row{padding-left:23px;grid-template-columns:44px minmax(0,1fr) 72px;gap:3px 8px}
.is-managing .shelf-row .book-summary img{width:44px;height:58.666px}
}
@media(max-width:700px){
.account-manage,.account-password{padding-bottom:66px}
.account-manage .mobile-account-nav,.account-password .mobile-account-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:1px solid #d9e7f7;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
.account-manage .mobile-account-nav a,.account-password .mobile-account-nav a{border-bottom:0;border-top:3px solid transparent}
.account-manage .mobile-account-nav a[aria-current],.account-password .mobile-account-nav a[aria-current]{border-top-color:#087df3}
.shelf-row .book-progress p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
}