.showcase-h{padding:6px 6px 6px 20px;position:relative;font-size:1.3rem;font-weight:600;margin-bottom:4px;color:#333}.showcase-intro:before{content:"";display:inline-block;padding-right:8px;font-family:iconfont!important}.showcase-intro{position:relative;margin-bottom:4px}.showcase-p{padding:4px 6px 4px 20px;color:#666;line-height:1.6;margin:0}.showcase-nav{display:flex;flex-wrap:wrap;gap:4px;padding:0;margin-bottom:12px;border-bottom:1px solid #e0e0e0}.showcase-nav a{display:flex;align-items:center;gap:6px;padding:12px 16px;text-decoration:none;color:#999;font-size:.85rem;font-weight:400;transition:all .2s ease;position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.showcase-nav a:hover{color:#666}.showcase-nav a.active{color:#333;border-bottom-color:#ec6fa3}.showcase-nav a i{font-size:.9rem;opacity:.7}.showcase-body{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.showcase-body{grid-template-columns:repeat(4,1fr)}}.showcase-icon-simple{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;text-decoration:none;border-radius:12px;transition:background-color .2s ease;text-align:center}.showcase-icon-simple:hover{background-color:#0000000d}.showcase-icon-simple .showcase-avatar{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;color:#fff;font-weight:600;overflow:hidden;position:relative}.showcase-icon-simple .showcase-avatar img{width:56px;height:56px;border-radius:12px;object-fit:cover;display:block}.showcase-icon-simple .showcase-avatar:after{content:attr(data-initial);display:none}.showcase-icon-simple .showcase-avatar.no-image{background:#ec6fa3!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:#333;font-size:.95rem;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-icon-simple .showcase-info p{display:none}.showcase-app-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#f8f9fa;border-radius:16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;text-align:center;box-shadow:#0000001a 0 2px 8px}.showcase-app-card:hover{transform:translateY(-2px);box-shadow:#00000026 0 4px 12px;background:#fff}.showcase-app-card .showcase-avatar{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:28px;color:#fff;font-weight:600;overflow:hidden;position:relative}.showcase-app-card .showcase-avatar img{width:64px;height:64px;border-radius:16px;object-fit:cover;display:block}.showcase-app-card .showcase-avatar:after{content:attr(data-initial);display:none}.showcase-app-card .showcase-avatar.no-image{background:#ec6fa3!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:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 8px}.showcase-app-card .showcase-info p{color:#666;font-size:.85rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-product-card{display:flex;flex-direction:column;background:#f8f9fa;border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;height:100%;box-shadow:#0000001a 0 2px 8px}.showcase-product-card:hover{transform:translateY(-2px);box-shadow:#00000026 0 4px 12px;background:#fff}.showcase-product-card .showcase-large-image{width:100%;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background:#f0f0f0}.showcase-product-card .showcase-large-image img{width:100%;height:100%;object-fit:contain;display:block}.showcase-product-card .showcase-large-image:after{content:attr(data-title);font-size:4rem;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:2px;display:none}.showcase-product-card .showcase-large-image.no-image{background:#ec6fa3!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{padding:16px 20px 20px;text-align:left;flex:1;display:flex;flex-direction:column}.showcase-product-card .showcase-info h3{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 10px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.showcase-product-card .showcase-specs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin:0 0 12px}.showcase-product-card .showcase-spec{color:#888;font-size:.7rem;line-height:1;padding:4px 8px;background:#0000000a;border-radius:4px;white-space:nowrap}.showcase-product-card .showcase-info p{color:#666;font-size:.85rem;line-height:1.6;margin:auto 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.showcase-text-only{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 10px;background:#f8f9fa;border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;text-align:center;min-height:60px;box-shadow:#0000001a 0 2px 8px}.showcase-text-only:hover{transform:translateY(-2px);box-shadow:#00000026 0 4px 12px;background:#fff}.showcase-text-only .showcase-info{width:100%}.showcase-text-only .showcase-info h3{color:#ec6fa3;font-size:.95rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-text-only .showcase-info p{color:#666;font-size:.7rem;line-height:1.2;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.showcase-nav{padding:12px;gap:8px}.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:#fcfdfb}.dark .showcase-intro:after{color:#444}.dark .showcase-p{color:#aaa}.dark .showcase-nav{border-bottom-color:#444}.dark .showcase-nav a{color:#777}.dark .showcase-nav a:hover{color:#aaa}.dark .showcase-nav a.active{color:#e0e0e0;border-bottom-color:#ec6fa3}.dark .showcase-icon-simple:hover{background-color:#ffffff0d}.dark .showcase-icon-simple .showcase-info h3{color:#e0e0e0}.dark .showcase-icon-simple .showcase-avatar.no-image{background:#ec6fa3}.dark .showcase-app-card,.dark .showcase-product-card{background:#191f2d;box-shadow:#8ed0dc33 0 2px 8px}.dark .showcase-app-card:hover,.dark .showcase-product-card:hover{box-shadow:#8ed0dc4d 0 4px 12px;background:#242b3d}.dark .showcase-app-card .showcase-info h3,.dark .showcase-product-card .showcase-info h3{color:#f0f0f0}.dark .showcase-app-card .showcase-info p,.dark .showcase-product-card .showcase-info p{color:#aaa}.dark .showcase-product-card .showcase-spec{background:#ffffff14}.dark .showcase-app-card .showcase-avatar.no-image{background:#ec6fa3}.dark .showcase-product-card .showcase-large-image{background:#1a1e28}.dark .showcase-product-card .showcase-large-image.no-image{background:#ec6fa3}.dark .showcase-product-card .showcase-large-image:after{color:#ffffff4d}.dark .showcase-text-only{background:#191f2d;box-shadow:#8ed0dc33 0 2px 8px}.dark .showcase-text-only:hover{background:#242b3d;box-shadow:#8ed0dc4d 0 4px 12px}.dark .showcase-text-only .showcase-info h3{color:#ec6fa3}.dark .showcase-text-only .showcase-info p{color:#aaa}.showcase .giscus{margin-top:32px}
