:root{color-scheme:light;--ink:#322e29;--muted:#6d6458;--line:#d7cbb7;--paper:#fffaf1;--blue:#294e63;font-family:system-ui,"Microsoft YaHei",sans-serif;color:var(--ink);background:#f4eddf}
*{box-sizing:border-box}
body{margin:0;line-height:1.6}
a{color:inherit}button,input,select{font:inherit}
:focus-visible{outline:3px solid #4483a3;outline-offset:3px}
.masthead{background:#24252b;color:#f4e7d0;border-bottom:2px solid #b59a69}
.masthead-inner,main{width:min(100% - 40px,960px);margin-inline:auto}
.masthead-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between}
.brand,.return{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.brand{font-weight:700}.brand svg{width:32px;height:32px;padding:3px;color:#dbbe87;border:1px solid #77664f;border-radius:8px}
.return{font-size:.85rem;color:#e4d7bf}.return:hover{text-decoration:underline}
main{padding-block:clamp(26px,5vw,64px)}
h1,h2,h3,.workspace strong{font-family:Georgia,"Songti SC","Noto Serif CJK SC","SimSun",serif}
h1{margin:0 0 24px;font-size:clamp(1.85rem,4.4vw,2.6rem);line-height:1.25}
.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start}
#account-settings,.workspace{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 10px #3e322308;padding:clamp(18px,3vw,30px)}
h2{font-size:1.35rem;margin:0 0 16px}h3{font-size:1.1rem;margin:22px 0 6px}
p{margin:10px 0;color:var(--muted);font-size:.91rem;overflow-wrap:anywhere}
#account-settings section>p:first-of-type{margin-top:0}
button{min-height:44px;padding:8px 15px;border:1px solid #bdb09b;border-radius:7px;background:#fffaf2;color:var(--ink);cursor:pointer;font-weight:600}
button:hover{background:#f2e8d6}
button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover{background:#193c51}
form{display:grid;gap:10px}form label{display:grid;gap:5px;font-weight:600;font-size:.88rem}
input,select{min-width:0;width:100%;height:44px;border:1px solid #baac97;border-radius:6px;padding:6px 12px;background:#fffdf8;color:var(--ink)}
.account-actions{display:flex;flex-wrap:wrap;gap:8px}
form .login-sync-option{display:flex;align-items:center;gap:.55rem;min-height:36px}
form .login-sync-option input{width:18px;height:18px;min-height:0;margin:0;accent-color:#294e63}
.account-admin-actions{display:flex;flex-wrap:wrap;gap:10px}
.account-admin-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #bdb09b;border-radius:7px;text-decoration:none;font-weight:600}
.account-admin-actions a:hover{background:#f2e8d6}
#account-settings section>h3:not(:first-child){padding-top:16px;border-top:1px solid var(--line)}
.workspace small{color:var(--muted);font-size:.82rem}
.profile-card{--inset:clamp(18px,3vw,30px);margin:calc(-1 * var(--inset)) calc(-1 * var(--inset)) 20px}
.profile-card [hidden]{display:none}
.profile-cover{position:relative;isolation:isolate;overflow:hidden;border-radius:11px 11px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:30px var(--inset);background:#203e44;color:#fff4dc}
.profile-cover::before,.profile-cover::after{content:"";position:absolute;z-index:-1;border:1px solid #e4ce9d30;border-radius:50%;width:210px;height:210px;right:-70px;top:-95px}
.profile-cover::after{width:182px;height:182px;right:-56px;top:-81px;border-style:dashed}
.profile-avatar{width:72px;aspect-ratio:1;border:3px solid #f4e3bc;border-radius:50%;background:#efe1c3;color:#23474c;box-shadow:0 0 0 1px #a99874;display:grid;place-items:center;overflow:hidden;font:600 34px Georgia,serif}
.profile-avatar canvas{width:100%;height:100%}
.profile-name h2{margin:0;line-height:1.35;font-size:1.55rem;overflow-wrap:anywhere}
.profile-name small,.profile-name span{font-size:.78rem;color:#dfd5bd;overflow-wrap:anywhere}
.profile-edit{font-size:.82rem;background:#203e44;color:#fff4dc;border-color:#a99e80}
.profile-edit:hover{background:#315359}
.profile-card form{padding:20px var(--inset);border-bottom:1px solid var(--line)}
.profile-card form small{color:var(--muted)}
.photo-actions{display:flex;gap:8px;flex-wrap:wrap}
.profile-card [role=status]{margin:12px var(--inset) 0}
@media(max-width:460px){.profile-cover{gap:12px;grid-template-columns:auto minmax(0,1fr)}.profile-avatar{width:60px;grid-row:span 2}.profile-edit{justify-self:start;grid-column:2}.profile-cover{padding-block:20px}}
.account-exit{border-top:1px solid var(--line);padding-top:12px;margin-top:22px}
.account-exit button{border:none;background:none;color:#715440;padding:0;text-decoration:underline;text-underline-offset:3px}
.workspace a{display:flex;align-items:center;gap:14px;padding:15px 0;text-decoration:none;border-top:1px solid var(--line)}
.workspace a:last-child{padding-bottom:2px}.workspace strong,.workspace small{display:block}
.workspace strong{font-size:1.1rem}.workspace a:hover strong{text-decoration:underline;text-underline-offset:3px}
.workspace svg{width:23px;height:23px;fill:none;stroke:#806c49;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.workspace b{margin-left:auto;color:#847457;font-size:1.3rem}
#account-settings dialog{width:min(28rem,calc(100% - 24px));border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:22px}
#account-settings dialog::backdrop{background:#191b2266}
#account-settings [role=status]:empty{display:none}
@media(max-width:680px){.columns{grid-template-columns:1fr;gap:16px}.masthead-inner,main{width:calc(100% - 28px)}.masthead-inner{min-height:54px}}