
:root{--member-lime:#d3f58c;--member-line:#445544}body.member-login{margin:0;min-height:100dvh;background:#0c1410;color:#f0f5ed;font:15px/1.7 "Microsoft YaHei",system-ui,sans-serif}.login-layout{max-width:1240px;min-height:100dvh;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;padding:40px}.login-art .brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px}.login-art .brand img{width:44px;height:44px}.login-art h1{font-size:clamp(36px,4vw,58px);line-height:1.25;margin:50px 0 20px}.login-art h1 span{color:var(--member-lime)}.login-art p{color:#b7c6b8}.login-flow{display:flex;gap:12px;margin:36px 0;flex-wrap:wrap}.login-flow span{padding:16px;border:1px solid var(--member-line);border-radius:14px;background:#19251d}.login-benefits{padding:20px;border:1px solid var(--member-line);border-radius:16px;background:#19251d}.login-benefits b{font-size:25px;color:var(--member-lime)}.login-form{padding:32px;border-radius:22px;border:1px solid var(--member-line);background:#19251d}.login-form h2{margin:0;font-size:27px}.login-form form label{display:block;margin:20px 0 6px}.login-form input{width:100%;box-sizing:border-box;background:#0e1811;color:#fff;border:1px solid #596b58;border-radius:9px;padding:13px;font:inherit}.login-form button{padding:13px 18px;border-radius:9px;border:1px solid var(--member-line);cursor:pointer;font:inherit;background:var(--member-lime);color:#15220e}.login-form .secondary{background:transparent;color:#edf5e7}.login-form .muted{font-size:13px;color:#b4c1ad}.login-form .error{color:#ffc1a7}.login-form button:disabled{opacity:.5}.member-support{width:min(680px,94vw);box-sizing:border-box;padding:28px;background:#19251d;color:#f4f7f0;border:1px solid #687b55;border-radius:18px;font:14px/1.65 system-ui}.member-support::backdrop{background:#000b}.member-support .support-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.member-support button{background:#cfee91;color:#17240f;border:1px solid #687b55;border-radius:8px;padding:10px 14px;cursor:pointer;font:inherit}.member-support .support-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;margin:20px 0}.member-support .support-qr{width:210px;height:210px;background:white;border-radius:12px;display:grid;place-items:center;color:#293629;padding:10px;box-sizing:border-box}.support-qr img{max-width:100%;max-height:100%}.member-support .muted{color:#bbc7b2}.member-banner{padding:10px 14px;margin:0 0 12px;border:1px solid #536b42;border-radius:10px;background:#24331f;color:#e5f6d1;font-size:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.member-banner button{padding:5px 9px}.member-trial{margin:8px 0;padding:10px;border:1px solid #536b42;border-radius:10px;background:#24331f;color:#e5f6d1}.member-trial button{padding:6px 10px}.member-trial p{margin:4px 0;font-size:12px}.member-status-tag{font-size:13px;color:#cfee91}.support-config img{width:160px;height:160px;object-fit:contain;background:white}.support-config textarea{width:95%;min-height:80px;background:#0f180f;color:white;font:inherit}.support-config label{margin:14px 0}.support-config input[type=file]{max-width:90%}@media(max-width:800px){.login-layout{grid-template-columns:1fr;padding:24px;gap:24px}.login-art h1{margin-top:25px;font-size:38px}.login-flow{margin:20px 0}.login-form{padding:22px}.member-support .support-grid{grid-template-columns:1fr}.member-support .support-qr{margin:auto}}
.member-trial{flex-shrink:0}.c-workbench .member-trial,.c-workbench .member-banner{background:#edf2fb;color:#35557f;border-color:#c9d7ed}.c-workbench .member-banner b{color:#294a8d}.c-workbench .member-banner{margin:0;font-size:12px}.c-workbench .member-banner button{font-size:11px}.c-workbench .sidebar{gap:20px}.c-workbench .member-trial p{line-height:1.45}.c-workbench .compact-pane-1{overflow-y:auto!important}.c-workbench .copy-editor{flex-shrink:0;min-height:160px}

body.member-login .login-layout{box-sizing:border-box;min-height:calc(100dvh - 62px);padding:24px 40px}
body.member-login .login-art h1{font-size:clamp(32px,3.4vw,50px);margin:28px 0 18px}
body.member-login .login-flow{margin:22px 0;gap:10px}
body.member-login .login-flow span{padding:12px 14px}
body.member-login .login-benefits{padding:16px 20px}
body.member-login .login-benefits p{margin:10px 0;font-size:14px}
body.member-login .login-form{padding:26px}
@media(max-width:800px){body.member-login .login-layout{padding:24px;min-height:auto}body.member-login .login-art h1{font-size:36px}}
