MediaWiki:Common.css：修订间差异

2026年10月19日 (一) 11:19的最新版本

/* MediaWiki:Timeless.css - Mindustry green header + MkDocs-ish sidebars */

body.skin-timeless {
  --mdtBrand: #00af89;
  --mdtBrand2: #00cfa0;
  --mdtHeaderFg: #ffffff;

  --mdtText: rgba(0, 0, 0, 0.87);
  --mdtTextMut: rgba(0, 0, 0, 0.55);
  --mdtHover: rgba(0, 0, 0, 0.06);

  --mdtSidebarW: 16rem;
  --mdtShadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.08),
    0 0 0.05rem rgba(0, 0, 0, 0.12);
}

/* ===== Header (Mindustry green) ===== */
body.skin-timeless #mw-header-container {
  background: var(--mdtBrand) !important;
  color: var(--mdtHeaderFg);
  box-shadow: var(--mdtShadow);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

body.skin-timeless #mw-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
}

body.skin-timeless #mw-header .visualClear {
  display: none;
}

/* Site title (left) */
body.skin-timeless #p-logo-text {
  order: 1;
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  position: static !important;
  text-align: left !important;
}

body.skin-timeless #p-logo-text #p-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.1;
}

/* Hide sidebar logo; show a small icon next to title */
body.skin-timeless #mw-site-navigation #p-logo {
  display: none !important;
}

body.skin-timeless #p-logo-text #p-banner::before {
  content: '';
  width: 32px;
  height: 32px;
  background: url(/resources/assets/logo.jpg) center / cover no-repeat;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}

/* Search (right, smaller, dark like external wiki) */
body.skin-timeless #p-search {
  order: 2;
  margin-left: auto;
  flex: 0 1 13rem;
  min-width: 11rem;
  max-width: 22vw;
}

body.skin-timeless #p-search h3 {
  display: none;
}

body.skin-timeless #p-search form {
  margin: 0;
}

body.skin-timeless #mw-header-container #simpleSearch {
  display: flex;
  align-items: stretch;
  height: 2.2rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0.35rem !important;
  box-shadow: none !important;
  overflow: hidden;
}

body.skin-timeless #mw-header-container #simpleSearch:focus-within {
  background: rgba(0, 0, 0, 0.36) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

body.skin-timeless #mw-header-container #searchInput-container {
  flex: 1 1 auto;
}

body.skin-timeless #mw-header-container #searchInput {
  height: 100% !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--mdtHeaderFg) !important;
  padding: 0.25rem 0.55rem !important;
}

body.skin-timeless #mw-header-container #searchInput::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Hide both submit buttons (press Enter to search) */
body.skin-timeless #mw-header-container #mw-searchButton,
body.skin-timeless #mw-header-container #searchButton {
  display: none !important;
}

/* Account area on far right */
body.skin-timeless #user-tools {
  order: 3;
  flex: 0 0 auto;
  white-space: nowrap;
}

body.skin-timeless #mw-header a,
body.skin-timeless #mw-header a:visited {
  color: var(--mdtHeaderFg);
}

body.skin-timeless #mw-header .dropdown {
  color: rgba(0, 0, 0, 0.87);
}

body.skin-timeless #mw-header .dropdown a,
body.skin-timeless #mw-header .dropdown a:visited {
  color: #0645ad;
}

/* Header color bar -> solid Mindustry green */
body.skin-timeless #mw-header-hack {
  background: var(--mdtBrand) !important;
}

body.skin-timeless #mw-header-hack .color-left,
body.skin-timeless #mw-header-hack .color-middle,
body.skin-timeless #mw-header-hack .color-right {
  background: var(--mdtBrand) !important;
}

/* ===== Sidebars (left + right consistent) ===== */
body.skin-timeless #mw-site-navigation,
body.skin-timeless #mw-related-navigation {
  width: var(--mdtSidebarW) !important;
  flex: 0 0 var(--mdtSidebarW) !important;
}

body.skin-timeless #mw-site-navigation .sidebar-chunk,
body.skin-timeless #mw-related-navigation .sidebar-chunk {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0.25rem 0;
  margin: 0 0 1rem;
}

body.skin-timeless #mw-site-navigation .sidebar-chunk > h2,
body.skin-timeless #mw-related-navigation .sidebar-chunk > h2 {
  margin: 0.25rem 0.75rem 0.5rem;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  color: var(--mdtTextMut);
}

body.skin-timeless #mw-site-navigation .mw-portlet-body ul,
body.skin-timeless #mw-related-navigation .mw-portlet-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.skin-timeless #mw-site-navigation .mw-portlet-body a,
body.skin-timeless #mw-related-navigation .mw-portlet-body a {
  display: block;
  padding: 0.38rem 0.85rem;
  border-radius: 10px;
  text-decoration: none;
  color: var(--mdtText);
  box-shadow: inset 3px 0 0 transparent;
}

body.skin-timeless #mw-site-navigation .mw-portlet-body a:hover,
body.skin-timeless #mw-related-navigation .mw-portlet-body a:hover {
  background: var(--mdtHover);
  box-shadow: inset 3px 0 0 var(--mdtBrand2);
}

/* Desktop: sticky and scrollable sidebars */
@media (min-width: 1000px) {
  body.skin-timeless #mw-site-navigation,
  body.skin-timeless #mw-related-navigation {
    position: sticky;
    top: 4rem;
    align-self: flex-start;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
  }
}

/* Thin scrollbar like MkDocs */
body.skin-timeless #mw-site-navigation,
body.skin-timeless #mw-related-navigation {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 207, 160, 0.85) transparent;
}

body.skin-timeless #mw-site-navigation::-webkit-scrollbar,
body.skin-timeless #mw-related-navigation::-webkit-scrollbar {
  width: 6px;
}

body.skin-timeless #mw-site-navigation::-webkit-scrollbar-track,
body.skin-timeless #mw-related-navigation::-webkit-scrollbar-track {
  background: transparent;
}

body.skin-timeless #mw-site-navigation::-webkit-scrollbar-thumb,
body.skin-timeless #mw-related-navigation::-webkit-scrollbar-thumb {
  background: rgba(0, 207, 160, 0.85);
  border-radius: 999px;
}

/* ===== Collapsible navigation (left) ===== */
body.skin-timeless #mw-site-navigation #p-navigation li.mdtNavGroup {
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
  min-width: 0;
}

body.skin-timeless #mw-site-navigation #p-navigation li.mdtNavGroup > a {
  min-width: 0;
}

body.skin-timeless #mw-site-navigation #p-navigation .mdtNavToggle {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--mdtTextMut);
  border-radius: 10px;
}

body.skin-timeless #mw-site-navigation #p-navigation .mdtNavToggle:hover {
  background: var(--mdtHover);
}

body.skin-timeless #mw-site-navigation #p-navigation .mdtNavToggle::before {
  content: '\25B8';
  display: block;
  font-size: 18px;
  line-height: 1;
  transition: transform 0.15s ease;
}

body.skin-timeless #mw-site-navigation #p-navigation li.mdtNavOpen > .mdtNavToggle::before {
  transform: rotate(90deg);
}

body.skin-timeless #mw-site-navigation #p-navigation .mdtNavSublist {
  grid-column: 1 / -1;
  list-style: none;
  margin: 0.15rem 0 0.4rem;
  padding: 0 0 0 0.85rem;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  display: none;
}

body.skin-timeless #mw-site-navigation #p-navigation li.mdtNavOpen > .mdtNavSublist {
  display: block;
}

body.skin-timeless #mw-site-navigation #p-navigation .mdtNavSublist a {
  font-size: 0.92em;
  padding: 0.32rem 0.85rem;
}

body.skin-timeless #mw-site-navigation #p-navigation a.mdtNavActive {
  color: var(--mdtBrand) !important;
  background: rgba(0, 175, 137, 0.12) !important;
  box-shadow: inset 3px 0 0 var(--mdtBrand) !important;
}

/* Page title underline -> green */
body.skin-timeless .mw-body h1.firstHeading {
  border-bottom-color: var(--mdtBrand) !important;
}

/* Small screens: search wraps */
@media (max-width: 720px) {
  body.skin-timeless #mw-header {
    flex-wrap: wrap;
  }

  body.skin-timeless #p-search {
    flex: 1 1 100%;
    max-width: none;
    margin-left: 0;
  }
}

/* ===== Homepage (mdtHome): rounded + Mindustry green accent ===== */
body.skin-timeless .mdtHome {
  --mdtHomePanel: #2c857c;
  --mdtHomeCard: #279d86;
  --mdtHomeCardHover: #2d7c72;
  --mdtHomeBorder: rgba(63, 101, 86, 0.55)
  --mdtHomeText: rgba(255, 255, 255, 0.92);
  --mdtHomeMut: rgba(255, 255, 255, 0.68);

  /* Use site theme vars when available */
  --mdtHomeAccent: var(--mdtBrand2, #00cfa0);
  --mdtHomeAccent2: var(--mdtBrand, #00af89);

  --mdtHomeCardTint: rgba(4, 201, 155, 0.08);
  --mdtHomeCardTintHover: rgba(0, 207, 160, 0.12);

  --mdtHomeRadiusPanel: 22px;
  --mdtHomeRadiusCard: 18px;
}

/* Panels */
body.skin-timeless .mdtHome .mdtPanel {
  background: var(--mdtHomePanel) !important;
  border: 1px solid var(--mdtHomeBorder);
  border-top: 3px solid rgba(0, 207, 160, 0.35);
  border-radius: var(--mdtHomeRadiusPanel);
  color: var(--mdtHomeText);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 16px 34px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

/* Hero */
body.skin-timeless .mdtHome .mdtHomeHero {
  padding: 1rem 1.1rem;
  display: grid;
  grid-template-columns: 4.75rem 1fr;
  gap: 1rem;
  align-items: center;
  background-image: none !important;
}

body.skin-timeless .mdtHome .mdtHomeHeroLogo {
  width: 72px;
  height: 72px;
  border-radius: 14px;
  background: url(/resources/assets/ui/alphaaaa.png) center / contain no-repeat;
  image-rendering: pixelated;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.28),
    0 0 0 2px rgba(0, 207, 160, 0.14);
}

body.skin-timeless .mdtHome .mdtHomeHeroTitle {
  color: var(--mdtHomeText);
  font-weight: 850;
  font-size: 1.45rem;
  line-height: 1.1;
  margin: 0;
}

body.skin-timeless .mdtHome .mdtHomeHeroSubtitle {
  color: var(--mdtHomeMut);
  margin-top: 0.35rem;
}

body.skin-timeless .mdtHome .mdtHomeHeroLinks {
  margin-top: 0.85rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

body.skin-timeless .mdtHome .mdtHomeHeroLinks a {
  display: inline-block;
  padding: 0.44rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 207, 160, 0.28);
  background: rgba(0, 207, 160, 0.14);
  color: var(--mdtHomeText) !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.skin-timeless .mdtHome .mdtHomeHeroLinks a:hover {
  border-color: rgba(0, 207, 160, 0.65);
  background: rgba(0, 207, 160, 0.18);
}

/* Sections */
body.skin-timeless .mdtHome .mdtHomeSection {
  padding: 1rem 1.1rem;
  margin-top: 1rem;
}

body.skin-timeless .mdtHome .mdtHomeSection h2 {
  margin-top: 0;
  border-bottom: 1px solid rgba(0, 207, 160, 0.18) !important;
  color: var(--mdtHomeText);
}

body.skin-timeless .mdtHome .mdtHomeSection a {
  color: var(--mdtHomeAccent);
}

body.skin-timeless .mdtHome .mdtHomeSection a:visited {
  color: var(--mdtHomeAccent2);
}

/* Card grid */
body.skin-timeless .mdtHome .mdtHomeGrid {
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1rem;
}

/* Cards: style the wiki-generated <a> (use [[Page|...]] in wikitext) */
body.skin-timeless .mdtHome .mdtCard > a {
  position: relative;
  display: grid;
  gap: 0.35rem;
  padding: 1.05rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--mdtHomeRadiusCard);
  background:
    linear-gradient(135deg, var(--mdtHomeCardTint), rgba(0, 0, 0, 0) 60%),
    var(--mdtHomeCard);
  color: var(--mdtHomeText) !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.20);
  transition: transform 0.12s ease, border-color 0.12s ease,
    background 0.12s ease, box-shadow 0.12s ease;
}

body.skin-timeless .mdtHome .mdtCard > a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.85rem;
  bottom: 0.85rem;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(0, 207, 160, 0.85),
    rgba(0, 175, 137, 0.18)
  );
  opacity: 0.18;
  pointer-events: none;
}

body.skin-timeless .mdtHome .mdtCard > a:visited {
  color: var(--mdtHomeText) !important;
}

body.skin-timeless .mdtHome .mdtCard > a:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 207, 160, 0.55);
  background:
    linear-gradient(135deg, var(--mdtHomeCardTintHover), rgba(0, 0, 0, 0) 60%),
    var(--mdtHomeCardHover);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.26),
    0 0 0 4px rgba(0, 207, 160, 0.12);
}

body.skin-timeless .mdtHome .mdtCard > a:hover::before {
  opacity: 0.55;
}

body.skin-timeless .mdtHome .mdtCard > a:focus-visible {
  outline: 3px solid rgba(0, 207, 160, 0.35);
  outline-offset: 3px;
}

body.skin-timeless .mdtHome .mdtCardTitle {
  display: block;
  font-weight: 850;
  font-size: 1.08rem;
  line-height: 1.1;
  letter-spacing: 0.01em;
}

body.skin-timeless .mdtHome .mdtCardDesc {
  display: block;
  color: var(--mdtHomeMut);
  font-size: 0.93rem;
}

body.skin-timeless .mdtHome .mdtCard > a:hover .mdtCardTitle {
  color: rgba(0, 207, 160, 0.95);
}

@media (max-width: 720px) {
  body.skin-timeless .mdtHome .mdtHomeHero {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}

/* 可选：防止站点标题换行导致顶部栏变高、搜索下移 */
body.skin-timeless #p-logo-text {
  max-width: 42vw;
}

body.skin-timeless #p-logo-text #p-banner {
  max-width: 42vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 720px) {
  body.skin-timeless #p-logo-text,
  body.skin-timeless #p-logo-text #p-banner {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
  }
}
 .mdtHomeGrid.mdtHomeGridZigzag{
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .mdtHomeGrid.mdtHomeGridZigzag .mdtCard{
    width: min(420px, 100%);
  }

  .mdtHomeGrid.mdtHomeGridZigzag .mdtCard:nth-child(even){
    margin-left: auto;
  }
 .mdtHomeGrid.mdtHomeGridZigzag { display:flex !important; flex-
  direction:column !important; gap:18px; }
  .mdtHomeGrid.mdtHomeGridZigzag > .mdtCard { width:min(420px,100%); }
  .mdtHomeGrid.mdtHomeGridZigzag > .mdtCard:nth-child(even) { margin-
  left:auto; }
/* 首页和模组库入口页隐藏 MediaWiki 页面标题 */
  body.page-首页 #firstHeading,
  body.page-模组库_模组浏览 #firstHeading {
      display: none !important;
  }
  body.skin-timeless .mdtHome{
    --mdtHomePanel: #2c9d8c !important;  /* 容器底色 */
    --mdtHomeBorder: rgba(49, 144, 106, 0.55) !important;
  }
 /* ===== mdtHome 强制覆写配色 ===== */
  body.skin-timeless .mdtHome{
    --mdtHomePanel: #ffffff!important;  /* 容器底色 */
    --mdtHomeBorder:  rgba(0, 255, 153, 0.77) !important;
  }

  body.skin-timeless .mdtHome .mdtHomeHeroLinks a{
    display: inline-block;
    background: #ffffff !important;     /* 按钮底色*/
    border: 2px solid #b5b5b5 !important;
    color: rgba(255,255,255,.92) !important;
  }

  body.skin-timeless .mdtHome .mdtHomeHeroLinks a:hover{
    background: #fcfcfc !important;
    border-color: #bfbfbf !important;
  }
/* 手机端：地区这种 mdtIconGrid 改成两列网格 */
  @media (max-width: 720px) {
    .mdtIconGrid,
    .mdtHomeGrid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
    }

    .mdtIconGridItem,
    .mdtHomeGrid .mdtCard {
      margin: 0 !important;
      min-width: 0 !important;
    }
  }

  /* 特别窄的手机再退回一列（可选） */
  @media (max-width: 380px) {
    .mdtIconGrid,
    .mdtHomeGrid {
      grid-template-columns: 1fr !important;
    }
  }

/* 基础卡片：对应你 2 图那种“白底 + 圆角 + 阴影” */
.mw-parser-output .mdtCard {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* 绿色强调卡片：像你 2 图“介绍”那种效果 */
.mw-parser-output .mdtCard.mdtAccent {
  border-color: rgba(0, 207, 160, 0.35);
  box-shadow: 0 14px 30px rgba(0, 207, 160, 0.14), 0 10px 24px rgba(0, 0, 0, 0.06);
}

.mw-parser-output .mdtCardTitle {
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.2;
  margin: 0 0 10px;
}

.mw-parser-output .mdtMut {
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

/* 右侧信息框：实现 3 图那种“右侧固定一块信息表” */
.mw-parser-output table.mdtInfobox {
  float: right;
  width: 320px;
  max-width: 100%;
  margin: 0 0 16px 16px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.mw-parser-output table.mdtInfobox th,
.mw-parser-output table.mdtInfobox td {
  padding: 10px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  vertical-align: top;
}

.mw-parser-output table.mdtInfobox tr:first-child th {
  border-top: 0;
}

.mw-parser-output table.mdtInfobox th {
  text-align: left;
  white-space: nowrap;
  width: 6.5em;
  color: rgba(0, 0, 0, 0.78);
}

.mw-parser-output table.mdtInfobox .mdtInfoboxTitle {
  background: rgba(0, 207, 160, 0.09);
  font-weight: 900;
  font-size: 1.1rem;
}

/* 手机：信息框不要浮动，改为满宽堆叠 */
@media (max-width: 900px) {
  .mw-parser-output table.mdtInfobox {
    float: none;
    width: 100%;
    margin: 0 0 16px 0;
  }
}



/* 两栏布局：左正文 + 右侧信息栏（桌面）；手机改为一列，信息栏置顶 */
.mw-parser-output .mdtLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  align-items: start;
}

.mw-parser-output .mdtRightRail {
  display: grid;
  gap: 12px;
}

@media (max-width: 900px) {
  .mw-parser-output .mdtLayout {
    grid-template-columns: 1fr;
  }
  .mw-parser-output .mdtRightRail {
    order: -1;
  }
}

/* 右侧黑色面板（Miraheze 风格） */
.mw-parser-output .mdtSidePanel {
  background: rgba(255, 255, 255, 0.86);
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42);
}

.mw-parser-output .mdtSidePanel a,
.mw-parser-output .mdtSidePanel a:visited {
  color: #7ad6c0;
}

.mw-parser-output .mdtSideTitle {
  padding: 12px 14px 4px;
  font-weight: 900;
  font-size: 1.35rem;
  line-height: 1.1;
}

.mw-parser-output .mdtSideId {
  padding: 0 14px 12px;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 700;
}

.mw-parser-output .mdtSideDesc {
  padding: 10px 14px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.95rem;
}

.mw-parser-output .mdtSideSection {
  padding: 10px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
  font-weight: 900;
}

.mw-parser-output table.mdtSideTable {
  width: 100%;
  border-collapse: collapse;
}

.mw-parser-output table.mdtSideTable th,
.mw-parser-output table.mdtSideTable td {
  padding: 8px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  vertical-align: top;
}

.mw-parser-output table.mdtSideTable th {
  width: 7em;
  white-space: nowrap;
  text-align: left;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 800;
}

.mw-parser-output .mdtPixelIcon img {
  width: 18px;
  height: 18px;
  image-rendering: pixelated;
  vertical-align: -3px;
}

/* “科技树”框（右侧栏底部那块） */
.mw-parser-output .mdtTechTreePanel {
  margin: 12px 14px 14px;
  border: 2px solid rgba(224, 192, 112, 0.7);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.25);
}

.mw-parser-output .mdtTechTreeTitle {
  text-align: center;
  padding: 12px 10px 8px;
  font-weight: 900;
  font-size: 1.25rem;
  color: #e0c070;
}

.mw-parser-output .mdtTechTreeGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.mw-parser-output .mdtTechCol {
  padding: 12px 10px 10px;
  text-align: center;
}

.mw-parser-output .mdtTechCol + .mdtTechCol {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.mw-parser-output .mdtTechColTitle {
  font-weight: 900;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 10px;
}

.mw-parser-output .mdtTechCol img {
  width: 54px;
  height: 54px;
  image-rendering: pixelated;
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(110, 90, 230, 0.9);
}

.mw-parser-output .mdtTechTreeNote {
  padding: 10px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.92rem;
  text-align: center;
}
/* 右侧栏 + 科技树：浅色模式（白底黑字） */
  body.skin-timeless .mdtLayout.mdtLight .mdtSidePanel{
    background:#fff !important;
    color:rgba(0,0,0,.87) !important;
    border:1px solid rgba(0,0,0,.10) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtSidePanel a,
  body.skin-timeless .mdtLayout.mdtLight .mdtSidePanel a:visited{
    color:rgba(0,0,0,.87) !important; /* 想保留链接蓝色就删掉这一条 */
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtSideId,
  body.skin-timeless .mdtLayout.mdtLight .mdtSideDesc{
    color:rgba(0,0,0,.60) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtSideSection{
    background:rgba(0,0,0,.04) !important;
    color:rgba(0,0,0,.82) !important;
    border-top:1px solid rgba(0,0,0,.08) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight table.mdtSideTable th,
  body.skin-timeless .mdtLayout.mdtLight table.mdtSideTable td{
    border-top:1px solid rgba(0,0,0,.08) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight table.mdtSideTable th{
    color:rgba(0,0,0,.65) !important;
  }

  /* 科技树框：白底黑字 */
  body.skin-timeless .mdtLayout.mdtLight .mdtTechTreePanel{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.12) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtTechTreeTitle{
    color:rgba(0,0,0,.87) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtTechTreeGrid{
    border-top:1px solid rgba(0,0,0,.12) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtTechCol + .mdtTechCol{
    border-left:1px solid rgba(0,0,0,.12) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtTechColTitle{
    color:rgba(0,0,0,.75) !important;
  }

  body.skin-timeless .mdtLayout.mdtLight .mdtTechTreeNote{
    color:rgba(0,0,0,.60) !important;
    border-top:1px solid rgba(0,0,0,.12) !important;
  }
  /* 科技树面板内的所有图标统一缩小 */
  body.skin-timeless .mdtTechTreePanel img{
    width: 40px !important;
    height: 40px !important;
  }
/* 表头（金色字） */
body.skin-timeless .mw-parser-output table.mdtResearchTable th {
  background: rgb(255, 255, 255);
  color: #e0c070;
  font-weight: 900;
  font-size: 1.2rem;
  text-align: center;
}

/* 左列（必考研究）可做成偏橙色文字 */
body.skin-timeless .mw-parser-output .mdtResearchReq {
  color: #c58a76;
  font-weight: 800;
}

/* 像素图标 */
body.skin-timeless .mw-parser-output .mdtPixelIcon img {
  width: 22px;
  height: 22px;
  image-rendering: pixelated;
  vertical-align: -4px;
}


/* 研究表外框（黑底金边） */
.mw-parser-output .mdtResearchPanel {
  background: rgba(252, 252, 252, 0.86);
  border: 2px solid rgba(224, 192, 112, 0.72);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42);
}

/* 如果你没包 <div class="mdtResearchPanel">，表格也会自动变成黑金风格 */
.mw-parser-output table.mdtResearchTable {
  background: rgba(8, 8, 8, 0.86);
  border: 2px solid rgba(224, 192, 112, 0.72);
  border-radius: 14px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42);
}

/* 有外框时，避免出现“双层边框” */
.mw-parser-output .mdtResearchPanel table.mdtResearchTable {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.mw-parser-output .mdtResearchPanel a,
.mw-parser-output .mdtResearchPanel a:visited {
  color: rgba(255, 255, 255, 0.92);
}

/* 表格本体 */
.mw-parser-output table.mdtResearchTable {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.mw-parser-output table.mdtResearchTable th,
.mw-parser-output table.mdtResearchTable td {
  padding: 14px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  vertical-align: middle;
}

.mw-parser-output table.mdtResearchTable tr:first-child th {
  border-top: 0;
}

/* 表头（金色字） */
.mw-parser-output table.mdtResearchTable th {
  background: rgba(255, 255, 255, 0.03);
  color: #e0c070;
  font-weight: 900;
  font-size: 1.2rem;
  text-align: center;
}

/* 左列（必考研究）可做成偏橙色文字 */
.mw-parser-output .mdtResearchReq {
  color: #c58a76;
  font-weight: 800;
}

/* 像素图标 */
.mw-parser-output .mdtPixelIcon img {
  width: 22px;
  height: 22px;
  image-rendering: pixelated;
  vertical-align: -4px;
}

/* 如果误用了 |thumb / |frame，尽量去掉默认白底/边框 */
.mw-parser-output .mdtResearchPanel .thumbinner,
.mw-parser-output .mdtResearchPanel .thumbimage,
.mw-parser-output .mdtResearchPanel .thumbborder {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 如果表格里出现“灰色代码框”，通常是某行开头有空格导致的 <pre>；这里兜底把它变透明 */
.mw-parser-output .mdtResearchPanel pre,
.mw-parser-output table.mdtResearchTable pre {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  white-space: normal;
}

/* 底部说明 */
.mw-parser-output .mdtResearchFoot {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
}

.mw-parser-output .mdtResearchNote {
  color: rgba(255, 255, 255, 0.78);
  text-align: center;
}

/* 手机：允许横向滚动，避免内容挤坏 */
@media (max-width: 900px) {
  .mw-parser-output .mdtResearchPanel {
    overflow-x: auto;
  }
  .mw-parser-output table.mdtResearchTable {
    min-width: 520px;
  }
}

/* 研究表：单元格文字改成黑色（适配白底页面） */
.mw-parser-output table.mdtResearchTable td {
  color: rgba(0, 0, 0, 0.87) !important;
}

/* 底部两行说明：用更浅的黑色 */
.mw-parser-output .mdtResearchFoot,
.mw-parser-output .mdtResearchNote {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* 链接颜色（按需改成你的主题色） */
.mw-parser-output table.mdtResearchTable a,
.mw-parser-output table.mdtResearchTable a:visited {
  color: #27caaa;
}
/* 默认（白底）：用浅灰线 */
.mw-parser-output table.mdtResearchTable {
  border-collapse: collapse;
}

.mw-parser-output table.mdtResearchTable th,
.mw-parser-output table.mdtResearchTable td {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.mw-parser-output table.mdtResearchTable tr:first-child th {
  border-top: 0;
}

/* 黑底面板（mdtResearchPanel 内）：用浅白线 */
.mw-parser-output .mdtResearchPanel table.mdtResearchTable th,
.mw-parser-output .mdtResearchPanel table.mdtResearchTable td {
  border-top-color: rgba(255, 255, 255, 0.12);
}

/* Mindustry Logic 教程（由 HTML 转成 MediaWiki）样式 */

/* 仅影响包在 <div class="mdtLogicTutorial"> ... </div> 内的内容 */
.mdtLogicTutorial .mdtMarkdownAlert{
  margin: 0.9em 0;
  padding: 0.8em 1em;
  border-left: 4px solid rgba(0,0,0,.35);
  background: rgba(0,0,0,.04);
  border-radius: 6px;
}
.mdtLogicTutorial .mdtMarkdownAlert-tip{border-left-color:#6ecb63;}
.mdtLogicTutorial .mdtMarkdownAlert-note{border-left-color:#3b82f6;}
.mdtLogicTutorial .mdtMarkdownAlert-warning{border-left-color:#f59e0b;}
.mdtLogicTutorial .mdtMarkdownAlert-important{border-left-color:#a855f7;}

.mdtLogicTutorial pre{
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 6px;
  padding: 0.8em 1em;
  overflow-x: auto;
  white-space: pre;
}

.mdtLogicTutorial code{
  font-family: var(--mdt-mono-font, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}

.mdtLogicTutorial :is(h2,h3,h4){
  scroll-margin-top: 80px;
}

 /* 黑幕/剧透遮挡 */
  .heimu, .heimu a, .heimu a:visited{
    background:#000;
    color:#000 !important;
    border-radius:2px;
    padding:0 0.2em;
    cursor:pointer;
    text-decoration:none;
  }

/* 悬停显示（可选） */
.heimu:hover, .heimu:hover a, .heimu:hover a:visited{
  color:#fff !important;
}

/* 点击后保持显示（配合 JS） */
.heimu.heimu-revealed, .heimu.heimu-revealed a, .heimu.heimu-revealed a:visited{
  color:#fff !important;
}

/* Fix: make Timeless sidebars scrollable (wheel + touch) */
@media (max-width: 999px) {
  body.skin-timeless #mw-site-navigation,
  body.skin-timeless #mw-related-navigation {
    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
}

  /* 统一侧边栏宽度：把 260px 改成你想要的 */
  :root{ --mdt-rail-width: 260px; }

  /* 白色信息栏：右侧 rail + 面板 */
  .mdtRightRail{
    width: var(--mdt-rail-width);
    min-width: var(--mdt-rail-width);
    max-width: var(--mdt-rail-width);
    flex: 0 0 var(--mdt-rail-width); /* 如果外层是 flex */
    box-sizing: border-box;
  }
  .mdtSidePanel{ width: 100%; box-sizing: border-box; }

  /* 表格别把面板撑宽 */
  .mdtSideTable{ width: 100%; table-layout: fixed; }

  /* 长英文/长串强制换行，避免撑宽 */
  .mdtSideTitle, .mdtSideDesc, .mdtSideTable td{
    overflow-wrap: anywhere;
    word-break: break-word;
  }
/* Tech tree icons: smaller frame, tighter spacing, no stretching */
body.skin-timeless #mw-content-text .mdtTechTreePanel .mdtTechCol a.image,
body.skin-timeless #mw-content-text .mdtTechTreePanel .mdtTechCol a.mw-file-description {
  display: block;
  width: fit-content;
  margin: 0.25rem auto;
  line-height: 0;
}

body.skin-timeless #mw-content-text .mdtTechTreePanel .mdtTechCol img,
body.skin-timeless #mw-content-text .mdtTechTreePanel .mdtTechCol img.mw-file-element {
  display: block;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  border: 2px solid rgba(124, 106, 255, 0.75);
  border-radius: 14px;
  padding: 2px;
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}

/* === MDTDB：强制两列 + 过滤空元素（防止第二栏掉下去） === */
.mdt-db .mdt-db-cols {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 26px !important;
  row-gap: 18px !important;
  align-items: start !important;
  justify-items: stretch !important;
  align-content: start !important;
  justify-content: start !important;
}

/* 关键：隐藏模板/换行产生的空占位元素，否则会占用 grid 格子 */
.mdt-db .mdt-db-cols > :not(.mdt-db-col) {
  display: none !important;
}

/* 列表从上到下紧凑排列（防止 space-between 把间距拉大） */
.mdt-db .mdt-db-col,
.mdt-db .mdt-db-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

.mdt-db .mdt-db-item {
  margin: 0 !important;
}

.mdt-db p {
  margin: 0 !important;
  padding: 0 !important;
}

/* 手机端：一列（不想要手机一列就删掉这一段） */
@media (max-width: 640px) {
  .mdt-db .mdt-db-cols {
    grid-template-columns: 1fr !important;
  }
}


.mindustry-map-widget {
  --mmw-border: rgba(0, 0, 0, 0.12);
  --mmw-bg: #fff;
  --mmw-fg: #202124;
  --mmw-muted: rgba(0, 0, 0, 0.65);
  --mmw-primary: #1677ff;
  color: var(--mmw-fg);
}

.mindustry-map-widget * {
  box-sizing: border-box;
}

.mindustry-map-widget .mmw-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 8px 0 12px;
}

.mindustry-map-widget .mmw-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.mindustry-map-widget .mmw-search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 320px;
  max-width: 640px;
}

.mindustry-map-widget .mmw-search.mmw-search-row {
  max-width: none;
  margin: 8px 0 12px;
}

.mindustry-map-widget .mmw-search input[type="search"] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--mmw-border);
  border-radius: 8px;
  background: var(--mmw-bg);
  color: inherit;
  outline: none;
}

.mindustry-map-widget .mmw-search input[type="search"]:focus {
  border-color: var(--mmw-primary);
  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.15);
}

.mindustry-map-widget .mmw-btn {
  appearance: none;
  border: 1px solid var(--mmw-border);
  background: var(--mmw-bg);
  color: inherit;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}

.mindustry-map-widget .mmw-btn:hover {
  border-color: rgba(0, 0, 0, 0.22);
}

.mindustry-map-widget .mmw-btn:active {
  transform: translateY(1px);
}

.mindustry-map-widget .mmw-btn.mmw-btn-primary {
  border-color: var(--mmw-primary);
  color: var(--mmw-primary);
}

.mindustry-map-widget .mmw-alert {
  border: 1px solid rgba(22, 119, 255, 0.35);
  background: rgba(22, 119, 255, 0.06);
  padding: 10px 12px;
  border-radius: 10px;
  margin: 0 0 12px;
  color: var(--mmw-muted);
}

.mindustry-map-widget .mmw-filters {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0 0 12px;
}

.mindustry-map-widget .mmw-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.mindustry-map-widget .mmw-filter-label {
  font-weight: 700;
  color: var(--mmw-muted);
}

.mindustry-map-widget .mmw-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mindustry-map-widget .mmw-btn-group .mmw-btn {
  padding: 6px 9px;
  border-radius: 999px;
}

.mindustry-map-widget .mmw-btn-group .mmw-btn.is-active {
  border-color: var(--mmw-primary);
  color: var(--mmw-primary);
  background: rgba(22, 119, 255, 0.08);
}

.mindustry-map-widget .mmw-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 700px) {
  .mindustry-map-widget .mmw-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .mindustry-map-widget .mmw-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.mindustry-map-widget .mmw-card {
  border: 1px solid var(--mmw-border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--mmw-bg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  min-height: 280px;
}

.mindustry-map-widget .mmw-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(0, 0, 0, 0.03);
  overflow: hidden;
  display: block;
}

.mindustry-map-widget .mmw-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mindustry-map-widget .mmw-body {
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
}

.mindustry-map-widget .mmw-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mindustry-map-widget .mmw-tag-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1 1 auto;
}

.mindustry-map-widget .mmw-tag-btn {
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: rgba(0, 0, 0, 0.02);
  cursor: pointer;
  user-select: none;
}

.mindustry-map-widget .mmw-tag-btn:hover {
  border-color: rgba(0, 0, 0, 0.22);
}

.mindustry-map-widget .mmw-tag.is-active {
  border-color: var(--mmw-primary);
  color: var(--mmw-primary);
  background: rgba(22, 119, 255, 0.08);
}

.mindustry-map-widget .mmw-tag-clear {
  white-space: nowrap;
}

.mindustry-map-widget .mmw-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 999px;
  font-size: 12px;
  color: var(--mmw-muted);
  background: rgba(0, 0, 0, 0.02);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mindustry-map-widget .mmw-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mindustry-map-widget .mmw-desc {
  font-size: 13px;
  color: var(--mmw-muted);
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 3.9em;
}

.mindustry-map-widget .mmw-actions {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.mindustry-map-widget .mmw-actions a,
.mindustry-map-widget .mmw-actions button {
  flex: 1 1 0;
  text-align: center;
  font-size: 13px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: rgba(0, 0, 0, 0.02);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.mindustry-map-widget .mmw-actions a:hover,
.mindustry-map-widget .mmw-actions button:hover {
  border-color: rgba(0, 0, 0, 0.18);
}

.mindustry-map-widget .mmw-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 0 6px;
}

.mindustry-map-widget .mmw-muted {
  color: var(--mmw-muted);
  font-size: 13px;
}

/* BEGIN MDT SHARED THEME v1 */
/* MDT Wiki shared visual theme v1. Append after existing styles.
   Presentation only: retains page text, template values and edit controls.
   !important is limited to overriding existing Common.css forced styles. */
body.skin-timeless{
 --mdt-paper:#fffefb;--mdt-ground:#eceee9;--mdt-ink:#304239;--mdt-muted:#6c7c68;
 --mdt-line:#d5dfcc;--mdt-gold:#b59a63;--mdt-green:#356b52;--mdt-dark:#233630;
 background:var(--mdt-ground);color:var(--mdt-ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.7;
}
body.skin-timeless #mw-header-container{background:#233630!important;border-top:3px solid #c3a168;border-bottom:1px solid #405447;box-shadow:0 2px 8px #14251b18}
body.skin-timeless #mw-header{background:transparent!important}
body.skin-timeless #p-logo-text #p-banner{color:#f3f1e6!important;font-family:"Segoe UI","Microsoft YaHei",sans-serif!important;font-weight:700;letter-spacing:.6px}
body.skin-timeless #mw-header a,body.skin-timeless #mw-header a:visited{color:#dfdfcf!important}
body.skin-timeless #mw-header .dropdown a{color:#304239!important}
body.skin-timeless #mw-header-container #simpleSearch{border:1px solid #7d896e!important;border-radius:3px;background:#fffef7!important;box-shadow:none}
body.skin-timeless #mw-header-hack .color-left,body.skin-timeless #mw-header-hack .color-middle,body.skin-timeless #mw-header-hack .color-right{background:#b59a63!important}
body.skin-timeless #mw-content-container{background:transparent}
body.skin-timeless #mw-content{background:var(--mdt-paper);border:1px solid var(--mdt-line);border-radius:5px;box-shadow:0 4px 16px #263e2608;padding:24px}
body.skin-timeless .mw-body h1.firstHeading{font-family:inherit;font-weight:700;font-size:30px;line-height:1.35;border-bottom:2px solid var(--mdt-gold)!important;padding:0 0 13px;color:#304739;letter-spacing:.4px}
body.skin-timeless .mw-body h2,body.skin-timeless .mw-body h3,body.skin-timeless .mw-body h4{font-family:inherit;color:#354c3c;line-height:1.5}
body.skin-timeless .mw-body h2{font-size:21px;border-bottom:1px solid var(--mdt-line);padding:10px 0;margin:24px 0 16px}
body.skin-timeless .mw-body h3{font-size:17px;margin:20px 0 12px}
body.skin-timeless .mw-body a{color:#356b52}
body.skin-timeless .mw-body a:visited{color:#536f54}
body.skin-timeless .mw-body a:hover{color:#244b37;text-decoration:underline}
body.skin-timeless .mw-body a.new,body.skin-timeless .mw-body a.new:visited{color:#a4513b;background:transparent!important;text-decoration-style:dotted}
body.skin-timeless .mw-body a:focus-visible,body.skin-timeless button:focus-visible,body.skin-timeless summary:focus-visible{outline:3px solid #b59a63;outline-offset:3px}
body.skin-timeless #mw-content .mw-editsection{font-size:11px;font-weight:400;white-space:nowrap}
body.skin-timeless #mw-content .mw-editsection a{color:#77866e}
body.skin-timeless #mw-content .mw-parser-output{overflow-wrap:anywhere}
body.skin-timeless #mw-content p{line-height:1.8}
body.skin-timeless #mw-content :is(pre,code){font-family:Consolas,"Cascadia Mono",monospace}
body.skin-timeless #mw-content pre{background:#f2f5ed;border:1px solid #d5dfcc;border-left:3px solid #b59a63;padding:14px 16px;border-radius:3px;overflow:auto;max-width:100%;box-sizing:border-box}
body.skin-timeless #mw-content blockquote{background:#f1f4e9;border-left:3px solid #b59a63;margin:18px 0;padding:10px 18px;color:#52634d}
body.skin-timeless #mw-content hr{background:#d5dfcc;color:#d5dfcc}
/* Site navigation and the existing floating directory. */
body.skin-timeless #mw-site-navigation .sidebar-chunk,body.skin-timeless #mw-related-navigation .sidebar-chunk{background:linear-gradient(145deg,#fffef8,#eef2e9)!important;border:1px solid #d3ddcf!important;border-top:3px solid #b59a63!important;border-radius:4px;box-shadow:0 3px 12px #263e260a}
body.skin-timeless #mw-site-navigation .sidebar-chunk>h2,body.skin-timeless #mw-related-navigation .sidebar-chunk>h2{color:#52634d!important;font-size:13px;letter-spacing:.5px}
body.skin-timeless #mw-site-navigation .mw-portlet-body a,body.skin-timeless #mw-related-navigation .mw-portlet-body a{color:#435641!important;border-radius:3px}
body.skin-timeless #mw-site-navigation .mw-portlet-body a:hover,body.skin-timeless #mw-related-navigation .mw-portlet-body a:hover{background:#e7eddf!important;box-shadow:inset 3px 0 #ad9560}
body.skin-timeless .mdtDockBtn{background:#2c4138!important;color:#e1d7bb!important;border:1px solid #778164!important;border-radius:4px!important;box-shadow:0 3px 9px #24332615!important}
body.skin-timeless #mdtFloatToc{background:#f7f8ef!important;color:#344b3c!important;border:1px solid #cbd7c0!important;border-top:3px solid #b59a63!important;border-radius:4px!important;box-shadow:0 5px 18px #2a402015!important}
body.skin-timeless #mdtFloatToc a,body.skin-timeless #mdtFloatToc button{color:#435d43!important}
body.skin-timeless #mdtFloatToc a:hover{background:#e4ecd9!important}
/* Existing homepage/planet panels share the same paper and gold detailing. */
body.skin-timeless .mdtHome{--mdtHomeBg:#fffefb;--mdtHomeBorder:#d5dfcc;--mdtHomeText:#304239;--mdtHomeLink:#356b52;min-width:0}
body.skin-timeless #mw-content .mdtPanel,body.skin-timeless #mw-content .mdtHome .mdtPanel{background:#fffefb!important;border:1px solid #d5dfcc!important;border-radius:4px!important;box-shadow:0 3px 10px #263e2606!important;padding:20px 24px;margin-bottom:20px;min-width:0;box-sizing:border-box}
body.skin-timeless #mw-content .mdtHomeSection h2{display:flex;align-items:baseline;gap:10px;color:#354c3c!important;font-size:20px;border-bottom:1px solid #dce4d4!important;padding:0 0 12px;margin-top:0}
body.skin-timeless #mw-content .mdtHomeSection h2:before{content:"";width:4px;height:16px;background:#b59a63;flex-shrink:0;align-self:center}
body.skin-timeless #mw-content .mdtHomeSection h2 .mw-headline{flex:1;min-width:0}
body.skin-timeless #mw-content .mdtHome .mdtHomeHero{background:#233630!important;color:#f4f1e5!important;border-color:#455b47!important;border-top:3px solid #b59a63!important}
body.skin-timeless #mw-content .mdtHomeHeroTitle{color:#f4f1e5!important;font-family:inherit;font-weight:700}
body.skin-timeless #mw-content .mdtHomeHeroSubtitle{color:#b9cab7!important}
body.skin-timeless #mw-content .mdtHomeHeroLinks a{background:#354a3d!important;color:#e4cf98!important;border:1px solid #68795b!important;border-radius:3px}
/* Planet/category artwork cards. Retain actual image dimensions/aspect ratio. */
body.skin-timeless #mw-content .mdtIconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px!important;align-items:stretch}
body.skin-timeless #mw-content .mdtIconGridItem{position:relative;background:linear-gradient(135deg,#fbfcf6,#eef3e7)!important;border:1px solid #d5dfc9!important;border-top:2px solid #baa374!important;border-radius:3px!important;box-shadow:0 2px 5px #34452308!important;padding:14px 10px!important;margin:0!important;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s}
body.skin-timeless #mw-content .mdtIconGridItem:hover,body.skin-timeless #mw-content .mdtIconGridItem:focus-within{transform:translateY(-2px);border-color:#a6b98d!important;box-shadow:0 5px 13px #334a2515!important}
body.skin-timeless #mw-content .mdtIconGridItem img{image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 2px 1px #24332615)}
body.skin-timeless #mw-content .mdtIconGridText{color:#40583f!important;font-weight:600;font-size:13px;line-height:1.5;margin-top:8px}
/* Tutorial/navigation cards, matching the home page's centered chevron. */
body.skin-timeless #mw-content .mdtHomeGrid{gap:12px!important}
body.skin-timeless #mw-content .mdtHomeGrid>.mdtCard{padding:0!important;border:0!important;border-radius:3px!important;box-shadow:none!important;background:transparent!important;min-width:0}
body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a{display:flex;flex-direction:column;justify-content:center;position:relative;padding:18px 34px 18px 18px!important;min-height:94px;box-sizing:border-box;background:linear-gradient(135deg,#fbfcf6,#eef3e7)!important;border:1px solid #d5dfc9!important;border-top:2px solid #baa374!important;border-radius:3px!important;box-shadow:0 2px 5px #34452308!important;color:#354f3c!important;text-decoration:none;transition:transform .18s,box-shadow .18s}
body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a:before{display:none!important}
body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a:after{content:"›";position:absolute;right:15px;top:50%;transform:translateY(-50%);font:22px/1 Georgia,serif;color:#9caa8c;background:none}
body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a:hover,body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a:focus-visible{transform:translateY(-2px);box-shadow:0 5px 13px #334a2515!important;border-color:#a6b98d!important}
body.skin-timeless #mw-content .mdtCardTitle{color:#354f3c!important;font-size:15px;font-weight:650;line-height:1.5;margin:0 0 7px}
body.skin-timeless #mw-content .mdtCardDesc{color:#76846b!important;font-size:12px;line-height:1.6}
/* Item/liquid/block/unit information rails. */
body.skin-timeless #mw-content .mdtLayout{gap:22px;min-width:0}
body.skin-timeless #mw-content .mdtMain{min-width:0}
body.skin-timeless #mw-content .mdtSidePanel,body.skin-timeless #mw-content table.mdtInfobox{background:#fffefb!important;color:#304239!important;border:1px solid #cdd8c3!important;border-top:3px solid #b59a63!important;border-radius:4px!important;box-shadow:0 3px 12px #263e260c!important}
body.skin-timeless #mw-content .mdtSideTitle{background:#293e33;color:#f3eedc!important;font-size:22px;font-weight:700;line-height:1.5;padding:16px!important;text-align:center}
body.skin-timeless #mw-content .mdtSideId{background:#293e33;color:#d4c59e!important;font-family:Consolas,monospace;padding-bottom:12px}
body.skin-timeless #mw-content .mdtSideDesc{color:#67765f!important;background:#f1f4e9!important;border-color:#dae3d1!important;padding:14px 16px;font-size:13px;line-height:1.8}
body.skin-timeless #mw-content .mdtSideSection{background:#e9efdf!important;color:#4e6247!important;border-top:1px solid #d1dcc4!important;border-bottom:1px solid #d1dcc4!important;padding:10px 14px!important;font-size:14px;font-weight:650}
body.skin-timeless #mw-content .mdtSideSection h2,body.skin-timeless #mw-content .mdtSideSection h3{font-size:14px;margin:0;padding:0;border:0;color:#4e6247!important}
body.skin-timeless #mw-content .mdtSideTable{background:transparent!important;box-sizing:border-box}
body.skin-timeless #mw-content .mdtSideTable th,body.skin-timeless #mw-content .mdtSideTable td{color:#344b3c!important;border-color:#e0e7d8!important;padding:9px 12px!important;font-size:13px;line-height:1.65}
body.skin-timeless #mw-content .mdtSideTable th{background:#f5f7ef!important;font-weight:600;white-space:normal!important}
body.skin-timeless #mw-content .mdtSideTable td{background:#fffefb!important}
body.skin-timeless #mw-content .mdtSidePanel a,body.skin-timeless #mw-content .mdtSidePanel a:visited{color:#356b52!important}
body.skin-timeless #mw-content .mdtSidePanel a.new{color:#a4513b!important}
body.skin-timeless #mw-content .mdtTechTreePanel{background:#f2f5eb!important;border:1px solid #c4d0b3!important;border-top:2px solid #b59a63!important;border-radius:3px!important;box-shadow:none!important}
body.skin-timeless #mw-content .mdtTechTreeTitle{color:#52663f!important;font-size:16px;padding:12px}
body.skin-timeless #mw-content .mdtTechColTitle,body.skin-timeless #mw-content .mdtTechTreeNote{color:#5b6c50!important;font-size:12px}
body.skin-timeless #mw-content .mdtTechCol,body.skin-timeless #mw-content .mdtTechTreeGrid{border-color:#d6dfcb!important;min-width:0}
body.skin-timeless #mw-content .mdtTechCol img{border-radius:2px;box-shadow:none!important;image-rendering:pixelated;max-width:100%;height:auto}
/* Source/use lists and standard tables retain their data and sort controls. */
body.skin-timeless #mw-content .mdt-db-col{background:#f5f7ef!important;border:1px solid #d5dfcb!important;border-radius:3px!important;box-shadow:none!important}
body.skin-timeless #mw-content .mdt-db-col-title{background:#e8eedf!important;color:#4b6244!important;border-bottom:1px solid #d0dbc2!important;font-weight:650;padding:10px 12px}
body.skin-timeless #mw-content .mdt-db-item{border-color:#e0e7d7!important;border-radius:2px!important;transition:background .18s}
body.skin-timeless #mw-content .mdt-db-item:hover{background:#eaf0e1!important}
body.skin-timeless #mw-content table.wikitable{background:#fffefb;color:#304239;border:1px solid #cdd8c3;border-collapse:collapse;max-width:100%;font-size:14px}
body.skin-timeless #mw-content table.wikitable>thead>tr>th,body.skin-timeless #mw-content table.wikitable>tbody>tr>th,body.skin-timeless #mw-content table.wikitable>tr>th{background:#e8eedf;color:#40573d;border-color:#cdd8c3;padding:11px 14px;text-align:left}
body.skin-timeless #mw-content table.wikitable td{border-color:#dce4d3;padding:10px 14px;line-height:1.7}
body.skin-timeless #mw-content table.wikitable tr:nth-child(even) td{background:#f6f8f0}
body.skin-timeless #mw-content table.wikitable tr:hover td{background:#edf3e4}
body.skin-timeless #mw-content .mdtFoldHeading{background:#eef3e6!important;border:1px solid #d3dfc6!important;border-left:3px solid #b59a63!important;border-radius:3px!important;padding:10px 14px!important;color:#435c3d!important}
body.skin-timeless #mw-content .mdtFoldHeading .mw-headline{font-size:16px}
body.skin-timeless #mw-content .mdtFold{border-color:#d5dfcc!important;background:transparent!important;border-radius:3px!important}
body.skin-timeless #mw-content .mdt-imgFill img{max-width:100%;height:auto;border:1px solid #d0dbc6;border-radius:3px}
body.skin-timeless #footer{color:#74816b;border-top:1px solid #d1dbc7;font-size:12px}
@media(max-width:1100px){body.skin-timeless #mw-content{padding:20px}body.skin-timeless #mw-content .mdtLayout:not(.mdtWrapRail){grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){
 body.skin-timeless #mw-content .mdtLayout,body.skin-timeless #mw-content .mdtLayout:not(.mdtWrapRail){display:block!important;grid-template-columns:minmax(0,1fr)!important}
 body.skin-timeless #mw-content .mdtRightRail{float:none!important;width:100%!important;max-width:none!important;margin:0 0 20px!important;position:static!important}
 body.skin-timeless #mw-content .mdtHomeTwoCol{grid-template-columns:minmax(0,1fr)!important}
 body.skin-timeless #mdtFloatToc{display:none!important}
 body.skin-timeless #mw-content .mdt-db-cols{grid-template-columns:1fr!important}
 body.skin-timeless #mw-content table.wikitable{display:block;overflow-x:auto;width:100%;box-sizing:border-box}
 body.skin-timeless #mw-content .mdtInfobox{float:none!important;width:100%!important;margin:0 0 16px!important}
}
@media(max-width:540px){
 body.skin-timeless #mw-content{padding:16px 12px;border-radius:3px}
 body.skin-timeless .mw-body h1.firstHeading{font-size:25px}
 body.skin-timeless #mw-content .mdtPanel,body.skin-timeless #mw-content .mdtHome .mdtPanel{padding:16px 12px!important;margin-bottom:16px}
 body.skin-timeless #mw-content .mdtIconGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.skin-timeless #mw-content .mdtHomeGrid{grid-template-columns:1fr!important}
 body.skin-timeless #mw-content .mdtSideTable th,body.skin-timeless #mw-content .mdtSideTable td{padding:8px 10px!important}
}
@media(prefers-reduced-motion:reduce){body.skin-timeless #mw-content .mdtIconGridItem,body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a{transition:none}body.skin-timeless #mw-content .mdtIconGridItem:hover,body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a:hover{transform:none}}
/* Final compatibility refinements for the site's own injected styles. */
body.skin-timeless #mdtFloatToc .mdtFloatTocPanel{background:#f7f8ef!important;color:#344b3c!important;border:1px solid #cbd7c0!important;border-top:3px solid #b59a63!important;border-radius:4px!important;box-shadow:0 5px 18px #2a402015!important;backdrop-filter:none!important}
body.skin-timeless #mdtFloatToc .mdtFloatTocList{border-color:#cbd7c0!important}
body.skin-timeless #mdtFloatToc .mdtFloatTocItem a,body.skin-timeless #mdtFloatToc .mdtFloatTocItem a:visited{color:#435d43!important}
body.skin-timeless #mdtFloatToc .mdtFloatTocTop,body.skin-timeless #mdtFloatToc .mdtFloatTocTitle{color:#356b52!important}
body.skin-timeless #mdtFloatToc .mdtFloatTocClose,body.skin-timeless #mdtFloatToc .mdtFloatTocGroupToggle{color:#435d43!important;background:#e7eddf!important}
body.skin-timeless #mw-content .mdtIconGridItem{display:flex!important;align-items:center;gap:8px!important;text-align:left!important}
body.skin-timeless #mw-content .mdtIconGridItem>span{flex:0 0 auto;display:flex;align-items:center}
body.skin-timeless #mw-content .mdtIconGridItem>a{min-width:0;flex:1;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important;overflow:hidden}
body.skin-timeless #mw-content .mdtIconGridItem>a:after{display:none!important}
body.skin-timeless #mw-content .mdtIconGridText{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.skin-timeless #mw-content .mdtHomeGrid .mdtCard>a:after{content:"›"!important;display:block!important}
body.skin-timeless #mw-content .mdt-db{background:#fffefb;border:1px solid #d5dfcc!important;border-top:2px solid #b59a63!important;border-radius:4px!important;padding:16px!important;margin:16px 0!important;box-shadow:0 2px 7px #263e2608!important}
body.skin-timeless #mw-content .mdt-db>h2{color:#40583f!important;font-size:18px!important;border-bottom:1px solid #d5dfcc!important;padding-bottom:9px!important}
body.skin-timeless #mw-content .mdt-db-cols{gap:12px!important;min-width:0}
body.skin-timeless #mw-content .mdt-db-list{min-width:0}
body.skin-timeless #mw-content .mdt-db-item{min-width:0;overflow-wrap:anywhere}
body.skin-timeless #mw-content .mdtFoldHeading{box-sizing:border-box}
body.skin-timeless #mw-content .mdtSideTable{table-layout:fixed;max-width:100%;overflow-wrap:anywhere}
body.skin-timeless #mw-content .mdtSideTable :is(th,td){min-width:0;overflow-wrap:anywhere}
body.skin-timeless #mw-content .mdtSideTable img{max-width:100%;height:auto}
body.skin-timeless #mw-content .mdtSidePanel,body.skin-timeless #mw-content .mdtRightRail{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:900px){body.skin-timeless #mdtFloatToc{display:none!important}body.skin-timeless #mw-content .mdtSideTable{width:100%!important;table-layout:fixed!important}}
/* Multi-column input/output tables also use mdtSideTable; avoid fixed label widths. */
body.skin-timeless #mw-content .mdtMain .mdtSideTable th{width:auto!important}
@media(max-width:900px){body.skin-timeless #mw-content .mdtSideTable th{width:auto!important}body.skin-timeless #mw-content .mdtSideTable{min-width:0!important}}
/* END MDT SHARED THEME v1 */

/* BEGIN MDT REDESIGN CSS */
.mdt-home{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#263631;background:#f3f6f5;line-height:1.65;--green:#087b60;--line:#dbe5e0}
.mdt-home *{box-sizing:border-box}
.mdt-home{margin:0}
.mdt-home header{background:#fff;border-top:4px solid var(--green);border-bottom:1px solid var(--line)}
.mdt-home .wrap{max-width:1200px;margin:auto;padding:18px 24px}
.mdt-home .top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mdt-home .brand{font-size:21px;font-weight:750;margin-right:auto}
.mdt-home .brand small{display:block;font-size:12px;font-weight:400;color:#63756c}
.mdt-home button,.mdt-home input{font:inherit}
.mdt-home button{cursor:pointer;background:#fff;color:var(--green);border:1px solid #a7c7ba;padding:7px 14px;border-radius:4px}
.mdt-home button[aria-selected=true],.mdt-home button.primary{background:var(--green);color:white}
.mdt-home button:focus-visible,.mdt-home a:focus-visible{outline:3px solid #e7b64b;outline-offset:3px}
.mdt-home .notice{background:#fff5d9;color:#71541b;padding:10px 16px;font-size:14px;margin-top:18px;border-left:3px solid #d4a431}
.mdt-home .layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;margin-top:24px}
.mdt-home .wiki-rail{font-size:14px}
.mdt-home .wiki-rail strong{display:block;margin:12px 0 7px}
.mdt-home .wiki-rail a{display:block;padding:5px 0}
.mdt-home a{color:var(--green);text-decoration:none}
.mdt-home a:hover{text-decoration:underline}
.mdt-home .muted{color:#62756b;font-size:14px}
.mdt-home h1{font-size:27px;margin:0 0 10px}
.mdt-home h2{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:9px;margin:0 0 18px}
.mdt-home h3{font-size:16px;margin:0 0 8px}
.mdt-home .panel{background:white;border:1px solid var(--line);padding:22px;margin-bottom:20px;border-radius:4px}
.mdt-home .index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mdt-home .entry{border:1px solid var(--line);border-left:3px solid #7bb09c;padding:14px 12px;background:#fbfdfc}
.mdt-home .entry a{display:block;font-weight:650}
.mdt-home .entry small{color:#69796f}
.mdt-home .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mdt-home .links{display:flex;gap:8px 20px;flex-wrap:wrap}
.mdt-home .tag{display:inline-block;background:#e7f3ed;color:var(--green);padding:2px 8px;font-size:12px}
.mdt-home .search{display:flex;gap:8px;margin:16px 0 0}
.mdt-home .search input{min-width:0;width:100%;padding:9px;border:1px solid #b9ccc1;border-radius:3px}
.mdt-home .scroll{overflow:auto}
.mdt-home table{border-collapse:collapse;width:100%;font-size:14px}
.mdt-home th,.mdt-home td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}
.mdt-home th{background:#f5f8f6}
.mdt-home td button{padding:3px 10px}
.mdt-home pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f5f8f6;border:1px solid var(--line);font-size:14px}
.mdt-home .actions{display:flex;flex-wrap:wrap;gap:10px}
.mdt-home .hidden,.mdt-home [hidden]{display:none!important}
.mdt-home footer{padding:22px 0;color:#6c7a72;font-size:13px}
.mdt-home .ok{color:#147342}
.mdt-home .old{background:#fff0ed}
.mdt-home .new{background:#eaf5ed}
@media(max-width:850px){.mdt-home .layout{grid-template-columns:1fr}
.mdt-home .wiki-rail{display:none}
.mdt-home .index{grid-template-columns:repeat(2,minmax(0,1fr))}
.mdt-home .cols{grid-template-columns:1fr}
.mdt-home .wrap{padding:16px}
.mdt-home .panel{padding:17px}}
@media(max-width:360px){.mdt-home .index{grid-template-columns:1fr}}
.mdt-home{--green:#247c69;--gold:#d5b272;--line:#dfe4df;color:#303b37;background:#eceee9;font-family:"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}
.mdt-home{background-image:linear-gradient(#43584b06 1px,transparent 1px),linear-gradient(90deg,#43584b06 1px,transparent 1px);background-size:28px 28px}
.mdt-home header{background:#1c2827;border-top:3px solid var(--gold);border-bottom:1px solid #35433e;color:#f4f3e9}
.mdt-home .wrap{max-width:1430px;padding:20px 32px}
.mdt-home .top{min-height:65px}
.mdt-home .brand{font-size:23px;letter-spacing:1.5px;display:grid;grid-template-columns:42px 1fr;column-gap:13px;line-height:1.25}
.mdt-home .brand:before{content:"";grid-row:span 2;width:34px;height:34px;margin-top:4px;background:var(--gold);clip-path:polygon(0 20%,20% 20%,20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%,0 60%,30% 60%,30% 70%,70% 70%,70% 30%,30% 30%,30% 40%,0 40%)}
.mdt-home .brand small{font-size:11px;color:#a9bbb2;font-weight:400;letter-spacing:3px;margin-top:7px}
.mdt-home header nav button{background:transparent;border-color:#4b5d54;color:#cad7ce;border-radius:2px;font-size:13px}
.mdt-home header button[aria-selected=true]{background:#d5b272;color:#202d27;border-color:#d5b272}
.mdt-home .notice{margin-top:0;border:0;background:transparent;padding:2px 0 12px;color:#717a6f;font-size:12px}
.mdt-home .layout{grid-template-columns:178px minmax(0,1fr);gap:28px;margin-top:8px}
.mdt-home .wiki-rail{align-self:start;position:sticky;top:20px;border-top:2px solid #9fae9e;padding-top:14px;color:#4d5d51}
.mdt-home .wiki-rail:before{content:"资料导航 / INDEX";font-size:10px;letter-spacing:2px;color:#859080}
.mdt-home .wiki-rail strong{font-size:12px;letter-spacing:1px;color:#829080;margin-top:25px}
.mdt-home .wiki-rail a{padding:7px 10px;color:#44564a;border-left:2px solid transparent;transition:.15s}
.mdt-home .wiki-rail a:hover{background:#e1e6dd;border-left-color:#b79859;text-decoration:none}
.mdt-home .panel{border:1px solid #dce2d8;border-radius:3px;background:#fffefb;padding:24px 27px;box-shadow:0 3px 9px #29392704;margin-bottom:22px}
.mdt-home h2{font-size:19px;letter-spacing:.5px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #e6e9e0;padding-bottom:14px;margin-bottom:20px}
.mdt-home h2:before{content:"";width:5px;height:18px;background:#b69a61;flex-shrink:0}
.mdt-home h1{font-size:32px;letter-spacing:1px;font-weight:700;line-height:1.4}
.mdt-home h3{font-size:16px}
.mdt-home .muted{color:#7a8477;font-size:13px}
.mdt-home .hero{position:relative;overflow:hidden;background:#233631;color:#f6f3e9;border:1px solid #344e42;min-height:286px;padding:30px 35px}
.mdt-home .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#233631 44%,#23363166 72%,transparent);pointer-events:none}
.mdt-home .hero-copy{position:relative;z-index:1;max-width:630px}
.mdt-home .hero .muted{color:#b5c5b6;font-size:14px}
.mdt-home .hero .tag{background:transparent;border:1px solid #68765b;color:#d9be84;font-size:10px;letter-spacing:2px;padding:3px 9px;margin-bottom:13px}
.mdt-home .hero h1{margin-bottom:10px}
.mdt-home .hero-art{position:absolute;right:-3px;top:0;width:440px;height:100%;opacity:.8}
.mdt-home .eyebrow{color:#b2b9ac;font-size:10px;letter-spacing:2.5px;margin-bottom:4px}
.mdt-home .hero .search{margin-top:25px;max-width:525px;gap:0;box-shadow:0 5px 22px #0b180f22}
.mdt-home .hero .search input{border:1px solid #617266;border-right:0;background:#fffef7;border-radius:2px 0 0 2px;padding:12px 15px;font-size:13px;color:#26382d}
.mdt-home .hero .search button{background:var(--gold);border-color:var(--gold);color:#29342a;border-radius:0 2px 2px 0;padding:10px 22px;white-space:nowrap;font-weight:650}
.mdt-home .hero-meta{display:flex;align-items:center;gap:17px;color:#adbfaf;font-size:11px;margin-top:18px}
.mdt-home .hero-meta b{color:#dcc58d;font-family:monospace;font-size:13px}
.mdt-home .section-head{display:flex;align-items:baseline;gap:18px}
.mdt-home .section-head h2{flex:1}
.mdt-home .section-head>span{font-size:10px;color:#929b8c;letter-spacing:2px}
.mdt-home .index{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.mdt-home .entry{position:relative;border:1px solid #e1e6db;background:#f8f9f3;padding:20px 10px 16px;text-align:center;border-radius:2px;transition:background .2s,border-color .2s,transform .2s}
.mdt-home .entry:hover{border-color:#b2c4a7;background:#f0f5e9;transform:translateY(-2px)}
.mdt-home .entry a{font-size:15px;color:#344c3d}
.mdt-home .entry a:after{content:"";position:absolute;inset:0}
.mdt-home .entry small{font-size:11px;color:#8a9383;display:block;margin-top:5px}
.mdt-home .entry .index-icon{display:block;width:38px;height:38px;margin:0 auto 12px;fill:#b5a16e;stroke:#52674c;stroke-width:1.7;stroke-linejoin:miter}
.mdt-home .entry:nth-child(2n) .index-icon{fill:#91ad95}
.mdt-home .entry:nth-child(3n) .index-icon{fill:#86a7ad}
.mdt-home .campaigns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mdt-home .campaign{min-height:175px;padding:23px;position:relative;overflow:hidden;background:#34473b;color:#f4f4e8;border:1px solid #455b45;text-decoration:none!important}
.mdt-home .campaign.erekir{background:#4b3931;border-color:#6a4d3b}
.mdt-home .campaign:before{content:"";position:absolute;width:145px;height:145px;right:-5px;top:20px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#b7bd77 0 6%,transparent 7%),radial-gradient(ellipse at 45% 55%,#6b8454 0 20%,transparent 21%),radial-gradient(circle at 35% 35%,#859a69,#536746 60%,#253e30 78%);box-shadow:0 0 0 1px #dceeb418,0 0 40px #c9de9920;opacity:.8}
.mdt-home .campaign.erekir:before{background:radial-gradient(ellipse at 40% 40%,#d2a66c 0 14%,transparent 15%),radial-gradient(ellipse at 60% 60%,#7d4c35 0 18%,transparent 19%),radial-gradient(circle at 35% 35%,#c79159,#926243 60%,#493028 78%);box-shadow:0 0 40px #e3975b20}
.mdt-home .campaign>*{position:relative;z-index:1}
.mdt-home .campaign .en{font-size:10px;letter-spacing:3px;color:#c9d6b3}
.mdt-home .campaign h3{font-size:23px;margin:6px 0 9px;color:white}
.mdt-home .campaign p{font-size:12px;color:#d0d7c5;margin:0;max-width:70%}
.mdt-home .campaign .arrow{display:block;margin-top:17px;color:#e5cd91;font-size:12px}
.mdt-home .tutorial-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mdt-home .tutorial-list .wiki-tutorial{padding:14px;background:#f5f6ef;border:1px solid #e4e7db;color:#425844;font-size:13px}
.mdt-home .tutorial-list .wiki-tutorial small{display:block;font-size:10px;color:#8c9685;margin-top:3px}
.mdt-home .status-row{display:flex;gap:14px;align-items:center;padding:14px;background:#f4f7ee;border-left:3px solid #799869}
.mdt-home .version{font-family:monospace;color:#3b5943;font-size:26px;font-weight:bold;white-space:nowrap}
.mdt-home .links a{font-size:13px}
.mdt-home .tag{background:#eaf0e4;color:#4f7252}
.mdt-home .cols{gap:22px}
.mdt-home .footer-mark{border-top:1px solid #d3dccf;padding-top:20px;color:#778370}
.mdt-home button{border-radius:2px}
.mdt-home .admin-banner{background:#243a32;color:#f3f1e5;border-top:3px solid #d5b272}
.mdt-home .admin-banner .muted{color:#bacabc}
.mdt-home .admin-banner .tag{background:#3a5041;color:#decc9f}
.mdt-home table th{background:#f0f3ea}
.mdt-home table td{padding:15px 12px}
.mdt-home #feedback{color:#32704e}
.mdt-home footer{font-size:11px}
@media(min-width:1250px){.mdt-home .hero-copy{max-width:690px}
.mdt-home .hero-art{width:520px}
.mdt-home .hero{min-height:305px}}
@media(max-width:1050px){.mdt-home .layout{grid-template-columns:150px minmax(0,1fr);gap:20px}
.mdt-home .wrap{padding:18px 24px}
.mdt-home .hero h1{font-size:27px}
.mdt-home .hero-art{opacity:.45}
.mdt-home .hero:after{background:linear-gradient(90deg,#233631 40%,#23363199 80%,transparent)}
.mdt-home .index{gap:9px}
.mdt-home .entry small{font-size:10px}
.mdt-home .cols{grid-template-columns:1fr}}
@media(max-width:850px){.mdt-home .layout{grid-template-columns:1fr}
.mdt-home .wrap{padding:16px}
.mdt-home .hero{padding:25px;min-height:290px}
.mdt-home .index{grid-template-columns:repeat(4,minmax(0,1fr))}
.mdt-home .hero-art{right:-80px}
.mdt-home .campaigns{gap:12px}
.mdt-home .panel{padding:20px}
.mdt-home .hero-meta{flex-wrap:wrap;gap:8px 15px}}
@media(max-width:540px){.mdt-home header nav{display:flex;gap:8px;width:100%}
.mdt-home .brand{font-size:20px}
.mdt-home .index{grid-template-columns:repeat(2,minmax(0,1fr))}
.mdt-home .hero h1{font-size:25px}
.mdt-home .hero .search input{font-size:12px;width:100%}
.mdt-home .hero .search button{padding:8px 14px}
.mdt-home .hero-art{right:-170px;opacity:.3}
.mdt-home .hero .tag{letter-spacing:1px}
.mdt-home .campaigns{grid-template-columns:1fr}
.mdt-home .section-head>span{display:none}
.mdt-home .status-row{align-items:flex-start;flex-direction:column;gap:2px}
.mdt-home .campaign{min-height:168px}
.mdt-home .tutorial-list{gap:8px}
.mdt-home .tutorial-list .wiki-tutorial{padding:12px}
.mdt-home .top{gap:16px}}
.mdt-home .brand:before{clip-path:none;background:transparent url('https://mdtwiki.top/index.php?title=Special:Redirect/file/MDT-home-game-icon.png') center/contain no-repeat;width:38px;height:38px;image-rendering:pixelated}
.mdt-home .hero-art{width:350px;height:350px;right:2%;top:50%;transform:translateY(-50%);object-fit:contain;opacity:.8;mix-blend-mode:screen}
.mdt-home .hero:after{background:linear-gradient(90deg,#233631 42%,#23363133 72%,transparent)}
.mdt-home .hero h1{font-size:32px;letter-spacing:.5px}
.mdt-home .hero .eyebrow{letter-spacing:1px;color:#aabbb0}
.mdt-home .hero .tag{letter-spacing:1px}
.mdt-home .entry .icon-base img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #24332620);fill:initial;stroke:initial}
.mdt-home .entry:nth-child(5) img.index-icon,.mdt-home .entry:nth-child(8) img.index-icon{background:#46594c;padding:7px;border-radius:3px}
.mdt-home .campaign{background:#29332e;border-color:#455547}
.mdt-home .campaign.erekir{background:#39312d}
.mdt-home .campaign:before{background:transparent url('https://mdtwiki.top/index.php?title=Special:Redirect/file/Sx.png') center/contain no-repeat;box-shadow:none;width:185px;height:185px;top:0;right:-13px;border-radius:0;opacity:.9;mix-blend-mode:screen}
.mdt-home .campaign.erekir:before{background:transparent url('https://mdtwiki.top/index.php?title=Special:Redirect/file/Ex.png') center/contain no-repeat;box-shadow:none}
.mdt-home .campaign p{max-width:62%;color:#d0d4c9}
.mdt-home .campaign .en{color:#b8c0b0}
@media(max-width:1050px){.mdt-home .hero-art{width:300px;height:300px;right:-40px;opacity:.55}
.mdt-home .hero:after{background:linear-gradient(90deg,#233631 30%,#23363166 80%,transparent)}}
@media(max-width:540px){.mdt-home .hero h1{font-size:27px}
.mdt-home .hero-art{width:300px;height:300px;right:-110px;opacity:.35}
.mdt-home .hero:after{background:linear-gradient(90deg,#233631 10%,#23363188 70%,transparent)}
.mdt-home .hero .muted{font-size:13px}
.mdt-home .campaign:before{right:0}}
.mdt-home .layout{grid-template-columns:206px minmax(0,1fr);gap:24px}
.mdt-home .wiki-rail{border:1px solid #d3ddcf;border-top:3px solid #bda169;background:linear-gradient(145deg,#fffef8,#eef2e9);padding:17px 12px 14px;border-radius:3px;box-shadow:0 4px 14px #283d2907}
.mdt-home .wiki-rail:before{display:block;content:"资料导航";color:#354c3c;font-size:15px;font-weight:700;letter-spacing:1px;padding:0 8px 14px;border-bottom:1px solid #dce3d5}
.mdt-home .nav-group{margin-top:17px}
.mdt-home .nav-group h2{border:0;display:flex;align-items:center;gap:8px;font-size:11px;color:#7b846c;letter-spacing:1px;padding:0 8px;margin:0 0 7px}
.mdt-home .nav-group h2:before{height:8px;width:3px;background:#ad9565}
.mdt-home .nav-group .nav-link{display:flex;align-items:center;gap:10px;position:relative;padding:9px 8px;margin:3px 0;min-height:41px;border:1px solid transparent;border-radius:3px;color:#435641;font-size:13px;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s}
.mdt-home .nav-group img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 1px 1px #2c3c2925)}
.mdt-home .nav-group .nav-link:after{content:"›";font-family:serif;font-size:20px;line-height:1;color:#a3ae96;margin-left:auto;transition:color .18s,transform .18s}
.mdt-home .nav-group .nav-link:hover,.mdt-home .nav-group .nav-link:focus-visible{background:#e7eddf;border-color:#cbd8bf;box-shadow:inset 3px 0 #ae9661;text-decoration:none}
.mdt-home .nav-group .nav-link:hover:after{color:#65734e;transform:translateX(2px)}
.mdt-home .nav-foot{margin-top:19px;padding:12px 8px 0;border-top:1px solid #dce3d5;font-size:10px;color:#89907e;display:flex;align-items:center;gap:7px}
.mdt-home .nav-foot:before{content:"";width:5px;height:5px;background:#72916a;box-shadow:0 0 0 3px #72916a15}
.mdt-home .nav-foot b{font-family:monospace;font-weight:600;color:#617557}
.mdt-home .tutorial-list{gap:12px}
.mdt-home .tutorial-list .wiki-tutorial{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 14px;gap:12px;align-items:center;min-height:101px;padding:18px 16px;border:1px solid #d8e0ce;border-top:2px solid #c3b07f;border-radius:3px;background:linear-gradient(125deg,#fafbf5,#f0f4e9);box-shadow:0 2px 4px #2e422508;color:#364f3b;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.mdt-home .tutorial-list .wiki-tutorial:before{content:"";position:absolute;left:-1px;bottom:-1px;width:8px;height:8px;border-left:2px solid #ad9868;border-bottom:2px solid #ad9868;border-radius:0 0 0 3px}
.mdt-home .tutorial-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #d5dec7;background:#e8eedf;border-radius:3px;box-shadow:inset 0 1px #ffffffbd}
.mdt-home .tutorial-icon img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #23392328)}
.mdt-home .tutorial-list .wiki-tutorial:nth-child(2) .tutorial-icon{background:#46594c;border-color:#53664d;box-shadow:inset 0 1px #ffffff15}
.mdt-home .nav-group img[src$="serpulo.png"],.mdt-home .nav-group img[src$="erekir.png"]{border-radius:50%}
.mdt-home .tutorial-copy{min-width:0}
.mdt-home .tutorial-copy strong{font-size:14px;font-weight:650;letter-spacing:.5px}
.mdt-home .tutorial-list .wiki-tutorial small{font-size:11px;color:#7d8a72;line-height:1.6;margin-top:5px}
.mdt-home .tutorial-arrow{font-size:20px;color:#9caa8c;font-family:serif;transition:transform .18s,color .18s}
.mdt-home .tutorial-list .wiki-tutorial:hover,.mdt-home .tutorial-list .wiki-tutorial:focus-visible{background:linear-gradient(125deg,#f6f9ee,#e9f0dc);border-color:#aebe95;border-top-color:#b39b65;box-shadow:0 5px 12px #334b2510;transform:translateY(-2px);text-decoration:none}
.mdt-home .tutorial-list .wiki-tutorial:hover .tutorial-arrow{color:#526d3d;transform:translateX(3px)}
@media(max-width:1050px){.mdt-home .layout{grid-template-columns:186px minmax(0,1fr);gap:20px}}
@media(max-width:850px){.mdt-home .layout{grid-template-columns:1fr}}
@media(max-width:540px){.mdt-home .tutorial-list{grid-template-columns:1fr}
.mdt-home .tutorial-list .wiki-tutorial{min-height:85px;padding:14px 16px;grid-template-columns:42px minmax(0,1fr) 14px}}
@media(prefers-reduced-motion:reduce){.mdt-home .nav-group .nav-link,.mdt-home .nav-group .nav-link:after,.mdt-home .tutorial-list .wiki-tutorial,.mdt-home .tutorial-arrow{transition:none}
.mdt-home .tutorial-list .wiki-tutorial:hover{transform:none}}
.mdt-home .entry{overflow:hidden;padding:22px 12px 20px;border:1px solid #d6dfcc;border-top:2px solid #b5a174;background:linear-gradient(140deg,#fcfcf7,#eef3e7);box-shadow:0 2px 5px #34452308;min-height:166px}
.mdt-home .entry:before{content:"";position:absolute;left:-1px;bottom:-1px;width:12px;height:12px;border-left:2px solid #ad9560;border-bottom:2px solid #ad9560;border-radius:0 0 0 3px}
.mdt-home .entry:after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:serif;font-size:20px;line-height:1;color:#9caa8c;pointer-events:none;transition:transform .18s,color .18s}
.mdt-home .entry .icon-base{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 12px;background:linear-gradient(145deg,#e7eddd,#f4f6ec);border:1px solid #d0dac1;border-radius:4px;box-shadow:inset 0 1px #ffffffbd,0 2px 4px #3b50270a}
.mdt-home .entry .icon-base img{margin:0;width:40px;height:40px;padding:0;background:none;border-radius:0}
.mdt-home .entry:nth-child(5) .icon-base,.mdt-home .entry:nth-child(8) .icon-base{background:#46594c;border-color:#52654b;box-shadow:inset 0 1px #ffffff15}
.mdt-home .entry:nth-child(5) img.index-icon,.mdt-home .entry:nth-child(8) img.index-icon{padding:0;background:none}
.mdt-home .entry a{font-size:15px;letter-spacing:.5px}
.mdt-home .entry small{margin-top:7px;line-height:1.5;font-size:11px;color:#7e8b71}
.mdt-home .entry:hover,.mdt-home .entry:focus-within{background:linear-gradient(140deg,#f9fbf0,#e7efda);border-color:#aebf95;border-top-color:#ad9158;box-shadow:0 5px 13px #334a2512;transform:translateY(-2px)}
.mdt-home .entry:hover:after,.mdt-home .entry:focus-within:after{color:#526d3d;transform:translate(3px,-50%)}
.mdt-home .campaign{transition:transform .18s,box-shadow .18s,border-color .18s}
.mdt-home .campaign:hover,.mdt-home .campaign:focus-visible{transform:translateY(-2px);border-color:#aebe95;box-shadow:0 5px 13px #334a2518}
.mdt-home .campaign.erekir:hover,.mdt-home .campaign.erekir:focus-visible{border-color:#bb9973}
.mdt-home .nav-item{margin:3px 0}
.mdt-home .nav-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:2px;align-items:center}
.mdt-home .nav-row>a{margin:0;padding-right:2px}
.mdt-home .nav-row>a:after{display:none}
.mdt-home .nav-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:30px;padding:0;border:1px solid transparent;background:transparent;color:#879679;border-radius:3px;font-size:17px;line-height:1;transition:background .18s,color .18s}
.mdt-home .nav-toggle:hover{background:#e0e9d4;border-color:#c5d3b6;color:#49613b}
.mdt-home .nav-toggle span{transition:transform .18s}
.mdt-home .nav-toggle[aria-expanded=true] span{transform:rotate(90deg)}
.mdt-home .nav-item.open>.nav-row{background:#e8eddf;border-radius:3px}
.mdt-home .nav-item.open>.nav-row>a{color:#3e593b}
.mdt-home .nav-sub{margin:3px 0 8px 21px;padding:3px 0 3px 12px;border-left:1px solid #bfcca9;list-style:none}
.mdt-home .nav-sub a{font-size:12px;min-height:30px;padding:6px 7px;margin:1px 0;color:#728061;border:0}
.mdt-home .nav-sub a:before{content:"";width:4px;height:4px;background:#a6b68d;flex-shrink:0}
.mdt-home .nav-sub a:after{font-size:15px;color:#b3bea6}
.mdt-home .nav-sub a:hover{box-shadow:none;background:#e2ead7;color:#455d38}
.mdt-home .wiki-rail{max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b2bda3 transparent}
@media(max-width:540px){.mdt-home .entry{padding:18px 10px;min-height:157px}
.mdt-home .entry .icon-base{width:54px;height:54px}
.mdt-home .entry:after{right:10px}
.mdt-home .entry small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mdt-home .entry,.mdt-home .entry:after,.mdt-home .nav-toggle,.mdt-home .nav-toggle span,.mdt-home .campaign{transition:none}
.mdt-home .entry:hover,.mdt-home .entry:focus-within,.mdt-home .campaign:hover,.mdt-home .campaign:focus-visible{transform:none}}
.mdt-home{padding:12px;color:#303b37;background:#eceee9;--green:#247c69;--gold:#d5b272;--line:#dfe4df}
.mdt-home .wiki-rail .nav-link{display:flex;align-items:center;gap:10px;min-height:41px;padding:9px 8px;border:1px solid transparent;border-radius:3px}
.mdt-home .wiki-rail .nav-link a{padding:0;border:0;font-size:13px;color:#435641}
.mdt-home .nav-row>.nav-link{margin:0}.mdt-home .nav-row>.nav-link:after{display:none}
.mdt-home .nav-sub a{display:block;padding:6px 7px;font-size:12px}
.mdt-home .hero-art img{width:100%;height:100%;object-fit:contain}
.mdt-home .hero-art>span{display:block;width:100%;height:100%}
.mdt-home .icon-base img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.mdt-home .nav-link img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
.mdt-home .tutorial-icon img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}
.mdt-home .wiki-search a{display:block;background:#d5b272;color:#29342a;padding:12px 18px;width:100%;border-radius:2px}
.mdt-home .campaign .arrow{position:static}.mdt-home .campaign .arrow a{color:#e5cd91}.mdt-home .campaign .arrow a:after,.mdt-home .wiki-tutorial a:after{content:"";position:absolute;inset:0;z-index:2}
.mdt-home .tutorial-list .wiki-tutorial{position:relative}.mdt-home .tutorial-copy a{color:#364f3b}
.mdt-home .nav-toggle{cursor:pointer;user-select:none}.mdt-home .nav-sub[hidden]{display:none!important}
@media(max-width:850px){.mdt-home .wiki-rail{display:block;position:static;max-height:none}.mdt-home .layout{grid-template-columns:1fr}}
/* Sandbox compatibility fixes */
.mdt-home{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}
.mdt-home h1,.mdt-home h2,.mdt-home h3{font-family:inherit;line-height:1.4}
.mdt-home h1{border:0;padding:0}.mdt-home h2,.mdt-home h2 .mw-headline{font-size:19px;font-weight:650;letter-spacing:.5px;color:#354c3c}
.mdt-home .nav-group h2,.mdt-home .nav-group h2 .mw-headline{font-size:11px;color:#7b846c}
.mdt-home .mw-editsection{display:none}.mdt-home a{background:transparent;text-decoration:none}
.mdt-home .nav-link img{border-radius:3px}.mdt-home .nav-link img[src*="Sx.png"],.mdt-home .nav-link img[src*="Ex.png"]{border-radius:50%}
body:has(.mdt-home) #mdtFloatToc{display:none!important}
body:has(.mdt-home) #mw-content-container{padding-right:0}
@media(max-width:850px){.mdt-home .wiki-rail{order:2}.mdt-home .wiki-main{order:1}.mdt-home .layout{display:grid;grid-template-columns:minmax(0,1fr)}}

/* Encyclopedia page composition, shared with the approved homepage. */
/* Clear section hierarchy without dark navigation buttons. */
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-group-toggle{background:#e3e9da!important;color:#344a35!important;border:1px solid #cbd5c0!important;border-left:3px solid #879b70!important;border-radius:3px!important;padding:10px 11px!important;min-height:42px;font-family:"Microsoft YaHei","PingFang SC",sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.5;letter-spacing:.3px}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-group-toggle:hover{background:#d9e3ce!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-group-toggle span{font-family:inherit!important;color:inherit!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-group-toggle .rail-group-arrow{font-family:Georgia,serif!important;font-size:19px!important;color:#5e7450!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .nav-group{margin-top:20px}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-home,
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-home:visited,
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-home[aria-current=page]{background:#f0f3e9!important;color:#3e573a!important;border:1px solid #c6d2b9!important;border-radius:4px!important;box-shadow:none!important;font-family:"Microsoft YaHei","PingFang SC",sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.6;letter-spacing:0;text-shadow:none!important;text-decoration:none!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-home:hover{background:#e4ebda!important;color:#30492e!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .wiki-rail .rail-home svg{color:#617c51!important;width:18px;height:18px}
html.client-js body.skin-timeless.mdt-navigation-integrated .wiki-rail .nav-group>h2{padding:0!important;display:block;margin-bottom:8px}
html.client-js body.skin-timeless.mdt-navigation-integrated .wiki-rail .nav-group>h2:before{display:none!important}
.mdt-home .wiki-rail .rail-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 7px;border:0;border-bottom:1px solid #d5dfcc;border-radius:0;background:transparent;box-shadow:none;color:#435641;font:inherit;font-weight:650;text-align:left;cursor:pointer}
.mdt-home .wiki-rail .rail-group-toggle:hover{background:#edf1e7}
.mdt-home .wiki-rail .rail-group-toggle:focus-visible{outline:2px solid #8b9d77;outline-offset:2px}
.mdt-home .rail-group-arrow{font:19px/1 Georgia,serif;color:#879679;transform:rotate(0);transition:transform .24s ease}
.mdt-home .wiki-rail .nav-toggle span{transition:transform .24s ease}
@media(prefers-reduced-motion:reduce){.mdt-home .rail-group-arrow,.mdt-home .wiki-rail .nav-toggle span{transition:none}}
.mdt-home .rail-group-toggle[aria-expanded=true] .rail-group-arrow{transform:rotate(90deg)}
.mdt-home .wiki-rail .rail-group-body[hidden]{display:none!important}
/* One restrained card treatment across homepage, catalogs and legacy templates. */
html.client-js body.skin-timeless.mdt-redesigned #mw-content .mdtHomeGrid .mdtCard>a:after{display:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .mdtHomeGrid .mdtCard>a:hover{transform:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.entry,.catalog-card,.mdtIconGridItem,.wiki-tutorial) img{filter:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.entry,.catalog-card,.wiki-tutorial,.mdtIconGridItem,.mdtHomeGrid .mdtCard){background:#f7f8f3!important;border:1px solid #dce2d5!important;border-radius:4px!important;box-shadow:none!important;transform:none!important;transition:background .15s,border-color .15s!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.entry,.catalog-card,.wiki-tutorial,.mdtIconGridItem,.mdtHomeGrid .mdtCard):hover{background:#eef2e8!important;border-color:#bccbb2!important;box-shadow:none!important;transform:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.entry,.catalog-card,.wiki-tutorial,.mdtIconGridItem,.mdtHomeGrid .mdtCard):before,
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.entry,.catalog-card,.mdtIconGridItem,.mdtHomeGrid .mdtCard):after{display:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .entry .icon-base{background:none!important;border:0!important;box-shadow:none!important;width:48px;height:48px;margin-bottom:8px}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .entry:nth-child(5) .icon-base,
html.client-js body.skin-timeless.mdt-redesigned #mw-content .entry:nth-child(8) .icon-base{background:#64745d!important;border-radius:4px!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .entry{min-height:142px;padding:20px 12px!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .catalog-card{min-height:66px;padding:12px!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .tutorial-icon{background:none!important;border:0!important;box-shadow:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .tutorial-arrow{color:#88947e}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .campaign{border:1px solid #cfd8c7!important;box-shadow:none!important;transform:none!important;border-radius:4px!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .campaign:hover{border-color:#9aaa8e!important;box-shadow:none!important;transform:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .mdtHomeGrid .mdtCard>a{background:transparent!important;border:0!important;box-shadow:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content .wiki-rail .nav-link:hover{box-shadow:none!important;background:#edf1e7!important;border-color:transparent!important}
/* Integrated navigation and header spacing, October 2026. */
html.client-js body.skin-timeless.mdt-navigation-integrated #mdtDockLeft,
html.client-js body.skin-timeless.mdt-navigation-integrated #mdtDockRight,
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-site-navigation,
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-related-navigation{display:none!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content-container{padding:24px 24px 0!important;max-width:1500px;box-sizing:border-box}
html.client-js body.skin-timeless.mdt-redesigned #mw-header-container{position:relative!important;top:auto!important;height:auto!important;min-height:84px;box-sizing:border-box;padding:0 24px!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-header{min-height:80px;height:auto!important;padding:16px 0!important;box-sizing:border-box;max-width:1428px;margin:auto;gap:24px}
html.client-js body.skin-timeless.mdt-redesigned #mw-header-hack{display:none!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-wrapper{padding-top:0!important}
html.client-js body.skin-timeless.mdt-redesigned #p-search{flex:1 1 420px!important;max-width:480px!important;min-width:160px!important;margin-left:auto!important}
html.client-js body.skin-timeless.mdt-redesigned #p-logo-text{min-width:0!important}
html.client-js body.skin-timeless.mdt-redesigned #p-banner{font-size:22px!important;line-height:1.4!important}
html.client-js body.skin-timeless.mdt-redesigned #user-tools{align-self:center;flex:0 0 auto!important}
.mdt-home .hero .wiki-search .mdt-search-form{margin:0;padding:0;min-height:52px;align-items:stretch;box-shadow:none}
.mdt-home .hero .wiki-search .mdt-search-form input{display:block;flex:1 1 0;width:0!important;min-width:0!important;height:auto!important;min-height:52px;box-sizing:border-box;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:14px 16px!important;background:transparent!important;font:14px/1.5 "Microsoft YaHei",sans-serif}
.mdt-home .hero .wiki-search .mdt-search-form:focus-within{outline:2px solid #b59a63;outline-offset:2px}
.mdt-home .hero .wiki-search .mdt-search-form button{margin:0!important;align-self:stretch;min-width:80px}
body.skin-timeless.mdt-navigation-integrated .mdt-home .wiki-rail{position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);padding:14px 12px;overflow-y:auto}
body.skin-timeless.mdt-navigation-integrated .wiki-rail:before{display:none!important}
.mdt-home .rail-top{border-bottom:1px solid #d5dfcc;padding:0 0 14px;margin-bottom:16px}
.mdt-home .wiki-rail .rail-home{display:flex;align-items:center;gap:10px;padding:12px;background:#2c4436;color:#f0e6cd;border:1px solid #7d8965;border-radius:3px;font-weight:650}
.mdt-home .rail-home svg{width:20px;height:20px;flex:none}
.mdt-home .rail-home:hover{background:#3d5740;text-decoration:none}
.mdt-home .rail-mobile-toggle{display:none}
.mdt-home .wiki-rail .nav-row .nav-link{padding:5px 7px;min-height:36px}
.mdt-home .wiki-rail .nav-row .nav-link a{display:block;width:100%;padding:6px 0;overflow-wrap:anywhere}
.mdt-home .wiki-rail .nav-group{margin:16px 0 0}
.mdt-home .wiki-rail .nav-group h2{font-size:12px!important;margin:0 0 8px;padding:0 7px 8px}
@media(max-width:850px){
 html.client-js body.skin-timeless.mdt-redesigned #mw-header-container{padding:0 16px!important;min-height:118px}
 html.client-js body.skin-timeless.mdt-redesigned #mw-header{display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:14px 0!important}
 html.client-js body.skin-timeless.mdt-redesigned #p-logo-text{order:1;flex:1 1 0!important}
 html.client-js body.skin-timeless.mdt-redesigned #p-banner{font-size:18px!important}
 html.client-js body.skin-timeless.mdt-redesigned #user-tools{order:2;position:static!important;margin:0!important;font-size:13px}
 html.client-js body.skin-timeless.mdt-redesigned #p-search{order:3;flex:1 0 100%!important;max-width:none!important;margin:0!important;width:100%!important}
 html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content-container{padding:12px 8px 0!important}
 body.skin-timeless.mdt-navigation-integrated .mdt-home .wiki-rail{position:static;max-height:none;order:0!important;margin:0 0 14px;overflow:visible}
 body.skin-timeless.mdt-navigation-integrated .mdt-home .wiki-main{order:1!important}
 .mdt-home .rail-top{display:flex;gap:12px;align-items:center;border:0;padding:0;margin:0}
 .mdt-home .wiki-rail .rail-home{flex:1;font-size:13px;padding:10px 12px}
 .mdt-home .rail-mobile-toggle{display:block;min-height:44px;padding:10px 14px;color:#40583c;border-color:#b5c2a5}
 .mdt-home .rail-mobile-toggle:after{content:'⌄';margin-left:8px}
 .mdt-home .rail-contents,.mdt-home .wiki-rail>.nav-foot{display:none}
 .mdt-home .rail-open .rail-contents{display:block;margin-top:18px}
 .mdt-home .rail-open>.nav-foot{display:block}
}
body.skin-timeless.mdt-redesigned{--mdtBrand:#233630;--mdtBrand2:#356b52;--mdtDockReserveLeft:0px;--mdtDockReserveRight:0px}
body.skin-timeless.mdt-redesigned #mw-header-container{background:#233630!important;border-top:3px solid #c3a168}
body.skin-timeless.mdt-redesigned #mw-header-hack{background:#b59a63!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-content{margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible}
body.skin-timeless.mdt-redesigned #mw-content-container{padding:20px 24px 0!important}
body.skin-timeless.mdt-redesigned.mdtDockNavOpen #mw-site-navigation{display:block!important}
body.skin-timeless.mdt-redesigned #user-tools,body.skin-timeless.mdt-redesigned #user-tools a{color:#e8dfc9!important}
body.skin-timeless.mdt-redesigned #user-tools .dropdown a{color:#304239!important}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .mdtSidePanel .mdtSideTable th{width:40%!important}
@media(min-width:1000px){body.skin-timeless.mdt-redesigned #mw-content-container{padding-left:70px!important}}
body.mdt-redesigned #mw-content-container{max-width:1560px;margin:auto;padding:0 24px!important}
body.mdt-redesigned #mw-content{padding:0!important;background:transparent;border:0;box-shadow:none;margin:0!important;width:auto!important}
body.mdt-redesigned #mw-content-block{margin:0!important}
body.mdt-redesigned #mw-site-navigation{display:none!important}
body.mdt-redesigned #mw-related-navigation{float:none!important;width:auto!important;margin:16px 12px!important;display:flex;gap:16px;flex-wrap:wrap}
body.mdt-redesigned #mw-related-navigation .sidebar-chunk{flex:1;min-width:180px;padding:12px}
body.mdt-redesigned #firstHeading{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
body.mdt-redesigned #mdtFloatToc{display:none!important}
body.mdt-redesigned .mdt-home{background:transparent}
body.mdt-redesigned .mdt-home .layout{margin-top:18px}
.mdt-home .wiki-search.mdt-search-box{display:block;background:transparent;padding:0;max-width:650px}
.mdt-home .mdt-search-form{display:flex;gap:0;border:1px solid #9bab8f;border-radius:3px;overflow:hidden;background:#fffef8}
.mdt-home .mdt-search-form input{flex:1;width:0;min-width:0;border:0;border-radius:0;background:#fffef8;color:#304239;padding:13px 15px;margin:0}
.mdt-home .mdt-search-form input:focus{outline:2px solid #b59a63;outline-offset:-3px}
.mdt-home .mdt-search-form button{flex:none;border:0;border-left:1px solid #b49b62;border-radius:0;background:#d5b272;color:#263b30;padding:12px 23px}
.mdt-home .mdt-search-results{background:#fffefb;color:#304239;border:1px solid #cdd6c4;border-top:0;padding:10px 16px;text-align:left}
.mdt-home .mdt-search-results ul{padding:0;margin:0;list-style:none}
.mdt-home .mdt-search-results li{padding:10px 0;border-top:1px solid #e1e7db}
.mdt-home .mdt-search-results a{display:inline;padding:0;background:none;color:#356b52;font-weight:600}
.mdt-home .mdt-search-results small{display:block;color:#66765e;line-height:1.6;margin-top:3px}
.mdt-home .mdt-search-status{margin:2px 0 7px;font-size:13px;color:#66765e}
.mdt-home .wiki-rail a[aria-current=page]{color:#355a37;background:#e0e8d5;font-weight:700}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .wiki-main{min-width:0}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .mdt-breadcrumb{font-size:12px;color:#78866d;padding:0 0 14px;letter-spacing:.3px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;min-height:175px;padding:28px 32px;border-top:3px solid #b59a63;background:linear-gradient(110deg,#fffef8 35%,#e6eddb);margin-bottom:16px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-kicker{font-size:11px;letter-spacing:3px;color:#8a8e6d;display:block;margin-bottom:10px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead h1{font-size:32px;color:#354a38;margin:0 0 10px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead p{color:#77826b;margin:0;line-height:1.7}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-art{width:112px;height:112px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 8px #31452724)}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-title-copy{min-width:0;position:relative;z-index:1}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-toc{display:flex;flex-wrap:wrap;gap:8px 18px;border:1px solid #d5dfcc;border-left:3px solid #b59a63;background:#f7f8ee;padding:14px 18px;margin-bottom:18px;font-size:13px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-toc>span{font-weight:700;color:#7b826a;margin-right:8px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body{background:#fffefb;border:1px solid #d5dfcc;border-radius:4px;padding:24px;display:flow-root;min-width:0}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtMain,body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtHome{min-width:0;max-width:100%}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtWrapRail{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:20px!important;align-items:start}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtWrapRail>.mdtRightRail{grid-column:2!important;grid-row:1!important;width:auto!important;margin:0!important;float:none!important;position:static!important}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtWrapRail>.mdtMain{grid-column:1!important;grid-row:1!important;width:auto!important;margin:0!important;float:none!important}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtPanel{box-shadow:none}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body h2{scroll-margin-top:90px;font-size:20px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body h3{scroll-margin-top:90px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mw-editsection{display:inline;font-size:11px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body a.new{color:#a4513b!important}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-source{font-size:13px;color:#78866d;border-bottom:1px solid #d5dfcc;padding:0 0 14px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin:18px 0 28px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card{position:relative;display:flex;align-items:center;gap:12px;padding:15px 23px 15px 14px;min-height:76px;border:1px solid #d3ddc7;border-top:2px solid #b5a174;border-radius:3px;background:linear-gradient(135deg,#fafbf4,#edf2e4);transition:transform .18s,box-shadow .18s}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #334a2515}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card:after{content:'›';position:absolute;right:10px;top:50%;transform:translateY(-50%);font:20px Georgia;color:#9aaa8b;pointer-events:none}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card a{font-size:14px;font-weight:600;overflow-wrap:anywhere}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card>a:last-child:after{content:'';position:absolute;inset:0}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-planet-links{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-planet-links a{padding:10px 18px;background:#edf2e4;border:1px solid #cad7bc;border-radius:3px}
@media(max-width:1000px){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body{padding:18px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtWrapRail{display:block!important}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body .mdtRightRail{float:none!important;width:100%!important;margin:0 0 20px!important}}
@media(max-width:850px){body.mdt-redesigned #mw-content-container{padding:0 8px!important}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead{padding:22px 20px;min-height:145px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead h1{font-size:27px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-art{width:75px;height:75px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-body{padding:15px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card{padding:12px 20px 12px 10px;gap:8px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card img{width:28px;height:28px}.mdt-home .mdt-search-form button{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card{transition:none}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .catalog-card:hover{transform:none}}

/* Full-width encyclopedia shell and on-demand floating contents. */
html.client-js body.skin-timeless.mdt-redesigned #mw-content-block{padding-left:0!important;padding-right:0!important}
html.client-js body.skin-timeless.mdt-redesigned #mw-wrapper,
html.client-js body.skin-timeless.mdt-redesigned #mw-content-container,
html.client-js body.skin-timeless.mdt-redesigned #mw-content-block,
html.client-js body.skin-timeless.mdt-redesigned #mw-header{max-width:none!important;width:100%!important;box-sizing:border-box;margin-left:0!important;margin-right:0!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content-container{padding:18px 12px 0!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .mdt-home{padding:0!important}
html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .mdt-home>.layout{grid-template-columns:210px minmax(0,1fr);gap:20px}
body.skin-timeless .mdt-floating-contents{position:fixed;top:12px;z-index:200;display:flex;align-items:flex-start;gap:14px;box-sizing:border-box;padding:10px 14px;background:#f7f8f1;border:1px solid #cdd7c3;border-radius:4px;box-shadow:0 3px 12px #23363012;color:#40543b;font:13px/1.6 "Microsoft YaHei",sans-serif}
body.skin-timeless .mdt-floating-contents[hidden]{display:none!important}
body.skin-timeless .floating-contents-toggle{flex:none;border:0;background:transparent;color:#40543b;padding:6px 0;font:inherit;font-weight:700;cursor:default}
body.skin-timeless .floating-contents-links{display:flex;flex-wrap:wrap;gap:4px 16px;max-height:100px;overflow:auto;padding:5px 0;min-width:0}
body.skin-timeless .floating-contents-links a{color:#356b52;text-decoration:none;padding:1px 0}
body.skin-timeless .floating-contents-links a:hover{text-decoration:underline}
body.skin-timeless .mdt-floating-contents :focus-visible{outline:2px solid #8b9d77;outline-offset:2px}
@media(max-width:850px){
 html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content-container{padding:12px 8px 0!important}
 html.client-js body.skin-timeless.mdt-navigation-integrated #mw-content .mdt-home>.layout{grid-template-columns:minmax(0,1fr);gap:14px}
 body.skin-timeless .mdt-floating-contents{display:block;top:8px;padding:0 12px}
 body.skin-timeless .floating-contents-toggle{display:block;width:100%;text-align:left;min-height:44px;cursor:pointer}
 body.skin-timeless .floating-contents-toggle:after{content:'\2304';float:right}
 body.skin-timeless .floating-contents-links{display:none;max-height:40vh;padding:8px 0 12px;gap:6px 16px}
 body.skin-timeless .contents-open .floating-contents-links{display:flex}
 body.skin-timeless .floating-contents-links a{padding:8px 0}
}
@media print{body.skin-timeless .mdt-floating-contents{display:none!important}}
/* Generated block data: wide mining tables scroll inside their panel. */
.mdt-data-page .mdtMain,.mdt-data-page .mdtHome,.mdt-data-page .mdtPanel{min-width:0}
.mdt-data-page .mdt-data-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mdt-data-page .mdt-data-table-wrap table{width:100%}
.mdt-data-page .mdt-data-table-wrap table:has(th:nth-child(6)){min-width:560px}

/* END MDT REDESIGN CSS */

/* BEGIN MDT HOME RESOURCES */
.mdt-home .community-intro{margin:0 0 18px;color:#73816c;font-size:14px;line-height:1.7}
.mdt-home .community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mdt-home .community-card{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:104px;box-sizing:border-box;padding:20px 36px 20px 18px;border:1px solid #d3ddc7;border-radius:3px;background:#f8faf3;transition:border-color .18s,background-color .18s,transform .18s}
.mdt-home .community-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #d8dfcb;border-radius:3px;background:#edf1e4}
.mdt-home .community-icon img{display:block;width:30px;height:30px;object-fit:contain;image-rendering:pixelated}
.mdt-home .community-copy{display:block;min-width:0}
.mdt-home .community-copy strong{display:block;margin:0 0 6px;font-size:16px;line-height:1.4}
.mdt-home .community-copy small{display:block;color:#78846e;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.mdt-home .community-card .community-copy a{color:#405b43;text-decoration:none;background:none;padding:0;font-weight:600}
.mdt-home .community-card .community-copy a:after{content:'';position:absolute;inset:0;z-index:1}
.mdt-home .community-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:#a08b5c;pointer-events:none}
.mdt-home .community-card:hover,.mdt-home .community-card:focus-within{border-color:#a5b592;background:#eef3e6;transform:translateY(-2px)}
.mdt-home .community-card:focus-within{outline:2px solid #a28d5f;outline-offset:2px}
.mdt-home .community-card a:focus-visible{outline:none}
@media(min-width:1600px){.mdt-home .community-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mdt-home .community-card{gap:12px;padding-left:14px}.mdt-home .community-icon{flex-basis:40px;width:40px;height:40px}}
@media(max-width:1150px){.mdt-home .community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mdt-home .community-grid{grid-template-columns:minmax(0,1fr);gap:10px}.mdt-home .community-card{min-height:88px;padding:16px 36px 16px 14px}.mdt-home .community-copy strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mdt-home .community-card{transition:none}.mdt-home .community-card:hover,.mdt-home .community-card:focus-within{transform:none}}
/* END MDT HOME RESOURCES */

/* BEGIN MDT SERPULO MASTHEAD */
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead.serpulo-masthead{box-sizing:border-box;min-height:235px;padding:32px;display:flex;align-items:center;background:#29332e;border:1px solid #cfd8c7;border-radius:4px;box-shadow:none}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-title-copy{max-width:calc(100% - 240px)}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-kicker{color:#b8c0b0;letter-spacing:3px;font-size:11px;margin-bottom:18px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead h1{color:#f4f4e8!important;margin:0 0 16px;font-size:32px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead p{color:#d0d4c9;line-height:1.8}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:235px;height:235px;object-fit:contain;mix-blend-mode:screen;opacity:.9;filter:none;pointer-events:none}
@media(max-width:850px){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead.serpulo-masthead{min-height:200px;padding:24px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-title-copy{max-width:calc(100% - 190px)}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-art{width:190px;height:190px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead h1{font-size:27px}}
@media(max-width:600px){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead.serpulo-masthead{min-height:205px;padding:22px 18px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-title-copy{max-width:calc(100% - 125px)}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-art{right:-20px;width:150px;height:150px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead p{font-size:13px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .serpulo-masthead .article-kicker{font-size:10px;margin-bottom:12px}}
/* END MDT SERPULO MASTHEAD */

/* BEGIN MDT EREKIR MASTHEAD */
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead.erekir-masthead{box-sizing:border-box;min-height:235px;padding:32px;display:flex;align-items:center;background:#39312d;border:1px solid #cfd8c7;border-radius:4px;box-shadow:none}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-title-copy{max-width:calc(100% - 240px)}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-kicker{color:#cdb9a5;letter-spacing:3px;font-size:11px;margin-bottom:18px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead h1{color:#f4f4e8!important;margin:0 0 16px;font-size:32px}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead p{color:#ddd0c5;line-height:1.8}
body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:235px;height:235px;object-fit:contain;mix-blend-mode:screen;opacity:.9;filter:none;pointer-events:none}
@media(max-width:850px){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead.erekir-masthead{min-height:200px;padding:24px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-title-copy{max-width:calc(100% - 190px)}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-art{width:190px;height:190px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead h1{font-size:27px}}
@media(max-width:600px){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .article-masthead.erekir-masthead{min-height:205px;padding:22px 18px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-title-copy{max-width:calc(100% - 108px)}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-art{right:-18px;width:125px;height:125px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead p{font-size:13px}body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead .article-kicker{font-size:10px;margin-bottom:12px}}
@media(max-width:600px){body.skin-timeless.mdt-redesigned #mw-content .mdt-article .erekir-masthead h1{font-size:24px}}
/* END MDT EREKIR MASTHEAD */

/* BEGIN MDT CALCULATOR */
.mdt-calc{box-sizing:border-box;min-width:0;margin:0 0 24px;padding:22px;border:1px solid #d9d2c5;border-top:3px solid #a87a32;border-radius:5px;background:#fff;color:#303c46;scroll-margin-top:110px}
.mdt-calc *{box-sizing:border-box}
.mdt-calc h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 8px!important;padding:0 0 10px!important;border-bottom:1px solid #e8e2d8!important;font-size:21px!important;color:#263641}
.mdt-calc-version{font-size:12px;font-weight:400;color:#786b54;background:#f5f1e9;padding:3px 7px;border-radius:3px}
.mdt-calc-intro{margin:8px 0 15px!important;color:#63717a;font-size:14px}
.mdt-calc-identity{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 20px;font-size:14px}
.mdt-calc-identity img,.mdt-calc-ammo img{object-fit:contain;image-rendering:pixelated}
.mdt-calc-identity>span{color:#6a7379;font-size:13px}
.mdt-calc-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 18px;margin:0}
.mdt-calc-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600;color:#3f4c55}
.mdt-calc-field input,.mdt-calc-field select{display:block;width:100%;min-width:0;max-width:100%;height:39px;margin:0;padding:7px 9px;border:1px solid #cbd0d1;border-radius:3px;background:#fafbfb;color:#263641;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;box-shadow:none}
.mdt-calc-field input:focus,.mdt-calc-field select:focus,.mdt-calc button:focus-visible,.mdt-calc summary:focus-visible{outline:2px solid #987132;outline-offset:2px}
.mdt-calc-field input[aria-invalid="true"]{border-color:#ad4139}
.mdt-calc-field small{font-size:11px;font-weight:400;line-height:1.5;color:#788087}
.mdt-calc-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.mdt-calc-result{display:flex;flex-direction:column;gap:5px;min-width:0;padding:13px;background:#f6f7f6;border:1px solid #e4e7e5;border-radius:3px;overflow-wrap:anywhere}
.mdt-calc-result>span{font-size:12px;color:#667079}
.mdt-calc-result>strong{font-size:25px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:600;color:#365b60}
.mdt-calc-result>small{font-size:11px;line-height:1.6;color:#707a80}
.mdt-calc-status{margin:12px 0!important;font-size:13px;color:#52656c}
.mdt-calc-bar{height:7px;border-radius:4px;overflow:hidden;background:#e8ece9;margin:12px 0}
.mdt-calc-bar>span{display:block;height:100%;background:#77988b;transition:width .18s ease}
.mdt-calc-comparison h3{margin:18px 0 9px!important;font-size:14px!important;border:0!important}
.mdt-calc-ammo{display:grid;grid-template-columns:22px minmax(40px,.7fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border:1px solid #e3e5e3;border-radius:3px;margin:6px 0;font-size:13px}
.mdt-calc-ammo.is-selected{background:#f6f2e8;border-color:#c5b48e}
.mdt-calc-ammo small{color:#6c777d;font-size:12px}
.mdt-calc-actions{margin-top:14px}
.mdt-calc button{padding:6px 12px;border:1px solid #cbd0d1;border-radius:3px;background:#fff;color:#56626a;cursor:pointer;font-size:12px}
.mdt-calc button:hover{background:#f3f5f4}
.mdt-calc-notes{margin-top:17px;border-top:1px solid #e8e8e3;padding-top:12px;font-size:12px;line-height:1.8;color:#71787c}
.mdt-calc-notes summary{cursor:pointer;color:#5c686e}
.mdt-calc-error{color:#a1322b;background:#fff3f1;border:1px solid #e4b7b0;padding:10px;font-size:13px}
.mdt-calc-error[hidden]{display:none}
@media(max-width:1100px){.mdt-calc-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mdt-calc{padding:14px 11px}.mdt-calc-results{grid-template-columns:repeat(2,minmax(0,1fr))}.mdt-calc-form{gap:12px 10px}.mdt-calc-result{padding:10px}.mdt-calc-result>strong{font-size:22px}.mdt-calc-ammo{grid-template-columns:20px minmax(35px,.6fr) minmax(0,1fr);gap:6px;font-size:12px}.mdt-calc-ammo small{grid-column:3;font-size:11px}.mdt-calc-identity>span{flex-basis:100%}.mdt-calc h2{font-size:19px!important}}
@media(prefers-reduced-motion:reduce){.mdt-calc-bar>span{transition:none}}
.mdt-run-preview{margin:0 0 20px;border:1px solid #d8ddd9;border-radius:4px;overflow:hidden;background:#f7f8f6;min-width:0}
.mdt-run-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;font-size:13px}
.mdt-run-toolbar>strong{color:#3c5156}.mdt-run-status{font-size:12px;color:#65766e}.mdt-run-toolbar button{margin-left:auto}
.mdt-run-preview canvas{display:block;width:100%;max-width:100%;image-rendering:pixelated}
.mdt-flow-scene{position:relative}.mdt-calc .mdt-flow-port{position:absolute;left:10px;top:9px;background:#273632;color:#e6e9dd;border-color:#9eac88;font-size:12px;max-width:calc(100% - 20px)}
.mdt-flow-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;border-bottom:1px solid #d8ddd9;background:#f3f5f0}
.mdt-flow-controls[hidden],.mdt-flow-controls label[hidden],.mdt-flow-error[hidden]{display:none}
.mdt-flow-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#465a51;min-width:0}
.mdt-flow-controls input[type=number],.mdt-flow-controls select{width:100%;min-width:0;height:36px;border:1px solid #bdc8bf;border-radius:3px;padding:6px;background:#fff;font:inherit;color:#34473c}
.mdt-flow-controls .mdt-flow-check{flex-direction:row;align-items:center}.mdt-flow-presets{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}
.mdt-flow-error{font-size:12px;color:#a13229;grid-column:1/-1;margin:0!important}
.mdt-flow-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe5df;border-bottom:1px solid #d8ddd9}
.mdt-flow-stats>div{background:#f1f4ef;padding:10px 12px;min-width:0;overflow-wrap:anywhere}.mdt-flow-stats span{display:block;font-size:11px;color:#758075}.mdt-flow-stats strong{display:block;font-size:14px;color:#39584b;margin-top:3px;font-variant-numeric:tabular-nums}
@media(max-width:600px){.mdt-flow-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mdt-flow-stats>div{padding:8px}.mdt-flow-stats strong{font-size:12px}.mdt-flow-controls{padding:10px;gap:10px}}
.mdt-run-caption{margin:9px 12px 4px!important;font-size:12px;color:#465e61;font-variant-numeric:tabular-nums}
.mdt-run-note{margin:0 12px 11px!important;font-size:11px;color:#747d7b;line-height:1.7}
.mdt-run-preview[data-state="stopped"] .mdt-run-status,.mdt-run-preview[data-state="paused"] .mdt-run-status{color:#897447}
@media(max-width:600px){.mdt-run-toolbar{gap:6px;padding:8px}.mdt-run-toolbar>strong{font-size:12px}.mdt-run-toolbar button{padding:5px 7px}.mdt-run-status{font-size:11px}}
.mdt-battle{margin:16px 0;border:1px solid #bccac2;border-radius:5px;overflow:hidden;background:#f3f5f1}
.mdt-battle-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px}
.mdt-battle fieldset{min-width:0;margin:0;padding:10px;border:1px solid #ced7ce;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-radius:3px}
.mdt-battle legend{font-weight:700;color:#365448;padding:0 7px;font-size:14px}
.mdt-battle label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;color:#526359}
.mdt-battle input,.mdt-battle select{box-sizing:border-box;width:100%;min-width:0;height:35px;padding:5px;border:1px solid #b8c7bd;border-radius:3px;background:#fff;font:inherit;color:#293f35}
.mdt-battle [aria-invalid=true]{border-color:#ad4437}.mdt-battle-buffs,.mdt-battle-spawn{grid-column:1/-1;font-size:12px;color:#617767;margin:0!important;font-variant-numeric:tabular-nums}
.mdt-battle-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:0 14px 12px;font-size:12px;color:#68776c}
.mdt-battle-actions button{cursor:pointer;border:1px solid #b2c0b7;border-radius:3px;padding:7px 12px;background:#fff;color:#3c5546;font:inherit}.mdt-battle-actions button:first-child{background:#405f4f;color:#fff;border-color:#405f4f}.mdt-battle-actions button:disabled{opacity:.45;cursor:default}
.mdt-battle canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.mdt-battle-stats{padding:12px 14px;color:#3e5c4b;font-size:13px;line-height:1.9;font-variant-numeric:tabular-nums;min-height:25px}.mdt-battle-note{padding:0 14px 12px;margin:0!important;font-size:12px;line-height:1.8;color:#778175}
@media(max-width:600px){.mdt-battle-panels{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.mdt-battle-actions{padding:0 10px 10px}.mdt-battle-stats{padding:8px 10px;font-size:12px}.mdt-battle canvas{min-height:170px;object-fit:fill}}
/* END MDT CALCULATOR */

/* BEGIN MDT STABLE BATTLE STATS */
.mdt-battle-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;gap:1px;background:#dbe2db;line-height:1.5}
.mdt-battle-stats>div{min-width:0;padding:9px 12px;background:#f3f5f1}.mdt-battle-stats span{display:block;font-size:11px;color:#748074}
.mdt-battle-stats strong{display:block;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px;line-height:25px}
@media(max-width:600px){.mdt-battle-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.mdt-battle-stats>div{padding:7px 9px}}
/* END MDT STABLE BATTLE STATS */

/* BEGIN MDT WAVE SEARCH */
.mdt-wave-panel .mdt-wave-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.mdt-wave-panel .mdt-wave-heading > h2, .mdt-wave-panel .mdt-wave-heading > .mw-heading { flex:1 1 260px; margin:0; min-width:0; }
.mdt-wave-panel .mdt-wave-heading h2 { margin:0; }
.mdt-wave-search { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:0 0 0 auto; max-width:100%; }
body.skin-timeless #mw-content .mdt-wave-search input { box-sizing:border-box; width:112px; min-width:0; box-sizing:border-box; height:34px; padding:5px 9px; border:1px solid #bdcbb3; border-radius:4px; background:#fcfdf9; color:#354f3c !important; font:inherit; }
body.skin-timeless #mw-content .mdt-wave-search input::placeholder { color:#75836e; opacity:1; }
body.skin-timeless #mw-content .mdt-wave-search button { box-sizing:border-box; height:34px; padding:4px 12px; border:1px solid #aebfa0; border-radius:4px; background:#edf2e7 !important; color:#354f3c !important; cursor:pointer; font:inherit; white-space:nowrap; box-shadow:none !important; background-image:none !important; font-weight:600; text-shadow:none; }
body.skin-timeless #mw-content .mdt-wave-search button:hover { background:#dfe9d6 !important; }
body.skin-timeless #mw-content .mdt-wave-search input:focus-visible, body.skin-timeless #mw-content .mdt-wave-search button:focus-visible { outline:2px solid #9eaf88; outline-offset:2px; }
.mdt-wave-status { flex-basis:100%; max-width:220px; color:#94551d; font-size:12px; }
.mdt-wave-status:empty { display:none; }
.mdt-wave-panel .mdt-wave-selected > td { background:#e5edcd !important; box-shadow:inset 0 2px #a28d5f,inset 0 -2px #a28d5f; }
.mdt-wave-selected { scroll-margin-block:100px; outline:none; }
/* END MDT WAVE SEARCH */

/* BEGIN MDT CARD HIT AREA */
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.catalog-card,.mdtIconGridItem,.mdtHomeGrid .mdtCard) { position:relative; }
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.catalog-card,.mdtIconGridItem,.mdtHomeGrid .mdtCard) a:not(.image):not(.mw-file-description) { position:static; }
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.catalog-card,.mdtIconGridItem,.mdtHomeGrid .mdtCard) a:not(.image):not(.mw-file-description)::after { content:'' !important; display:block !important; position:absolute; inset:0; z-index:2; cursor:pointer; border-radius:inherit; transform:none; }
html.client-js body.skin-timeless.mdt-redesigned #mw-content :is(.catalog-card,.mdtIconGridItem,.mdtHomeGrid .mdtCard):focus-within { outline:2px solid #8b9e74; outline-offset:2px; }
/* END MDT CARD HIT AREA */

/* BEGIN MDT CAMPAIGN QUERY */
body.skin-timeless #mw-content .wiki-main:has(>.article-body .cq-portal)>.article-masthead{display:none!important}
body.skin-timeless #mw-content .cq-banner{position:relative;display:flex;align-items:center;min-height:170px;box-sizing:border-box;padding:28px 180px 28px 28px;margin:12px 0 20px;border:1px solid #cfd8c7;border-radius:4px;background:#29332e;color:#d0d4c9;overflow:hidden}
body.skin-timeless #mw-content .cq-banner-copy{display:flex;flex-direction:column;gap:12px;position:static;z-index:1}
body.skin-timeless #mw-content .cq-banner-copy small{color:#b8c0b0;letter-spacing:3px;font-size:10px}
body.skin-timeless #mw-content .cq-banner-copy strong{font-size:26px;line-height:1.4}
body.skin-timeless #mw-content .cq-banner-copy a{color:#f4f4e8!important;text-decoration:none;background:none;padding:0;position:static}
body.skin-timeless #mw-content .cq-banner-copy a:after{content:'';position:absolute;inset:0;z-index:3}
body.skin-timeless #mw-content .cq-banner-copy>span{font-size:13px;line-height:1.8}
body.skin-timeless #mw-content .cq-banner-art{position:absolute;right:32px;top:50%;transform:translateY(-50%);opacity:.8;pointer-events:none;mix-blend-mode:screen}
body.skin-timeless #mw-content .cq-banner-art img{width:130px;height:130px;object-fit:contain;mix-blend-mode:screen}
body.skin-timeless #mw-content .cq-banner-arrow{position:absolute;right:16px;top:16px;color:#b9c8a8;font-size:18px}
body.skin-timeless #mw-content .cq-banner:hover{background:#303e34;border-color:#a9b894}
body.skin-timeless #mw-content .cq-banner:focus-within{outline:2px solid #b5a174;outline-offset:3px}
.cq-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cq-route-grid .cq-banner{height:100%;margin:0!important;min-height:160px!important;padding-right:130px!important}.cq-route-grid .cq-banner-art{right:12px!important}.cq-route-grid .cq-banner-art img{width:105px!important;height:105px!important}.cq-route-grid{margin-bottom:24px}
.cq-section-label{font-size:16px!important;color:#506246;margin:20px 0 12px!important}
.mdt-campaign-query{color:#3c513e;font-size:14px;line-height:1.6;min-width:0}
.cq-filters{padding:20px;background:#f6f8f1;border:1px solid #dce3d3;border-radius:4px;margin:0 0 20px!important}
.cq-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cq-field{display:flex;flex-direction:column;gap:6px;min-width:0}.cq-field-label{font-size:12px;color:#6c7c61;font-weight:600}
body.skin-timeless #mw-content .mdt-campaign-query :is(input:not([type=checkbox]),select){box-sizing:border-box;max-width:100%;min-width:0;width:100%;height:37px;border:1px solid #c7d2bd!important;border-radius:4px;background:#fffefb!important;color:#354f3c!important;padding:6px 9px;font:inherit;box-shadow:none}
body.skin-timeless #mw-content .mdt-campaign-query button{box-sizing:border-box;border:1px solid #b9c8ac!important;border-radius:4px;background:#edf2e7!important;color:#354f3c!important;font:inherit;font-weight:600;padding:7px 12px;cursor:pointer;box-shadow:none;text-shadow:none;min-height:36px}
body.skin-timeless #mw-content .mdt-campaign-query button:hover{background:#dee8d5!important;border-color:#9eb28b!important}
body.skin-timeless #mw-content .mdt-campaign-query button:disabled{opacity:.45;cursor:default}
.mdt-campaign-query :is(input,select,button,a):focus-visible{outline:2px solid #9eaf88;outline-offset:2px}.cq-reset{align-self:end}
.cq-minerals{margin:20px 0 0;padding:16px 0 0;border:0;border-top:1px solid #dce3d3;min-width:0}.cq-minerals legend{font-size:12px;font-weight:600;padding:0 8px 0 0;color:#6c7c61}
.cq-resource-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}.cq-resource-head label{display:flex;align-items:center;gap:8px;white-space:nowrap}.cq-resource-head select{width:120px!important;height:32px!important;font-size:12px!important}
.cq-resource-pills{display:flex;flex-wrap:wrap;gap:8px}.cq-pill{display:flex;align-items:center;gap:6px;padding:6px 9px;background:#fffefb;border:1px solid #d8e1cf;border-radius:4px;cursor:pointer;font-size:12px}.cq-pill:has(:checked){border-color:#9eaf88;background:#e9efdf}.cq-pill input{accent-color:#627d50;margin:0}.cq-pill a{pointer-events:none;color:inherit!important}
.cq-resource{display:inline-flex;align-items:center;gap:5px;min-width:0}.cq-resource img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;flex:none}.cq-resource a{font-size:inherit!important}.cq-resource small{margin-left:auto;color:#7b896e;font-variant-numeric:tabular-nums;white-space:nowrap}
.cq-muted,.cq-note{color:#7a866f;font-size:12px}.cq-note{line-height:1.8;margin:14px 0 0!important}.cq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.cq-count{font-size:14px;font-weight:600;margin:0!important}.cq-choose{display:flex;align-items:center;gap:10px;font-size:12px}.cq-choose select{width:240px!important}
.cq-results-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}.cq-results{min-width:0}.cq-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cq-map-card{background:#fffefb;border:1px solid #dbe3d1;border-radius:4px;padding:16px;min-width:0;display:flex;flex-direction:column;gap:12px}.cq-map-card:hover{border-color:#aabb98}.cq-map-card.cq-selected{border-color:#a29160;box-shadow:inset 0 2px #b5a174}.cq-map-heading{display:flex;gap:10px;align-items:center}.cq-map-heading>img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.cq-map-heading>div{min-width:0}.cq-map-heading h3{margin:2px 0 0!important;border:0!important;padding:0!important;background:none!important;font-size:16px!important;color:#3e563f}.cq-map-heading small{font-size:10px}
.cq-tags{display:flex;gap:6px;flex-wrap:wrap}.cq-tags span{padding:2px 7px;background:#f0f3ea;border:1px solid #e1e6d8;border-radius:3px;font-size:11px}.cq-tags .cq-level-3,.cq-tags .cq-level-4{color:#896036;background:#f6efe0;border-color:#e3d6b9}.cq-card-resources{display:flex;gap:6px 10px;flex-wrap:wrap;font-size:12px;min-height:25px;flex:1}.cq-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e7ebdf;padding-top:10px;font-size:12px}.cq-card-foot button{font-size:12px!important;padding:5px 9px!important;white-space:nowrap}
.cq-detail{background:#f6f8f1;border:1px solid #d4ddc9;border-top:3px solid #b5a174;border-radius:4px;padding:20px;min-width:0;scroll-margin-top:90px}.cq-detail-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cq-detail-heading>img{width:42px;height:42px;object-fit:contain}.cq-detail h3{font-size:20px!important;margin:3px 0 0!important;border:0!important;padding:0!important;background:none!important}.cq-detail h4{margin:20px 0 8px!important;padding-top:14px;border-top:1px solid #dce3d3;font-size:13px!important}.cq-facts{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0!important;font-size:12px}.cq-facts dt{font-weight:400;color:#7a866f}.cq-facts dd{margin:0;text-align:right}.cq-wave-total{font-size:18px;font-weight:600;margin:6px 0 12px!important;color:#50683e}.cq-unit-list>div{display:flex;justify-content:space-between;gap:8px;margin:7px 0;font-size:12px}.cq-detail-resources{display:flex;flex-direction:column;gap:9px;font-size:12px}.cq-detail>a:last-child{display:inline-block;margin-top:18px;font-weight:600;font-size:12px}
.cq-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px 0}.cq-pager span{font-size:12px;color:#7a866f}.cq-empty{border:1px dashed #c8d4bb;border-radius:4px;padding:36px 20px;text-align:center;color:#7a866f}.mdt-campaign-query [hidden]{display:none!important}
@media(min-width:1700px){.cq-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.cq-results-layout{grid-template-columns:minmax(0,1fr)}.cq-detail{order:-1}.cq-detail-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cq-facts{grid-template-columns:1fr auto 1fr auto;column-gap:16px}.cq-route-grid{grid-template-columns:1fr}.cq-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body.skin-timeless #mw-content .cq-banner{padding:22px 100px 22px 18px;min-height:155px}body.skin-timeless #mw-content .cq-banner-copy strong{font-size:21px}body.skin-timeless #mw-content .cq-banner-art{right:-20px;opacity:.5}body.skin-timeless #mw-content .cq-banner-art img{width:115px;height:115px}.cq-route-grid .cq-banner{padding-right:100px!important}.cq-route-grid .cq-banner-art{right:-15px!important}.cq-filters{padding:12px}.cq-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.cq-result-grid{grid-template-columns:1fr}.cq-detail{padding:15px}.cq-facts{grid-template-columns:1fr auto}.cq-choose{width:100%;flex-wrap:wrap}.cq-choose select{flex:1;width:100%!important}.cq-toolbar{gap:10px}.cq-detail-resources{grid-template-columns:1fr}.cq-resource-pills{gap:6px}.cq-pill{padding:5px 7px}.cq-map-card{padding:14px}}
.cq-sort-metric{display:flex;align-items:center;gap:8px;flex-basis:100%;padding-top:8px;color:#50683e;font-weight:600}.cq-sort-metric .cq-resource{flex:1}.cq-filters>label.cq-resource-head{margin-top:18px}.cq-filters>label.cq-resource-head select{width:300px!important;max-width:100%}
.cq-comparison{margin:0 0 24px;padding:20px;border:1px solid #d4ddc9;border-top:3px solid #b5a174;border-radius:4px;background:#f6f8f1;scroll-margin-top:90px}.cq-comparison h3{margin:0!important;padding:0!important;border:0!important;background:none!important;color:#3e563f;font-size:18px!important}.cq-comparison>.cq-note{margin-bottom:16px!important}.cq-compare-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}.cq-compare-empty{padding:18px 0 0;color:#7a866f;font-size:13px}.cq-compare-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:20px;font-size:13px}.cq-compare-table th,.cq-compare-table td{padding:12px;border:1px solid #dce3d3;text-align:left;vertical-align:top;overflow-wrap:anywhere}.cq-compare-table thead th{background:#edf2e7}.cq-compare-table thead th:first-child{width:24%}.cq-compare-table tbody th{font-weight:400}.cq-compare-table .cq-compare-group th{background:#e9eedf;color:#506246;font-weight:600;letter-spacing:1px}.cq-compare-value{display:block;font-variant-numeric:tabular-nums}.cq-delta{display:block;margin-top:5px;font-size:12px;font-variant-numeric:tabular-nums}.cq-more{color:#34764a}.cq-less{color:#b34d43}.cq-equal{color:#7b8177}.cq-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cq-card-foot{flex-wrap:wrap}.cq-compare-table .cq-map-heading{flex-wrap:wrap}.cq-compare-table .cq-resource{flex-wrap:wrap}
@media(max-width:600px){.cq-comparison{padding:12px}.cq-compare-controls{grid-template-columns:minmax(0,1fr)}.cq-compare-table{font-size:12px}.cq-compare-table th,.cq-compare-table td{padding:8px 5px}.cq-compare-table thead th:first-child{width:23%}.cq-delta{font-size:11px}.cq-compare-table .cq-map-heading>img{width:26px;height:26px}.cq-compare-table .cq-map-heading{gap:5px}}
body.skin-timeless #mw-content .mdt-campaign-query .cq-page-input{width:68px;text-align:center;font-variant-numeric:tabular-nums;padding:6px}.cq-pager{gap:10px}.cq-pager button{user-select:none;-webkit-user-select:none;touch-action:manipulation}
body.skin-timeless #mw-content .mdt-campaign-query .cq-pager .cq-page-input{width:64px!important;min-width:64px!important;max-width:64px!important;flex:0 0 64px!important;margin:0!important;height:38px!important;padding:6px!important}.cq-pager{align-items:center!important;flex-wrap:nowrap!important}.cq-pager>button{flex:none;white-space:nowrap!important}.cq-pager>span{flex:none;white-space:nowrap}
body.skin-timeless #mw-content .mdt-campaign-query .cq-field{margin:0!important;padding:0!important;align-self:stretch;justify-content:flex-end;gap:6px!important}body.skin-timeless #mw-content .mdt-campaign-query .cq-field>span{display:block;line-height:18px!important;margin:0!important}body.skin-timeless #mw-content .mdt-campaign-query .cq-field :is(input,select){margin:0!important;height:38px!important;min-height:38px!important;line-height:normal!important;vertical-align:middle}body.skin-timeless #mw-content .mdt-campaign-query .cq-reset{margin:0!important;height:38px!important;min-height:38px!important;padding:6px 12px!important;align-self:end}
.cq-compare-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid #dce3d3}.cq-diff-toggle{display:flex;gap:7px;align-items:center;margin-left:auto;font-size:12px;cursor:pointer}.cq-diff-toggle input{accent-color:#627d50}.cq-compare-tools button{font-size:12px!important;min-height:32px!important;padding:5px 10px!important}body.skin-timeless #mw-content .cq-compare-tools button[aria-pressed=true]{background:#dfe8d5!important;border-color:#94a57c!important}.cq-compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.cq-compare-profile{display:flex;gap:14px;align-items:center;padding:16px;background:#fffefb;border:1px solid #d8e1cd;border-radius:4px;border-top:2px solid #a8b595}.cq-compare-profile>img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.cq-compare-profile>div{display:flex;flex-direction:column;gap:4px;min-width:0}.cq-compare-profile a{font-size:17px;font-weight:600}.cq-compare-table{margin-top:14px}.cq-compare-table th,.cq-compare-table td{padding:9px 12px!important}.cq-compare-table td{vertical-align:middle!important}.cq-compare-table .cq-compare-value{display:inline-block;font-weight:600;margin-right:14px}.cq-compare-table .cq-delta{display:inline-block;font-size:11px;padding:2px 6px;border-radius:3px;margin:3px 0}.cq-compare-table .cq-more{background:#e8f1e6}.cq-compare-table .cq-less{background:#f7ebe6}.cq-compare-table .cq-equal{background:#eef0e9}.cq-compare-table tbody tr[data-metric]:hover{background:#eef2e6}.cq-compare-table thead th{position:sticky;top:66px;z-index:2;box-shadow:0 1px #d4ddc9}.cq-diff-empty{color:#7a866f;font-size:13px;padding:12px}.cq-compare-group th{font-size:12px}
@media(min-width:1500px){.cq-compare-table thead th:first-child{width:20%}}@media(max-width:600px){.cq-compare-summary{gap:8px}.cq-compare-profile{padding:10px;gap:8px;align-items:flex-start;flex-direction:column}.cq-compare-profile a{font-size:14px}.cq-compare-profile>img{width:32px;height:32px}.cq-compare-profile .cq-muted{font-size:10px}.cq-compare-table th,.cq-compare-table td{padding:8px 5px!important}.cq-compare-table .cq-compare-value{display:block;margin:0}.cq-compare-table .cq-delta{font-size:10px;padding:2px 3px}.cq-diff-toggle{margin-left:0}.cq-compare-table thead th{top:66px}}
/* END MDT CAMPAIGN QUERY */
匿名

搜索

MediaWiki:Common.css：修订间差异

命名空间

更多

页面操作

2026年10月19日 (一) 11:19的最新版本

导航

导航

wiki工具

wiki工具

匿名

搜索

MediaWiki:Common.css：修订间差异

2026年10月19日 (一) 11:19的最新版本

导航

wiki工具

页面工具
