:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#203c33;background:#f5f7f3;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:28px}a{color:#11614d;text-underline-offset:4px}nav{display:flex;justify-content:space-between;font-size:14px;border-bottom:1px solid #d7e1d9;padding-bottom:18px}nav span{color:#61766b}header{padding:38px 0 24px}.eyebrow{font-size:13px;letter-spacing:2px;color:#61766b}h1{font-size:38px;line-height:1.25;margin:12px 0}header>p:last-child{max-width:640px;color:#61766b}.toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #d7e1d9}.toolbar a[aria-current=page]{font-weight:700}.toolbar label{margin-left:auto;font-size:13px;display:flex;align-items:center;gap:10px}input{max-width:100%;padding:11px;border:1px solid #b7cabc;border-radius:8px;background:white;font:inherit}#summary{font-weight:600}#review-note{background:#fff3da;border:1px solid #ebd8a8;border-radius:8px;padding:12px;color:#72521e;font-size:14px}#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 40px}.card{min-width:0;border:1px solid #d8e3db;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card img,.placeholder{width:100%;aspect-ratio:16/10;object-fit:contain;background:#e9eee7}.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#68796c}.placeholder strong{font-size:18px}.placeholder span{font-size:12px}.card-body{padding:18px;display:flex;flex-direction:column;flex:1;gap:8px}.card h2{font-size:20px;margin:0}.card p{margin:0;font-size:14px;color:#5c7164}.card .creator{color:#17644e;font-weight:600}.card .title{font-size:13px;min-height:44px}.tag{align-self:flex-start;background:#fbefd7;color:#7a571d;font-size:12px;padding:2px 9px;border-radius:20px}.card .bvid{font:12px ui-monospace,monospace;color:#637167}.card button{margin-top:auto}button{font:inherit;cursor:pointer;border:1px solid #bccdc1;background:#fff;color:#18533f;border-radius:8px;padding:10px 14px}button:hover{background:#edf4ef}.card button,#load-video{background:#17644e;color:#fff;border-color:#17644e}footer{font-size:12px;border-top:1px solid #d7e1d9;padding-top:18px;color:#61766b}dialog{border:1px solid #cad8cd;border-radius:16px;padding:28px;max-width:800px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;color:#203c33}dialog::backdrop{background:#102d24aa}dialog h2{padding-right:30px;font-size:22px;margin-top:0}.close{position:absolute;right:12px;top:10px;border:0;font-size:25px;padding:0 8px}#video-source{font-size:12px;overflow-wrap:anywhere;color:#61766b}#video-slot iframe{width:100%;aspect-ratio:16/10;display:block;border:0;background:#121b17}#video-status{font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}dialog>p:last-child{font-size:12px;color:#61766b}.empty{grid-column:1/-1;padding:32px;background:white;border-radius:12px;text-align:center}@media(max-width:800px){#cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){main{padding:18px}header{padding:24px 0 16px}h1{font-size:29px}nav{font-size:12px}#cards{grid-template-columns:1fr;gap:18px}.toolbar label{margin-left:0;width:100%;display:grid;grid-template-columns:auto 1fr}dialog{padding:20px}.placeholder{aspect-ratio:16/8}}