:root{color-scheme:light;--green:#138553;--ink:#20392e;--muted:#708078;--line:#dde7e1}*{box-sizing:border-box}body.security-page{margin:0;background:#f3f7f4;color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5}.security-shell{width:min(100%,520px);margin:36px auto;padding:0 18px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#566d60;text-decoration:none;margin:0 0 18px;padding:4px 0}.back-link:hover{color:var(--green)}.security-card{background:#fff;border:1px solid #e2eae4;border-radius:20px;padding:28px 32px;box-shadow:0 12px 40px #20392e07}.security-header{display:flex;align-items:center;gap:10px;margin-bottom:22px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:#fff;font-size:22px;font-weight:700}.brand-name{font-weight:700;font-size:16px}.role-badge{display:inline-block;margin-left:10px;padding:3px 8px;border-radius:6px;background:#edf6f0;color:#347253;font-size:12px}.security-card h1{font-size:26px;letter-spacing:.5px;margin:0 0 6px}.intro{margin:0 0 22px;color:var(--muted);font-size:13px}.security-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f2;border-radius:10px;margin-bottom:22px}.security-tabs button{flex:1;min-width:0;white-space:nowrap;border:0;background:transparent;color:#697e71;padding:9px 4px;border-radius:7px;font-size:13px;cursor:pointer}.security-tabs button[aria-pressed=true]{color:var(--green);background:#fff;box-shadow:0 2px 5px #163b2010;font-weight:700}.field{display:block;margin-top:16px;margin-bottom:7px;font-weight:600;font-size:13px}.field input{display:block;margin-top:7px}input:not([type=hidden]){font:inherit;font-size:14px;font-weight:400;width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:9px;background:#fcfdfc;color:var(--ink);padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#98a69e}input:focus{border-color:#63a985;box-shadow:0 0 0 3px #13855312;background:#fff}button{font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid #81bfa1;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.field-help{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:var(--muted);font-weight:400}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:10px;align-items:center}.captcha-button{height:47px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f5f8f5;color:var(--muted);cursor:pointer}.captcha-button img{width:100%;height:100%;object-fit:contain;display:block}.code-row{display:flex;gap:10px;align-items:center}.code-row input{flex:1;width:0}.code-button{flex-shrink:0;height:44px;min-width:112px;padding:0 12px;background:#edf6f0;border:1px solid #d5e9dc;border-radius:9px;color:var(--green);font-size:13px;font-weight:600;cursor:pointer}.primary-button{display:block;width:100%;height:46px;margin-top:24px;border:0;border-radius:9px;background:var(--green);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.primary-button:hover:not(:disabled){background:#0d7447}.form-message{padding:10px 12px;border-radius:8px;background:#fff0ee;color:#b74334;overflow-wrap:anywhere;font-size:13px;margin:18px 0 0}.form-message.success{background:#edf8f0;color:#23794a}.security-note{display:flex;gap:8px;color:#77857c;background:#f7f9f7;border-radius:9px;padding:11px 12px;margin-top:20px;font-size:12px}.security-note p{margin:0;line-height:1.7}.security-footer{text-align:center;font-size:12px;color:#97a49a;padding:20px 0 12px}.security-footer span{margin-left:8px;color:#a9b3ad}[hidden]{display:none!important}@media(max-width:480px){.security-shell{margin:18px auto;padding:0 14px}.security-card{padding:23px 20px;border-radius:16px}.security-header{margin-bottom:18px}.security-card h1{font-size:24px}.security-tabs{margin-bottom:18px}.back-link{margin-bottom:13px}}@media(max-width:350px){.security-shell{padding:0 10px}.security-card{padding:22px 16px}.captcha-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.code-row{gap:8px}.code-button{min-width:102px;padding:0 8px}.role-badge{margin-left:6px}}
