:root{--site-paper:#f6f7f2;--site-ink:#263b32;--site-muted:#7c847c;--site-green:#43684b;--site-accent:#67824f;--site-line:#e0e5da;--site-tint:#edf1e7}
body.account-page{margin:0;min-height:100vh;background:var(--site-paper)!important;color:var(--site-ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;-webkit-font-smoothing:antialiased}
.account-page *{box-sizing:border-box}.account-page a{color:inherit;text-decoration:none}.account-page :is(a,button,input):focus-visible{outline:3px solid #9db35b;outline-offset:3px}
.page-controls{display:flex!important;align-items:center;justify-content:center;gap:8px;width:calc(100% - 48px);max-width:1200px;margin:16px auto 8px;padding:0;background:transparent;font-size:14px;font-weight:600}
.page-controls a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;background:var(--site-tint);border:1px solid #dfe4d8;border-radius:9px}.page-controls a:last-child{background:var(--site-green);border-color:var(--site-green);color:#fff}.page-controls a:hover{filter:brightness(.95)}.page-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-navigation{width:calc(100% - 48px);max-width:1200px;min-height:80px;margin:0 auto 20px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--site-line)}.site-brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px}.site-brand img{width:38px;height:38px;object-fit:cover;border:2px solid var(--site-line);border-radius:50%}.site-nav-links{display:flex;align-items:center;gap:24px}.site-nav-links a{color:var(--site-muted);font-size:13px;font-weight:500}.site-nav-links a:hover{color:var(--site-green)}
.account-main{width:100%;padding:10px 20px 50px}.login-container,.register-container{width:100%;margin:10px auto 50px;padding:40px;background:#fafbf7;border:1px solid var(--site-line);border-radius:18px;box-shadow:0 4px 16px #263b3206}.login-container{max-width:400px}.register-container{max-width:450px}.login-header,.register-header{text-align:center;margin-bottom:30px}.login-header h1,.register-header h1{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px;color:var(--site-ink);font-size:2rem;letter-spacing:-.03em}.login-header h1 span,.register-header h1 span{color:var(--site-green);font-size:1.65rem}.login-header p,.register-header p{margin:0;color:#495057;font-size:.9rem}
.tab-nav{display:flex;margin-bottom:25px;border-bottom:2px solid var(--site-tint)}.tab-item{flex:1;padding:10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#495057;cursor:pointer;font-size:1rem;transition:.2s}.tab-item.active{margin-bottom:-2px;border-bottom-color:var(--site-green);color:var(--site-green);font-weight:600}
.account-page form{display:block;margin:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:500}.form-control{width:100%;padding:12px 15px;border:1px solid var(--site-line);border-radius:8px;background:#fff;color:var(--site-ink);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:0;border-color:#8ea575;box-shadow:0 0 0 3px #9db35b20}.form-group small{display:block;margin-top:4px;color:#999;font-size:12px}.code-input{display:flex;gap:10px}.code-input .form-control{flex:1;min-width:0}.send-code-btn{flex:0 0 120px;border:0;border-radius:8px;background:var(--site-green);color:#fff;cursor:pointer;font-size:.9rem}.send-code-btn:hover,.btn-login:hover,.btn-register:hover{background:var(--site-accent)}.send-code-btn:disabled,.btn-login:disabled,.btn-register:disabled{background:#ccc;cursor:not-allowed}.btn-login,.btn-register{width:100%;margin-top:10px;padding:12px;border:0;border-radius:8px;background:var(--site-green);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.register-link,.login-link{text-align:center;margin-top:20px;font-size:.9rem}.register-link a,.login-link a{color:var(--site-green);font-weight:500}.register-link a:hover,.login-link a:hover{color:var(--site-accent);text-decoration:underline}
.code-message{min-height:24px;margin:12px 0 0;padding:0;text-align:center;font-size:.88rem}.code-message.success{padding:8px;border-radius:4px;background:#d4edda;color:#26713a}.code-message.error{padding:8px;border-radius:4px;background:#f8d7da;color:#b42318}.password-strength{height:4px;margin-top:8px;border-radius:2px;background:#eee;overflow:hidden}.strength-bar{height:100%;width:0;background:var(--site-green);transition:width .3s}.strength-bar.weak{width:33.33%}.strength-bar.medium{width:66.66%}.strength-bar.strong{width:100%}.account-page .flash-stack{top:16px;z-index:100}[hidden]{display:none!important}
@media(max-width:700px){.site-navigation{min-height:70px;padding:16px 0}.site-brand{font-size:22px}.site-brand img{width:32px;height:32px}.site-nav-links{gap:14px}.site-nav-links a{font-size:12px}}
@media(max-width:600px){.page-controls{width:calc(100% - 32px);margin:12px auto 6px}.page-controls a{padding:10px 12px;font-size:13px}.site-navigation{width:calc(100% - 32px)}.site-nav-links a:nth-child(2){display:none}.account-main{padding:4px 16px 36px}.login-container,.register-container{padding:28px 23px;margin-top:10px}.send-code-btn{flex-basis:108px}}