防伪+成绩单+录取通知书
This commit is contained in:
+83
@@ -880,3 +880,86 @@ body.review-subpage-open { overflow:hidden; }
|
||||
@media (max-width: 720px) {
|
||||
.table-pagination { align-items: flex-start; flex-direction: column; }
|
||||
}
|
||||
|
||||
/* 业务域分组导航 */
|
||||
.portal-sidebar { width: 264px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #42547f transparent; }
|
||||
.portal-main { margin-left: 264px; }
|
||||
.portal-nav-groups { display: grid; gap: 15px !important; padding: 3px 0 18px; }
|
||||
.portal-nav-group { display: grid; gap: 4px; }
|
||||
.portal-nav-group > strong { padding: 0 13px 4px; color: #7181aa; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
|
||||
.portal-nav-group button { min-height: 38px !important; }
|
||||
.sidebar-help { flex: 0 0 auto; }
|
||||
|
||||
/* 成绩卡：排名信息回归文档流，永不覆盖科目标题 */
|
||||
.score-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
|
||||
.score-grid article { min-width: 0; place-content: initial; align-content: start; justify-items: stretch; min-height: 230px; border: 1px solid var(--line); border-width: 0 1px 1px 0; }
|
||||
.score-subject-head { width: 100%; min-height: 31px; }
|
||||
.score-subject-head > span { overflow: hidden; color: var(--navy); font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.score-grid article > strong { margin: 22px 0 8px; font-size: 40px; }
|
||||
.score-grid article > em { position: static; display: block; padding: 0; color: #526079; background: transparent; font-size: 12px; font-style: normal; line-height: 1.55; }
|
||||
.rank-rule-line { align-items: flex-start; flex-direction: column; gap: 5px; margin-top: auto; }
|
||||
.rank-rule-line span { font-size: 11px; }
|
||||
.rank-rule-line b { font-size: 12px; line-height: 1.45; }
|
||||
.result-footer-actions { display: flex; align-items: center; gap: 14px; }
|
||||
.result-footer-actions .solid-button { min-height: 34px; padding: 0 14px; font-size: 11px; }
|
||||
|
||||
/* 通知书模板工作室 */
|
||||
.notice-template-studio { display: grid; grid-template-columns: minmax(380px, .82fr) minmax(420px, 1.18fr); gap: 22px; align-items: start; }
|
||||
.notice-template-form { padding: 24px; }
|
||||
.notice-template-form .panel-title { margin-bottom: 20px; }
|
||||
.notice-template-form > label { display: grid; gap: 7px; margin-bottom: 16px; }
|
||||
.notice-template-form textarea { resize: vertical; }
|
||||
.template-color-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
|
||||
.template-color-row label { display: flex; align-items: center; justify-content: space-between; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
|
||||
.template-color-row input { width: 64px; height: 34px; padding: 2px; }
|
||||
.notice-template-preview { position: sticky; top: 20px; }
|
||||
.template-frame { position: relative; min-height: 720px; padding: 66px 64px; border: 8px solid var(--template-primary); outline: 2px solid var(--template-accent); outline-offset: -18px; color: #332f2c; background: #fffdf8; box-shadow: var(--shadow); }
|
||||
.template-frame > small { display: block; color: var(--template-accent); font-family: Consolas, monospace; letter-spacing: .18em; text-align: center; }
|
||||
.template-frame h2 { margin: 26px 0 12px; color: var(--template-primary); font-family: "STKaiti", serif; font-size: 45px; font-weight: 700; letter-spacing: .16em; text-align: center; }
|
||||
.template-frame h3 { margin: 0 0 70px; text-align: center; }
|
||||
.template-frame > strong { font-size: 18px; }
|
||||
.template-frame > p { min-height: 250px; margin: 24px 0; font-size: 16px; line-height: 2.2; white-space: pre-wrap; }
|
||||
.template-frame footer { display: grid; justify-items: end; gap: 12px; margin-top: 40px; }
|
||||
.template-frame footer span { justify-self: stretch; color: #786f65; }
|
||||
.template-frame > i { position: absolute; right: 72px; bottom: 85px; width: 110px; height: 110px; display: grid; place-items: center; border: 5px solid color-mix(in srgb, var(--template-primary), transparent 25%); border-radius: 50%; color: var(--template-primary); font-size: 13px; font-style: normal; font-weight: 800; transform: rotate(-8deg); }
|
||||
.notice-template-preview > p { color: var(--muted); font-size: 11px; line-height: 1.7; }
|
||||
|
||||
/* 公开防伪查询 */
|
||||
.verification-page { min-height: calc(100vh - 76px); padding: 72px max(24px, calc((100% - 1060px) / 2)); background: #f4f7fa; }
|
||||
.verification-hero { display: grid; grid-template-columns: 1fr 470px; gap: 70px; align-items: end; padding: 48px; border-radius: 18px; color: #fff; background: var(--navy); box-shadow: 0 26px 70px rgba(19,36,81,.2); }
|
||||
.verification-hero h1 { margin: 10px 0; font-family: "STKaiti", serif; font-size: 44px; font-weight: 400; }
|
||||
.verification-hero p { color: #abb7d3; }
|
||||
.verification-hero form { display: flex; align-items: end; gap: 10px; }
|
||||
.verification-hero label { display: grid; flex: 1; gap: 8px; color: #bdc8df; font-size: 12px; }
|
||||
.verification-hero input { height: 46px; border-color: rgba(255,255,255,.18); color: #fff; background: rgba(255,255,255,.08); font-family: Consolas, monospace; }
|
||||
.verification-result { display: grid; grid-template-columns: 64px 1fr; gap: 22px; margin-top: 24px; padding: 32px; border: 1px solid #cfe1db; border-radius: 15px; background: #fff; }
|
||||
.verification-result > span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #28735e; font-size: 27px; }
|
||||
.verification-result h2 { margin: 5px 0; }
|
||||
.verification-result p { color: var(--muted); }
|
||||
.verification-result dl { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 4px 0 0; }
|
||||
.verification-result dl div { padding: 14px; border-radius: 8px; background: #f3f6f8; }
|
||||
.verification-result dt { color: var(--muted); font-size: 10px; }
|
||||
.verification-result dd { margin: 5px 0 0; font-weight: 700; }
|
||||
.verification-result.invalid { border-color: #efcfcb; }
|
||||
.verification-result.invalid > span { background: #b94b44; }
|
||||
.verification-notice { margin-top: 20px; padding: 20px 24px; border-left: 3px solid #8792a8; background: #fff; }
|
||||
.verification-notice p { margin: 6px 0 0; color: var(--muted); }
|
||||
.admission-result-banner .solid-button { justify-self: start; margin-top: 10px; }
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.notice-template-studio,.verification-hero { grid-template-columns: 1fr; }
|
||||
.notice-template-preview { position: static; }
|
||||
}
|
||||
@media (max-width: 850px) {
|
||||
.portal-sidebar { width: 264px; }
|
||||
.portal-main { margin-left: 0; }
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
.score-grid { grid-template-columns: 1fr; }
|
||||
.result-footer-actions { width: 100%; align-items: stretch; flex-direction: column; }
|
||||
.verification-page { padding: 28px 14px; }
|
||||
.verification-hero { padding: 26px 20px; }
|
||||
.verification-hero form { align-items: stretch; flex-direction: column; }
|
||||
.verification-result dl { grid-template-columns: 1fr; }
|
||||
.template-frame { min-height: 620px; padding: 48px 34px; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user