/* Source: custom/customer-board.html inline style 1 */
#progress-bar {
      position: fixed;
      top: 0;
      left: 0;
      width: 0%; /* 初始宽度为30% */
      height: 3px;
      background-color: #2196F3;
      z-index: 1000;
      transition: width 0.8s, opacity 0.2s;
      opacity: 1;
    }
    .fig-1if6m2c {
    margin: 10px 16px;
    }
    .fig-1if6m2c {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        width: 130px;
        height: 20px;
        margin-bottom: 8px;
        width: 200px;
        height: 21px;
        margin: 10px 0;
    }
    @media (max-width: 999px)
    .fig-1wfqc51 {
        margin-left: 16px;
    }
    .fig-1wfqc51 {
        padding: 15px 0 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .fig-empqer:first-of-type {
        margin-left: 0;
    }
    .fig-empqer {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        width: 130px;
        height: 20px;
        margin-bottom: 8px;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 68px;
        margin-left: 10px;
        margin-bottom: 0;
    }
    @media (max-width: 999px)
    .fig-1eo7hgt {
        margin-left: 16px;
        margin-right: 16px;
    }
    
    .fig-1eo7hgt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 12px;
    }
    .fig-1lanuvo {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        width: 130px;
        height: 20px;
        margin-bottom: 8px;
        width: 92px;
        margin: 5px 0 17px;
        display: inline-block;
    }
    .fig-gxa75i {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        width: 130px;
        height: 20px;
        margin-bottom: 8px;
        width: 70px;
        margin: 5px 0 17px;
        display: inline-block;
    }
    .fig-1fttcpj {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    @media (max-width: 999px)
    .fig-19ddlty {
        margin: 0 16px;
    }
    .fig-19ddlty {
        border-bottom: 1px solid #D1D5D9;
    }
    .fig-qzg0eo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 0;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
    @media (max-width: 999px)
    .fig-co19j7 {
        width: 80px;
        height: 110px;
    }
    
    .fig-co19j7 {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100px;
        height: 140px;
    }
    .fig-17joky2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 16px;
        width: 100%;
    }
    .fig-qjulvi {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        width: 130px;
        height: 20px;
        margin-bottom: 8px;
        width: 100%;
    }
    .fig-kogj6w {
        background: linear-gradient(327.23deg, #f8f9fb 1.42%, #f1f1f3 49.17%, #f8f9fb 100%);
        width: 130px;
        height: 20px;
        margin-bottom: 8px;
        width: 130px;
    }
    .fig-sk9k7q {
        -webkit-box-align: center;
        align-items: center;
        height: 40px;
        padding: 12px 48px;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid rgb(30, 158, 255);
        border-radius: 3px;
        color: rgb(30, 158, 255);
    }
    .headertibiu_notop .logotibiu {
      margin-left: 0.4rem;
    }
    .tablent{
        --mdui-color-primary: 000,000,000;
        --mdui-color-primary-light: 000,000,000;
        --mdui-color-primary-dark: 255,255,255;
        --mdui-color-surface:255,255,255;
    }
    .duihua{
        --shape-corner:0.25rem;
        --mdui-color-surface-container-high:255,255,255;
    }

/* Source: custom/customer-board.html inline style 2 */
.container240108 {
            display: flex;
            align-items: center;
            background-color: #fff; /* 容器背景色，可以根据需要修改 */
            padding:  10px 15px; /* 根据需要调整容器内边距 */
        }

        .left-text240108, .black-text240108 {
            color: #9EA7AD;
            font-size: 20px;/* 灰色文字和黑色文字颜色，可以根据需要修改 */
            font-weight: 700;
        }

        .black-text240108 {
        color: #000;

        }

    .svg1240108 {
        margin-left: auto; /* 将右侧黑色文字推到右侧 */
    }
    .fig-tjcxnw {
        display: inline-flex;
        color: rgb(230, 232, 235);
    }
    .closeduihua ti-icon,
    .svg-container ti-icon {
        display: inline-flex;
    }

/* Source: custom/customer-board.html inline style 3 */
/* 文章容器样式 */
        .article-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 600px;
            margin: 20px auto;
            background-color: #fff;
            border: 1px solid #e0e0e0;
            overflow: hidden;
            width: 95%;
        }

        /* 用户信息样式 */
        .user-info {
            display: flex;
            align-items: center;
            padding: 10px;
            border-bottom: 1px solid #e0e0e0;
        }

        .user-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 10px;
            object-fit: cover;
        }

        .user-name {
            font-weight: bold;
        }

        /* 文章内容样式 */
        .article-content {
            flex: 1;
            padding: 10px;
        }

        .article-title {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .article-tags {
            color: #555;
            font-size: 10px;
        }

        /* 右侧SVG样式 */
        .svg-container {
            padding: 10px;
        }

        .custom-svg {
            width: 30px; /* 调整SVG宽度 */
            height: 30px; /* 调整SVG高度 */
            fill: #999; /* 调整SVG颜色 */
        }
        .custom-paragraph::before {
    content: '\00a0\00a0\00a0'; /* 使用 Unicode 非断空格（ ）*/
}
.userpage3 img {
    width: 100%; /* 设置所有图片宽度为容器宽度的百分比（100%表示与父容器等宽） */
}