:root{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:#153b5c;background:#eef2f6;font-synthesis:none;line-height:1.6;--blue:#1768a6;--muted:#536b7c}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #1768a6;outline-offset:5px}[hidden]{display:none!important}
.topbar{max-width:1280px;margin:auto;padding:30px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:650;font-size:18px}.brand small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#153b5c;color:white;border-radius:4px 13px 4px 4px;font-size:26px}.status{font-size:13px;color:var(--muted)}
.workspace{max-width:1192px;margin:8px auto 34px;display:grid;grid-template-columns:1.12fr 1fr;min-height:624px;background:#fff;border:1px solid #dce5ec;border-radius:12px;overflow:hidden}.intro{background:#153b5c;color:#fff;padding:55px 48px 34px;display:flex;flex-direction:column}h1{font-size:36px;line-height:1.45;letter-spacing:-.7px;margin:0 0 22px;font-weight:600}.lede{font-size:15px;color:#d2e0ea;margin:0;line-height:1.9}.system-map{position:relative;display:flex;justify-content:space-between;gap:16px;margin:54px 0 18px}.map-line{position:absolute;top:31px;left:28px;right:28px;border-top:1px solid #6e94af}.map-node{position:relative;display:flex;align-items:center;flex-direction:column;gap:14px;font-size:13px;letter-spacing:1px}.map-node svg{width:64px;height:64px;background:#153b5c;border:1px solid #6e94af;border-radius:10px;padding:10px;fill:none;stroke:#d8eaf7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.map-caption{font-size:11px;color:#b2cadc;margin:0}.boundary{margin-top:auto;padding-top:42px;display:flex;align-items:flex-start;gap:12px;color:#d2e0ea;font-size:12px}.boundary span{font-size:25px;line-height:1.3}.boundary p{margin:0;line-height:1.9}
.access-panel{padding:52px 44px;align-self:center;min-width:0}h2{font-size:25px;font-weight:650;margin:0 0 9px}h3{font-size:17px;margin:0}.muted{color:var(--muted);font-size:14px;margin:0 0 25px}.providers{display:flex;flex-direction:column;gap:13px}.provider{display:flex;align-items:center;gap:14px;text-decoration:none;border:1px solid #cedce7;border-radius:6px;padding:17px 18px;min-height:70px;width:100%;background:#fff;color:#153b5c;text-align:left}.provider:hover{border-color:#1768a6;background:#f5f9fc}.provider:disabled{cursor:not-allowed;background:#f6f8fa;color:#6c7c87;border-color:#e0e7ed}.provider:disabled .provider-symbol{background:#e4eaf0;color:#6c7c87}.provider-symbol{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;background:#e9f2fa;color:#1768a6;font-size:17px}.provider-label{flex:1;font-size:15px;font-weight:550}.provider-state{font-size:12px;color:var(--muted)}.help{color:var(--muted);font-size:12px;line-height:1.85;margin:25px 0 0}.message{padding:12px 14px;background:#fff4df;border-left:3px solid #8d5d15;color:#70460a;font-size:13px;overflow-wrap:anywhere;margin:0 0 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiet{border:0;background:transparent;color:#1768a6;font-size:13px;padding:5px;white-space:nowrap}.quiet:hover{text-decoration:underline}.greeting{font-size:17px;margin:22px 0 15px;overflow-wrap:anywhere}.profile{display:grid;grid-template-columns:74px 1fr;gap:8px 15px;font-size:13px;margin:0;padding-bottom:24px;border-bottom:1px solid #e0e7ed}.profile dt{color:var(--muted)}.profile dd{margin:0;overflow-wrap:anywhere}.resources-heading{margin-top:24px}.resources{list-style:none;padding:0;margin:12px 0;max-height:240px;overflow-y:auto}.resources li{padding:11px 0;border-bottom:1px solid #eef2f6;font-size:13px;overflow-wrap:anywhere}.resources li span{display:block;color:var(--muted);font-size:12px}.resources .empty{color:var(--muted);border:0}footer{display:flex;justify-content:space-between;gap:16px;max-width:1192px;margin:0 auto;padding:0 0 28px;color:var(--muted);font-size:11px}
.error-page{max-width:650px;margin:12vh auto;padding:36px;background:white}.error-page h1{font-size:27px}.error-page a{display:inline-block;margin-top:15px;color:var(--blue)}
@media(max-width:1240px){.workspace{margin-left:24px;margin-right:24px}footer{padding-left:24px;padding-right:24px}.intro{padding-left:36px;padding-right:36px}.access-panel{padding:40px 32px}}
@media(max-width:760px){.topbar{padding:22px 24px}.brand{font-size:16px}.status{max-width:100px;text-align:right}.workspace{grid-template-columns:1fr;margin:0 16px 24px}.intro{padding:30px 28px}h1{font-size:28px}.lede{font-size:13px}.system-map{margin-top:30px}.boundary{padding-top:24px}.access-panel{padding:30px 28px}h2{font-size:23px}footer{flex-direction:column;gap:4px}.error-page{margin:32px 16px;padding:24px}.provider{padding:15px 12px}}