.example-page[data-v-39a8d536]{overflow-x:hidden}.container[data-v-39a8d536]{max-width:1240px;margin:0 auto;padding:0 24px}.eyebrow[data-v-39a8d536]{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--primary);background:rgba(30,111,255,.08);padding:6px 16px;border-radius:100px;margin-bottom:16px}.section-header[data-v-39a8d536]{text-align:center;margin-bottom:48px}.section-header h2[data-v-39a8d536]{font-size:32px;font-weight:800;color:var(--primary-dark);margin-bottom:12px}.section-header p[data-v-39a8d536]{font-size:15px;color:var(--muted)}.scroll-animate[data-v-39a8d536]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.scroll-animate.visible[data-v-39a8d536]{opacity:1;transform:translateY(0)}.breadcrumb-section[data-v-39a8d536]{padding:16px 0;background:#fff;border-bottom:1px solid var(--border)}.breadcrumb[data-v-39a8d536]{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumb a[data-v-39a8d536]{color:var(--primary)}.breadcrumb .current[data-v-39a8d536],.breadcrumb .separator[data-v-39a8d536]{color:var(--muted)}.example-hero[data-v-39a8d536]{position:relative;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}.hero-bg[data-v-39a8d536]{position:absolute;inset:0;background:linear-gradient(135deg,#061634,#0a1f44 50%,#1e6fff);background-size:cover;background-position:50%}.hero-overlay[data-v-39a8d536]{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.2) 0,transparent 50%)}.hero-content[data-v-39a8d536]{position:relative;z-index:2;text-align:center}.hero-title[data-v-39a8d536]{font-size:36px;font-weight:900;color:#fff;margin-bottom:10px}.hero-subtitle[data-v-39a8d536]{font-size:16px;color:var(--accent)}.fade-in-up[data-v-39a8d536]{opacity:0;transform:translateY(20px);animation:fadeInUp-39a8d536 .8s ease forwards}.fade-in-up.delay-200[data-v-39a8d536]{animation-delay:.2s}@keyframes fadeInUp-39a8d536{to{opacity:1;transform:translateY(0)}}.examples-section[data-v-39a8d536]{padding:60px 0 80px;background:var(--bg-soft)}.examples-grid[data-v-39a8d536]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.example-card[data-v-39a8d536]{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;flex-direction:column;cursor:pointer}.example-card[data-v-39a8d536]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.example-card:hover .example-cover img[data-v-39a8d536]{transform:scale(1.05)}.example-card .example-cover[data-v-39a8d536]{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.example-card .example-cover img[data-v-39a8d536]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;display:block}.example-card .example-cover .example-icon[data-v-39a8d536]{font-size:60px}.example-card .example-cover.cat-0[data-v-39a8d536]{background:linear-gradient(135deg,#1e6fff,#00d4ff)}.example-card .example-cover.cat-1[data-v-39a8d536]{background:linear-gradient(135deg,#667eea,#764ba2)}.example-card .example-cover.cat-2[data-v-39a8d536]{background:linear-gradient(135deg,#f093fb,#f5576c)}.example-card .example-cover.cat-3[data-v-39a8d536]{background:linear-gradient(135deg,#2e6db4,#1456cc)}.example-card .example-cover .shot-badge[data-v-39a8d536]{position:absolute;right:10px;bottom:10px;padding:3px 10px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:600;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.example-card .example-body[data-v-39a8d536]{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}.example-card .example-tag[data-v-39a8d536]{display:inline-block;font-size:11px;font-weight:600;color:var(--primary);background:rgba(30,111,255,.08);padding:3px 10px;border-radius:4px;margin-bottom:10px;align-self:flex-start}.example-card h3[data-v-39a8d536]{font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.4}.example-card p[data-v-39a8d536]{font-size:13px;color:var(--text-2);line-height:1.6;flex:1}.example-card .example-action[data-v-39a8d536]{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);font-size:12px;font-weight:700;color:var(--primary)}.empty-state[data-v-39a8d536]{text-align:center;padding:60px 20px;color:var(--muted)}.lightbox-mask[data-v-39a8d536]{position:fixed;inset:0;background:rgba(10,31,68,.92);display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px 60px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-close[data-v-39a8d536]{position:absolute;top:20px;right:24px;width:44px;height:44px;background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s}.lightbox-close[data-v-39a8d536]:hover{background:hsla(0,0%,100%,.2)}.lightbox-nav[data-v-39a8d536]{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;font-size:32px;line-height:1;cursor:pointer;transition:all .2s}.lightbox-nav.prev[data-v-39a8d536]{left:20px}.lightbox-nav.next[data-v-39a8d536]{right:20px}.lightbox-nav[data-v-39a8d536]:hover{background:var(--primary);border-color:var(--primary)}.lightbox-content[data-v-39a8d536]{max-width:1100px;width:100%;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img[data-v-39a8d536]{max-width:100%;max-height:78vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.lightbox-info[data-v-39a8d536]{margin-top:18px;text-align:center;color:#fff}.lightbox-info h3[data-v-39a8d536]{font-size:18px;font-weight:700;margin-bottom:6px}.lightbox-info p[data-v-39a8d536]{font-size:13px;color:hsla(0,0%,100%,.7)}.lightbox-info strong[data-v-39a8d536]{color:var(--accent)}.lightbox-enter-active[data-v-39a8d536],.lightbox-leave-active[data-v-39a8d536]{transition:opacity .25s}.lightbox-enter[data-v-39a8d536],.lightbox-leave-to[data-v-39a8d536]{opacity:0}@media(max-width:1024px){.examples-grid[data-v-39a8d536]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title[data-v-39a8d536]{font-size:26px}.example-hero[data-v-39a8d536]{height:180px}.examples-section[data-v-39a8d536]{padding:40px 0 60px}.examples-grid[data-v-39a8d536]{grid-template-columns:1fr}.section-header h2[data-v-39a8d536]{font-size:24px}.lightbox-mask[data-v-39a8d536]{padding:20px}.lightbox-nav[data-v-39a8d536]{width:40px;height:40px;font-size:24px}.lightbox-nav.prev[data-v-39a8d536]{left:8px}.lightbox-nav.next[data-v-39a8d536]{right:8px}}