/* =========================================================
   Hong Kong Journal of Sport Humanities and Social Sciences
   OJS Classic Theme · Complete CSS
   Backend Homepage Image + hero01 Slider
   ========================================================= */

:root {
  --hk-blue: #17364f;
  --hk-blue-deep: #10283d;
  --hk-gold: #b88745;
  --hk-gold-deep: #8f642e;
  --hk-brown: #8a5a38;
  --hk-ink: #1d2e3d;
  --hk-muted: rgba(29, 46, 61, .72);
  --hk-line: rgba(23, 54, 79, .16);
  --hk-paper: #efe7d8;
  --hk-paper-light: #f8f2e7;
  --hk-card: rgba(250, 246, 237, .88);
  --hk-max-width: 1320px;
}

html,
body {
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  color: var(--hk-ink) !important;
  font-family: "Noto Serif TC", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", serif !important;
  font-size: 0 !important;
  background-color: var(--hk-paper) !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(239,231,216,.94)),
    url("data:image/svg+xml,%3Csvg width='1320' height='760' viewBox='0 0 1320 760' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2317364b' stroke-opacity='0.155' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M95 150 C165 108 245 108 315 150 C245 192 165 192 95 150Z'/%3E%3Cpath d='M315 150 C385 108 465 108 535 150 C465 192 385 192 315 150Z'/%3E%3Cpath d='M125 160 C178 176 232 176 285 160'/%3E%3Cpath d='M345 160 C398 176 452 176 505 160'/%3E%3Cpath d='M130 215 L500 215'/%3E%3Cpath d='M160 248 L470 248'/%3E%3Cpath d='M190 281 L440 281'/%3E%3Crect x='92' y='315' width='360' height='92' rx='8'/%3E%3Cpath d='M125 345 L410 345'/%3E%3Cpath d='M125 375 L345 375'/%3E%3Cpath d='M145 570 C270 470 395 470 520 570 S770 670 895 570 S1145 470 1270 570'/%3E%3Cpath d='M145 615 C270 515 395 515 520 615 S770 715 895 615 S1145 515 1270 615'/%3E%3Cpath d='M145 660 C270 560 395 560 520 660 S770 760 895 660 S1145 560 1270 660'/%3E%3Cpath d='M560 460 C600 410 665 410 705 460'/%3E%3Ccircle cx='632' cy='376' r='22'/%3E%3Cpath d='M632 398 L632 455'/%3E%3Cpath d='M632 425 L585 455'/%3E%3Cpath d='M632 425 L685 455'/%3E%3Cpath d='M632 455 L590 518'/%3E%3Cpath d='M632 455 L705 515'/%3E%3Ccircle cx='1010' cy='165' r='44'/%3E%3Ccircle cx='1135' cy='120' r='30'/%3E%3Ccircle cx='1165' cy='245' r='34'/%3E%3Ccircle cx='960' cy='280' r='28'/%3E%3Cpath d='M1048 148 L1108 130'/%3E%3Cpath d='M1038 198 L1140 230'/%3E%3Cpath d='M987 204 L970 252'/%3E%3Cpath d='M1138 150 L1160 210'/%3E%3Cpath d='M890 360 C945 315 1035 315 1090 360 C1035 405 945 405 890 360Z'/%3E%3Cpath d='M925 360 C965 340 1015 340 1055 360'/%3E%3Cpath d='M925 390 C965 412 1015 412 1055 390'/%3E%3C/g%3E%3Cg fill='none' stroke='%238f642e' stroke-opacity='0.145' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M80 690 C180 642 280 642 380 690 S580 738 680 690 S880 642 980 690 S1180 738 1280 690'/%3E%3Cpath d='M80 720 C180 672 280 672 380 720 S580 768 680 720 S880 672 980 720 S1180 768 1280 720'/%3E%3Cpath d='M760 110 C815 70 905 70 960 110'/%3E%3Cpath d='M790 140 C830 112 895 112 935 140'/%3E%3Cpath d='M770 205 C820 235 905 235 955 205'/%3E%3Cpath d='M770 235 C820 265 905 265 955 235'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: auto, 1320px 760px !important;
  background-repeat: no-repeat, repeat !important;
  background-attachment: fixed, fixed !important;
  background-position: center top, center top !important;
}

body header,
body header *,
body main,
body main *,
body footer,
body footer *,
body .header,
body .header *,
body .pkp_structure_page,
body .pkp_structure_page *,
body .page_index_journal,
body .page_index_journal *,
body .hk-journal-home,
body .hk-journal-home *,
body .container,
body .container *,
body .container-fluid,
body .container-fluid * {
  font-size: 16px;
  box-sizing: border-box !important;
}

a { text-decoration: none; }
img { max-width: 100%; }

.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.page_index_journal {
  background: transparent !important;
}

/* =========================================================
   OJS 默认首页模块处理
   ========================================================= */

.pkp_page_index .journal_description,
.pkp_page_index .journal-description,
.pkp_page_index .page_index_journal > .about,
.pkp_page_index .page_index_journal > .journal-summary,
.pkp_page_index .page_index_journal > .journal_summary,
.pkp_page_index .page_index_journal > .current_issue {
  display: none !important;
}

.pkp_page_index .page_index_journal,
.pkp_page_index .pkp_structure_main,
body main,
body main.page_index_journal,
body .page_index_journal,
body .additional_content,
body .container-page,
body .container-fluid.container-page {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================================
   顶栏：金色底色 + 左 Logo + 右上用户语言 + 右下导航
   ========================================================= */

body header,
body header.header,
body .header.container-fluid,
body #headerNavigationContainer,
body .pkp_structure_head {
  width: 100% !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, var(--hk-gold) 0%, var(--hk-gold-deep) 100%) !important;
  border: none !important;
  border-bottom: 1px solid rgba(80, 52, 22, .36) !important;
  box-shadow: 0 4px 16px rgba(76, 50, 20, .18) !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 999 !important;
}

body .upper-header,
body .upper-header.row,
body .header.container-fluid > .upper-header,
body .header.container-fluid > .upper-header.row,
body .header.container-fluid .upper-header,
body .header.container-fluid .upper-header.row,
body .header.container-fluid > .container,
body .header.container-fluid > .container-fluid {
  width: 100% !important;
  max-width: 1480px !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  margin: 0 auto !important;
  padding: 0 54px !important;
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  grid-template-rows: 34px 62px !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}

body .logo-wraper,
body .show-logo,
body .navbar-header,
body .pkp_site_name_wrapper {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}

body .logo-wraper img,
body .show-logo img,
body .navbar-header img,
body .navbar-brand img,
body .pkp_site_name img,
body .pkp_site_name_wrapper img,
body .header.container-fluid img {
  height: 78px !important;
  max-height: 78px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .navbar-brand,
body .navbar-header a,
body .show-logo a,
body .logo-wraper a,
body .pkp_site_name a {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  background: transparent !important;
}

body #userNav-wraper,
body #userNav,
body .user_navigation,
body .pkp_navigation_user_wrapper,
body #navigationUser,
body .navbar-right,
body .pull-right {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  color: rgba(255, 255, 255, .86) !important;
}

body #userNav-wraper ul,
body #userNav ul,
body .user_navigation ul,
body .pkp_navigation_user_wrapper ul,
body #navigationUser ul,
body .navbar-right,
body .pull-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body #userNav-wraper li,
body #userNav li,
body .user_navigation li,
body .pkp_navigation_user_wrapper li,
body #navigationUser li {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body #userNav-wraper a,
body #userNav a,
body .user_navigation a,
body .pkp_navigation_user_wrapper a,
body #navigationUser a,
body .navbar-right a,
body .pull-right a,
body .dropdown-toggle {
  height: 24px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body #userNav-wraper li + li a,
body #userNav li + li a,
body .user_navigation li + li a,
body .pkp_navigation_user_wrapper li + li a,
body #navigationUser li + li a,
body .navbar-right li + li a {
  border-left: 1px solid rgba(255, 255, 255, .32) !important;
}

body #userNav-wraper a:hover,
body #userNav a:hover,
body .user_navigation a:hover,
body .pkp_navigation_user_wrapper a:hover,
body #navigationUser a:hover,
body .navbar-right a:hover,
body .pull-right a:hover,
body .dropdown-toggle:hover {
  color: #ffffff !important;
}

body .lower-header,
body .header.container-fluid > .lower-header,
body .header.container-fluid .lower-header,
body #nav-menu,
body #navigationPrimary,
body .navbar,
body .navbar-default,
body .pkp_navigation_primary_row,
body .pkp_navigation_primary_wrapper {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body .lower-header,
body .header.container-fluid > .lower-header,
body .header.container-fluid .lower-header,
body .navbar,
body .navbar-default,
body .pkp_navigation_primary_row,
body .pkp_navigation_primary_wrapper,
body #nav-menu,
body #navigationPrimary {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  max-width: none !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}

body .navbar-collapse {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

body .navbar-nav,
body .pkp_navigation_primary,
body #navigationPrimary ul {
  height: 62px !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

body .navbar-nav > li,
body .pkp_navigation_primary > li,
body #navigationPrimary li {
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body .navbar-nav > li > a,
body .pkp_navigation_primary > li > a,
body #navigationPrimary a {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: color .2s ease, background .2s ease !important;
}

body .navbar-nav > li + li > a,
body .pkp_navigation_primary > li + li > a,
body #navigationPrimary li + li a {
  border-left: 1px solid rgba(255, 255, 255, .28) !important;
}

body .navbar-nav > li > a:hover,
body .pkp_navigation_primary > li > a:hover,
body #navigationPrimary a:hover,
body .navbar-nav > .active > a,
body .pkp_navigation_primary > li.active > a,
body #navigationPrimary .active > a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
}

body .navbar-nav > li > a[href*="submission"],
body .navbar-nav > li > a[href*="submissions"],
body .navbar-nav > li > a[href*="submit"],
body .pkp_navigation_primary > li > a[href*="submission"],
body .pkp_navigation_primary > li > a[href*="submissions"],
body .pkp_navigation_primary > li > a[href*="submit"],
body #navigationPrimary a[href*="submission"],
body #navigationPrimary a[href*="submissions"],
body #navigationPrimary a[href*="submit"] {
  margin-left: 12px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .52) !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

body .navbar-nav > li > a[href*="submission"]::after,
body .navbar-nav > li > a[href*="submissions"]::after,
body .navbar-nav > li > a[href*="submit"]::after,
body .pkp_navigation_primary > li > a[href*="submission"]::after,
body .pkp_navigation_primary > li > a[href*="submissions"]::after,
body .pkp_navigation_primary > li > a[href*="submit"]::after,
body #navigationPrimary a[href*="submission"]::after,
body #navigationPrimary a[href*="submissions"]::after,
body #navigationPrimary a[href*="submit"]::after {
  content: " →";
  margin-left: 4px;
}

body .navbar-nav > li > a[href*="submission"]:hover,
body .navbar-nav > li > a[href*="submissions"]:hover,
body .navbar-nav > li > a[href*="submit"]:hover,
body .pkp_navigation_primary > li > a[href*="submission"]:hover,
body .pkp_navigation_primary > li > a[href*="submissions"]:hover,
body .pkp_navigation_primary > li > a[href*="submit"]:hover,
body #navigationPrimary a[href*="submission"]:hover,
body #navigationPrimary a[href*="submissions"]:hover,
body #navigationPrimary a[href*="submit"]:hover {
  background: rgba(255, 255, 255, .30) !important;
}

body #nav-small,
body #modal-on-small,
body .navbar-toggle,
body .pkp_site_nav_toggle,
body button.navbar-toggle {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   首页大图：OJS 后台首页图片 + hero01.jpg 双图轮播
   ========================================================= */

body .homepage_image,
body .page_index_journal .homepage_image,
.pkp_page_index .homepage_image {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  height: clamp(500px, 54vh, 620px) !important;
  min-height: clamp(500px, 54vh, 620px) !important;
  max-height: 620px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: block !important;
  clear: both !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center 40% !important;
  background-repeat: no-repeat !important;
  background-color: #efe7d8 !important;
  isolation: isolate !important;
}

body .homepage_image::after,
body .page_index_journal .homepage_image::after,
.pkp_page_index .homepage_image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url("/public/site/images/home/hero01.jpg?v=20260518-3s-compress") !important;
  background-size: cover !important;
  background-position: center 40% !important;
  background-repeat: no-repeat !important;
  opacity: 0;
  pointer-events: none !important;
  animation: hkHeroSecondFade 18s infinite ease-in-out !important;
}

body .homepage_image::before,
body .page_index_journal .homepage_image::before,
.pkp_page_index .homepage_image::before {
  content: none !important;
  display: none !important;
}

body .homepage_image > img,
body .homepage_image img,
body .page_index_journal .homepage_image > img,
body .page_index_journal .homepage_image img,
.pkp_page_index .homepage_image > img,
.pkp_page_index .homepage_image img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: clamp(500px, 54vh, 620px) !important;
  min-height: clamp(500px, 54vh, 620px) !important;
  max-height: 620px !important;
  object-fit: cover !important;
  object-position: center 40% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .homepage_image picture,
body .homepage_image figure,
body .page_index_journal .homepage_image picture,
body .page_index_journal .homepage_image figure,
.pkp_page_index .homepage_image picture,
.pkp_page_index .homepage_image figure {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

@keyframes hkHeroSecondFade {
  0%, 42% { opacity: 0; }
  50%, 92% { opacity: 1; }
  100% { opacity: 0; }
}

/* =========================================================
   首页主体容器
   ========================================================= */

.hk-journal-home {
  max-width: var(--hk-max-width);
  margin: 0 auto !important;
  padding: 26px 34px 88px !important;
  color: var(--hk-ink);
}

.hk-label {
  display: inline-flex;
  align-items: center;
  color: var(--hk-brown);
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.hk-label::before {
  content: "";
  width: 28px;
  height: 1px;
  margin-right: 10px;
  background: var(--hk-brown);
}

.hk-journal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.26fr) 390px;
  gap: 26px;
  margin-top: 0 !important;
  margin-bottom: 28px;
  padding-top: 30px !important;
}

.hk-hero-left,
.hk-issue-cover-card,
.hk-current-issue-panel,
.hk-author-panel,
.hk-categories-dynamic,
.hk-info-card {
  border: 1px solid var(--hk-line);
  background: linear-gradient(180deg, rgba(250, 246, 237, .91), rgba(239, 231, 216, .84)) !important;
  box-shadow: 0 20px 46px rgba(23, 54, 79, .10);
  backdrop-filter: blur(8px);
}

.hk-hero-left {
  position: relative;
  overflow: hidden;
  padding: 54px 58px;
  border-radius: 10px;
}

.hk-hero-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
  background: linear-gradient(180deg, var(--hk-blue), var(--hk-brown));
}

.hk-hero-left::after {
  content: "HKSJHSS";
  position: absolute;
  right: 34px;
  bottom: 20px;
  color: rgba(23, 54, 79, .060);
  font-size: 58px !important;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  pointer-events: none;
}

.hk-hero-left h1 {
  position: relative;
  z-index: 2;
  margin: 18px 0;
  color: var(--hk-blue);
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: .05em;
}

.hk-hero-left p {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 0 12px;
  color: rgba(29, 46, 61, .80);
  font-size: 16px !important;
  line-height: 2;
}

.hk-journal-meta {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
  margin-top: 26px;
}

.hk-journal-meta div {
  padding: 15px 16px;
  border: 1px solid rgba(23, 54, 79, .14);
  background: rgba(255, 255, 255, .34);
  border-radius: 6px;
  color: rgba(29, 46, 61, .66);
  font-size: 13px !important;
}

.hk-journal-meta strong {
  display: block;
  color: var(--hk-blue);
  font-size: 18px !important;
  line-height: 1.2;
  margin-bottom: 5px;
}

.hk-hero-actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.hk-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  height: 42px;
  padding: 0 20px;
  border-radius: 4px;
  background: var(--hk-blue);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700;
  transition: all .2s ease;
}

.hk-hero-actions a:nth-child(2) { background: var(--hk-brown); }
.hk-hero-actions a:nth-child(3) {
  background: rgba(255, 255, 255, .40);
  color: var(--hk-blue) !important;
  border: 1px solid rgba(23, 54, 79, .28);
}
.hk-hero-actions a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(23, 54, 79, .18);
}

.hk-issue-cover-card {
  padding: 28px;
  border-radius: 10px;
}

.hk-cover-box {
  aspect-ratio: 3 / 4.15;
  padding: 12px;
  border-radius: 7px;
  background: linear-gradient(145deg, #fbf7ef, #e3d6bf);
  border: 1px solid rgba(23, 54, 79, .18);
}

.hk-cover-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--hk-paper);
  display: block;
  border-radius: 4px;
  box-shadow: 0 18px 30px rgba(23, 54, 79, .20);
}

.hk-cover-info {
  padding-top: 22px;
}

.hk-cover-info span {
  color: var(--hk-brown);
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hk-cover-info h2 {
  margin: 8px 0 4px;
  color: var(--hk-blue);
  font-size: 25px !important;
  line-height: 1.35;
}

.hk-cover-info p {
  margin: 0 0 16px;
  color: rgba(29, 46, 61, .66);
  font-size: 14px !important;
}

.hk-cover-info a {
  color: var(--hk-brown) !important;
  text-decoration: none !important;
  font-weight: 800;
}

.hk-main-journal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr);
  gap: 26px;
  margin-bottom: 28px;
}

.hk-current-issue-panel,
.hk-author-panel,
.hk-categories-dynamic {
  padding: 34px 36px;
  border-radius: 10px;
}

.hk-section-head h2,
.hk-author-panel h2 {
  margin: 10px 0 12px;
  color: var(--hk-blue);
  font-size: 28px !important;
  line-height: 1.35;
  letter-spacing: .03em;
}

.hk-section-head p,
.hk-author-panel p {
  margin: 0;
  color: rgba(29, 46, 61, .74);
  font-size: 15px !important;
  line-height: 1.9;
}

.hk-article-list { margin-top: 20px; }
.hk-article-item {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid rgba(23, 54, 79, .14);
  text-decoration: none !important;
}
.hk-article-item:last-child { border-bottom: none; }
.hk-article-type {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--hk-brown);
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hk-article-item h3 {
  margin: 0 0 8px;
  color: var(--hk-blue);
  font-size: 18px !important;
  line-height: 1.55;
  font-weight: 700;
  transition: color .2s ease;
}
.hk-article-item p {
  margin: 0;
  color: rgba(29, 46, 61, .62);
  font-size: 14px !important;
}
.hk-article-item:hover h3 { color: var(--hk-brown); }
.hk-more-link {
  display: inline-flex;
  margin-top: 20px;
  color: var(--hk-brown) !important;
  text-decoration: none !important;
  font-weight: 800;
}

.hk-author-links {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}
.hk-author-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 4px;
  background: rgba(23, 54, 79, .07);
  color: var(--hk-blue) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700;
  transition: all .2s ease;
}
.hk-author-links a::after {
  content: "→";
  color: var(--hk-brown);
}
.hk-author-links a:hover {
  background: var(--hk-blue);
  color: #ffffff !important;
}

.hk-categories-dynamic { margin-bottom: 28px; }
.hk-dynamic-category-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) .9fr;
  gap: 24px;
  margin-top: 24px;
  padding: 28px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .48), rgba(232, 221, 202, .55));
  border: 1px solid rgba(23, 54, 79, .14);
}
.hk-dynamic-copy h3 {
  margin: 0 0 12px;
  color: var(--hk-blue);
  font-size: 22px !important;
  line-height: 1.4;
}
.hk-dynamic-copy p {
  margin: 0;
  max-width: 760px;
  color: rgba(29, 46, 61, .74);
  font-size: 15px !important;
  line-height: 1.9;
}
.hk-dynamic-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 4px;
  background: var(--hk-blue);
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700;
  transition: all .22s ease;
}
.hk-dynamic-btn:hover {
  background: var(--hk-brown);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(23, 54, 79, .18);
}
.hk-dynamic-notes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.hk-dynamic-notes div {
  padding: 18px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .42);
  border: 1px solid rgba(23, 54, 79, .12);
}
.hk-dynamic-notes strong {
  display: block;
  color: var(--hk-brown);
  font-size: 20px !important;
  line-height: 1.2;
}
.hk-dynamic-notes span {
  display: block;
  margin-top: 6px;
  color: var(--hk-blue);
  font-size: 14px !important;
  font-weight: 700;
}
.hk-category-link-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.hk-category-link-list a {
  position: relative;
  display: block;
  min-height: 88px;
  padding: 18px 18px 16px 20px;
  border-radius: 6px;
  border: 1px solid rgba(23, 54, 75, .14);
  background: rgba(255, 255, 255, .62);
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(23, 54, 75, .05);
  transition: all .22s ease;
}
.hk-category-link-list a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 4px;
  height: 34px;
  border-radius: 0 4px 4px 0;
  background: #9a6a3f;
}
.hk-category-link-list a strong {
  display: block;
  margin-bottom: 8px;
  font-size: 22px !important;
  line-height: 1;
  color: #9a6a3f;
  font-weight: 700;
}
.hk-category-link-list a span {
  display: block;
  margin-bottom: 8px;
  font-size: 15px !important;
  line-height: 1.45;
  color: #17364b;
  font-weight: 700;
}
.hk-category-link-list a em {
  display: block;
  font-style: normal;
  font-size: 12px !important;
  line-height: 1.4;
  color: #6a747c;
}
.hk-category-link-list a:hover {
  transform: translateY(-3px);
  border-color: rgba(23, 54, 75, .32);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 32px rgba(23, 54, 75, .12);
}
.hk-category-link-list a:hover span { color: #0d2b40; }

.hk-info-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.hk-info-card {
  display: block;
  padding: 26px 24px;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all .22s ease;
}
.hk-info-card span {
  color: var(--hk-brown);
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hk-info-card h3 {
  margin: 12px 0 10px;
  color: var(--hk-blue);
  font-size: 19px !important;
  line-height: 1.45;
}
.hk-info-card p {
  margin: 0;
  color: rgba(29, 46, 61, .70);
  font-size: 14px !important;
  line-height: 1.75;
}
.hk-info-card:hover {
  transform: translateY(-4px);
  background: rgba(250, 246, 237, .94) !important;
  box-shadow: 0 18px 40px rgba(23, 54, 79, .13);
}

/* =========================================================
   响应式
   ========================================================= */

@media (min-aspect-ratio: 2/1) {
  body .homepage_image,
  body .page_index_journal .homepage_image,
  .pkp_page_index .homepage_image {
    height: clamp(620px, 68vh, 760px) !important;
    min-height: clamp(620px, 68vh, 760px) !important;
    max-height: 760px !important;
    background-position: center 38% !important;
  }
  body .homepage_image::after,
  body .page_index_journal .homepage_image::after,
  .pkp_page_index .homepage_image::after {
    background-position: center 38% !important;
  }
  body .homepage_image > img,
  body .homepage_image img,
  body .page_index_journal .homepage_image > img,
  body .page_index_journal .homepage_image img,
  .pkp_page_index .homepage_image > img,
  .pkp_page_index .homepage_image img {
    height: clamp(620px, 68vh, 760px) !important;
    min-height: clamp(620px, 68vh, 760px) !important;
    max-height: 760px !important;
    object-position: center 38% !important;
  }
}

@media (max-width: 1366px) {
  body .homepage_image,
  body .page_index_journal .homepage_image,
  .pkp_page_index .homepage_image {
    height: clamp(440px, 52vh, 560px) !important;
    min-height: clamp(440px, 52vh, 560px) !important;
    max-height: 560px !important;
  }
  body .homepage_image > img,
  body .homepage_image img,
  body .page_index_journal .homepage_image > img,
  body .page_index_journal .homepage_image img,
  .pkp_page_index .homepage_image > img,
  .pkp_page_index .homepage_image img {
    height: clamp(440px, 52vh, 560px) !important;
    min-height: clamp(440px, 52vh, 560px) !important;
    max-height: 560px !important;
  }
}

@media (max-width: 1180px) {
  .hk-journal-hero,
  .hk-main-journal-grid,
  .hk-info-strip {
    grid-template-columns: 1fr;
  }
  .hk-dynamic-category-panel {
    grid-template-columns: 1fr;
  }
  .hk-issue-cover-card {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 24px;
    align-items: center;
  }
}

@media (max-width: 1100px) {
  body .upper-header,
  body .upper-header.row,
  body .header.container-fluid > .upper-header,
  body .header.container-fluid > .upper-header.row,
  body .header.container-fluid .upper-header,
  body .header.container-fluid .upper-header.row,
  body .header.container-fluid > .container,
  body .header.container-fluid > .container-fluid {
    padding-left: 28px !important;
    padding-right: 28px !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }
  body .logo-wraper img,
  body .show-logo img,
  body .navbar-header img,
  body .navbar-brand img,
  body .pkp_site_name img,
  body .pkp_site_name_wrapper img,
  body .header.container-fluid img {
    height: 66px !important;
    max-height: 66px !important;
    max-width: 190px !important;
  }
  body .navbar-nav > li > a,
  body .pkp_navigation_primary > li > a,
  body #navigationPrimary a {
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 900px) {
  .hk-category-link-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body header,
  body header.header,
  body .header.container-fluid,
  body #headerNavigationContainer,
  body .pkp_structure_head {
    height: auto !important;
    min-height: 70px !important;
    max-height: none !important;
  }
  body .upper-header,
  body .upper-header.row,
  body .header.container-fluid > .upper-header,
  body .header.container-fluid > .upper-header.row,
  body .header.container-fluid .upper-header,
  body .header.container-fluid .upper-header.row,
  body .header.container-fluid > .container,
  body .header.container-fluid > .container-fluid {
    height: auto !important;
    min-height: 70px !important;
    max-height: none !important;
    padding: 10px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  body .logo-wraper,
  body .show-logo,
  body .navbar-header,
  body .pkp_site_name_wrapper {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }
  body .logo-wraper img,
  body .show-logo img,
  body .navbar-header img,
  body .navbar-brand img,
  body .pkp_site_name img,
  body .pkp_site_name_wrapper img,
  body .header.container-fluid img {
    height: 54px !important;
    max-height: 54px !important;
    max-width: 160px !important;
  }
  body #userNav-wraper,
  body #userNav,
  body .user_navigation,
  body .pkp_navigation_user_wrapper,
  body #navigationUser,
  body .navbar-right,
  body .pull-right {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
  }
  body .lower-header,
  body .header.container-fluid > .lower-header,
  body .header.container-fluid .lower-header,
  body .navbar,
  body .navbar-default,
  body .pkp_navigation_primary_row,
  body .pkp_navigation_primary_wrapper,
  body #nav-menu,
  body #navigationPrimary,
  body .navbar-collapse {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }
  body .navbar-nav,
  body .pkp_navigation_primary,
  body #navigationPrimary ul {
    height: auto !important;
    min-height: auto !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
  }
  body .navbar-nav > li,
  body .pkp_navigation_primary > li,
  body #navigationPrimary li {
    height: 36px !important;
  }
  body .navbar-nav > li > a,
  body .pkp_navigation_primary > li > a,
  body #navigationPrimary a {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }
  body .homepage_image,
  body .page_index_journal .homepage_image,
  .pkp_page_index .homepage_image {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    background-position: center center !important;
  }
  body .homepage_image::after,
  body .page_index_journal .homepage_image::after,
  .pkp_page_index .homepage_image::after {
    background-position: center center !important;
  }
  body .homepage_image img,
  body .page_index_journal .homepage_image img,
  .pkp_page_index .homepage_image img {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    object-position: center center !important;
  }
  .hk-journal-home {
    padding: 24px 16px 64px !important;
  }
  .hk-journal-hero {
    padding-top: 24px !important;
  }
  .hk-hero-left,
  .hk-issue-cover-card,
  .hk-current-issue-panel,
  .hk-author-panel,
  .hk-categories-dynamic,
  .hk-info-card {
    padding: 26px 22px;
  }
  .hk-journal-meta {
    grid-template-columns: repeat(2, 1fr);
  }
  .hk-issue-cover-card {
    display: block;
  }
  .hk-info-strip {
    grid-template-columns: 1fr;
  }
  .hk-hero-actions a {
    width: 100%;
  }
}


/* =========================================================
   12. 顶栏与用户语言入口最终整理版
   风格：正式期刊网站右上角文字入口
   说明：本段放在文件最底部，用于覆盖前文所有顶栏与用户语言样式。
   ========================================================= */

/* 顶栏整体 */
body header.header,
body .header.container-fluid,
body #headerNavigationContainer,
body .pkp_structure_head {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #f7efe2 0%, #ead7bb 100%) !important;
  border-top: 4px solid #17364f !important;
  border-bottom: 1px solid rgba(23, 54, 79, .20) !important;
  box-shadow: 0 5px 16px rgba(23, 54, 79, .10) !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 9999 !important;
}

/* 顶栏内部容器：左 Logo，右用户语言 */
body header.header > .upper-header,
body .header.container-fluid > .upper-header,
body .header.container-fluid > .upper-header.row {
  width: 100% !important;
  max-width: 1360px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 auto !important;
  padding: 0 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
  transform: none !important;
}

/* Logo 区域 */
body header.header .logo-wrapper,
body header.header .logo-wraper,
body header.header .show-logo,
body header.header .navbar-header,
body header.header .pkp_site_name_wrapper,
body header.header .pkp_site_name,
body .header.container-fluid .logo-wrapper,
body .header.container-fluid .logo-wraper,
body .header.container-fluid .show-logo,
body .header.container-fluid .navbar-header,
body .header.container-fluid .pkp_site_name_wrapper,
body .header.container-fluid .pkp_site_name {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: static !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
  text-align: left !important;
}

/* Logo 图片 */
body header.header .logo-wrapper img,
body header.header .logo-wraper img,
body header.header .show-logo img,
body header.header .navbar-header img,
body header.header .navbar-brand img,
body header.header .pkp_site_name img,
body header.header .pkp_site_name_wrapper img,
body .header.container-fluid .logo-wrapper img,
body .header.container-fluid .logo-wraper img,
body .header.container-fluid .show-logo img,
body .header.container-fluid .navbar-header img,
body .header.container-fluid .navbar-brand img,
body .header.container-fluid .pkp_site_name img,
body .header.container-fluid .pkp_site_name_wrapper img {
  height: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  max-width: 205px !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Logo 链接 */
body header.header .logo-wrapper a,
body header.header .logo-wraper a,
body header.header .show-logo a,
body header.header .navbar-header a,
body header.header .navbar-brand,
body header.header .pkp_site_name a,
body header.header .pkp_site_name_wrapper a,
body .header.container-fluid .logo-wrapper a,
body .header.container-fluid .logo-wraper a,
body .header.container-fluid .show-logo a,
body .header.container-fluid .navbar-header a,
body .header.container-fluid .navbar-brand,
body .header.container-fluid .pkp_site_name a,
body .header.container-fluid .pkp_site_name_wrapper a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
}

/* 用户与语言区域：取消绝对定位、网格定位、按钮定位 */
body header.header #userNav-wrapper,
body header.header #userNav-wraper,
body header.header #userNav,
body header.header #navigationUser,
body header.header .user_navigation,
body header.header .pkp_navigation_user_wrapper,
body header.header .navbar-right,
body header.header .pull-right,
body .header.container-fluid #userNav-wrapper,
body .header.container-fluid #userNav-wraper,
body .header.container-fluid #userNav,
body .header.container-fluid #navigationUser,
body .header.container-fluid .user_navigation,
body .header.container-fluid .pkp_navigation_user_wrapper,
body .header.container-fluid .navbar-right,
body .header.container-fluid .pull-right {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 10010 !important;
}

/* 用户语言列表：一行横向排列 */
body header.header #navigationUser,
body header.header #navigationUser.nav-tabs,
body header.header #userNav-wrapper > ul,
body header.header #userNav-wraper > ul,
body header.header #userNav > ul,
body header.header .user_navigation ul,
body header.header .pkp_navigation_user_wrapper ul,
body header.header .navbar-right,
body header.header .pull-right,
body .header.container-fluid #navigationUser,
body .header.container-fluid #navigationUser.nav-tabs,
body .header.container-fluid #userNav-wrapper > ul,
body .header.container-fluid #userNav-wraper > ul,
body .header.container-fluid #userNav > ul,
body .header.container-fluid .user_navigation ul,
body .header.container-fluid .pkp_navigation_user_wrapper ul,
body .header.container-fluid .navbar-right,
body .header.container-fluid .pull-right {
  width: auto !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  position: static !important;
  float: none !important;
  clear: none !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* li 重置：清除 Bootstrap nav-tabs 默认浮动 */
body header.header #navigationUser > li,
body header.header #navigationUser.nav-tabs > li,
body header.header #userNav-wrapper li,
body header.header #userNav-wraper li,
body header.header #userNav li,
body header.header .user_navigation li,
body header.header .pkp_navigation_user_wrapper li,
body header.header .navbar-right li,
body header.header .pull-right li,
body .header.container-fluid #navigationUser > li,
body .header.container-fluid #navigationUser.nav-tabs > li,
body .header.container-fluid #userNav-wrapper li,
body .header.container-fluid #userNav-wraper li,
body .header.container-fluid #userNav li,
body .header.container-fluid .user_navigation li,
body .header.container-fluid .pkp_navigation_user_wrapper li,
body .header.container-fluid .navbar-right li,
body .header.container-fluid .pull-right li {
  width: auto !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  float: none !important;
  clear: none !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}

/* 两个入口之间用细竖线区分 */
body header.header #navigationUser > li + li::before,
body .header.container-fluid #navigationUser > li + li::before {
  content: "" !important;
  display: block !important;
  width: 1px !important;
  height: 14px !important;
  margin: 0 10px !important;
  background: rgba(23, 54, 79, .28) !important;
}

/* admin / 中文：正式文字入口 */
body header.header #navigationUser > li > a,
body header.header #navigationUser.nav-tabs > li > a,
body header.header #userNav-wrapper a,
body header.header #userNav-wraper a,
body header.header #userNav a,
body header.header .user_navigation a,
body header.header .pkp_navigation_user_wrapper a,
body header.header .navbar-right a,
body header.header .pull-right a,
body .header.container-fluid #navigationUser > li > a,
body .header.container-fluid #navigationUser.nav-tabs > li > a,
body .header.container-fluid #userNav-wrapper a,
body .header.container-fluid #userNav-wraper a,
body .header.container-fluid #userNav a,
body .header.container-fluid .user_navigation a,
body .header.container-fluid .pkp_navigation_user_wrapper a,
body .header.container-fluid .navbar-right a,
body .header.container-fluid .pull-right a {
  width: auto !important;
  min-width: 0 !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  float: none !important;
  clear: none !important;
  color: rgba(23, 54, 79, .86) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* hover：只变文字颜色，不做按钮 */
body header.header #navigationUser > li > a:hover,
body header.header #navigationUser.nav-tabs > li > a:hover,
body header.header #userNav-wrapper a:hover,
body header.header #userNav-wraper a:hover,
body header.header #userNav a:hover,
body header.header .user_navigation a:hover,
body header.header .pkp_navigation_user_wrapper a:hover,
body header.header .navbar-right a:hover,
body header.header .pull-right a:hover,
body .header.container-fluid #navigationUser > li > a:hover,
body .header.container-fluid #navigationUser.nav-tabs > li > a:hover,
body .header.container-fluid #userNav-wrapper a:hover,
body .header.container-fluid #userNav-wraper a:hover,
body .header.container-fluid #userNav a:hover,
body .header.container-fluid .user_navigation a:hover,
body .header.container-fluid .pkp_navigation_user_wrapper a:hover,
body .header.container-fluid .navbar-right a:hover,
body .header.container-fluid .pull-right a:hover {
  color: #8a5a38 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 激活状态重置，防止 nav-tabs 做成标签页 */
body header.header #navigationUser.nav-tabs > li.active > a,
body header.header #navigationUser.nav-tabs > li.active > a:hover,
body header.header #navigationUser.nav-tabs > li.active > a:focus,
body .header.container-fluid #navigationUser.nav-tabs > li.active > a,
body .header.container-fluid #navigationUser.nav-tabs > li.active > a:hover,
body .header.container-fluid #navigationUser.nav-tabs > li.active > a:focus {
  color: rgba(23, 54, 79, .86) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 下拉箭头 */
body header.header #navigationUser .caret,
body header.header #userNav-wrapper .caret,
body header.header #userNav-wraper .caret,
body header.header #userNav .caret,
body .header.container-fluid #navigationUser .caret,
body .header.container-fluid #userNav-wrapper .caret,
body .header.container-fluid #userNav-wraper .caret,
body .header.container-fluid #userNav .caret {
  margin-left: 4px !important;
  border-top-color: currentColor !important;
  vertical-align: middle !important;
}

/* 下拉菜单 */
body header.header #navigationUser .dropdown-menu,
body header.header #userNav-wrapper .dropdown-menu,
body header.header #userNav-wraper .dropdown-menu,
body header.header #userNav .dropdown-menu,
body .header.container-fluid #navigationUser .dropdown-menu,
body .header.container-fluid #userNav-wrapper .dropdown-menu,
body .header.container-fluid #userNav-wraper .dropdown-menu,
body .header.container-fluid #userNav .dropdown-menu {
  position: absolute !important;
  top: 50px !important;
  right: 0 !important;
  left: auto !important;
  min-width: 150px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  background: #fbf6ec !important;
  border: 1px solid rgba(23, 54, 79, .16) !important;
  border-radius: 4px !important;
  box-shadow: 0 16px 34px rgba(23, 54, 79, .16) !important;
  z-index: 10030 !important;
}

/* 下拉菜单 li */
body header.header #navigationUser .dropdown-menu li,
body header.header #userNav-wrapper .dropdown-menu li,
body header.header #userNav-wraper .dropdown-menu li,
body header.header #userNav .dropdown-menu li,
body .header.container-fluid #navigationUser .dropdown-menu li,
body .header.container-fluid #userNav-wrapper .dropdown-menu li,
body .header.container-fluid #userNav-wraper .dropdown-menu li,
body .header.container-fluid #userNav .dropdown-menu li {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 下拉菜单链接 */
body header.header #navigationUser .dropdown-menu a,
body header.header #userNav-wrapper .dropdown-menu a,
body header.header #userNav-wraper .dropdown-menu a,
body header.header #userNav .dropdown-menu a,
body .header.container-fluid #navigationUser .dropdown-menu a,
body .header.container-fluid #userNav-wrapper .dropdown-menu a,
body .header.container-fluid #userNav-wraper .dropdown-menu a,
body .header.container-fluid #userNav .dropdown-menu a {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: #17364f !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  text-align: left !important;
}

/* 下拉菜单 hover */
body header.header #navigationUser .dropdown-menu a:hover,
body header.header #userNav-wrapper .dropdown-menu a:hover,
body header.header #userNav-wraper .dropdown-menu a:hover,
body header.header #userNav .dropdown-menu a:hover,
body .header.container-fluid #navigationUser .dropdown-menu a:hover,
body .header.container-fluid #userNav-wrapper .dropdown-menu a:hover,
body .header.container-fluid #userNav-wraper .dropdown-menu a:hover,
body .header.container-fluid #userNav .dropdown-menu a:hover {
  color: #ffffff !important;
  background: #17364f !important;
}

/* 去除 nav-tabs 底线 */
body header.header #navigationUser.nav-tabs,
body .header.container-fluid #navigationUser.nav-tabs {
  border-bottom: none !important;
}

/* 移动端 */
@media (max-width: 760px) {
  body header.header,
  body .header.container-fluid,
  body #headerNavigationContainer,
  body .pkp_structure_head {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  body header.header > .upper-header,
  body .header.container-fluid > .upper-header,
  body .header.container-fluid > .upper-header.row {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 18px !important;
  }

  body header.header .logo-wrapper,
  body header.header .logo-wraper,
  body header.header .show-logo,
  body header.header .navbar-header,
  body header.header .pkp_site_name_wrapper,
  body header.header .pkp_site_name,
  body .header.container-fluid .logo-wrapper,
  body .header.container-fluid .logo-wraper,
  body .header.container-fluid .show-logo,
  body .header.container-fluid .navbar-header,
  body .header.container-fluid .pkp_site_name_wrapper,
  body .header.container-fluid .pkp_site_name {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  body header.header .logo-wrapper img,
  body header.header .logo-wraper img,
  body header.header .show-logo img,
  body header.header .navbar-header img,
  body header.header .navbar-brand img,
  body header.header .pkp_site_name img,
  body header.header .pkp_site_name_wrapper img,
  body .header.container-fluid .logo-wrapper img,
  body .header.container-fluid .logo-wraper img,
  body .header.container-fluid .show-logo img,
  body .header.container-fluid .navbar-header img,
  body .header.container-fluid .navbar-brand img,
  body .header.container-fluid .pkp_site_name img,
  body .header.container-fluid .pkp_site_name_wrapper img {
    height: 38px !important;
    max-height: 38px !important;
    max-width: 150px !important;
  }

  body header.header #userNav-wrapper,
  body header.header #userNav-wraper,
  body header.header #userNav,
  body header.header #navigationUser,
  body .header.container-fluid #userNav-wrapper,
  body .header.container-fluid #userNav-wraper,
  body .header.container-fluid #userNav,
  body .header.container-fluid #navigationUser {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  body header.header #navigationUser > li,
  body .header.container-fluid #navigationUser > li {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  body header.header #navigationUser > li > a,
  body .header.container-fluid #navigationUser > li > a {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    font-size: 11px !important;
  }

  body header.header #navigationUser > li + li::before,
  body .header.container-fluid #navigationUser > li + li::before {
    margin: 0 7px !important;
    height: 12px !important;
  }

  body header.header #navigationUser .dropdown-menu,
  body .header.container-fluid #navigationUser .dropdown-menu {
    top: 48px !important;
  }
}

/* =========================================================
   FINAL OVERRIDE · 删除顶栏下方多余色带 / 空导航条
   说明：OJS Classic 在 upper-header 下方可能保留 lower-header/nav-menu，
   即使没有导航内容也会生成一条色带。这里彻底隐藏该层。
   ========================================================= */

body header .lower-header,
body header.header .lower-header,
body .header.container-fluid .lower-header,
body .header.container-fluid > .lower-header,
body .pkp_structure_head .lower-header,
body #headerNavigationContainer .lower-header,
body #nav-menu,
body header #nav-menu,
body .header.container-fluid #nav-menu,
body #navigationPrimary,
body header #navigationPrimary,
body .header.container-fluid #navigationPrimary,
body .pkp_navigation_primary_row,
body .pkp_navigation_primary_wrapper,
body .pkp_navigation_primary,
body .navbar,
body .navbar-default,
body .navbar-collapse,
body .navbar-nav {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

/* 顶栏只保留 upper-header 一层，避免下方再次撑出色带 */
body header,
body header.header,
body .header.container-fluid,
body #headerNavigationContainer,
body .pkp_structure_head {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body header.header > .upper-header,
body .header.container-fluid > .upper-header,
body .header.container-fluid > .upper-header.row,
body #headerNavigationContainer > .upper-header,
body .pkp_structure_head > .upper-header {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 删除首页大图上方可能残留的间距或色带 */
body .homepage_image,
body .page_index_journal .homepage_image,
.pkp_page_index .homepage_image,
body main,
body main.page_index_journal,
body .page_index_journal,
body .pkp_structure_main,
body .pkp_structure_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

@media (max-width: 760px) {
  body header,
  body header.header,
  body .header.container-fluid,
  body #headerNavigationContainer,
  body .pkp_structure_head {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  body header.header > .upper-header,
  body .header.container-fluid > .upper-header,
  body .header.container-fluid > .upper-header.row,
  body #headerNavigationContainer > .upper-header,
  body .pkp_structure_head > .upper-header {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }
}


/* =========================================================
   FINAL HERO CAROUSEL FIXED · 宝塔目录 5 图轮播最终版
   问题修正：不再使用 background-image: ... !important 固定锁死首图，
   使 keyframes 能够切换 hero01-hero05。
   ========================================================= */

/* 隐藏 OJS 后台首页图，避免后台图与宝塔目录图混用 */
body .homepage_image,
body .page_index_journal .homepage_image,
.pkp_page_index .homepage_image {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* 首页大图容器：固定从 /public/site/images/home/ 调用 hero01-hero05 */
body.pkp_page_index .page_index_journal::before,
.pkp_page_index .page_index_journal::before,
body .page_index_journal::before {
  content: "" !important;
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  height: clamp(500px, 54vh, 620px) !important;
  min-height: clamp(500px, 54vh, 620px) !important;
  max-height: 620px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important;
  background-color: #efe7d8 !important;
  background-size: cover !important;
  background-position: center 40% !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;

  /* 这里不要加 !important，否则 keyframes 无法切换图片 */
  background-image: url("/public/site/images/home/hero01.jpg?v=20260518-3s-compress");
  animation: hkHeroFiveImageCarouselFixed 15s infinite steps(1, end);
}

/* 五图轮播：5 张图共 15 秒，每张图约停留 3 秒 */
@keyframes hkHeroFiveImageCarouselFixed {
  0%, 19.999% {
    background-image: url("/public/site/images/home/hero01.jpg?v=20260518-3s-compress");
  }
  20%, 39.999% {
    background-image: url("/public/site/images/home/hero02.jpg?v=20260518-3s-compress");
  }
  40%, 59.999% {
    background-image: url("/public/site/images/home/hero03.jpg?v=20260518-3s-compress");
  }
  60%, 79.999% {
    background-image: url("/public/site/images/home/hero04.jpg?v=20260518-3s-compress");
  }
  80%, 99.999% {
    background-image: url("/public/site/images/home/hero05.jpg?v=20260518-3s-compress");
  }
  100% {
    background-image: url("/public/site/images/home/hero01.jpg?v=20260518-3s-compress");
  }
}

/* 彻底关闭原 homepage_image 伪元素层，防止旧轮播叠加 */
body .homepage_image::before,
body .homepage_image::after,
body .page_index_journal .homepage_image::before,
body .page_index_journal .homepage_image::after,
.pkp_page_index .homepage_image::before,
.pkp_page_index .homepage_image::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
  animation: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 首页主体紧贴顶栏 */
body.pkp_page_index main,
body.pkp_page_index .pkp_structure_main,
body.pkp_page_index .pkp_structure_content,
body.pkp_page_index .page_index_journal,
.pkp_page_index main,
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_content,
.pkp_page_index .page_index_journal {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  overflow: visible !important;
}

/* 宽屏适配 */
@media (min-aspect-ratio: 2/1) {
  body.pkp_page_index .page_index_journal::before,
  .pkp_page_index .page_index_journal::before,
  body .page_index_journal::before {
    height: clamp(620px, 68vh, 760px) !important;
    min-height: clamp(620px, 68vh, 760px) !important;
    max-height: 760px !important;
    background-position: center 38% !important;
  }
}

/* 中屏适配 */
@media (max-width: 1366px) {
  body.pkp_page_index .page_index_journal::before,
  .pkp_page_index .page_index_journal::before,
  body .page_index_journal::before {
    height: clamp(440px, 52vh, 560px) !important;
    min-height: clamp(440px, 52vh, 560px) !important;
    max-height: 560px !important;
  }
}

/* 移动端适配 */
@media (max-width: 720px) {
  body.pkp_page_index .page_index_journal::before,
  .pkp_page_index .page_index_journal::before,
  body .page_index_journal::before {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    background-position: center center !important;
  }
}