body.eastern-page { background: #090f12; }
.eastern-page .site-header { border-bottom-color: rgba(221, 181, 103, 0.3); }
.shengxiao-hero .flow-card { border-left: 3px solid #b8894b; }
.shengxiao-workbench, .shengxiao-atlas { padding: 28px; background: rgba(13, 18, 21, 0.9); border: 1px solid rgba(194, 155, 88, 0.35); }
.shengxiao-workbench-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, .54fr); gap: 28px; align-items: end; }
.shengxiao-workbench-head h2 { margin: 0; }.shengxiao-workbench-head p:not(.eyebrow) { margin: 8px 0 0; color: var(--muted); }
.shengxiao-form { display: grid; gap: 8px; }.shengxiao-form label { color: var(--gold-light); font-size: 13px; }.shengxiao-date-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.shengxiao-form select { min-width: 0; }
.shengxiao-form .btn { margin-top: 6px; }
.shengxiao-selected { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px; align-items: center; width: min(100%, 1080px); margin: 24px auto 0; padding: 20px; border: 1px solid rgba(231, 198, 126, 0.52); border-left: 4px solid #d6a758; background: linear-gradient(110deg, rgba(48, 30, 21, .9), rgba(20, 27, 27, .92)); }
.shengxiao-selected-art { width: 140px; aspect-ratio: 1; display: grid; place-items: center; }.shengxiao-selected h3 { margin: 0; color: #f0d796; font-size: 26px; }.shengxiao-selected p:not(.eyebrow) { color: var(--muted); line-height: 1.7; }.shengxiao-selected-tags { display: flex; flex-wrap: wrap; gap: 8px; }.shengxiao-selected-tags span { padding: 6px 9px; color: #dfc78d; border: 1px solid rgba(222, 183, 103, .25); background: rgba(14, 21, 22, .7); font-size: 12px; }.shengxiao-hint { margin: 13px 0 0; color: var(--muted); font-size: 13px; }
.shengxiao-judgment { margin: 10px 0 2px !important; color: #f0d796 !important; font-size: 18px; font-weight: 600; }
.shengxiao-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0 14px; }
.shengxiao-detail-grid article { padding: 12px; border: 1px solid rgba(222, 183, 103, .2); background: rgba(14, 21, 22, .66); }
.shengxiao-detail-grid span, .shengxiao-book-action span { display: block; color: #b9a56f; font-size: 11px; }
.shengxiao-detail-grid strong { display: block; margin-top: 5px; color: #e0c585; font-size: 13px; line-height: 1.5; }
.shengxiao-detail-grid p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.shengxiao-book-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; width: min(100%, 1080px); margin: 24px auto 0; padding: 18px 20px; border: 1px solid rgba(222, 183, 103, .32); background: linear-gradient(110deg, rgba(48, 30, 21, .8), rgba(20, 27, 27, .9)); }
.shengxiao-book-panel h3 { margin: 0; color: #f0d796; }
.shengxiao-book-panel p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.shengxiao-book-action { display: grid; gap: 6px; min-width: 150px; }.shengxiao-book-action strong { color: #e5c477; font-size: 18px; }.shengxiao-book-action .btn { margin-top: 5px; }
.shengxiao-book-confirm { width: min(100%, 1080px); margin: 18px auto 0; }.shengxiao-book-confirm .service-boundary-check { display: block; margin: 16px 0; color: var(--muted); font-size: 13px; }.shengxiao-book-confirm .service-boundary-check a { color: #e5c477; }
.shengxiao-selected.is-refreshed { animation: shengxiao-refresh .7s ease-out; }
.shengxiao-form .btn.is-confirmed { border-color: #e5c477; color: #2a1a15; background: #e5c477; }
@keyframes shengxiao-refresh { 0% { box-shadow: 0 0 0 0 rgba(229, 196, 119, .6); } 100% { box-shadow: 0 0 0 14px rgba(229, 196, 119, 0); } }
.shengxiao-atlas { margin-top: 28px; }.shengxiao-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 22px; background: rgba(194, 155, 88, .2); border: 1px solid rgba(194, 155, 88, .2); }.shengxiao-card { display: grid; grid-template-columns: 126px minmax(0, 1fr); gap: 16px; min-height: 245px; padding: 16px; background: #121a1c; border-left: 3px solid transparent; }.shengxiao-card:hover { background: #182325; }.shengxiao-card.is-selected { border-left-color: #e4c783; background: #2a261b; box-shadow: inset 0 0 0 1px rgba(228, 199, 131, .55); }.shengxiao-card-art { display: grid; place-items: center; width: 118px; aspect-ratio: 1; align-self: start; }.shengxiao-seal { position: relative; display: grid; place-items: center; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(145deg, #2b1515, #131d1d); border: 1px solid rgba(222, 182, 105, .7); box-shadow: inset 0 0 0 5px rgba(39, 20, 20, .82), inset 0 0 0 6px rgba(222, 182, 105, .22); color: #e5c477; }.shengxiao-seal::before { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(229, 196, 119, .4); transform: rotate(45deg); }.shengxiao-seal::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 7px, rgba(255, 225, 160, .025) 8px 9px); pointer-events: none; }.shengxiao-seal svg { position: absolute; inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); fill: none; stroke: rgba(235, 206, 142, .65); stroke-width: 1.2; }.shengxiao-seal-animal { position: relative; z-index: 1; color: #efd499; font-family: STKaiti, KaiTi, serif; font-size: 54px; line-height: 1; text-shadow: 0 2px 0 #421e1b; }.shengxiao-seal-branch, .shengxiao-seal-mark { position: absolute; z-index: 1; color: #e5c477; font-size: 11px; letter-spacing: 3px; }.shengxiao-seal-branch { top: 12px; left: 14px; }.shengxiao-seal-mark { right: 9px; bottom: 10px; writing-mode: vertical-rl; letter-spacing: 2px; }.shengxiao-seal-selected { width: 132px; height: 132px; }.shengxiao-seal-selected .shengxiao-seal-animal { font-size: 68px; }.shengxiao-card-title span { color: var(--muted); font-size: 12px; }.shengxiao-card h3 { display: inline; margin: 2px 0 0 8px; color: #ecd395; font-size: 24px; }.shengxiao-stars { margin: 8px 0 4px !important; color: #dcb46c !important; letter-spacing: 2px; font-size: 15px !important; }.shengxiao-card-copy > strong { color: #d8c18e; font-size: 14px; }.shengxiao-card-copy > p:not(.shengxiao-stars) { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }.shengxiao-card dl { display: grid; gap: 6px; margin: 10px 0 0; }.shengxiao-card dl div { padding-top: 6px; border-top: 1px solid rgba(194, 155, 88, .16); }.shengxiao-card dt { color: #b9a56f; font-size: 11px; }.shengxiao-card dd { margin: 2px 0 0; color: #aeb7ae; font-size: 11px; line-height: 1.45; }.shengxiao-method { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; margin-top: 18px; padding-top: 15px; border-top: 1px solid rgba(194, 155, 88, .22); font-size: 12px; }.shengxiao-method strong { color: #e0c585; }.shengxiao-method span { color: var(--muted); }.shengxiao-boundary { padding-top: 0; }
@media (max-width: 960px) { .shengxiao-workbench-head { grid-template-columns: 1fr; }.shengxiao-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .shengxiao-workbench, .shengxiao-atlas { padding: 20px 14px; }.shengxiao-selected { grid-template-columns: 1fr; }.shengxiao-selected-art { width: 120px; }.shengxiao-grid { grid-template-columns: 1fr; }.shengxiao-card { min-height: 0; }.shengxiao-method { grid-template-columns: 1fr; gap: 6px; }.shengxiao-date-row { grid-template-columns: 1fr; }.shengxiao-detail-grid, .shengxiao-book-panel { grid-template-columns: 1fr; }.shengxiao-book-action { min-width: 0; } }

/* The illustrated silhouette keeps the seal readable without returning to emoji styling. */
.shengxiao-seal svg { z-index: 1; }
.shengxiao-seal-figure { position: relative; z-index: 2; width: 72%; height: 72%; object-fit: contain; opacity: .9; filter: invert(82%) sepia(31%) saturate(540%) hue-rotate(358deg) brightness(92%) contrast(90%) drop-shadow(0 3px 2px rgba(45, 16, 13, .9)); }
.shengxiao-seal-branch, .shengxiao-seal-mark { z-index: 3; }
.shengxiao-seal-selected .shengxiao-seal-figure { width: 76%; height: 76%; }