.auth-main { padding-top: 100px; }
.auth-card { max-width: 420px; margin: 0 auto; background:#fff; border-radius:12px; box-shadow: var(--shadow); padding:24px; }
.auth-card h2 { text-align:center; color: var(--accent-color); margin-bottom: 16px; }
.auth-form { display:grid; gap:14px; }
.auth-form label { color:#666; font-weight:500; }
.auth-form input { width:100%; padding:12px 14px; border:1px solid var(--border-color); border-radius:8px; font-size:16px; }
.auth-actions { display:flex; flex-direction: column; gap: 12px; margin-top:8px; }
.auth-actions .btn { width:100%; }
.auth-switch { text-align:center; margin-top:12px; color:#666; }
.auth-switch a { color: var(--primary-color); }

@media (max-width:576px){ .auth-card { margin: 0 16px; padding:20px; } }


/* 个人中心内部服务卡片适配（防止在PC端窄容器溢出） */
.auth-card .services-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.auth-card .service-card { padding: 16px; box-sizing: border-box; }
.auth-card .service-icon { width: 56px; height: 56px; margin: 0 auto 10px; }
.auth-card .service-icon i { font-size: 28px; }
.auth-card .service-card h3 { font-size: 18px; margin-bottom: 10px; }
.auth-card .service-card ul { padding-left: 12px; }
.auth-card .service-card ul li { margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


