.ex-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:80px 24px 56px;display:grid;position:relative}.ex-hero-content{min-width:0}.ex-tag{color:oklch(52% .13 35);font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:.06em;background:oklch(96.5% .015 35);border:1px solid oklch(92% .03 35);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;display:inline-flex}.ex-tag-dot{background:oklch(52% .13 35);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite ex-pulse}.ex-h1{font-family:var(--font-serif,"Noto Serif TC", serif);color:var(--shop-heading,#1c1917);letter-spacing:-.01em;margin:24px 0 16px;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.12}.ex-h1 em{color:oklch(52% .13 35);font-style:normal;font-weight:600;position:relative}.ex-sub{color:var(--shop-ink-muted,#78716c);max-width:480px;margin:0 0 28px;font-size:17px;line-height:1.65}.ex-stats{gap:40px;margin-top:8px;display:flex}.ex-stats>div{flex-direction:column;display:flex}.ex-stat-num{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--shop-heading,#1c1917);font-size:30px;font-weight:500;line-height:1.1}.ex-stat-lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--shop-ink-muted,#78716c);font-size:11px;font-family:var(--font-mono,"IBM Plex Mono", monospace);margin-top:6px}.ex-hero-featured{height:440px;position:relative}.ex-feat-card{border:1px solid var(--shop-border,#e7e5e4);width:240px;color:inherit;will-change:transform;background:#fff;border-radius:14px;padding:22px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s;position:absolute;box-shadow:0 12px 40px #00000014}.ex-feat-card-1{top:0;left:0;transform:rotate(-3deg)}.ex-feat-card-2{z-index:2;top:90px;right:0;transform:rotate(2deg)}.ex-feat-card-3{bottom:0;left:70px;transform:rotate(1deg)}.ex-feat-card:hover{z-index:10;transform:rotate(0)translateY(-8px);box-shadow:0 24px 60px #00000024}.ex-feat-tag{font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:.08em;color:var(--shop-c,#9b3a2a);text-transform:uppercase;margin-bottom:14px;font-size:10px}.ex-feat-letter,.ex-feat-logo{border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.ex-feat-letter{background:color-mix(in oklch, var(--shop-c,#9b3a2a) 14%, white);color:var(--shop-c,#9b3a2a);font-family:var(--font-serif,"Noto Serif TC", serif);font-size:24px;font-weight:600}.ex-feat-logo{object-fit:cover;background:var(--shop-bg,#fafaf9)}.ex-feat-name{font-family:var(--font-serif,"Noto Serif TC", serif);color:var(--shop-heading,#1c1917);margin:14px 0 6px;font-size:20px;font-weight:600}.ex-feat-desc{color:var(--shop-ink-muted,#78716c);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.ex-feat-cta{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--shop-c,#9b3a2a);margin-top:auto;font-size:12px;font-weight:500}.ex-marquee{border-block:1px solid var(--shop-border,#e7e5e4);background:oklch(97% .01 35);margin-top:56px;padding:14px 0;overflow:hidden}.ex-marquee-track{white-space:nowrap;will-change:transform;gap:36px;animation:50s linear infinite ex-marquee;display:inline-flex}.ex-marquee:hover .ex-marquee-track{animation-play-state:paused}.ex-marquee-item{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--shop-ink-muted,#78716c);font-size:13px}.ex-marquee-item:before{content:"● ";color:oklch(52% .13 35);margin-right:4px}.ex-filter{z-index:20;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--shop-border,#e7e5e4);background:#ffffffeb;position:sticky;top:0}.ex-filter-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:14px 24px;display:flex}.ex-filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.ex-tab{color:var(--shop-ink-muted,#78716c);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.ex-tab:hover{background:var(--shop-bg,#fafaf9);color:var(--shop-heading,#1c1917)}.ex-tab.is-active{background:var(--shop-heading,#1c1917);color:#fff}.ex-filter-count{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--shop-ink-muted,#78716c);font-size:12px}.ex-grid-wrap{max-width:1280px;margin:0 auto;padding:48px 24px 80px}.ex-empty{text-align:center;color:var(--shop-ink-muted,#78716c);font-family:var(--font-serif,"Noto Serif TC", serif);padding:80px 20px;font-size:18px}.ex-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.ex-card{border:1px solid var(--shop-border,#e7e5e4);color:inherit;opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s;transition-delay:calc(var(--i,0) * 50ms);background:#fff;border-radius:14px;flex-direction:column;padding:28px 22px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.ex-card.is-in{opacity:1;transform:translateY(0)}.ex-card-accent{background:var(--shop-c,#9b3a2a);height:3px;transition:height .25s;position:absolute;top:0;left:0;right:0}.ex-card:hover{border-color:color-mix(in oklch, var(--shop-c,#9b3a2a) 30%, var(--shop-border,#e7e5e4));transform:translateY(-6px);box-shadow:0 18px 44px #00000017}.ex-card:hover .ex-card-accent{height:6px}.ex-card:hover .ex-card-arrow{transform:translate(4px)}.ex-card-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ex-card-letter,.ex-card-logo{border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.ex-card-letter{background:color-mix(in oklch, var(--shop-c,#9b3a2a) 14%, white);color:var(--shop-c,#9b3a2a);font-family:var(--font-serif,"Noto Serif TC", serif);font-size:22px;font-weight:600}.ex-card-logo{object-fit:cover;background:var(--shop-bg,#fafaf9)}.ex-card-name-wrap{flex:1;min-width:0}.ex-card-name{font-family:var(--font-serif,"Noto Serif TC", serif);color:var(--shop-heading,#1c1917);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:1.3;overflow:hidden}.ex-card-slug{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--shop-ink-muted,#78716c);margin-top:2px;font-size:11px}.ex-card-desc{color:var(--shop-ink-muted,#78716c);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0 0 14px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.ex-card-meta{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--shop-ink-muted,#78716c);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:11px;display:flex}.ex-card-cta{color:var(--shop-c,#9b3a2a);align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:500;display:flex}.ex-card-arrow{transition:transform .2s}.ex-pagination{justify-content:center;margin-top:56px;display:flex}.ex-pagination nav{font-family:var(--font-mono,"IBM Plex Mono", monospace)}.ex-invite{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1410 0%,#2a1f18 100%);padding:96px 24px}.ex-invite-inner{max-width:720px;margin:0 auto}.ex-invite-eyebrow{font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:.12em;color:oklch(70% .12 35);text-transform:uppercase;margin-bottom:16px;font-size:11px}.ex-invite-h2{font-family:var(--font-serif,"Noto Serif TC", serif);color:#fff;margin:0 0 14px;font-size:clamp(32px,4vw,44px);line-height:1.2}.ex-invite-sub{color:#ffffffb8;margin-bottom:32px;font-size:16px;line-height:1.6}.ex-invite-btn{color:#fff;background:oklch(52% .13 35);border-radius:8px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-block;box-shadow:0 8px 24px #9b3a2a4d}.ex-invite-btn:hover{background:oklch(56% .135 35);transform:translateY(-2px);box-shadow:0 12px 32px #9b3a2a66}@keyframes ex-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes ex-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1024px){.ex-hero{grid-template-columns:1fr;gap:48px;padding-top:56px}.ex-hero-featured{max-width:540px;height:400px}.ex-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.ex-grid{grid-template-columns:repeat(2,1fr);gap:16px}.ex-hero-featured{height:360px}.ex-feat-card{width:200px;padding:18px}.ex-feat-card-3{left:40px}.ex-stats{gap:28px}.ex-stat-num{font-size:24px}}@media (width<=480px){.ex-hero{padding:56px 16px 40px}.ex-h1{font-size:34px}.ex-hero-featured{display:none}.ex-grid{grid-template-columns:1fr}.ex-grid-wrap{padding:32px 16px 56px}.ex-filter-inner{padding:10px 16px}.ex-tab{padding:6px 12px;font-size:13px}.ex-filter-count{display:none}.ex-invite{padding:64px 20px}}@media (prefers-reduced-motion:reduce){.ex-card,.ex-feat-card,.ex-card-arrow,.ex-marquee-track,.ex-tag-dot,.ex-invite-btn{transition:none!important;animation:none!important}.ex-card{opacity:1!important;transform:none!important}}