.demo-stage .mini-key{position:absolute;z-index:5;padding:5px 10px;border-radius:8px;background:#15161a;color:#fff;font:600 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 6px 16px -6px rgba(10,12,20,.5),inset 0 -2px 0 rgba(255,255,255,.12)}.demo-stage .mini-dd{border-radius:14px}.demo-stage .mini-dd .dd-embed{max-width:300px}.demo-stage .mini-dd .dd-embed-img{max-width:190px}.demo-stage .mini-pills{position:absolute;z-index:5;top:30px;left:14px;display:flex;gap:6px}.demo-stage .mini-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:14px;background:#ffffff;color:#14171f;font:600 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 0 0 1px rgba(18,22,33,.1),0 4px 12px -6px rgba(16,20,30,.25)}.demo-stage .mini-pill.is-dark{background:#2b2d31;color:#f2f3f5;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 4px 12px -6px rgba(0,0,0,.5)}.demo-stage .mini-pill .k{color:#6a7080;font-weight:500}.demo-stage .mini-pill.is-dark .k{color:#a4a8b2}.demo-stage .mini-pill svg{flex:none}.demo-stage .mini-mail{position:absolute;inset:0;padding:14px 18px;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#15161a}.demo-stage .mini-mail-meta{display:flex;flex-direction:column;gap:1px;margin-bottom:10px;font-size:12px;color:#5c5f6b}.demo-stage .mini-mail-meta b{color:#15161a;font-size:13px}.demo-stage .mini-mail-card{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,20,30,.06),0 10px 24px -12px rgba(16,20,30,.28)}.demo-stage .mini-mail-head{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#fff;font-size:12px}.demo-stage .mini-mail-head i{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.22);font-style:normal;font-weight:700}.demo-stage .mini-mail-head span{display:flex;flex-direction:column;opacity:.92}.demo-stage .mini-mail-head b{font-size:14px;opacity:1}.demo-stage .mini-mail-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 16px 16px}.demo-stage .mini-mail-reply{display:flex;gap:10px;align-self:stretch}.demo-stage .mini-mail-reply b{display:block;margin-bottom:4px;font-size:12.5px}.demo-stage .mini-mail-reply p{margin:0;padding:8px 12px;border-radius:4px 14px 14px 14px;background:#f0f1f5;font-size:13px;line-height:1.4}.demo-stage .mini-mail-btn{padding:8px 16px;border-radius:9px;color:#fff;font-size:12.5px;font-weight:600}