* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px/1.8 "Microsoft YaHei", SimSun, Arial, sans-serif; color: #1e2d42; }
.alogin { background: url("../img/o2.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, 30, 60, .55); }
.abox { width: 360px; background: rgba(255, 255, 255, .97); border-top: 4px solid #1e56a0; padding: 28px 32px; position: relative; box-shadow: 0 12px 40px rgba(4, 22, 48, .4); }
.ah { font-size: 17px; color: #0f2d55; border-bottom: 1px solid #dbe6f2; padding-bottom: 10px; margin-bottom: 14px; }
.abox label { display: block; font-size: 13px; color: #2c4d77; margin: 10px 0 4px; }
.abox input { width: 100%; border: 1px solid #b7c9de; padding: 8px 10px; font-size: 14px; outline: none; border-radius: 3px; }
.abox button { width: 100%; height: 38px; margin-top: 18px; background: #1e56a0; 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: #8296ad; }
.aerr { background: #fdf3f2; border: 1px solid #f0c4bd; color: #c0392b; padding: 8px 10px; margin-bottom: 12px; font-size: 12.5px; border-radius: 3px; }

.abody { background: #eaf0f8; }
.abar { background: #0f2d55; 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: #b8cbe2; margin-left: 14px; 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 #dbe6f2; border-top: 3px solid #1e56a0; padding: 14px 18px; }
.ac b { font-size: 24px; color: #1e56a0; display: block; }
.ac span { font-size: 12px; color: #8296ad; }

.ap { background: #fff; border: 1px solid #dbe6f2; margin-bottom: 16px; }
.aph { background: #e4eef9; border-bottom: 1px solid #dbe6f2; padding: 8px 14px; font-weight: bold; color: #0f2d55; }
.apb { padding: 12px 14px; }

.at { width: 100%; border-collapse: collapse; }
.at th { background: #e4eef9; border: 1px solid #dbe6f2; padding: 8px 9px; text-align: left; font-size: 12.5px; color: #2c4d77; }
.at td { border: 1px solid #e7eef7; padding: 8px 9px; }
.at tr:hover td { background: #f4f8fc; }
.tip { color: #8296ad; font-size: 12px; }

.abtn { background: #1e56a0; color: #fff; border: 0; padding: 5px 12px; font-size: 12px; cursor: pointer; border-radius: 3px; }
.abtn.g { background: #0f8a5f; }
.aflt { margin-bottom: 12px; display: flex; gap: 6px; }
.aflt input { border: 1px solid #b7c9de; padding: 6px 10px; }
.tag { padding: 5px 16px; background: #fff; border: 1px solid #dbe6f2; color: #2c4d77; font-size: 13px; border-radius: 3px; cursor: pointer; }
.alg li { padding: 4px 0; border-bottom: 1px dashed #e7eef7; font-size: 12.5px; color: #4a5d74; }
.aok { background: #e9f7f1; border: 1px solid #b7e0cd; color: #0f8a5f; padding: 8px 12px; margin-bottom: 12px; border-radius: 3px; }