.as.is-live .as-body{position:relative;overflow:hidden}
.as.is-live .as-h span{transition:opacity .35s ease}
.as.is-live .as-h span.is-swap{opacity:0}

#assistant .asx{transition:opacity .45s ease,transform .45s ease}
#assistant .asx.is-out{opacity:0;transform:translateY(-8px)}
#assistant .asx-in{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:0s}
#assistant .asx-in.is-on{opacity:1;transform:none}
.asx-think{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a867e;margin:0 0 12px;height:18px}
.asx-think i{display:inline-flex;gap:3px}
.asx-think i s{width:4px;height:4px;border-radius:50%;background:#b4b0a8;animation:asx-dot 1s ease-in-out infinite}
.asx-think i s:nth-child(2){animation-delay:.15s}.asx-think i s:nth-child(3){animation-delay:.3s}
.asx-think b{font-weight:400;background:linear-gradient(90deg,#8a867e 0,#8a867e 40%,#d9d5cd 50%,#8a867e 60%,#8a867e 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:asx-shine 1.6s linear infinite}
@keyframes asx-dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes asx-shine{from{background-position:110% 0}to{background-position:-110% 0}}
.asx-text{margin:0 0 12px;font-size:13px;line-height:1.5;color:#33312c}
.asx-text w{opacity:0;transition:opacity .25s ease}
.asx-text w.is-on{opacity:1}
.asx-mark{font-style:normal;color:#8a6a3c;font-size:15px;line-height:1;width:16px;height:18px;display:grid;place-items:center;transform-origin:50% 50%}
.asx-mark.is-busy{animation:asx-spin 2.4s linear infinite}
@keyframes asx-spin{to{transform:rotate(360deg)}}
.asx-table{border:1px solid #ecebe7;border-radius:8px;overflow:hidden;margin-bottom:12px;font-size:12.5px}
.asx-tr{display:flex;justify-content:space-between;padding:7px 14px;border-top:1px solid #f0efeb;color:#141312}
.asx-tr:first-child{border-top:0}
.asx-th{background:#faf9f7;color:#8a867e;font-size:11px;padding:7px 14px}

.asx-more{display:block;padding:8px 14px;font-size:11px;color:#33312c;border-top:1px solid #f0efeb}
.asx-age{margin-bottom:12px}
.asx-age p{margin:0 0 6px;font-size:11px;color:#8a867e}
.asx-bar{display:grid;grid-template-columns:62px 1fr 92px;align-items:center;gap:10px;font-size:12px;color:#33312c;height:22px}
.asx-bar i{display:block;height:6px;border-radius:3px;background:#f0efeb;overflow:hidden}
.asx-bar i s{display:block;height:100%;width:0;background:#141312;border-radius:3px;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.asx-bar.is-old i s{background:#a8433a}
.asx-bar span:last-child{text-align:right}
.as.is-live .as-input span{color:#a19d95;transition:color .2s}
.as.is-live .as-input.is-typing span{color:#141312}
.as.is-live .as-input.is-typing span::after{content:"";display:inline-block;width:1px;height:13px;margin-left:1px;vertical-align:-2px;background:#141312;animation:asx-caret 1s steps(1) infinite}
@keyframes asx-caret{50%{opacity:0}}
.as.is-live .as-input i{transition:transform .2s ease,background .2s}
.as.is-live .as-input.is-send i{transform:scale(.86);background:#8a6a3c}