/* 玄幻侧栏、底部导航与响应式补充。 */
.mystic-panel--side {
  display: grid;
  gap: 14px;
  align-content: start;
}

.mystic-contact-card {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  border-radius: 12px !important;
  background: rgba(25, 23, 18, 0.92) !important;
}

.mystic-contact-card img {
  width: 100% !important;
  height: auto !important;
  filter: saturate(0.68) contrast(1.04);
}

body.qimen-mystic-ready #bottomNav {
  background: linear-gradient(180deg, rgba(44, 35, 24, 0.97), rgba(17, 17, 14, 0.98)) !important;
}

body.qimen-mystic-ready .mystic-action {
  font-size: 15px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.qimen-mystic-ready .mystic-action--primary {
  border-color: rgba(228, 189, 104, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(67, 55, 37, 0.98), rgba(25, 24, 20, 0.98)),
    #1f1d18 !important;
}

body.qimen-mystic-ready .mystic-action--ghost {
  border-color: rgba(220, 170, 92, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(126, 75, 43, 0.96), rgba(79, 45, 30, 0.98)),
    #633824 !important;
}

body.qimen-mystic-ready .mystic-action--small {
  background:
    linear-gradient(180deg, rgba(97, 76, 48, 0.96), rgba(51, 42, 31, 0.98)),
    #453724 !important;
}

body.qimen-mystic-ready #page_1 {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.qimen-mystic-ready #PAGE1CONT {
  width: min(100%, 1060px);
  margin: 58px auto 0 !important;
  padding: 18px 18px calc(var(--奇门导航高度) + 20px) !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

body.qimen-mystic-ready #PAGE1CONT > button {
  height: 38px !important;
  border: 1px solid rgba(214, 176, 98, 0.36) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 224, 0.94), rgba(229, 212, 174, 0.88)),
    #eee0b8 !important;
  color: #2d251a !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(63, 47, 28, 0.12) !important;
}

body.qimen-mystic-ready #page_1 #TABLEINPUT {
  display: none !important;
}

#PAGE1CONT:has(#SHOWID),
#page_2 > .ui-body-a {
  width: min(calc(100% - 32px), 1060px) !important;
  margin: 58px auto 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(103, 73, 39, 0.18) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 252, 238, 0.9), rgba(239, 225, 194, 0.78)),
    rgba(250, 244, 226, 0.86) !important;
  box-shadow: 0 18px 44px rgba(67, 52, 32, 0.16) !important;
  box-sizing: border-box;
}

:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) > table,
:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) > table > tbody,
:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) tr,
:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) td {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

#PAGE1CONT:has(#SHOWID) > table + table {
  margin-top: 14px !important;
}

#PAGE1CONT:has(#SHOWID) > table + table tr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) tr + tr {
  margin-top: 12px !important;
}

:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) :is(.ui-btn, input[type="text"], textarea, .ui-collapsible-contain, #SAVEPAN, #SAVEYIXING) {
  display: block !important;
  width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box;
}

:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) .ui-btn {
  margin-block: 0 !important;
}

:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) textarea {
  min-height: 122px;
  resize: vertical;
}

:is(#PAGE1CONT:has(#SHOWID), #page_2 > .ui-body-a) :is(#SAVEPAN, #SAVEYIXING):empty {
  display: none !important;
}

body.qimen-mystic-ready #outboard,
body.qimen-mystic-ready #outboard1,
body.qimen-mystic-ready #SAVEPAN,
body.qimen-mystic-ready #SAVEYIXING {
  border: 1px solid rgba(103, 73, 39, 0.18) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 252, 238, 0.9), rgba(239, 225, 194, 0.78)),
    rgba(250, 244, 226, 0.86) !important;
  color: #231f18 !important;
  box-shadow: 0 18px 44px rgba(67, 52, 32, 0.16) !important;
}

body.qimen-mystic-ready #outboard {
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.qimen-mystic-ready #outboard table,
body.qimen-mystic-ready #outboard1 table,
body.qimen-mystic-ready #SAVEPAN table,
body.qimen-mystic-ready #SAVEYIXING table {
  background: transparent !important;
}

body.qimen-mystic-ready #outboard .gridst {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  border-collapse: separate;
  color: #111 !important;
  font-size: 14px !important;
}

body.qimen-mystic-ready #outboard .gridst div {
  background: #fff !important;
}

body.qimen-mystic-ready #outboard .girdnone,
body.qimen-mystic-ready #outboard .girdleft,
body.qimen-mystic-ready #outboard .girdright,
body.qimen-mystic-ready #outboard .girdbott,
body.qimen-mystic-ready #outboard .girdall {
  color: #111 !important;
  text-shadow: none !important;
}

body.qimen-mystic-ready .ui-collapsible-contain {
  margin-top: 16px !important;
  overflow: hidden;
  border: 1px solid rgba(103, 73, 39, 0.18) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 252, 238, 0.9), rgba(239, 225, 194, 0.78)),
    rgba(250, 244, 226, 0.86) !important;
  box-shadow: 0 18px 44px rgba(67, 52, 32, 0.16) !important;
}

body.qimen-mystic-ready .ui-collapsible-heading {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(67, 55, 37, 0.98), rgba(28, 26, 21, 0.98)),
    #1f1d18 !important;
  box-shadow: none !important;
}

body.qimen-mystic-ready .ui-collapsible-heading .ui-btn-text,
body.qimen-mystic-ready .ui-btn .ui-btn-text,
body.qimen-mystic-ready .ui-btn .style3 {
  color: #fff6df !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.qimen-mystic-ready .ui-collapsible-content,
body.qimen-mystic-ready .ui-collapsible-content2 {
  margin: 0 !important;
  padding: 12px !important;
  border: 0 !important;
  border-top: 1px solid rgba(214, 176, 98, 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media (max-width: 900px) {
  body.qimen-mystic-ready #page_0 form .ui-content {
    padding-top: 62px !important;
  }

  .mystic-hero,
  .mystic-workbench {
    grid-template-columns: 1fr;
  }

  .mystic-form-grid--solar {
    grid-template-columns: repeat(3, minmax(88px, 1fr));
  }

  .mystic-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  body.qimen-mystic-ready #page_0 form .ui-content {
    padding: 56px 8px 126px !important;
  }

  .mystic-hero__copy,
  .mystic-panel--main,
  .mystic-panel--actions,
  .mystic-panel--side {
    padding: 16px;
  }

  .mystic-hero h1 {
    font-size: 26px;
  }

  .mystic-form-grid--solar,
  .mystic-form-grid--lunar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mystic-action-grid {
    gap: 8px;
  }
}