:root{color-scheme:light;--ink:#192d45;--muted:#63748b;--line:#e1e9f1;--blue:#246bd1;--teal:#12857a}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f2f7fd,#f5faf8);color:var(--ink);font:15px/1.65 "Microsoft YaHei",system-ui,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.account-shell{max-width:1180px;margin:auto;padding:0 28px}.account-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:1px;color:var(--ink)}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--teal));color:white}.account-header nav{display:flex;gap:24px;font-size:14px}main{padding:45px 0}.login-layout{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;min-height:72vh}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--teal);margin:0 0 15px}h1{font-size:38px;line-height:1.35;letter-spacing:-1px;margin:0 0 22px}h2{font-size:20px;line-height:1.4;margin:0 0 20px}h3{font-size:16px;margin:10px 0}.intro h1{font-size:49px}.lead{font-size:17px;color:var(--muted)}.note{border-left:3px solid var(--teal);padding:3px 0 3px 20px;margin-top:35px}.note p{color:var(--muted);margin:8px 0}.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:28px;box-shadow:0 10px 30px #1a365408}.login-card{padding:35px}.pill{display:inline-block;font-size:11px;font-weight:700;line-height:1.6;background:#eaf4f3;color:#146a64;border-radius:20px;padding:5px 10px}.login-card h2{margin-top:20px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input,select{width:100%;border:1px solid #cad5e1;border-radius:9px;padding:12px;background:#fafcfe;color:var(--ink);font:inherit;display:block;margin-top:7px}input:focus,select:focus{outline:3px solid #2b7de925;border-color:var(--blue)}button,.button{display:inline-block;border-radius:9px;border:0;padding:11px 17px;font:600 14px/1.6 inherit;cursor:pointer;text-align:center;max-width:100%}.primary{background:var(--blue);color:#fff!important}.primary:hover{background:#1b58b1;text-decoration:none}.login-card .primary{width:100%;font:600 15px system-ui;padding:14px}.secondary{color:var(--ink);border:1px solid var(--line);background:#f6f9fc}.danger{color:#9c3434;background:#fff0f0;border:1px solid #f1d9d9}.muted{color:var(--muted)}.small{font-size:12px}.error{padding:10px;border-radius:7px;background:#fff0f0;color:#9c3434;font-size:13px}.welcome{max-width:700px;margin:65px auto;text-align:center;padding:55px 35px}.welcome .primary{margin:15px 5px}.welcome p{margin:20px 0}.account-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.account-hero h1{margin-bottom:10px}.account-hero p{color:var(--muted)}.account-grid{display:grid;grid-template-columns:1fr 270px;gap:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.section-head h2{margin:0}.site-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.site-card{border:1px solid var(--line);border-radius:12px;padding:20px}.site-card p{color:var(--muted);font-size:13px;min-height:42px}.site-icon{display:grid;place-items:center;width:32px;height:32px;background:#edf3fb;border-radius:9px;color:var(--blue);font-weight:800}.site-links{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.extra-links{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.permission{background:#eef5ff;color:#245a9d;padding:10px 12px;border-radius:9px;font-size:13px}.text-link{display:block;margin-top:20px;font-size:13px}.devices{margin-top:25px}.device{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.device-main{min-width:0}.device p{font-size:12px;overflow-wrap:anywhere;margin:6px 0}.logout-all{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:25px}footer{padding:25px 0 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}@media(max-width:850px){.login-layout{gap:35px;grid-template-columns:1fr 380px}.intro h1{font-size:37px}.account-grid{grid-template-columns:1fr}.account-grid aside{order:-1}.account-grid aside .primary{margin-left:15px}.account-grid aside .text-link{display:inline;margin-left:15px}}@media(max-width:620px){.account-shell{padding:0 17px}.account-header{padding:20px 0}.account-header nav{gap:15px;font-size:12px}.login-layout{display:flex;flex-direction:column;gap:28px;padding-top:35px}.intro{width:100%}.intro h1{font-size:33px}.intro h1 br{display:none}.note{margin-top:20px}.login-card{width:100%;padding:25px}.site-grid{grid-template-columns:1fr}h1{font-size:29px}.card{padding:22px}.welcome{padding:35px 23px;margin:35px auto}.account-hero,.device{align-items:flex-start;flex-direction:column}.site-card p{min-height:0}.account-header .brand{font-size:18px}footer{flex-direction:column}.account-grid aside .primary{margin-left:0}.account-grid aside .text-link{display:block;margin-left:0}.section-head .muted{font-size:12px}}