:root { color-scheme: light; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; color:#13213a; background:#f3f6fa; }
* { box-sizing:border-box; }
body { margin:0; }
.auth-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:#f3f6fa; }
.auth-shell { width:min(100%, 440px); }
.auth-brand { display:flex; align-items:center; gap:14px; margin-bottom:20px; color:#40506a; text-decoration:none; font-size:14px; }
.auth-brand img { width:172px; height:auto; }
.auth-brand span { padding-left:14px; border-left:1px solid #ccd5e2; }
.auth-panel { padding:30px; background:#fff; border:1px solid #dce4ef; border-radius:8px; box-shadow:0 16px 48px rgba(17,35,66,.09); }
.auth-eyebrow { margin:0 0 8px; color:#1677ff; font-size:12px; font-weight:700; }
.auth-panel h1 { margin:0; font-size:27px; }
.auth-panel > div > p:last-child { margin:10px 0 24px; color:#68758a; line-height:1.6; }
.auth-panel form { display:grid; gap:16px; }
.auth-panel label { display:grid; gap:7px; color:#34445d; font-size:14px; font-weight:600; }
.auth-panel input { width:100%; height:44px; padding:0 12px; border:1px solid #cbd5e1; border-radius:6px; font:inherit; outline:none; }
.auth-panel input:focus { border-color:#1677ff; box-shadow:0 0 0 3px rgba(22,119,255,.12); }
.auth-panel button { height:44px; border:0; border-radius:6px; color:#fff; background:#1677ff; font:inherit; font-weight:700; cursor:pointer; }
.auth-panel button:disabled { opacity:.6; }
.auth-message { min-height:20px; margin:-4px 0 0; color:#c9362b; font-size:13px; }
.auth-back { display:inline-block; margin-top:18px; color:#5d6c82; font-size:13px; text-decoration:none; }
@media (max-width:520px) { .auth-brand { align-items:flex-start; flex-direction:column; } .auth-brand span { padding-left:0; border-left:0; } .auth-panel { padding:24px 20px; } }
.auth-nav-v241 { margin-left:auto; display:flex; align-items:center; gap:14px; font:14px/1.2 "PingFang SC","Microsoft YaHei",Arial,sans-serif; color:#324360; }
.auth-login-link,.auth-admin-link { color:#0867ff; font-weight:600; text-decoration:none; }
.auth-user-menu { position:relative; }
.auth-user-menu summary { cursor:pointer; list-style:none; color:#1c2d4b; font-weight:600; }
.auth-user-menu summary::-webkit-details-marker { display:none; }
.auth-user-dropdown { position:absolute; top:calc(100% + 12px); right:0; z-index:80; width:220px; padding:14px; display:grid; gap:6px; border:1px solid #dfe7f2; border-radius:7px; background:#fff; box-shadow:0 12px 32px rgba(20,45,82,.16); }
.auth-user-dropdown::before { content:""; position:absolute; top:-6px; right:18px; width:10px; height:10px; border-left:1px solid #dfe7f2; border-top:1px solid #dfe7f2; background:#fff; transform:rotate(45deg); }
.auth-user-dropdown strong { color:#1c2d4b; font-size:13px; }
.auth-user-dropdown span,.auth-user-dropdown button { display:block; margin:0; border:0; background:transparent; color:#60708c; font:12px/1.4 inherit; text-align:left; }
.auth-user-dropdown button { margin-top:6px; padding:9px 0 0; border-top:1px solid #edf1f6; color:#0867ff; cursor:pointer; }
@media (max-width:600px) { .auth-nav-v241 { max-width:34px; flex:0 0 34px; gap:0; } .auth-admin-link { display:none; } .auth-user-menu summary { width:32px; height:32px; display:grid; place-items:center; overflow:hidden; border:1px solid #cfe0f5; border-radius:50%; color:transparent; font-size:0; background:#f4f8ff; } .auth-user-menu summary::before { content:"账户"; color:#0867ff; font-size:10px; } .auth-user-dropdown { position:fixed; top:58px; right:12px; width:min(220px,calc(100vw - 24px)); } }