* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px/1.8 "Microsoft YaHei", SimSun, Arial, sans-serif; color: #26313c; }
.alogin { background: url("../img/r3.jpg") center/cover fixed; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.alogin::before { content: ""; position: fixed; inset: 0; background: rgba(8, 34, 66, .6); }
.abox { width: 360px; background: rgba(255, 255, 255, .97); border-top: 4px solid #1160b4; padding: 28px 32px; position: relative; box-shadow: 0 12px 40px rgba(4, 24, 50, .4); }
.ah { font-size: 17px; color: #16457e; border-bottom: 1px solid #e2ecf5; padding-bottom: 10px; margin-bottom: 14px; }
.abox label { display: block; font-size: 13px; color: #33506e; margin: 10px 0 4px; }
.abox input { width: 100%; border: 1px solid #b9cde0; padding: 8px 10px; font-size: 14px; outline: none; border-radius: 3px; }
.abox button { width: 100%; height: 38px; margin-top: 18px; background: #1160b4; color: #fff; border: 0; font-size: 15px; letter-spacing: 6px; cursor: pointer; border-radius: 3px; }
.aft { margin-top: 14px; text-align: center; font-size: 11.5px; color: #8ba0b2; }
.aerr { background: #fdf3f2; border: 1px solid #f0c4bd; color: #c0392b; padding: 8px 10px; margin-bottom: 12px; font-size: 12.5px; border-radius: 3px; }

.abody { background: #eef3f8; }
.abar { background: #0f3560; color: #fff; padding: 0 22px; height: 46px; display: flex; align-items: center; justify-content: space-between; }
.abar b { font-size: 15px; letter-spacing: 2px; }
.abar a { color: #cddff2; margin-left: 16px; font-size: 13px; }
.abar a:hover { color: #fff; }
.amain { width: 1240px; margin: 18px auto; }

.acards { display: flex; gap: 14px; margin-bottom: 16px; }
.ac { flex: 1; background: #fff; border: 1px solid #dbe6f0; border-top: 3px solid #1160b4; padding: 14px 18px; }
.ac b { font-size: 24px; color: #1160b4; display: block; }
.ac span { font-size: 12px; color: #8ba0b2; }

.ap { background: #fff; border: 1px solid #dbe6f0; margin-bottom: 16px; }
.aph { background: #e8f0f9; border-bottom: 1px solid #dbe6f0; padding: 8px 14px; font-weight: bold; color: #16457e; }
.apb { padding: 12px 14px; }

.at { width: 100%; border-collapse: collapse; }
.at th { background: #e8f0f9; border: 1px solid #dbe6f0; padding: 8px 9px; text-align: left; font-size: 12.5px; color: #33506e; }
.at td { border: 1px solid #e7eef6; padding: 8px 9px; vertical-align: top; }
.at tr:hover td { background: #f6faff; }
.tip { color: #8ba0b2; font-size: 12px; }
.tdw { max-width: 220px; }

.abtn { background: #1160b4; color: #fff; border: 0; padding: 5px 14px; font-size: 12px; cursor: pointer; border-radius: 3px; }
.abtn.g { background: #12a06a; }
.abtn.r { background: #c0392b; }

.aflt { margin-bottom: 12px; display: flex; gap: 6px; }
.tag { padding: 5px 16px; background: #fff; border: 1px solid #dbe6f0; color: #33506e; font-size: 13px; border-radius: 3px; }
.tag.on { background: #1160b4; color: #fff; border-color: #1160b4; }
.fm { display: flex; gap: 5px; }
.fm input { border: 1px solid #b9cde0; padding: 4px 6px; font-size: 12px; width: 88px; }
.fm input[name=remark] { width: 130px; }
.alg li { padding: 4px 0; border-bottom: 1px dashed #e7eef6; font-size: 12.5px; color: #4a5d70; }
.aok { background: #eef8f0; border: 1px solid #bfe3c6; color: #2f7a3d; padding: 8px 12px; margin-bottom: 12px; border-radius: 3px; }

.alogin-bg { position: fixed; inset: 0; background: linear-gradient(150deg, #0d47a1, #1976d2 60%, #42a5f5); }
.alogin-panel { position: relative; z-index: 2; width: 760px; margin: 120px auto 0; background: #fff; border-radius: 6px; overflow: hidden; display: flex; min-height: 340px; box-shadow: 0 12px 40px rgba(6,40,80,.4); }
.alogin-left { width: 340px; background: linear-gradient(160deg, #0d47a1, #1565c0); color: #fff; padding: 44px 34px; position: relative; }
.al-logo { display: flex; align-items: center; gap: 12px; }
.al-ico { width: 46px; height: 46px; }
.al-logo b { display: block; font-size: 20px; letter-spacing: 2px; }
.al-logo i { font-style: normal; font-size: 10px; color: #bbdefb; letter-spacing: 1.5px; }
.al-slogan { margin-top: 40px; font-size: 13px; color: #e3f2fd; line-height: 2.4; letter-spacing: 1px; }
.al-foot { position: absolute; bottom: 24px; left: 34px; font-size: 10.5px; color: #90caf9; }
.alogin-form { flex: 1; padding: 38px 40px 0; }
.af-tabs { display: flex; gap: 24px; border-bottom: 1px solid #e3ecf3; margin-bottom: 20px; }
.af-tabs span { padding: 0 4px 10px; font-size: 14.5px; color: #8ba0b2; cursor: pointer; }
.af-tabs .on { color: #0d47a1; font-weight: bold; border-bottom: 2px solid #0d47a1; }
.af-tabs + .aerr { margin-top: 10px; }
.alogin-form label { display: block; font-size: 12.5px; color: #4a5d70; margin: 14px 0 4px; }
.alogin-form input { width: 100%; border: 1px solid #b9cde0; padding: 10px 12px; font-size: 13.5px; outline: none; border-radius: 3px; }
.alogin-form input:focus { border-color: #1976d2; }
.alogin-form button { width: 100%; height: 42px; margin-top: 22px; background: #1976d2; color: #fff; border: 0; font-size: 15px; letter-spacing: 6px; cursor: pointer; border-radius: 3px; }
.alogin-form button:hover { background: #0d529b; }
.af-help { margin-top: 18px; text-align: center; font-size: 11.5px; color: #8ba0b2; }
.afoot { text-align: center; color: #8ba0b2; font-size: 12px; padding: 14px 0; }
.abar a.on { color: #ffd166; }