/* 登录、个人中心与结算页样式。 */
.auth-page { min-height: 65vh; padding: 65px 20px; display: grid; place-items: center; background: radial-gradient(ellipse at center,#e7edde,transparent 65%); }
.auth-card { width: min(460px,100%); padding: 40px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 18px 45px #294b3010; }
.auth-card h1 { font-size: 26px; margin: 12px 0; }
.auth-card > p { color: var(--muted); font-size: 13px; }
.auth-card form { margin-top: 26px; }
.auth-card .button { width: 100%; }
.auth-footer { margin: 24px 0 0; text-align: center; }
.auth-footer a { color: var(--green); }
.learning-card { border: 1px solid var(--line); padding: 22px; border-radius: 8px; }
.learning-card h3 { font-size: 17px; margin: 0 0 12px; }
.learning-card p { font-size: 12px; color: var(--muted); }
.account-page .form-stack { max-width: 600px; }
@media(max-width: 500px) { .auth-card { padding: 27px 22px; } .account-page .section-heading { align-items: flex-start; } .account-page .section-heading h1 { font-size: 25px; } }