html{scrollbar-gutter:stable}
.civil-mark-select.civil-status-待投递,.civil-mark-select.civil-status-暂无{color:#2467eb!important;border-color:#b8cef1!important;background:#f5f9ff!important}.civil-mark-select.civil-status-已投递,.civil-mark-select.civil-status-已笔试,.civil-mark-select.civil-status-已Offer{color:#16845d!important;border-color:#9cddc1!important;background:#ecfaf3!important}.civil-mark-select.civil-status-待笔试,.civil-mark-select.civil-status-待面试,.civil-mark-select.civil-status-一面,.civil-mark-select.civil-status-二面,.civil-mark-select.civil-status-三面{color:#bd6b08!important;border-color:#f2c98a!important;background:#fff8e9!important}.civil-mark-select.civil-status-未通过{color:#c64b55!important;border-color:#f0b4b9!important;background:#fff2f3!important}
.civil-page{--civil-blue:#2467eb;--civil-blue-dark:#1255d8;--civil-text:#172c4d;--civil-muted:#74849d;--civil-line:#dce5f1;--civil-bg:#eef3fa;min-height:100vh;background:var(--civil-bg);color:var(--civil-text)}.civil-page .mobile-menu{display:none}
.civil-page *{box-sizing:border-box}.civil-main{width:100%;padding:16px 24px 28px}.civil-hero{overflow:hidden;position:relative;padding:22px 24px 0;border-radius:14px;color:#fff;background:linear-gradient(115deg, #132c53 0%, #205bad 72%, #4c76c9 100%);box-shadow:0 10px 28px rgba(31,64,118,.11)}
.civil-hero:after{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px}.civil-hero-inner,.civil-search,.civil-notice{position:relative;z-index:1}.civil-hero-inner{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(560px,1.5fr);gap:24px}.civil-live{display:flex;align-items:center;gap:8px;font-size:13px}.civil-live-dot{width:8px;height:8px;border-radius:50%;background:#58e59d;box-shadow:0 0 0 6px rgba(88,229,157,.16)}
.civil-hero h1{margin:8px 0 5px;font-size:26px;font-weight:600}.civil-hero-desc{margin:0;color:rgba(255,255,255,.8);font-size:13px}.civil-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.civil-stat{display:flex;min-height:76px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.12)}.civil-stat strong{font-size:21px;font-weight:600}.civil-stat span{margin-top:3px;color:rgba(255,255,255,.76);font-size:12px}
.civil-search{display:flex;align-items:center;gap:10px;margin-top:18px;padding:0 7px 0 15px;border-radius:10px;background:#fff;color:#8794a8}.civil-search input{min-width:0;min-height:48px;flex:1;border:0;outline:0;color:#19304f;background:transparent}.civil-search button{min-height:36px;padding:0 21px;border:0;border-radius:8px;color:#fff;background:var(--civil-blue);cursor:pointer}.civil-notice{display:flex;min-height:40px;align-items:center;justify-content:space-between;margin:16px -24px 0;padding:0 24px;color:#7a592e;background:#fff6e8;font-size:12px}.civil-notice strong{color:#f27a17;font-weight:500}
.civil-filter{margin-top:13px;padding:15px 18px;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(31,64,118,.06)}.civil-filter-title{display:flex;align-items:center;font-size:14px}.civil-reset{border:0;color:var(--civil-muted);background:transparent;cursor:pointer;font-size:12px}.civil-filter-row{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding-top:11px;border-top:1px solid var(--civil-line)}.civil-filter-label{display:flex;flex:0 0 80px;align-items:center;gap:6px;padding-top:6px;color:var(--civil-muted);font-size:12px}.civil-options{display:flex;flex-wrap:wrap;gap:6px}.civil-option{display:inline-flex;min-height:30px;align-items:center;padding:5px 10px;border:1px solid transparent;border-radius:7px;color:var(--civil-muted);background:#f7f9fc;font-size:12px;text-decoration:none}.civil-option:hover,.civil-option.is-active{border-color:#b9d0ff;color:var(--civil-blue);background:#edf4ff}
.civil-mobile-filter{display:none}
.civil-mobile-reset{display:none}
.civil-results{overflow:hidden;margin-top:13px;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(31,64,118,.06)}.civil-results-head{display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:0 18px}.civil-total strong{color:var(--civil-blue);font-size:18px}.civil-sort{display:flex;gap:14px;font-size:12px}.civil-sort a{color:var(--civil-muted);text-decoration:none}.civil-sort a.is-active{color:var(--civil-blue)}.civil-table-wrap{overflow-x:auto}.civil-table{width:100%;min-width:940px;border-collapse:collapse}.civil-table th{padding:11px 10px;color:var(--civil-muted);background:#f7f9fc;font-size:12px;font-weight:500;text-align:left;white-space:nowrap}.civil-table td{padding:15px 10px;border-top:1px solid var(--civil-line);font-size:12px;vertical-align:middle}.civil-unit{min-width:250px}.civil-unit strong{display:block;font-size:14px;font-weight:600}.civil-sub{display:block;margin-top:4px;color:var(--civil-muted)}.civil-type{display:inline-flex;padding:4px 8px;border-radius:6px;color:#2467eb;background:#edf4ff;white-space:nowrap}.civil-count{color:var(--civil-blue);font-size:16px;font-weight:600}.civil-deadline{white-space:nowrap}.civil-deadline--urgent{color:#e64545}.civil-deadline--soon{color:#ef7b18}.civil-deadline--expired{color:#9aa6b8}.civil-link{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:6px 10px;border-radius:7px;color:var(--civil-blue);background:#edf4ff;text-decoration:none;white-space:nowrap}.civil-empty{padding:70px 20px;text-align:center;color:var(--civil-muted)}
.civil-cards{display:none}.civil-card{margin-bottom:10px;padding:14px;border:1px solid var(--civil-line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,64,118,.05)}.civil-card-top,.civil-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.civil-card-deadline{font-size:12px}.civil-card-unit{display:flex;align-items:flex-start;gap:10px;margin-top:13px}.civil-card-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:10px;color:var(--civil-blue);background:#edf4ff}.civil-card-unit strong{display:block;font-size:15px;font-weight:600}.civil-card-location{display:block;margin-top:4px;color:var(--civil-muted);font-size:12px}.civil-card-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:13px}.civil-card-fact{display:flex;align-items:center;gap:5px;color:var(--civil-muted);font-size:12px}.civil-card-footer{margin-top:13px;padding-top:11px;border-top:1px solid var(--civil-line);color:var(--civil-muted);font-size:11px}.civil-card-link{display:flex;min-height:44px;align-items:center;justify-content:center;gap:6px;margin-top:11px;border-radius:9px;color:#fff;background:var(--civil-blue);text-decoration:none}.civil-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:18px}.civil-pagination a,.civil-pagination span{display:grid;min-width:34px;height:34px;place-items:center;border:1px solid var(--civil-line);border-radius:7px;color:var(--civil-muted);text-decoration:none}.civil-pagination .is-current{border-color:var(--civil-blue);color:#fff;background:var(--civil-blue)}
@media(max-width:1023px){.civil-main{padding:10px}.civil-hero{padding:17px 14px 0;border-radius:15px}.civil-hero-inner{display:block}.civil-hero h1{font-size:23px}.civil-stats{grid-template-columns:repeat(2,1fr);margin-top:15px}.civil-stat{min-height:64px}.civil-search{margin-top:13px}.civil-search button{display:none}.civil-notice{margin:14px -14px 0;padding:0 14px}.civil-filter{display:none}.civil-mobile-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;padding:9px;border-radius:14px;background:#fff}.civil-mobile-filter select{width:100%;min-height:44px;padding:0 5px;border:1px solid var(--civil-line);border-radius:9px;outline:0;color:var(--civil-text);background:#f8fafc;font-size:12px}.civil-results{overflow:visible;background:transparent;box-shadow:none}.civil-results-head{min-height:48px;padding:0 3px}.civil-table-wrap{display:none}.civil-cards{display:block}.civil-pagination{padding-top:8px}.civil-pagination a,.civil-pagination span{min-width:40px;height:40px}}
@media(max-width:380px){.civil-mobile-filter{grid-template-columns:repeat(2,1fr)}.civil-notice span:last-child{display:none}.civil-stat strong{font-size:18px}}

.civil-stat strong,.civil-total strong{font-variant-numeric:tabular-nums}.civil-notice a,.civil-notice button{border:0;color:#ef7b18;background:transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.civil-link--locked{color:#7b8799;background:#f1f4f8}.civil-card-link--locked{color:#52657b;background:#eef2f7}.civil-results{scroll-margin-top:12px}
.civil-link[data-civil-job-id]{color:#2467eb;background:#edf4ff}.civil-card-link[data-civil-job-id]{color:#fff;background:#2467eb}
.civil-reset{display:inline-flex;min-height:34px;align-items:center;padding:6px 14px;border:1px solid #8bb2ff;border-radius:8px;color:#1762e8;background:#edf4ff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 2px 7px rgba(36,103,235,.1)}.civil-reset:hover{border-color:var(--civil-blue);color:#fff;background:var(--civil-blue)}
.civil-reset--inline{min-height:30px;margin-left:4px;padding:5px 11px;border-color:#c4d6f5;border-radius:7px;color:#567092;background:#fff;box-shadow:none;font-size:12px}.civil-reset--inline:hover{border-color:#8bb2ff;color:#1762e8;background:#edf4ff}.civil-reset--inline.is-disabled{opacity:.48;pointer-events:none}
.civil-page-summary{width:auto!important;padding:0 8px;border:0!important;color:var(--civil-muted)}
.civil-page-mobile-only{display:none!important}
@media(max-width:1023px){
  .civil-main{padding:8px 10px 18px}.civil-hero{padding:12px 12px 0;border-radius:13px}.civil-live{gap:6px;font-size:11px}.civil-live-dot{width:7px;height:7px;box-shadow:0 0 0 4px rgba(88,229,157,.15)}.civil-hero h1{margin:5px 0 2px;font-size:20px;line-height:1.3}.civil-hero-desc{font-size:11px}.civil-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px}.civil-stat{min-height:48px;border-radius:8px}.civil-stat strong{font-size:15px;line-height:1.1}.civil-stat span{margin-top:3px;font-size:9px;white-space:nowrap}.civil-search{gap:7px;margin-top:10px;padding:0 5px 0 11px;border-radius:9px}.civil-search input{min-height:40px;font-size:13px}.civil-notice{min-height:34px;margin:10px -12px 0;padding:0 12px;font-size:10px}.civil-notice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.civil-mobile-filter{gap:6px;margin-top:8px;padding:7px;border-radius:12px}.civil-mobile-filter select{min-height:40px;border-radius:8px}.civil-mobile-reset{display:flex;min-height:34px;grid-column:1/-1;align-items:center;justify-content:center;gap:6px;border:1px solid #a9c6ff;border-radius:8px;color:var(--civil-blue);background:#f1f6ff;font-size:12px;font-weight:600;text-decoration:none}.civil-results{margin-top:8px}.civil-results-head{min-height:44px}.civil-card{margin-bottom:8px;padding:12px;border-radius:12px}.civil-card-unit{margin-top:10px}.civil-card-facts{margin-top:10px}.civil-card-footer{margin-top:10px;padding-top:9px}.civil-card-link{min-height:41px}.civil-pagination{flex-wrap:wrap}.civil-page-summary{flex-basis:100%;height:24px!important}.civil-page-wide,.civil-page-desktop-extra{display:none!important}.civil-page-mobile-only{display:grid!important}
}
@media(max-width:380px){.civil-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.civil-stat{min-height:43px}.civil-hero-desc{display:none}.civil-notice span{max-width:55%}.civil-mobile-filter{grid-template-columns:repeat(2,1fr)}}
.civil-deadline{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;color:#17825e;background:#eaf8f3;white-space:nowrap}.civil-deadline--urgent{color:#dc3f46;background:#fff0f1}.civil-deadline--soon{color:#d96d0b;background:#fff4e8}.civil-deadline--expired{color:#8793a6;background:#f1f3f6}.civil-deadline--pending{color:#6d63a8;background:#f2f0fb}

/* 公考标记：PC 表格、移动卡片共用同一记录状态。 */
.civil-results-head{gap:15px;flex-wrap:wrap}.civil-record-shortcut{margin-left:4px;color:#2467eb;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.civil-record-shortcut:hover{text-decoration:underline}.civil-mark-setup{margin:0;padding:9px 18px;color:#995f12;background:#fff6e5;font-size:12px}.civil-mark-select,.civil-mark-login,.civil-mark-unavailable{display:inline-flex;min-height:34px;max-width:112px;align-items:center;padding:6px 9px;border:1px solid #b8cef1;border-radius:7px;color:#2467eb;background:#f5f9ff;font-size:12px;font-weight:600;white-space:nowrap}.civil-mark-login{gap:5px;cursor:pointer}.civil-mark-unavailable{color:#8793a6;border-color:#e1e5ec;background:#f6f7f9}.civil-mark-select:focus{outline:2px solid #91b9ff;outline-offset:2px}.civil-table th:last-child,.civil-table td:last-child{min-width:115px}.civil-card-actions{display:flex;align-items:stretch;gap:8px;margin-top:9px}.civil-card-actions .civil-card-link{min-width:0;flex:1;margin-top:0}.civil-card-actions .civil-mark-select,.civil-card-actions .civil-mark-login{min-height:41px;max-width:112px;flex:0 0 auto;justify-content:center}.civil-card-actions .civil-mark-unavailable{white-space:normal}
.civil-table th:last-child,.civil-table td:last-child{width:126px;min-width:126px;padding-right:14px;padding-left:14px}.civil-mark-menu{display:flex;width:112px;min-width:112px}.civil-mark-trigger{width:112px;min-width:112px;max-width:none;box-sizing:border-box}.civil-mark-menu .civil-mark-select{width:112px;min-width:112px;max-width:none;box-sizing:border-box}
.civil-mark-feedback{margin:0;padding:9px 18px;color:#17644e;background:#ecf9f2;font-size:12px}.civil-mark-feedback[hidden]{display:none}
@media(max-width:1023px){.civil-record-shortcut{font-size:11px}.civil-results-head{justify-content:space-between}.civil-total{margin-right:auto}}
@media(max-width:380px){.civil-card-actions .civil-mark-select,.civil-card-actions .civil-mark-login,.civil-card-actions .civil-mark-trigger{width:96px;min-width:96px;max-width:96px;padding:5px;font-size:11px}.civil-card-actions .civil-mark-menu{width:96px;min-width:96px}}

/* 标记列使用固定栅格，避免状态文字长度改变按钮位置。 */
.civil-table th.civil-mark-cell,.civil-table td.civil-mark-cell{width:144px;min-width:144px;padding-right:16px;padding-left:16px;text-align:center}
.civil-table td.civil-mark-cell>.civil-mark-menu,.civil-table td.civil-mark-cell>.civil-mark-login,.civil-table td.civil-mark-cell>.civil-mark-unavailable{width:112px;min-width:112px;margin-right:auto;margin-left:auto;justify-content:center}
.civil-table td.civil-mark-cell>.civil-mark-menu{display:flex}
.civil-table td.civil-mark-cell .civil-mark-trigger{width:112px;min-width:112px;max-width:112px;justify-content:center}
.civil-table td.civil-mark-cell .civil-mark-select{width:112px;min-width:112px;max-width:112px}

/* PC 公考页与校招页统一内容宽度、字号和高密度表格节奏。 */
@media(min-width:1024px){
  .civil-main{width:calc(100% - 96px);max-width:1900px;margin-right:auto;margin-left:auto;padding:18px 0 28px}
  .civil-filter{padding:15px 18px}
  .civil-filter-title{font-size:14px}
  .civil-filter-label,.civil-option{font-size:13px}
  .civil-results-head{min-height:58px;padding-right:18px;padding-left:18px}
  .civil-table-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-color:#82aef5 #e8f0fa;scrollbar-width:auto}
  .civil-table-wrap::-webkit-scrollbar{height:13px}
  .civil-table-wrap::-webkit-scrollbar-track{border-top:1px solid #d8e4f1;background:#eaf1fa}
  .civil-table-wrap::-webkit-scrollbar-thumb{border:3px solid #eaf1fa;border-radius:10px;background:#83aff4}
  .civil-table{width:100%;min-width:1500px;table-layout:fixed}
  .civil-table th{height:46px;padding:0 8px;color:#667891;font-size:14px;font-weight:600;line-height:1.35;text-align:center;white-space:normal}
  .civil-table td{height:94px;padding:10px 8px;font-size:14px;line-height:1.55;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .civil-table th:nth-child(1),.civil-table td:nth-child(1){width:8%}
  .civil-table th:nth-child(2),.civil-table td:nth-child(2){width:25%;text-align:left}
  .civil-table th:nth-child(3),.civil-table td:nth-child(3){width:8%}
  .civil-table th:nth-child(4),.civil-table td:nth-child(4){width:6%}
  .civil-table th:nth-child(5),.civil-table td:nth-child(5){width:6%}
  .civil-table th:nth-child(6),.civil-table td:nth-child(6){width:8%}
  .civil-table th:nth-child(7),.civil-table td:nth-child(7){width:10%}
  .civil-table th:nth-child(8),.civil-table td:nth-child(8){width:11%}
  .civil-table th:nth-child(9),.civil-table td:nth-child(9){width:8%}
  .civil-table th:nth-child(10),.civil-table td:nth-child(10){width:10%;min-width:0}
  .civil-unit{min-width:0}
  .civil-unit strong{display:block;max-height:64px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font-size:15px;font-weight:700;line-height:1.45;white-space:normal;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#9bbcf0 #edf3fa}
  .civil-unit strong::-webkit-scrollbar{width:5px}
  .civil-unit strong::-webkit-scrollbar-thumb{border-radius:5px;background:#9bbcf0}
  .civil-sub{margin-top:5px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  .civil-type{justify-content:center;text-align:center}
  .civil-count{font-size:15px;line-height:1.35;white-space:normal}
  .civil-deadline{justify-content:center;white-space:normal;text-align:center}
  .civil-link{justify-content:center;padding-right:8px;padding-left:8px;white-space:normal;text-align:center}
  .civil-table th.civil-mark-cell,.civil-table td.civil-mark-cell{padding-right:8px;padding-left:8px}
}

/* PC 招聘类型标签完整复用移动端的分类配色与尺寸。 */
@media(min-width:1024px){
  .civil-type{display:inline-flex;max-width:100%;min-height:21px;align-items:center;padding:2px 5px;color:#fff;font-size:11px;font-weight:650;line-height:17px;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:4px;vertical-align:top}
  .civil-type.civil-category--government{background:#2563d9}
  .civil-type.civil-category--institution{background:#11845a}
  .civil-type.civil-category--teacher{background:#cf425c}
  .civil-type.civil-category--medical{background:#087f8c}
  .civil-type.civil-category--college{background:#6d55c7}
  .civil-type.civil-category--talent{background:#bb3f86}
  .civil-type.civil-category--research{background:#4459c7}
  .civil-type.civil-category--grassroots{background:#a85d06}
  .civil-type.civil-category--general{background:#64748b}
}

/* 移动端公考卡片直接沿用校招高密度卡片的排版逻辑。 */
@media(max-width:1023px){
  .civil-page{background:#f3f6fb}
  .civil-cards{display:grid;gap:9px}
  .civil-card{position:relative;min-height:154px;margin:0;padding:0;overflow:hidden;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 7px rgba(25,35,50,.045)}
  .civil-reference-card{position:relative;display:block;min-height:154px;padding:11px 74px 11px 12px}
  .civil-reference-card__title-row{display:block;min-width:0;min-height:22px;line-height:22px}
  .civil-reference-card__type{display:inline-flex;max-width:100%;min-height:21px;align-items:center;padding:2px 5px;color:#fff;background:#3d79db;font-size:11px;font-weight:650;line-height:17px;white-space:normal;overflow-wrap:anywhere;border-radius:4px;vertical-align:top}
  .civil-reference-card__type.civil-category--government{background:#2563d9}
  .civil-reference-card__type.civil-category--institution{background:#11845a}
  .civil-reference-card__type.civil-category--teacher{background:#cf425c}
  .civil-reference-card__type.civil-category--medical{background:#087f8c}
  .civil-reference-card__type.civil-category--college{background:#6d55c7}
  .civil-reference-card__type.civil-category--talent{background:#bb3f86}
  .civil-reference-card__type.civil-category--research{background:#4459c7}
  .civil-reference-card__type.civil-category--grassroots{background:#a85d06}
  .civil-reference-card__type.civil-category--general{background:#64748b}
  .civil-reference-card__title{display:inline;color:#151b25;font-size:15px;font-weight:750;line-height:22px;white-space:normal;overflow-wrap:anywhere}
  .civil-reference-card__subtitle{width:100%;margin-top:2px;color:#5f6269;font-size:12px;line-height:18px;white-space:normal;overflow-wrap:anywhere}
  .civil-reference-card__tags{display:flex;flex-wrap:wrap;gap:3px 6px;margin-top:3px;overflow:visible;white-space:normal}
  .civil-reference-card__tags span{max-width:100%;padding:1px 6px;color:#676b73;background:#f4f5f7;font-size:10.5px;line-height:17px;white-space:normal;overflow-wrap:anywhere;border-radius:3px}
  .civil-reference-card__meta{display:flex;width:calc(100% + 62px);flex-wrap:wrap;gap:2px 10px;margin-top:4px;padding:0 66px 0 5px;color:#72767d;background:#f5f6f7;font-size:10.5px;line-height:17px;white-space:normal;border-radius:3px}
  .civil-reference-card__meta span{min-width:0;overflow-wrap:anywhere}
  .civil-reference-card__meta i{margin-right:4px;color:#778ca8;font-size:10px}
  .civil-reference-card__meta .civil-reference-card__count{color:#2367d8;font-size:11.5px;font-weight:750}
  .civil-reference-card__meta .civil-reference-card__count i{color:#2367d8}
  .civil-reference-card__icon{position:absolute;top:11px;right:10px;display:flex;width:54px;height:54px;align-items:center;justify-content:center;color:#2c73df;border:1px solid #dde8f6;border-radius:11px;background:#edf5ff;box-shadow:0 1px 4px rgba(28,37,51,.06);font-size:23px}
  .civil-reference-card__updated{position:absolute;top:70px;right:10px;padding:0 5px;color:#4e8fd8;background:#f2f7ff;font-size:10.5px;font-weight:600;line-height:20px;border-radius:3px}
  .civil-reference-card__footer{display:flex;width:calc(100% + 62px);align-items:flex-end;gap:7px;margin-top:10px;color:#878b92;font-size:11px;line-height:28px}
  .civil-reference-card__deadline{min-width:0;flex:1;color:#878b92!important;background:transparent!important;padding:0!important;font-size:11px;line-height:18px;white-space:normal;overflow-wrap:anywhere}
  .civil-reference-card__deadline.civil-deadline--urgent,.civil-reference-card__deadline.civil-deadline--soon{color:#d87517!important}
  .civil-reference-card__deadline.civil-deadline--expired{color:#9aa2ad!important}
  .civil-card-actions{display:flex;width:auto;min-width:0;flex:0 0 auto;align-items:center;gap:6px;margin:0}
  .civil-card-actions .civil-card-link{display:inline-flex;height:28px;min-height:28px;min-width:0;align-items:center;justify-content:center;gap:5px;margin:0;padding:0 10px;color:#2367f2!important;border:1px solid #2367f2;border-radius:999px;background:#fff!important;box-shadow:none;font-size:11px;font-weight:650;line-height:1;white-space:nowrap}
  .civil-card-actions .civil-card-link i{font-size:11px}
  .civil-card-actions .civil-mark-menu,.civil-card-actions .civil-mark-trigger{width:82px!important;min-width:82px!important;max-width:82px!important}
  .civil-card-actions .civil-mark-trigger{--civil-status-color:#fff;--civil-status-border:#2367f2;--civil-status-bg:#2367f2;height:28px;min-height:28px;padding:0 6px;justify-content:center;gap:5px;color:#fff!important;border-radius:999px;background:linear-gradient(135deg,var(--civil-status-start,#2367f2),var(--civil-status-end,#3979ef))!important;box-shadow:0 4px 10px var(--civil-status-shadow,rgba(35,103,242,.20));font-size:11px;font-weight:650;line-height:1;overflow:hidden}
  .civil-card-actions .civil-mark-trigger::before{flex:0 0 auto;content:"★";font-size:11px;line-height:1}
  .civil-card-actions .civil-mark-trigger i{display:none}
  .civil-card-actions .civil-mark-trigger.civil-status-暂无{--civil-status-start:#64748b;--civil-status-end:#94a3b8;--civil-status-shadow:rgba(100,116,139,.22)}
  .civil-card-actions .civil-mark-trigger.civil-status-待投递{--civil-status-start:#1677ff;--civil-status-end:#3b82f6;--civil-status-shadow:rgba(22,119,255,.24)}
  .civil-card-actions .civil-mark-trigger.civil-status-已投递{--civil-status-start:#159447;--civil-status-end:#22b861;--civil-status-shadow:rgba(21,148,71,.23)}
  .civil-card-actions .civil-mark-trigger.civil-status-待笔试{--civil-status-start:#d98200;--civil-status-end:#f0a51a;--civil-status-shadow:rgba(217,130,0,.24)}
  .civil-card-actions .civil-mark-trigger.civil-status-已笔试{--civil-status-start:#078a9a;--civil-status-end:#16b7c9;--civil-status-shadow:rgba(7,138,154,.23)}
  .civil-card-actions .civil-mark-trigger.civil-status-待面试{--civil-status-start:#7040c8;--civil-status-end:#8b5be2;--civil-status-shadow:rgba(112,64,200,.23)}
  .civil-card-actions .civil-mark-trigger.civil-status-一面,.civil-card-actions .civil-mark-trigger.civil-status-二面,.civil-card-actions .civil-mark-trigger.civil-status-三面{--civil-status-start:#c93f86;--civil-status-end:#e4569d;--civil-status-shadow:rgba(201,63,134,.23)}
  .civil-card-actions .civil-mark-trigger.civil-status-已Offer{--civil-status-start:#07865d;--civil-status-end:#20ad78;--civil-status-shadow:rgba(7,134,93,.23)}
  .civil-card-actions .civil-mark-trigger.civil-status-未通过{--civil-status-start:#d64444;--civil-status-end:#ed6262;--civil-status-shadow:rgba(214,68,68,.23)}
  .civil-card-actions .civil-mark-login,.civil-card-actions .civil-mark-unavailable{display:inline-flex;width:82px;min-width:82px;max-width:82px;height:28px;min-height:28px;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid #2367f2;border-radius:999px;color:#fff;background:linear-gradient(135deg,#2367f2,#3979ef);font-size:11px;font-weight:650;line-height:1;white-space:nowrap;overflow:hidden}
  .civil-card-actions .civil-mark-login i{display:none}
  .civil-card-actions .civil-mark-login::before{content:"★";font-size:11px}
  .civil-card-actions .civil-mark-unavailable{color:#7b8798;border-color:#d7dee8;background:#f3f5f8;font-size:9px}
}
@media(max-width:360px){
  .civil-reference-card{padding-left:10px}
  .civil-card-actions{gap:4px}
  .civil-card-actions .civil-card-link{padding-right:7px;padding-left:7px}
}

/* Desktop hero matches the school recruitment hero (about 187px including the notice row). */
@media(min-width:1024px){.civil-hero{padding-top:14px}.civil-search{margin-top:10px}.civil-search input{min-height:42px}.civil-notice{min-height:37px;margin-top:8px}}