:root{color-scheme:light;--ink:#252b34;--muted:#777e89;--line:#e6e8ed;--accent:#4368bc;--paper:#fafbfc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7597e2;outline-offset:5px}::selection{background:#e1eaff}svg{width:22px;height:22px;flex-shrink:0}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:white;z-index:20}.skip-link:focus{top:12px}.site-header{height:88px;border-bottom:1px solid var(--line);background:#fff}.header-inner{height:100%;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:17px;font-weight:650;letter-spacing:-.45px}.brand-mark{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:9px;background:#282e38;color:white;font-size:27px;font-weight:650;line-height:1}.brand-mark span{color:#a6bff3}.brand-light{font-weight:400;color:#9298a2}.header-note{color:#9197a0;font-size:11px;letter-spacing:2px}.main{max-width:1280px;padding:0 48px;margin:0 auto}.page-heading{padding:55px 0 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 11px;font-size:11px;letter-spacing:2.2px;color:#858d99}h1{font-size:34px;line-height:1.45;letter-spacing:-1.3px;font-weight:600;margin:0}.title-dot{color:#6885c4;margin-left:5px}.collection-counts{display:flex;gap:22px;font-size:13px;color:#818893;padding-bottom:9px;white-space:nowrap}.collection-counts strong{color:#3b434e;font-weight:500;font-size:17px;margin-right:4px;font-variant-numeric:tabular-nums}.collection-counts>span+span{border-left:1px solid #dfe3e9;padding-left:22px}.prompt-section{padding:32px 0 39px;border-top:1px solid var(--line);scroll-margin-top:24px}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px;min-width:0}.section-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#8e98a6;align-self:center;letter-spacing:.5px}.section-heading h2{font-size:22px;line-height:1.45;letter-spacing:-.5px;font-weight:550;margin:0}.section-count{color:#7f8793;font-size:12px;padding:5px 9px;border:1px solid #e2e6ec;border-radius:5px;margin-left:auto;white-space:nowrap;background:#fff}.prompt-text{background:#f0f2f5;border:1px solid #ebedf1;border-radius:8px;margin-bottom:23px;overflow:hidden}.prompt-text summary{list-style:none;cursor:pointer;padding:16px 19px 17px}.prompt-text summary::-webkit-details-marker{display:none}.prompt-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px}.prompt-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.4px;color:#9199a5}.prompt-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#758194}.prompt-toggle svg{width:14px;height:14px}.prompt-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;line-height:1.9;font-size:14px;color:#66707f;overflow-wrap:anywhere}.when-open{display:none}.prompt-text[open] .when-open{display:inline}.prompt-text[open] .when-closed,.prompt-text[open] .prompt-excerpt{display:none}.prompt-text[open] .prompt-summary-heading{margin-bottom:0}.prompt-text[open] .prompt-toggle svg{transform:rotate(180deg)}.prompt-full{padding:0 19px 20px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px;color:#566171}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.demo-card{min-width:0}.demo-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #dfe3eb;border-radius:9px;padding:0;background:#e6eaf1;cursor:pointer;text-align:center}.demo-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.preview-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(7,13,27,.3));transition:background .2s}.play-control{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;left:50%;top:50%;transform:translate(-50%,-50%);height:42px;min-width:42px;padding:0 10px;background:rgba(255,255,255,.9);color:#343e4d;border:1px solid rgba(255,255,255,.6);box-shadow:0 3px 18px #0002;border-radius:50px;backdrop-filter:blur(10px)}.play-control svg{width:19px;height:19px;margin-left:2px}.play-control span{display:none;font-size:13px;font-weight:500;white-space:nowrap;padding-right:5px}.demo-preview:hover .play-control span,.demo-preview:focus-visible .play-control span{display:inline}.demo-preview:hover img{transform:scale(1.025)}.demo-caption{display:flex;align-items:center;gap:9px;padding:11px 1px 0}.model-number{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#929eaf;border:1px solid #e2e7ee;border-radius:4px;padding:3px 4px;background:#f6f8fb}.demo-caption h3{font-size:14px;font-weight:550;letter-spacing:-.15px;margin:0}.icon-link{margin-left:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#8590a0;border-radius:5px}.icon-link svg{width:17px;height:17px}.icon-link:hover{background:#eaf0fa;color:#4368bc}.no-demos{padding:25px 0}.no-demos .section-heading{margin-bottom:15px}.no-demos .section-heading h2{font-size:19px}.no-demos .section-count{border-color:transparent;background:transparent;color:#a1a7b0}.no-demos .prompt-text{margin-bottom:0}.site-footer{max-width:1184px;margin:30px auto 0;padding:26px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#939ba6;font-size:12px}.site-footer span:first-child{letter-spacing:.3px}.demo-dialog{position:fixed;inset:0;margin:auto;padding:0;width:calc(100vw - 48px);max-width:1500px;height:calc(100dvh - 48px);max-height:1100px;border:1px solid #d7dde6;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 25px 100px #141d3c33}.demo-dialog::backdrop{background:rgba(27,35,50,.52);backdrop-filter:blur(7px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:13px 22px;background:white;border-bottom:1px solid var(--line)}.viewer-overline{color:#9099a6;font-size:9px;letter-spacing:1.8px}.viewer-heading{min-width:0}.viewer-heading h2{font-size:15px;font-weight:550;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.viewer-actions a{font-size:13px;color:#727e90}.viewer-actions a:hover{color:var(--accent)}.viewer-actions a span{font-size:18px;margin-left:5px}.close-viewer{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:7px;background:#f8f9fb;cursor:pointer}.close-viewer:hover{background:#e9edf3}.viewer-stage{position:relative;height:calc(100% - 76px);background:#101622}.viewer-loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#c3ccdc;font-size:14px;pointer-events:none;z-index:1}#frame-container,#frame-container iframe{width:100%;height:100%;border:0;display:block}.viewer-is-open{overflow:hidden}
@media(min-width:1500px){.main,.header-inner{max-width:1376px}.site-footer{max-width:1280px}.page-heading{padding-top:63px}}
@media(max-width:900px){.header-inner,.main{padding-left:28px;padding-right:28px}.demo-grid{gap:16px}.demo-caption{gap:6px}.demo-caption h3{font-size:12px}.model-number{display:none}.site-footer{margin-left:28px;margin-right:28px}.page-heading{padding-top:40px}h1{font-size:29px}.collection-counts{gap:14px}.collection-counts>span+span{padding-left:14px}}
@media(max-width:620px){.site-header{height:72px}.header-inner,.main{padding-left:21px;padding-right:21px}.header-note{font-size:8px;letter-spacing:1px}.brand{font-size:15px;gap:9px}.brand-mark{width:29px;height:29px;font-size:24px}.page-heading{display:block;padding:35px 0 27px}.eyebrow{font-size:9px}h1{font-size:29px;letter-spacing:-1px}.collection-counts{margin-top:17px;padding:0;font-size:12px;gap:18px}.collection-counts strong{font-size:15px}.collection-counts>span+span{padding-left:18px}.section-heading{gap:9px;margin-bottom:16px}.section-heading h2{font-size:19px}.section-number{font-size:11px}.section-count{font-size:11px;padding:4px 6px}.prompt-section{padding:26px 0 28px}.prompt-text summary{padding:13px 14px}.prompt-excerpt{font-size:14px;line-height:1.85}.prompt-full{padding:0 14px 17px;font-size:15px}.prompt-text{margin-bottom:19px}.demo-grid{grid-template-columns:1fr;gap:22px}.demo-preview{border-radius:8px}.demo-caption{padding-top:8px;gap:9px}.demo-caption h3{font-size:14px}.model-number{display:inline}.play-control span{display:inline}.play-control{height:40px;padding:0 12px}.no-demos{padding:22px 0}.no-demos .section-heading h2{font-size:18px}.site-footer{margin:24px 21px 0;padding:23px 0 28px;font-size:10px;gap:8px}.demo-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.viewer-toolbar{height:72px;padding:10px 13px;gap:10px}.viewer-heading h2{font-size:12px}.viewer-actions{gap:9px}.viewer-actions a{font-size:0}.viewer-actions a span{font-size:23px}.viewer-stage{height:calc(100% - 72px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}