.yn-demo[data-v-7070f0e9]{background:#fff;border:1px solid #dfd3cb;border-radius:20px;box-shadow:0 28px 75px #58382813;overflow:hidden;text-align:left}.yn-d-demo-top[data-v-7070f0e9]{align-items:center;border-bottom:1px solid #eee5de;display:flex;font-size:13px;gap:9px;padding:17px 22px}.yn-d-demo-top .yn-tag[data-v-7070f0e9]{font-size:11px;margin-left:auto}.yn-d-demo-dot[data-v-7070f0e9]{background:#e94f68;border-radius:50%;height:8px;width:8px}.yn-d-demo-steps[data-v-7070f0e9]{border-bottom:1px solid #eee5de;display:flex;gap:8px;padding:17px 22px}.yn-d-demo-steps button[data-v-7070f0e9]{align-items:center;background:none;border:0;color:#807178;display:flex;flex:1;font-size:14px;gap:9px;justify-content:center;padding:5px 10px}.yn-d-demo-steps button[aria-pressed=true][data-v-7070f0e9]{background:#fff0eb;border-radius:8px;color:#a62e47;font-weight:700}.yn-d-demo-steps button span[data-v-7070f0e9]{border:1px solid #daccc4;border-radius:50%;display:grid;font-size:11px;height:22px;place-items:center;width:22px}.yn-d-demo-body[data-v-7070f0e9]{display:grid;gap:28px;grid-template-columns:1fr 1.15fr;padding:25px}.yn-d-demo-art[data-v-7070f0e9]{align-self:start;border-radius:12px;overflow:hidden;position:relative}.yn-d-demo-art img[data-v-7070f0e9]{display:block;height:auto;width:100%}.yn-d-demo-selected[data-v-7070f0e9]{background:#fffef1ec;border-radius:8px;bottom:14px;color:#514f40;font-size:12px;left:12px;padding:8px;position:absolute;right:12px;text-align:center}.yn-d-demo-kicker[data-v-7070f0e9]{color:#817079;display:block;font-size:11px;letter-spacing:.02em;margin-bottom:17px}.yn-d-demo-detail h3[data-v-7070f0e9]{font-size:25px;letter-spacing:-.04em;line-height:1.45;margin:12px 0 20px;white-space:pre-line}.yn-d-demo-note[data-v-7070f0e9]{border-left:2px solid #ebc7bd;padding-left:13px}.yn-d-demo-note strong[data-v-7070f0e9]{color:#806a6e;font-size:12px}.yn-d-demo-note p[data-v-7070f0e9]{font-size:14px;margin:7px 0 20px}.yn-d-demo-meta[data-v-7070f0e9]{display:grid;font-size:12px;gap:10px 14px;grid-template-columns:auto 1fr;margin:20px 0}.yn-d-demo-meta span[data-v-7070f0e9]{color:#8d7d80}.yn-d-demo-meta a[data-v-7070f0e9]{overflow-wrap:anywhere}.yn-d-demo-detail .yn-action[data-v-7070f0e9]{font-size:13px;gap:8px;min-height:44px;padding:11px 15px;width:100%}.yn-d-demo-detail>p[data-v-7070f0e9]{font-size:14px}.yn-d-demo-bottom[data-v-7070f0e9]{align-items:center;background:#faf7f3;border-top:1px solid #eee5de;color:#827579;font-size:11px;padding:13px 20px}.yn-d-demo-bottom[data-v-7070f0e9],.yn-d-demo-platforms[data-v-7070f0e9]{display:flex;gap:8px}.yn-d-demo-platforms button[data-v-7070f0e9]{background:#f6f0eb;border:0;border-radius:8px;font-size:12px;min-height:36px;padding:6px 9px}.yn-d-demo-platforms button[aria-pressed=true][data-v-7070f0e9]{background:#f9dce1;color:#a52c45}.yn-d-demo-caption[data-v-7070f0e9]{background:#fffaf7;border-radius:9px;font-size:14px!important;min-height:150px;padding:14px;white-space:pre-line}@media(max-width:767px){.yn-d-demo-body[data-v-7070f0e9]{gap:18px;padding:17px}.yn-d-demo-detail h3[data-v-7070f0e9]{font-size:21px}.yn-d-demo-top[data-v-7070f0e9]{padding:13px}.yn-d-demo-top .yn-tag[data-v-7070f0e9]{line-height:1.5;max-width:150px}.yn-d-demo-steps[data-v-7070f0e9]{gap:2px;padding:10px 8px}.yn-d-demo-steps button[data-v-7070f0e9]{font-size:12px;gap:5px;padding:5px}.yn-d-demo-body[data-v-7070f0e9]{grid-template-columns:1fr}.yn-d-demo-art[data-v-7070f0e9]{height:240px}.yn-d-demo-art img[data-v-7070f0e9]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 40%;object-position:50% 40%}.yn-d-demo-selected[data-v-7070f0e9]{left:auto;padding:6px 10px}.yn-d-demo-kicker[data-v-7070f0e9]{margin-bottom:8px}.yn-d-demo-detail h3[data-v-7070f0e9]{white-space:normal}.yn-d-demo-detail .yn-action[data-v-7070f0e9]{font-size:15px}.yn-d-demo-meta[data-v-7070f0e9],.yn-d-demo-note p[data-v-7070f0e9]{font-size:14px}.yn-d-demo-bottom[data-v-7070f0e9]{font-size:12px}}