:root{color-scheme:dark;--bg:#0f0f0f;--surface:#272727;--hover:#3f3f3f;--text:#f1f1f1;--muted:#aaa;--line:#303030;--red:#ff0033}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Roboto,Arial,"PingFang TC","Microsoft JhengHei",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:var(--surface)}button:hover,.pill:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #3ea6ff;outline-offset:3px}[hidden]{display:none!important}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{height:72px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:0 32px;background:#0f0f0ff5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand strong{font-family:"Arial Narrow",Arial,sans-serif;font-stretch:condensed;letter-spacing:-1px;font-size:22px;font-weight:800}.brand-lang{font-size:11px;color:var(--muted);align-self:flex-start;margin-top:2px}.brand-mark{display:grid;place-items:center;background:var(--red);width:34px;height:24px;border-radius:7px}.brand-mark svg{width:22px;height:22px;fill:white;stroke:none}.search{display:flex;max-width:600px;width:44%;height:42px;flex:1;border:1px solid var(--line);border-radius:24px;overflow:hidden}.search input{background:transparent;border:0;min-width:0;flex:1;color:var(--text);padding:0 20px;font-size:16px;outline:none}.search:focus-within{border-color:#1c62b9}.search button{width:64px;display:grid;place-items:center;border-left:1px solid var(--line);background:#222}.pill{height:40px;padding:0 18px;border-radius:22px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-weight:600}.extension-link{font-size:13px}.extension-link svg{width:20px;height:20px}.primary{background:var(--text);color:#0f0f0f}.primary:hover{background:#d9d9d9}.sidebar{width:208px;padding:20px 12px;position:fixed;top:72px;bottom:0}.nav-link{display:flex;align-items:center;gap:24px;padding:12px 18px;border-radius:10px;font-weight:500}.nav-link:hover,.nav-link.active{background:var(--surface)}.nav-link.active svg{fill:currentColor}.nav-link.active[data-view=queue] svg{fill:none}.nav-count{margin-left:auto;color:var(--muted);font-size:12px}.side-note{border-top:1px solid var(--line);color:#888;font-size:12px;margin:24px 12px;padding:20px 6px;line-height:1.8}main{margin:72px 0 0 208px;padding:32px 40px 24px;max-width:1900px}.channel{display:flex;align-items:center;gap:18px;margin:4px 0 32px}.channel-avatar{height:70px;width:70px;border-radius:50%;background:#e6e6e6;color:#191919;display:grid;place-items:center;font-size:24px;font-weight:900;letter-spacing:-1.5px}.channel h1{display:flex;align-items:center;gap:10px;font-size:28px;line-height:1.3;margin:0 0 5px;letter-spacing:-.65px}.channel p{margin:0;color:var(--muted);font-size:14px}.verified{height:19px;width:19px;fill:#aaa;stroke:none}.verified .check{fill:none;stroke:#0f0f0f;stroke-width:2.5}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.filters{display:flex;gap:10px}.chip{padding:8px 14px;border-radius:8px;font-weight:600;font-size:14px}.chip span{opacity:.6;margin-left:7px;font-size:12px}.chip.selected{background:var(--text);color:var(--bg)}.result-count{color:#888;font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.video-card{min-width:0;display:block;border-radius:12px}.thumbnail{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:16/9;background:#222}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}.video-card:hover img{transform:scale(1.035)}.duration{position:absolute;bottom:8px;right:8px;padding:1px 5px;background:#000c;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.2px}.thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002;opacity:0;transition:opacity .15s}.thumb-play svg{width:44px;height:44px;fill:white;stroke:none;filter:drop-shadow(0 2px 5px #0008)}.video-card:hover .thumb-play{opacity:1}.card-info{display:flex;gap:12px;padding:13px 0 0}.small-avatar{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;margin-top:1px;border-radius:50%;background:#333;color:#ddd;font-size:11px;font-weight:800}.card-text{min-width:0}.card-text h2{font-size:16px;line-height:1.45;margin:0 0 5px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-text p{font-size:13px;color:var(--muted);margin:1px 0}.card-text .lang-note{color:#888;font-size:12px}.empty{padding:60px 20px;text-align:center;color:var(--muted);grid-column:1/-1}.empty strong{display:block;color:var(--text);font-size:19px;margin-bottom:10px}.extension-section{border-top:1px solid var(--line);margin-top:48px;padding:44px 40px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;scroll-margin-top:100px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;color:#aaa}.extension-copy h2{font-size:30px;letter-spacing:-.8px;line-height:1.35;margin:12px 0}.extension-copy p{color:var(--muted);line-height:1.9;margin:0 0 24px}.extension-demo{border:1px solid #393939;border-radius:14px;background:#171717;padding:0 20px 17px;box-shadow:0 12px 24px #0002}.demo-top{display:flex;align-items:center;gap:5px;height:35px}.demo-dot{width:6px;height:6px;background:#454545;border-radius:50%}.demo-url{margin-left:12px;color:#777;font-size:10px}.demo-video{display:block;position:relative;aspect-ratio:16/9;border-radius:7px;background:#111;overflow:hidden}.demo-video img{display:block;width:100%;height:100%;object-fit:cover}.demo-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:37px;border-radius:11px;background:#000b;transition:background .15s}.demo-play-icon svg{width:27px;height:27px;fill:#fff;stroke:none}.demo-video:hover .demo-play-icon,.demo-video:focus-visible .demo-play-icon{background:var(--red)}.demo-caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#000c;padding:2px 7px;font-size:12px;line-height:1.5;color:#fff}.demo-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;font-size:12px;font-weight:600}.demo-actions>span{height:32px;border-radius:20px;padding:0 12px;display:flex;align-items:center;gap:7px;background:#303030}.demo-actions .demo-toggle{background:#f1f1f1;color:#111}.demo-likes svg{width:18px;height:18px}.demo-more{letter-spacing:1px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:28px;letter-spacing:-.5px;margin:0}.page-heading p{color:var(--muted);margin:6px 0 0}.queue-add{background:#1b1b1b;border:1px solid var(--line);padding:24px;border-radius:12px;max-width:850px}.queue-add label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.input-row{display:flex;gap:12px}.input-row input{min-width:0;flex:1;border:1px solid #444;background:#121212;border-radius:8px;padding:12px;color:var(--text)}.queue-add p{font-size:12px;color:var(--muted);margin:12px 0 0}.queue-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 12px}.queue-heading h2{font-size:18px}.queue-heading h2 span{font-size:13px;color:var(--muted);font-weight:400;margin-left:8px}.subtle{background:transparent;color:#3ea6ff}.job{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.job-thumb{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.job-copy{flex:1;min-width:0}.job h3{font-size:15px;margin:0 0 4px}.job p{font-size:13px;color:var(--muted);margin:2px 0}.job .priority{font-size:11px;color:#ddd}.job-actions{display:flex;gap:8px}.job-actions .pill{font-size:12px;height:34px;padding:0 12px}.job details{margin:6px 0;color:#aaa;font-size:12px}.job summary{cursor:pointer}.job details p{overflow-wrap:anywhere}.muted{color:var(--muted);font-size:12px}footer{font-size:11px;color:#777;margin-top:40px;padding-top:20px;border-top:1px solid #252525}footer span{float:right}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#f1f1f1;color:#111;border-radius:8px;padding:14px 22px;box-shadow:0 3px 15px #0006;z-index:50}dialog{position:fixed;border:1px solid #444;border-radius:16px;background:#212121;color:var(--text);padding:36px;max-width:520px;width:calc(100% - 32px);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}dialog h2{font-size:25px;letter-spacing:-.6px;margin:12px 0}dialog p,dialog ol{line-height:1.8;color:#ccc}dialog li{padding:4px 0}dialog ol{padding-left:20px}.close{position:absolute;top:10px;right:12px;height:36px;width:36px;border-radius:50%;font-size:27px;background:transparent}dialog .primary{margin-top:14px}.watch-layout{margin:72px auto 0;max-width:1400px;padding:30px 40px}.watch-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000}.watch-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:18px}.watch-meta h1{font-size:21px;line-height:1.4;margin:0 0 6px}.watch-meta p{color:var(--muted);font-size:13px;margin:0}.watch-switch{display:flex;gap:8px;flex-shrink:0}.watch-back{font-size:13px;color:#aaa;display:inline-flex;margin-bottom:18px}.watch-note{color:#aaa;font-size:13px;margin-top:16px}.watch-note:empty{display:none}@media(min-width:1700px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:84px;padding:12px 4px}.nav-link{flex-direction:column;gap:7px;padding:14px 2px;font-size:10px}.nav-count,.side-note{display:none!important}main{margin-left:84px;padding:26px 24px}.topbar{gap:24px;padding:0 24px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-section{padding:36px 8px;gap:36px}.extension-copy h2{font-size:26px}.watch-layout{margin-left:auto}.watch-meta{flex-direction:column}}@media(max-width:680px){.topbar{height:60px;gap:16px;padding:0 16px}.brand strong{font-size:19px}.brand-lang{display:none}.extension-link{width:36px;height:36px;padding:0;background:transparent}.extension-link span{display:none}.search{max-width:none;height:36px}.search input{font-size:13px;padding:0 12px}.search button{width:38px}.search svg{width:20px}.sidebar{top:60px;bottom:auto;left:0;right:0;width:auto;background:var(--bg);z-index:10;display:flex;border-bottom:1px solid #252525;padding:0 16px;gap:22px}.nav-link{flex-direction:row;gap:7px;font-size:12px;padding:12px 4px;border-radius:0}.nav-link.active{background:transparent;border-bottom:2px solid white}.nav-link svg{width:18px;height:18px}main{margin:106px 0 0;padding:25px 16px}.channel{gap:13px;margin:0 0 24px}.channel-avatar{width:52px;height:52px;font-size:19px}.channel h1{font-size:23px}.channel p{font-size:11px}.filter-row{margin-bottom:20px}.result-count{display:none}.chip{font-size:13px;padding:8px 12px}.video-grid{grid-template-columns:1fr;gap:27px}.card-info{padding:12px 0 0}.thumbnail{border-radius:10px}.extension-section{grid-template-columns:1fr;padding:30px 0;margin-top:36px;gap:28px}.extension-copy h2{font-size:27px}.extension-copy p{font-size:13px}.extension-demo{max-width:450px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.page-heading>.pill{font-size:11px;padding:0 10px;height:34px}.queue-add{padding:18px}.input-row{flex-direction:column}.input-row .pill{align-self:flex-start}.job{gap:12px;flex-wrap:wrap}.job-thumb{width:100px}.job-copy{min-width:calc(100% - 112px)}.job-actions{margin-left:112px}.job h3{font-size:14px}.job-actions .pill{padding:0 10px}.job p{font-size:12px}.watch-layout{margin-top:60px;padding:20px 12px}.watch-meta h1{font-size:19px}.watch-switch .chip{font-size:12px}footer{font-size:10px}footer span{float:none;display:block;margin-top:6px}dialog{padding:28px 24px}dialog h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.channel-avatar,.small-avatar{object-fit:cover}