.demo-main{flex:1 1;width:100%;max-width:1180px;margin:0 auto;padding:48px 24px 56px;gap:24px}.demo-intro,.demo-main{display:flex;flex-direction:column}.demo-intro{max-width:640px;gap:12px}.demo-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-3)}.demo-embed{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(20,20,20,.08)}.demo-embed,.demo-embed-stage{position:relative;width:100%;overflow:hidden}.demo-embed-stage{background:var(--bg-side)}.demo-embed-frame{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:#fff}.demo-embed-poster{position:absolute;inset:0;z-index:2;transition:opacity .35s ease}.demo-embed-poster.static{position:relative}.demo-embed-poster img{display:block;width:100%;height:auto}.demo-embed.running .demo-embed-poster{opacity:0;pointer-events:none}.demo-embed-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(20,20,20,.28)}.demo-embed-play{height:40px;padding:0 18px;font-size:14px;box-shadow:0 8px 24px rgba(20,20,20,.25)}.demo-embed-hint{font-size:12.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.demo-embed-full{position:absolute;top:10px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#fff;text-decoration:none;background:rgba(20,20,20,.55);padding:4px 8px;border-radius:999px;opacity:0;transition:opacity .15s ease}.demo-embed:hover .demo-embed-full{opacity:1}.demo-embed-full:hover{background:var(--accent)}@media (max-width:768px){.demo-embed-full{display:none}}.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg)}.demo-cta-h{font-size:15px;font-weight:600;color:var(--text-1)}.demo-cta-sub{font-size:13px;line-height:1.5;color:var(--text-2);margin-top:4px;max-width:60ch}@media (max-width:640px){.demo-main{padding:28px 16px 40px;gap:18px}.demo-cta{flex-direction:column;align-items:flex-start}}