/* A garden invitation, shared by the scheduled opening and the registration form. */
body.s33-register-page {
    --register-ink: #244b40;
    --register-muted: #6b8075;
    --register-green: #347762;
    --register-green-dark: #234f41;
    --register-line: #dce7dc;
    background: #edf2e7 !important;
}
body.s33-register-page .zxr-auth-motion__scrim {
    background: linear-gradient(130deg, rgba(234,243,229,.86), rgba(250,247,234,.94)) !important;
}
.wdhysj-register-shell [hidden] { display: none !important; }
.wdhysj-register-shell { width: min(1100px, calc(100% - 48px)); padding: 20px 0 32px; }
.wdhysj-register-header { margin-bottom: 16px; }
body.s33-register-page .wdhysj-register-actions a { border-radius: 999px !important; padding-inline: 18px; }
.wdhysj-register-workspace {
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    min-height: 646px;
    border: 1px solid rgba(255,255,255,.88);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(53,88,58,.12), 0 3px 12px rgba(53,88,58,.04);
}
.wdhysj-register-scene { padding: 42px 36px; border-right: 0; background-position: center 60%; }
.wdhysj-register-scene::after { background: linear-gradient(180deg,rgba(245,249,231,.82),rgba(240,246,227,.25) 56%,rgba(54,92,65,.05)); }
.wdhysj-register-scene__copy .garden-invitation { color: #687944; font-size: 12px; font-weight: 600; }
.wdhysj-register-scene__copy h1 { margin: 20px 0 16px; font-size: 43px; line-height: 1.3; font-weight: 700; }
.wdhysj-register-scene__copy p { color: #597261; font-size: 14px; line-height: 1.9; }
.wdhysj-register-scene__garden { width: 450px; left: -75px; bottom: 3px; }
.wdhysj-register-scene__florist { width: 231px; right: -8px; bottom: 0; }
.garden-scene-note { position: absolute; z-index: 5; left: 30px; bottom: 23px; display: flex; align-items: center; gap: 8px; padding: 9px 13px; color: #3c634e; background: rgba(255,253,239,.88); border: 1px solid rgba(255,255,255,.8); border-radius: 999px; font-size: 11px; backdrop-filter: blur(8px); }
.garden-scene-note span { width: 6px; height: 6px; border-radius: 50%; background: #85a156; }
.wdhysj-register-panel { padding: 36px 40px 32px; background: linear-gradient(145deg,#fffef9,#f9fbf5); }
.garden-opening-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8b937e; font-size: 11px; }
.garden-opening-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid #d8e5cc; border-radius: 99px; color: #52723d; background: #f0f6e9; font-weight: 600; }
.garden-opening-pill i { width: 6px; height: 6px; background: #739a51; border-radius: 50%; box-shadow: 0 0 0 3px rgba(115,154,81,.12); }
.garden-opening h2 { margin: 28px 0 12px; color: #264f41; font: 700 36px/1.35 "Songti SC", STSong, "Noto Serif CJK SC", serif; }
.garden-opening-intro { margin: 0; color: #768574; font-size: 13px; line-height: 1.8; }
.garden-opening-date { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 24px 0 17px; color: #687d68; font-size: 12px; }
.garden-opening-date time { color: #36664c; font-size: 25px; font-weight: 700; font-variant-numeric: tabular-nums; }
.garden-opening-date small { margin-left: auto; color: #88917e; font-size: 11px; }
.garden-countdown { display: grid; grid-template-columns: minmax(0,1fr) 15px minmax(0,1fr) 15px minmax(0,1fr); gap: 6px; align-items: center; }
.garden-countdown > div { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; height: 104px; gap: 4px; background: linear-gradient(145deg,#edf4e6,#f5f6ea); border: 1px solid #dce7d3; border-radius: 16px; box-shadow: inset 0 1px 0 #fff; }
.garden-countdown strong { color: #315c46; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 46px; line-height: 1; font-weight: 500; font-variant-numeric: tabular-nums; }
.garden-countdown span { color: #7b8c70; font-size: 11px; }
.garden-countdown b { margin-top: -17px; color: #98aa85; font-size: 26px; font-weight: 400; text-align: center; }
.garden-opening-hint { margin: 13px 0 0; color: #7b8977; font-size: 12px; line-height: 1.7; text-align: center; }
.garden-invite-preserved { margin: 10px 0 0; color: #647c4c; font-size: 12px; text-align: center; }
body.s33-register-page a.garden-download-button { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 52px; margin-top: 26px; padding: 13px 18px; color: #fffef2 !important; background: #34745b !important; border: 1px solid #34745b; border-radius: 13px; box-shadow: 0 7px 18px rgba(49,104,79,.15); text-decoration: none; font-size: 14px; font-weight: 600; transition: background .2s, transform .2s; }
body.s33-register-page a.garden-download-button:hover { background: #285e48 !important; transform: translateY(-1px); }
.garden-download-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.garden-download-button > span { margin-left: auto; font-size: 17px; font-weight: 400; }
.garden-opening-steps { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-top: 22px; color: #8a9580; font-size: 10px; }
.garden-opening-steps span { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.garden-opening-steps em { color: #a0ad83; font-style: normal; font-size: 11px; }
.garden-opening-steps i { flex: 1; max-width: 24px; height: 1px; background: #dfe6d6; }
.garden-registration-fields { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
.garden-registration-status { margin-bottom: 20px; padding: 10px 12px; background: #edf4e8; border: 1px solid #dce8d2; border-radius: 10px; color: #567144; font-size: 12px; line-height: 1.7; }
.wdhysj-register-panel__head { margin-bottom: 17px; }
.wdhysj-register-panel__head > div > span { color: #879261; font-size: 11px; font-weight: 600; }
.wdhysj-register-panel__head h2 { margin: 9px 0; font: 700 30px/1.35 "Songti SC", STSong, serif; }
body.s33-register-page .wdhysj-register-field input,
body.s33-register-page .wdhysj-register-field select { border-radius: 10px !important; background: #fffef9 !important; border-color: #d3decf !important; }
body.s33-register-page .wdhysj-register-submit { border-radius: 12px !important; min-height: 50px !important; font-weight: 600 !important; }
body.s33-register-page .wdhysj-register-password-toggle { border-radius: 7px !important; }
.wdhysj-register-panel__foot { margin-top: 20px; }
.wdhysj-register-panel__foot a { color: #47745a; }
.wdhysj-register-shell a:focus-visible,
.wdhysj-register-shell button:focus-visible { outline: 3px solid #a5c897 !important; outline-offset: 3px; }
@media (max-width: 980px) {
    .wdhysj-register-shell { width: calc(100% - 32px); }
    .wdhysj-register-scene { padding: 36px 27px; }
    .wdhysj-register-scene__copy h1 { font-size: 37px; }
    .wdhysj-register-panel { padding: 32px 26px; }
    .garden-opening h2 { font-size: 33px; }
    .wdhysj-register-scene__garden { width: 400px; left: -105px; }
    .wdhysj-register-scene__florist { width: 210px; right: -24px; }
}
@media (max-width: 760px) {
    .wdhysj-register-shell { width: min(520px,calc(100% - 24px)); padding: 10px 0 22px; }
    .wdhysj-register-header { margin-bottom: 10px; gap: 8px; }
    body.s33-register-page .wdhysj-register-actions a { padding-inline: 11px; }
    .wdhysj-register-actions a:first-child { display: none; }
    .wdhysj-register-workspace { grid-template-columns: 1fr; min-height: 0; border-radius: 22px; }
    .wdhysj-register-scene { min-height: 200px; padding: 23px; border: 0; background-position: center 36%; }
    .wdhysj-register-scene::after { background: linear-gradient(90deg,rgba(244,248,229,.88),rgba(244,248,229,.08)); }
    .wdhysj-register-scene__copy { max-width: 225px; }
    .wdhysj-register-scene__copy .garden-invitation { font-size: 10px; }
    .wdhysj-register-scene__copy h1 { margin: 11px 0 9px; font-size: 28px; line-height: 1.3; }
    .wdhysj-register-scene__copy p { max-width: 185px; font-size: 11px; line-height: 1.75; }
    .wdhysj-register-scene__garden { width: 225px; left: auto; right: -5px; bottom: -53px; opacity: .9; }
    .wdhysj-register-scene__florist { width: 135px; right: -7px; bottom: -36px; }
    .garden-scene-note { display: none; }
    .wdhysj-register-panel { padding: 25px 24px 27px; }
    .garden-opening h2 { margin: 22px 0 9px; font-size: 30px; }
    .garden-opening-intro { font-size: 12px; }
    .garden-opening-date { margin: 19px 0 14px; }
    .garden-countdown > div { height: 91px; border-radius: 13px; }
    .garden-countdown strong { font-size: 40px; }
    body.s33-register-page a.garden-download-button { margin-top: 21px; min-height: 49px; font-size: 13px; }
    .garden-opening-steps { margin-top: 19px; }
    .garden-registration-fields { grid-template-columns: 1fr; gap: 14px; }
    .wdhysj-register-panel__head { flex-direction: column; gap: 8px; }
}
@media (max-width: 370px) {
    .wdhysj-register-shell { width: calc(100% - 18px); }
    .wdhysj-register-panel { padding: 23px 18px; }
    .wdhysj-register-scene { padding-inline: 18px; }
    .wdhysj-register-scene__copy h1 { font-size: 26px; }
    .wdhysj-register-scene__copy p { max-width: 158px; }
    .wdhysj-register-scene__florist { right: -24px; }
    .garden-opening h2 { font-size: 26px; }
    .garden-countdown { gap: 4px; grid-template-columns: minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr); }
    .garden-countdown strong { font-size: 35px; }
    .garden-opening-date { gap: 7px; }
    .garden-opening-date small { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    body.s33-register-page a.garden-download-button { transition: none; transform: none; }
}