/* ==========================================================================
   score-official.css —— 成绩查询页（acScore）样式复刻
   数值全部取自官网线上 CSS，未做主观改动：
     · css_main.css                      （全局 el-form / el-select / el-alert）
     · css_chunk-5a7ceb8a.3e5e495f.css   （.ouma1 / .option1 / .fillBlock 作用域）
     · element-ui.css 2.15.6             （label / cell / button 基础）
   依赖：需与 account-official.css 同时引入（骨架 .c-top/.el-main/.el-table 等在其内）。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 成绩卡内的提示条 el-alert
   官网（css_main.css）声明了两次 --warning，后者覆盖前者，故默认是蓝色；
   但成绩页的 .ouma1 作用域内（chunk css 第 95 行）又把 --warning 改回黄色，
   且截图里就是黄色，因此这里按 .ouma1 作用域写黄色版本。
   -------------------------------------------------------------------------- */
.ouma1 .el-alert {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  margin: 10px 0;
  position: relative;
  transition: opacity .2s;
}
.ouma1 .el-alert--warning {
  border: 1px solid #FFE58F;
  line-height: 1em;
  background: #FFFBE6;
  vertical-align: top;
}
.ouma1 .el-alert__content {
  flex: 1;
  padding: 0 8px 0 0;
  min-width: 0;
}
.ouma1 .el-alert__title {
  font-size: 13px;
  line-height: 18px;
  color: #606266;
  display: block;
}
/* 官网：.ouma1 .el-alert p{margin:0} */
.ouma1 .el-alert p { margin: 0 }

/* 正文段落（官网 title 为空，正文直接写在 default slot 里）
   官网：.ouma1 .el-alert__description{font-size:.9rem!important;line-height:1.7em!important}
   且 .el-alert__description{text-align:left;vertical-align:top;color:#606266} */
.ouma1 .el-alert__description {
  font-size: .9rem !important;
  line-height: 1.7em !important;
  text-align: left;
  vertical-align: top;
  color: #606266;
}
/* 行内高亮 b{color:red}（官网 staticStyle 写死） */
.ouma1 .el-alert__description b,
.ouma1 .el-alert b { color: red; font-weight: bold }
/* el-alert 的默认一行缩进（官网 render 里 "提示：" 后有 <br>，正文自然换行） */
.ouma1 .el-alert__description .alert-hint { display: block }

/* --------------------------------------------------------------------------
   2. 表单区 el-form + .fillBlock（三个下拉 + 查询按钮）
   官网 markup：
     el-form[label-position] > div.option1 > span
                             > div.fillBlock
                                 > el-form-item(style="width:300px") ×3
                                 > el-form-item(style="width:200px") 包 el-button
   官网 main.css：
     .el-form-item{margin-bottom:12px!important;display:block!important;float:left!important}
     .el-form-item__content{line-height:30px!important;margin-left:0!important;clear:both}
     .el-select{width:100%!important}
   -------------------------------------------------------------------------- */
/* .fillBlock{margin-left:5px}（page/chunk css 均为此值）
   容器内是 inline-block 的 el-form-item，HTML 源码里的换行空白会额外产生
   约 4.7px 间隙（实测 300+10 却得到 314.7）。官网模板由 Vue 渲染、无空白节点，
   故此处用 font-size:0 消除，间距严格回到 300 + 10 = 310。 */
.fillBlock { margin-left: 5px; font-size: 0 }
.fillBlock::after { content: ''; display: block; clear: both }
/* font-size:0 会被子元素继承，需显式复原 */
.fillBlock .el-form-item,
.fillBlock .el-form-item__label,
.fillBlock .el-form-item__content,
.fillBlock .el-select,
.fillBlock .el-input,
.fillBlock .el-input__inner,
.fillBlock .el-button { font-size: 14px }
.fillBlock .el-input__inner { font-size: 13px }
.fillBlock .el-button--small { font-size: 12px }

/* el-form-item：宽度靠行内 style 给定（300/300/300/200）。
   element-ui.css 基础规则为 .el-form-item{display:inline-block;margin-right:10px}，
   官网成绩页正是这一形态（不是 main.css 里 .register-form 的 float:left）。

   原版截图实测（raw px，卡片内框左 209）：
     下拉边框左沿 = 292 / 602 / 901  ⇒ 相邻间距 310 / 299 ≈ 300 + 10(margin-right)
     ⇒ 印证 display:inline-block + width:300px + margin-right:10px
     下拉宽 = 220px（292..511）⇒ 标签占位 = 300 − 220 = 80px

   内部为「标签在左 + 控件在右」同一行，用 flex 精确复现。 */
.ouma1 .el-form-item,
.fillBlock .el-form-item {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  float: none !important;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 12px !important;
  box-sizing: border-box;
  padding: 0;
}
.ouma1 .el-form-item { margin-bottom: 0 }

/* label：官网 .ouma1 .el-form-item__label{font-weight:700;color:#606266;line-height:30px}
   原版实测标签占位 80px（含右留白），下拉因此为 220px。
   截图中标签为右对齐、与下拉垂直居中。 */
.fillBlock .el-form-item__label,
.ouma1 .fillBlock .el-form-item__label {
  font-weight: 700;
  color: #606266;
  line-height: 30px;
  font-size: 14px;
  float: none;
  display: block;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  text-align: right;
  white-space: nowrap;
  width: 80px;
  flex: 0 0 80px;
}
/* 内容区：官网 line-height:30px!important / margin-left:0!important
   这里去掉 clear（flex 布局下 clear 无效，但保留统一） */
.fillBlock .el-form-item__content,
.ouma1 .fillBlock .el-form-item__content {
  line-height: 30px !important;
  margin-left: 0 !important;
  position: relative;
  font-size: 14px;
  min-width: 0;
  flex: 1 1 auto;
  clear: none;
  overflow: visible;
}

/* 下拉宽度：官网 .el-select{width:100%!important} ⇒ 撑满 form-item 剩余宽度。
   截图实测下拉宽 ≈ 268px（form-item 300px - 标签右侧留白）。 */
.fillBlock .el-select { width: 100% !important; display: inline-block; position: relative }
.fillBlock .el-select .el-input { width: 100% }
.fillBlock .el-select .el-input__inner {
  height: 32px;
  line-height: 32px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  background: #fff;
  color: #606266;
  font-size: 13px;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  outline: none;
  width: 100%;
  cursor: pointer;
  transition: border-color .2s;
}
.fillBlock .el-select .el-input__inner::placeholder { color: #C0C4CC }
.fillBlock .el-select .el-input__inner:focus { border-color: #409EFF }
/* el-select--small ⇒ 输入框高 32px */
.fillBlock .el-select--small .el-input__inner { height: 32px; line-height: 32px }

/* ---------- el-select 浮层（下拉面板）----------
   官网 el-select 点开后渲染的是 .el-select-dropdown 浮层，不依赖原生 <select>。
   以下数值逐条取自 element-ui 2.15.6 原版主题（element-ui.css）：

     .el-select-dropdown{
       position:absolute; z-index:1001; border:1px solid #E4E7ED; border-radius:4px;
       background-color:#FFF; box-shadow:0 2px 12px 0 rgba(0,0,0,.1); margin:5px 0 }
     .el-select-dropdown__list{ list-style:none; padding:6px 0; margin:0; box-sizing:border-box }
     .el-select-dropdown__wrap{ max-height:274px }
     .el-select-dropdown__item{
       font-size:14px; padding:0 20px; position:relative; white-space:nowrap;
       overflow:hidden; text-overflow:ellipsis; color:#606266;
       height:34px; line-height:34px; box-sizing:border-box; cursor:pointer }
     .el-select-dropdown__item.hover,
     .el-select-dropdown__item:hover{ background-color:#F5F7FA }
     .el-select-dropdown__item.selected{ color:#409EFF; font-weight:700 }

   注意：官网浮层是 append 到 body 的（position:fixed 定位），
   这里为纯静态页，改为挂在下拉容器内用 absolute 定位，视觉一致。 */
.fillBlock .el-select-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 1px);
  z-index: 1001;
  border: 1px solid #E4E7ED;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  margin: 5px 0;
  display: none;
  text-align: left;
}
.fillBlock .el-select-dropdown.is-open { display: block }
.fillBlock .el-select-dropdown__wrap { max-height: 274px; overflow-y: auto; overflow-x: hidden }
.fillBlock .el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.fillBlock .el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.fillBlock .el-select-dropdown__item.hover,
.fillBlock .el-select-dropdown__item:hover { background-color: #F5F7FA }
.fillBlock .el-select-dropdown__item.selected { color: #409EFF; font-weight: 700 }
/* 选中项右侧打勾 —— 官网 .el-select-dropdown__item.selected::after
   { right:20px; font-family:element-icons; content:"\e6da"; font-size:12px; font-weight:700 } */
.fillBlock .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: element-icons;
  content: "\e6da";
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 输入框聚焦态（官网 .el-input.is-focus / :focus 时边框变蓝） */
.fillBlock .el-select .el-input__inner.is-focus,
.fillBlock .el-select .el-input__inner:focus { border-color: #409EFF }

/* 原 .native-select-hidden 规则已废弃 —— 下拉已改为纯手写浮层，
   页面中不再存在原生 <select>。 */

/* 下拉箭头 el-select 的 suffix icon */
.fillBlock .el-select .el-input__suffix {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: #C0C4CC;
}
.fillBlock .el-select .el-input__suffix i { font-size: 13px; line-height: 1 }

/* 查询按钮：官网 el-button size=small type=primary */
.fillBlock .el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
  height: 32px;
  line-height: 1;
  box-sizing: border-box;
}
.fillBlock .el-button--primary {
  color: #FFF;
  background-color: #409EFF;
  border: 1px solid #409EFF;
}
.fillBlock .el-button--primary:hover,
.fillBlock .el-button--primary:focus {
  background: #66b1FF;
  border-color: #66b1FF;
  color: #FFF;
}

/* --------------------------------------------------------------------------
   3. 结果表格 el-row.ouma1 + el-table--border
   官网 markup：
     el-row.ouma1(style="margin:30px auto")
       el-table(style="width:100%" border)
         el-table-column ×8（min-width / width 见 html colgroup）
   关键：官网 el-table 内部就是 table-layout:fixed + colgroup，
   所以表头与表体天然同宽。这里显式给出 colgroup 宽度保证一致。
   -------------------------------------------------------------------------- */
.ouma1 { display: block }
/* 表格外层 el-row 的 inline margin:30px auto 由 html 内联样式给出 */
.ouma1 > .el-table { margin-left: auto; margin-right: auto }

/* el-table 单元格：官网 .el-table .el-table__cell{padding:12px 0}
   但 .ouma1 内被 3px 覆盖 ⇒ 表头/表体行高均为 3+23+3=29px。 */
.ouma1 .el-table .el-table__cell { padding: 3px 0 !important }
.ouma1 .el-table th { background: #F2F2F2 }

/* 表格列宽：colgroup 给宽度，table-layout:fixed 生效 ⇒ th / td 一一对应。
   官网各列 min-width/width：
     考试年度 min-width:100   姓名 min-width:120   身份证号 min-width:150
     准考证号 min-width:150   报考级别 width:120    报考省份 min-width:120
     经济法基础 width:120     初级会计实务 width:120
   8 列 min-width 合计 = 100+120+150+150+120+120+120+120 = 1000；
   容器可用宽 ≈ 1260 - 2*16(pd1rem) - 2 ≈ 1226，
   多出的 226px 由 element-ui 按 min-width 比例分配到各 min-width 列
   ⇒ 实测列宽约 145/174/218/218/120/175/120/120（见校验报告）。 */
.ouma1 .el-table__header-wrapper,
.ouma1 .el-table__body-wrapper { width: 100% }

/* 列内容：官网每个 el-table-column 都带 show-overflow-tooltip，
   element-ui 因此给单元格加 .cell{white-space:nowrap;text-overflow:ellipsis}，
   长身份证号（18 位）不会折行，而是在列宽不足时省略号截断。
   account-official.css 里是 white-space:normal + word-break:break-all（会计职称页无此属性），
   此处按成绩页原版覆盖为 nowrap。 */
.ouma1 .el-table .cell {
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 23px;
  padding-left: 6px;
  padding-right: 6px;
}
/* 空数据行仍居中、不省略 */
.ouma1 .el-table td.el-table__cell.is-empty .cell {
  white-space: normal;
  text-overflow: clip;
}

/* 身份证号列（第 3 列）内容为 18 位数字，150px 列宽在「微软雅黑」下差几像素放不下。
   原版截图该列文字几乎顶满两侧（左内缩 13px、右内缩 2px），且字形为窄体数字，
   故此处去掉该列左右内边距，把整列 150px 都留给数字，与原版一致不折行、不省略。 */
.ouma1 .el-table th.el-table__cell:nth-child(3) .cell,
.ouma1 .el-table td.el-table__cell:nth-child(3) .cell {
  padding-left: 0;
  padding-right: 0;
}

/* 表头与表体文字水平居中（截图实测） */
.ouma1 .el-table th.el-table__cell .cell,
.ouma1 .el-table td.el-table__cell .cell { text-align: center }

/* 表头文字：官网默认 inherit 600? 实测字重 bold、颜色 #303133 */
.ouma1 .el-table th.el-table__cell { font-weight: 700; color: #303133 }

/* 空数据行（.is-empty）沿用 account-official.css 的 59px 高 */

/* --------------------------------------------------------------------------
   4. 页面主体内边距
   官网成绩页主容器：.pclayout > .el-row > .el-col.whitebg.ouma1.pd1rem
   （pd1rem = padding:1rem!important，已在 account-official.css 定义）
   截图未发现额外 .pcbigpd 内边距，故不再叠加。
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   5. 窄屏（对齐官网 @media 分支）
   官网成绩页在窄屏下只改 .homelink / .c-top（见 account-official.css），
   表单区仍是「三个 300px 下拉 + 200px 按钮」同一行 —— 截图（1234px）即为该形态。
   故此处不再改写 .el-form-item 的宽度与浮动，仅在极窄屏让下拉换行。
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .fillBlock .el-form-item { float: none !important; width: 100% !important }
  .fillBlock .el-form-item__label { display: block; float: none; text-align: left; padding: 0 0 6px }
  .fillBlock .el-form-item__content { clear: both }
}