@layer reset,tokens,base,layout,card,utils;@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}}@layer tokens{:root{--gallery-wall: #1C1917;--gallery-wall-surface: #23201D;--gallery-text-primary: #F2EDE4;--gallery-text-secondary: #A8A095;--gallery-text-muted: #787169;--mat-paper: #EDE7DC;--mat-paper-warm: #F5F0E6;--mat-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35), 0 24px 48px rgba(0, 0, 0, .25);--mat-shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .45), 0 32px 64px rgba(0, 0, 0, .3);--tag-free-bg: rgba(107, 142, 90, .18);--tag-free-text: #8FC77A;--tag-oss-bg: rgba(100, 140, 200, .18);--tag-oss-text: #8AB0E0;--tag-platform-bg: rgba(200, 150, 80, .18);--tag-platform-text: #D4A86A;--font-serif: "Fraunces", "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius-mat: 16px;--radius-card: 10px;--radius-sm: 6px;--radius-pill: 100px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-sm: .2s;--duration-base: .35s;--duration-lg: .6s;--paper-grain-dark: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--mat-padding: 14px;--mat-padding-tablet: 16px}}@layer base{html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--gallery-text-primary);background:var(--gallery-wall);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;padding:.5rem 1.5rem 5rem;background-color:var(--gallery-wall);background-image:var(--paper-grain-dark);background-repeat:repeat;background-size:200px 200px;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;height:60vh;background:radial-gradient(ellipse at 50% -20%,rgba(255,240,220,.04),transparent 60%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:#f2ede440;color:#fff}}@layer layout{.gallery-header{position:relative;z-index:1;max-width:1200px;margin:2.5rem auto 3.5rem;padding-inline:.5rem;text-align:center}.gallery-title{font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:400;font-style:italic;letter-spacing:-.025em;line-height:1.1;margin-bottom:.85rem;color:var(--gallery-text-primary);font-optical-sizing:auto;font-variation-settings:"opsz" 144,"SOFT" 30;opacity:0;animation:fadeUp .7s var(--ease-out) .15s forwards}.gallery-subtitle{font-size:clamp(.9rem,1.2vw,1.05rem);color:var(--gallery-text-secondary);max-width:42ch;line-height:1.65;margin:0 auto;font-weight:400;letter-spacing:.005em;opacity:0;animation:fadeUp .7s var(--ease-out) .3s forwards}.gallery{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:2rem;padding-inline:.5rem}}@layer card{.agent-card-mat{display:block;background:var(--mat-paper);border-radius:var(--radius-mat);padding:var(--mat-padding);box-shadow:var(--mat-shadow);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);opacity:0;animation:cardEnter .7s var(--ease-out) forwards;position:relative}.agent-card-mat:hover{box-shadow:var(--mat-shadow-hover);transform:translateY(-4px)}.agent-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-card);overflow:hidden;position:relative}.agent-card-visual{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:color-mix(in srgb,var(--card-brand) 10%,var(--card-bg))}.agent-card-visual img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}.agent-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,color-mix(in srgb,var(--card-bg) 0%,transparent) 72%,var(--card-bg) 100%);pointer-events:none}.card-save-badge{display:none;position:absolute;top:12px;right:12px;z-index:5;padding:3px 6px;border-radius:var(--radius-pill);background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffeb;font-family:var(--font-mono);font-size:.5rem;letter-spacing:-.08em;opacity:.5;width:fit-content;white-space:nowrap;overflow:hidden;pointer-events:none}.agent-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1.4rem 1.4rem;color:var(--card-text);flex:1}.agent-card-header{display:flex;align-items:flex-start;gap:.8rem}.agent-card-logo{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;background:color-mix(in srgb,var(--card-brand) 10%,transparent);display:flex;align-items:center;justify-content:center;outline:1px solid color-mix(in srgb,var(--card-text) 10%,transparent);outline-offset:-1px}.agent-card-logo img{width:28px;height:28px;object-fit:contain}.agent-card-title-group{min-width:0;flex:1;padding-top:.15rem}.agent-card-name{font-size:clamp(1.2rem,1.6vw,1.35rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--card-text)}.agent-card-tagline{font-family:var(--font-serif);font-size:.85rem;font-style:italic;line-height:1.45;color:color-mix(in srgb,var(--card-text) 65%,transparent);margin-top:.15rem;font-weight:400;letter-spacing:.005em}.agent-card-desc{font-size:.82rem;line-height:1.6;color:color-mix(in srgb,var(--card-text) 75%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.agent-card-highlights{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem;list-style:none}.agent-card-highlights li{position:relative;padding-left:1.1rem;font-size:.78rem;line-height:1.55;color:color-mix(in srgb,var(--card-text) 80%,transparent)}.agent-card-highlights li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--card-brand);opacity:.7}.agent-card-tags{display:flex;flex-wrap:nowrap;gap:.4rem;margin-top:auto;padding-top:.7rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 2.5rem),transparent 100%)}.agent-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:500;line-height:1.55;letter-spacing:.01em;flex-shrink:0;white-space:nowrap}.agent-tag--free{background:var(--tag-free-bg);color:var(--tag-free-text)}.agent-tag--oss{background:var(--tag-oss-bg);color:var(--tag-oss-text)}.agent-tag--platform{background:var(--tag-platform-bg);color:var(--tag-platform-text)}.agent-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.agent-card-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;color:var(--card-bg);background:var(--card-brand);transition:opacity var(--duration-sm) var(--ease-out),box-shadow var(--duration-sm) var(--ease-out),transform var(--duration-sm) var(--ease-out);letter-spacing:.01em}.agent-card-cta:hover{opacity:.9;box-shadow:0 3px 12px color-mix(in srgb,var(--card-brand) 35%,transparent);transform:translateY(-1px)}.agent-card-cta .cta-arrow{display:inline-block;transition:transform var(--duration-sm) var(--ease-out);font-size:.9em}.agent-card-cta:hover .cta-arrow{transform:translate(3px)}.card-save-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1.5px solid color-mix(in srgb,var(--card-text) 15%,transparent);border-radius:var(--radius-sm);background:transparent;color:color-mix(in srgb,var(--card-text) 50%,transparent);cursor:pointer;transition:color var(--duration-sm) var(--ease-out),border-color var(--duration-sm) var(--ease-out),background var(--duration-sm) var(--ease-out),transform var(--duration-sm) var(--ease-out);flex-shrink:0}.card-save-btn:hover{color:var(--card-text);border-color:color-mix(in srgb,var(--card-text) 30%,transparent);background:color-mix(in srgb,var(--card-text) 6%,transparent)}.card-save-btn:active{transform:scale(.94)}}@layer utils{@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gallery .agent-card-mat:nth-child(1){animation-delay:.35s}.gallery .agent-card-mat:nth-child(2){animation-delay:.45s}.gallery .agent-card-mat:nth-child(3){animation-delay:.55s}.gallery .agent-card-mat:nth-child(4){animation-delay:.65s}.gallery .agent-card-mat:nth-child(5){animation-delay:.75s}.gallery .agent-card-mat:nth-child(6){animation-delay:.85s}.gallery .agent-card-mat:nth-child(n+7){animation-delay:.95s}@media(max-width:767px){body{padding:.25rem .85rem 3rem}.gallery-header{margin:1.25rem auto 2rem;padding-inline:.25rem}.gallery-title{font-size:clamp(1.75rem,7vw,2.5rem)}.gallery{grid-template-columns:1fr;gap:1.25rem;padding-inline:.25rem}.agent-card-mat{padding:10px;border-radius:12px}.agent-card-body{padding:1rem 1.1rem 1.1rem;gap:.35rem}.agent-card-logo{width:38px;height:38px}.agent-card-logo img{width:24px;height:24px}.agent-card-cta{padding:.45rem .85rem;font-size:.75rem}.card-save-btn{width:32px;height:32px}}@media(min-width:768px)and (max-width:1023px){.gallery{grid-template-columns:repeat(2,1fr);gap:1.5rem}.agent-card-mat{padding:var(--mat-padding-tablet)}}@media(prefers-reduced-motion:reduce){.gallery-title,.gallery-subtitle,.agent-card-mat{animation:none!important;opacity:1!important;transform:none!important}.agent-card-mat,.agent-card-cta,.agent-card-cta .cta-arrow,.card-save-btn{transition:none!important}.agent-card:hover{transform:none;box-shadow:var(--mat-shadow)}.agent-card-cta:hover,.agent-card-cta:hover .cta-arrow,.card-save-btn:active{transform:none}}.export-overlay{position:fixed;inset:0;background:#0a0908d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:none}.export-overlay:after{content:"正在生成图片…";position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#f2ede4b3;font-size:.85rem;letter-spacing:.08em;font-family:var(--font-mono);opacity:.8}.export-stage{position:relative;z-index:9999;width:393px;height:541px;overflow:hidden;pointer-events:none}.export-stage .agent-card{width:100%;height:100%;border-radius:0}.export-stage .agent-card-visual{aspect-ratio:16 / 7.5;flex-shrink:0}.export-stage .agent-card-body{flex:1;display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem .8rem;overflow:hidden;min-height:0}.export-stage .agent-card-name{font-size:1.5rem;line-height:1.2}.export-stage .agent-card-tagline{font-size:.9rem;line-height:1.4}.export-stage .agent-card-desc{font-size:.85rem;line-height:1.55;-webkit-line-clamp:2}.export-stage .agent-card-highlights{gap:.2rem;flex:1 1 auto;min-height:0;overflow:hidden}.export-stage .agent-card-highlights li{font-size:.78rem;line-height:1.45;padding-left:1rem}.export-stage .agent-card-highlights li:before{width:5px;height:5px;top:.55em}.export-stage .agent-card-tags{gap:.35rem;padding-top:.5rem;margin-top:0}.export-stage .agent-tag{font-size:.65rem;padding:.15rem .55rem}.export-stage .agent-card-cta{font-size:.7rem;padding:.2rem .9rem;border-radius:var(--radius-sm)}.export-stage .agent-card-actions{margin-top:.5rem}.export-stage .agent-card-logo{width:48px;height:48px}.export-stage .agent-card-logo img{width:32px;height:32px}}.exhibition-chrome[data-astro-cid-3hoq73rh]{max-width:1200px;margin:0 auto 1.5rem;padding:.75rem .5rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem}.exhibition-chrome[data-astro-cid-3hoq73rh] a[data-astro-cid-3hoq73rh]{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border-radius:10px;color:var(--gallery-text-muted);transition:color .25s ease,background .25s ease;font-weight:500;letter-spacing:.01em}.exhibition-chrome[data-astro-cid-3hoq73rh] a[data-astro-cid-3hoq73rh]:hover{color:var(--gallery-text-primary);background:#ffffff0f}.exhibition-chrome[data-astro-cid-3hoq73rh] svg[data-astro-cid-3hoq73rh]{width:15px;height:15px;opacity:.75}
