.p-pindou-gallery .page-hero{background:linear-gradient(180deg,rgb(60 130 246/8%),transparent);padding-bottom:30px;padding-top:30px}.p-pindou-gallery .page-hero .hero-inner{margin-left:auto;margin-right:auto;width:1200px}.p-pindou-gallery .page-hero h1{color:#22262a;font-size:32px;font-weight:700;line-height:40px}.p-pindou-gallery .page-hero .hero-desc{color:#5e6773;font-size:14px;line-height:22px;margin-top:8px;max-width:760px}.p-pindou-gallery .page-body{margin-left:auto;margin-right:auto;padding-bottom:60px;width:1200px}.p-pindou-gallery .gallery-section{margin-top:30px}.p-pindou-gallery .section-head{align-items:baseline;display:flex;margin-bottom:16px}.p-pindou-gallery .section-head h2{color:#22262a;font-size:20px;font-weight:600;line-height:28px}.p-pindou-gallery .section-head .section-sub{color:#9299a6;font-size:12px;line-height:20px;margin-left:12px}.p-pindou-gallery .card-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.p-pindou-gallery .pattern-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.p-pindou-gallery .pattern-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}.p-pindou-gallery .pattern-card .card-preview{align-items:center;background:#f5f6fa;display:flex;height:180px;justify-content:center;padding:20px}.p-pindou-gallery .pattern-card .card-preview canvas,.p-pindou-gallery .pattern-card .card-preview img{image-rendering:pixelated;max-height:140px;max-width:100%}.p-pindou-gallery .pattern-card .card-body{display:flex;flex:1 1 0%;flex-direction:column;padding:16px}.p-pindou-gallery .pattern-card .card-body h3{color:#22262a;font-size:16px;font-weight:600;line-height:24px}.p-pindou-gallery .pattern-card .card-desc{color:#9299a6;font-size:12px;line-height:18px;margin-top:4px}.p-pindou-gallery .pattern-card .card-meta{color:#5e6773;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;line-height:20px;margin-top:8px}.p-pindou-gallery .pattern-card .card-meta .meta-level{--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity))}.p-pindou-gallery .pattern-card .card-swatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.p-pindou-gallery .pattern-card .card-swatches i{border-color:#eff1f5;border-radius:4px;border-width:1px;height:12px;width:12px}.p-pindou-gallery .pattern-card .card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.p-pindou-gallery .pattern-card .card-tags span{background:#f5f6fa;border-radius:9999px;color:#9299a6;font-size:12px;line-height:20px;padding-left:8px;padding-right:8px}.p-pindou-gallery .pattern-card .card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.p-pindou-gallery .pattern-card .card-action{display:inline-block;font-size:12px;line-height:20px;margin-top:auto;padding-top:12px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity))}.p-pindou-gallery .pattern-card .card-action:hover{text-decoration-line:underline}.p-pindou-gallery .pattern-card .card-footer .card-action{margin-top:0;padding-top:0}.p-pindou-gallery .works-empty{background:#fff;border-radius:16px;color:#9299a6;font-size:14px;line-height:22px;padding-bottom:40px;padding-top:40px;text-align:center}.p-pindou-gallery .works-empty .empty-action{display:inline-block;font-size:14px;line-height:22px;margin-top:8px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity))}@media (max-width:767px){.p-pindou-gallery .page-hero{padding-left:20px;padding-right:20px}.p-pindou-gallery .page-hero .hero-inner{width:100%}.p-pindou-gallery .page-hero h1{font-size:24px;line-height:32px}.p-pindou-gallery .page-body{padding-left:20px;padding-right:20px;width:100%}.p-pindou-gallery .card-grid{grid-template-columns:1fr}}