body{margin:0;background:#f5f7fa;color:#333;font-family:"Microsoft YaHei",Arial,sans-serif}
.login-page{min-height:610px;padding:55px 0 75px;background:linear-gradient(135deg,#edf5ff,#f8fafc)}
.login-card{display:flex;width:900px;min-height:480px;margin:0 auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(45,91,145,.12)}
.login-brand{width:42%;padding:105px 48px;box-sizing:border-box;background:linear-gradient(145deg,#217ff3,#195fc5);color:#fff}
.login-brand span{font-size:12px;letter-spacing:3px;opacity:.75}.login-brand h1{font-size:36px;margin:12px 0}.login-brand p{font-size:16px;line-height:1.8;opacity:.88}
.login-form{flex:1;padding:70px 65px;box-sizing:border-box}.login-form>label{display:block;margin-bottom:25px}.login-form>label span{display:block;margin-bottom:9px;color:#536273;font-size:15px}
.login-form input[type=tel],.login-form input[type=password]{width:100%;height:48px;padding:0 15px;border:1px solid #dce3eb;border-radius:8px;box-sizing:border-box;outline:none;font-size:15px}.login-form input:focus{border-color:#217ff3;box-shadow:0 0 0 3px rgba(33,127,243,.1)}
.login-options{display:flex;justify-content:space-between;color:#7b8794;font-size:13px}.login-options a{color:#217ff3}.login-form>button{width:100%;height:50px;margin-top:28px;border:0;border-radius:8px;background:#217ff3;color:#fff;font-size:18px;cursor:pointer}.login-note{text-align:center;color:#9aa4af;font-size:12px;line-height:1.7;margin-top:18px}
.account-page{display:flex;width:1140px;min-height:650px;margin:30px auto 65px;gap:24px}.account-sidebar{width:260px;padding:30px 20px;background:#fff;border-radius:20px;box-sizing:border-box;align-self:flex-start}
.account-user{text-align:center;padding-bottom:28px;border-bottom:1px solid #edf0f4}.account-user img{width:76px;height:76px;border-radius:50%;object-fit:cover}.account-user strong,.account-user span{display:block}.account-user strong{margin-top:12px;font-size:19px}.account-user span{margin-top:7px;color:#8994a1;font-size:13px}
.account-menu{padding-top:18px}.account-menu button,.account-logout{width:100%;height:48px;margin:5px 0;border:0;border-radius:9px;background:transparent;color:#485566;font-size:16px;text-align:left;padding:0 20px;cursor:pointer}.account-menu button.active{background:#edf5ff;color:#217ff3;font-weight:600}.account-logout{margin-top:24px;border-top:1px solid #eee;border-radius:0;color:#999}
.account-content{flex:1;min-height:650px;padding:38px 48px;background:#fff;border-radius:20px;box-sizing:border-box}.account-panel{display:none}.account-panel.active{display:block}.account-heading{padding-bottom:25px;border-bottom:1px solid #edf0f4}.account-heading h1{font-size:25px;margin:0 0 8px}.account-heading p{margin:0;color:#8b96a3}
.account-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;padding-top:30px}.account-form label span{display:block;margin-bottom:9px;color:#596675;font-size:14px}.account-form input,.account-form select,.account-form textarea{width:100%;padding:0 14px;border:1px solid #dce3eb;border-radius:8px;box-sizing:border-box;outline:none;font-size:15px;background:#fff}.account-form input,.account-form select{height:46px}.account-form textarea{padding-top:12px;resize:vertical}.account-form input:focus,.account-form select:focus,.account-form textarea:focus{border-color:#217ff3}
.account-form-wide,.account-actions{grid-column:1/-1}.account-actions{display:flex;align-items:center;padding-top:6px}.account-actions button{width:150px;height:45px;border:0;border-radius:8px;background:#217ff3;color:#fff;font-size:16px;cursor:pointer}.account-actions em{margin-left:16px;color:#20a46b;font-style:normal;font-size:14px}.account-password-form{display:block;max-width:510px}.account-password-form label{display:block;margin-bottom:23px}.account-password-form .account-actions{margin-top:28px}
@media(max-width:900px){.login-card,.account-page{width:94%}.login-brand{display:none}.account-sidebar{width:220px}.account-content{padding:30px 5%}.account-form{grid-template-columns:1fr}}