.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,border-color .2s,background-color .2s,transform .2s;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{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;text-decoration:none;transition:background-color .2s;display:flex}.showcase-icon-simple:hover{background-color:rgb(var(--rgb-black) / 5%)}.showcase-icon-simple .showcase-avatar{width:56px;height:56px;color:var(--color-white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex;position:relative;overflow:hidden}.showcase-icon-simple .showcase-avatar img{object-fit:cover;border-radius:12px;width:56px;height:56px;display:block}.showcase-icon-simple .showcase-avatar:after{content:attr(data-initial);display:none}.showcase-icon-simple .showcase-avatar.no-image{background:var(--color-accent-pink)!important}.showcase-icon-simple .showcase-avatar.no-image:after{display:block!important}.showcase-icon-simple .showcase-avatar:not(.no-image):after{display:none}.showcase-icon-simple .showcase-info{width:100%}.showcase-icon-simple .showcase-info h3{color:var(--text-strong);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{background:var(--surface-soft);text-align:center;box-shadow:rgb(var(--rgb-black) / 10%) 0px 2px 8px;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.showcase-app-card:hover{box-shadow:rgb(var(--rgb-black) / 15%) 0px 4px 12px;background:var(--color-white);transform:translateY(-2px)}.showcase-app-card .showcase-avatar{width:64px;height:64px;color:var(--color-white);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:600;display:flex;position:relative;overflow:hidden}.showcase-app-card .showcase-avatar img{object-fit:cover;border-radius:16px;width:64px;height:64px;display:block}.showcase-app-card .showcase-avatar:after{content:attr(data-initial);display:none}.showcase-app-card .showcase-avatar.no-image{background:var(--color-accent-pink)!important}.showcase-app-card .showcase-avatar.no-image:after{display:block!important}.showcase-app-card .showcase-avatar:not(.no-image):after{display:none}.showcase-app-card .showcase-info{width:100%}.showcase-app-card .showcase-info h3{color:var(--text-primary);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;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,background-color .3s;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{color:var(--text-primary);-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 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,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{background:var(--surface-soft);text-align:center;min-height:60px;box-shadow:rgb(var(--rgb-black) / 10%) 0px 2px 8px;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.showcase-text-only:hover{box-shadow:rgb(var(--rgb-black) / 15%) 0px 4px 12px;background:var(--color-white);transform:translateY(-2px)}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{width:100%}.showcase-text-only .showcase-info h3{color:var(--color-accent-pink);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:hover{background-color:rgb(var(--rgb-white) / 5%)}.dark .showcase-icon-simple .showcase-info h3{color:var(--text-on-dark)}.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);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 h3,.dark .showcase-product-card .showcase-info h3{color:var(--text-on-dark)}.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-card)}.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);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 h3{color:var(--color-accent-pink)}.dark .showcase-text-only .showcase-info p{color:var(--text-on-dark-secondary)}.showcase .giscus{margin-top:32px}