/*
 * 钀笀鍏夎姃棣栭爜灏堢敤棰ㄦ牸
 * 鍍呰瀵瑕猴紝涓嶆洿鍕曟棦鏈� HTML 绲愭銆両D 鎴栧姛鑳介伕鎿囧櫒銆�
 */

:root {
  --power-bg: #151310;
  --power-surface: #211e19;
  --power-surface-light: #2b2721;
  --power-border: #494137;
  --power-text: #eee7dc;
  --power-muted: #b8ac9b;
  --power-gold: #e3a23c;
  --power-gold-light: #f4c976;
  --power-ember: #a94e20;
}

html {
  background: var(--power-bg);
}

body {
  margin: 0;
  color: var(--power-text);
  background: var(--power-bg);
}

body::before {
  display: none;
}

/* 闋傞儴涓昏瑕猴細娌跨敤鍘熸湰 #logo 鑸� .logo_w */
#logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: auto;
  margin: 0;
  line-height: 0;
  overflow: hidden;
  background: #0d0c0a;
}

.logo_w {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 500px;
  margin: 0 auto;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, .2) 2%,
    rgba(0, 0, 0, .55) 6%,
    #000 12%,
    #000 88%,
    rgba(0, 0, 0, .55) 94%,
    rgba(0, 0, 0, .2) 98%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, .2) 2%,
    rgba(0, 0, 0, .55) 6%,
    #000 12%,
    #000 88%,
    rgba(0, 0, 0, .55) 94%,
    rgba(0, 0, 0, .2) 98%,
    transparent 100%
  );
}

/* 娌跨敤鍘熸湰 sticky 灏庤绲愭 */
nav {
  padding: 5px 8px;
  border-top: 1px solid #5b4528;
  border-bottom: 1px solid #5b4528;
  background: rgba(25, 22, 18, .96);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
}

nav a {
  color: var(--power-text);
}

nav a:hover,
.button-nav .button:hover {
  color: #1b160f;
  background: var(--power-gold);
}

.button-nav .button {
  color: var(--power-text);
  border-radius: 3px;
}

/* 淇濇寔 section 鍘熸湁鎺掑垪鑸囬枔璺濋倧杓� */
section {
  padding: 16px 8px;
}

.title_desc {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff8ea;
  border: 1px solid var(--power-border);
  border-bottom: 0;
  background: #342d24;
  text-shadow: 0 1px 2px #000;
}

/* 淇濈暀鍚勫崁鍘熸湁 class 鍛藉悕锛屼互鍚屼竴鑹茬郴鍋氱窗寰鲸璀� */
.title_bc {
  background: #cd8624;
}

.title_vd {
  background: #4b719c;
}

.title_icons {
  background: #7c4646;
}

.title_dh {
  background: #576661;
}

.title_dm {
  background: #985b39;
}

.title_ss {
  background: #9b3f3f;
}

.title_tt {
  background: #203046;
}




.title_hot,
.news_bg {
  background: #613128;
}

.title-link {
  color: var(--power-gold-light);
}

.title-link:hover {
  color: #fff;
}

.button-container {
  border: 1px solid var(--power-border);
  background: var(--power-surface);
}

.button-container .button {
  color: var(--power-text);
  border-color: #3e3931;
  background: var(--power-surface);
}

.button-container .button:hover {
  color: #1d1710;
  border-color: var(--power-gold);
  background: var(--power-gold-light);
}

.normaltext {
  color: var(--power-text);
}

.hottext {
  color: #ff9b6b;
}

.icon-container {
  border: 1px solid var(--power-border);
  background: var(--power-surface);
}

.icon-item {
  color: var(--power-text);
}

.icon-item img {
  border-radius: 5px;
}

/* 瑕嗗闋侀潰涓棦鏈夌殑琛屽収娣鸿壊鍏憡鑸囬爜灏捐儗鏅� */
body > p,
body > div:not(#logo):not(#ad) > p {
  box-sizing: border-box;
  color: var(--power-muted) !important;
  background: var(--power-surface-light) !important;
  border-color: var(--power-border) !important;
}

body > p a {
  color: var(--power-gold-light);
}

/* 缍茬珯鍏憡 */
.site-notice {
  display: grid;
  gap: 1px;
  color: var(--power-text);
  border-top: 1px solid var(--power-border);
  border-bottom: 1px solid var(--power-border);
  background: var(--power-border);
}

.notice-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 34px;
  padding: 8px 14px;
  background: var(--power-surface-light);
}

.notice-label {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-width: 76px;
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  border-radius: 4px;
}

.notice-label-email {
  background: #49764c;
}

.notice-label-fabbu {
  background: #cb5e5e;
}

.notice-label-info {
  background: #8b4b25;
}

.notice-link,
.notice-action {
  color: var(--power-gold-light);
  font-weight: 700;
  text-decoration: none;
}

.notice-link:hover,
.notice-action:hover {
  color: #fff;
  text-decoration: underline;
}

.notice-text {
  color: var(--power-muted);
  line-height: 1.7;
}

.notice-action {
  display: inline-block;
  margin-inline: 4px;
  padding: 2px 9px;
  color: #21180d;
  border-radius: 3px;
  background: var(--power-gold);
}

.notice-action:hover {
  color: #21180d;
  text-decoration: none;
  background: var(--power-gold-light);
}

.hot-table {
  color: var(--power-text);
  background: var(--power-surface);
}

.hot-table th {
  background: #29241e;
  border-bottom-color: var(--power-border);
}

.hot-table td {
  color: var(--power-text);
  border-bottom-color: var(--power-border);
}

.hot-table tr:nth-child(even),
.hot-table tr:hover {
  background: var(--power-surface-light);
}

.hot-table td a,
.hot-table-title {
  color: var(--power-text);
}

@media (max-width: 590px) {
  nav {
    padding-inline: 3px;
  }

  section {
    padding: 10px 4px;
  }

  .title_desc {
    padding-left: 12px;
  }

  .notice-item {
    align-items: flex-start;
    gap: 8px;
    padding: 9px 10px;
  }

  .notice-label {
    min-width: auto;
    padding-inline: 8px;
    font-size: 12px;
  }

  .notice-text,
  .notice-link {
    font-size: 13px;
  }
}