.page{padding-top:var(--space-4);padding-bottom:var(--space-12);max-width:var(--max-width)}.proj-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.proj-header__tags{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.flagship-badge{border-radius:var(--radius-pill);color:var(--theme-driving);background:#d299221a;padding:2px 10px;font-size:.72rem;font-weight:600}.proj-header__title{letter-spacing:-.025em;margin-bottom:var(--space-1);font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;line-height:1.2}.proj-header__title-en{color:var(--fg-subtle);margin-bottom:var(--space-2);font-size:.86rem;font-style:italic}.proj-header__meta{gap:var(--space-2);color:var(--fg-muted);font-size:.82rem;font-family:var(--font-mono);display:flex}.player-sync{--col-gap:20px;height:calc(100vh - var(--nav-height));flex-direction:column;display:flex}.sync-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:16px;padding:10px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.sync-bar.active{border-color:var(--theme-color,var(--accent));box-shadow:0 0 0 1px color-mix(in srgb, var(--theme-color,var(--accent)) 30%, transparent)}.sync-bar__btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-primary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:7px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.sync-bar__btn:hover{border-color:var(--theme-color,var(--accent))}.sync-bar.active .sync-bar__btn{background:var(--theme-color,var(--accent));color:#fff;border-color:var(--theme-color,var(--accent))}.sync-bar__icon{font-size:1rem}.sync-bar__status{opacity:.8;font-size:.75rem}.sync-bar__hint{color:var(--fg-muted);font-size:.82rem}.layout{gap:var(--col-gap);flex:1;grid-template-columns:40% 1fr;display:grid;overflow:hidden}.video-col{padding-right:4px;overflow-y:auto}.video-wrap{border-radius:var(--radius);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.video-wrap video{width:100%;height:100%;display:block}.progress-bar{cursor:pointer;align-items:center;height:24px;margin-top:8px;display:flex;position:relative}.progress-bar:before{content:"";background:var(--bg-elevated);border-radius:2px;height:4px;position:absolute;left:0;right:0}.progress-bar__fill{background:var(--accent);border-radius:2px;height:4px;transition:width .1s linear;position:absolute;left:0}.progress-bar__tick{background:var(--border);width:1px;height:8px;position:absolute;top:8px}.progress-bar__tick.current{background:var(--theme-color,var(--accent));width:2px;height:12px;top:6px}.time-display{color:var(--fg-muted);font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;margin-top:2px;display:flex}.chapters{margin-top:16px}.chapters__header{color:var(--fg-muted);margin-bottom:8px;font-size:.8rem;font-weight:600}.chapters__list{flex-direction:column;gap:2px;display:flex}.chapter{border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:100%;color:var(--fg-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;transition:all .15s;display:flex}.chapter:hover{background:var(--bg-surface)}.chapter.current{background:var(--highlight-bg);border-left-color:var(--theme-color,var(--accent));color:var(--fg-primary);font-weight:600}.chapter.played:not(.current){color:var(--fg-muted)}.chapter__id{font-family:var(--font-mono);color:var(--fg-subtle);min-width:32px;font-size:.75rem}.chapter.current .chapter__id{color:var(--theme-color,var(--accent))}.chapter__title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chapter__badge{font-size:.75rem}.content-col{padding-left:4px;overflow-y:auto}.script-block{border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.script-block__header{background:var(--bg-surface);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:4px;padding:8px 14px;display:flex}.script-block.current .script-block__header{background:color-mix(in srgb, var(--theme-color,var(--accent)) 15%, var(--bg-surface))}.script-block__id{font-family:var(--font-mono);color:var(--fg-muted);font-size:.8rem}.script-block__title{flex:1;font-size:.9rem;font-weight:600}.script-block__toggle{background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;border-radius:12px;padding:3px 10px;font-size:.75rem;transition:all .2s}.script-block__toggle:hover{color:var(--accent);border-color:var(--accent)}.script-line{text-align:left;width:100%;color:var(--fg-secondary);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:6px 14px 6px 24px;font-size:.9rem;line-height:1.6;transition:all .15s;display:block}.script-line:hover{background:var(--bg-surface);color:var(--fg-primary)}.script-line.active{background:var(--highlight-bg);border-left-color:var(--highlight-bar);color:var(--fg-primary);font-weight:500}.deepread-panel{padding:0 8px}.deepread-panel__current{background:var(--bg-surface);border-radius:var(--radius);border-left:4px solid var(--theme-color,var(--accent));align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.deepread-panel__bid{font-family:var(--font-mono);color:var(--theme-color,var(--accent));font-weight:700}.deepread-panel__title{font-size:1rem;font-weight:600}.current-line{background:var(--highlight-bg);border-radius:var(--radius-sm);border-left:3px solid var(--highlight-bar);color:var(--fg-secondary);margin-bottom:20px;padding:10px 16px;font-size:.9rem;font-style:italic}.deepread-content{color:var(--fg-secondary);font-size:.92rem;line-height:1.7}.deepread-content h1{color:var(--fg-primary);margin-bottom:16px;font-size:1.3rem;font-weight:700;display:none}.deepread-content h2{color:var(--fg-primary);border-bottom:1px solid var(--border-muted);margin:24px 0 10px;padding-bottom:6px;font-size:1.05rem;font-weight:700}.deepread-content p{margin-bottom:12px}.deepread-content ul,.deepread-content ol{margin:8px 0 12px 20px}.deepread-content li{margin-bottom:6px}.deepread-content pre{border:1px solid var(--border-muted);border-radius:var(--radius-sm);margin:12px 0;padding:14px 16px;font-size:.82rem;overflow-x:auto;background:var(--bg-base)!important}.deepread-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.85rem}.deepread-content th,.deepread-content td{border:1px solid var(--border);text-align:left;padding:8px 12px}.deepread-content th{background:var(--bg-surface);color:var(--fg-primary);font-weight:600}.deepread-content blockquote{border-left:3px solid var(--accent);color:var(--fg-muted);margin:12px 0;padding-left:14px;font-style:italic}.deepread-content .katex-display{margin:16px 0}.deepread-empty{text-align:center;color:var(--fg-muted);padding:60px 20px}.deepread-empty__icon{opacity:.5;margin-bottom:12px;font-size:2.5rem}@media (width<=768px){.layout{grid-template-columns:1fr}.video-col{overflow-y:visible}.content-col{max-height:none}}.demo__cover{max-width:900px;margin:var(--space-4) auto;border-radius:var(--radius);overflow:hidden}.demo__cover img{width:100%;display:block}.demo__video{width:100%;max-width:900px;margin:var(--space-4) auto;border-radius:var(--radius);background:#000;display:block}.demo__desc{max-width:760px;margin:var(--space-4) auto;color:var(--fg-secondary);line-height:1.7}.demo__desc code{font-size:.9em}.demo__meta{margin:var(--space-2) 0;color:var(--fg-muted);font-size:.9em}.demo__back{margin-top:var(--space-8);display:inline-block}