:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#193833;background:#f2f6f3;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #cbdcd3;border-radius:8px;padding:11px 17px;background:#fff;color:#173c35}button:disabled{opacity:.55;cursor:wait}input,select{border:1px solid #cadbd2;background:#fff;border-radius:8px;padding:13px;width:100%;color:#183c35}input:focus{outline:2px solid #7daf99;outline-offset:2px}label{display:block;margin:22px 0 8px;font-size:13px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:36px}.auth-layout{width:min(1120px,100%);min-height:660px;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #d4e2da;border-radius:24px;overflow:hidden;background:white;box-shadow:0 20px 70px #163d2810}.auth-intro{background:#143c35;color:#e9f5eb;padding:50px;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(ellipse at bottom right,#42725770,transparent 65%)}.auth-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:23px;font-weight:600;flex-wrap:wrap}.auth-brand span{font-size:12px;width:100%;margin-left:56px;opacity:.65}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c9a86}.auth-intro h1{font-size:37px;line-height:1.6;font-weight:500}.auth-intro p:not(.eyebrow){line-height:2;color:#aec5b7}.auth-intro small{color:#96b9a3;font-size:11px}.auth-card{padding:66px 54px}.auth-card h2{font-size:27px;font-weight:500;margin:22px 0 12px}.auth-card>p:not(.eyebrow){color:#748c80;line-height:1.8}.auth-card button[type=submit]{width:100%;margin-top:8px;background:#247d67;color:#fff;border:0;padding:15px}.auth-note{margin-top:26px;font-size:11px}.auth-card #authError{font-size:12px;color:#aa4e45;min-height:19px;margin-top:16px}.viewer-shell{max-width:1160px;margin:32px auto;padding:0 24px}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0 24px}.viewer-bar{display:grid;grid-template-columns:160px 1fr auto;gap:12px;margin:20px 0}.viewer-panel{background:white;border:1px solid #d7e3da;border-radius:14px;padding:24px;margin-bottom:20px}.viewer-table{width:100%;border-collapse:collapse;font-size:13px}.viewer-table th,.viewer-table td{text-align:left;padding:14px;border-bottom:1px solid #e5ede6}.viewer-table th{font-size:11px;color:#7b9284}.viewer-tag{background:#e8f1e9;padding:5px 9px;border-radius:7px;font-size:11px}.viewer-shell h1{font-size:28px;font-weight:500}.viewer-shell p{line-height:1.9;color:#718a7d}.viewer-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f4;padding:16px;font-size:12px;line-height:1.8;max-height:600px;overflow:auto}.viewer-shell dialog{width:min(1000px,92vw);border:1px solid #c5d9ca;border-radius:14px;padding:28px;max-height:90vh}.viewer-shell dialog::backdrop{background:#10352870}.viewer-details{margin-top:20px}.viewer-pager{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:18px}.error{color:#a74a42!important}@media(max-width:760px){.auth-body{padding:16px}.auth-layout{grid-template-columns:1fr;min-height:0}.auth-intro{padding:26px}.auth-intro>div,.auth-intro>small{display:none}.auth-card{padding:32px 26px}.viewer-bar{grid-template-columns:1fr}.viewer-head{align-items:flex-start}.viewer-table{font-size:11px}.viewer-table td{padding:8px}}

:root{color:#26324a;background:#f1f3f8}.auth-layout{border-color:#e0e5ef;box-shadow:0 32px 100px #1e2b4210;border-radius:22px}.auth-intro{background:#172234;background-image:radial-gradient(ellipse at 90% 90%,#485c9d45,transparent 65%);color:#eef2fb}.auth-intro h1{font-size:35px;font-weight:600;letter-spacing:-1px}.auth-intro p:not(.eyebrow){color:#8998b5;font-size:13px;letter-spacing:3px}.auth-intro small{color:#6b7c9b;font-size:10px;letter-spacing:2px}.auth-card{padding:64px 52px}.auth-card h2{font-weight:600;font-size:28px;color:#26324a}.auth-card button[type=submit]{background:#5263b1;border-radius:10px;font-weight:500}.auth-card input{border-color:#e1e5ef;color:#27344c;border-radius:10px}.auth-card input:focus{outline:2px solid #c3cae4}.auth-card .eyebrow{color:#8d9abb;font-size:9px}#usernameHint,#passwordHint,#registerLink{display:none!important}.auth-note{color:#9ba5b7!important;font-size:11px}.auth-card label{color:#66748e;font-size:12px}.auth-brand span{color:#8e9db7}.auth-card>p:not(.eyebrow){color:#99a3b4;font-size:12px}.auth-card #authHint{margin-bottom:26px}@media(max-width:760px){.auth-card{padding:32px 26px}.auth-intro{padding:26px}}