dialog[data-mode=index]{background:linear-gradient(90deg,rgba(5,12,6,.93),rgba(7,15,8,.88)),url('assets/desktop-dossier.png') center/cover}
dialog[data-mode=index] .viewer-header{left:3.5%;right:3.5%;top:18px;height:49px;border-bottom-color:rgba(196,207,172,.14);color:#9da58e;letter-spacing:.12em}
#close-view{border:1px solid rgba(184,196,160,.25);min-height:34px;padding:7px 14px;letter-spacing:.06em;transition:background .2s}#close-view:hover{background:rgba(173,184,149,.1)}
.index-top{position:absolute;left:3.5%;top:112px;bottom:95px;width:16%;display:block;padding:0;margin:0;border-right:1px solid rgba(179,194,158,.15);padding-right:23px}
.index-top h2{font:400 clamp(23px,2vw,37px)/1.35 'SimSun','Songti SC',serif;letter-spacing:.08em;margin:0 0 8px}.index-top h2 small{display:block;font:9px/1.7 'Courier New',monospace;letter-spacing:.17em;margin-top:13px;color:#8a9680}
.index-tabs{display:flex;flex-direction:column;gap:8px;margin:38px 0 0}.index-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;font:12px/1.5 'Microsoft YaHei',sans-serif;padding:14px 13px;border:1px solid transparent;background:transparent;min-height:48px;text-align:left;color:#8a9880;position:relative}.index-tabs button small{font:10px 'Courier New',monospace;opacity:.75}.index-tabs button[aria-pressed=true]{background:rgba(140,151,119,.1);border-color:rgba(174,185,151,.21);color:#d5d9bd}.index-tabs button[aria-pressed=true]::before{content:'';position:absolute;left:-1px;top:11px;bottom:11px;width:2px;background:#b6bd98}.index-tabs button:hover{background:rgba(140,151,119,.06);color:#d5d9bd}
.index-ledger{position:absolute;bottom:10px;left:0;right:23px;border-top:1px solid rgba(174,185,151,.17);padding-top:20px;color:#829074;font:10px/2 'Courier New','SimSun',monospace;letter-spacing:.08em}.index-ledger strong{display:block;font:400 48px/1.1 'Courier New',monospace;color:#b1b999;letter-spacing:-.05em;margin:8px 0 12px}.index-ledger p{font-size:10px;letter-spacing:0}
.index-grid{position:absolute;left:23%;right:3.5%;top:106px;bottom:91px;margin:0;padding:0;gap:22px 24px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.index-item{transform:none;padding:6px 6px 0;gap:0;display:grid;grid-template-rows:minmax(0,1fr) 30px;border:1px solid rgba(174,185,151,.17);background:#0d130e;background-image:none;box-shadow:0 5px 12px rgba(0,0,0,.2);transition:border-color .2s,transform .2s;overflow:hidden}
.index-item img{width:100%;height:100%;object-fit:contain;background:#090f0b;filter:saturate(.88);border:0}.index-item span{display:flex;align-items:center;width:100%;max-width:100%;font:10px/1.25 'Courier New','Microsoft YaHei',monospace;color:#a8b297;padding:0 5px;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid rgba(168,179,149,.1)}.index-item:hover{transform:translateY(-2px);border-color:rgba(187,199,157,.55);color:#d2d9bd}.index-item:hover img{filter:none}.index-item:hover span{color:#d2d9bd}.index-item:focus-visible{outline:1px solid #c9d0ad;outline-offset:3px}
.index-pager{position:absolute;left:23%;right:3.5%;bottom:20px;padding:12px 0 0;border-top:1px solid rgba(179,194,158,.15);min-height:50px;font:10px 'Courier New',monospace;color:#92a081}.index-pager button{font:11px 'Microsoft YaHei',sans-serif;border:1px solid rgba(168,180,148,.25);padding:9px 15px;min-height:35px;letter-spacing:.04em}.index-pager button:disabled{opacity:.25}.index-pager button:hover:not(:disabled){background:rgba(168,180,148,.08)}
@media(max-width:1100px){.index-top{top:99px;width:18%;padding-right:14px}.index-top h2{font-size:26px}.index-tabs{margin-top:24px}.index-tabs button{padding:11px 8px;font-size:10px}.index-grid{left:24%;gap:16px;top:95px;bottom:84px}.index-pager{left:24%}.index-ledger{right:14px}.index-ledger strong{font-size:38px}.index-item span{font-size:9px;grid-template-rows:minmax(0,1fr) 25px}}
@media(max-width:760px){.index-top{position:absolute;left:20px;right:20px;top:88px;width:auto;height:auto;bottom:auto;border:0;padding:0}.index-top h2{font-size:26px}.index-top h2 small{display:none}.index-tabs{margin-top:16px;flex-direction:row;gap:5px}.index-tabs button{flex:1;min-width:0;padding:8px 6px;font-size:9px;min-height:36px;gap:4px}.index-tabs button small{font-size:8px}.index-ledger{display:none}.index-grid{left:20px;right:20px;top:194px;bottom:85px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.index-item{padding:4px 4px 0;grid-template-rows:minmax(0,1fr) 22px}.index-item span{font-size:8px;padding:0 2px}.index-pager{left:20px;right:20px;bottom:20px;font-size:9px}.index-pager button{font-size:10px;padding:8px}.viewer-header{font-size:8px}}