:root{--color-paper: #FFFDF7;--color-ink: #1A1A1A;--color-ink-muted: #5C5C5C;--color-ink-faint: #8C8C8C;--color-surface: #FFFFFF;--color-surface-alt: #F8F4EF;--color-accent: #B75A2C;--color-accent-hover: #9A4A22;--color-accent-soft: #F2E4D8;--color-border: #E8E2D8;--color-border-strong:#CFC6B8;--color-speaker-a: #8B4513;--color-speaker-b: #2F5C4F;--color-speaker-c: #6B4E71;--color-speaker-d: #B85C3A;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--font-heading-en: "Playfair Display", "Georgia", "Times New Roman", serif;--font-heading-zh: "Noto Serif SC", "STSong", "SimSun", serif;--font-body-en: "Source Serif 4", "Georgia", "Times New Roman", serif;--font-body-zh: "Noto Serif SC", "STSong", "SimSun", serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--max-width-content: 45rem;--max-width-wide: 60rem;--max-width-article: 64rem;--column-gap: 2rem;--bp-sm: 640px;--bp-md: 960px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:16px;line-height:var(--leading-normal);scroll-behavior:smooth}body{font-family:var(--font-body-en);background:var(--color-paper);color:var(--color-ink);min-height:100vh;display:flex;flex-direction:column}body:lang(zh),[lang=zh-CN],[lang=zh]{font-family:var(--font-body-zh)}main{flex:1;max-width:var(--max-width-content);width:100%;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-10)}main.episode-page{max-width:var(--max-width-article)}.episode-list-header{margin-bottom:var(--space-6)}.episode-list-header h1{font-family:var(--font-heading-en);font-size:var(--text-3xl);font-weight:700;color:var(--color-ink);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.episode-list-header p{font-family:var(--font-body-zh);font-size:var(--text-base);color:var(--color-ink-muted);line-height:var(--leading-relaxed)}.episode-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.filter-btn{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.episode-search{margin-bottom:var(--space-5)}.episode-search input{width:100%;max-width:360px;font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--transition-fast)}.episode-search input::placeholder{color:var(--color-ink-faint)}.episode-search input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-soft)}.episode-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.episode-card{display:flex;flex-direction:column;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.episode-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #b75a2c1a;transform:translateY(-2px)}.episode-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.episode-card-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint);letter-spacing:.05em}.episode-card-level{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;background:var(--color-accent-soft);color:var(--color-accent);padding:2px var(--space-2);border-radius:999px}.episode-card-title{font-family:var(--font-heading-en);font-size:var(--text-base);font-weight:700;color:var(--color-ink);line-height:var(--leading-snug);margin-bottom:var(--space-1)}.episode-card-title-zh{font-family:var(--font-body-zh);font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-normal)}.episode-list-empty{grid-column:1 / -1;text-align:center;padding:var(--space-10) var(--space-4);font-family:var(--font-body-zh);font-size:var(--text-base);color:var(--color-ink-muted)}.episode-header{margin-bottom:var(--space-8)}.episode-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.episode-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-faint);letter-spacing:.05em}.episode-level-badge{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;background:var(--color-accent-soft);color:var(--color-accent);padding:2px var(--space-3);border-radius:999px}.episode-title-en{font-family:var(--font-heading-en);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-ink);margin-bottom:var(--space-2)}.episode-title-zh{font-family:var(--font-body-zh);font-size:var(--text-2xl);color:var(--color-ink-muted);line-height:var(--leading-snug);margin-bottom:var(--space-5)}.audio-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-8)}.audio-bar audio{flex:1;min-width:0}.audio-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-muted);white-space:nowrap}.episode-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-8);align-items:start}.episode-main{min-width:0}.episode-sidebar{position:sticky;top:calc(56px + var(--space-6))}.dialogue-section{margin-bottom:var(--space-8)}.section-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.section-title:before,.section-title:after{content:"";flex:1;height:1px;background:var(--color-border-strong)}.dialogue-line{display:grid;grid-template-columns:64px 1fr;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);align-items:start}.dialogue-line:last-child{border-bottom:none}.dialogue-speaker{font-family:var(--font-heading-en);font-weight:700;font-size:var(--text-sm);text-align:right;padding-top:2px}.speaker-A{color:var(--color-speaker-a)}.speaker-B{color:var(--color-speaker-b)}.speaker-C{color:var(--color-speaker-c)}.speaker-D{color:var(--color-speaker-d)}.dialogue-role{font-family:var(--font-body-zh);font-size:var(--text-xs);font-weight:400;color:var(--color-ink-faint);margin-top:var(--space-1)}.dialogue-text{display:flex;flex-direction:column;gap:var(--space-1)}.dialogue-en{font-family:var(--font-body-en);font-size:var(--text-lg);color:var(--color-ink);line-height:var(--leading-normal)}.dialogue-zh{font-family:var(--font-body-zh);font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-relaxed)}.vocab-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.vocab-sidebar .section-title{margin-bottom:var(--space-4)}.vocab-sidebar .section-title:before,.vocab-sidebar .section-title:after{display:none}.vocab-sidebar-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.vocab-sidebar-item{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);position:relative}.vocab-sidebar-item:last-child{padding-bottom:0;border-bottom:none}.vocab-sidebar-en{font-family:var(--font-body-en);font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.vocab-sidebar-pos{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-faint);font-style:italic;margin-left:var(--space-1)}.vocab-sidebar-def{font-family:var(--font-body-en);font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:2px}.vocab-sidebar-zh{font-family:var(--font-body-zh);font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:2px}.vocab-sidebar-tag{font-family:var(--font-ui);font-size:.6rem;font-weight:500;background:var(--color-accent-soft);color:var(--color-accent);padding:1px var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin-top:var(--space-1)}@media(max-width:960px){.episode-layout{grid-template-columns:1fr}.episode-sidebar{position:static}}@media(max-width:640px){:root{--text-3xl: 1.85rem;--text-2xl: 1.55rem;--text-xl: 1.35rem;--text-lg: 1.15rem}.episode-list{grid-template-columns:1fr}.episode-card{padding:var(--space-3) var(--space-4)}.dialogue-line{grid-template-columns:1fr;gap:var(--space-1) 0;padding:var(--space-3) 0}.dialogue-speaker{text-align:left;display:flex;align-items:baseline;gap:var(--space-2)}.dialogue-role{margin-top:0}.section-title:before,.section-title:after{display:none}.section-title{text-align:left}}@media(min-width:641px)and (max-width:960px){.episode-list{grid-template-columns:repeat(2,1fr)}}html[data-pdf-export]{scroll-behavior:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}html[data-pdf-export] *,html[data-pdf-export] *:before,html[data-pdf-export] *:after{animation:none!important;transition:none!important}html[data-pdf-export] .episode-sidebar{position:static}