:root{font-family:system-ui,sans-serif;color:#17352f;background:#f3f8f5}body{margin:0}main{max-width:960px;margin:auto;padding:32px}header{font-size:24px;font-weight:700}small{font-size:12px;background:#d5eee0;padding:4px 8px;border-radius:8px}section{margin:12vh auto;max-width:500px;background:#fff;border-radius:20px;padding:48px;box-shadow:0 16px 48px #17352f0d}h1{font-size:32px}p{color:#587269}button{padding:14px 24px;border:0;border-radius:8px;background:#06c755;color:#fff;font-weight:700}button:disabled{opacity:.55}.hint{font-size:14px}.login{display:inline-block;padding:14px 24px;border-radius:8px;background:#06c755;color:#fff;font-weight:700;text-decoration:none}.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover}dt{color:#587269;font-size:14px}dd{margin:4px 0 20px}.userid{overflow-wrap:anywhere}