.ui-showcase{padding-top:48px;padding-bottom:65px;border-top:1px solid var(--line);scroll-margin-top:35px}
.ui-showcase .section-top{margin-bottom:26px}.ui-showcase h2{font-size:30px;line-height:1.5}.ui-showcase .section-desc{max-width:350px}
.ui-gallery{padding:15px;background:#eaf0f7;border:1px solid #dfe6ef;border-radius:12px}
.ui-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 3px 13px;color:#8a9ab2;font-size:12px;letter-spacing:1.5px}
.ui-gallery-toolbar>div{display:flex;align-items:center;gap:8px}.ui-gallery-toolbar #ui-slide-counter{font:12px monospace;letter-spacing:1px;color:#8193ae;margin-right:10px;min-width:58px}
.ui-gallery-toolbar button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d7e0ed;border-radius:6px;background:#f7f9fc;color:#6b819f;font-size:14px}
.ui-gallery-toolbar button:hover{background:#fff;color:#315bd9}
.ui-main-stage{position:relative;display:block;aspect-ratio:16/9;background:#fff;border:1px solid #dce4ef;border-radius:7px;overflow:hidden}
.ui-main-stage img{display:block;width:100%;height:100%;object-fit:contain}
.ui-original-link{position:absolute;right:13px;bottom:13px;background:#fffffff0;border:1px solid #e0e7f0;border-radius:5px;padding:6px 10px;font-size:12px;color:#7086a5;box-shadow:0 2px 8px #32496c0d}
.ui-thumbnail-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}
.ui-thumbnail-strip button{position:relative;display:block;aspect-ratio:16/10;min-width:0;padding:4px;border:2px solid transparent;border-radius:6px;background:#f8fafd;overflow:hidden;opacity:.65;transition:opacity .2s,border-color .2s}
.ui-thumbnail-strip button img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:2px}
.ui-thumbnail-strip button[aria-pressed=true]{border-color:#6c8ad1;opacity:1;background:#fff}
.ui-thumbnail-strip button:hover{opacity:1}.ui-thumbnail-strip button>span{position:absolute;bottom:7px;right:7px;padding:1px 5px;border-radius:3px;background:#ffffffe8;color:#6e82a1;font:12px monospace}
.ui-showcase .ui-gallery-note{font-size:12px;color:#97a3b5;margin:16px 0 0}
@media(max-width:1000px){.ui-showcase .section-top{display:block}.ui-showcase .section-desc{max-width:none;margin-top:15px}}
@media(max-width:760px){.ui-showcase{padding-top:38px;padding-bottom:44px}.ui-showcase h2{font-size:25px}.ui-gallery{padding:10px}.ui-gallery-toolbar{font-size:12px;letter-spacing:1px;padding-bottom:10px}.ui-gallery-toolbar #ui-slide-counter{font-size:12px;margin-right:3px}.ui-gallery-toolbar button{width:26px;height:26px}.ui-thumbnail-strip{gap:7px;margin-top:10px}.ui-thumbnail-strip button{padding:2px}.ui-thumbnail-strip button>span{right:4px;bottom:4px;font-size:12px}.ui-original-link{font-size:12px;padding:4px 7px;right:7px;bottom:7px}.ui-showcase .ui-gallery-note{font-size:12px}}