:root{color-scheme:light;--green:#08745c;--deep:#102d29;--ink:#14252f;--muted:#667982;--line:#dce6e2;--paper:#fff;--wash:#f3f7f5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font:14px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink)}button,input{font:inherit}.topbar{height:64px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:#fff;gap:26px}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);text-decoration:none;white-space:nowrap}.brand strong{font-size:18px;letter-spacing:2px}.brand em{font-size:9px;font-style:normal;letter-spacing:2px;color:#77938b}.mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-10deg)}.mark i{display:block;width:8px;height:8px;background:#1b846d;border-radius:2px}.mark i:nth-child(2){opacity:.45}.mark i:nth-child(3){opacity:.7}nav{display:flex;height:100%;align-items:stretch;gap:3px}nav button{position:relative;border:0;background:transparent;padding:0 16px;color:#52666f;cursor:pointer}nav button:hover{color:var(--green);background:#f5f9f7}nav button.active{color:var(--green);font-weight:650}nav button.active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--green);border-radius:3px 3px 0 0}.user-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.user-tools span{color:#5a6c75;font-size:12px}.user-tools button,.dialog-head button,.section-title button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 11px;color:#3d555e;cursor:pointer}.workspace{position:relative;height:calc(100dvh - 64px);background:#e9efec}.workspace iframe{display:block;border:0;width:100%;height:100%;background:#fff}.workspace #loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--wash);color:#72837e;z-index:1}.workspace #loading[hidden]{display:none}dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:14px;padding:0;background:#fff;box-shadow:0 25px 90px #17362d33}dialog::backdrop{background:#152c2866}.dialog-head,.account-summary{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.dialog-head small{color:var(--green)}.dialog-head h2{margin:3px 0 0;font-size:23px}.dialog-head button{font-size:22px;border:0}.account-summary{padding-top:12px;padding-bottom:12px;background:var(--wash)}.account-summary button{border:0;background:transparent;color:#8a5148;cursor:pointer}.account-columns{display:grid;grid-template-columns:1fr 1.35fr;gap:0}.account-columns>form,.account-columns>section{padding:25px}.account-columns>form{border-right:1px solid var(--line)}h3{margin:0 0 18px;font-size:16px}.account-columns label{display:block;color:#52666f;margin:14px 0 6px}.account-columns input{display:block;width:100%;margin-top:7px;border:1px solid #cad8d3;border-radius:7px;padding:10px 11px}.account-columns p{font-size:11px;color:#7a8a91}.primary{border:0;background:var(--green);color:#fff;border-radius:7px;padding:10px 16px;cursor:pointer}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h3{margin:0}#member-list{margin-top:16px;border-top:1px solid var(--line)}#member-list article{display:flex;justify-content:space-between;gap:15px;padding:13px 2px;border-bottom:1px solid #e7eeeb}#member-list strong,#member-list span{display:block}#member-list span{font-size:11px;color:#788b91;margin-top:2px}#member-list article>div:last-child{text-align:right}#member-list b{font-size:11px;font-weight:500}#member-list i{display:block;font-size:10px;font-style:normal;margin-top:3px}.on{color:var(--green)}.off{color:#a15b51}output{display:block;color:#a24e42;font-size:12px;margin-top:10px}.login-page{background:#eef4f1;display:grid;place-items:center;min-height:100dvh;padding:24px}.login-shell{width:min(980px,100%);min-height:550px;display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid #dce7e2;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px #183c3020}.login-visual{position:relative;background:var(--deep);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #64b9a347;border-radius:50%;right:-180px;bottom:-210px;box-shadow:0 0 0 70px #4d9e8912,0 0 0 145px #4d9e890b}.brand.large{color:#fff}.brand.large .mark i{background:#78d4ba}.brand.large em{color:#7ab9aa}.login-visual h1{font-size:38px;line-height:1.25;max-width:460px;margin:85px 0 18px;letter-spacing:-1px}.login-visual p{max-width:420px;color:#b8d0ca;font-size:15px}.capability-line{display:flex;gap:19px;margin-top:auto;color:#6f9b90;font-size:10px;letter-spacing:1px}.login-card{padding:56px 48px;align-self:center}.login-card>small{color:var(--green);letter-spacing:1px}.login-card h2{font-size:27px;margin:8px 0 32px}.login-card label{display:block;margin:18px 0 7px;color:#4f626c}.login-card input{display:block;width:100%;margin-top:7px;border:1px solid #cad8d3;border-radius:8px;padding:12px}.login-card .primary{display:flex;width:100%;justify-content:space-between;margin-top:25px;padding:13px 16px;font-size:15px}#login-error{min-height:20px}
@media(max-width:900px){.topbar{padding:0 12px;gap:8px}.brand strong{font-size:14px}.brand em,.user-tools span{display:none}nav{overflow:auto;flex:1}nav button{padding:0 11px;font-size:12px}.user-tools #external{display:none}.login-shell{grid-template-columns:1fr;max-width:470px}.login-visual{padding:30px}.login-visual h1{font-size:26px;margin:30px 0 8px}.capability-line{margin-top:25px}.login-card{padding:36px 30px}.account-columns{grid-template-columns:1fr}.account-columns>form{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:600px){.topbar{height:108px;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 56px}.topbar nav{grid-column:1/-1;grid-row:2;width:100%}.topbar .user-tools{grid-column:2;grid-row:1}.user-tools #account{font-size:0}.user-tools #account:after{content:"账号";font-size:12px}.workspace{height:calc(100dvh - 108px)}.login-page{padding:12px}.login-visual{display:none}.account-columns>form,.account-columns>section{padding:20px}}
