.jf-scope .tdemo{width:100%;max-width:520px;height:240px;margin:20px auto;position:relative}.tdemo .td-stage{transform-origin:0 0;color:#111114;width:520px;height:240px;font-family:var(--font-body);background:#fff;border:1px solid #e6e6ea;border-radius:18px;grid-template-columns:132px 1fr;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 12px 32px #11111414}.tdemo .td-list{background:#f7f7f9;border-right:1px solid #ececf0;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.tdemo .td-item{color:#5b5b66;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background-color .3s,color .3s;display:flex}.tdemo .td-item.is-on{color:#fff;background:#111114}.tdemo .td-av{border-radius:50%;flex:none;width:28px;height:28px;display:block;position:relative;overflow:hidden}.tdemo .td-av--lg{width:34px;height:34px}.tdemo .td-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 24%;object-position:center 24%}.tdemo .td-nm{font-weight:600}.tdemo .td-pane{flex-direction:column;min-width:0;animation:.45s cubic-bezier(.2,.7,.2,1) td-in;display:flex}@keyframes td-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tdemo .td-head{border-bottom:1px solid #ececf0;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.tdemo .td-head b{font-size:15px;display:block}.tdemo .td-role{color:#6b6b75;font-size:12px;display:block}.tdemo .td-thread{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:12px 16px 16px;display:flex}.tdemo .td-msg{border-radius:16px;max-width:88%;padding:9px 13px;font-size:13.5px;line-height:1.38}.tdemo .td-me{color:#08181f;background:#01b2fd;border-bottom-right-radius:5px;align-self:flex-end}.tdemo .td-her{background:#f3f3f6;border:1px solid #e3e3e8;border-bottom-left-radius:5px;align-self:flex-start;animation:.45s cubic-bezier(.2,.7,.2,1) .35s both td-in}@media (prefers-reduced-motion:reduce){.tdemo .td-pane,.tdemo .td-her{animation:none}}
.jf-scope .tmeter{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:560px;padding:32px 20px;display:flex}.jf-scope .tm-price{font-family:var(--font-display);letter-spacing:-.05em;color:var(--acc-1);font-size:4rem;font-weight:800;line-height:1}.jf-scope .tm-price span{color:var(--ink-2);letter-spacing:-.01em;font-size:1.5rem}.jf-scope .tm-box{flex-direction:column;gap:12px;width:100%;display:flex}.jf-scope .tm-top{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:12px;font-size:.95rem;display:flex}.jf-scope .tm-plan{color:var(--ink);font-weight:700}.jf-scope .tm-count{font-variant-numeric:tabular-nums}.jf-scope .tm-count b{color:var(--ink);animation:tm-pop .4s var(--ease-spring);display:inline-block}.jf-scope .tm-slots{grid-template-columns:repeat(15,1fr);gap:5px;display:grid}.jf-scope .tm-slots i{background:var(--line);border-radius:6px;height:22px;transition:background-color .3s;display:block}.jf-scope .tm-slots i.is-on{background:var(--blue)}.jf-scope .tm-slots i.is-new{animation:tm-pop .45s var(--ease-spring)}.jf-scope .tm-events{justify-content:center;min-height:38px;display:flex}.jf-scope .tm-chip{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);animation:tm-in .4s var(--ease) both;align-items:center;gap:10px;padding:7px 14px;font-size:.9rem;display:inline-flex}.jf-scope .tm-chip em{border-radius:var(--r-pill);background:var(--blue);color:var(--on-accent);opacity:0;transition:opacity .25s, transform .3s var(--ease-spring);padding:2px 9px;font-style:normal;font-weight:700;transform:scale(.8)}.jf-scope .tm-chip--retry em{background:var(--yellow);color:var(--yellow-fg)}.jf-scope .tm-chip em.is-shown{opacity:1;transform:none}@keyframes tm-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes tm-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.jf-scope .tm-chip,.jf-scope .tm-count b,.jf-scope .tm-slots i.is-new{animation:none}}