.image-surface{aspect-ratio:var(--intrinsic-ratio,auto);background-color:#f3f3f3;border-radius:12px}.image-placeholder{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .3s ease}.image-placeholder>span{position:absolute;inset:-18px;background-image:var(--lqip);background-size:100% 100%;background-repeat:no-repeat;filter:blur(12px)}[data-image-placeholder=plain] .image-placeholder>span{inset:0;background-image:none;filter:none;background-color:#f3f3f3}.image-surface>img[data-responsive]{position:relative;z-index:1;transition:opacity .3s ease}.image-surface[data-image-state=loading]>img[data-responsive],.image-surface[data-image-state=error]>img[data-responsive]{opacity:0}.image-surface[data-image-state=ready]{background-color:transparent}.image-surface[data-image-state=ready]>.image-placeholder{opacity:0}.image-pending{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .15s}.image-surface[data-image-state=loading]>.image-pending{opacity:1;transition-delay:.15s}.image-spinner{display:block;box-sizing:border-box;width:28px;height:28px;border:2px solid rgb(120 120 120 / .2);border-top-color:#858585;border-radius:50%;background:transparent;animation:image-spin .85s linear infinite}.image-retry{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border:1px solid #bbb;border-radius:4px;background:#fff;color:#555;font:14px var(--font-sans);cursor:pointer}.article-figure,.chapter-art{position:relative}.chapter-art.image-surface{background:transparent}.chapter-art>img[data-responsive]{transition:opacity .3s ease,transform .4s cubic-bezier(.22,.7,.25,1),filter .4s}.preview-status{position:fixed;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:90vw;color:#fff;font:13px var(--font-sans);text-shadow:0 1px 4px #0008}.preview-status .image-spinner{width:22px;height:22px;border-color:#ffffff45;border-top-color:#fff}.image-dialog figure>img{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}.preview-thumbnail{display:block;width:100%;border-radius:12px;box-shadow:0 18px 65px #0004;transition:opacity .2s ease}.image-dialog[data-preview-ready] figure>img{opacity:1}.image-dialog[data-preview-ready] .preview-thumbnail{opacity:0}.image-dialog[data-white-background] .preview-thumbnail{border:.75px solid #b5b5b5;box-sizing:border-box}.preview-retry{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #ffffff80;border-radius:4px;padding:4px 10px}.image-dialog[data-preview-error] .image-spinner{display:none}@keyframes image-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.image-spinner{animation:none}.image-placeholder,.image-surface>img[data-responsive],.preview-thumbnail,.image-dialog figure>img{transition:none}}