.showcase-h{color:var(--text-strong);letter-spacing:-.01em;text-wrap:balance;margin:1.35rem 0 .35rem;padding:.4rem 0;font-size:1.3rem;font-weight:600;position:relative}.showcase-intro:before{content:"";padding-right:8px;display:inline-block;font-family:iconfont!important}.showcase-intro{margin-top:.2rem;margin-bottom:.2rem;position:relative}.showcase-p{max-width:72ch;color:var(--text-secondary);text-wrap:pretty;margin:0;padding:.2rem 0;line-height:1.6}.showcase-nav{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:0;display:flex}.showcase-nav a{color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 16px;font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.showcase-nav a:active{transform:translateY(1px)scale(.98)}.showcase-nav a:hover{color:var(--text-secondary)}.showcase-nav a.active{color:var(--text-strong);border-bottom-color:var(--color-accent-pink)}.showcase-nav a i{opacity:.7;font-size:.9rem}.showcase-body{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}@media (width>=768px){.showcase-body{grid-template-columns:repeat(4,1fr)}}.showcase-icon-simple,.showcase-app-card,.showcase-text-only{text-align:center;flex-direction:column;align-items:center;text-decoration:none;display:flex}.showcase-app-card,.showcase-text-only{background:var(--surface-soft);box-shadow:rgb(var(--rgb-black) / 10%) 0 2px 8px;transition:background-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.showcase-app-card:hover,.showcase-text-only:hover{background:var(--color-white);box-shadow:rgb(var(--rgb-black) / 15%) 0 4px 12px;transform:translateY(-2px)}:is(.showcase-icon-simple,.showcase-app-card) .showcase-avatar{color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative;overflow:hidden}:is(.showcase-icon-simple,.showcase-app-card) .showcase-avatar img{object-fit:cover;display:block}:is(.showcase-icon-simple,.showcase-app-card) .showcase-avatar:after{content:attr(data-initial);display:none}:is(.showcase-icon-simple,.showcase-app-card) .showcase-avatar.no-image{background:var(--color-accent-pink)}:is(.showcase-icon-simple,.showcase-app-card) .showcase-avatar.no-image:after{display:block}:is(.showcase-icon-simple,.showcase-app-card) .showcase-info{width:100%}.showcase-icon-simple{color:var(--text-strong);border-radius:12px;gap:12px;padding:20px 16px;transition:background-color .2s cubic-bezier(.22,1,.36,1)}.showcase-icon-simple:hover{background-color:rgb(var(--rgb-black) / 5%)}.showcase-icon-simple .showcase-avatar{border-radius:12px;width:56px;height:56px;font-size:24px}.showcase-icon-simple .showcase-avatar img{border-radius:12px;width:56px;height:56px}.showcase-icon-simple .showcase-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:500;overflow:hidden}.showcase-icon-simple .showcase-info p{display:none}.showcase-app-card{color:var(--text-primary);border-radius:16px;gap:12px;padding:24px 16px}.showcase-app-card .showcase-avatar{border-radius:16px;width:64px;height:64px;font-size:28px}.showcase-app-card .showcase-avatar img{border-radius:16px;width:64px;height:64px}.showcase-app-card .showcase-info h3{margin:0 0 8px;font-size:1rem;font-weight:600}.showcase-app-card .showcase-info p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.showcase-product-card{--showcase-card-surface:var(--surface-soft);--showcase-card-hover-surface:var(--color-white);--showcase-detail-surface:var(--showcase-card-hover-surface);--showcase-detail-text:var(--text-secondary);background:var(--showcase-card-surface);min-width:0;color:var(--text-primary);height:100%;box-shadow:rgb(var(--rgb-black) / 10%) 0px 2px 8px;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.showcase-product-card:hover{box-shadow:rgb(var(--rgb-black) / 15%) 0px 4px 12px;background:var(--showcase-card-hover-surface);transform:translateY(-2px)}.showcase-product-card .showcase-large-image{aspect-ratio:1;background:var(--surface-muted);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.showcase-product-card .showcase-large-image img{object-fit:contain;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,1,.36,1);display:block}.showcase-product-card .showcase-large-image:after{content:attr(data-title);color:rgb(var(--rgb-white) / 30%);text-transform:uppercase;letter-spacing:2px;font-size:4rem;font-weight:700;display:none}.showcase-product-card .showcase-large-image.no-image{background:var(--color-accent-pink)!important}.showcase-product-card .showcase-large-image.no-image:after{display:block!important}.showcase-product-card .showcase-large-image:not(.no-image):after{display:none}.showcase-product-card:hover .showcase-large-image img{transform:scale(1.02)}.showcase-product-card .showcase-info{text-align:left;flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}.showcase-product-card .showcase-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0 0 10px;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.showcase-product-card .showcase-specs{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0 0 12px;display:flex}.showcase-product-card .showcase-spec{color:var(--text-tertiary);background:rgb(var(--rgb-black) / 3%);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.7rem;line-height:1}.showcase-product-card .showcase-description{z-index:1;margin-top:auto;position:relative}.showcase-product-card .showcase-description p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.6;transition:opacity .28s cubic-bezier(.22,1,.36,1) 50ms;display:-webkit-box;overflow:hidden}.showcase-product-card .showcase-description-full{background:linear-gradient(to bottom, transparent, var(--showcase-detail-surface) 18px);color:var(--showcase-detail-text);opacity:0;pointer-events:none;padding-top:18px;font-size:.85rem;line-height:1.6;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1);display:none;position:absolute;bottom:0;left:0;right:0;transform:translateY(7px)}.showcase-product-card .showcase-description.is-truncated .showcase-description-full{display:block}.showcase-product-card:hover .showcase-description.is-truncated p,html[data-input-mode=keyboard] .showcase-product-card:focus-visible .showcase-description.is-truncated p{opacity:0;transition-delay:0s}.showcase-product-card:hover .showcase-description.is-truncated .showcase-description-full,html[data-input-mode=keyboard] .showcase-product-card:focus-visible .showcase-description.is-truncated .showcase-description-full{opacity:1;transition-delay:50ms;transform:translateY(0)}.showcase-text-only{color:var(--color-accent-pink);border-radius:12px;justify-content:center;gap:4px;min-height:60px;padding:12px 10px}.showcase-links-panel{--showcase-link-control:rgb(var(--rgb-black) / 4%);--showcase-link-text:var(--text-primary);--showcase-link-body:var(--text-secondary);--showcase-link-accent:var(--color-brand);--showcase-link-surface:rgb(var(--rgb-white) / 62%);--showcase-link-wash:rgb(var(--rgb-brand) / 6%);--showcase-link-shadow:0 1px 3px rgb(var(--rgb-black) / 10%), 0 8px 18px rgb(var(--rgb-shadow-neutral) / 12%), inset 0 1px 0 var(--card-gloss);--showcase-link-shadow-hover:0 1px 2px rgb(var(--rgb-black) / 7%), 0 4px 10px rgb(var(--rgb-shadow-neutral) / 8%), inset 0 1px 0 var(--card-gloss-hover)}.showcase-body.showcase-link-grid{justify-content:start;align-items:start;gap:.55rem clamp(.6rem,1vw,.8rem)}.showcase-body.showcase-link-grid--mirrors{grid-template-columns:repeat(auto-fill,minmax(10.25rem,10.9rem))}.showcase-body.showcase-link-grid--friends{grid-template-columns:repeat(auto-fill,minmax(12.5rem,13.5rem))}.showcase-link-card{border-radius:var(--radius-md);min-width:0;color:var(--showcase-link-text);background:var(--showcase-link-surface);box-shadow:var(--showcase-link-shadow);font-weight:400;text-decoration:none;transition:box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.showcase-link-card:after{content:"";border-radius:inherit;background:var(--showcase-link-wash);opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.showcase-link-card:hover:after,.showcase-link-card:focus-visible:after,.showcase-link-card:active:after{opacity:1}.showcase-link-card:hover{box-shadow:var(--showcase-link-shadow-hover);transform:translateY(2px)scale(.99)}.showcase-link-card:active{box-shadow:var(--showcase-link-shadow);transition-duration:.1s;transform:translateY(1px)scale(.985)}html[data-input-mode=keyboard] .showcase-link-card:focus-visible{outline:2px solid var(--showcase-link-accent);outline-offset:3px}.showcase-link-card--mirror{align-items:center;min-height:3.25rem;padding:.45rem .6rem;display:grid}.showcase-link-card--friend{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:3.4rem;padding:.42rem .48rem;display:grid}.showcase-link-avatar{z-index:1;border-radius:calc(var(--radius-md) - .1rem);width:2.25rem;height:2.25rem;color:var(--showcase-link-accent);background:var(--showcase-link-control);place-items:center;font-size:.85rem;font-weight:650;display:grid;position:relative;overflow:hidden}.showcase-link-avatar:after{content:attr(data-initial)}.showcase-link-avatar img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase-link-copy{z-index:1;gap:.18rem;min-width:0;display:grid;position:relative}.showcase-link-copy strong{color:var(--showcase-link-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.82rem,1vw,.9rem);font-weight:600;line-height:1.15;overflow:hidden}.showcase-link-copy small,.showcase-link-description-viewport{color:var(--showcase-link-body);white-space:nowrap;font-size:.62rem;line-height:1.35;overflow:hidden}.showcase-link-copy small{font-variant-numeric:tabular-nums;text-overflow:ellipsis;display:block}.showcase-link-description-viewport{display:block}.showcase-link-description-viewport>span{width:max-content;display:block}.showcase-link-card--friend.is-description-truncated:hover .showcase-link-description-viewport>span,html[data-input-mode=keyboard] .showcase-link-card--friend.is-description-truncated:focus-visible .showcase-link-description-viewport>span{animation:showcase-link-description-scroll var(--showcase-link-description-duration,1.1s) cubic-bezier(.45, 0, .55, 1) .14s infinite alternate both;will-change:transform}@keyframes showcase-link-description-scroll{0%,10%{transform:translate(0,0)}90%,to{transform:translate3d(calc(-1 * var(--showcase-link-description-distance)), 0, 0)}}html[data-input-mode=keyboard] .showcase-nav a:focus-visible,html[data-input-mode=keyboard] a.showcase-icon-simple:focus-visible,html[data-input-mode=keyboard] a.showcase-app-card:focus-visible,html[data-input-mode=keyboard] a.showcase-product-card:focus-visible,html[data-input-mode=keyboard] a.showcase-text-only:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}a.showcase-icon-simple:active,a.showcase-app-card:active,a.showcase-product-card:active,a.showcase-text-only:active{transform:translateY(1px)scale(.99)}.showcase-text-only .showcase-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.showcase-text-only .showcase-info p{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:2px 0 0;font-size:.7rem;line-height:1.2;display:-webkit-box;overflow:hidden}@media (width<=767px){.showcase-nav{gap:8px;padding:12px}.showcase-nav a{padding:6px 12px;font-size:.85rem}.showcase-body{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.showcase-product-card{grid-column:span 1}.showcase-icon-simple{padding:16px 12px}.showcase-icon-simple .showcase-avatar{width:48px;height:48px;font-size:20px}.showcase-icon-simple .showcase-avatar img{width:48px;height:48px}.showcase-app-card{padding:20px 12px}.showcase-app-card .showcase-avatar{width:56px;height:56px;font-size:24px}.showcase-app-card .showcase-avatar img{width:56px;height:56px}.showcase-text-only{min-height:50px;padding:10px 8px}.showcase-text-only .showcase-info h3{font-size:.9rem}}.dark .showcase-h{color:var(--text-on-dark-strong)}.dark .showcase-p{color:var(--text-on-dark-secondary)}.dark .showcase-nav{border-bottom-color:var(--border-dark)}.dark .showcase-nav a{color:var(--text-on-dark-muted)}.dark .showcase-nav a:hover{color:var(--text-on-dark-secondary)}.dark .showcase-nav a.active{color:var(--text-on-dark);border-bottom-color:var(--color-accent-pink)}.dark .showcase-icon-simple{color:var(--text-on-dark)}.dark .showcase-icon-simple:hover{background-color:rgb(var(--rgb-white) / 5%)}.dark .showcase-icon-simple .showcase-avatar.no-image{background:var(--color-accent-pink)}.dark .showcase-app-card,.dark .showcase-product-card{background:var(--surface-dark-card);color:var(--text-on-dark);box-shadow:rgb(var(--rgb-accent-cyan) / 20%) 0px 2px 8px}.dark .showcase-product-card{--showcase-card-surface:var(--surface-dark-card);--showcase-card-hover-surface:var(--surface-dark-card-hover);--showcase-detail-text:var(--text-on-dark-secondary)}.dark .showcase-app-card:hover,.dark .showcase-product-card:hover{box-shadow:rgb(var(--rgb-accent-cyan) / 30%) 0px 4px 12px;background:var(--surface-dark-card-hover)}.dark .showcase-app-card .showcase-info p,.dark .showcase-product-card .showcase-description p{color:var(--text-on-dark-secondary)}.dark .showcase-product-card .showcase-spec{background:rgb(var(--rgb-white) / 7%)}.dark .showcase-app-card .showcase-avatar.no-image{background:var(--color-accent-pink)}.dark .showcase-product-card .showcase-large-image{background:var(--surface-dark-panel)}.dark .showcase-product-card .showcase-large-image.no-image{background:var(--color-accent-pink)}.dark .showcase-product-card .showcase-large-image:after{color:rgb(var(--rgb-white) / 30%)}.dark .showcase-text-only{background:var(--surface-dark-card);color:var(--color-accent-pink);box-shadow:var(--shadow-card)}.dark .showcase-text-only:hover{background:var(--surface-dark-card-hover);box-shadow:var(--shadow-card-hover)}html.dark[data-input-mode=keyboard] .showcase-nav a:focus-visible,html.dark[data-input-mode=keyboard] a.showcase-icon-simple:focus-visible,html.dark[data-input-mode=keyboard] a.showcase-app-card:focus-visible,html.dark[data-input-mode=keyboard] a.showcase-product-card:focus-visible,html.dark[data-input-mode=keyboard] a.showcase-text-only:focus-visible{outline-color:var(--color-accent-cyan)}.dark .showcase-text-only .showcase-info p{color:var(--text-on-dark-secondary)}.dark .showcase-links-panel{--showcase-link-control:rgb(var(--rgb-white) / 4%);--showcase-link-text:var(--text-on-dark-strong);--showcase-link-body:var(--text-on-dark-body);--showcase-link-accent:var(--color-accent-cyan);--showcase-link-surface:var(--surface-aside-card);--showcase-link-wash:var(--surface-aside-card-hover);--showcase-link-shadow:var(--shadow-aside-card);--showcase-link-shadow-hover:var(--shadow-aside-card-hover)}@media (hover:none){.showcase-link-card:hover{box-shadow:var(--showcase-link-shadow);transform:none}.showcase-link-card:hover:after{opacity:0}.showcase-link-card--friend.is-description-truncated:hover .showcase-link-description-viewport>span{animation:none}.showcase-link-card:active{box-shadow:var(--showcase-link-shadow);transform:translateY(1px)scale(.985)}.showcase-link-card:active:after{opacity:1}}@media (width<=767px){.showcase-body.showcase-link-grid--mirrors,.showcase-body.showcase-link-grid--friends{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}}@media (prefers-reduced-motion:reduce){.showcase-link-card,.showcase-link-card:after{transition-duration:.12s}.showcase-link-card:hover{transform:none}.showcase-link-card--friend.is-description-truncated:hover .showcase-link-description-viewport>span,html[data-input-mode=keyboard] .showcase-link-card--friend.is-description-truncated:focus-visible .showcase-link-description-viewport>span{animation:none}}.showcase .giscus{margin-top:32px}
