.case-grid[data-v-e7615dbb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.case-card[data-v-e7615dbb]{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--app-border);border-radius:var(--radius-lg);background:var(--app-surface);text-align:left;cursor:pointer;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.case-card[data-v-e7615dbb]:hover{transform:translateY(-2px);border-color:var(--app-primary);box-shadow:var(--shadow-md)}.thumb[data-v-e7615dbb]{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md);background:var(--video-canvas-bg)}.thumb video[data-v-e7615dbb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-hint[data-v-e7615dbb]{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--overlay-bg);color:var(--app-on-primary);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.meta[data-v-e7615dbb]{display:grid;gap:5px}.tags[data-v-e7615dbb]{display:flex;gap:var(--space-2);flex-wrap:wrap}.cap[data-v-e7615dbb],.scene[data-v-e7615dbb]{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-bold)}.cap[data-v-e7615dbb]{background:var(--app-primary-soft);color:var(--app-primary)}.scene[data-v-e7615dbb]{background:var(--app-surface-strong);color:var(--app-muted)}.title[data-v-e7615dbb]{font-size:var(--text-lg);color:var(--app-text)}.summary[data-v-e7615dbb]{color:var(--app-muted);font-size:var(--text-sm);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare[data-v-94cc06ea]{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md);background:var(--video-canvas-bg);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer[data-v-94cc06ea]{position:absolute;inset:0;width:100%;height:100%}.before-video[data-v-94cc06ea],.layer.after[data-v-94cc06ea]{-o-object-fit:cover;object-fit:cover}.compare.fit-contain .before-video[data-v-94cc06ea],.compare.fit-contain .layer.after[data-v-94cc06ea]{-o-object-fit:contain;object-fit:contain}.before-clip[data-v-94cc06ea]{z-index:2}.tag[data-v-94cc06ea]{position:absolute;top:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--overlay-bg);color:var(--app-on-primary);font-size:var(--text-xs);font-weight:var(--fw-bold);z-index:3}.tag-before[data-v-94cc06ea]{left:var(--space-2)}.tag-after[data-v-94cc06ea]{right:var(--space-2)}.handle[data-v-94cc06ea]{position:absolute;top:0;bottom:0;width:2px;background:var(--app-on-primary);opacity:.9;transform:translate(-50%);cursor:ew-resize;z-index:4}.handle-grip[data-v-94cc06ea]{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--app-on-primary);color:var(--app-primary);font-size:var(--text-sm);font-weight:var(--fw-bold);box-shadow:var(--shadow-lg);transform:translate(-50%,-50%)}.modal-mask[data-v-ffc35fe5]{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:var(--overlay-bg)}.modal-panel[data-v-ffc35fe5]{display:flex;flex-direction:column;width:min(920px,100%);max-height:92vh;overflow:hidden;border-radius:var(--radius-xl);background:var(--app-surface);box-shadow:var(--shadow-xl)}.modal-head[data-v-ffc35fe5]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--app-border)}.head-tags[data-v-ffc35fe5]{display:flex;gap:8px}.cap[data-v-ffc35fe5],.scene[data-v-ffc35fe5]{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.cap[data-v-ffc35fe5]{background:var(--app-primary-soft);color:var(--app-primary)}.scene[data-v-ffc35fe5]{background:var(--app-surface-strong)}.modal-close[data-v-ffc35fe5],.scene[data-v-ffc35fe5]{color:var(--app-muted)}.modal-close[data-v-ffc35fe5]{width:34px;height:34px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);font-size:22px;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.modal-close[data-v-ffc35fe5]:hover{background:var(--app-surface-strong);color:var(--app-text)}.modal-body[data-v-ffc35fe5]{flex:1 1 auto;overflow-y:auto;padding:24px;color:var(--app-text)}.modal-body h2[data-v-ffc35fe5]{margin:18px 0 8px;font-size:24px}.d-summary[data-v-ffc35fe5]{margin:0 0 10px;font-size:16px}.d-desc[data-v-ffc35fe5]{margin:0;color:var(--app-muted);font-size:14px;line-height:1.7;white-space:pre-wrap}.modal-foot[data-v-ffc35fe5]{display:flex;justify-content:center;padding:16px 18px;border-top:1px solid var(--app-border);background:var(--app-surface)}.fade-enter-active[data-v-ffc35fe5],.fade-leave-active[data-v-ffc35fe5]{transition:opacity .2s ease}.fade-enter-from[data-v-ffc35fe5],.fade-leave-to[data-v-ffc35fe5]{opacity:0}