html.hero-image-pending .hero-original{opacity:0!important}html.hero-image-pending .hero-load-placeholder{display:flex}
.hero-load-placeholder{display:none;position:absolute;inset:0;margin:auto;width:min(100%,520px);height:auto;aspect-ratio:1440/998;max-height:365px;border-radius:25px;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#70534e;font:500 14px/1.4 'Microsoft YaHei',sans-serif;letter-spacing:.03em;background:linear-gradient(135deg,#fff0da,#f8e6db 48%,#eae6fa);box-shadow:0 12px 32px rgba(102,61,75,.12);transform:rotate(1deg);z-index:1}
.hero-load-ring{width:34px;height:34px;border:3px solid rgba(232,134,79,.22);border-top-color:#e97735;border-right-color:#e97735;border-radius:50%;animation:hero-load-spin .8s linear infinite}
.hero-load-placeholder.is-error .hero-load-ring{display:none}.hero-load-placeholder button{border:0;border-radius:999px;background:#f17c38;color:#fff;font:inherit;padding:9px 20px;cursor:pointer}.hero-load-placeholder button[hidden]{display:none}
@keyframes hero-load-spin{to{transform:rotate(360deg)}}
.hero-original{transition:opacity .35s ease,box-shadow .25s,filter .25s}
@media(max-width:768px){.hero-load-placeholder{width:min(100%,300px);border-radius:18px;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-load-ring{animation:none;border-color:#e97735}.hero-original{transition:none}}