.portal-card-browse[data-v-e23f570e]{min-height:100vh;background:var(--ec-bg-hover)}.portal-header[data-v-e23f570e]{position:sticky;top:0;z-index:100;background:var(--ec-bg-glass);backdrop-filter:blur(10px);box-shadow:0 2px 12px #0000000d}.portal-nav[data-v-e23f570e]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto}.portal-nav .logo[data-v-e23f570e]{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.25rem;font-weight:600;color:var(--ec-primary)}.portal-nav .logo .logo-icon[data-v-e23f570e]{font-size:1.75rem}.portal-nav .logo .logo-text[data-v-e23f570e]{background:linear-gradient(135deg,var(--ec-primary),var(--ec-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-nav .nav-links[data-v-e23f570e]{display:flex;gap:2rem;list-style:none;margin:0}.portal-nav .nav-links a[data-v-e23f570e]{color:var(--ec-text);text-decoration:none;font-weight:500}.portal-nav .nav-links a[data-v-e23f570e]:hover,.portal-nav .nav-links a.router-link-active[data-v-e23f570e]{color:var(--ec-primary)}.portal-nav .auth-buttons[data-v-e23f570e]{display:flex;gap:1rem}.portal-nav .btn-login[data-v-e23f570e],.portal-nav .btn-register[data-v-e23f570e]{padding:.5rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s}.portal-nav .btn-login[data-v-e23f570e]{border:1px solid var(--ec-primary);color:var(--ec-primary)}.portal-nav .btn-login[data-v-e23f570e]:hover{background:#e6f7ff}.portal-nav .btn-register[data-v-e23f570e]{background:var(--ec-primary);color:var(--ec-text-on-primary)}.portal-nav .btn-register[data-v-e23f570e]:hover{background:#40a9ff}.browse-content[data-v-e23f570e]{display:flex;max-width:1400px;margin:24px auto;padding:0 2rem;gap:24px}.browse-sidebar[data-v-e23f570e]{width:200px;flex-shrink:0;background:var(--ec-bg-container);border-radius:8px;padding:16px 0;align-self:flex-start;position:sticky;top:80px}.browse-sidebar h3[data-v-e23f570e]{padding:0 16px 12px;font-size:16px;border-bottom:1px solid var(--ec-border);margin-bottom:0}.browse-main[data-v-e23f570e]{flex:1;min-width:0}.browse-toolbar[data-v-e23f570e]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.browse-toolbar .result-count[data-v-e23f570e]{color:var(--ec-text-tertiary);font-size:14px}.card-grid[data-v-e23f570e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card-item[data-v-e23f570e]{background:var(--ec-bg-container);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;border:1px solid var(--ec-border)}.card-item[data-v-e23f570e]:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.card-item .card-color-preview[data-v-e23f570e]{height:120px;width:100%}.card-item .card-body[data-v-e23f570e]{padding:12px 16px}.card-item .card-body .card-name[data-v-e23f570e]{font-size:15px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item .card-body .card-desc[data-v-e23f570e]{font-size:13px;color:var(--ec-text-tertiary);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item .card-body .card-meta[data-v-e23f570e]{display:flex;align-items:center;gap:8px}.card-item .card-body .card-meta .card-color-count[data-v-e23f570e]{font-size:12px;color:var(--ec-text-tertiary)}.pagination-wrapper[data-v-e23f570e]{display:flex;justify-content:center;padding-top:24px}@media (max-width: 768px){.browse-content[data-v-e23f570e]{flex-direction:column;padding:0 1rem}.browse-sidebar[data-v-e23f570e]{width:100%;position:static}}