@charset "UTF-8";
/* Compact previews inherit each case's palette; the full archive keeps its own layout. */
.cg-case-gallery{--cg-ink:var(--ce-ink,var(--ink,#203439));--cg-muted:var(--ce-muted,var(--muted,#697d80));--cg-line:var(--ce-line,var(--line,#d4e0df));--cg-accent:var(--ce-accent,var(--accent,#008b94));color:var(--cg-ink)}
.cg-case-gallery .cg-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px auto 24px;max-width:900px}
.cg-case-gallery .cg-previews[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.cg-case-gallery .cg-previews[data-count="1"]{grid-template-columns:1fr;max-width:100%}
.cg-case-gallery .cg-preview{margin:0;min-width:0}
.cg-case-gallery .cg-preview .pc-image-open{display:block;width:100%;padding:0;background:var(--soft,#f1f4f4);border:1px solid var(--cg-line);border-radius:6px;overflow:hidden;aspect-ratio:9/16}
.cg-case-gallery .cg-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cg-case-gallery .cg-preview figcaption{display:block;font-size:14px;line-height:1.6;margin-top:12px;color:var(--cg-ink)}
.cg-case-gallery .cg-preview figcaption strong{display:block;font-weight:500;overflow-wrap:anywhere}
.cg-case-gallery .cg-preview figcaption small{display:block;font-size:12px;color:var(--cg-muted);margin-top:3px}
.cg-case-gallery[data-gallery-kind="website"] .cg-previews,.cg-case-gallery[data-gallery-kind="board"] .cg-previews,.cg-case-gallery[data-gallery-kind="wide"] .cg-previews{max-width:100%}
.cg-case-gallery[data-gallery-kind="website"] .cg-preview .pc-image-open{aspect-ratio:16/10}
.cg-case-gallery[data-gallery-kind="board"] .cg-preview .pc-image-open{aspect-ratio:16/10}
.cg-case-gallery[data-gallery-kind="board"] .cg-preview img{object-fit:contain}
.cg-case-gallery[data-gallery-kind="wide"] .cg-preview .pc-image-open{aspect-ratio:8/3}
.cg-case-gallery[data-gallery-kind="wide"] .cg-preview img{object-fit:contain}
.cg-case-gallery[data-gallery-kind="poster"] .cg-previews{max-width:1000px}
.cg-case-gallery[data-gallery-kind="poster"] .cg-preview .pc-image-open{aspect-ratio:3/4}
.cg-case-gallery>.cg-all{margin:24px 0 0;border:0;border-top:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line);border-radius:0;background:transparent}
.cg-case-gallery>.cg-all>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:56px;padding:16px 0;color:var(--cg-ink);font-size:15px;line-height:1.6;cursor:pointer}
.cg-all>summary::-webkit-details-marker{display:none}
.cg-all>summary::marker{content:""}
.cg-case-gallery>.cg-all>summary>span{transform:none;rotate:none}
.cg-case-gallery>.cg-all:not([open])>:not(summary){display:none!important}
.cg-all>summary .cg-action-title{font-weight:550}
.cg-all>summary .cg-action-note{display:inline-block;font-size:12px;font-weight:400;color:var(--cg-muted);margin-left:14px}
.cg-all>summary .cg-action-icon{font-size:21px;line-height:1;flex:none;color:var(--cg-accent)}
.cg-all .cg-label-open{display:none}
.cg-all[open]>summary .cg-label-open{display:inline}
.cg-all[open]>summary .cg-label-closed{display:none}
.cg-case-gallery:has(>.cg-all[open])>.cg-previews{display:none}
.cg-all[open]>summary{margin-bottom:24px;border-bottom:1px solid var(--cg-line)}
.cg-case-gallery .cg-collapse{display:block;margin:28px auto 24px;min-height:44px;padding:10px 22px;border:1px solid var(--cg-line);background:transparent;color:var(--cg-ink);font:inherit;font-size:14px;line-height:1.5;border-radius:4px;cursor:pointer}
.cg-case-gallery :is(summary,button):focus-visible{outline:2px solid var(--cg-accent);outline-offset:4px}
.cg-case-gallery .cg-collapse[hidden]{display:none}
.page-theater .cg-preview .pc-image-open{border-radius:12px}
.page-comics .cg-preview .pc-image-open{border-radius:0;box-shadow:5px 5px 0 var(--line)}
.page-seasons .cg-preview .pc-image-open{border:0;border-radius:0}
.ce-store .cg-all{border-top-style:dashed;border-bottom-style:dashed}
.ce-tanghe .cg-preview .pc-image-open{border-radius:3px}
.ce-wellness .cg-all>summary,.page-luo .cg-all>summary{font-family:Georgia,"Songti SC","SimSun",serif}
.ce-wellness .cg-preview .pc-image-open{border-radius:0}
.ce-county .cg-preview .pc-image-open{background:#142f48;border-color:#3a5570;border-radius:0}
.ce-driver .cg-action-icon{border:1px solid currentColor;border-radius:50%;width:28px;height:28px;text-align:center;line-height:25px}
.ce-crm .cg-all{border-top-width:2px}
.ce-points .cg-preview .pc-image-open{border-radius:12px}
.page-hmi .hmi-archive .pc-gallery{grid-template-columns:1fr}
@media(max-width:760px){
 .cg-case-gallery .cg-previews{gap:12px;margin-block:22px}
 .cg-case-gallery .cg-preview figcaption{font-size:12px;margin-top:9px;line-height:1.65}
 .cg-case-gallery .cg-preview figcaption small{font-size:11px;line-height:1.55}
 .cg-case-gallery>.cg-all>summary{font-size:14px;min-height:56px;padding-block:15px;gap:10px}
 .cg-all>summary .cg-action-note{display:block;margin:3px 0 0;font-size:12px}
 .cg-case-gallery[data-gallery-kind="website"] .cg-previews{grid-template-columns:1fr}
 .cg-case-gallery[data-gallery-kind="website"] .cg-preview .pc-image-open{aspect-ratio:16/8}
 .cg-case-gallery[data-gallery-kind="board"] .cg-previews{grid-template-columns:1fr}
 .cg-case-gallery[data-gallery-kind="board"] .cg-preview .pc-image-open{aspect-ratio:16/9}
 .cg-all[open]>summary{margin-bottom:20px}
 .cg-case-gallery .cg-collapse{margin-block:24px 20px}
}
@media(hover:hover){.cg-all>summary:hover .cg-action-title,.cg-collapse:hover{color:var(--cg-accent)}}