.demo-banner{max-width:1120px;margin:24px auto 0;padding:18px 24px;background:#302818;border:1px solid #d8bb78;border-radius:12px;color:#f4e6c3;line-height:1.6}.login-panel{max-width:620px;margin:36px auto}.login-panel h1{font-size:clamp(36px,6vw,54px)}label{display:block;margin-top:20px}.code-display{font-size:34px;letter-spacing:8px;color:#d8bb78;font-weight:bold}.notice{padding:18px;border:1px solid #77633b;border-radius:10px;margin:18px 0}.demo-error{color:#ffbdab;min-height:28px}.demo-success{color:#e2d39c}.demo-member .card{max-width:640px;margin:24px auto}.demo-member .panel{margin-top:24px}button,a.button{min-height:46px}input{font-size:18px}.demo-meta{overflow-wrap:anywhere}.demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.phone-hint{color:#bdb5a4}footer{display:block}footer a{color:#d8bb78}details{margin-top:20px}details summary{cursor:pointer}#demo-code{font-size:24px;letter-spacing:6px}@media(max-width:650px){.demo-banner{margin:16px 16px 0}.login-panel{margin:20px 0}.card{padding:24px}.demo-actions>*{width:100%}}