/**
 * 驾考后台 —— 全局字号加大 + 表格/搜索可读性
 */
:root {
  --jk-accent: #1e9fff;
  --jk-ok: #0a7;
  --jk-warn: #e6a23c;
  --jk-danger: #c00;
  --jk-text: #243447;
  --jk-muted: #7a869a;
  --jk-line: #e8eef4;
  --jk-radius: 10px;
  /* 管理端中文 UI：勿把 Uighur 放首位，否则行框虚高、字显小 */
  --jk-ui-font: "Segoe UI", "Microsoft YaHei", "PingFang SC", Tahoma, sans-serif;
  /* 仅题目/维文内容区使用（含网页字体 JiaKao UG） */
  --jk-ug-font: "JiaKao UG", "UKIJ Tuz Tom", "Microsoft Uighur", "UKIJ Tor", "Segoe UI", "Microsoft YaHei", Tahoma, sans-serif;
  --jk-font: var(--jk-ug-font);
  --jk-fs: 15px;
  --jk-fs-sm: 14px;
  --jk-fs-lg: 16px;
  --jk-fs-title: 17px;
  --jk-menu-h: 40px;
  --jk-menu-fs: 15px;
}

html, body,
.layui-layout-body,
.jk-page {
  font-family: var(--jk-ui-font) !important;
  font-size: var(--jk-fs) !important;
  color: var(--jk-text);
  line-height: 1.5;
}

/* 顶栏 */
.layui-header .layui-nav .layui-nav-item > a,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item > a {
  font-family: var(--jk-ui-font) !important;
  font-size: var(--jk-fs-lg) !important;
}

.layui-logo,
.layui-header .layui-logo {
  font-family: var(--jk-ui-font) !important;
  font-size: 17px !important;
}

/* —— 侧栏菜单：字稍大、行高固定，选中框与文字对齐 —— */
.layui-layout > .layui-side,
.layui-layout > .layui-side .layui-side-scroll,
.layui-layout > .layui-side .layui-side-tree,
.layui-layout > .layui-side .layui-nav-tree {
  font-family: var(--jk-ui-font) !important;
}

.layui-layout > .layui-side .layui-side-scroll .layui-nav-item,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-child dd {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: normal !important;
  background: transparent !important;
  overflow: hidden !important;
}

.layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item a,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-child dd > a {
  display: block !important;
  box-sizing: border-box !important;
  height: var(--jk-menu-h) !important;
  min-height: var(--jk-menu-h) !important;
  max-height: var(--jk-menu-h) !important;
  line-height: var(--jk-menu-h) !important;
  padding: 0 15px !important;
  margin: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-family: var(--jk-ui-font) !important;
  font-size: var(--jk-menu-fs) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
}

.layui-layout > .layui-side .layui-side-scroll .layui-nav-item a cite,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item a .nav-text,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-child a cite {
  display: inline !important;
  font-family: var(--jk-ui-font) !important;
  font-size: var(--jk-menu-fs) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: var(--jk-menu-h) !important;
  vertical-align: top !important;
}

.layui-layout > .layui-side .layui-side-scroll .nav-icon,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item a .layui-icon {
  display: inline-block !important;
  width: 22px !important;
  margin-right: 6px !important;
  font-size: 16px !important;
  line-height: var(--jk-menu-h) !important;
  vertical-align: top !important;
  text-align: center !important;
}

.layui-layout > .layui-side .layui-side-scroll .layui-nav-more,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a .layui-nav-more {
  top: 0 !important;
  margin-top: 0 !important;
  height: var(--jk-menu-h) !important;
  line-height: var(--jk-menu-h) !important;
  padding: 0 !important;
}

/* 选中高亮只画在 <a>，li/dd 不铺底色，避免框比字高一截 */
.layui-layout > .layui-side .layui-nav-tree .layui-this,
.layui-layout > .layui-side .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-layout > .layui-side .layui-side-scroll .layui-this,
.layui-layout > .layui-side .layui-side-scroll dd.layui-this {
  background: transparent !important;
  height: auto !important;
  line-height: normal !important;
}

.layui-layout > .layui-side .layui-nav-tree .layui-this > a,
.layui-layout > .layui-side .layui-nav-tree .layui-nav-child dd.layui-this > a,
.layui-layout > .layui-side .layui-side-scroll .layui-this > a,
.layui-layout > .layui-side .layui-side-scroll dd.layui-this > a {
  background-color: #16baaa !important;
  color: #fff !important;
  height: var(--jk-menu-h) !important;
  line-height: var(--jk-menu-h) !important;
}

/* 内容页标题 */
.jk-page .layui-card-header,
.layui-card-header {
  font-size: var(--jk-fs-title) !important;
  font-weight: 600;
  color: var(--jk-text);
}

.jk-page .layui-card-header .layui-icon {
  color: var(--jk-accent) !important;
}

.jk-page .think-box-shadow {
  border: 1px solid var(--jk-line);
  border-radius: var(--jk-radius);
  background: #fff;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 14px 12px;
  overflow: visible !important;
}

/* 搜索区：完整四边边框，底部不被裁切 */
.jk-page fieldset,
.jk-page .jk-search {
  border: 1px solid #d7e2ec !important;
  border-radius: 10px !important;
  padding: 16px 14px 16px !important;
  margin: 0 0 16px 0 !important;
  background: #fafcfe !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  min-height: auto !important;
  display: block !important;
}

.jk-page fieldset legend,
.jk-page .jk-search-legend {
  color: var(--jk-muted);
  font-size: 13px !important;
  padding: 0 8px !important;
  margin-left: 4px !important;
  letter-spacing: 0 !important;
  width: auto !important;
  border: 0 !important;
  line-height: 1.2 !important;
  background: #fafcfe;
}

.jk-page .form-search {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 14px;
  padding-bottom: 2px;
  overflow: visible !important;
}

.jk-page .form-search .layui-form-item {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: stretch;
  float: none !important;
  clear: none !important;
  vertical-align: middle;
  overflow: visible !important;
}

.jk-page .form-search .layui-form-label {
  float: none !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 70px !important;
  max-width: none !important;
  height: 40px !important;
  line-height: 1.2 !important;
  padding: 0 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: #eef3f8 !important;
  color: var(--jk-text) !important;
  border: 1px solid #cfdcea !important;
  border-right: 0 !important;
  border-radius: 8px 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 600;
  white-space: nowrap;
  overflow: visible !important;
  text-align: center !important;
}

.jk-page .form-search .layui-input-inline {
  float: none !important;
  display: inline-block !important;
  width: 160px !important;
  margin: 0 !important;
  vertical-align: top;
  overflow: visible !important;
}

.jk-page .form-search .layui-input,
.jk-page .form-search .layui-select,
.jk-page .form-search .layui-form-select,
.jk-page .form-search .layui-form-select .layui-input {
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  border-radius: 0 8px 8px 0 !important;
  border: 1px solid #cfdcea !important;
  font-size: 14px !important;
  margin: 0 !important;
  background: #fff !important;
}

.jk-page .form-search .layui-form-select dl {
  top: 42px;
  z-index: 1000;
}

.jk-page .form-search .layui-form-item:first-child .layui-input-inline {
  width: 200px !important;
}

.jk-page .form-search .layui-form-item > .layui-btn {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

.jk-page .form-search .layui-input,
.jk-page .form-search .layui-select,
.jk-page .layui-input,
.jk-page .layui-select,
.jk-page .layui-textarea,
.layui-form .layui-input,
.layui-form .layui-select,
.layui-form .layui-textarea {
  font-size: var(--jk-fs) !important;
}

/* 按钮 */
.jk-page .layui-btn,
.layui-btn {
  border-radius: 6px;
  font-size: var(--jk-fs-sm) !important;
}

.jk-page .layui-btn-primary { border-color: #cfe6f8; }
.jk-page .layui-btn-normal { background-color: var(--jk-accent); }

.jk-page .layui-btn-sm,
.layui-btn-sm {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 14px !important;
  font-size: var(--jk-fs-sm) !important;
}

.jk-page .layui-btn-xs,
.layui-btn-xs {
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
}

/* 表格容器撑满；固定布局防止长维文撑破导致操作列飞出 */
.jk-page .layui-card,
.jk-page .layui-card-body,
.jk-page .layui-card-table,
.jk-page .think-box-shadow {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.jk-page .think-box-shadow {
  overflow-x: auto;
}

.jk-page .layui-table-view {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  position: relative !important;
}

.jk-page .layui-table-view .layui-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.jk-page .layui-table-view,
.jk-page .layui-table-box,
.jk-page .layui-table-header,
.jk-page .layui-table-body,
.jk-page .layui-table-main {
  height: auto !important;
  max-height: none !important;
}

/* 若仍生成右侧固定列，强制贴在表格可视区右缘（禁止飞出屏外） */
.jk-page .layui-table-fixed-r {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  height: auto !important;
}

.jk-page .jk-cover {
  height: 36px;
  width: 56px;
  border-radius: 4px;
  object-fit: cover;
  vertical-align: middle;
}

.jk-page .layui-table-page {
  position: relative !important;
  margin-top: 0 !important;
  border-top: 1px solid var(--jk-line);
  background: #fff;
  padding: 10px 12px !important;
  font-size: var(--jk-fs-sm) !important;
}

.jk-page .layui-table-page .layui-laypage a,
.jk-page .layui-table-page .layui-laypage span,
.layui-laypage a,
.layui-laypage span {
  font-size: var(--jk-fs-sm) !important;
}

.jk-page .layui-table-view .layui-table-body {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.jk-page .layui-card-table {
  min-height: 0 !important;
  overflow: visible !important;
}

.jk-page .layui-card-body {
  overflow: visible !important;
}

.jk-page .layui-table-header th,
.layui-table thead tr th {
  background: #f7fafc !important;
  color: var(--jk-text);
  font-weight: 600;
  font-size: var(--jk-fs-sm) !important;
  text-align: center !important;
}

/* 全站表格文字居中；单元格强制裁剪，避免维文溢出叠字 */
.jk-page .layui-table-cell,
.layui-table-cell,
.jk-page .layui-table td,
.jk-page .layui-table th,
.layui-table td,
.layui-table th {
  font-family: var(--jk-font) !important;
  font-size: var(--jk-fs) !important;
  letter-spacing: normal !important;
  unicode-bidi: isolate !important;
  direction: ltr !important;
  text-align: center !important;
  line-height: 1.5 !important;
}

.jk-page .layui-table-cell {
  padding: 8px 10px !important;
  height: auto !important;
  min-height: 42px;
  line-height: 1.5 !important;
  overflow: hidden !important;
  position: relative;
}

.jk-page .layui-table-cell img {
  vertical-align: middle;
  border-radius: 4px;
}

/* 表单标签 */
.jk-page .layui-form-label,
.layui-form-pane .layui-form-label,
.layui-form .layui-form-label {
  font-size: var(--jk-fs-sm) !important;
}

.jk-page .layui-form-radio *,
.jk-page .layui-form-checkbox *,
.layui-form-radio div,
.layui-form-checkbox span {
  font-size: var(--jk-fs-sm) !important;
}

/* 弹层标题 */
.layui-layer-title {
  font-size: var(--jk-fs-lg) !important;
}

.layui-layer-content,
.layui-layer-dialog .layui-layer-content {
  font-size: var(--jk-fs) !important;
}

/* 维文题目：不用 -webkit-box（会拆坏阿拉伯字母连写） */
.jk-q-list .jk-title-cell,
.jk-page .jk-title-cell,
.jk-page .layui-table-cell .jk-title-cell {
  display: block !important;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 4.8em;
  overflow: hidden !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  text-align: right !important;
  white-space: normal !important;
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  font-family: "JiaKao UG", "UKIJ Tuz Tom", "Microsoft Uighur", "Segoe UI", Tahoma, sans-serif !important;
  font-size: 18px !important;
}

.jk-page .jk-q-list .layui-table-cell {
  height: auto !important;
  max-height: 88px;
  white-space: normal !important;
  overflow: hidden !important;
}

.jk-page .jk-q-list .layui-table-cell .jk-title-cell {
  max-height: 4.8em;
}

/* 表单维文输入：字大清晰，框高与字匹配 */
.jk-ug,
.layui-layer-content .jk-ug,
.jk-qform .jk-ug,
.jk-article-form .jk-ug,
.jk-video-form .jk-ug {
  font-family: var(--jk-ug-font) !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  direction: rtl;
  text-align: right;
  letter-spacing: 0 !important;
  unicode-bidi: plaintext;
  -webkit-font-smoothing: antialiased;
}

input.jk-ug.layui-input,
.layui-layer-content input.jk-ug {
  height: 48px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
}

textarea.jk-ug.layui-textarea,
.layui-layer-content textarea.jk-ug {
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

.ck-editor__editable,
.ck-content,
.w-e-text-container [data-slate-editor],
.w-e-text {
  font-family: var(--jk-ug-font) !important;
  font-size: 22px !important;
  line-height: 1.75 !important;
}

.jk-hint {
  display: block;
  margin-top: 6px;
  color: var(--jk-muted);
  font-size: var(--jk-fs-sm);
  line-height: 1.4;
}

.jk-ok { color: var(--jk-ok) !important; font-weight: 600; }
.jk-warn { color: var(--jk-warn) !important; font-weight: 600; }
.jk-danger { color: var(--jk-danger) !important; font-weight: 600; }
.jk-accent { color: var(--jk-accent) !important; font-weight: 600; }

/* 仪表盘 */
.jk-home,
.jk-home .jk-panel-title,
.jk-home .jk-card .l,
.jk-home .jk-card .v,
.jk-home .jk-kpi .n,
.jk-home .jk-kpi .t,
.jk-home .jk-link .t,
.jk-home .jk-link .d {
  font-family: var(--jk-ui-font);
}

.jk-home .jk-panel-title { font-size: 17px !important; }
.jk-home .jk-panel-desc { font-size: 13px !important; }
.jk-home .jk-card .l { font-size: 14px !important; }
.jk-home .jk-card .v { font-size: 28px !important; }
.jk-home .jk-kpi .n { font-size: 24px !important; }
.jk-home .jk-kpi .t { font-size: 13px !important; }
.jk-home .jk-link .t { font-size: 16px !important; }
.jk-home .jk-link .d { font-size: 13px !important; }
