:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#23352c;background:#f6f7f2}
.preview-login{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;box-sizing:border-box}
.preview-card{box-sizing:border-box;background:#fff;border:1px solid #e1e7df;border-radius:24px;padding:38px;max-width:440px;width:100%;box-shadow:0 16px 50px #243c2910}
.preview-kicker{color:#53734b;font-size:14px;font-weight:600;letter-spacing:.12em}.preview-card h1{font-size:28px;margin:18px 0 12px}.preview-intro{color:#657064;font-size:15px;line-height:1.8}
.preview-card form{display:grid;gap:10px;margin-top:25px}.preview-card label{font-size:14px;margin-top:8px}.preview-card input{box-sizing:border-box;width:100%;border:1px solid #ced8cc;border-radius:10px;padding:14px;font:inherit;background:#fcfdfb}.preview-card input:focus{outline:2px solid #67895c;outline-offset:2px}
.preview-card button{border:0;border-radius:10px;padding:15px;background:#315d3d;color:#fff;font:inherit;font-weight:600;margin-top:14px;cursor:pointer}.preview-card button:disabled{opacity:.6;cursor:wait}#preview-message{min-height:24px;font-size:14px;color:#8b392c;line-height:1.6;margin:4px 0}
.preview-note{font-size:13px;line-height:1.9;color:#75806f;border-top:1px solid #edf0e9;padding-top:18px}.preview-card a{font-size:14px;color:#386349}
.preview-banner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#e9efd9;color:#395334;padding:12px 18px;font-size:13px;line-height:1.6}.preview-banner button{border:1px solid #b7c6a7;background:transparent;border-radius:7px;padding:5px 10px;color:inherit;cursor:pointer}
@media(max-width:500px){.preview-login{padding:18px}.preview-card{padding:28px 23px}.preview-banner{justify-content:flex-start;gap:6px 12px}}