:root{--paper:#f4f1e9;--ink:#173c32;--muted:#64766c;--line:#d0d6c9;--accent:#b64f30;--white:#fffdf6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","Noto Sans SC",sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1440px;margin:auto;padding:26px 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:13px}.brand{font:700 18px Georgia,serif;letter-spacing:2px;text-decoration:none}.intro{padding:22px 0 34px;max-width:1000px}.eyebrow{color:var(--accent);font:12px Consolas,monospace;letter-spacing:2px}h1{font:400 clamp(32px,4.5vw,60px)/1.22 Georgia,"Noto Serif SC",serif;margin:18px 0}p{line-height:1.8}.intro p{max-width:900px;color:var(--muted);font-size:14px}.stats{display:flex;gap:30px;flex-wrap:wrap}.stats strong{font:34px Georgia,serif;margin-right:7px}.stats span{font-size:13px;color:var(--muted)}.toolbar{position:sticky;top:0;z-index:5;background:var(--paper);border-block:1px solid var(--line);padding:13px 0;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px}.toolbar label{display:flex;gap:8px;align-items:center}.search{flex:1;min-width:220px}input[type=search]{width:100%;min-width:100px}input[type=search],select{font:inherit;padding:10px;border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--ink)}input[type=checkbox]{accent-color:var(--ink)}button{font:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:3px;padding:9px 13px}button[aria-pressed=true],button.play{background:var(--ink);border-color:var(--ink);color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#resultCount{font-size:12px;color:var(--muted);padding:8px 0 18px}.category-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);margin-top:18px;padding-top:18px}.category-heading h2{font:400 28px Georgia,"Noto Serif SC",serif;margin:0}.category-heading span{font-size:12px;color:var(--muted)}.task-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:30px 0;border-bottom:1px solid var(--line)}.task-info h3{font:400 23px/1.5 Georgia,"Noto Serif SC",serif;margin:9px 0 14px}.task-info h3 a{text-decoration:none}.task-info h3 a:hover{text-decoration:underline}.pill{display:inline-block;font-size:11px;border:1px solid var(--line);padding:4px 7px;margin:0 5px 5px 0}.count{font:31px Georgia,serif;margin:18px 0 10px}.task-link{display:inline-block;padding:10px 0;font-size:14px;font-weight:600}.hint{color:var(--muted);font-size:12px;line-height:1.8}.instruction{font:18px/1.6 Georgia,serif;margin:0 0 15px}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}figure{margin:0;background:#142e26;border-radius:3px;overflow:hidden}video{display:block;width:100%;aspect-ratio:16/9;background:#17382e}figcaption{padding:8px 11px;color:#c6d7cb;font:11px Consolas,monospace;letter-spacing:1px}.controls{display:flex;gap:10px;align-items:center;margin:12px 0}.controls input{flex:1;min-width:50px;accent-color:var(--accent)}.controls time{font:12px Consolas,monospace;color:var(--muted);min-width:55px}.partial{border-left:3px solid #c18b45;background:#ece6d6;padding:10px 14px;font-size:12px;line-height:1.7;margin:12px 0}.partial strong{display:block;color:#8f5727;margin-bottom:3px}.scene-row{border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.scene-row h2{font:400 23px Georgia,serif;margin:10px 0}.breadcrumb{font-size:13px}.scene-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin-top:10px}.detail{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.8}.detail ul{padding-left:20px}.empty{padding:50px 10px;border:1px dashed var(--line);color:var(--muted)}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);padding-block:30px 50px}footer p{margin:5px 0}[hidden]{display:none!important}@media(max-width:800px){header,main,footer{padding-inline:20px}.task-row,.scene-row{grid-template-columns:1fr;gap:16px}.task-info h3{font-size:24px}.task-info .count{display:inline-block;margin:5px 16px 5px 0}.toolbar{gap:9px;position:static}.search{flex-basis:100%}h1{font-size:38px}.category-heading{gap:16px}.category-heading h2{font-size:24px}}@media(max-width:520px){.video-pair{grid-template-columns:1fr}.brand{font-size:14px}.intro{padding-top:10px}.stats{gap:18px}}

.toolbar label{white-space:nowrap}.search input{width:auto;flex:1;min-width:0}



.viewer-link{display:inline-block;background:var(--ink);color:white;padding:12px 18px;text-decoration:none;border-radius:3px;margin-top:20px;font-size:14px}.viewer-link:hover{background:#285547}.viewer-link.compact{font-size:12px;padding:9px 12px;margin-top:6px}


header{gap:14px;flex-wrap:wrap}.source-directory-link{font-size:12px;white-space:nowrap}