.detail-layout{margin-top:16px;display:grid;grid-template-columns:320px 1fr;gap:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff1,#ffffff08);padding:16px}.detail-left{position:relative;overflow:hidden;border-radius:14px}.detail-cover,.detail-cover-ph{width:100%;border-radius:14px;border:1px solid var(--line);background:#ffffff0a}.detail-cover{display:block;object-fit:cover}.detail-cover-ph{min-height:410px;display:grid;place-items:center;color:var(--muted)}.detail-main{min-width:0}.detail-title{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.2}.detail-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.detail-tags span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;color:var(--muted);background:#ffffff08}.detail-summary{margin-top:12px;border-left:3px solid rgba(124,228,255,.56);padding:2px 0 2px 12px;line-height:1.74;color:#e9f0fce3}.play-panel{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff09;padding:13px;display:flex;flex-direction:column;gap:12px}.player-shell{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#0106128c;overflow:hidden}.player-shell.player-ready .player-fallback{display:none}.player-shell.player-loading .player-fallback-cta{opacity:.65;pointer-events:none}.player-shell>.player{display:none}.player-shell.player-ready>.player,.player-shell.player-loading>.player{display:block}.player-fallback{position:relative;min-height:220px;aspect-ratio:16 / 9;background:#01040d;overflow:hidden}.player-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#040812b8,#04081214);pointer-events:none}.player-fallback-cover{width:100%;height:100%;object-fit:cover;display:block;opacity:.78}.player-fallback-cta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:linear-gradient(135deg,#7ce4ff4d,#ff7ab64d);color:#f5fbff;padding:11px 20px;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer}.player-fallback-cta:hover{border-color:#7ce4ffb8}.player{width:100%;max-height:66vh;background:#000;display:block}.vds-player{width:100%;min-height:240px;aspect-ratio:16 / 9;--media-brand: var(--accent);--media-focus-ring-color: rgba(124, 228, 255, .58);--media-focus-ring: 0 0 0 3px rgba(124, 228, 255, .2);--media-controls-color: #f4f9ff;--media-controls-backdrop: linear-gradient( 180deg, rgba(4, 8, 18, 0) 0%, rgba(4, 8, 18, .52) 58%, rgba(4, 8, 18, .9) 100% );--media-font-family: "Plus Jakarta Sans", "Avenir Next", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--media-tooltip-border: 1px solid rgba(255, 255, 255, .18);--media-tooltip-bg-color: rgba(12, 18, 31, .92);--media-tooltip-color: #eef7ff;--media-menu-border: 1px solid rgba(255, 255, 255, .16);--media-menu-bg: rgba(9, 14, 25, .95)}.player-meta{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:9px 11px;background:#ffffff08}.player-state{font-size:12px;color:#e7effcf0;font-weight:620}.player-sep{font-size:12px;color:#cbd6ec6b}.player-line{font-size:12px;color:#7ce4fff5;border:1px solid rgba(124,228,255,.32);border-radius:999px;padding:2px 8px;background:#7ce4ff14}.player-tip{margin-left:auto;font-size:12px;color:#d0dbeeb8;white-space:nowrap}.player-open{font-size:12px;color:#7ce4fff2}.player-open:hover{text-decoration:underline}.play-group{display:flex;flex-direction:column;gap:8px}.play-title{font-size:13px;color:#cfdcf6e0}.play-list{display:flex;flex-wrap:wrap;gap:9px}.play-chip{appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:#ffffff08;padding:8px 11px;font-size:13px;color:inherit;font-family:inherit;line-height:1.2}.play-chip:hover{text-decoration:none;border-color:#7ce4ff73}.play-chip.active{border-color:#7ce4ffb8;box-shadow:0 0 0 3px #7ce4ff24}.play-chip.play-primary{border-color:#68f7c773;background:#68f7c71f;color:#ecfff8}.play-empty{border:1px dashed var(--line);border-radius:12px;padding:11px;color:var(--muted);text-align:center}.detail-row{margin-top:12px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.label{color:var(--muted);min-width:74px;font-size:13px;line-height:1.8}.cat-list{display:flex;flex-wrap:wrap;gap:8px}.cat-item{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;background:#ffffff08}.cat-item:hover{text-decoration:none;border-color:#7ce4ff70}.source-url{color:#ade9ffe6;word-break:break-all;line-height:1.6}.source-url:hover{text-decoration:underline}.detail-left.sk-loading{background:var(--skeleton-base)}.detail-left.sk-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,var(--skeleton-wave) 48%,rgba(255,255,255,0) 100%);animation:sk-wave 1.25s ease-in-out infinite;pointer-events:none;z-index:3}.detail-left.sk-loading .detail-cover{opacity:0}@media (max-width: 1100px){.detail-layout{grid-template-columns:280px 1fr}}@media (max-width: 860px){.detail-layout{grid-template-columns:1fr}.detail-left{width:min(380px,100%);margin:0 auto}.detail-cover,.detail-cover-ph{max-width:none}}@media (max-width: 640px){.detail-layout{padding:12px;border-radius:16px}.detail-title{font-size:clamp(22px,7vw,28px)}.detail-summary{font-size:14px;line-height:1.68}.play-chip{font-size:12px;min-height:34px}.player-tip{width:100%;margin-left:0;white-space:normal;font-size:11px}.player-sep{display:none}}