*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f7f8fa;color:#293140;font:14px/1.6 "Microsoft YaHei",sans-serif}.account-page{max-width:520px;margin:0 auto;padding:28px}header{display:flex;align-items:center;gap:12px;margin-bottom:24px}header small{font-size:10px;letter-spacing:2px;color:#999faa}h1{margin:0;font-size:24px}header a{margin-left:auto;font-size:12px}a{color:#bf2945;text-decoration:none}.account-mark{display:grid;place-items:center;width:46px;height:48px;background:#e63148;color:white;font-size:34px;font-weight:bold;border-radius:13px 13px 13px 4px}section{padding:24px;background:white;border:1px solid #eceef1;border-radius:12px}h2{font-size:18px;margin:0 0 8px}.hint{font-size:13px;color:#858d99;margin:8px 0 18px}label{display:block;font-size:13px;margin:16px 0 7px}input{width:100%;font:inherit;border:1px solid #dfe3e9;border-radius:6px;padding:11px 12px;background:#fff}input:focus{outline:2px solid #e791a2;outline-offset:1px}button{font:inherit;width:100%;border:0;border-radius:6px;padding:12px;background:#d92e4a;color:white;font-weight:600;margin-top:22px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #259bd4;outline-offset:3px}small#password-hint{display:block;color:#929aa6;font-size:12px;margin-top:7px}.identity{padding:0 0 18px;margin-bottom:22px;border-bottom:1px solid #eceef1;display:flex;justify-content:space-between;gap:12px}.identity span{color:#8a929f}.identity strong{overflow-wrap:anywhere}#account-status{padding:12px 14px;background:#fff0f2;color:#a82d43;border-radius:7px;font-size:13px}#account-status:empty{display:none}#account-status.success{background:#edf8f2;color:#26734e}.secondary{background:#eee;color:#444}@media(max-width:480px){.account-page{padding:20px 16px}section{padding:20px}header{margin-bottom:18px}}

/* 独立页面布局 */
.account-page{max-width:1100px;min-height:100vh;padding:40px 32px;margin:0 auto}header{padding-bottom:24px;border-bottom:1px solid #e5e8ee;margin-bottom:28px}header a{font-size:14px}section{padding:32px}form{max-width:560px}#account-status{max-width:100%}.identity{max-width:560px}h1{font-size:28px}@media(max-width:600px){.account-page{padding:24px 16px}section{padding:20px}h1{font-size:24px}header{gap:10px}header a{white-space:nowrap}}
.identity{align-items:center}.identity #mood-open{width:auto;margin:0;padding:6px 18px;font-size:13px;white-space:nowrap;background:#fff0f3;color:#ce2947;border:1px solid #f3c6d0}.identity strong{margin-left:auto}#mood-dialog{width:min(960px,calc(100% - 24px));max-height:90vh;padding:0;border:0;border-radius:16px;background:#f5f6f8;color:#293140;box-shadow:0 24px 80px #18233340}#mood-dialog::backdrop{background:#18233380}.mood-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:white;border-bottom:1px solid #eceef1}.mood-heading small{color:#969ba5}.mood-heading h2{margin:3px 0 0;font-size:23px}#mood-close{width:36px;height:36px;padding:0;margin:0;background:#f4f5f7;color:#777;font-size:26px}.mood-layout{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:24px}.mood-layout aside{padding:22px 14px;text-align:center;background:white;border-radius:12px;align-self:start;overflow-wrap:anywhere}.mood-layout aside p{color:#999;font-size:12px}.mood-avatar{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 14px;background:#ffe5eb;color:#d92e4a;font-size:26px;border-radius:50%}.mood-main{min-width:0}#mood-form{max-width:none;background:white;padding:20px;border-radius:12px}#mood-form label{margin:0 0 12px;font-size:17px;font-weight:600}#mood-content{display:block;resize:vertical;width:100%;min-height:130px;padding:12px;border:1px solid #e4e7ed;border-radius:8px;font:inherit;line-height:1.8}#mood-content:focus{outline:2px solid #e791a2}.mood-tools{display:flex;align-items:center;gap:10px;margin-top:12px}.mood-tools span{color:#999;font-size:12px;margin-right:auto}.mood-tools select{font:inherit;max-width:120px;padding:8px;border:1px solid #e4e7ed;border-radius:6px;background:white}.mood-tools button{width:auto;margin:0;padding:9px 18px;white-space:nowrap}.mood-tabs{display:flex;gap:24px;border-bottom:1px solid #e4e7ed;margin:14px 0}.mood-tabs button{width:auto;margin:0;padding:12px 2px;background:transparent;color:#777;border-radius:0;border-bottom:3px solid transparent}.mood-tabs button[aria-pressed=true]{color:#d92e4a;border-bottom-color:#d92e4a}.mood-card{padding:20px;margin-bottom:12px;background:white;border-radius:12px}.mood-card small{display:block;color:#999;margin-top:4px;font-size:12px}.mood-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0;line-height:1.9}.mood-empty{text-align:center;padding:28px;color:#939aa5}#mood-status{color:#a82d43}#mood-status:empty{display:none}#mood-more{margin-top:0;background:white;color:#ce2947}@media(max-width:600px){.mood-layout{grid-template-columns:1fr;padding:12px;gap:12px}.mood-layout aside{display:none}.mood-heading{padding:16px}.mood-tools{gap:6px}.mood-tools button{padding:9px 12px}.identity{gap:8px}.identity #mood-open{padding:6px 10px}.identity strong{font-size:12px}#mood-form{padding:14px}}
.mood-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mood-card-heading strong{overflow-wrap:anywhere;min-width:0}.mood-card .mood-delete{width:auto;margin:0;padding:3px 10px;background:#fff0f3;color:#ce2947;font-size:12px;font-weight:400;flex-shrink:0}
.mood-card-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.mood-card-tools button,.mood-reply-panel button{width:auto;margin:0;padding:6px 14px;font-size:13px}.mood-card-tools select{margin-right:auto;max-width:130px;padding:6px;border:1px solid #e4e7ed;border-radius:6px;background:white;font:inherit;font-size:12px}.mood-reply-panel{margin-top:14px;border-top:1px solid #eee;padding-top:12px}.mood-reply-panel[hidden]{display:none}.mood-reply{padding:12px 0;border-bottom:1px solid #eee}.mood-reply p{margin-top:6px}.mood-reply-panel form{max-width:none;padding:0;margin-top:14px;text-align:right}.mood-reply-panel textarea{display:block;resize:vertical;width:100%;padding:10px;margin-bottom:8px;border:1px solid #e4e7ed;border-radius:6px;font:inherit}.mood-reply-panel [role=status]{font-size:12px;color:#a82d43}
#mood-dialog.mood-paused #mood-form,#mood-dialog.mood-paused .mood-tabs,#mood-dialog.mood-paused #mood-feed,#mood-dialog.mood-paused #mood-more{display:none}#mood-dialog.mood-paused #mood-status{display:block;padding:48px 20px;background:white;border-radius:12px;text-align:center;font-size:24px;font-weight:600}