/* 以首页山水历法意象构建其余内容页的共同舞台。 */ .content-page-shell, .calendar-page {width:100%;margin:0 auto;padding:0 0 48px; }
.inner-hero {position:relative;display:flex;align-items:center;min-height:250px;margin:0 0 26px;padding:clamp(28px, 5vw, 58px);overflow:hidden;isolation:isolate;border-radius:0 0 18px 18px;background-image:linear-gradient(90deg, rgba(248, 251, 255, .94), rgba(248, 251, 255, .76) 46%, rgba(248, 251, 255, .06)), url('/static/img/homepage-b-landscape.png');background-position:center, center 47%;background-size:cover;color:var(--ink-color); }
:root[data-theme="warm"] .inner-hero {background-image:linear-gradient(90deg, rgba(255, 250, 243, .95), rgba(255, 250, 243, .76) 46%, rgba(255, 250, 243, .08)), url('/static/img/homepage-a-landscape.png'); }
.inner-hero-copy {position:relative;z-index:2;max-width:620px; }
.inner-eyebrow {margin:0 0 13px;color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.15em; }
.inner-hero h1 {margin:0;color:var(--ink-color);font-family:var(--font-family-display);font-size:clamp(34px, 5vw, 58px);font-weight:600;letter-spacing:-.05em;line-height:1.2; }
.inner-hero h1 em {color:var(--primary-color);font-style:normal; }
.inner-hero-copy>p:last-child {max-width:520px;margin:16px 0 0;color:var(--muted-color);font-size:14px;line-height:1.9; }
.inner-orbit {position:absolute;right:clamp(24px, 9vw, 130px);top:50%;display:grid;place-items:center;width:190px;aspect-ratio:1;transform:translateY(-50%);border:1px solid color-mix(in srgb, var(--primary-color) 28%, transparent);border-radius:50%;color:var(--primary-dark);font-family:var(--font-family-display); }
.inner-orbit::before, .inner-orbit::after {position:absolute;inset:12%;border:1px dashed color-mix(in srgb, var(--primary-color) 25%, transparent);border-radius:50%;content:""; }
.inner-orbit::after {inset:29%;border-style:solid;opacity:.6; }
.inner-orbit span {position:absolute;font-size:14px; }
.inner-orbit span:nth-child(1) {top:2%;left:calc(50% - 7px); }
.inner-orbit span:nth-child(2) {right:3%;top:calc(50% - 10px); }
.inner-orbit span:nth-child(3) {bottom:2%;left:calc(50% - 7px); }
.inner-orbit span:nth-child(4) {left:3%;top:calc(50% - 10px); }
.inner-orbit i {width:9px;height:9px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 9px color-mix(in srgb, var(--primary-color) 12%, transparent); }
.content-page-card {width:min(100%, 1040px);margin:0 auto 28px;padding:clamp(24px, 5vw, 54px);border:1px solid var(--line-color);border-radius:var(--radius-xl);background:var(--paper-color);box-shadow:var(--shadow-float); }
.content-page-card> .section-index {margin:0 0 8px;color:var(--secondary-dark);font-size:10px;font-weight:700;letter-spacing: .18em; }
.content-page-title {margin:0 0 22px;color:var(--ink-color);font-family:var(--font-family-display);font-size:clamp(25px, 3vw, 34px);font-weight:500;line-height:1 .35; }
.content-page-body {color:var(--text-color);line-height:1.9; }
.content-page-section-title, .content-page-card h2 {margin:30px 0 10px;color:var(--primary-dark);font-size:18px;font-weight:600; }
.content-page-card p, .content-page-card li {color:var(--muted-color);line-height:1.95; }
.content-page-list {padding-left:22px; }
.content-page-card li {padding:3px 0; }
.content-page-card strong {color:var(--primary-dark); }
.calendar-query-panel {display:grid;grid-template-columns:minmax(220px, .8fr) minmax(0, 1.2fr);align-items:center;gap:28px;margin:-2px auto 24px;padding:clamp(22px, 4vw, 38px);border:1px solid var(--line-color);border-radius:var(--radius-xl);background:var(--paper-color);box-shadow:var(--shadow-float); }
.calendar-query-copy .section-index, .calendar-result .section-index {color:var(--secondary-dark);font-size:10px;font-weight:700;letter-spacing: .17em; }
.calendar-query-copy h2, .calendar-result-heading h2 {margin:8px 0;color:var(--ink-color);font-family:var(--font-family-display);font-size:25px;font-weight:500; }
.calendar-query-copy p {margin:0;color:var(--muted-color);font-size:13px; }
.calendar-query-row {display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:end;gap:9px 16px;margin:0; }
.calendar-date-label {grid-column:1/-1;color:var(--muted-color);font-size:12px;font-weight:600; }
.calendar-date-input {box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-height);padding:0 12px;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-color);font:inherit; }
.calendar-date-input:focus {border-color:var(--focus-border);outline:0;box-shadow:var(--focus-ring); }
.calendar-query-button {min-height:var(--control-height);white-space:nowrap; }
.calendar-result {margin:0 auto 28px;padding:clamp(22px, 4vw, 38px);border:1px solid var(--line-color);border-radius:var(--radius-xl);background:var(--paper-color);box-shadow:var(--shadow-float); }
.calendar-result-heading {display:flex;align-items:end;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line-color); }
.calendar-result-heading h2 {margin-bottom:0; }
.calendar-result-grid {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;margin:20px 0; }
.calendar-result-grid article {display:grid;gap:7px;min-width:0;padding:18px;border-radius:var(--radius-md);background:var(--light-gray); }
.calendar-result-grid span {color:var(--muted-color);font-size:11px; }
.calendar-result-grid strong {color:var(--primary-dark);font-family:var(--font-family-display);font-size:clamp(16px, 2vw, 22px);overflow-wrap:anywhere; }
.calendar-result-action {margin-top:22px; }
.membership-expired-page {width:min(100%, 900px);margin:20px auto 48px;padding:0 18px; }
.membership-expired-card {position:relative;overflow:hidden;padding:clamp(28px, 6vw, 60px);border:1px solid var(--line-color);border-radius:var(--radius-xl);background:linear-gradient(110deg, color-mix(in srgb, var(--paper-color) 94%, transparent), color-mix(in srgb, var(--paper-color) 75%, transparent)), url('/static/img/homepage-b-landscape.png') center/cover;box-shadow:var(--shadow-float);text-align:left; }
.membership-expired-card::before {display:block;margin-bottom:18px;color:var(--primary-color);font-size:11px;font-weight:700;letter-spacing: .16em;content:'ZǏ PÍNG · MEMBERSHIP'; }
.membership-expired-icon {position:absolute;top:46px;right:9%;color:var(--primary-color);font-size:52px; }
.membership-expired-card h1 {max-width:600px;color:var(--ink-color);font-family:var(--font-family-display);font-size:clamp(30px, 4vw, 46px); }
.membership-expired-card p {max-width:600px;color:var(--muted-color);line-height:1.9; }
.membership-perks {max-width:600px;margin:28px 0;padding:20px 24px;border-left:2px solid var(--primary-color);background:color-mix(in srgb, var(--paper-color) 75%, transparent);color:var(--text-color);text-align:left; }
.membership-perks h2 {margin-top:0;color:var(--primary-dark);font-size:16px; }
.membership-expired-actions {display:flex;flex-wrap:wrap;gap:12px; }
.not-found-card {padding-block:clamp(3rem,10vh,7rem);text-align:center; }
.not-found-card>p {margin-inline:auto; }
@media(max-width:800px) {.inner-orbit{right:5%;width:145px;opacity:.72; }
.calendar-query-panel {grid-template-columns:1fr;gap:18px; }}
@media(max-width:560px) {.inner-hero{min-height:250px;padding:27px 22px; }
.inner-hero-copy {max-width:100%; }
.inner-hero-copy>p:last-child {max-width:calc(100% - 20px);font-size:12px; }
.inner-orbit {right:-48px;width:155px;opacity: .28; }
.inner-hero h1 {font-size:36px; }
.content-page-card {padding:25px 20px; }
.calendar-query-row {grid-template-columns:1fr; }
.calendar-date-label {grid-column:1; }
.calendar-query-button {width:100%; }
.calendar-result-grid {grid-template-columns:1fr; }
.calendar-result-grid article {grid-template-columns:90px 1fr;align-items:center; }
.calendar-result-heading {align-items:flex-start;flex-direction:column; }
.membership-expired-icon {top:28px;right:22px;font-size:36px; }
.membership-expired-actions>* {flex:1 1 100%;justify-content:center; }}