*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0d1016;color:#e8ecf3;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}#app{display:flex;height:100%;height:100dvh}#side{width:300px;flex:none;background:#12161e;border-right:1px solid #222a36;display:flex;flex-direction:column}#side header{padding:18px 18px 10px}h1{font-size:20px;letter-spacing:1px}.sub{color:#8a96a8;font-size:12px;margin-top:4px}#list{list-style:none;overflow:auto;flex:1;min-height:0;grid-auto-rows:max-content;padding:6px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}#list li{min-height:0;flex-shrink:0;background:#1a202b;border:1px solid #263041;border-radius:10px;cursor:pointer;overflow:hidden;transition:.15s}#list li:hover{border-color:#4b6a99}#list li.on{border-color:#f0b54a;box-shadow:0 0 0 1px #f0b54a inset}#list img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 30%;background:radial-gradient(#2a3242,#171c25)}#list .n{padding:6px 8px 2px;font-size:13px;font-weight:600}#list .t{padding:0 8px 7px;font-size:11px;color:#8a96a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#list .warn{color:#f0b54a}.foot{font-size:11px;color:#6d7889;padding:10px 16px 14px;border-top:1px solid #222a36}#stage{position:relative;flex:1;min-width:0;background:#151a23}#c{display:block;width:100%;height:100%;touch-action:none;background:#151a23}#glnotice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#141a24eb;border:1px solid #3a4660;color:#f0c674;padding:10px 16px;border-radius:8px;font-size:13px;z-index:20}#glnotice.hide{display:none}#hud{position:absolute;left:0;right:0;bottom:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#080a0ed9);display:flex;flex-direction:column;gap:10px;pointer-events:none}#hud>*{pointer-events:auto}#title{display:flex;align-items:baseline;gap:10px}#title h2{font-size:24px}#ctag{color:#9fb0c8;font-size:13px}#clips{display:flex;flex-wrap:wrap;gap:8px}button{font:inherit;color:#e8ecf3;background:#1f2633;border:1px solid #33405a;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}button:hover{background:#2a3446}#clips button.on{background:#f0b54a;color:#1a1407;border-color:#f0b54a;font-weight:600}#ctrl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#b8c3d4}#ctrl label{display:flex;gap:6px;align-items:center}#ctrl input{width:110px;accent-color:#f0b54a}#info{position:absolute;top:14px;right:14px;width:320px;max-width:calc(100% - 28px);background:#12161eeb;border:1px solid #2a3446;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;backdrop-filter:blur(6px)}#info.hide{display:none}#info h3{font-size:14px;margin:6px 0 2px;color:#9fb0c8}#info ul{padding-left:18px}#info .iss li{color:#f5c76f}#info .meta{color:#7f8b9d;font-size:12px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#0d10168c;transition:opacity .3s}#loading.done{opacity:0;pointer-events:none}.bar{width:220px;height:6px;border-radius:3px;background:#263041;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#f0b54a;transition:width .15s}#loadtxt{font-size:13px;color:#b8c3d4}@media (max-width:760px){#app{flex-direction:column-reverse}#side{width:100%;height:auto;border-right:0;border-top:1px solid #222a36}#side header,.foot{display:none}#list{display:flex;overflow-x:auto;overflow-y:hidden;padding:8px;flex:none}#list li{flex:none;width:86px}#list img{height:86px}#list .t{display:none}#title h2{font-size:19px}button{padding:7px 11px;font-size:13px}#hud{padding:10px 12px}#info{top:8px;right:8px;left:8px;width:auto;font-size:12px;max-height:40%;overflow:auto}#ctrl input{width:80px}}#list li.sec{grid-column:1/-1;background:none;border:0;cursor:default;font-size:12px;color:#f0b54a;padding:10px 2px 2px;letter-spacing:1px}.none{font-size:13px;color:#9fb0c8}@media (max-width:760px){#list li.sec{flex:none;width:auto;writing-mode:vertical-rl;padding:4px 2px;font-size:11px}}#tabs{position:absolute;top:12px;left:14px;z-index:5;display:flex;gap:4px;background:#12161ed9;border:1px solid #2a3446;border-radius:10px;padding:4px;backdrop-filter:blur(6px)}#tabs button{border:0;background:none;padding:7px 14px;border-radius:7px}#tabs button.on{background:#f0b54a;color:#1a1407;font-weight:600}#panel{position:absolute;inset:0;z-index:4;background:#11151c;overflow:auto;padding:64px 22px 30px}#panel.hide,#lightbox.hide{display:none}#panel h3{font-size:16px;margin:18px 0 10px;color:#f0b54a}#panel h4{font-size:14px;margin:14px 0 6px;color:#9fb0c8}.pending{color:#7f8b9d;border:1px dashed #33405a;border-radius:10px;padding:26px;text-align:center;font-size:14px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.grid figure{background:#1a202b;border:1px solid #263041;border-radius:10px;overflow:hidden;cursor:zoom-in}.grid img{display:block;width:100%;height:220px;object-fit:contain;background:#0d1016}.grid figcaption{font-size:12px;padding:6px 8px;color:#b8c3d4}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.vids video{width:100%;border-radius:10px;background:#000}.vids .cap{font-size:12px;color:#9fb0c8;margin-top:4px}table.kv{border-collapse:collapse;font-size:13px;width:100%;max-width:900px}table.kv td,table.kv th{border-bottom:1px solid #222a36;padding:6px 8px;text-align:left;vertical-align:top}table.kv th{color:#8a96a8;font-weight:500;width:200px}table.kv code{font-size:12px;color:#cfd8e6}.dl{display:flex;flex-wrap:wrap;gap:8px}.dl a{color:#e8ecf3;text-decoration:none;background:#1f2633;border:1px solid #33405a;border-radius:8px;padding:7px 12px;font-size:13px}.dl a:hover{background:#2a3446}.dl a small{color:#8a96a8;margin-left:6px}.badge{display:inline-block;font-size:12px;border-radius:6px;padding:2px 8px;margin-right:6px;background:#263041}.badge.ok{background:#1f4d33;color:#9be3b5}.badge.cond{background:#5a4514;color:#f5d27a}.sev{font-size:11px;border-radius:5px;padding:1px 6px;white-space:nowrap}.sev-无{background:#263041;color:#9fb0c8}.sev-轻微{background:#3b3a1d;color:#e9dc8a}.sev-待定{background:#5a4514;color:#f5d27a}.sev-待确认{background:#5a2a14;color:#f7b48a}details{margin:8px 0}details summary{cursor:pointer;color:#9fb0c8;font-size:13px}pre.json{font-size:11px;background:#0d1016;border:1px solid #222a36;border-radius:8px;padding:10px;overflow:auto;max-height:360px}#lightbox{position:fixed;inset:0;z-index:20;background:#000000eb;display:flex;align-items:center;justify-content:center;flex-direction:column}#lbimg{max-width:94vw;max-height:84vh;object-fit:contain}#lbcap{color:#cfd8e6;font-size:13px;margin-top:10px}#lightbox button{position:absolute;background:#1e2430cc;font-size:22px;padding:6px 14px}#lbclose{top:14px;right:14px}#lbprev{left:14px;top:50%}#lbnext{right:14px;top:50%}.bdg{display:flex;gap:3px;flex-wrap:wrap;padding:0 8px 7px}.bdg i{font-style:normal;font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;background:#263041;color:#9fb0c8}.bdg i.on{background:#24384f;color:#bfe0ff}@media (max-width:760px){#tabs{top:8px;left:8px}#tabs button{padding:6px 9px;font-size:12px}#panel{padding:52px 12px 20px}.grid{grid-template-columns:repeat(2,1fr)}.grid img{height:160px}.vids{grid-template-columns:1fr}table.kv th{width:110px}.bdg{display:none}}body.thumb #stage,body.thumb #c{background:transparent}