biss/Academic-Affairs-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

学籍异动：休学、复学、退学申请及辅导员→学院→教务处分级审批。

Browse Source 
毕业审核：批次计算、缺失课程检查、人工复核、结果发布。
学位授予：毕业资格与 GPA 计算、人工调整、发布授予结果。
毕业离校：离校事项配置、责任角色分工、逐项办理及批次关闭。
This commit is contained in:
biss
2026-07-24 17:30:05 +08:00 Unverified
parent 7493ab4a60
commit b0eaa20da6
34 changed files with 11137 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/style.css
+257
View File
@@ -546,6 +546,221 @@ button { cursor: pointer; }
.exam-ticket-grid p { margin:0; color:var(--muted); font-size:10px; }
.exam-ticket-grid footer { grid-column:1/-1; padding:12px 17px; display:flex; align-items:center; gap:7px; border-top:1px dashed var(--line); color:#586275; font-size:10px; }
.status-identity {
min-height: 130px; padding: 24px 28px; display: flex; align-items: center;
justify-content: space-between; gap: 28px; color: white;
background:
linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
linear-gradient(135deg, #172858, #263e7c 65%, #176d70);
background-size: 35px 35px, auto;
}
.status-identity span { color: #70ded0; font: 700 9px Consolas, monospace; letter-spacing: .14em; }
.status-identity b { display: block; margin: 8px 0 6px; font: 600 27px "STZhongsong","Songti SC",serif; }
.status-identity p { margin: 0; color: #c4cee6; font-size: 10px; }
.status-available { min-width: 290px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.15); }
.status-available > span { display: block; margin-bottom: 11px; }
.status-available strong { display: inline-block; margin-right: 7px; padding: 7px 12px; color: white; border: 1px solid rgba(112,222,208,.55); font-size: 11px; }
.status-available em { color: #c4cee6; font-size: 10px; font-style: normal; }
.status-review-summary { display: grid; grid-template-columns: repeat(3, 170px) 1fr; color: white; background: #182955; }
.status-review-summary > div { min-height: 104px; padding: 20px 24px; border-right: 1px solid rgba(255,255,255,.12); }
.status-review-summary span { display: block; color: #9eacd0; font-size: 9px; }
.status-review-summary b { display: inline-block; margin-top: 12px; color: #65d7c8; font: 700 28px/1 Consolas, monospace; }
.status-review-summary small { margin-left: 5px; color: #aeb9d6; font-size: 9px; }
.status-review-summary p { margin: 0; padding: 24px 28px; align-self: center; color: #bdc7e0; font-size: 10px; line-height: 1.7; }
.status-folio-list { display: grid; gap: 13px; min-height: 180px; }
.status-folio-list > article { border: 1px solid var(--line); background: white; box-shadow: 0 5px 18px rgba(30,44,77,.035); }
.status-folio-list > article.actionable { border-left: 3px solid var(--teal); }
.status-folio-list article > header { min-height: 100px; display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 24px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.folio-number { align-self: stretch; display: grid; place-content: center; padding-right: 22px; border-right: 1px dashed var(--line); }
.folio-number span { color: var(--teal); font: 700 8px Consolas,monospace; letter-spacing: .12em; }
.folio-number b { margin-top: 8px; color: var(--indigo); font: 700 16px Consolas,monospace; }
.folio-person > span { color: var(--teal); font-size: 9px; }
.folio-person h3 { margin: 7px 0 5px; font: 600 18px "STZhongsong","Songti SC",serif; }
.folio-person p { margin: 0; color: var(--muted); font-size: 9px; }
.folio-reason { padding: 17px 22px; display: grid; grid-template-columns: 125px 1fr; gap: 25px; border-bottom: 1px solid var(--line); }
.folio-reason span { color: var(--muted); font-size: 9px; }
.folio-reason p { margin: 0; color: #40495a; font-size: 11px; line-height: 1.7; }
.approval-track { padding: 20px 22px; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.approval-track > div { min-height: 55px; display: grid; grid-template-columns: 36px 1fr; align-content: center; position: relative; }
.approval-track > div:not(:last-child)::after { content:""; position:absolute; left:30px; right:8px; top:17px; height:1px; background:#d9dee7; }
.approval-track i { width: 34px; height: 34px; display: grid; place-items: center; z-index:1; color:#8d95a4; border:1px solid #cfd5df; border-radius:50%; background:white; font:normal 700 10px Consolas,monospace; }
.approval-track b, .approval-track small { grid-column: 2; padding-left: 8px; }
.approval-track b { margin-top: -31px; font-size: 11px; }
.approval-track small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.approval-track .done i { color:white; border-color:var(--teal); background:var(--teal); }
.approval-track .done::after { background:var(--teal) !important; }
.approval-track .active i { color:white; border-color:var(--indigo); background:var(--indigo); box-shadow:0 0 0 4px #e9edf7; }
.approval-track .stopped i { color:white; border-color:#b44c4c; background:#b44c4c; }
.status-folio-list article > footer { min-height: 65px; padding: 12px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; background:#fafbfc; }
.review-comment span, .review-comment b { display:block; }
.review-comment span { color:var(--muted); font-size:8px; }
.review-comment b { margin-top:5px; color:#515a6c; font-size:10px; }
.folio-actions { display:flex; gap:8px; }
.folio-actions .el-button + .el-button { margin-left:0; }
.review-target { margin-bottom: 18px; padding: 16px 18px; border-left: 3px solid var(--teal); background:#f5f7fa; }
.review-target span { color:var(--teal); font:700 9px Consolas,monospace; }
.review-target b { display:block; margin:6px 0 4px; font-size:14px; }
.review-target p { margin:0; color:var(--muted); font-size:9px; }
.graduation-batch-strip { padding:10px; display:flex; gap:9px; overflow-x:auto; border:1px solid var(--line); background:white; }
.graduation-batch-strip button { flex:0 0 290px; padding:14px; display:grid; grid-template-columns:1fr auto; gap:6px; text-align:left; border:1px solid var(--line); background:#fafbfc; }
.graduation-batch-strip button.active { color:white; border-color:var(--indigo); background:var(--indigo); }
.graduation-batch-strip b { grid-column:1/-1; font:600 15px "STZhongsong","Songti SC",serif; }
.graduation-batch-strip span,.graduation-batch-strip small,.graduation-batch-strip i { color:#8b93a2; font-size:9px; font-style:normal; }
.graduation-batch-strip button.active span,.graduation-batch-strip button.active small { color:#c5cee5; }
.graduation-workbench { border:1px solid var(--line); background:white; }
.graduation-workbench > header { padding:21px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.graduation-workbench header span { color:var(--teal); font:700 9px Consolas,monospace; letter-spacing:.13em; }
.graduation-workbench header h3 { margin:7px 0 5px; font:600 21px "STZhongsong","Songti SC",serif; }
.graduation-workbench header p { margin:0; color:var(--muted); font-size:9px; }
.graduation-summary { display:grid; grid-template-columns:repeat(4,1fr); color:white; background:linear-gradient(110deg,#172958,#273e7c 70%,#176c70); }
.graduation-summary > div { min-height:82px; padding:17px 21px; border-right:1px solid rgba(255,255,255,.12); }
.graduation-summary span { display:block; color:#aeb8d7; font-size:8px; }
.graduation-summary b { display:inline-block; margin-top:10px; color:#66d9ca; font:700 24px/1 Consolas,monospace; }
.graduation-summary small { margin-left:5px; color:#bfc8df; font-size:8px; }
.graduation-filter { padding:13px 18px; display:flex; align-items:center; gap:9px; border-bottom:1px solid var(--line); background:#fafbfc; }
.graduation-filter .el-input { width:300px; }
.graduation-filter .el-select { width:155px; }
.graduation-filter > span { margin-left:auto; color:var(--muted); font-size:9px; }
.graduation-result-list { padding:0 20px 18px; }
.graduation-result-list article { min-height:105px; display:grid; grid-template-columns:minmax(200px,1.2fr) 170px 185px 130px 70px; align-items:center; gap:20px; border-bottom:1px solid var(--line); }
.graduation-student span { color:var(--teal); font-size:8px; }
.graduation-student h4 { margin:6px 0 4px; font-size:14px; }
.graduation-student p { margin:0; color:var(--muted); font-size:8px; }
.credit-progress span,.course-clearance span { color:var(--muted); font-size:8px; }
.credit-progress b,.course-clearance b { display:block; margin:7px 0; color:var(--indigo); font:700 15px Consolas,monospace; }
.course-clearance { padding-left:17px; border-left:1px solid var(--line); }
.course-clearance small { display:block; max-width:180px; color:#8e5960; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.graduation-conclusion { padding:12px; display:grid; grid-template-columns:24px 1fr; gap:2px 7px; color:#9a555b; border:1px solid #ead7d9; background:#fffafa; }
.graduation-conclusion.eligible { color:#21796d; border-color:#cbe4df; background:#f6fbfa; }
.graduation-conclusion .el-icon { grid-row:1/3; align-self:center; font-size:20px; }
.graduation-conclusion span { font-size:9px; font-weight:700; }
.graduation-conclusion small { font-size:7px; opacity:.7; }
.graduation-certificate { overflow:hidden; border:1px solid var(--line); background:white; box-shadow:0 12px 35px rgba(24,41,85,.07); }
.graduation-certificate > header { min-height:82px; padding:21px 28px; display:flex; align-items:center; justify-content:space-between; color:white; background:linear-gradient(110deg,#172958,#263e7c 70%,#176c70); }
.graduation-certificate > header span { color:#73dfd1; font:700 10px Consolas,monospace; letter-spacing:.18em; }
.graduation-certificate > header i { font:normal 700 28px "STZhongsong","Songti SC",serif; }
.certificate-person { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.certificate-person > div { padding:20px 28px; border-right:1px solid var(--line); }
.certificate-person span,.certificate-person b { display:block; }
.certificate-person span { color:var(--muted); font-size:8px; }
.certificate-person b { margin-top:7px; font-size:14px; }
.certificate-conclusion { min-height:145px; padding:28px; display:flex; align-items:center; justify-content:center; gap:20px; color:#a14e55; background:#fffafa; border-bottom:1px solid var(--line); }
.certificate-conclusion.eligible { color:#19796b; background:#f5fbf9; }
.certificate-conclusion .el-icon { font-size:48px; }
.certificate-conclusion span { font-size:9px; letter-spacing:.08em; }
.certificate-conclusion h3 { margin:7px 0 5px; font:600 27px "STZhongsong","Songti SC",serif; }
.certificate-conclusion p { margin:0; color:var(--muted); font-size:9px; }
.certificate-metrics { display:grid; grid-template-columns:repeat(3,1fr); }
.certificate-metrics > div { min-height:115px; padding:23px 28px; border-right:1px solid var(--line); }
.certificate-metrics span { display:block; color:var(--muted); font-size:8px; }
.certificate-metrics b { display:block; margin:10px 0; color:var(--indigo); font:700 22px Consolas,monospace; }
.certificate-metrics p { margin:0; color:var(--muted); font-size:8px; }
.graduation-certificate > footer { padding:20px 28px; display:grid; gap:13px; background:#fafbfc; }
.graduation-certificate > footer span,.graduation-certificate > footer b { display:block; }
.graduation-certificate > footer span { color:var(--muted); font-size:8px; }
.graduation-certificate > footer b { margin-top:5px; font-size:10px; }
.degree-batch-strip { padding:10px; display:flex; gap:9px; overflow-x:auto; border:1px solid var(--line); background:white; }
.degree-batch-strip button { flex:0 0 290px; padding:14px; display:grid; grid-template-columns:1fr auto; gap:6px; text-align:left; border:1px solid var(--line); background:#fafbfc; }
.degree-batch-strip button.active { color:white; border-color:#8b692d; background:linear-gradient(120deg,#263968,#8b692d); }
.degree-batch-strip b { grid-column:1/-1; font:600 15px "STZhongsong","Songti SC",serif; }
.degree-batch-strip span,.degree-batch-strip small,.degree-batch-strip i { color:#8b93a2; font-size:9px; font-style:normal; }
.degree-batch-strip button.active span,.degree-batch-strip button.active small { color:#e3d8bd; }
.degree-workbench { border:1px solid var(--line); background:white; }
.degree-workbench > header { padding:21px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.degree-workbench header span { color:#a27b36; font:700 9px Consolas,monospace; letter-spacing:.13em; }
.degree-workbench header h3 { margin:7px 0 5px; font:600 21px "STZhongsong","Songti SC",serif; }
.degree-workbench header p { margin:0; color:var(--muted); font-size:9px; }
.degree-summary { display:grid; grid-template-columns:repeat(4,1fr); color:white; background:linear-gradient(110deg,#182957,#2d4178 67%,#8b692d); }
.degree-summary > div { min-height:82px; padding:17px 21px; border-right:1px solid rgba(255,255,255,.12); }
.degree-summary span { display:block; color:#c3c9dc; font-size:8px; }
.degree-summary b { display:block; margin-top:10px; color:#e5c87f; font:700 24px Consolas,monospace; }
.degree-result-list { padding:0 20px 18px; }
.degree-result-list article { min-height:105px; display:grid; grid-template-columns:minmax(190px,1.2fr) 150px minmax(180px,1fr) 125px 70px; align-items:center; gap:20px; border-bottom:1px solid var(--line); }
.degree-result-list article > div:first-child span { color:#a27b36; font-size:8px; }
.degree-result-list h4 { margin:6px 0 4px; font-size:14px; }
.degree-result-list p { margin:0; color:var(--muted); font-size:8px; }
.degree-result-list article > div:nth-child(2) span,.degree-rule-note span { color:var(--muted); font-size:8px; }
.degree-result-list article > div:nth-child(2) b { display:block; margin:7px 0; color:var(--indigo); font:700 20px Consolas,monospace; }
.degree-result-list article > div:nth-child(2) small { color:var(--muted); font-size:8px; }
.degree-rule-note { padding-left:16px; border-left:1px solid var(--line); }
.degree-rule-note b { display:block; margin-top:7px; color:#5f6879; font-size:9px; line-height:1.5; }
.degree-result-chip { padding:11px; display:grid; grid-template-columns:22px 1fr; color:#9a555b; border:1px solid #ead7d9; background:#fffafa; }
.degree-result-chip.granted { color:#7b622d; border-color:#dfd1aa; background:#fdfbf5; }
.degree-result-chip .el-icon { grid-row:1/3; align-self:center; font-size:17px; }
.degree-result-chip b { font-size:9px; }
.degree-result-chip small { font-size:7px; opacity:.7; }
.degree-certificate { min-height:380px; display:grid; grid-template-columns:220px 1fr; border:1px solid var(--line); background:white; box-shadow:0 12px 35px rgba(24,41,85,.07); }
.degree-seal { display:grid; place-content:center; gap:16px; text-align:center; color:#c7a75d; background:linear-gradient(150deg,#172858,#2b3f76 70%,#80622b); }
.degree-seal .el-icon { margin:auto; font-size:70px; }
.degree-seal span { font:700 9px Consolas,monospace; letter-spacing:.17em; }
.degree-copy { padding:45px 48px; }
.degree-copy > span { color:#a27b36; font:700 9px Consolas,monospace; letter-spacing:.12em; }
.degree-copy h3 { margin:15px 0 10px; color:#9c555b; font:600 34px "STZhongsong","Songti SC",serif; }
.degree-certificate.granted .degree-copy h3 { color:#80652c; }
.degree-copy > p { margin:0; color:#596274; font-size:12px; }
.degree-copy dl { margin:32px 0; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.degree-copy dl div { padding:17px 20px; border-right:1px solid var(--line); }
.degree-copy dt { color:var(--muted); font-size:8px; }
.degree-copy dd { margin:7px 0 0; color:var(--indigo); font:700 16px Consolas,monospace; }
.degree-copy footer { padding-top:18px; border-top:1px solid var(--line); }
.degree-copy footer span,.degree-copy footer b { display:block; }
.degree-copy footer span { color:var(--muted); font-size:8px; }
.degree-copy footer b { margin-top:7px; font-size:10px; }
.clearance-batch-strip { padding:10px; display:flex; gap:9px; overflow-x:auto; border:1px solid var(--line); background:white; }
.clearance-batch-strip button { flex:0 0 300px; padding:14px; display:grid; grid-template-columns:1fr auto; gap:6px; text-align:left; border:1px solid var(--line); background:#fafbfc; }
.clearance-batch-strip button.active { color:white; border-color:var(--indigo); background:linear-gradient(120deg,#182958,#234477 66%,#19736f); }
.clearance-batch-strip b { grid-column:1/-1; font:600 15px "STZhongsong","Songti SC",serif; }
.clearance-batch-strip span,.clearance-batch-strip small,.clearance-batch-strip i { color:#8b93a2; font-size:9px; font-style:normal; }
.clearance-batch-strip button.active span,.clearance-batch-strip button.active small { color:#c4d6dd; }
.clearance-workbench { border:1px solid var(--line); background:white; }
.clearance-workbench > header { padding:21px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.clearance-workbench header span { color:var(--teal); font:700 9px Consolas,monospace; letter-spacing:.13em; }
.clearance-workbench header h3 { margin:7px 0 5px; font:600 21px "STZhongsong","Songti SC",serif; }
.clearance-workbench header p { margin:0; color:var(--muted); font-size:9px; }
.clearance-item-legend { display:flex; overflow-x:auto; color:white; background:linear-gradient(105deg,#182958,#29417c 70%,#19736f); }
.clearance-item-legend > div { flex:1 0 180px; min-height:80px; padding:16px 20px; border-right:1px solid rgba(255,255,255,.12); }
.clearance-item-legend span,.clearance-item-legend b,.clearance-item-legend small { display:block; }
.clearance-item-legend span { color:#64d7c8; font:700 8px Consolas,monospace; }
.clearance-item-legend b { margin:7px 0 5px; font-size:10px; }
.clearance-item-legend small { color:#bfc9e1; font-size:8px; }
.clearance-ledgers { padding:18px; display:grid; gap:14px; background:#f5f7fa; }
.clearance-ledgers > article { border:1px solid var(--line); background:white; }
.clearance-ledgers article > header { padding:16px 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.clearance-ledgers header span { color:var(--teal); font-size:8px; }
.clearance-ledgers header h4 { margin:5px 0 3px; font-size:14px; }
.clearance-ledgers header p { margin:0; color:var(--muted); font-size:8px; }
.clearance-ledgers header > b { color:var(--indigo); font:700 22px Consolas,monospace; }
.clearance-record-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
.clearance-record-grid > div { min-height:125px; padding:18px; display:grid; grid-template-columns:24px 1fr; align-content:start; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.clearance-record-grid .el-icon { grid-row:1/4; color:#bbc1cc; font-size:18px; }
.clearance-record-grid > div.done .el-icon { color:var(--teal); }
.clearance-record-grid span { color:var(--muted); font-size:8px; }
.clearance-record-grid b { margin:6px 0 4px; font-size:10px; }
.clearance-record-grid small { color:#a06a6e; font-size:8px; }
.clearance-record-grid > div.done small { color:#318276; }
.clearance-record-grid > div > div { grid-column:1/-1; margin-top:13px; }
.clearance-record-grid .el-button + .el-button { margin-left:5px; }
.clearance-pass { border:1px solid var(--line); background:white; }
.clearance-pass > header { min-height:125px; padding:25px 28px; display:flex; align-items:center; justify-content:space-between; color:white; background:linear-gradient(115deg,#182958,#2a407c 68%,#19736f); }
.clearance-pass header span { color:#67d9ca; font:700 9px Consolas,monospace; letter-spacing:.14em; }
.clearance-pass header h3 { margin:9px 0 6px; font:600 24px "STZhongsong","Songti SC",serif; }
.clearance-pass header p { margin:0; color:#c1cce3; font-size:9px; }
.clearance-pass header > b { font:700 30px Consolas,monospace; }
.clearance-student-list { padding:12px 26px 25px; }
.clearance-student-list article { min-height:90px; display:grid; grid-template-columns:45px 1fr auto; align-items:center; gap:16px; position:relative; border-bottom:1px solid var(--line); }
.clearance-student-list article:not(:last-child)::after { content:""; position:absolute; left:17px; top:62px; bottom:-29px; width:1px; background:#d8dde6; }
.clearance-student-list i { width:35px; height:35px; display:grid; place-items:center; z-index:1; color:#8c94a3; border:1px solid #cfd5df; border-radius:50%; background:white; font:normal 700 10px Consolas,monospace; }
.clearance-student-list article.done i { color:white; border-color:var(--teal); background:var(--teal); }
.clearance-student-list article > div span { color:var(--teal); font-size:8px; }
.clearance-student-list h4 { margin:5px 0 3px; font-size:12px; }
.clearance-student-list p { margin:0; color:var(--muted); font-size:8px; }
.clearance-form-head { margin:10px 0; display:flex; align-items:center; justify-content:space-between; }
.clearance-form-list { display:grid; gap:8px; max-height:340px; overflow-y:auto; }
.clearance-form-list > div { display:grid; grid-template-columns:110px 1fr 1fr 130px 80px 45px; gap:8px; align-items:center; }
.login-page { min-height: 100vh; display: grid; grid-template-columns: minmax(440px, 1.2fr) minmax(420px, .8fr); background: white; }
.login-story { min-height: 100vh; padding: 54px clamp(45px, 6vw, 90px); display: flex; flex-direction: column; color: white; background: linear-gradient(142deg, #13224d, #243a77 62%, #176b71); overflow: hidden; position: relative; }
.login-story::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 46px 46px; }
@@ -698,6 +913,48 @@ button { cursor: pointer; }
.exam-staff { padding:10px 0 0; border-left:none; border-top:1px solid var(--line); }
.exam-row-actions { grid-column:auto; padding:0; }
.exam-ticket-grid { grid-template-columns:1fr; }
.status-identity { align-items:flex-start; flex-direction:column; }
.status-available { width:100%; min-width:0; }
.status-review-summary { grid-template-columns:repeat(3,1fr); }
.status-review-summary > div { min-height:86px; padding:16px; }
.status-review-summary p { grid-column:1/-1; padding:16px; border-top:1px solid rgba(255,255,255,.12); }
.status-folio-list article > header { grid-template-columns:1fr auto; gap:14px; }
.folio-number { grid-column:1/-1; display:block; padding:0 0 12px; border-right:none; border-bottom:1px dashed var(--line); }
.folio-number b { margin-left:10px; }
.folio-reason { grid-template-columns:1fr; gap:7px; }
.approval-track { grid-template-columns:1fr; gap:13px; }
.approval-track > div:not(:last-child)::after { left:17px; right:auto; top:31px; bottom:-14px; width:1px; height:auto; }
.status-folio-list article > footer { align-items:stretch; flex-direction:column; }
.folio-actions, .folio-actions .el-button { width:100%; }
.graduation-workbench > header { align-items:flex-start; flex-direction:column; }
.graduation-summary { grid-template-columns:1fr 1fr; }
.graduation-summary > div:nth-child(2) { border-right:none; }
.graduation-filter { flex-wrap:wrap; }
.graduation-filter .el-input { width:100%; }
.graduation-filter .el-select { flex:1; width:auto; }
.graduation-result-list article { padding:16px 0; grid-template-columns:1fr 1fr; gap:13px; }
.graduation-student { grid-column:1/-1; }
.graduation-result-list article > .el-button { justify-self:end; }
.certificate-person,.certificate-metrics { grid-template-columns:1fr; }
.certificate-person > div,.certificate-metrics > div { border-right:none; border-bottom:1px solid var(--line); }
.certificate-conclusion { justify-content:flex-start; padding:24px 20px; }
.degree-workbench > header { align-items:flex-start; flex-direction:column; }
.degree-summary { grid-template-columns:1fr 1fr; }
.degree-result-list article { padding:16px 0; grid-template-columns:1fr 1fr; gap:13px; }
.degree-result-list article > div:first-child { grid-column:1/-1; }
.degree-rule-note { padding-left:0; border-left:none; }
.degree-result-list article > .el-button { justify-self:end; }
.degree-certificate { grid-template-columns:1fr; }
.degree-seal { min-height:150px; }
.degree-seal .el-icon { font-size:48px; }
.degree-copy { padding:28px 22px; }
.degree-copy dl { grid-template-columns:1fr; }
.degree-copy dl div { border-right:none; border-bottom:1px solid var(--line); }
.clearance-workbench > header { align-items:flex-start; flex-direction:column; }
.clearance-ledgers { padding:10px; }
.clearance-record-grid { grid-template-columns:1fr; }
.clearance-pass > header { align-items:flex-start; gap:18px; }
.clearance-form-list > div { grid-template-columns:1fr 1fr; padding:10px; border:1px solid var(--line); }
.el-drawer { width: 100% !important; }
}