.login-shell{max-width:var(--container-max);background:var(--color-bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-bg__circle{border-radius:50%;position:absolute}.login-bg__circle--1{background:radial-gradient(circle, var(--color-primary-200) 0%, transparent 70%);opacity:.5;width:300px;height:300px;top:-80px;right:-60px}.login-bg__circle--2{background:radial-gradient(circle, var(--color-accent-200) 0%, transparent 70%);opacity:.4;width:200px;height:200px;bottom:20%;left:-60px}.login-bg__circle--3{background:radial-gradient(circle, var(--color-primary-100) 0%, transparent 70%);opacity:.6;width:120px;height:120px;top:40%;right:-30px}.login-content{padding:var(--space-10) var(--space-6);z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.login-brand{text-align:center;margin-bottom:var(--space-12)}.login-logo{width:80px;height:80px;margin:0 auto var(--space-5);background:linear-gradient(135deg, var(--color-primary-100), var(--color-accent-100));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.login-logo__icon{font-size:40px}.login-brand__name{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.login-brand__tagline{font-size:var(--text-base);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.login-wechat-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);color:#fff;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:pointer;min-height:52px;transition:all var(--duration-fast);background:#07c160;border:none;display:flex;box-shadow:0 2px 8px #07c16040}.login-wechat-btn:active{background:#06ad56;transform:scale(.98)}.login-wechat-icon{width:24px;height:24px}.login-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;display:flex}.login-divider__line{background:var(--color-border);flex:1;height:1px}.login-divider__text{font-size:var(--text-sm);color:var(--color-text-tertiary);flex-shrink:0}.login-phone{gap:var(--space-4);flex-direction:column;display:flex}.login-phone-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:border-color var(--duration-fast);align-items:center;display:flex;overflow:hidden}.login-phone-input:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3ba8911f}.login-phone-prefix{padding:0 var(--space-4);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-secondary);border-right:1px solid var(--color-border-light);flex-shrink:0}.login-phone-field{border:none;border-radius:0}.login-phone-field:focus{box-shadow:none}.login-code-row{gap:var(--space-3);display:flex}.login-code-btn{white-space:nowrap;flex-shrink:0;min-width:110px}.login-footer{text-align:center;padding:var(--space-8) 0 var(--space-4)}.login-footer__text{font-size:var(--text-xs);color:var(--color-text-tertiary)}.login-footer__link{color:var(--color-text-link);text-decoration:none}.login-error{font-size:var(--text-sm);color:#dc3545;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#dc354514;margin:0}.login-code-hint{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0}.login-code-hint strong{color:var(--color-text-primary)}.login-code-actions{justify-content:space-between;align-items:center;display:flex}.login-code-switch{color:var(--color-text-link);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 0;font-family:var(--font-body);background:0 0;border:none}.login-code-switch:disabled{color:var(--color-text-tertiary);cursor:not-allowed}@media (min-width:480px){body{background:#e8e2d8;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-shell{box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);min-height:700px;max-height:860px;overflow:hidden}}