/* Ziwei traditional manuscript visual system v5
   Self-contained decorative layer: Chinese astrological manuscript, subdued cinnabar,
   aged brass, ink and warm paper. No dependency on older ornament styles. */

:root{
  --zw-v5-paper:#eee5d3;
  --zw-v5-paper-light:#faf6eb;
  --zw-v5-paper-deep:#e5dac4;
  --zw-v5-ink:#2f2922;
  --zw-v5-ink-soft:#665b4c;
  --zw-v5-cinnabar:#7b352e;
  --zw-v5-cinnabar-soft:#9a554b;
  --zw-v5-brass:#927747;
  --zw-v5-brass-soft:#b3a17f;
  --zw-v5-line:#b7a98f;
}

.ziwei-commercial-page{
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 94% 7%,rgba(146,119,71,.09),transparent 28%),
    radial-gradient(circle at 4% 88%,rgba(123,53,46,.05),transparent 30%),
    repeating-linear-gradient(0deg,rgba(54,45,34,.018) 0 1px,transparent 1px 5px),
    var(--zw-v5-paper)!important;
  color:var(--zw-v5-ink)!important;
}

/* Content always sits above decorative watermarks. */
.ziwei-commercial-page .ziwei-commercial-main,
.ziwei-commercial-page .site-footer,
.ziwei-commercial-page .back-top{
  position:relative;
  z-index:3;
}

/* Remove the old celebratory banner if an earlier stylesheet is cached. */
.ziwei-commercial-page .commercial-workspace::before{
  display:none!important;
  content:none!important;
}

/* Large bagua diagrams: intentionally visible, but rendered like faded manuscript plates. */
.ziwei-commercial-page::before,
.ziwei-commercial-page::after{
  position:fixed;
  z-index:1;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  width:310px;
  height:310px;
  border:1.5px solid rgba(146,119,71,.27);
  outline:1px solid rgba(123,53,46,.14);
  outline-offset:-22px;
  border-radius:50%;
  color:rgba(78,64,45,.27);
  background:
    radial-gradient(circle,transparent 0 34%,rgba(146,119,71,.045) 34.5% 35.5%,transparent 36% 57%,rgba(123,53,46,.026) 57.5% 58.5%,transparent 59%);
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:30px;
  line-height:1.94;
  letter-spacing:.15em;
  white-space:pre;
  pointer-events:none;
  user-select:none;
  text-shadow:none;
  box-shadow:inset 0 0 0 40px rgba(146,119,71,.012);
  opacity:.9;
  filter:saturate(.55);
}

.ziwei-commercial-page::before{
  content:"☰   ☱\A  ☲   ☳\A  ☷   ☴\A☶   ☵";
  top:54px;
  right:-112px;
  transform:rotate(-7deg);
}

.ziwei-commercial-page::after{
  content:"☷   ☶\A  ☵   ☴\A  ☳   ☲\A☱   ☰";
  left:-126px;
  bottom:48px;
  transform:rotate(9deg) scale(.92);
}

/* Panels read as manuscript sheets, not generic cards. */
.ziwei-commercial-page .input-panel,
.ziwei-commercial-page .result-panel{
  position:relative;
  isolation:isolate;
  border:1px solid #9d8c70!important;
  border-radius:16px!important;
  background:rgba(250,247,239,.976)!important;
  box-shadow:
    0 16px 42px rgba(67,53,37,.08),
    inset 0 0 0 4px rgba(146,119,71,.035),
    inset 0 0 0 5px rgba(123,53,46,.022)!important;
}

/* Quiet engraved corner marks. */
.ziwei-commercial-page .input-panel::before,
.ziwei-commercial-page .result-panel::after{
  content:"◇";
  position:absolute;
  z-index:4;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:0;
  background:var(--zw-v5-paper-light);
  color:#806b42;
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:17px;
  line-height:1;
  pointer-events:none;
  box-shadow:none;
}

.ziwei-commercial-page .input-panel::before{top:-7px;left:14px}
.ziwei-commercial-page .result-panel::after{right:14px;bottom:-7px}

/* Result-panel constellation diagram. */
.ziwei-commercial-page .result-panel::before{
  content:"";
  position:absolute;
  top:28px;
  right:24px;
  z-index:0;
  width:370px;
  height:215px;
  pointer-events:none;
  opacity:.48;
  background:
    radial-gradient(circle at 7% 25%,#927747 0 2px,transparent 2.8px),
    radial-gradient(circle at 23% 44%,#b09c76 0 1.7px,transparent 2.4px),
    radial-gradient(circle at 38% 17%,#80683f 0 2.2px,transparent 3px),
    radial-gradient(circle at 52% 51%,#aa956e 0 1.8px,transparent 2.5px),
    radial-gradient(circle at 68% 28%,#8e7243 0 2.2px,transparent 3px),
    radial-gradient(circle at 84% 59%,#b09c76 0 1.7px,transparent 2.4px),
    radial-gradient(circle at 92% 19%,#80683f 0 2px,transparent 2.8px),
    linear-gradient(26deg,transparent 0 31%,rgba(123,53,46,.28) 31.05% 31.42%,transparent 31.55% 100%),
    linear-gradient(154deg,transparent 0 46%,rgba(123,53,46,.23) 46.05% 46.42%,transparent 46.55% 100%),
    linear-gradient(7deg,transparent 0 66%,rgba(123,53,46,.20) 66.05% 66.42%,transparent 66.55% 100%);
  -webkit-mask-image:linear-gradient(120deg,#000 0 56%,rgba(0,0,0,.68) 76%,transparent 100%);
  mask-image:linear-gradient(120deg,#000 0 56%,rgba(0,0,0,.68) 76%,transparent 100%);
}

.ziwei-commercial-page .result-panel > *{
  position:relative;
  z-index:1;
}

/* Headings use Song type and restrained cinnabar/brass rules. */
.ziwei-commercial-page .panel-heading h2,
.ziwei-commercial-page .result-topbar h2,
.ziwei-commercial-page .section-title-row h3{
  color:#382f27!important;
  font-family:"Songti SC","STSong","SimSun",serif!important;
  font-weight:700!important;
}

.ziwei-commercial-page .panel-heading h2::after,
.ziwei-commercial-page .result-topbar h2::after,
.ziwei-commercial-page .section-title-row h3::after{
  content:"";
  display:block;
  width:72px;
  height:2px;
  margin-top:10px;
  border-radius:0;
  background:linear-gradient(90deg,var(--zw-v5-cinnabar) 0 36%,var(--zw-v5-brass) 36% 100%);
  opacity:.72;
}

.ziwei-commercial-page .eyebrow{
  color:#72573e!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}

/* Form controls stay modern and readable while borrowing manuscript colours. */
.ziwei-commercial-page .commercial-segmented span{
  border-color:#b9aa91!important;
  background:#fbf8f0!important;
  color:#453a30!important;
  box-shadow:none!important;
}

.ziwei-commercial-page .commercial-segmented input:checked+span{
  border-color:var(--zw-v5-cinnabar)!important;
  background:#eee1cf!important;
  color:#682e29!important;
  box-shadow:inset 3px 0 0 var(--zw-v5-cinnabar)!important;
}

.ziwei-commercial-page .field input:focus,
.ziwei-commercial-page .field select:focus{
  border-color:#846e48!important;
  box-shadow:0 0 0 3px rgba(146,119,71,.13)!important;
}

.ziwei-commercial-page .region-block,
.ziwei-commercial-page .coordinate-block{
  border-color:#c2b394!important;
  background:#f4eddf!important;
}

.ziwei-commercial-page .commercial-switch{
  border-color:#b8a78a!important;
  background:#fbf7ee!important;
  box-shadow:inset 3px 0 0 #8a4b3f!important;
}

.ziwei-commercial-page .commercial-switch input:checked{background:var(--zw-v5-cinnabar)!important}
.ziwei-commercial-page .commercial-switch input:checked::after{background:#e7dcc5!important}

.ziwei-commercial-page .commercial-privacy{
  border:1px solid #756856!important;
  background:linear-gradient(135deg,#37302a,#463b31)!important;
  color:#ece3d2!important;
  box-shadow:inset 3px 0 0 #8f6b3e!important;
}
.ziwei-commercial-page .commercial-privacy strong{color:#cdb78d!important}
.ziwei-commercial-page .commercial-privacy p{color:#d8cdbb!important}

.ziwei-commercial-page .commercial-generate{
  border:1px solid #69443b!important;
  background:linear-gradient(135deg,#672d28,#7c3932)!important;
  color:#e8d9bc!important;
  box-shadow:0 6px 15px rgba(61,37,28,.13),inset 0 0 0 1px rgba(211,190,149,.09)!important;
}
.ziwei-commercial-page .commercial-generate:hover{background:linear-gradient(135deg,#58251f,#6e302a)!important}

/* Metadata and tab treatment. */
.ziwei-commercial-page .audit-state{
  border:1px solid #a08a65!important;
  background:#eee5d4!important;
  color:#67523a!important;
  font-weight:700!important;
}

.ziwei-commercial-page .fact-item{
  border:1px solid rgba(146,119,71,.22)!important;
  background:#f3ecdf!important;
}

.ziwei-commercial-page .view-tabs{
  border:1px solid #9d8a69!important;
  border-radius:8px!important;
  background:#f8f3e9!important;
}
.ziwei-commercial-page .view-tabs button{border-right-color:#c6b89f!important}
.ziwei-commercial-page .view-tabs button[aria-selected="true"]{
  background:#44382e!important;
  color:#ded0b3!important;
  font-weight:700!important;
}

/* Chart frame: dark ink + aged brass, with restrained interaction states. */
.ziwei-commercial-page .traditional-chart{
  border:2px solid #5b4639!important;
  outline:1px solid var(--zw-v5-brass)!important;
  outline-offset:4px!important;
  background:#fbf7ed!important;
  box-shadow:0 9px 26px rgba(64,49,34,.10)!important;
}

.ziwei-commercial-page .palace-cell{
  border-right-color:rgba(77,60,48,.48)!important;
  border-bottom-color:rgba(77,60,48,.48)!important;
  background:rgba(251,248,239,.93)!important;
}
.ziwei-commercial-page .palace-cell:hover{background:#f3ead8!important}
.ziwei-commercial-page .palace-cell.is-active{
  background:#eadfc8!important;
  box-shadow:inset 0 0 0 3px var(--zw-v5-cinnabar)!important;
}
.ziwei-commercial-page .palace-cell.is-related{background:#f0e7d7!important}
.ziwei-commercial-page .palace-cell.is-opposite{box-shadow:inset 0 0 0 2px #6f7880!important}
.ziwei-commercial-page .palace-cell.is-wealth{box-shadow:inset 0 0 0 2px #78816a!important}
.ziwei-commercial-page .palace-cell.is-career{box-shadow:inset 0 0 0 2px #806c80!important}
.ziwei-commercial-page .palace-name{color:#453429!important;font-family:"Songti SC","STSong","SimSun",serif}
.ziwei-commercial-page .palace-branch{color:#816a43!important}

/* Luoshu construction lines and a barely-there Taiji watermark. */
.ziwei-commercial-page .chart-center{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(146,119,71,.07),transparent 48%),
    linear-gradient(135deg,#faf5e9,#eee4d1)!important;
}

.ziwei-commercial-page .chart-center::before{
  content:"";
  position:absolute;
  inset:11%;
  z-index:0;
  pointer-events:none;
  opacity:.34;
  border:1px solid rgba(123,53,46,.24);
  background:
    linear-gradient(to right,transparent 0 33%,rgba(146,119,71,.48) 33.05% 33.28%,transparent 33.4% 66.5%,rgba(146,119,71,.48) 66.55% 66.78%,transparent 66.9%),
    linear-gradient(to bottom,transparent 0 33%,rgba(123,53,46,.32) 33.05% 33.28%,transparent 33.4% 66.5%,rgba(123,53,46,.32) 66.55% 66.78%,transparent 66.9%);
}

.ziwei-commercial-page .chart-center::after{
  content:"☯";
  position:absolute;
  z-index:0;
  right:7%;
  bottom:-14%;
  color:rgba(64,49,39,.075);
  font-family:serif;
  font-size:138px;
  line-height:1;
  pointer-events:none;
  text-shadow:none;
}

.ziwei-commercial-page .center-card{position:relative;z-index:1}

/* Subdued cinnabar seal. */
.ziwei-commercial-page .center-card .brand-line::after{
  content:"未明"!important;
  display:inline-grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:34px!important;
  height:34px!important;
  margin-left:10px!important;
  padding:0!important;
  border:1.5px solid #87372f!important;
  border-radius:3px!important;
  color:#87372f!important;
  background:rgba(244,235,217,.78)!important;
  background-image:none!important;
  font-family:"Songti SC","STSong","SimSun",serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  vertical-align:5px!important;
  transform:rotate(-4deg)!important;
  box-shadow:inset 0 0 0 1px rgba(135,55,47,.12)!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* Keep modal/native form popovers readable and above decorative layers. */
.ziwei-commercial-page .input-panel,
.ziwei-commercial-page form,
.ziwei-commercial-page .field-grid,
.ziwei-commercial-page .field,
.ziwei-commercial-page fieldset{
  overflow:visible!important;
}

.ziwei-commercial-page input[type="date"],
.ziwei-commercial-page input[type="time"],
.ziwei-commercial-page select{
  color-scheme:light!important;
}

.ziwei-commercial-page select option{
  background:#fff!important;
  color:#2f2922!important;
}

/* Responsive restraint: remove large ornaments when they start competing with content. */
@media(max-width:900px){
  .ziwei-commercial-page::before,
  .ziwei-commercial-page::after{
    width:210px;
    height:210px;
    font-size:20px;
    opacity:.55;
  }
  .ziwei-commercial-page .result-panel::before{width:245px;height:155px;opacity:.30}
}

@media(max-width:640px){
  .ziwei-commercial-page::before,
  .ziwei-commercial-page::after,
  .ziwei-commercial-page .result-panel::before{
    display:none!important;
  }
  .ziwei-commercial-page .input-panel::before,
  .ziwei-commercial-page .result-panel::after{
    display:none!important;
  }
  .ziwei-commercial-page .chart-center::before{opacity:.24}
  .ziwei-commercial-page .chart-center::after{font-size:96px;opacity:.7}
}