:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#283344;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main{max-width:1320px;margin:auto;padding:20px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:2;background:#f4f6faf5;border-bottom:1px solid #e5eaf1}header a{color:#2673ca;text-decoration:none;font-size:13px}.controls{display:flex;align-items:center;gap:16px;font-size:12px;color:#64748b}button,select{font:inherit;color:#2673ca;background:#eaf3ff;border:1px solid #dae8fa;border-radius:8px;padding:8px 10px;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8ebeff;outline-offset:3px}h1{font-size:26px;font-weight:600;margin:8px 0 12px}.intro{font-size:14px;color:#6d7b8e;line-height:1.8;margin:0 0 28px}h2{font-size:19px;font-weight:550;margin:30px 0 16px}h2 span{font-size:12px;font-weight:400;color:#8490a0;margin-left:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.card{min-width:0;border-radius:12px;background:#fff;overflow:hidden;border:1px solid #e7ecf3}.stage{background:#eaf0f7;aspect-ratio:256/280;position:relative}.stage canvas{display:block;width:100%;height:100%}.error{position:absolute;inset:40% 8px auto;text-align:center;font-size:12px;color:#7b8899}.caption{padding:12px 13px}.caption h3{font-size:13px;font-weight:500;margin:0 0 7px}.number{color:#8a9bb0;font-size:11px;margin-right:8px}.caption p{font-size:11px;color:#8a96a6;margin:0;overflow-wrap:anywhere}footer{font-size:11px;line-height:1.9;color:#94a0b1;margin:30px 0 12px}#status{font-size:13px;color:#7b8899}#status:empty{display:none}@media(min-width:1500px){header,main{max-width:1480px}.cards{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1000px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){header,main{padding:16px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}h1{font-size:23px}.caption{padding:10px}.caption h3{font-size:12px}}@media(max-width:440px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{gap:8px}}