/* 插件的自定义CSS */
.my-plugin-content,
.merchant_quotation,
.miner_max_width{
    max-width: 1100px; /* 设置最大宽度 */
    margin: 0 auto; /* 居中显示 */
    padding: 0 1px; /* 如果需要一些内边距 */
}
.my-plugin-content h2 {
    font-size: calc(0.68rem + .9vw) !important;
}
.my-plugin-content .card-text {
    max-width: 100%!important;
    padding: 10px!important;
    font-size: 13px!important;
    background-color: #f6f6f6;
}

@media (min-width: 1200px)
.my-plugin-content .h1, h1 {
    font-size: 2.5rem!important;
}
.my-plugin-content .h1, h1 {
    font-size: calc(1.375rem + 1.5vw)!important;
}

.my-plugin-content h1,
.my-plugin-content h2,
.my-plugin-content h3,
.my-plugin-content h4,
.my-plugin-content h5,
.my-plugin-content h6 {
    margin-top: 0!important;
    margin-bottom: .5rem!important;
    font-weight: 500;
    line-height: 1.2!important;
    color: var(--bs-heading-color)!important;
}

.my-plugin-content p {
    margin-top: 0!important;
    margin-bottom: 1rem!important;
}
.btn-more-info {
    margin-left: auto; /* 靠右对齐 */
}

/* 厂家详情页 */
.changjia li a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}
.changjia.bi {
    vertical-align: -.125em;
    fill: currentColor;
}
/*表格*/
.my-plugin-content th:first-child {
    border-top-left-radius: 10px;
}
.my-plugin-content th:last-child {
    border-top-right-radius: 10px;
}
.my-plugin-content td .pair {
    margin: 0!important;
    font-size: 12px;
    color: #84929c;
    line-height: 12px;
}

.my-plugin-content .table td,
.my-plugin-content .table thead th {
    border-top: 0;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    font-family: Roboto, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
}

.my-plugin-content table tbody tr td .text-muted {
    color: #999!important;
    font-family: Droid Sans Mono, Menlo, Monaco, Consolas, Courier New, monospace;
}

.my-plugin-content .table thead th {
    color: #fff;
    background-color: #0066ff;
}

.my-plugin-content .table-striped tbody tr:nth-of-type(odd) {
    border-radius: .25rem;
    background-color: #fafafa;
}

.my-plugin-content .table-striped tbody tr:hover {
    background-color: #ccc;
}

.my-plugin-content table.dataTable thead th,
.my-plugin-content table.dataTable thead td {
    border-bottom: 0;
}

.my-plugin-content table.fixedHeader-floating,
.my-plugin-content table.fixedHeader-locked {
    background-color: #fff;
}

@media print {
    .my-plugin-content table.fixedHeader-floating {
        display: none;
    }
}

.my-plugin-content .tableNum {
    display: inline-block;
    min-width: 20px;
    line-height: 21px;
    text-align: center;
    height: 20px;
    border-radius: 2px;
    background: #c8ccdc;
    color: #fff;
    padding: 0 2px;
}

.my-plugin-content .imgzdy {
    width: 32px;
    height: 32px;
    position: relative;
    margin-right: 10px;
    float: left;
    margin-top: 3px;
}
.my-plugin-content .textRed {
    color: #FF6059;
}
.my-plugin-content .textGreen {
    color: #00B45A;
}
.dataTables_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_length .form-select {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.my-plugin-content .table td {
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 显示省略号 */
    white-space: nowrap; /* 避免换行 */
}
.my-plugin-content table td {
    border: none; /* 去除单元格边框 */
}

@media (min-width: 1008px) {
    #jsqlist {
        width: 100% !important;
        table-layout: fixed;
    }
}
/*矿机列表*/
.my-plugin-content .lh-1, h1 {
    font-size: calc(.875rem + 0.5vw) !important;
}
.my-plugin-content .lh-1 small {
    font-size: calc(.675rem + 0.3vw);
}
.my-plugin-content .bg-purple {
    background-color: #6f42c1;
}
.my-plugin-content .me-3 {
    margin-right: 1rem !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    float: left;
}
#miner_list thead th {
    background: #6857dc;
    color: #fff;
    line-height: 16px;
    height: 50px;
}
.my-plugin-content .coin-filter-btn.active,
.my-plugin-content .filter-btn.active {
    box-shadow: 0 6px 12px 0 rgba(77, 124, 255, 0.1);
    background: rgba(158, 165, 255, 0.18);
    color: #34495e;
    border: 1px solid #dee0ff;
}

.my-plugin-content .coin-filter-btn,
.my-plugin-content .filter-btn {
    border: 1px solid #dee0ff;
    height: 40px;
    font-size: 14px;
    color: #34495e;
}

.my-plugin-content .coin-filter-btn:hover,
.my-plugin-content .filter-btn:hover {
    box-shadow: 0 6px 12px 0 rgba(77, 124, 255, 0.1);
    color: #8267e2;
    text-decoration: none;
    border-color: #dee0ff;
    background-color: #ffffff;
}
.my-plugin-content .params-input-bar {
    background: rgba(104, 87, 220, 0.1);
    border-radius: 10px;
    padding: 16px 6px;
}
.my-plugin-content table tbody tr td .money-symbol {
    margin-right: 4px;
    color: #999;
}
.my-plugin-content .progress {
    border-radius: 3px;
    position: relative;
    background: #ebeef3;
    height: 23px;
}
.my-plugin-content .progress .bg-1 {
    background: #58ca96;
}
.my-plugin-content .progress .bg-2 {
    background: #a0e486;
}
.my-plugin-content .progress .bg-3 {
    background: #ffc15a;
}
.my-plugin-content .progress .bg-4 {
    background: #ff9767;
}
.my-plugin-content .progress .percent-text {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 23px;
}
.my-plugin-content .net-income-integer {
    font-size: 22px;
}
/* 正数文字颜色 */
.my-plugin-content .positive {
    color: #46db7a; /* 绿色 */
}
/* 负数文字颜色 */
.my-plugin-content .negative {
    color: #f55f4e; /* 红色 */
}
/*币种详情页*/
.my-plugin-content .coin_slug p {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}
.my-plugin-content .coin_slug .clock-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ff0000" class="bi bi-clock" viewBox="0 0 16 16"%3E%3Cpath d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"/%3E%3Cpath d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"%3E%3C/path%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 2px; /* 可选的右侧边距 */
}

.my-plugin-content .coin_slug .card-title,
.my-plugin-content .coin_slug .text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.my-plugin-content .coin_slug .card-no-border {
    border: none;
}
.my-plugin-content .coin_slug .fw-normal {
    font-weight: 500 !important;
}
.my-plugin-content .coin_slug .card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
}

.my-plugin-content .coin_slug .nav-pills-bg-soft {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    padding: 0.625rem 0;
    border-radius: 0.625rem;
}
.my-plugin-content .coin_slug section {
    padding-top: 3.5rem;
    padding-bottom: 2.8rem;
}
.my-plugin-content .coin_slug .metric-card {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    position: relative;
    z-index: 1;
}
.my-plugin-content .coin_slug .metric-value {
    font-size: 2rem;
    font-weight: bold;
}
.my-plugin-content .coin_slug .metric-delta {
    font-size: 1rem;
    margin: 0.5rem 0;
}
.my-plugin-content .coin_slug .metric-delta .icon {
    font-size: 1.2rem;
}
.my-plugin-content .coin_slug .form-switch .form-check-input {
    width: 3rem;
    height: 1.5rem;
}
.my-plugin-content .coin_slug .card-header {
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #edf2f9;
}
.mt-n6, .my-n6 {
    margin-top: -4.5rem !important;
    z-index: 1;
}
.my-plugin-content .coin_slug .header-pretitle {
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #95aac9 !important;
    display: block;
    font-size: .625rem;
}
.my-plugin-content .coin_slug .header-tabs {
    margin-bottom: -1.5rem;
    border-bottom-width: 0;
}
.my-plugin-content .coin_slug .header-body{
    border-bottom-color: rgba(227, 235, 246, .1);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e3ebf6;
}
.my-plugin-content .coin_slug .bg-custom {
    background-color: #12263f;
}
.my-plugin-content .coin_slug .badge-custom {
    font-size: 1rem;
    color: #fff !important;
    background-color: transparent;
    display: block; /* to make it a block element */
    margin-top: 0.5rem;
}
.my-plugin-content .coin_slug .nav-tabs .nav-link {
    border: none;
    margin-right: -1px; /* for seamless tabs */
}
.my-plugin-content .coin_slug .nav-tabs .nav-link.active {
    background-color: #12263f;
    border: none;
    border-bottom: 1px solid #2c7be5;
    border-radius: 0; /* to override default border radius */
}
.my-plugin-content .coin_slug .chart-container {
    height: 300px; /* height for the chart */
    background-color: #12263f; /* background of the chart area */
}
.my-plugin-content .coin_slug .rounded-bottom-custom {
    border-bottom-left-radius: 0; /* remove bottom left border radius */
    border-bottom-right-radius: 0; /* remove bottom right border radius */
}
.my-plugin-content .coin_slug .nav-tabs .nav-link {
    padding: 0.5rem 1rem;
}
.my-plugin-content .coin_slug .nav-tabs .nav-link h6 {
    margin: 0;
    color: #adb5bd !important;
    font-size: 0.75rem;
    text-transform: uppercase;
}
.my-plugin-content .coin_slug .nav-tabs .nav-link.active h6 {
    color: #fff !important;
}
.my-plugin-content .coin_slug .header-title {
    font-size: 1.5rem;
    color: #fff !important;
}

/* 增加特异性  解决bootstrap弹窗显示跟7b2主题冲突问题*/
.merchant_quotation .modal.show,
.my-plugin-content .modal.show {
    visibility: visible !important; /* 确保模态框在激活时可见 */
    opacity: 1 !important; /* 确保模态框在激活时不透明 */
    transform: scale(1) !important; /* 重置可能的转换效果 */
}
.my-plugin-content .modal-content {
    width: 100%;
    max-width: 90%;
}
.my-plugin-content .modal-body,
.my-plugin-content .modal-header {
    color: #333 !important;
}

.my-plugin-content .logomi {
    width: 52px;
    height: 52px;
    margin-right: 10px;
    border: 6px solid #fff;
}
.my-plugin-content .btns a, .btns a:hover {
    margin-left: 16px;
    padding: 6px 24px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    color: #fff;
    border-radius: 16px;
    border: 1px solid hsla(0,0%,100%,.3);
    background-color: hsla(0,0%,100%,.1);
    text-decoration: none;
}
.my-plugin-content .btns a:hover {
    color: #dcdee3;
    background-color: hsla(0,0%,100%,.0);
}
.my-plugin-content .basicInfo {
    width: 320px;
    height: 320px;
    opacity: 0.3;
    position: absolute;
    top: -40px;
    right: -80px;
    z-index: 0;
}
.my-plugin-content .media, .media-body {
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-plugin-content .basicInfowz {
    opacity: 0.1;
    position: absolute;
    top: 0;
    right: 20.25rem;
    z-index: 0;
}
/*币种详情页*/
#pool_list .logo_no {
    width: 28px;
    height: 28px;
    min-width: 28px; /* 确保最小宽度 */
    min-height: 28px; /* 确保最小高度 */
    display: flex;
    justify-content: center;
    align-items: center;
}
#exchange_list .metric {
    font-size: 80%;
    color: #6c757d;
}
/* 进度条的样式 */
#exchange_list .progress {
    flex-grow: 1; /* 允许进度条扩展填充可用空间 */
    margin-right: 5px; /* 与数字之间的间隔 */
}

/*计算收益页*/
.my-plugin-content .calculator .card-subtitle {
    display: block;
    text-transform: uppercase;
    color: #8c98a4!important;
    font-size: .7109375rem;
    margin-bottom: .25rem;
}
.my-plugin-content .calculator .badge {
    line-height: normal;
}
.my-plugin-content .calculator .bg-soft-success {
    background-color: rgba(0, 201, 167, .1) !important;
}
.my-plugin-content .calculator .text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.my-plugin-content .calculator .bg-soft-danger {
    background-color: rgba(237, 76, 120, .1) !important;
}
.my-plugin-content .calculator .card {
    --bs-card-border-color: rgba(231, 234, 243, 0.7);
    --bs-card-border-radius: 0.75rem;
    box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
}
.my-plugin-content .calculator .card-hover-shadow {
    transition: .3s;
}
@media (max-width: 991.98px) {
    .my-plugin-content .calculator .col-lg-divider>:not(:first-child) {
        position:relative
    }

    .my-plugin-content .calculator .col-lg-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(100% - 1.5rem);
        height: .0625rem;
        background-color: rgba(231,234,243,.7);
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .my-plugin-content .calculator .col-lg-divider>* {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .my-plugin-content .calculator .col-lg-divider>:first-child {
        padding-top: 0
    }

    .my-plugin-content .calculator .col-lg-divider>:last-child {
        padding-bottom: 0
    }
}
@media (min-width: 992px) {
    .my-plugin-content .calculator .col-lg-divider>:not(:first-child) {
        position:relative
    }

    .my-plugin-content .calculator .col-lg-divider>:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        width: .0625rem;
        height: 100%;
        background-color: rgba(231,234,243,.7);
        content: ""
    }
}
.my-plugin-content .calculator .icon.icon-sm {
    font-size: .875rem;
    width: 2.40625rem;
    height: 2.40625rem;
}
.my-plugin-content .calculator .icon-soft-secondary {
    color: #71869d;
    background: rgba(113, 134, 157, .1);
}
.my-plugin-content .calculator .icon-circle {
    border-radius: 50%;
}
.my-plugin-content .calculator .icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: .3125rem;
}
/* svg */
.my-plugin-content .calculator .icon-profit {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M516.266667 938.666667c-189.269333 0-346.069333-96.853333-410.154667-260.693334a96.981333 96.981333 0 0 0-3.029333-6.570666 36.266667 36.266667 0 0 1 21.162666-50.474667l11.093334-3.626667a42.666667 42.666667 0 0 1 48.213333 15.914667c7.04 9.941333 11.093333 16.256 12.245333 19.029333 52.181333 124.757333 176.256 196.352 320.426667 196.352 149.632 0 274.816-102.314667 320.512-233.770666l-42.666667-12.672a12.8 12.8 0 0 1-4.437333-22.186667l121.685333-98.645333a12.8 12.8 0 0 1 20.138667 5.802666l48.810667 142.464a12.8 12.8 0 0 1-15.36 16.512l-44.245334-11.733333C863.232 808.533333 713.130667 938.666667 516.266667 938.666667z m-1.28-853.333334c190.08 0 344.789333 109.44 406.272 275.584a24.32 24.32 0 0 1-16.384 31.914667l-32.170667 8.832a24.405333 24.405333 0 0 1-29.013333-14.165333c-51.285333-123.648-186.282667-220.672-328.661334-220.672-148.693333 0-286.976 109.482667-332.373333 240.725333l51.84 18.474667a12.8 12.8 0 0 1 3.285333 22.4l-126.293333 92.458666a12.8 12.8 0 0 1-19.626667-6.186666L43.264 392.32a12.8 12.8 0 0 1 15.701333-16.384l49.28 14.464C165.376 216.448 319.317333 85.333333 514.986667 85.333333zM376.917333 290.773333a42.24 42.24 0 0 1 56.106667 11.306667l82.56 113.706667 80.341333-113.664a40.106667 40.106667 0 0 1 54.613334-10.496 36.096 36.096 0 0 1 9.216 51.925333l-70.357334 93.866667h53.888a37.290667 37.290667 0 1 1 0 74.581333h-88.874666l1.194666 59.605333h92.501334a34.218667 34.218667 0 0 1 0 68.394667h-92.501334l-0.597333 85.845333a42.666667 42.666667 0 0 1-42.666667 42.368H512a42.666667 42.666667 0 0 1-42.666667-42.666666V640H377.856a34.218667 34.218667 0 0 1 0-68.394667H469.333333V512H379.178667a37.290667 37.290667 0 1 1 0-74.624h58.154666l-70.528-95.146667a35.498667 35.498667 0 0 1 10.069334-51.456z' fill='%2371869d'/%3E%3C/svg%3E");
    background-size: cover;
    display: inline-block;
}
.my-plugin-content .calculator .icon-bitcoin {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M780.2 447.8c10.9-66.9-36.7-97.9-63.4-115-26.6-17.1-67.3-29.4-67.3-29.4l26-104.2-60-15-26 104.2-48-12 26-104.2-60.7-15.1-26 104.2-127-31.7-15.4 61.8s62.7 15.6 69.6 17.4c7 1.7 6.1 5.3 5.5 7.6-0.6 2.4-78.9 316.5-80 320.7-1 4.2-1.7 6.6-7.5 5.2-5.9-1.5-66.6-16.6-66.6-16.6l-17.1 68.7L365.2 725l-24.9 99.7 65.5 16.3 24.9-99.7 40.8 10.2-24.9 99.7 62.4 15.6 24.9-99.7s15.7 3.9 47 11.7c31.2 7.8 149.7 9.3 175.5-94.3C782.2 580.9 696.8 537 696.8 537s72.4-22.2 83.4-89.2zM638 640c-12.4 49.6-68 53.4-80.6 50.2-12.7-3.2-111.6-27.8-111.6-27.8l33-132.4s93.3 23.3 115.6 28.8c22.2 5.6 56 31.6 43.6 81.2z m20.6-201.7c-13.2 52.8-66.2 50.4-82.9 46.3-16.7-4.2-81.5-20.3-81.5-20.3l31.4-126.1s61.7 15.4 74.4 18.5c12.7 3.2 71.8 28.8 58.6 81.6z' fill='%2371869d'/%3E%3C/svg%3E");
    background-size: cover;
    display: inline-block;
}
.my-plugin-content .calculator .icon-electricity {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 0c282.773333 0 512 229.226667 512 512S794.773333 1024 512 1024 0 794.773333 0 512 229.226667 0 512 0zM512 85.333333C276.352 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667 426.666667-191.018667 426.666667-426.666667S747.648 85.333333 512 85.333333zM565.333333 234.666667c32 0 37.546667 30.634667 32 64l-21.333333 149.333333 117.333333 21.333333c33.92 6.784 53.333333 21.333333 53.333334 42.176 0 11.157333-9.258667 20.416-21.333334 32.490667l-213.333333 213.333333c-14.613333 14.613333-42.666667 32-64 32s-24.170667-46.933333-21.333333-64c2.24-13.482667 4.48-27.882667 6.634666-42.261333l1.6-10.752c6.528-44.629333 11.84-86.357333 12.906667-94.784l0.170667-1.365333L448 576l-106.944-22.613333C301.994667 542.826667 277.333333 533.333333 277.333333 522.666667s16.810667-27.712 32-42.666667l202.666667-213.333333c20.416-20.416 32-32 53.333333-32z' fill='%2371869d'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    display: inline-block;
}
.my-plugin-content .calculator .icon-percent {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 930.4064a420.5568 420.5568 0 1 1 420.5056-420.5568A421.0688 421.0688 0 0 1 512 930.4064z m0-781.6192a361.1136 361.1136 0 1 0 361.0624 361.0624A361.472 361.472 0 0 0 512 148.7872z' fill='%2371869d'%3E%3C/path%3E%3Cpath d='M539.8528 682.24v41.6256a9.3696 9.3696 0 0 1-9.1648 9.1648h-41.6256a9.4208 9.4208 0 0 1-9.216-9.1648v-39.168A366.1824 366.1824 0 0 1 419.84 676.7104a9.2672 9.2672 0 0 1-8.5504-9.1648v-33.0752a8.704 8.704 0 0 1 8.5504-8.5504h1.2288c18.3808 2.4064 64.3072 5.12 81.4592 5.12 40.96 0 53.248-14.6944 53.248-41.6256 0-17.7664-8.5504-26.9312-39.168-45.312l-60.6208-36.4032c-42.8544-25.088-54.528-52.0192-54.528-84.48 0-42.24 20.8384-75.3152 78.3872-84.5312v-38.5536a9.4208 9.4208 0 0 1 9.216-9.1648h41.6256a9.3696 9.3696 0 0 1 9.1648 9.1648v36.7616a487.2192 487.2192 0 0 1 64.9216 7.3216c5.12 1.2288 8.5504 4.3008 8.5504 8.5504v34.304a7.8848 7.8848 0 0 1-7.936 8.6016H604.16a905.4208 905.4208 0 0 0-90.624-5.12c-34.304 0-48.384 12.2368-48.384 32.4608 0 15.36 7.9872 24.4736 37.9904 40.96l55.0912 30.72c50.8416 28.16 64.3072 57.5488 64.3072 94.3104 0 39.3216-20.8384 81.7152-82.688 93.2352z' fill='%2371869d'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    display: inline-block;
}
.my-plugin-content .calculator .card-subtitle {
    margin-left: 5px;
    display: inline;
}
.my-plugin-content .calculator .row{
    --bs-gutter-x: 0rem!important;
}
.my-plugin-content .calculator .img-container {
    display: flex;
    justify-content: center; /* 在主轴上居中对齐 */
    align-items: center; /* 在交叉轴上居中对齐 */
    width: 100%;
    height: 100%;
}

.my-plugin-content .calculator .img-element {
    max-width: 50px !important; /* 默认最大宽度 */
}

/* 当屏幕宽度大于 992px 时 */
@media screen and (min-width: 992px) {
    .my-plugin-content .calculator .img-element {
        max-width: 75px !important; /* 大于 992px 时的最大宽度 */
    }
}

.my-plugin-content .calculator .img-wh {
    width: 100px !important;
    height: 100px !important;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

/* 当屏幕宽度大于 992px 时 */
@media screen and (min-width: 992px) {
    .my-plugin-content .calculator .img-wh {
        width: 150px !important;
        height: 150px !important;
        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
    }
}
.my-plugin-content .calculator .img-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 商家认证和用户头像样式 */
.avatar-with-badge {
    position: relative;
    display: inline-block;
}

.avatar-with-badge img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.avatar-badge {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background-color: #0066ff;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #fff;
}

.avatar-badge.unverified {
    background-color: #999;
    font-size: 9px;
    width: auto;
    height: 16px;
    border-radius: 8px;
    padding: 0 4px;
}

.avatar-badge.expired {
    background-color: #f44336;
    font-size: 9px;
    width: auto;
    height: 16px;
    border-radius: 8px;
    padding: 0 4px;
}