.showcase-page{padding:4px 0 60px}.showcase-intro{margin:0 0 22px;color:var(--text-secondary,#64748b);font-size:.92rem;line-height:1.5}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.showcase-filters{display:flex;gap:8px;flex-wrap:wrap}.showcase-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#475569);border-radius:999px;font-weight:600;font-size:.86rem;cursor:pointer;transition:.15s}.showcase-filter-btn i{width:14px;height:14px}.showcase-filter-btn:hover{border-color:var(--primary-accent,#3b82f6);color:var(--primary-accent,#3b82f6)}.showcase-filter-btn.active{background:linear-gradient(135deg,var(--primary-accent,#3b82f6) 0,var(--primary-accent-dark,#2563eb) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(var(--primary-accent-rgb,59,130,246),.3)}.showcase-publish-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary-accent,#3b82f6) 0,var(--primary-accent-dark,#2563eb) 100%);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:0 4px 14px rgba(var(--primary-accent-rgb,59,130,246),.3);transition:transform .15s,box-shadow .15s}.showcase-publish-btn i{width:16px;height:16px}.showcase-publish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--primary-accent-rgb,59,130,246),.4)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.showcase-empty,.showcase-loading{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-muted,#94a3b8);text-align:center}.showcase-empty i{width:44px;height:44px;opacity:.45}.showcase-empty p{margin:0;font-size:.95rem}.showcase-loading i{width:28px;height:28px}.showcase-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.08);border-color:var(--primary-accent,#3b82f6)}.showcase-card-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);overflow:hidden}.showcase-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.showcase-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-accent,#3b82f6);opacity:.45}.showcase-thumb-placeholder i{width:44px;height:44px}.showcase-status{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:6px;font-size:.66rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.showcase-status.pending{background:rgba(245,158,11,.95);color:#fff}.showcase-status.rejected{background:rgba(239,68,68,.95);color:#fff}.showcase-card-body{padding:13px 15px 14px;flex:1;display:flex;flex-direction:column;gap:8px}.showcase-card-title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-primary,#1e293b);line-height:1.3}.showcase-card-desc{margin:0;font-size:.82rem;color:var(--text-secondary,#64748b);line-height:1.45}.showcase-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.76rem;color:var(--text-muted,#94a3b8)}.showcase-author{display:inline-flex;align-items:center;gap:5px}.showcase-author img{width:18px;height:18px;border-radius:50%;object-fit:cover}.showcase-module-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:rgba(var(--primary-accent-rgb,59,130,246),.08);color:var(--primary-accent-dark,#2563eb);border-radius:6px;font-weight:600}.showcase-module-tag i{width:11px;height:11px}.showcase-card-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-color,#f1f5f9)}.showcase-vote-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:0 0;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;font-weight:700;font-size:.82rem;color:var(--text-secondary,#64748b);cursor:pointer;transition:.15s}.showcase-vote-btn i{width:13px;height:13px}.showcase-vote-btn:hover:not(:disabled){border-color:#ec4899;color:#ec4899}.showcase-vote-btn.voted{background:rgba(236,72,153,.1);border-color:#ec4899;color:#ec4899}.showcase-vote-btn.voted i{fill:#ec4899}.showcase-vote-btn:disabled{opacity:.5;cursor:not-allowed}.showcase-views{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-muted,#94a3b8)}.showcase-views i{width:12px;height:12px}.showcase-detail-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:6px 11px;background:linear-gradient(135deg,var(--primary-accent,#3b82f6) 0,var(--primary-accent-dark,#2563eb) 100%);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:transform .15s}.showcase-detail-btn i{width:12px;height:12px;transition:transform .15s}.showcase-detail-btn:hover{transform:translateY(-1px)}.showcase-detail-btn:hover i{transform:translateX(2px)}.showcase-load-more{text-align:center;margin-top:28px}.showcase-load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#475569);border-radius:999px;font-weight:700;font-size:.88rem;cursor:pointer;transition:.15s}.showcase-load-more-btn:hover{border-color:var(--primary-accent,#3b82f6);color:var(--primary-accent,#3b82f6)}.showcase-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.showcase-modal{background:var(--bg-card,#fff);border-radius:14px;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}.showcase-modal-detail{max-width:640px}.showcase-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color,#e5e7eb)}.showcase-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem;color:var(--text-primary)}.showcase-modal-header h3 i{width:17px;height:17px;color:var(--primary-accent,#3b82f6)}.showcase-modal-close{background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;transition:background .15s,color .15s}.showcase-modal-close:hover{background:rgba(0,0,0,.05);color:var(--text-primary)}.showcase-modal-body{padding:18px 20px;overflow-y:auto;flex:1}.showcase-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color,#e5e7eb)}.showcase-field{display:block;margin-bottom:14px}.showcase-field>span{display:block;margin-bottom:5px;font-weight:600;font-size:.86rem;color:var(--text-primary)}.showcase-field>span em{color:var(--text-muted);font-weight:500;font-style:normal;font-size:.76rem}.showcase-field input,.showcase-field select,.showcase-field textarea{width:100%;padding:9px 12px;border:1.5px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--bg-card,#fff);color:var(--text-primary);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.showcase-field input:focus,.showcase-field select:focus,.showcase-field textarea:focus{outline:0;border-color:var(--primary-accent,#3b82f6);box-shadow:0 0 0 3px rgba(var(--primary-accent-rgb,59,130,246),.15)}.showcase-field small{display:block;margin-top:4px;font-size:.74rem;color:var(--text-muted)}.showcase-modal-hint{display:flex;gap:10px;padding:10px 12px;background:rgba(var(--primary-accent-rgb,59,130,246),.06);border:1px solid rgba(var(--primary-accent-rgb,59,130,246),.2);border-radius:8px;font-size:.8rem;color:var(--primary-accent-dark,#2563eb)}.showcase-modal-hint i{width:15px;height:15px;flex-shrink:0;margin-top:2px}.showcase-btn-danger,.showcase-btn-ghost,.showcase-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;border:none;transition:.15s}.showcase-btn-primary{background:linear-gradient(135deg,var(--primary-accent,#3b82f6) 0,var(--primary-accent-dark,#2563eb) 100%);color:#fff;text-decoration:none}.showcase-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--primary-accent-rgb,59,130,246),.3)}.showcase-btn-ghost{background:0 0;color:var(--text-secondary);border:1.5px solid var(--border-color)}.showcase-btn-ghost:hover{border-color:var(--primary-accent,#3b82f6);color:var(--primary-accent,#3b82f6)}.showcase-btn-danger{background:#ef4444;color:#fff}.showcase-btn-danger:hover{background:#dc2626}.showcase-detail-body{padding:18px 20px;overflow-y:auto;flex:1}.showcase-detail-thumb{width:100%;border-radius:10px;margin-bottom:14px;display:block}.showcase-detail-author{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.showcase-detail-desc{margin:0 0 14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;font-size:.92rem}.showcase-detail-stats{display:flex;gap:18px;padding:10px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:14px;color:var(--text-secondary);font-size:.88rem;font-weight:600}.showcase-detail-stats i{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.showcase-detail-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:720px){.showcase-toolbar{flex-direction:column;align-items:stretch}.showcase-publish-btn{width:100%;justify-content:center}.showcase-grid{grid-template-columns:1fr}}@media (max-width:480px){.showcase-card-title{font-size:.9rem}.showcase-card-meta{font-size:.75rem;flex-wrap:wrap}.showcase-filter-bar{gap:4px;overflow-x:auto;flex-wrap:nowrap}.showcase-filter-btn{flex-shrink:0;font-size:.8rem;padding:6px 12px}.showcase-search{font-size:.85rem}.showcase-preview{flex-direction:column}.showcase-preview-thumb{width:100%;height:80px}}@media (max-width:375px){.showcase-card-thumb{height:140px}.showcase-votes-btn{font-size:.78rem;padding:6px 10px}}.showcase-preview{display:flex;gap:12px;padding:10px;background:var(--bg-sidebar,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin-bottom:14px;align-items:center}.showcase-preview-thumb{position:relative;width:100px;height:56px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:6px;overflow:hidden;flex-shrink:0}.showcase-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.showcase-preview-spin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);color:var(--primary-accent,#3b82f6)}.showcase-preview-spin i{width:20px;height:20px}.showcase-preview-info{flex:1;min-width:0}.showcase-preview-name{font-weight:700;font-size:.92rem;color:var(--text-primary);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-preview-meta{font-size:.78rem;color:var(--text-muted,#94a3b8)}.showcase-card-owner-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .18s}.showcase-card:hover .showcase-card-owner-actions{opacity:1;transform:translateY(0)}.showcase-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:rgba(15,23,42,.7);color:#fff;cursor:pointer;transition:background .15s,transform .12s}.showcase-icon-btn i{width:13px;height:13px}.showcase-icon-btn:hover{background:rgba(15,23,42,.9);transform:scale(1.05)}.showcase-icon-btn.danger:hover{background:#ef4444}