.case-detail-root{--case-detail-muted:#8e97a5;--case-detail-surface:#121212b8;--case-detail-divider:#8e97a533;--case-detail-protagonist-bg:#121212a6;--case-detail-glass-bg:#0c10186b;--case-detail-glass-blur:blur(1.75rem);--case-detail-glass-saturate:saturate(1.45);--case-detail-glass-highlight:inset 0 1px 0 #ffffff14;--case-detail-glass-shadow:0 .75rem 3rem #00000047;isolation:isolate;color:#fff;width:100%;min-height:100dvh;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.case-detail-root *,.case-detail-root :before,.case-detail-root :after{box-sizing:border-box}.case-detail-bg{z-index:0;pointer-events:none;background:linear-gradient(165deg,#001731 0%,#0d0d0f 42%,#121212 100%);position:fixed;inset:0;overflow:hidden}.case-detail-bg-img{object-fit:cover;filter:blur(3rem)saturate(1.25);opacity:.55;width:116%;height:116%;display:block;position:absolute;inset:-8%;transform:scale(1.06)}.case-detail-bg-glow{background:radial-gradient(52% 42% at 8% 14%,#0e59fa2e,#0000 58%),radial-gradient(48% 38% at 92% 8%,#4ae7fd1f,#0000 55%),radial-gradient(55% 45% at 78% 88%,#00abd81a,#0000 58%),linear-gradient(#0000002e 0%,#00000085 100%);position:absolute;inset:0}.case-detail-page,.case-detail-loading,.case-detail-error{z-index:1;position:relative}.case-detail-page{background:var(--case-detail-glass-bg);width:100%;min-height:100dvh;-webkit-backdrop-filter:var(--case-detail-glass-blur) var(--case-detail-glass-saturate);box-shadow:var(--case-detail-glass-highlight);align-items:stretch;display:flex}.case-detail-main{flex-direction:column;flex:1;min-width:0;padding:2.125rem 2rem 2rem 1.25rem;display:flex}.case-detail-nav{flex-shrink:0;align-items:center;gap:10px;margin-bottom:2.375rem;display:flex}.case-detail-back-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:transform .2s,opacity .2s;display:inline-flex}.case-detail-back-btn:hover{opacity:.92;transform:translate(-2px)}.case-detail-back-btn:active{transform:translate(0)}.case-detail-back-btn img{width:2.25rem;height:2.25rem;display:block}.case-detail-player-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.case-detail-video-wrap{aspect-ratio:16/9;background:var(--case-detail-surface);width:100%;max-width:min(100%,177.778vh - 17.7778rem);box-shadow:var(--case-detail-glass-shadow), inset 0 1px 0 #ffffff0f;border:1px solid #ffffff14;border-radius:.75rem;justify-content:center;align-items:center;display:flex;overflow:hidden}.case-detail-video{object-fit:contain;background:var(--case-detail-surface);width:auto;max-width:100%;height:auto;max-height:100%;display:block}.case-detail-video--fill{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.case-detail-cover{object-fit:cover;background:var(--case-detail-surface);width:100%;height:100%;display:block}.case-detail-sidebar{border-left:.5px solid var(--case-detail-divider);-webkit-backdrop-filter:blur(1.125rem)saturate(1.35);width:min(25rem,28vw);box-shadow:var(--case-detail-glass-highlight);background:#0a0e1638;flex-direction:column;flex-shrink:0;padding:2.5rem 1.5rem 2rem;font-family:PingFang SC;display:flex;overflow-y:auto}.case-detail-project-actions{background:linear-gradient(#0000 0%,#0a0e16d1 34%);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.75rem;margin-top:auto;padding-top:1.75rem;display:grid;position:sticky;bottom:0}.case-detail-project-action{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:linear-gradient(270deg,#0e59fa 0%,#00abd8 100%);border:0;border-radius:10px;padding:0 1.125rem;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 1.75rem #0e59fa47}.case-detail-project-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .75rem 2.125rem #0e59fa61}.case-detail-project-action:active:not(:disabled){transform:translateY(0)}.case-detail-project-action:disabled{cursor:wait;opacity:.62}.case-detail-project-action.is-unavailable:disabled{cursor:not-allowed;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff29}.case-detail-user{align-items:center;gap:8px;margin-bottom:1.625rem;display:flex}.case-detail-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;display:block}.case-detail-user-name{color:#fff;font-size:.875rem;line-height:1.25rem}.case-detail-title{color:#fff;word-break:break-word;margin:0 0 8px;font-size:1.125rem;font-weight:500;line-height:1.5rem}.case-detail-type{color:#fff;margin:0 0 .75rem;font-size:.75rem;line-height:1.125rem}.case-detail-desc{color:var(--case-detail-muted);white-space:pre-wrap;word-break:break-word;margin:0 0 1.75rem;font-size:.875rem;line-height:1.25rem}.case-detail-section-title{color:#fff;margin:0 0 .875rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.case-detail-protagonists{flex-wrap:wrap;gap:.75rem;display:flex}.case-detail-retry-btn{color:#dff9ff;cursor:pointer;background:#47dbff1a;border:1px solid #47dbff6b;border-radius:8px;min-height:2.25rem;padding:7px 1rem}.case-detail-retry-btn:hover,.case-detail-retry-btn:focus-visible{outline-offset:2px;border-color:#47dbffbf;outline:2px solid #47dbff33}.case-detail-protagonist{background:var(--case-detail-protagonist-bg);border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;width:4.5rem;height:4.5rem;overflow:hidden}.case-detail-protagonist img{object-fit:cover;width:100%;height:100%;display:block}.case-detail-protagonist--empty{border:1px solid #8e97a51f;justify-content:center;align-items:center;display:flex}.case-detail-protagonist__empty-icon{opacity:.72}.case-detail-loading,.case-detail-error{background:var(--case-detail-glass-bg);width:100%;min-height:100dvh;-webkit-backdrop-filter:var(--case-detail-glass-blur) var(--case-detail-glass-saturate);color:var(--case-detail-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.case-detail-error{flex-direction:column;gap:1rem}.case-detail-error .case-detail-back-btn{margin:0}@media (max-width:60rem){.case-detail-page{flex-direction:column}.case-detail-main{padding:1.25rem 1rem 0}.case-detail-nav{margin-bottom:1.25rem}.case-detail-sidebar{border-left:none;border-top:.5px solid var(--case-detail-divider);width:100%;padding:1.5rem 1rem 2rem}.case-detail-project-actions{position:static}.case-detail-video-wrap{max-width:100%}}@media (prefers-reduced-motion:reduce){.case-detail-back-btn,.case-detail-project-action{transition:none}}