:root{
  --nav-bg: #fff;
  --nav-text: #0f1724;
  --accent: #0043ff;
  --submenu-bg: #0f1724;
  --overlay: rgba(0,0,0,0.6);
  --drawer-width: 320px;
  --transition: 320ms ease;
  --page-text: #0f1724;
}
.header{display: flex;align-items: center;justify-content: space-between;}
.site-nav { position: relative; z-index:1200; }

.site-menu-wrapper .menu {
  display:flex;
  gap:1.25rem;
  margin:0;
  padding:0.5rem 1rem;
  align-items:center;
  list-style:none;
  background:var(--nav-bg);
  color:var(--nav-text);
}

.site-menu-wrapper .menu > li > a {
  color:var(--nav-text);
  text-decoration:none;
  padding:0.5rem 0.75rem;
  font-size:0.95rem;
}

.site-menu-wrapper .menu li .submenu,
.site-menu-wrapper .menu li ul {
  position:absolute;
  min-width:200px;
  background:var(--nav-bg);
  margin-top:0.5rem;
  padding:0.5rem 0;
  box-shadow:0 8px 24px rgba(2,6,23,0.6);
  border-radius:6px;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity var(--transition), transform var(--transition), visibility var(--transition);
}
.submenu .oeb-l a{padding:.5rem;display:block;}

.site-menu-wrapper .menu li:hover > ul,
.site-menu-wrapper .menu li:focus-within > ul {
  opacity:1; visibility:visible; transform:translateY(0);
}

.menu-toggle { display:none;z-index:1400; background:transparent; border:0; padding:8px; cursor:pointer; }
.hamburger { display:inline-block; width:25px; height:20px; position:relative; }
.hamburger span { position:absolute; left:0; right:0; height:2px; background:var(--nav-text); border-radius:2px; display:block; }
.hamburger span:nth-child(1){ top:0; } .hamburger span:nth-child(2){ top:50%; transform:translateY(-50%);} .hamburger span:nth-child(3){ bottom:0; }

.mobile-drawer {
  position: fixed; left:0; top:0; height:100vh; width:var(--drawer-width);
  background:#081023; color:var(--nav-text);
  transform: translateX(-110%); transition: transform var(--transition);
  z-index:1500; box-shadow:8px 0 24px rgba(2,6,23,0.6); overflow-y:auto; padding:1.25rem 1rem;
}
.mobile-drawer.open { transform: translateX(0%); }
.mobile-drawer .drawer-close { background:transparent; border:0; color:var(--nav-text); font-size:20px; float:right; cursor:pointer; }

.mobile-drawer .menu { list-style:none; margin:1.2rem 0 0; padding:0; }
.mobile-drawer .menu li { margin-bottom:0.25rem; }
.mobile-drawer .menu a { display:block; padding:0.7rem 0.5rem; color:#e6f0ff; text-decoration:none; }
.mobile-drawer .menu a:hover { color:var(--accent); }

.mobile-drawer .menu li ul { max-height:0; overflow:hidden; transition:max-height 220ms ease; padding-left:0.6rem; }
.mobile-drawer .menu li ul.open { max-height:800px; }

.drawer-overlay { position:fixed; inset:0; background:var(--overlay); opacity:0; pointer-events:none; transition:opacity var(--transition); z-index:1450; }
.drawer-overlay.visible { opacity:1; pointer-events:auto; }

@media (max-width:992px){
  .site-menu-wrapper .menu { display:none; }
  .menu-toggle { display:inline-block; margin-left: .5rem;}  
}
@media (max-width:600px){
  .header{position: relative;display: flex;flex-flow: row-reverse;} 
   .oeb-m a{padding: .5rem;display: block;}
}
@media (max-width:420px){ :root{ --drawer-width:80vw; } }


/* 容器 */
.custom-pagination,
.custom-pagination-list {
  display:flex;
  justify-content:center;
  align-items:center;
  margin: 1rem 0;
  font-family: inherit;
}

/* 内层 */
.custom-pagination .custom-pagination-inner,
.custom-pagination-list .custom-pagination-inner {
  display:flex;
  gap:0.75rem;
  align-items:center;
  flex-wrap:wrap;
}

/* 兼容输出的 .pagination（Joomla / Bootstrap） */
.custom-pagination .pagination,
.custom-pagination-list .pagination,
.pagination {
  display:inline-flex;
  gap: var(--page-gap);
  list-style:none;
  margin:0;
  padding:0;
  align-items:center;
}

/* 分页项 */
.page-item,
.custom-pagination .pagination li {
  margin:0;
}

/* 链接 / 按钮化样式 */
.page-link,
.custom-pagination .pagination a,
.custom-pagination .pagination span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid var(--page-border);
  background:var(--page-bg);
  color:var(--page-text);
  text-decoration:none;
  font-size:0.95rem;
  transition:all var(--transition-fast);
}

/* hover / focus */
.page-link:hover,
.custom-pagination .pagination a:hover,
.custom-pagination .pagination .page-link:hover {
  transform:translateY(-2px);
  border-color: rgba(0,67,255,0.18);
  box-shadow: 0 6px 20px rgba(2,6,23,0.06);
}

/* 当前页（active） */
.page-item.active > .page-link,
.custom-pagination .pagination .active > a,
.custom-pagination .pagination .active > span {
  background: var(--page-accent);
  border-color: var(--page-accent);
  box-shadow: 0 8px 26px rgba(0,67,255,0.12);
}

/* 禁用 */
.page-item.disabled > .page-link,
.custom-pagination .pagination .disabled > a,
.custom-pagination .pagination .disabled > span {
  opacity: 0.5;
  pointer-events: none;
  background: #f8f9ff;
}

/* 计数 */
.pagination-counter {
  font-size:0.92rem;
  color:#536b8a;
  padding-left:8px;
}

/* 小屏响应 */
@media (max-width:640px) {
  .page-link, .custom-pagination .pagination a, .custom-pagination .pagination span {
    min-width:44px;
    height:44px;
    padding:0 10px;
  }
}