:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#1c3330;background:#f4f7f6;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:32px auto;padding:0 24px}nav{display:flex;gap:24px}a{color:#006d5b}h1{font-size:32px;margin-bottom:4px}h2{font-size:21px}section,form.card{background:white;border:1px solid #dce6e2;border-radius:14px;padding:24px;margin:20px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:36px}label{display:block;margin:12px 0}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #9eb5ad;border-radius:6px;padding:9px}button{font:inherit;background:#006d5b;color:white;border:0;border-radius:7px;padding:9px 15px;margin:5px 8px 5px 0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#e8f1ed;color:#245046}.muted{color:#536d63}#error{color:#a22727;white-space:pre-wrap}#message{color:#006d5b}.scopes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scopes details{font-size:14px}.scopes label{display:flex;align-items:center;gap:8px}.scopes input{width:auto}fieldset{border:1px solid #dce6e2;border-radius:8px}article{border-bottom:1px solid #dce6e2;padding:14px 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f4f7f6;padding:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #dce6e2;padding:10px;vertical-align:top}.scroll{overflow:auto}[hidden]{display:none!important}:focus-visible{outline:3px solid #d59b20;outline-offset:3px}@media(max-width:720px){.columns{grid-template-columns:1fr}main{padding:0 14px}.scopes{grid-template-columns:1fr}section{padding:16px}}
/* Auth entry follows the existing api.liumoxuan.com AuthLayout: centered 448px glass card, 32px padding, 16px radius and teal primary. Scoped to preserve team/plan pages. */
.auth-page{min-height:100vh;background:#f7fafb;color:#243331;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65;position:relative;isolation:isolate}.auth-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(115,149,145,.035) 1px,transparent 1px),linear-gradient(rgba(115,149,145,.035) 1px,transparent 1px),radial-gradient(ellipse at 100% 0,rgba(146,221,209,.22),transparent 44%),radial-gradient(ellipse at 0 75%,rgba(177,232,222,.15),transparent 45%);background-size:64px 64px,64px 64px,auto,auto}.auth-page .auth-shell{width:min(100% - 36px,448px);padding:0;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:25px;padding-block:36px}.auth-page .brand{display:block;text-align:center;text-decoration:none;color:inherit}.auth-page .brand img{width:102px;height:auto;display:block;margin:0 auto 15px}.auth-page .brand h1{font-size:27px;font-weight:650;letter-spacing:.02em;line-height:1.4;margin:0;background:linear-gradient(110deg,#539f98,#2c7b73);background-clip:text;color:transparent}.auth-page .brand p{font-size:13px;color:#899592;margin:8px 0 0}.auth-page .auth-card{background:rgba(255,255,255,.84);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.96);border-radius:20px;box-shadow:0 8px 32px rgba(30,65,60,.08),0 1px 2px rgba(30,65,60,.025);padding:30px 32px}.auth-page section{border:0;background:transparent;border-radius:0;margin:0;padding:0}.auth-page .auth-tabs{display:flex;border-bottom:1px solid #e9efed;margin:-4px 0 26px;gap:26px}.auth-page .auth-tabs button{position:relative;border:0;background:transparent;color:#8a9693;font-weight:550;border-radius:0;flex:1;padding:11px 0 15px;margin:0}.auth-page .auth-tabs button[aria-selected=true]{color:#2d8278}.auth-page .auth-tabs button[aria-selected=true]:after{content:"";height:2px;border-radius:2px;background:#4a9d92;position:absolute;bottom:-1px;left:22%;right:22%}.auth-page .mode-heading{text-align:center;margin-bottom:28px}.auth-page .mode-heading h2{font-size:23px;color:#263431;line-height:1.45;font-weight:650;margin:0 0 8px}.auth-page .mode-heading p{color:#8a9593;font-size:13px;margin:0}.auth-page label{font-size:13px;font-weight:550;margin:18px 0 8px;color:#485450}.auth-page input{border:1px solid #e0e7e5;background:rgba(255,255,255,.75);border-radius:11px;color:#273a35;font-size:14px;line-height:1.5;height:44px;padding:10px 44px 10px 41px;transition:border-color .15s,box-shadow .15s}.auth-page input::placeholder{color:#a8b1ae}.auth-page input:focus{border-color:#69a99f;box-shadow:0 0 0 3px rgba(79,157,146,.1);outline:none}.auth-page .input-wrap{position:relative}.auth-page .input-wrap:before{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;content:"";opacity:.5;pointer-events:none;background:currentColor;mask-repeat:no-repeat;mask-size:contain}.auth-page .mail:before{background:none;mask:none;height:11px;border:1.4px solid currentColor;border-radius:3px}.auth-page .mail:after{content:"";position:absolute;left:17px;top:15px;width:9px;height:6px;border-left:1px solid #a5afaa;border-bottom:1px solid #a5afaa;transform:rotate(-45deg)}.auth-page .lock:before,.auth-page .invite:before{background:none;mask:none;width:12px;height:10px;border:1.4px solid currentColor;border-radius:3px;top:25px}.auth-page .lock:after,.auth-page .invite:after{content:"";position:absolute;left:17px;top:11px;width:7px;height:10px;border:1.4px solid #a5afaa;border-bottom:0;border-radius:5px 5px 0 0}.auth-page .person:before{background:none;mask:none;top:16px;left:18px;width:7px;height:7px;border:1.3px solid currentColor;border-radius:50%}.auth-page .person:after{content:"";position:absolute;left:14px;top:23px;width:14px;height:9px;border:1.3px solid #a5afaa;border-bottom:0;border-radius:9px 9px 0 0}.auth-page button{font-family:inherit;font-size:13px;margin:0}.auth-page .reveal{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:5px;background:transparent;color:#8a9994;border-radius:5px;font-size:11px}.auth-page .primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;color:white;border-radius:11px;border:0;background:linear-gradient(105deg,#4a9d92,#337d76);box-shadow:0 4px 10px rgba(43,128,116,.13);padding:11px 15px;font-weight:550;text-decoration:none;transition:filter .15s,transform .15s}.auth-page .primary:hover{filter:brightness(1.05)}.auth-page .primary:active{transform:translateY(1px)}.auth-page .submit{margin-top:26px}.auth-page .text-button{border:0;background:none;color:#4e9689;box-shadow:none;padding:0;font-size:12px;line-height:1.7}.auth-page .label-line{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.auth-page .label-line label{margin:0 0 8px}.auth-page .label-line button{margin:0 0 8px}.auth-page .secondary-links{display:flex;justify-content:space-between;margin-top:17px}.auth-page .auth-switch{font-size:13px;color:#9aa4a0;text-align:center;border-top:1px solid #edf1ef;padding-top:20px;margin:24px 0 0}.auth-page .auth-switch button{font-size:13px;margin-left:7px}.auth-page .auth-footer{text-align:center;color:#a4ada9;font-size:11px}.auth-page .auth-footer p{font-size:11px;color:#9da8a2;margin:0 0 9px}.auth-page .auth-footer nav{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.auth-page .auth-footer a{font-size:12px;color:#7b9c91;text-decoration:none}.auth-page .auth-footer small{font-size:10px}.auth-page .step-track{display:flex;justify-content:center;gap:26px;list-style:none;margin:-6px 0 22px;padding:0;font-size:12px;color:#a3aea8}.auth-page .step-track li{display:flex;gap:7px;align-items:center}.auth-page .step-track span{display:inline-grid;place-items:center;border-radius:50%;width:22px;height:22px;background:#edf2f0;color:#91a39a;font-size:11px}.auth-page .step-track .active{color:#418e7f}.auth-page .step-track .active span{background:#e1f1eb;color:#398272}.auth-page .identity-field{margin:22px 0 18px;padding:0;border:0}.auth-page .identity-field legend{font-size:13px;font-weight:550;color:#485450}.auth-page .identity-field legend span{font-weight:400;color:#a1aaa5;margin-left:7px;font-size:11px}.auth-page .subject-choices details{margin-top:10px;background:#f7faf8;border:1px solid #e5ede8;border-radius:10px;overflow:hidden}.auth-page .subject-choices summary{padding:10px 13px;cursor:pointer;font-size:12px;font-weight:550;color:#577367;list-style:none;display:flex;justify-content:space-between}.auth-page .subject-choices summary:after{content:'＋';color:#91a49a}.auth-page .subject-choices details[open] summary:after{content:'−'}.auth-page .subject-options{display:grid;grid-template-columns:repeat(3,1fr);padding:0 12px 12px;gap:7px}.auth-page .subject-options label{position:relative;margin:0;display:block;cursor:pointer}.auth-page .subject-options input{position:absolute;opacity:0;width:1px;height:1px;padding:0}.auth-page .subject-options span{display:block;border:1px solid #e0e8e3;background:white;border-radius:7px;padding:7px 0;text-align:center;color:#7b8c82;font-weight:400;font-size:12px}.auth-page .subject-options input:checked+span{color:#367e69;border-color:#78b39f;background:#eaf6ef}.auth-page .subject-options input:focus-visible+span{outline:2px solid #67a38d;outline-offset:2px}.auth-page .permission-note,.auth-page .subtle{font-size:12px;line-height:1.8;color:#91a097;margin:16px 0 0}.auth-page .invite-ready{padding:10px 12px;border-radius:8px;background:#eef7f2;color:#569477;font-size:12px}.auth-page .back-step{display:block;margin:18px auto 0}.auth-page .feedback{padding:12px 14px;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:0 0 22px;line-height:1.8}.auth-page .feedback.error{color:#ac5e51;background:#fff3ef;border:1px solid #f3dfd7}.auth-page .feedback.success{color:#49816b;background:#edf7f0;border:1px solid #d6eadc}.auth-page .eyebrow{font-size:10px;letter-spacing:2px;color:#7ca58d;display:block;margin-bottom:9px}.auth-page .device-prompt{padding:18px;border:1px solid #d9e9df;background:#f4faf6;border-radius:12px;margin-bottom:24px;text-align:center}.auth-page .device-prompt h2{font-size:17px;line-height:1.5;margin:3px 0 8px}.auth-page .device-prompt p{font-size:12px;color:#7c9485}.auth-page .device-code{font:600 25px/1.8 ui-monospace,monospace;letter-spacing:4px;color:#3e8065}.auth-page .device-prompt button{margin-top:14px}.auth-page .permission-summary{font-size:12px;line-height:1.8;border-radius:9px;padding:13px;background:#f3f8f5;color:#6b8b78;margin-bottom:22px}.auth-page .account-links{display:flex;justify-content:space-between;margin:16px 0 30px}.auth-page .account-links a{font-size:12px;color:#67927b;text-decoration:none}.auth-page .devices-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9eeeb;padding-top:22px}.auth-page .devices-heading h3{font-size:14px;margin:0}.auth-page .devices-heading span{font-size:10px;color:#a0aea4}.auth-page #devices article{padding:14px 0;display:flex;gap:12px;align-items:center;justify-content:space-between}.auth-page #devices p{font-size:11px;color:#839487;margin:0;line-height:1.8}.auth-page #devices button{white-space:nowrap;background:#f2f6f3;color:#819588;font-size:10px;padding:6px 9px}.auth-page .sign-out{display:block;margin:24px auto 0;color:#99a69c}.auth-page button:disabled{opacity:.5;cursor:wait}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid #6ba697;outline-offset:4px}.auth-page [hidden]{display:none!important}@media(max-width:520px){.auth-page .auth-shell{width:calc(100% - 32px);padding-block:25px;gap:20px;justify-content:flex-start}.auth-page .auth-card{padding:24px;border-radius:17px}.auth-page .brand img{width:88px;margin-bottom:12px}.auth-page .brand h1{font-size:24px}.auth-page .brand p{font-size:12px}.auth-page .mode-heading h2{font-size:21px}.auth-page .subject-options{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.auth-page *{transition:none!important}}
