.screen-fold{border-top:1px solid #bedbef26;border-bottom:1px solid #bedbef26;margin:26px 0 30px}.screen-fold summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;padding:22px 0;cursor:pointer;font-size:14px;color:#d2e2ee}.screen-fold summary::-webkit-details-marker{display:none}.screen-count{font-size:11px;color:#93aebe;white-space:nowrap}.screen-count b{display:inline-block;margin-left:15px;font-size:20px;font-weight:400}.screen-fold[open] .screen-count b{transform:rotate(45deg)}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:25px}.screen-card{background:none;border:0;padding:0;text-align:left;min-width:0}.screen-thumb{display:block;height:190px;overflow:hidden;background:#151c25;border:1px solid #ffffff20;border-radius:9px}.screen-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s}.screen-card:hover img{transform:scale(1.035)}.screen-caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#c0cfdd;margin-top:13px}.screen-caption>span{color:#8baabe;font-size:11px;white-space:nowrap}#codex-screens .screen-grid{grid-template-columns:minmax(0,320px)}#codex-screens .screen-thumb{height:240px}.screen-site-link{display:inline-block;font-size:13px;color:#b9d9eb;border-bottom:1px solid #92afc455;padding:5px 0;margin:0 0 38px}.screen-fold summary:focus-visible{outline:2px solid #bde7ff;outline-offset:4px}.about-xhs{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:25px 0;margin-top:24px;display:flex;flex-wrap:wrap;gap:22px;align-items:center}.about-xhs h4{font-size:17px;line-height:1.7;margin:10px 0}.about-xhs p{font-size:11px;color:#99adbd;margin:14px 0 0}.xhs-about-code{border:0;background:none;padding:0;text-align:left;flex:none}.xhs-code-window{display:block;position:relative;width:168px;height:168px;overflow:hidden;background:white;border:10px solid white;border-radius:9px}.xhs-code-window img{position:absolute;width:660px;max-width:none;height:auto;left:-451px;top:-688px}.xhs-about-code>span:last-child{display:block;font-size:10px;color:#9db1c2;margin-top:10px}#screen-dialog{width:min(1100px,calc(100% - 32px));max-width:1100px;height:90dvh;max-height:90dvh;padding:0;border-radius:12px;overflow:hidden}#screen-dialog[open]{display:flex;flex-direction:column}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid #ffffff24;flex:none}.screen-toolbar h2{font-size:17px;letter-spacing:0;line-height:1.5;margin:0}.screen-toolbar>div{display:flex;gap:8px;flex:none}.screen-toolbar button{background:#17232d;border:1px solid #bcd5e544;border-radius:6px;font-size:12px;padding:9px 13px}.screen-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:20px}.screen-scroll img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}#screen-dialog.zoomed .screen-scroll img{max-width:none;width:max(100%,1200px)}
@media(max-width:700px){.screen-grid{gap:18px;grid-template-columns:1fr}.screen-thumb{height:180px}.screen-fold summary{font-size:13px}.screen-toolbar{padding:12px;align-items:flex-start}.screen-toolbar h2{font-size:13px;max-width:46%}.screen-toolbar button{font-size:11px;padding:8px}.screen-scroll{padding:12px}.about-xhs{gap:24px}.screen-caption{font-size:12px}}
.xhs-code-window img{width:600px;left:-405px;top:-624px}