.screenplay-example-page[data-v-3d203d54]{padding:120px 0 60px;min-height:calc(100vh - 72px);background:var(--bg-primary)}.screenplay-header[data-v-3d203d54]{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid var(--border-color)}.screenplay-badge[data-v-3d203d54]{display:inline-block;padding:6px 16px;background:#88c0d026;border:1px solid rgba(136,192,208,.3);border-radius:20px;font-size:13px;color:var(--primary-color);margin-bottom:12px;font-weight:500}.screenplay-subtitle[data-v-3d203d54]{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.screenplay-title[data-v-3d203d54]{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--text-primary);margin-bottom:16px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screenplay-info[data-v-3d203d54]{font-size:16px;color:var(--text-secondary)}.content-wrapper[data-v-3d203d54]{display:flex;gap:40px;align-items:flex-start;max-width:1400px;margin:0 auto}.episodes-container[data-v-3d203d54]{flex:1;max-width:900px;min-width:0}.episode-card[data-v-3d203d54]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;margin-bottom:40px;transition:border-color .3s,box-shadow .3s;will-change:transform;transform:translateZ(0)}.episode-card[data-v-3d203d54]:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-md)}.episode-card[data-v-3d203d54]:last-child{margin-bottom:0}.episode-title[data-v-3d203d54]{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:32px;text-align:center;padding-bottom:20px;border-bottom:2px solid var(--primary-color)}.episode-content[data-v-3d203d54]{font-size:16px;line-height:2;color:var(--text-secondary);text-align:justify}.episode-content[data-v-3d203d54] p{margin-bottom:1.5em;text-indent:2em}.loading[data-v-3d203d54]{text-align:center;padding:60px 0;color:var(--text-secondary);font-size:16px}.loading-content[data-v-3d203d54]{max-width:400px;margin:0 auto}.loading-spinner[data-v-3d203d54]{width:48px;height:48px;margin:0 auto 24px;border:4px solid rgba(136,192,208,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin-3d203d54 1s linear infinite}@keyframes spin-3d203d54{to{transform:rotate(360deg)}}.progress-bar[data-v-3d203d54]{width:100%;height:8px;background:#88c0d033;border-radius:4px;overflow:hidden;margin:16px 0 8px}.progress-fill[data-v-3d203d54]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:4px;transition:width .3s ease}.progress-text[data-v-3d203d54]{font-size:14px;color:var(--text-tertiary);margin-top:8px}.example-notice[data-v-3d203d54]{margin-top:60px;padding:24px;background:#88c0d01a;border:1px solid rgba(136,192,208,.3);border-radius:12px;text-align:center}.example-notice p[data-v-3d203d54]{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.example-notice p[data-v-3d203d54]:last-child{margin-bottom:0}.toc-sidebar[data-v-3d203d54]{position:sticky;top:100px;width:280px;flex-shrink:0;height:calc(100vh - 120px);overflow-y:auto}.toc-card[data-v-3d203d54]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.toc-title[data-v-3d203d54]{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.toc-nav[data-v-3d203d54]{display:flex;flex-direction:column;gap:8px}.toc-item[data-v-3d203d54]{display:block;padding:10px 12px;color:var(--text-secondary);font-size:14px;text-decoration:none;border-radius:8px;transition:all .2s;line-height:1.5}.toc-item[data-v-3d203d54]:hover{color:var(--text-primary);background:var(--bg-card-hover)}.toc-item.active[data-v-3d203d54]{color:var(--primary-color);background:#88c0d026;font-weight:600}.toc-sidebar[data-v-3d203d54]::-webkit-scrollbar{width:6px}.toc-sidebar[data-v-3d203d54]::-webkit-scrollbar-track{background:transparent}.toc-sidebar[data-v-3d203d54]::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:3px}.toc-sidebar[data-v-3d203d54]::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1200px){.toc-sidebar[data-v-3d203d54]{display:none}.episodes-container[data-v-3d203d54]{max-width:100%}}@media(max-width:768px){.screenplay-example-page[data-v-3d203d54]{padding:100px 0 40px}.episode-card[data-v-3d203d54]{padding:24px}.episode-title[data-v-3d203d54]{font-size:24px}.episode-content[data-v-3d203d54]{font-size:15px;line-height:1.8}}