/* 胤天天堂獨立主題：古卷、黑鐵、舊銅與暗紅封蠟 */
:root {
  --gold: #b98a4f;
  --gold-light: #e0c392;
  --gold-dark: #72502d;
  --crimson: #741f1d;
  --crimson-dim: #3f0d0c;
  --bg: #0b0a08;
  --bg2: #12100d;
  --bg3: #1a1510;
  --bg4: #241b12;
  --border: rgba(185, 138, 79, .28);
  --border-bright: rgba(210, 168, 106, .72);
  --text: #d9c8a8;
  --text-dim: #99896f;
  --text-link: #d2bd98;
  --text-muted: #74644f;
  --white: #f0dfbd;
}

body {
  background:
    radial-gradient(circle at 50% -18rem, rgba(119, 69, 30, .2), transparent 42rem),
    repeating-linear-gradient(117deg, rgba(255,255,255,.012) 0 1px, transparent 1px 8px),
    #0b0a08;
  color: var(--text);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 42%, rgba(0,0,0,.68) 100%);
}

#top-header {
  background: linear-gradient(180deg, rgba(20,16,11,.98), rgba(8,7,6,.96));
  border-bottom: 1px solid rgba(192,143,79,.42);
  box-shadow: 0 8px 28px rgba(0,0,0,.52), inset 0 -1px rgba(116,31,29,.45);
}

.logo-img {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  border: 1px solid #c49a5c;
  object-fit: cover;
  background: #090806;
  box-shadow: 0 0 0 2px #2b0d0c, 0 0 15px rgba(116,31,29,.55);
}

.logo-text,
.page-hdr h1,
.section-title,
.content-card h1,
.content-card h2,
.content-card h3,
.footer-col-title {
  font-family: 'Noto Serif TC', 'PMingLiU', serif;
}

.nav-dropdown,
#mobile-menu {
  background: rgba(15,12,9,.985);
  border-color: rgba(185,138,79,.42);
}

.nav-dropdown { border-top-color: #7a211f; }
.nav-link-top::after { background: linear-gradient(90deg, #6b1715, #c79756, #6b1715); }
.nav-dropdown a:hover { background: linear-gradient(90deg, rgba(116,31,29,.28), transparent); }

.btn-line-o,
.btn-register {
  border-color: rgba(205,163,98,.66);
  color: #ead4aa;
  background: linear-gradient(180deg, #792421, #3e0e0d);
  box-shadow: inset 0 1px rgba(255,225,172,.15), 0 4px 13px rgba(0,0,0,.34);
}

.btn-line-o.is-disabled,
.btn-register.is-disabled,
.mob-link.is-disabled,
[href="#service-pending"],
.service-pending {
  opacity: .62;
  cursor: not-allowed;
}

#main-wrap {
  background: transparent;
}

#page-content {
  position: relative;
}

.page-hdr {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(177,127,69,.48);
  border-left: 4px solid #74211e;
  background:
    linear-gradient(100deg, rgba(103,65,31,.25), transparent 56%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.013) 0 1px, transparent 1px 5px),
    #17120d;
  box-shadow: inset 0 0 38px rgba(0,0,0,.48), 0 12px 30px rgba(0,0,0,.26);
}

.page-hdr::after {
  content: "胤天王城檔案";
  position: absolute;
  right: 22px;
  bottom: 12px;
  color: rgba(207,166,101,.18);
  font: 700 12px/1 'Noto Serif TC', serif;
  letter-spacing: .45em;
}

.page-hdr h1 { color: #e5c991; text-shadow: 0 2px 8px #000; }
.page-hdr-line { background: linear-gradient(90deg, #741f1d, #c08c4e 38%, transparent); }

.content-card,
.section,
.ann-card,
.dir-card,
.server-card,
.update-item,
.search-box,
.form-section,
.panel {
  border-color: rgba(174,126,68,.38) !important;
  background:
    linear-gradient(145deg, rgba(72,45,23,.15), transparent 48%),
    #15110d !important;
  box-shadow: inset 0 1px rgba(231,198,143,.05), 0 10px 26px rgba(0,0,0,.24);
}

.content-card:hover,
.ann-card:hover,
.dir-card:hover,
.server-card:hover {
  border-color: rgba(205,159,91,.65) !important;
}

.content-card a,
.cms-rich a { color: #d8aa69; }

.data-table,
table {
  border-color: rgba(181,132,72,.42) !important;
  background: rgba(10,8,6,.42);
}

.data-table th,
table th {
  background: linear-gradient(180deg, #4e1715, #28100d) !important;
  color: #e3c28a !important;
  border-color: rgba(191,145,82,.45) !important;
}

.data-table td,
table td { border-color: rgba(166,119,64,.22) !important; }
.data-table tr:nth-child(even) td { background: rgba(133,88,40,.07); }

input,
select,
textarea,
.search-input {
  color: #ead9b8 !important;
  border-color: rgba(181,135,77,.44) !important;
  background: #0d0b09 !important;
}

button,
.form-submit,
.btn-primary {
  font-family: 'Noto Serif TC', serif;
}

.form-submit,
.btn-primary {
  color: #f2ddb2 !important;
  border: 1px solid #b88749 !important;
  background: linear-gradient(180deg, #7b2421, #400d0c) !important;
}

.service-pending-notice {
  display: grid;
  gap: 4px;
  margin: 0 0 20px;
  padding: 18px 20px;
  border: 1px solid rgba(195,145,80,.58);
  border-left: 5px solid #741f1d;
  background: linear-gradient(90deg, rgba(116,31,29,.24), rgba(92,62,31,.11));
}

.service-pending-notice strong {
  color: #e2c38e;
  font: 700 18px/1.4 'Noto Serif TC', serif;
  letter-spacing: .12em;
}

.service-pending-notice span { color: #b7a486; }

#site-footer {
  border-top-color: rgba(179,130,70,.42);
  background: linear-gradient(180deg, #100d0a, #080706);
}

@media (max-width: 768px) {
  .page-hdr::after { display: none; }
  .btn-line-o.is-disabled { display: none; }
}