html {
font-size : 100px;}
.commentEmbed-foot {
display:none;}
@media only screen and (min-width: 320px) and (max-width: 479px) {
html {
font-size: 100px !important;}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
html {
font-size: 64px !important;}
}
@media only screen and (min-width: 640px) and (max-width: 749px) {
html {
font-size: 85.34px !important;}
}
@media only screen and (min-width: 750px) and (max-width: 959px) {
html {
font-size: 100px !important;}
}
@media only screen and (min-width: 960px) and (max-width: 1241px) {
html {
font-size: 128px !important;}
}
@media only screen and (min-width: 1242px) {
html {
font-size: 165.6px !important;}
}
body {
line-height: 1;
            text-align: left;
            -webkit-text-size-adjust: none;
            max-width: 100%;
            overflow-x: hidden;
            vertical-align: top;
            font-family: Arial,Helvetica,sans-serif;}
u {
padding-left: 5px;
            padding-right: 5px;
            text-decoration: none;
            color: rgb(64, 91, 149);
            text-decoration: none;}
.qualification {
background: #f5f5f5;
            border-top: .08rem solid #f5f5f5;
            margin-bottom: 70px;}
.qualification>p {
line-height: 0.35rem;
            text-indent: 1.5em;
            color: #000;
            font-size: .16rem;
            text-align: center;}
.wrap {
position: relative;
            max-width: 750px;
            margin: 0 auto;}
.wrap p {
color: #000;
            font-size: .16rem;}
nav {
overflow: hidden;
            padding: .1rem 0;
            border-bottom: 0.01rem solid #ddd;}
nav ul li {
width: 25%;
            text-align: center;
            float: left;}
nav ul li a {
display: block;
            padding: 0.1rem 0;
            font-size: 0.16rem;
            position: relative;}
nav ul li a::after {
content: '';
            position: absolute;
            right: 0px;
            width: 1px;
            height: .18rem;
            background: #bec9ce;}
nav ul li:last-child a::after {
width: 0px;}
.landingHead {
padding: .13rem 17px;
            padding-bottom: .12rem;
            position: relative;
            overflow: hidden;}
.landingHead .titleSize {
font-size: .24rem;
            line-height: .35rem;}
.landingHead h1 {
color: #000;
            font-weight: 700;
            line-height: .36rem;}
.titleSize {
-webkit-text-size-adjust: 100%;}
.titleLogo {
display: inline-block;
            vertical-align: top;
            height: .17rem;
            width: .33rem;
            font-size: 0.12rem;
            color: #333;
            line-height: .17rem;
            margin-top: .08rem;
            border: 1px solid #e0e0e0;
            text-align: center;
            border-radius: 4px;}
.landingHead section {
margin: 24px 0 0;}
.landingHead .avatarLink {
position: relative;
            margin: 0 .08rem 0 0;}
.landingHead .avatarLink img {
display: block;
            height: .35rem;
            width: .35rem;
            background-size: cover;
            border-radius: 50%;}
.landingHead .extraInfo .authorName {
display: block;
            padding: .01rem 0 .05rem;
            color: #333;
            font-size: .16rem;
            font-weight: 400;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            text-decoration: none;}
.landingHead .extraInfo .infoSet {
display: block;
            padding: 0 0 .01rem;
            color: #999;
            font-weight: 400;
            font-size: .12rem;}
.contentPadding {
padding-left: 17px;
            padding-right: 17px;
            font-size: .16rem;
            line-height: .3rem;}
.mainContent p {
font-size: .19rem;
            line-height: .3rem;
            letter-spacing: .2px;
            margin-top: .05rem;}
.mainContent img {
width: 90% !important;
            height: 90% !important;}
.mainContent>:first-child {
margin-top: 0.12rem;}
.mainContent .case_img {
height: 4.25rem;}
.mainContent .case_img img {
width: 100%;
            height: 100%;}
.outmargin {
border-bottom: .08rem solid #f5f5f5;}
.outmargin .related-news {
padding-left: 17px;
            padding-right: 17px;
            padding-bottom: 35px;}
.related_title span {
font-size: .16rem;
            margin: .18rem 0 0;
            display: inline-block;}
.contentFont .related_cont {
display: -webkit-flex;
            display: flex;
            line-height: 0;
            position: relative;
            -webkit-flex-direction: column;
            flex-direction: column;
            padding: .1rem 0 .18rem;}
.contentFont .related_cont::before {
position: absolute;
            content: '';
            height: 1px;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #eee;}
.related_cont h2 {
white-space: nowrap;
            height: .3rem;
            line-height: .3rem;
            font-size: .19rem;
            font-weight: 400;
            color: #000;
            text-overflow: ellipsis;
            overflow: hidden;}
.if_name {
height: .12rem;
            line-height: .12rem;
            font-size: 0;}
.if_name span {
display: inline-block;
            font-size: .12rem;
            color: #999;}
.if_name .diseases {
text-align: center;
            padding: .03rem 0.08rem;
            border-radius: .1rem;
            color: #fff;
            /*border: 1px solid #3c76ff;*/
            background-color: #3897f0;
            margin-right: .1rem;}
.contentFont li:last-child .related_cont::before {
height: 0px;}
.commentEmbed-votetemplate {
padding: .17rem .17rem .2rem;
            border-bottom: .08rem solid #f5f5f5;}
.commentEmbed-votetemplate .template-title p {
font-size: .17rem;
            height: .18rem;
            line-height: .18rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;}
.commentEmbed-votetemplate .template-content {
overflow: hidden;}
.commentEmbed-votetemplate .content-title {
font-size: .19rem;
            font-weight: 600;
            line-height: .19rem;
            margin: .24rem 0 .12rem;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;}
.commentEmbed-votetemplate .content-desc {
font-size: .14rem;
            color: #666;
            text-align: center;}
.commentEmbed-votetemplate .button-wrap {
margin-top: .2rem;
            display: -webkit-flex;
            display: flex;}
.commentEmbed-votetemplate .button-wrap button {
height: .37rem;
            line-height: .37rem;
            font-size: .14rem;
            color: #fff;
            text-align: center;
            border-radius: .3rem;
            flex: 1;
            padding: .06rem .1rem;
            overflow: hidden;
            outline: 0;}
.button-wrap .box-cmt-vote-btn:nth-child(1) {
background-color: #EF4041;}
.button-wrap .box-cmt-vote-btn:nth-child(2) {
background-color: #FCA90D;}
.button-wrap .box-cmt-vote-btn:nth-child(3) {
background-color: #3897F0;}
.commentEmbed-votetemplate .button-wrap button span {
display: inline-block;
            width: 100%;
            height: 100%;
            line-height: .25rem;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            white-space: nowrap;}
.commentEmbed-votetemplate .button-wrap .box-cmt-vote-btn {
margin-right: .05rem;
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;}
.button-wrap .box-cmt-vote-btn.active {
background: rgba(0,0,0,0.4);}
.box-cmt-vote-btn.active span {
animation: lineHeight .6s;
            -webkit-animation: lineHeight .6s; /* Safari 与 Chrome */}
@keyframes lineHeight
        {
            from {
                opacity: 0;
                line-height: .05rem;
            }
            to {
                opacity: 1;
                line-height: .25rem;
            }
        }
@-webkit-keyframes lineHeight /* Safari 与 Chrome */
        {
            from {
                line-height: .05rem;
                opacity: 0;
            }
            to {
                line-height: .25rem;
                opacity: 1;
            }
        }
.commentEmbed .commentEmbed-title {
padding: .2rem 0 .05rem .17rem;
            font-size: .16rem;
            line-height: .16rem;}
.newVersion {
border-bottom: .08rem solid #f5f5f5;}
.commentEmbed-body {
padding: 0 .17rem;
            border-bottom: 1px solid #eee;}
.unicmt-item {
position: relative;}
.unicmt-item .unicmt-avatar {
position: absolute;
            z-index: 10;
            top: .16rem;
            left: 0;
            width: .35rem;
            height: .35rem;
            display: block;
            border-radius: 50%;
            overflow: hidden;}
.unicmt-item .unicmt-avatar img {
display: block;
            width: 100%;
            height: 100%;}
.unicmt-item .unicmt-name {
position: absolute;
            z-index: 10;
            left: .44rem;
            /*height: .16rem;*/
            max-width: 60%;
            margin: .07rem 0 .03rem;
            padding: .1rem 0;
            color: #405b95;
            font-size: .16rem;
            line-height: .16rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;}
.unicmt-item .unicmt-fav {
position: absolute;
            z-index: 1;
            top: 0;
            right: 0;
            padding-top: .07rem;
            height: .35rem;}
.unicmt-fav .like-component .like-icon {
display: inline-block;
            height: .23rem;
            width: .23rem;
            position: relative;}
.like-component {
position: relative;
            bottom: 0;
            font-size: 0;
            height: .23rem;}
.like-num-container {
display: inline-block;
            position: relative;
            font-size: .14rem;
            line-height: .14rem;}
.unicmt-item .unicmt-text {
position: relative;
            padding-top: .42rem;
            padding-left: .43rem;
            color: #000;
            font-size: .18rem;}
.iconfont.icon-zan {
display: inline-block;
            font-size: .14rem;
            color: #393939;
            position: absolute;
            left: 50%;
            transform: translateX(-45%);
            -webkit-transform: translateX(-45%);
            top: 45%;}
.unicmt-clamp {
position: relative;
            height: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            text-align: left;
            -webkit-line-clamp: 10;
            line-height: 1.5;
            word-break: break-all;}
.unicmt-txt {
position: relative;
            overflow: hidden;
            line-height: 1.5;
            word-break: break-all;
            text-align: justify;}
.unicmt-item .unicmt-bar {
position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            box-orient: horizontal;
            padding-left: .43rem;}
.unicmt-item .unicmt-bar .unicmt-reply {
font-size: .13rem;
            line-height: .13rem;
            padding: .09rem .06rem .14rem;
            padding-left: 0;
            white-space: nowrap;}
.unicmt-item .unicmt-bar .unicmt-reply a {
color: #999;}
.unicmt-sublist-box {
margin: 0 0 .14rem .43rem;
            padding: .05rem 0;
            background-color: #f8f8f8;}
.unicmt-sublist-box .unicmt-sublist {
font-size: .16rem;
            padding: .03rem .12rem;}
.unicmt-sublist .unicmt-clamp {
-webkit-line-clamp: initial;}
.unicmt-sublist .unicmt-relname {
color: #405b95;
            margin-left: 0;}
.unicmt-sublist span {
}
.commentEmbed {
/*border-bottom: 1px solid #eee;*/
            /*padding-bottom: .5rem;*/
            /*padding-bottom: .7rem;*/
            position: relative;}
.commentEmbed-foot {
/* padding: .1rem 0;*/
            max-width: 750px;
            margin: 0 auto;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;}
.commentEmbed-foot .wx-foot {
/*display: flex;*/
            /*display: -webkit-flex;*/
            /*justify-content: right;*/
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;}
.wx-foot .wx-img.active {
justify-content: flex-start;
            align-items: center;
            padding-left: .15rem;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;}
.wx-img.active .txt {
display: none;}
.wx-img .info-doc {
display: none;}
.wx-img.active .info-doc {
display: block;
            margin-left: .15rem;}
.wx-img.active .info-doc p {
font-size: .16rem;
            line-height: .25rem;}
.commentEmbed-foot .wx-img {
/*padding-right: .15rem;*/
            display: flex;
            display: -webkit-flex;
            justify-content: space-around;
            align-items: center;
            background: #ffffff;
            border-top :1px solid #e4e4e4;}
.commentEmbed-foot .wx-img span {
/*font-size: .16rem;*/
            /*padding-right: .1rem;*/
            /*color: #405b95;*/
            /*margin-bottom: .1rem;*/}
.commentEmbed-foot .wx-img img {
display: block;
            width: .4rem;
            height: .4rem;}
.wx-cont.active {
display: block;}
.wx-cont {
display: none;
            margin-top: .1rem;
            padding-left: .8rem;
            padding-right: .15rem;
            padding-bottom: .1rem;}
.wx-cont p {
font-size: .16rem;
            line-height: .2rem;}
.commentEmbed-foot {
/*position: relative;*/
            width: 100%;
            position: fixed;
            bottom: 0;
            z-index: 100;
            background: #fff;
            /* border-top: .06rem solid #f5f5f5;*/}
.commentEmbed-foot .wx-foot {
height: auto;
            background: #fff;}
.commentEmbed-foot .wx-foot.active {
position: absolute;
            bottom: 0px;
            padding-top: .1rem;}
.mask.active {
display: block;}
.mask {
position: fixed;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            background: rgba(0,0,0,0.7);
            display: none;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;}
.mask .mask-txt {
width: 100%;
            height: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;}
.mask span {
display: inline-block;
            font-size: .21rem;
            color: #e3e3e3;
            letter-spacing: .1rem;}
.wx-img p {
font-size: .16rem;}
.wx-img .left {
display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;}
.padding_b_1 {
padding-top: .05rem;}
.padding_b_2 {
padding-top: .03rem;
            padding-bottom: .03rem;}
.red_b {
color: #ff0000;
            font-weight: bolder;}
.mar_l_d {
display: inline-block;
            padding: .02rem .05rem;
            font-size: .13rem;
            background: #67bd68;
            color: #fff;
            border-radius: 3px;}
.gowx {
padding: .12rem .1rem;
            background: #67bd68;
            border-radius: .07rem;}
.gowx a {
color: #fff;}
.wx-img.active .left {
display: none;}
.wx-img.active .gowxs {
display: none;}
.commentReply .commentReply-title {
padding-left: .17rem;
            background-color: #fff;
            font-size: 0;}
.commentReply-title span {
display: inline-block;
            font-size: .17rem;
            margin: .2rem 0 .05rem;}
#textare {
width: 80%;
            font-size: .15rem;
            border: 1px solid #aaa;
            margin-top: 0px;
            padding: .1rem .1rem;
            border-radius: 5px;
            line-height: .25rem;
            letter-spacing: 2px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#textare:focus {
border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.commentReply-body {
padding: .2rem .17rem;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;}
.commentReply-body button {
padding: .1rem;
            font-size: .17rem;
            margin-left: .1rem;
            background: #66afe9;
            border-radius: 10px;
            color: #fff;}
.unicmt-avatar .people {
display: block;
            overflow: hidden;
            border-radius: 50%;
            width: 0.35rem;
            height: 0.35rem;}
.unicmt-name.read {
color: #ff4f4f;}
.showWx {
width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            z-index: 999;
            display: none;
            font-size: .16rem;}
.showWx .s_mask {
width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);}
.showWx .s_conts {
position: fixed;
            top: 40%;
            width: 90%;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-radius: 0.05rem;
            border: 1px solid #ff8368;
            padding-top: 0.1rem;
            background: #f6fbf6;}
.showWx .s_conts p {
/*line-height: 0.35rem;*/
            text-align: center;
            width: 80%;
            margin: 0.1rem auto;}
.showWx .s_conts p .circle {
display: inline-block;
            width: 0.45rem;
            height: 0.45rem;
            border-radius: 50%;
            border: 3px solid #009800;}
.s_conts p .circle .icon-gou {
line-height: 0.45rem;
            font-size: 0.25rem;
            color: #009800;}
.s_conts p .rectangle {
display: inline-block;
            background: #009800;
            border-radius: 0.04rem;}
.s_conts p .rectangle:last-child {
margin-left: 0.1rem;}
.s_conts p .rectangle a {
display: inline-block;
            padding: 0.05rem 0.12rem;
            text-align: center;
            color: #fff;
            font-size: 0.15rem;}
#num_wxs2 {
color: #ff0000;
            font-weight: bolder;}
.s_conts p .circle .icon-gou-copy {
line-height: 0.45rem;
            font-size: 0.25rem;
            color: #009800;}
ol, ul {
list-style: none;}
:focus {
outline: 0;}
a img {
border: 0;}
img {
vertical-align: middle;}
table {
empty-cells: show;}
ins {
text-decoration: none;}
del {
text-decoration: line-through;}
cite, i, em {
font-style: normal;}
textarea {
-webkit-appearance: none;}
div, span, i, a, button, input {
-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {
text-decoration: none; color: #333;}
@-webkit-keyframes swiper-preloader-spin { 100% {
            -webkit-transform:rotate(360deg);
        }
        }
@keyframes swiper-preloader-spin { 100% {
            transform:rotate(360deg);
        }
        }
@-webkit-keyframes twinkling { 0% {
            opacity:0;
        }
            100% {
                opacity:1;
            }
        }
* {
margin: 0; padding: 0;}
ul {
list-style-type: none;}
a {
text-decoration: none; color: #0099e3}
body {
background-color: #FFF; margin: 0 auto; padding: 0 1%; width: auto}
table {
border-collapse: collapse; border: none;}
img {
border: 0;}
input, textarea {
outline: none;}
div {
}

/* ===== 联系客服按钮（参考 yaocha 主区域按钮，红色系） ===== */
.wx-btn-row { display: block; text-align: center; margin: .16rem 0; }
.wx-btn {
    display: inline-block;
    margin: 0 auto;
    padding: .1rem .22rem;
    font-size: .16rem;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff !important;
    line-height: 1.4;
    text-align: center;
    background: linear-gradient(135deg, #f44336, #b71c1c);
    border-radius: 24px;
    box-shadow: 0 6px 16px rgba(183, 28, 28, .34);
}
.wx-btn:active { transform: translateY(1px); }
/* 评论区联系入口：低调的普通文字，不做按钮样式 */
.wx-link {
    display: inline;
    padding: 0;
    font-size: inherit;
    font-weight: 400;
    color: #c00000 !important;
    text-decoration: underline;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

/* ===== 底部悬浮加微信按钮 ===== */
.float-btn {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%) translateY(160%);
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 22px;
  background: linear-gradient(135deg, #f44336, #b71c1c);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 24px;
  box-shadow: 0 6px 18px rgba(183, 28, 28, .4);
  transition: transform .35s ease, opacity .35s ease;
  white-space: nowrap;
  max-width: calc(100% - 24px);
}
.float-btn.show { transform: translateX(-50%) translateY(0); }
.float-btn .fb-ic {
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .25);
  font-size: 18px;
}

/* ===== 可点击触发问答的元素 ===== */
.js-open-qa { cursor: pointer; -webkit-tap-highlight-color: transparent; }

/* ===== 互动问答弹层 ===== */
#qaMask {
  position: fixed;
  inset: 0;
  z-index: 998;
  background: rgba(0, 0, 0, .45);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s;
}
#qaMask.qa-open { opacity: 1; visibility: visible; }

#qaPanel {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  height: 100dvh;
  background: #f5f6f7;
  overflow: hidden;
  transform: translateY(100%);
  transition: transform .3s ease;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
#qaPanel.qa-open { display: flex; transform: translateY(0); }
#qaPanel * { box-sizing: border-box; }

.qa-head {
  flex: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 14px 12px;
  background: #fff;
  border-bottom: 1px solid #ececec;
}
.qa-avatar {
  flex: none;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: linear-gradient(135deg, #f44336, #b71c1c);
  border-radius: 50%;
}
.qa-name { font-size: 16px; font-weight: 700; color: #222; }
.qa-status { margin-top: 2px; font-size: 13px; color: #8a8f95; }
.qa-status i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; background: #25d07a; border-radius: 50%; vertical-align: 1px; }
.qa-close { width: 30px; height: 30px; margin-left: auto; font-size: 22px; line-height: 28px; text-align: center; color: #9aa0a5; cursor: pointer; }

.qa-body {
  flex: 1 1 0%;
  min-height: 0;
  padding: 14px 14px calc(16px + env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.qa-row { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 12px; animation: qaIn .25s ease both; }
.qa-row.cs { justify-content: flex-start; }
.qa-row.me { flex-direction: row-reverse; justify-content: flex-start; }
.qa-ava { flex: none; width: 36px; height: 36px; font-size: 14px; font-weight: 700; line-height: 36px; text-align: center; color: #fff; border-radius: 50%; user-select: none; }
.qa-row.cs .qa-ava { background: linear-gradient(135deg, #f44336, #b71c1c); }
.qa-row.me .qa-ava { color: #b71c1c; background: #fdeaea; }

.qa-bubble { max-width: 80%; padding: 11px 14px; font-size: 16px; line-height: 1.7; word-break: break-word; text-align: left; white-space: pre-wrap; }
.qa-row.cs .qa-bubble { color: #222; background: #fff; border-radius: 0 12px 12px 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); }
.qa-row.me .qa-bubble { color: #fff; background: linear-gradient(135deg, #f44336, #b71c1c); border-radius: 12px 0 12px 12px; }

@keyframes qaIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.qa-typing .qa-bubble { display: flex; align-items: center; gap: 4px; padding: 13px; }
.qa-typing .qa-bubble i { width: 6px; height: 6px; background: #c2c8cc; border-radius: 50%; animation: qaDot 1s infinite; }
.qa-typing .qa-bubble i:nth-child(2) { animation-delay: .15s; }
.qa-typing .qa-bubble i:nth-child(3) { animation-delay: .3s; }
@keyframes qaDot { 0%, 60%, 100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }

.qa-opts { display: flex; flex-wrap: wrap; gap: 8px; margin: -2px 0 14px 42px; animation: qaIn .25s ease both; }
.qa-opts .qa-opt { flex: 1 1 calc(50% - 8px); text-align: center; }
.qa-opt { padding: 10px 16px; font-family: inherit; font-size: 15.5px; line-height: 1.3; color: #b71c1c; background: #fff; border: 1px solid #f44336; border-radius: 18px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04); cursor: pointer; }
.qa-opt:active { background: #fdeaea; transform: translateY(1px); }
.qa-opt[disabled] { color: #b6bcc0; background: #f2f3f4; border-color: #e2e4e6; box-shadow: none; }
.qa-opt.is-picked { color: #fff; background: linear-gradient(135deg, #f44336, #b71c1c); border-color: #b71c1c; }

.qa-confirm { margin: 2px 0 0 42px; padding: 10px 22px; font-family: inherit; font-size: 15.5px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #f44336, #b71c1c); border: 0; border-radius: 18px; cursor: pointer; }
.qa-confirm[disabled] { opacity: .4; cursor: not-allowed; }

.qa-cta-row { padding: 2px 0 10px; animation: qaIn .25s ease both; }
.qa-cta { display: block;text-align:center; width: 100%; padding: 14px 18px; font-family: inherit; font-size: 17px; font-weight: 700; letter-spacing: .5px; color: #fff; text-decoration: none; background: linear-gradient(135deg, #f44336, #b71c1c); border: 0; border-radius: 12px; box-shadow: 0 6px 16px rgba(183, 28, 28, .34); cursor: pointer; }
.qa-cta:active { transform: translateY(1px); }

@media (max-width: 360px) {
  .qa-bubble { font-size: 15px; }
  .qa-opt { padding: 9px 14px; font-size: 14.5px; }
  .qa-cta { font-size: 16px; }
}