:root{color-scheme:dark;--ink:#170d08;--ebony:#25150b;--brown:#3f2412;--copper:#86552c;--gold:#d89c59;--champagne:#fddc9e;--text:#f0e1cb;--muted:#b9a18a;--line:#51351f;font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none;color:var(--text);background:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 5%,#3f241245,transparent 52%),var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}
.topbar{height:92px;display:flex;align-items:center;gap:34px;padding:0 5.5vw;background:#170d08e8;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:16px;color:var(--champagne);font:24px Georgia,"SimSun",serif;letter-spacing:5px}.brand small{display:block;margin-top:7px;color:var(--gold);font:8px "Segoe UI",sans-serif;letter-spacing:3px}
.brand-emblem,.login-emblem{position:relative;display:block;flex-shrink:0;overflow:hidden}.brand-emblem{width:54px;height:58px}.brand-emblem img,.login-emblem img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;max-width:none;object-fit:contain;mix-blend-mode:lighten}.brand-emblem img{width:90px;height:90px}
.top-label{border-left:1px solid var(--line);padding-left:30px;color:var(--muted);font-size:12px;letter-spacing:3px}.account{display:flex;align-items:center;gap:11px;margin-left:auto;font-size:13px}.account #name{overflow:hidden;max-width:160px;white-space:nowrap;text-overflow:ellipsis}.avatar{display:grid;place-items:center;width:31px;height:31px;border:1px solid #86552c99;border-radius:50%;color:var(--champagne);background:var(--brown)}.text-button{border:0;background:transparent;color:var(--muted);padding:8px;margin-left:9px}.text-button:hover{color:var(--champagne)}
main{max-width:1320px;margin:auto;padding:46px 5.5vw 64px}.welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px;padding-bottom:28px}.welcome::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#86552c88,#d89c5933 55%,transparent)}.eyebrow{margin:0 0 17px;color:var(--gold);font-size:10px;letter-spacing:3px}h1{margin:0 0 12px;color:var(--champagne);font-family:Georgia,"SimSun",serif;font-size:clamp(27px,2.4vw,35px);font-weight:400;line-height:1.6;letter-spacing:3px}.intro{margin:0;color:var(--muted);font-size:13px;line-height:1.9;letter-spacing:1px}.date-block{flex-shrink:0;color:#ddc3a1;text-align:right;font-size:12px;letter-spacing:1px}.date-caption{display:block;margin-top:12px;color:var(--muted);font-size:11px}
.login-panel{display:flex;align-items:center;gap:23px;padding:22px 27px;margin-bottom:34px;border:1px solid var(--line);background:linear-gradient(110deg,#2b190d,#201209 72%);border-radius:4px}.login-emblem{width:66px;height:70px}.login-emblem img{width:108px;height:108px}.login-panel h2{color:var(--champagne);font-size:20px}.login-panel p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.9}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-shrink:0;margin-left:auto;padding:16px 23px;border:1px solid #e7b476;border-radius:3px;color:var(--ink);background:linear-gradient(115deg,#c28b50,#e2ae6d);font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s}.primary-button:hover{background:var(--champagne);box-shadow:0 0 22px #d89c591c}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:21px}.section-heading .eyebrow{margin-bottom:10px;font-size:9px}h2{margin:0;font-size:21px;font-weight:400;letter-spacing:2px}.section-note{color:var(--muted);font-size:11px}.systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.system-card{position:relative;display:flex;flex-direction:column;min-height:290px;padding:26px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(145deg,#2b190e,#21130b 78%);transition:transform .2s,border-color .2s,box-shadow .2s}.system-card[href]:hover{transform:translateY(-4px);border-color:var(--copper);box-shadow:0 10px 28px #00000025,inset 0 1px 0 #d89c5926}a:focus-visible,button:focus-visible{outline:2px solid var(--champagne);outline-offset:5px}
.card-top{display:flex;align-items:center;justify-content:space-between}.system-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #78502e;border-radius:4px;color:var(--gold);background:#3f241285}.system-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}.status,.pending-status{display:flex;align-items:center;gap:7px;color:#d4b389;font-size:11px}.status i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px #d89c5933}.card-body{margin:26px 0 23px}.card-code{margin:0 0 11px;color:#bc9468;font-size:10px;letter-spacing:1.6px}h3{margin:0 0 12px;color:var(--champagne);font:400 25px Georgia,"SimSun",serif;letter-spacing:3px}.card-body>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);color:var(--gold);font-size:12px}.arrow{font:21px Arial,sans-serif}
.pending{background:#1c100a;border-color:#3b291c}.pending h3{color:#c2a98b}.pending .system-icon{color:#a48a6e;background:#25150b;border-color:#513722}.pending .pending-status,.pending .card-code,.pending .card-bottom{color:#ad9479}.workspace-note{display:flex;align-items:flex-start;gap:11px;margin-top:25px;color:var(--muted);font-size:11px;line-height:1.9}.workspace-note p{margin:0}.note-dot{flex-shrink:0;width:6px;height:6px;margin-top:7px;border:1px solid var(--copper);border-radius:50%}footer{display:flex;justify-content:space-between;gap:20px;max-width:1320px;margin:auto;padding:25px 5.5vw;border-top:1px solid #3b291c;color:#ac9278;font-size:10px;letter-spacing:1px}.loading{color:var(--gold);font-size:13px}.error{color:#f0b5a0;font-size:13px;line-height:1.9}
@media(max-width:850px){.topbar{height:84px;gap:25px;padding:0 5vw}main{padding:35px 5vw 50px}.top-label{padding-left:24px;font-size:11px}.date-block{display:none}.systems{gap:14px}.system-card{min-height:280px;padding:21px}.login-panel{gap:18px;padding:22px;flex-wrap:wrap}.login-panel .primary-button{margin-left:0}}
@media(max-width:620px){.topbar{height:80px;padding:0 6vw;gap:16px}.brand{font-size:21px;letter-spacing:4px;gap:12px}.brand small{font-size:7px;letter-spacing:2px}.brand-emblem{width:42px;height:46px}.brand-emblem img{width:73px;height:73px}.top-label{display:none}.account{gap:7px;font-size:11px}.account #name{max-width:64px}.avatar{width:27px;height:27px}.text-button{margin-left:0;padding:5px}main{padding:33px 6vw 43px}.welcome{padding-bottom:24px;margin-bottom:26px}h1{font-size:27px;letter-spacing:2px}.eyebrow{font-size:8px;letter-spacing:2.2px}.intro{font-size:12px}.section-heading h2{font-size:19px}.section-note{max-width:115px;font-size:10px;line-height:1.8;text-align:right}.systems{grid-template-columns:1fr;gap:16px}.system-card{min-height:258px;padding:24px}.card-body{margin:22px 0}.login-panel{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px 16px;padding:22px;margin-bottom:31px}.login-emblem{width:48px;height:53px}.login-emblem img{width:83px;height:83px}.login-panel h2{font-size:18px;line-height:1.7;letter-spacing:1px}.login-panel p{margin-top:7px;font-size:11px}.primary-button{grid-column:1/-1;width:100%;padding:15px 20px}.workspace-note{font-size:10px}footer{padding:23px 6vw;font-size:9px}}
@media(prefers-reduced-motion:reduce){.system-card,.primary-button{transition:none}.system-card[href]:hover{transform:none}}