/* /Components/AssignmentBrefComp.razor.rz.scp.css */
:host[b-jnkeb4vlqu] {
    margin: 5px;
}

body[b-jnkeb4vlqu] {
    font-family: "Noto Sans SC", sans-serif;
    background-color: #f7fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
}

.card[b-jnkeb4vlqu] {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-size: 16px; 
}

/* 背景定义 (保持原样) */
.bg1[b-jnkeb4vlqu], .bg2[b-jnkeb4vlqu], .bg3[b-jnkeb4vlqu], .bg4[b-jnkeb4vlqu], .bg5[b-jnkeb4vlqu], .bg6[b-jnkeb4vlqu], .bg7[b-jnkeb4vlqu], .bg8[b-jnkeb4vlqu], .bg9[b-jnkeb4vlqu], .bg99[b-jnkeb4vlqu] {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
/* 这里保留之前的渐变背景 bgX::before，请不要删除 */
.bg1[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #5654ca 0%, #6a77d1 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg2[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #2d87f3 0%, #42a7f4 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg3[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #53cfa5 0%, #62d3a0 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg4[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #42c8dd 0%, #58e1e0 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg5[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #deb0c8 0%, #b267d5 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg6[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #e0bb45 0%, #f6ae3b 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg7[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #000000 0%, #242121 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg8[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #df5506 0%, #f15b04 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg9[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #f104f127 0%, #e483d7 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }
.bg99[b-jnkeb4vlqu]::before { background-image: -webkit-linear-gradient(-90deg, #bd47bd7c 0%, #e483d771 100%); clip-path: circle(60% at 100% 18%); content: ""; position: absolute; top:0; left:0; right:0; bottom:0; }


/* ===========================
   左侧区域布局
   =========================== */
.card-left[b-jnkeb4vlqu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 0.5rem 1rem 1.2rem;
    min-width: 0;
}

.title-label[b-jnkeb4vlqu], .code[b-jnkeb4vlqu], .label-sm[b-jnkeb4vlqu], .time-value[b-jnkeb4vlqu], .user-info .label-user[b-jnkeb4vlqu], .user-info .user-name[b-jnkeb4vlqu] {
    font-size: 0.75rem;
    line-height: 1.2;
}

.card-left .row1[b-jnkeb4vlqu] {
    display: flex;
    align-items: baseline;
    height: auto;
    margin-bottom: 0.5rem;
}

/* 标题样式 (颜色在底部定义) */
.title-label[b-jnkeb4vlqu] {
    font-weight: 600;opacity: 0.5;
}
.code[b-jnkeb4vlqu] { font-family: 'Consolas', monospace; color: #9ca3af; margin-left: 0.5rem; }

.card-left .row2[b-jnkeb4vlqu] {
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
}
.card-left .row2 .content[b-jnkeb4vlqu] {
    font-size: 1rem;
    color: #333;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-left .row3[b-jnkeb4vlqu] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding-bottom: 0.2rem;
    width: 100%;
}

.reward-wrapper[b-jnkeb4vlqu] {
    flex: 7;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.reward-box[b-jnkeb4vlqu] {
    background-color: #f8f9fa; 
    border-radius: 6px;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
}
/* 回馈值文字样式 (颜色在底部定义) */
.reward-text[b-jnkeb4vlqu] {
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* AssignmentBrefComp.razor.css */

/* 修改 1：针对混合任务的数字 */
.text-truncate[b-jnkeb4vlqu] {
    /* overflow: hidden;          <--- 删除这一行 */
    /* text-overflow: ellipsis;   <--- !!! 必须删除这一行，就是它搞出的省略号 !!! */
    white-space: nowrap;
    /* max-width: 60px;           <--- 确保这一行也删了 */
    display: inline-block;
    vertical-align: bottom;
}

/* 修改 2：针对单一任务的数字容器 */
.text-truncate-container[b-jnkeb4vlqu] {
    /* overflow: hidden;          <--- 删除这一行 */
    /* text-overflow: ellipsis;   <--- !!! 必须删除这一行 !!! */
    white-space: nowrap;
    display: block;
}

.reward-text .big-num[b-jnkeb4vlqu] {
    font-size: 2rem;
    line-height: 1;
}
.reward-text .unit[b-jnkeb4vlqu] { font-size: 1rem; margin-left: 2px; }
.reward-text .divider[b-jnkeb4vlqu] { font-size: 1.2rem; color: #ccc; margin: 0 4px; }

.time-wrapper[b-jnkeb4vlqu] {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 5px;
}
.label-sm[b-jnkeb4vlqu] { color: #9ca3af; margin-bottom: 2px; }
.time-value[b-jnkeb4vlqu] { color: #6b7280; white-space: nowrap; font-weight: 500; }


/* ===========================
   右侧区域布局
   =========================== */
.card-right[b-jnkeb4vlqu] {
    width: 150px;
    flex-shrink: 0;
    padding: 0.5rem 1rem 0.5rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.card-right .row1[b-jnkeb4vlqu] {
    width: 100%;
    flex: 1;
    position: relative;
}

.card-right .row1 .text[b-jnkeb4vlqu] {
    position: absolute;
    top: 25%;
    right: 1%;
    font-size: 5rem;
    line-height: 1;
    color: white;
    font-weight: 800;
    font-style: italic;
    white-space: nowrap;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

.card-right .row2[b-jnkeb4vlqu] {
    height: 3rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10px;
}

/* 徽章基础样式 (颜色在底部定义) */
.card-right .row2 .badge[b-jnkeb4vlqu] {
    background: rgba(255, 255, 255, 0.85); 
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: bold;
    flex-shrink: 0;
    border-width: 2px;
    border-style: solid;
    opacity: 0.9;
}

.user-info[b-jnkeb4vlqu] {
    text-align: right;
    color: white;
    opacity: 0.4;
    margin-bottom: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 4.5rem;
    font-size: 0.2rem;
   
    
}

.user-info .user-name[b-jnkeb4vlqu] {
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
     font-size: 0.8rem;
    
}

/* ============================================================
   核心修改：最稳妥的颜色定义区域
   我们分别为 Title, Reward, Badge 定义颜色，并强制生效
   ============================================================ */

/* 1号卡片 (紫色) */
.title-label.branchid1[b-jnkeb4vlqu], .reward-text.branchid1[b-jnkeb4vlqu] { color: #3734c1 !important; }
.badge.branchid1[b-jnkeb4vlqu] { color: #3734c1 !important; border-color: #3734c1 !important; }

/* 2号卡片 (蓝色) */
.title-label.branchid2[b-jnkeb4vlqu], .reward-text.branchid2[b-jnkeb4vlqu] { color: #046ef1 !important; }
.badge.branchid2[b-jnkeb4vlqu] { color: #046ef1 !important; border-color: #046ef1 !important; }

/* 3号卡片 (绿色) */
.title-label.branchid3[b-jnkeb4vlqu], .reward-text.branchid3[b-jnkeb4vlqu] { color: #31c695 !important; }
.badge.branchid3[b-jnkeb4vlqu] { color: #31c695 !important; border-color: #31c695 !important; }

/* 4号卡片 (青色) */
.title-label.branchid4[b-jnkeb4vlqu], .reward-text.branchid4[b-jnkeb4vlqu] { color: #1ebdd7 !important; }
.badge.branchid4[b-jnkeb4vlqu] { color: #1ebdd7 !important; border-color: #1ebdd7 !important; }

/* 5号卡片 (品红) */
.title-label.branchid5[b-jnkeb4vlqu], .reward-text.branchid5[b-jnkeb4vlqu] { color: #c5308b !important; }
.badge.branchid5[b-jnkeb4vlqu] { color: #c5308b !important; border-color: #c5308b !important; }

/* 6号卡片 (黄色) */
.title-label.branchid6[b-jnkeb4vlqu], .reward-text.branchid6[b-jnkeb4vlqu] { color: #f3af00 !important; }
.badge.branchid6[b-jnkeb4vlqu] { color: #f3af00 !important; border-color: #f3af00 !important; }

/* 7号卡片 (黑色) */
.title-label.branchid7[b-jnkeb4vlqu], .reward-text.branchid7[b-jnkeb4vlqu] { color: #000000 !important; }
.badge.branchid7[b-jnkeb4vlqu] { color: #000000 !important; border-color: #000000 !important; }

/* 8号卡片 (橙色) */
.title-label.branchid8[b-jnkeb4vlqu], .reward-text.branchid8[b-jnkeb4vlqu] { color: #df5506 !important; }
.badge.branchid8[b-jnkeb4vlqu] { color: #df5506 !important; border-color: #df5506 !important; }

/* 9号卡片 (淡紫) */
.title-label.branchid9[b-jnkeb4vlqu], .reward-text.branchid9[b-jnkeb4vlqu] { color: #e483d7 !important; }
.badge.branchid9[b-jnkeb4vlqu] { color: #e483d7 !important; border-color: #e483d7 !important; }

/* 99号卡片 (其他紫) */
.title-label.branchid99[b-jnkeb4vlqu], .reward-text.branchid99[b-jnkeb4vlqu] { color: #bd47bd !important; }
.badge.branchid99[b-jnkeb4vlqu] { color: #bd47bd !important; border-color: #bd47bd !important; }
/* /Components/AssignmentBrefEditComp.razor.rz.scp.css */
/* /Components/AssignmentEditComp.razor.rz.scp.css */
/* /Components/AssignmentProj.razor.rz.scp.css */
:host[b-4j54q1ih65] {
    margin: 5px;
}

.task-box[b-4j54q1ih65] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    background-color: #f3f4f6;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem 0.1rem #f3f4f6;
    transition: box-shadow 0.5s;
}

.card-type-label[b-4j54q1ih65] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #6c4ad1;
    margin: 0.5rem 0;
}

.editbutton[b-4j54q1ih65] {
    border: 1px solid #6c4ad1;
    border-radius: 0px;
    width: 19rem;
    height: 15rem;
    color: #6c4ad1;
    background-color: #ffffff;
    text-align: center;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto;
    /* 调整此行使按钮水平居中 */
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}

.card-left .row1 .title-lable[b-4j54q1ih65] {
    color: #6c4ad1;
    width: 100%;
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.title-lable[b-4j54q1ih65] {
    width: 100%;
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.card-left .code[b-4j54q1ih65] {
    color: #9ca3af;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
}

.card-left .row2[b-4j54q1ih65] {
    height: 4.5rem;
}

    .card-left .row2 .content[b-4j54q1ih65] {
        position: relative;
        z-index: 99;
        color: #1f2937;
        font-size: 1rem;
        height: 4rem;
        margin-bottom: 0.1rem;
        text-wrap: normal;
        white-space: pre-wrap;
        overflow: hidden;
    }

    .card-left .row2 .content-edit[b-4j54q1ih65] {
        color: #1f2937;
        width: 11rem;
        height: 3rem;
        /* margin-bottom: 0.25rem; */
        /* overflow: hidden; */
        position: relative;
        z-index: 99;
        /* 禁止在水平方向上拉伸 */
        resize: vertical;
    }

.card-left .row3 .time[b-4j54q1ih65] {
    color: #6b7280;
    font-size: 1rem;
    width: 70%;
    width: 8rem;
}

.reward[b-4j54q1ih65] {
    display: block;
    /* 或者 flex-direction: column; */
    text-align: left;
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0.5rem;
    z-index: 99;
}

    .reward .title[b-4j54q1ih65] {
        margin: 0 0.5rem;
    }

    .reward .constraint[b-4j54q1ih65] {
        margin: 0 0.5rem;
    }

.card-left .row3 .reward-edit[b-4j54q1ih65] {
    width: 1.5rem;
}
/*预计工时   */
.timespend[b-4j54q1ih65] {
    width: 4rem;
    color: black;
}

.card-type[b-4j54q1ih65] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 0.25rem 0;
    width: 60%;
}

.card-left .row4 .card-type .card-type-label[b-4j54q1ih65] {
    /* width: 50%; */
    color: #6c4ad1;
    font-size: 2rem;
    font-weight: 700;
    overflow: hidden;
}

.card-left .row4 .user[b-4j54q1ih65] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 0.5rem;
    color: #9ca3af;
    font-size: 0.875rem;
}

.card-right .row1 .text[b-4j54q1ih65] {
    position: relative;
    z-index: 10;
    color: white;
    font-size: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.text-edit[b-4j54q1ih65] {
    position: relative;
    /* z-index: 10; */
    color: #757575;
    font-size: 2rem;
    width: 4rem;
    display: flex;
    font-style: italic;
    margin: 0.5rem;
    justify-content: center;
    height: 100%;
}

.row1[b-4j54q1ih65] {
    position: relative;
    color: #757575;
    font-size: 0.5rem;
    width: 10rem;
    display: flex;
    font-style: italic;
    margin: 0.5rem auto;
    /* 水平居中 */
    justify-content: center;
    /* 内容居中 */
}

.label-text[b-4j54q1ih65] {
    text-align: center;
    /* 水平居中 */
    margin-top: -0.5rem;
    /* 贴紧上面的输入框 */
    color: #757575;
    font-size: 0.875rem;
    /* 调整字体大小，确保与上面一致 */
}

.card-right .row2 .badge[b-4j54q1ih65] {
    display: flex;
    justify-content: center;
    opacity: 0.8;
    transition: opacity 1s;
    height: 2.5rem;
    width: 2.5rem;
    margin-top: -10px;
    font-size: 1rem;
    border: 3px solid #f15b04;
    border-radius: 50%;
    align-items: center;
    text-align: center;
}

.title-edit[b-4j54q1ih65] {
    color: #6c4ad1;
    font-size: 1rem;
    margin: 0.5rem auto;
    width: 90%;
    height: 4rem;
}

.refer-title[b-4j54q1ih65] {
    flex-grow: 3;
    border-right: dashed 4px #6c4ad1;
    font-weight: bold;
    /* 文字加粗 */
    font-size: 1.1rem;
    /* 调整字体大小 */
}

.refer-input[b-4j54q1ih65] {
    width: 2rem;
}

.panel-header[b-4j54q1ih65] {
    border-bottom: solid 2px #000000;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0%;
}

.refer-detail[b-4j54q1ih65] {
    font-weight: 200;
}/* =========================================================
   核心修复：将 mat- 替换为 mud- 并添加 ::deep 穿透
   ========================================================= */

/* 修改整个 ExpansionPanel 的背景颜色和文字颜色 */
[b-4j54q1ih65] .mud-expand-panel {
    background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
    /* 紫色背景 */
    color: white !important;
    /* 白色文字 */
    border-radius: 0;
}

/* 确保 Header (未展开时的标题栏) 文字和图标颜色为白色 */
[b-4j54q1ih65] .mud-expand-panel-header {
    color: white !important;
}

[b-4j54q1ih65] .mud-expand-panel-header .mud-icon-root {
    color: white !important; /* 确保右侧的箭头图标也是白色的 */
}

/* 确保展开后的 Content 区域背景透明 (透出底部的紫色) 或直接设为紫色 */
[b-4j54q1ih65] .mud-expand-panel-content {
    color: white !important;
    background-color: transparent; 
}

/* 针对 refer-title 的样式 */
.refer-title[b-4j54q1ih65] {
    border-right: dashed 4px #6c4ad1;
    color: white;
}

/* 针对 refer-input 的样式 */
.refer-input[b-4j54q1ih65] {
    background-color: transparent;
    color: white;
}

/* item-box 中的文字颜色为白色 */
.item-box[b-4j54q1ih65] {
    color: white;
    padding: 10px; /* 建议加一点内边距，不然文字贴边了 */
}

/* kongbai间隔 */
.kongbai[b-4j54q1ih65] {
    background-color: white;
}
/* /Components/AuditDescriptionComp.razor.rz.scp.css */
body[b-t63zn8dz1e] {
}
/* /Components/ChannelStyle.razor.rz.scp.css */
/* /Components/ChatItem.razor.rz.scp.css */
.text-message[b-8euvhnkbxd] {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    font-size: 16px;
/*    margin-top: 6px;*/
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 10px;
    white-space: pre-wrap;
    word-break: break-all;
    width: 90%;
    max-width: 30rem;
    margin-right: auto;
}
/* /Components/DisclosureDescriptionComp.razor.rz.scp.css */

.box-body[b-qacdm5bv0l] {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    margin: 24px;
    padding: 0;
}

.text-small[b-qacdm5bv0l] {
    /* font-size: 14px; */
    color: #6b46c1;
    margin-bottom: 16px;
}

.section[b-qacdm5bv0l] {
    margin-bottom: 24px;
}

.section-title[b-qacdm5bv0l] {
    /* font-size: 20px; */
    color: #4a148c;
    font-weight: bold;
    margin-bottom: 8px;
}

.checkbox-group[b-qacdm5bv0l] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

    .checkbox-group input[b-qacdm5bv0l] {
        margin-right: 8px;
    }

    .checkbox-group span[b-qacdm5bv0l] {
        color: #6d28d9;
    }

.section-content[b-qacdm5bv0l] {
    color: #6d28d9;
    height: auto;
    min-height: 6.5rem;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
}

    .section-content > .editor[b-qacdm5bv0l] {
        height: 6.5rem;
        width: 90%;
        position: absolute;
    }

    .section-content > p[b-qacdm5bv0l] {
        margin-bottom: 8px;
    }

.placeholder[b-qacdm5bv0l] {
    color: #6d28d9;
    font-size: 14px;
    margin-bottom: 8px;
    z-index: 99;
}


/* 隐藏原生复选框 */
input[type="radio"][b-qacdm5bv0l] {
    display: none;
}

    /* 自定义复选框样式 */
    input[type="radio"] + label[b-qacdm5bv0l] {
        display: inline-block;
        cursor: pointer;
        padding-left: 25px; /* 可以根据需要调整 */
        position: relative;
    }

        /* 复选框背景样式 */
        input[type="radio"] + label[b-qacdm5bv0l]:before {
            content: "";
            display: inline-block;
            width: 18px; /* 复选框大小 */
            height: 18px; /* 复选框大小 */
            border: 2px solid #6d28d9; /* 边框颜色 */
            border-radius: 3px; /* 可以根据需要调整 */
            position: absolute;
            left: 0;
            top: 0;
        }

    /* 复选框选中状态样式 */
    input[type="radio"]:checked + label[b-qacdm5bv0l]:before {
        background-color: #6d28d9; /* 选中时的背景颜色 */
    }

    /* 选中时显示的对号（或其他图标） */
    input[type="radio"]:checked + label[b-qacdm5bv0l]:after {
        content: "\2713"; /* Unicode对号 */
        font-size: 14px; /* 对号大小 */
        color: #fff; /* 对号颜色 */
        position: absolute;
        left: 4px; /* 调整对号位置 */
        top: -1px; /* 调整对号位置 */
    }

.editbutton[b-qacdm5bv0l] {
    border: 1px solid #6c4ad1;
    border-radius: 0px;
    width: 19rem;
    height: 15rem;
    color: #6c4ad1;
    background-color: #ffffff;
    text-align: center;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto; /* 调整此行使按钮水平居中 */
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}


/* /Components/TaskAnswerComp.razor.rz.scp.css */
/* /Components/TaskRequestComp.razor.rz.scp.css */
/* /Pages/Addtaskview/AddtaskView.razor.rz.scp.css */
[b-p39014r91a]::ng-deep:mdc-list-item__primary-text {
  height: 2rem;
  width: 5rem;
}
:host('mdc-list-item__primary-text')[b-p39014r91a] {
  height: 2rem;
  width: 5rem;
}
.menu-container[b-p39014r91a] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1000;
}
.menu-icon[b-p39014r91a] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  margin-top: 2rem;
  border-radius: 200rem;
  /* 设置元素的圆角半径为 10 像素 */
  width: 1.4rem;
  border: 1px solid #4d1ae4;
  /* 设置 2 像素宽的实线黑色边框 */
  font-size: 1rem;
  color: #4d1ae4;
}
.menu-items[b-p39014r91a] {
  position: absolute;
  margin-top: 0.5rem;
  right: 0;
  color: #4c1ae4b4;
  text-decoration: underline;
  width: 9rem;
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 px px rgba(0, 0, 0, 0.15);
}
.menu-items ul[b-p39014r91a] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-items li[b-p39014r91a] {
  padding: 8px 12px;
  cursor: pointer;
}
.menu-items li:hover[b-p39014r91a] {
  background-color: #f5f5f5;
}
.container[b-p39014r91a] {
  display: flex;
  flex-direction: column;
  /* max-width: 25rem; */
  width: 100%;
  height: calc(100% - 70px);
  /* 禁止背景平铺 */
  /* 根据需要设置背景大小 */
  /* 其他背景样式属性，如背景颜色、位置等 */
  background-size: #ffffff;
  background-repeat: no-repeat;
  /* 上竖杠总 */
  /* 横竖杠 */
  /* 横竖杠 左 */
  /* 横竖杠 
  .horizontal-line-c {
    z-index: 2;
    width: 40%;
    height: 14%;
    
    background-color: #6c4ad1;
    margin-top: 20px;
    
    background-image: -webkit-linear-gradient(0deg, #886cdb 0%, #4d1ae4 60%);
  }
  */
}
.container .vertical-top[b-p39014r91a] {
  display: flex;
  flex-direction: column;
  margin-left: 10%;
  width: 30%;
  height: 38%;
  align-items: center;
  /* 上竖杠 */
  /* 选项 */
  /* 上竖杠2 */
}
.container .vertical-top .horizontal-line[b-p39014r91a] {
  width: 14%;
  height: 33%;
  background-color: #6c4ad1;
  margin-left: 33%;
  /* 控制线与上方内容的距离 */
  background-image: -webkit-linear-gradient(90deg, #886cdb 0%, #886cdb 100%);
}
.container .vertical-top .checkbox[b-p39014r91a] {
  font-size: inherit;
}
.container .vertical-top .checkbox-container[b-p39014r91a] {
  /* width: 50%;
    */
  margin-left: 33%;
  flex-direction: row;
  /* background-color: #acd126; 修改背景颜色为紫色 */
  /* border: 1px solid transparent; 修改边框为透明 */
  margin-top: 10px;
  width: 100%;
}
.container .vertical-top .horizontal-line-a[b-p39014r91a] {
  position: relative;
  width: 14%;
  height: 33%;
  margin-left: 33%;
  background: linear-gradient(90deg, #4d1ae4, #886cdb);
  /* 背景渐变 */
}
.container .vertical-top .horizontal-line-a[b-p39014r91a]:before {
  content: '';
  position: absolute;
  bottom: 0;
  /* 调整位置以形成拐角 */
  left: 0;
  width: 5rem;
  /* 控制拐角水平延伸的长度 */
  height: 30%;
  /* 控制拐角的厚度 */
  background: inherit;
  /* 继承背景渐变 */
}
.container .horizontal-mid[b-p39014r91a] {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  width: 45%;
  height: 3%;
  margin-left: 30%;
  margin-top: -5.8%;
  align-content: center;
  justify-content: flex-start;
  align-items: baseline;
}
.container .horizontal-line-bb[b-p39014r91a] {
  z-index: 2;
  width: 70%;
  height: 2.3vh;
  /* Set height in viewport height units */
  background-color: #6c4ad1;
  margin-top: 2%;
  /* Adjust as needed */
  margin-right: 0%;
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
.vertical-bottom[b-p39014r91a] {
  display: flex;
  flex-direction: column;
  height: 60%;
}
/* 类型选项 */
/* 卡片类类型 */
.select-container[b-p39014r91a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* 可以增加百分比来扩大宽度 */
  height: 20%;
  /* 调整高度来让它变大 */
  margin-top: 5%;
  /* 根据需要调整 */
  margin-right: -15%;
  /* 根据需要调整 */
  background-color: #ffffff;
  font-size: 1.2rem;
  /* 增大字体大小 */
  padding: 1rem;
  /* 增加内边距 */
}
.custom-label[b-p39014r91a] {
  font-size: 0.8rem;
  margin-top: -30%;
  margin-right: -90%;
  width: 90%;
  font-size: 1rem;
  color: #570eaa;
  background-color: #ffffff;
  /* 设置背景颜色为白色 */
  font-weight: bold;
}
.custom-label2[b-p39014r91a] {
  font-size: 1rem;
  border: 1px solid #6c4ad1;
  border-radius: 2px;
  margin-right: -40%;
  width: 100px;
  color: #570eaa;
  background-color: #ffffff;
  /* 设置背景颜色为白色 */
  font-weight: bold;
}
.custom-label3[b-p39014r91a] {
  font-size: 0.8rem;
  width: 5rem;
  height: 2rem;
  color: #570eaa;
  background-color: #ffffff;
  /* 设置背景颜色为白色 */
  font-weight: bold;
}
/* 下竖杠 */
.horizontal-line-d[b-p39014r91a] {
  z-index: 2;
  margin-left: 78%;
  width: 5%;
  height: 70%;
  background-color: #6c4ad1;
  /* 控制线与上方内容的距离 */
  background-image: -webkit-linear-gradient(90deg, #886cdb 0%, #4d1ae4 100%);
}
/* 创建 */
.create-button[b-p39014r91a] {
  z-index: 10;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-color: #4d1ae4;
  font-size: 2rem;
  text-align: center;
  padding-right: 60%;
  /* 使用Flex布局 */
  display: flex;
  justify-content: flex-end;
  /* 垂直居中 */
  align-items: center;
  margin-top: 0px;
  box-shadow: 0ch;
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/* 创建高度*/
.bottom-container[b-p39014r91a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 15%;
  justify-content: center;
  align-items: center;
  /* 垂直居中 */
  margin-top: 0px;
  box-shadow: 0ch;
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/* 左下竖杠 */
.horizontal-line2[b-p39014r91a] {
  /* 启用绝对定位 */
  width: 6%;
  height: 13%;
  background-color: #6c4ad1;
  margin-left: 13%;
  /* 控制线与上方内容的距离 */
  background-image: -webkit-linear-gradient(90deg, #886cdb 0%, #4d1ae4 100%);
}
/* /Pages/AssignmentCRUD/EditTask.razor.rz.scp.css */
.taskRequest[b-n32xc7pl1t] {
    display: flex;
    flex-direction: column;
    height: 700px;
    margin-left: 50px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.title[b-n32xc7pl1t] {
    z-index: 3;
    display: flex;
    margin-left: 50px;
    margin-top: 30px;
    padding-left: 0px; /* 右缩进 */
    border: 0px solid #6c4ad1;
    font-weight: 900;
    color: #4723b3;
    font-size: 36px;
}

.proposer[b-n32xc7pl1t] {
    z-index: 5;
    display: flex;
    margin-left: 50px;
    background-color: #ffffff;
    padding-left: 15px; /* 右缩进 */
    border: 1px solid #6c4ad1;
    background-color: rgb(255, 255, 255);
    color: #4723b3;
    font-size: 10px;
}

.name[b-n32xc7pl1t] {
    z-index: 10;
    display: flex;
    margin-left: 0px;
    margin-top: -30px;
    padding-left: 15px; /* 右缩进 */
    border: 1px solid #6c4ad1;
    background-color: rgb(255, 255, 255);
    color: #4723b3;
    font-size: 10px;
}

.sc-comment:empty[b-n32xc7pl1t]::before {
    display: flex;
    content: attr(placeholder);
    background-color: #ffffff;
}

.sc-comment[b-n32xc7pl1t] {
    z-index: 1;
    height: 100px;
    width: 700px;
    margin-top: 30px;
    margin-left: 50px;
    border: 1px solid black;
    display: flex;
    margin-left: 50px;
    padding-left: 15px; /* 右缩进 */
    border: 1px solid #6c4ad1;
    background-color: rgb(255, 255, 255);
    color: #4723b3;
    font-size: 10px;
}

/* 联系 */
.contact[b-n32xc7pl1t] {
    z-index: 10;
    display: flex; /* 使用Flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    border: 10px solid #6c4ad1;
    border-radius: 80px; /*设置按钮边框为圆角 */
    border: none;
    width: 700px;
    height: 150px;
    color: rgb(255, 255, 255);
    background-color: #4d1ae4;
    font-size: 80px;
    text-align: center;
    /* top: calc(150vh - 350px);
	   */


    margin-left: -120px;
    margin-top: 0px;
    box-shadow: 0ch;
    padding-left: 500px;
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
    background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}

.agree[b-n32xc7pl1t] {
    display: flex; /* 使用Flex布局 */
    z-index: 10;
    border: 1px solid #6c4ad1;
    border-radius: 670px; /* 新增：设置按钮边框为圆角 */

    width: 700px;
    height: 90px;
    color: rgb(255, 255, 255);
    background-color: #6c4ad1; /* 新增：设置按钮背景颜色为绿色 */
    /*text-align: center;
			 top: calc(150vh - 350px);
			 */
    margin-top: 00px;
    padding-left: -100px;
    margin-left: 00px;
    align-items: center; /* 垂直居中 */

    box-shadow: 0ch;
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
    background-image: -webkit-linear-gradient(0deg, #886cdb, #4d1ae4 100%);
}

.disagree[b-n32xc7pl1t] {
    display: flex;
    align-items: center; /* 垂直居中 */
    z-index: 10;
    border: 1px solid #6c4ad1;
    border-radius: 60px; /* 新增：设置按钮边框为圆角 */

    width: 700px;
    height: 90px;
    margin-top: 0px;
    padding-left: -500px;
    margin-left: 00px;
    color: #6c4ad1; /* 新增：设置注册按钮文字颜色为绿色 */
    background-color: rgb(255, 255, 255); /* 新增：设置注册按钮背景颜色为白色 */
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}

.reply[b-n32xc7pl1t] {
    z-index: 1;
    display: flex;
    margin-left: 50px;
    background-color: #ffffff;
    padding-left: 15px; /* 右缩进 */
    border: 1px solid #6c4ad1;
    background-color: rgb(255, 255, 255);
    color: #4723b3;
    font-size: 10px;
}
/* /Pages/History/History.razor.rz.scp.css */
/* /Pages/Holdtask/HoldTask.razor.rz.scp.css */
/* /Pages/Index/Index.razor.rz.scp.css */
/* /Pages/Login/Login.razor.rz.scp.css */
/* /Pages/MessageCenter/Chat/Chat.razor.rz.scp.css */
/* /Pages/MessageCenter/MessageCenter.razor.rz.scp.css */
.container[b-ncvf1p19dr] {
    display: flex;
    justify-content: space-between;
}

.left-items[b-ncvf1p19dr] {
    width: 100px;
}

    .left-items ul[b-ncvf1p19dr] {
        display: flex;
        flex-direction: column;
    }

.content[b-ncvf1p19dr] {
    /* 右边占剩余宽度 */
    flex: 1;
}
/* /Pages/MessageCenter/Messages.razor.rz.scp.css */
/* /Pages/MessageCenter/Myapply/MyApply.razor.rz.scp.css */
/* 父容器样式 */
.container[b-4mufiv2qer] {
  display: flex;
  /* 使用 Flex 布局 */
  justify-content: center;
  /* 水平方向居中 */
  align-items: flex-start;
  /* 垂直方向顶部对齐 */
  height: calc(100vh - 100px);
  /* 高度减去顶部的空间，确保页面内容不覆盖上方功能 */
  margin-top: 00px;
  /* 向下偏移 100px，避免遮挡顶部功能 */
  box-sizing: border-box;
  /* 包括内边距计算在高度中 */
  transform: scale(1);
  /* 等比例缩小容器内容 */
  transform-origin: top center;
  /* 缩放中心调整为顶部 */
  width: 90%;
  /* 将宽度拓宽到视口的 90% */
  max-width: 1200px;
  /* 限制最大宽度 */
  overflow-y: auto;
  /* 如果内容过多，允许垂直滚动 */
  border: none;
  /* 移除隐形边框，避免干扰布局 */
}
/* 数组容器样式 */
.task-wrapper[b-4mufiv2qer] {
  width: 80%;
  /* 宽度占满父容器 */
  height: 50%;
  /* 高度占满父容器 */
  max-width: 1100px;
  /* 最大宽度限制 */
  max-height: 100px;
  display: flex;
  /* 使用 Flex 布局 */
  flex-direction: column;
  /* 垂直排列组件 */
  gap: 10px;
  /* 每个组件之间保持间距 */
}
/* taskAnswer 组件缩放样式 */
.scaled-task[b-4mufiv2qer] {
  margin-bottom: 5px;
  /* 缩小组件之间的间距 */
  box-sizing: border-box;
  /* 确保内容宽高包括内边距 */
}
/* /Pages/MessageCenter/Taskreq/TaskReq.razor.rz.scp.css */
/* 父容器样式 */
.container[b-4owzr8wuqw] {
  display: flex;
  /* 使用 Flex 布局 */
  justify-content: center;
  /* 水平方向居中 */
  align-items: flex-start;
  /* 垂直方向顶部对齐 */
  height: calc(100vh - 100px);
  /* 高度减去顶部保留空间 */
  margin-top: 00px;
  /* 让容器向下偏移 100px */
  box-sizing: border-box;
  /* 包含内边距在内计算高度 */
  transform: scale(1);
  /* 等比例缩小内容 */
  transform-origin: top center;
  /* 缩放中心调整为顶部 */
  /* 容器宽度占屏幕 90% */
  max-width: 4200px;
  /* 限制最大宽度 */
  width: 100%;
  /* 容器宽度占屏幕 90% */
  overflow-y: auto;
  /* 如果内容超过容器范围，允许垂直滚动 */
  border: none;
  /* 移除隐形边框 */
}
/* 数组容器样式 */
.task-wrapper[b-4owzr8wuqw] {
  max-height: 200px;
  /* 限制最大宽度 */
  width: 80%;
  /* 宽度占满父容器 */
  height: 80%;
  /* 高度占满父容器 */
  max-width: 1100px;
  /* 最大宽度限制 */
  max-height: 100px;
  display: flex;
  /* 使用 Flex 布局 */
  flex-direction: column;
  /* 垂直排列组件 */
  gap: 10px;
  /* 每个组件之间保持间距 */
}
/* taskRequest 组件缩放样式 */
.scaled-task[b-4owzr8wuqw] {
  margin-bottom: 5px;
  /* 缩小组件之间的间距 */
  box-sizing: border-box;
  /* 确保内容宽高包括内边距 */
  /*height: 100%;  高度占满父容器 
   
    max-height:400px;*/
}
/* /Pages/Mypublishs/MyPublishs.razor.rz.scp.css */
/* /Pages/Mytaskdetail/MyTaskDetail.razor.rz.scp.css */
.newtaskbox[b-yh3bf20tue] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: 2rem;
}
.pay-container[b-yh3bf20tue] {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
}
.balance[b-yh3bf20tue] {
  margin-left: 30px;
}
.d[b-yh3bf20tue] {
  /* 使用Flex布局 */
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  border: 10px solid #6c4ad1;
  border-radius: 0px;
  /*设置按钮边框为圆角 */
  border: none;
  width: 16rem;
  height: 3rem;
  color: #ffffff;
  background-color: #4d1ae4;
  font-size: 1.25rem;
  text-align: center;
  box-shadow: 0px 5px 2px rgba(116, 116, 116, 0.5);
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
.s[b-yh3bf20tue] {
  height: 3rem;
  align-items: center;
  display: flex;
  width: 5rem;
  margin-left: -5rem;
  padding-left: 3rem;
  /* 右缩进 */
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  background-color: #ffffff;
  color: #4723b3;
}
.payment[b-yh3bf20tue] {
  border: 0px solid #6c4ad1;
  border-radius: 0px;
  /*设置按钮边框为圆角 */
  border: none;
  width: 100%;
  height: 3rem;
  color: #ffffff;
  background-color: #f7b212aa;
  font-size: 1.25rem;
  text-align: center;
  /* top: calc(150vh - 350px);
	   */
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  margin-top: 10px;
  box-shadow: 0ch;
  box-shadow: 5px 5px 0px rgba(116, 116, 116, 0.5);
}
.container[b-yh3bf20tue] {
  background-color: #ffffff;
  width: 400px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.success-message[b-yh3bf20tue] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.success-message .icon[b-yh3bf20tue] {
  color: #007BFF;
  font-size: 24px;
  margin-right: 10px;
}
.success-message .text[b-yh3bf20tue] {
  font-size: 18px;
  color: #333;
}
.amount[b-yh3bf20tue] {
  font-size: 24px;
  color: #FF5722;
  margin-bottom: 20px;
}
.payment-methods[b-yh3bf20tue] {
  font-size: 16px;
  margin-bottom: 10px;
}
.methods[b-yh3bf20tue] {
  display: flex;
}
.methods .method[b-yh3bf20tue] {
  flex: 1;
  text-align: center;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}
.methods .method:last-child[b-yh3bf20tue] {
  margin-right: 0;
}
.methods .method.selected[b-yh3bf20tue] {
  border-color: #007BFF;
}
.methods .method img[b-yh3bf20tue] {
  width: 24px;
  height: auto;
  vertical-align: middle;
}
/* /Pages/Newtask/Muti-Guide/MutiTaskEditGuide.razor.rz.scp.css */
/* 

.wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .label{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 2rem;
        padding: 0 20px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 1.25rem;
        color: #000000;
    }

    .textarea{
        padding: 20px;
        font-size: 1.25rem;
        color: #000000;height: 2rem;
        outline: none;
        resize: none;
    }
}

.link{
    border-bottom: 1px solid #6d28d9;
    width: 6rem;
    display: block;
}


*/
/* 
  输入名称 
  .input {
    z-index: 10;
    width: 100%;
    height: 6rem;  增加按钮的高度 
    color: rgb(255, 255, 255);
    background-color: #4d1ae4;
    font-size: 2rem;
    text-align: center;
    padding-right: 10%;
   
    display: flex;
    justify-content: flex-end;
    
    align-items: center;
    margin-top: 0px;
    box-shadow: 0ch;
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
  }
  */
/*选择区间 
.link {
    z-index: 10;
    width: 100%;
    height: 6rem; 
    color: rgb(255, 255, 255);
    background-color: #4d1ae4;
    font-size: 2rem;
    text-align: center; 
    padding: 0; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    margin-top: 0px;
    box-shadow: 0ch;
    box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}*/
/*.wrapper {
  width: 100%;*/
  /** 45px为navbar高度 */
  /*height: calc(100% - 45px);
}
.schema {
  display: flex;
  width: 100%;
  height: 15rem;
}
.schema-mid {
  width: 71%;
  height: 100%;
  margin-top: 5rem;
}
.schema-right {
  width: 10%;
  height: 30rem;
}
.select-logo {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  max-width: 20rem;
  width: 80%;
  transform: scale(0.7);
}
.select {
  border: 0px solid #6c4ad1;
  border-radius: 0px;
  height: 2rem;
  width: 70%;
  font-size: 1.25rem;
  color: #6c4ad1;
  background-color: #ffffff;
  margin-top: -1rem;
  margin-left: 15%;
  box-shadow: 0px 0px 0px rgba(116, 116, 116, 0.5);
  text-align: center;
  transform: rotate(-10deg) skewX(-15deg);*/
  /* 旋转元素并倾斜字体 */
/*}
.brief {
  margin-top: 0%;
  margin-left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .brief {
    margin-top: 5rem;
  }
}
.taskName {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  height: 4rem;
  width: 70%;
  color: #6c4ad1;
  background-color: #ffffff;
  font-size: 1.4rem;
  text-align: center;*/
  /* display: flex;
  justify-content: center; font-weight: bold;
  align-items: center;
 
  margin-right: auto;*/
  /*margin-left: 20%;
  margin-top: 16rem;
  box-shadow: 3px 3px 3px rgba(116, 116, 116, 0.5);
}
.taskDescription {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  height: 2rem;
  width: 70%;
  font-size: 1rem;
  color: #6c4ad1;
  background-color: #ffffff;
  text-align: center;
  line-height: 2rem;*/
  /* 设置与 height 相同的值，使得文字在垂直方向上居中 */
  /*margin-left: 20%;
  margin-top: -0.5rem;
}*/
/* 上竖杠 */
/*.horizontal-line-left {
  position: relative;
  width: 5.5%;
  height: 15rem;
  margin-left: 13%;
  background: linear-gradient(90deg, #4d1ae4, #4d1ae4);*/
  /* 背景渐变 */
/*}
.horizontal-line-left::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;*/
  /* 调整位置以形成拐角 */
  /*left: 0;
  width: 100%;
  margin-left: 99%;*/
  /* 控制拐角水平延伸的长度 */
  /*height: 1rem;*/
  /* 控制拐角的厚度 */
  /*background: inherit;*/
  /* 继承背景渐变 */
/*}*/
/* 下竖杠 */
/*.horizontal-line-right {
  position: relative;
  width: 40%;
  margin-top: 14rem;
  height: 100%;
  background: linear-gradient(90deg, #4d1ae4, #6c4ad1);*/
  /* 背景渐变 */
/*}
.horizontal-line-right:before {
  content: "";
  display: block;
  position: absolute;*/
  /* 调整位置以形成拐角 */
  /*top: 0;
  right: 0;
  margin-right: 99%;*/
  /* 控制拐角水平延伸的长度 */
  /*width: 100%;*/
  /* 控制拐角的厚度 */
  /*height: 1rem;*/
  /* 继承背景渐变 */
  /*background: inherit;
}
.submit {
  margin-left: -6rem;
  width: 10rem;
  font-size: 1.15rem;
  height: 3rem;
  background-color: #4d1ae4;
  color: #ffffff;
}*/
/* /Pages/Newtask/Mutitask/MutiTaskEdit.razor.rz.scp.css */
/* /Pages/Newtask/SingleTaskEdit.razor.rz.scp.css */
.newtaskbox[b-0e6xduidf2] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch;
  background-color: #316f5a;
  flex-wrap: wrap;
}
.logo[b-0e6xduidf2] {
  transform: scale(1);
}
.menu-container[b-0e6xduidf2] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1000;
}
.menu-icon[b-0e6xduidf2] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  margin-top: 2rem;
  border-radius: 200rem;
  /* 设置元素的圆角半径为 10 像素 */
  width: 1.4rem;
  border: 1px solid #4d1ae4;
  /* 设置 2 像素宽的实线黑色边框 */
  font-size: 1rem;
  color: #4d1ae4;
}
.menu-items[b-0e6xduidf2] {
  position: absolute;
  top: 30px;
  right: 0;
  text-decoration: underline;
  width: 9rem;
  margin-top: 2rem;
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 px px rgba(0, 0, 0, 0.15);
}
.menu-items ul[b-0e6xduidf2] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-items li[b-0e6xduidf2] {
  padding: 8px 12px;
  cursor: pointer;
}
.menu-items li:hover[b-0e6xduidf2] {
  background-color: #f5f5f5;
}
/* 导航 */
.uni-navbar[b-0e6xduidf2] {
  text-align: center;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  z-index: 99;
  border: 0px solid #6c4ad1;
  border-radius: 00px;
  /* 新增：设置按钮边框为圆角 */
  width: 100%;
  height: 150px;
  background-color: #ffffff;
  margin-top: 0px;
  margin-left: 0px;
  /*background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);*/
}
.text[b-0e6xduidf2] {
  display: flex;
  flex-direction: row;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
  color: #4d1ae4;
  font-size: 39px;
  letter-spacing: 6px;
  /* 设置文字间隔 */
}
.editbutton[b-0e6xduidf2] {
  border: 1px solid bisque;
  color: darkgray;
  background-color: #aa00ff;
}
.pay-container[b-0e6xduidf2] {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  background-color: #55aaff;
}
.balance[b-0e6xduidf2] {
  margin-left: 0px;
}
.edit-box[b-0e6xduidf2] {
  z-index: 1;
  border: 1px solid white;
  color: darkgray;
  position: relative;
  margin-top: 2rem;
  margin: 0 4px;
}
.w[b-0e6xduidf2] {
  z-index: 1;
  border: 1px solid white;
  color: darkgray;
  background-color: #55557f;
}
.tasktype[b-0e6xduidf2] {
  z-index: 1;
  display: flex;
  position: absolute;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  z-index: 3;
  bottom: 1px;
  right: 1px;
  font-size: 39px;
  /*font-style: italic; 斜体 */
  margin-top: 10px;
  font-weight: 900;
  color: #4d1ae4;
  text-decoration: underline;
  /* 添加下划线 */
  text-decoration-thickness: 15px;
  /* 设置下划线的粗细 */
  background-color: #ffffff;
}
/* 上竖杠 */
.horizontal-line3[b-0e6xduidf2] {
  position: relative;
  width: 5.5%;
  height: 18%;
  margin-left: 13%;
  background: linear-gradient(90deg, #4d1ae4, #4d1ae4);
  /* 背景渐变 */
}
.publish-button[b-0e6xduidf2] {
  z-index: 10;
  height: 4rem;
  width: 100%;
  color: #ffffff;
  background-color: #4d1ae4;
  border: 2px solid #784ff4;
  font-size: 1.5rem;
  text-align: right;
  /* 确保文字靠右 */
  display: flex;
  justify-content: flex-end;
  /* 让内容靠右对齐 */
  align-items: center;
  /* 垂直居中 */
  padding: 0 1rem;
  /* 两侧增加一点内边距 */
  margin-top: 0px;
  box-shadow: 5px 5px 0px rgba(40, 11, 209, 0.5);
}
.publish-text[b-0e6xduidf2] {
  margin-right: 0.2rem;
  /* 让文字和图标紧贴 */
}
.send-icon[b-0e6xduidf2] {
  width: 2rem;
  /* 根据需要调整图标大小 */
  height: 2rem;
}
/* /Pages/Order/Order.razor.rz.scp.css */
/* /Pages/Oss/Filemanager/Filemanager.razor.rz.scp.css */
.mat-column-select[b-wzwzyks489] {
  overflow: initial;
}
.verticalEllipsis[b-wzwzyks489]::after {
  content: '\22EE';
}
.file-container[b-wzwzyks489] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.file-item[b-wzwzyks489] {
  display: flex;
  align-items: center;
}
table[b-wzwzyks489] {
  width: 90%;
  padding: 6px 8px;
}
.header[b-wzwzyks489] {
  color: #ffffff;
  background-color: #4d1ae4;
}
.introduce[b-wzwzyks489] {
  display: flex;
  justify-content: flex-end;
  /* 让文字靠右侧显示 */
  align-items: center;
  padding: 0px 8px;
  font-size: 0.75rem;
  /* 放大文字大小 */
  font-weight: bold;
  /* 文字加粗#4d1ae4 */
  color: #6c4ad1;
}
.icon-upload[b-wzwzyks489] {
  color: #4d1ae4;
  display: flex;
  justify-content: flex-end;
  /* 让文字靠右侧显示 */
  align-items: center;
  padding: 0px 8px;
  font-size: 2rem;
  /* 放大文字大小 */
  font-weight: bold;
  /* 文字加粗 */
}
.download[b-wzwzyks489] {
  color: #ffffff;
  background-color: #6c4ad1;
  width: 4rem;
  font-size: 0.75rem;
  margin-top: 3rem;
  height: 2rem;
  box-shadow: 3px 3px 0px rgba(116, 116, 116, 0.5);
}
p[b-wzwzyks489] {
  max-width: 5rem;
  max-height: 5rem;
  font-size: 0.5rem;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mdc-data-table__cell[b-wzwzyks489],
.mdc-data-table__header-cell[b-wzwzyks489] {
  padding: 0 4px 0 4px;
}
.elevation[b-wzwzyks489] {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  width: 8rem;
  height: 3rem;
  margin-left: 50%;
  margin-top: 2rem;
  color: #6c4ad1;
  /* 新增：设置按钮文字颜色为白色 */
  background-color: #ffffff;
  text-align: center;
  /* top: calc(150vh - 350px);
         */
  font-size: rem;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}
.lgtip[b-wzwzyks489] {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  /* 新增：设置按钮边框为圆角 */
  width: 300px;
  height: 60px;
  margin-top: 30px;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  color: #6c4ad1;
  /* 新增：设置注册按钮文字颜色为绿色 */
  background-color: #ffffff;
  /* 新增：设置注册按钮背景颜色为白色 */
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/* /Pages/Oss/Ossfileview/Ossfileview.razor.rz.scp.css */
/* /Pages/policy/About/About.razor.rz.scp.css */
.bold[b-qp7xsba7p5] {
  font-weight: bold;
}
.underline[b-qp7xsba7p5] {
  text-decoration: underline;
}
.sectitle[b-qp7xsba7p5] {
  font-size: 1.2rem;
  font-weight: bold;
}
.swiper-item-image[b-qp7xsba7p5] {
  width: 100%;
  height: 315px;
}
.user-view[b-qp7xsba7p5] {
  width: auto;
  /* 自适应内容宽度 */
  margin-left: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px;
  box-sizing: content-box;
  padding-left: 15px;
  /* 右缩进 */
  border: 1px solid #6c4ad1;
  background-color: #ffffff;
  color: #4723b3;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 10px;
  /* 上内边距设置为 10px */
  padding-bottom: 10px;
  /* 下内边距设置为 10px */
  /* background-image: -webkit-linear-gradient(0deg, #9781da 0%, #999fd8 100%);*/
}
.user-view2[b-qp7xsba7p5] {
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 2px;
  border-radius: 5px;
  padding-left: 15px;
  /* 右缩进 */
  box-sizing: content-box;
  border: 0px solid #f5f5f5;
  background-color: #ffffff;
  color: #6c4ad1;
  font-size: 30px;
  padding-top: 0px;
  /* 上内边距设置为 10px */
  padding-bottom: 10px;
  /* 下内边距设置为 10px */
  /* background-image: -webkit-linear-gradient(0deg, #9781da 0%, #999fd8 100%);*/
  text-decoration: underline;
}
.jinggao[b-qp7xsba7p5] {
  display: flex;
  font-size: 30px;
  color: #ffffff;
  background-color: #ffaa00;
  height: 160px;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  /* 调整文字与左边的间距 */
  padding-right: 20px;
  /* 调整文字与右边的间距 */
}
.jinggao2[b-qp7xsba7p5] {
  display: flex;
  font-size: 30px;
  color: #ffffff;
  background-color: #ffaa00;
  height: 200px;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  /* 调整文字与左边的间距 */
  padding-right: 20px;
  /* 调整文字与右边的间距 */
}
.beizhu[b-qp7xsba7p5] {
  font-size: 26px;
  color: #7c7c7c;
}
.lianjie[b-qp7xsba7p5] {
  font-size: 26px;
  color: #0000f4;
  text-decoration: underline;
}
.jieshao[b-qp7xsba7p5] {
  font-size: 26px;
  color: #00007f;
  font-weight: bold;
}
.gaoliang[b-qp7xsba7p5] {
  font-size: 30px;
  color: #5500ff;
  font-weight: bold;
}
.bold2[b-qp7xsba7p5] {
  color: #00007f;
  font-weight: bold;
}
.bold3[b-qp7xsba7p5] {
  color: #6c4ad1;
  font-weight: bold;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  font-size: 40px;
  align-items: center;
  /* 垂直居中 */
}
.center[b-qp7xsba7p5] {
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}
/* /Pages/policy/Cost/Cost.razor.rz.scp.css */
/* WXSS */
.table[b-0c2015dx7x] {
  position: relative;
  margin-left: 10px;
}
.tr[b-0c2015dx7x] {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  /* 单实线边框 */
  padding: 5px 0;
}
.th[b-0c2015dx7x],
.td[b-0c2015dx7x] {
  flex: 1;
  text-align: center;
  padding: 5px;
}
/* Add more styles as needed */
.swiper-item-image[b-0c2015dx7x] {
  width: 100%;
  height: 315px;
}
.user-view[b-0c2015dx7x] {
  width: auto;
  /* 自适应内容宽度 */
  margin-left: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px;
  box-sizing: content-box;
  padding-left: 15px;
  /* 右缩进 */
  border: 1px solid #6c4ad1;
  background-color: #ffffff;
  color: #4723b3;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 10px;
  /* 上内边距设置为 10px */
  padding-bottom: 10px;
  /* 下内边距设置为 10px */
  /* background-image: -webkit-linear-gradient(0deg, #9781da 0%, #999fd8 100%);*/
}
.user-view2[b-0c2015dx7x] {
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 2px;
  border-radius: 5px;
  padding-left: 15px;
  /* 右缩进 */
  box-sizing: content-box;
  border: 0px solid #f5f5f5;
  background-color: #ffffff;
  color: #6c4ad1;
  font-size: 30px;
  padding-top: 0px;
  /* 上内边距设置为 10px */
  padding-bottom: 10px;
  /* 下内边距设置为 10px */
  /* background-image: -webkit-linear-gradient(0deg, #9781da 0%, #999fd8 100%);*/
  text-decoration: underline;
}
.jinggao[b-0c2015dx7x] {
  display: flex;
  font-size: 30px;
  color: #ffffff;
  background-color: #ffaa00;
  height: 150px;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  /* 调整文字与左边的间距 */
  padding-right: 20px;
  /* 调整文字与右边的间距 */
}
.jinggao2[b-0c2015dx7x] {
  display: flex;
  font-size: 30px;
  color: #ffffff;
  background-color: #ffaa00;
  height: 200px;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  /* 调整文字与左边的间距 */
  padding-right: 20px;
  /* 调整文字与右边的间距 */
}
.x[b-0c2015dx7x] {
  text-decoration: underline;
}
.beizhu[b-0c2015dx7x] {
  font-size: 26px;
  color: #7c7c7c;
}
.lianjie[b-0c2015dx7x] {
  font-size: 26px;
  color: #5500ff;
}
.jieshao[b-0c2015dx7x] {
  font-size: 26px;
  color: #00007f;
  font-weight: bold;
}
.gaoliang[b-0c2015dx7x] {
  font-size: 30px;
  color: #5500ff;
  font-weight: bold;
}
.gaoliang2[b-0c2015dx7x] {
  font-size: 40px;
  color: #5500ff;
  font-weight: bold;
}
.bold2[b-0c2015dx7x] {
  color: #00007f;
  font-weight: bold;
}
.bold[b-0c2015dx7x] {
  color: #6c4ad1;
  font-weight: bold;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  font-size: 40px;
  align-items: center;
  /* 垂直居中 */
}
/* /Pages/policy/Instructions/Instructions.razor.rz.scp.css */
/* /Pages/policy/Privacy/Privacy.razor.rz.scp.css */
.bold[b-rv2b9yuz64] {
  font-weight: bold;
}
.underline[b-rv2b9yuz64] {
  text-decoration: underline;
}
.sectitle[b-rv2b9yuz64] {
  font-size: 1.2rem;
  font-weight: bold;
}
.swiper-item-image[b-rv2b9yuz64] {
  width: 100%;
  height: 315px;
}
.user-view[b-rv2b9yuz64] {
  width: auto;
  /* 自适应内容宽度 */
  margin-left: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px;
  box-sizing: content-box;
  padding-left: 15px;
  /* 右缩进 */
  border: 1px solid #6c4ad1;
  background-color: #ffffff;
  color: #4723b3;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 10px;
  /* 上内边距设置为 10px */
  padding-bottom: 10px;
  /* 下内边距设置为 10px */
  /* background-image: -webkit-linear-gradient(0deg, #9781da 0%, #999fd8 100%);*/
}
.user-view2[b-rv2b9yuz64] {
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 2px;
  border-radius: 5px;
  padding-left: 15px;
  /* 右缩进 */
  box-sizing: content-box;
  border: 0px solid #f5f5f5;
  background-color: #ffffff;
  color: #6c4ad1;
  font-size: 30px;
  padding-top: 0px;
  /* 上内边距设置为 10px */
  padding-bottom: 10px;
  /* 下内边距设置为 10px */
  /* background-image: -webkit-linear-gradient(0deg, #9781da 0%, #999fd8 100%);*/
  text-decoration: underline;
}
.jinggao[b-rv2b9yuz64] {
  display: flex;
  font-size: 30px;
  color: #ffffff;
  background-color: #ffaa00;
  height: 160px;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  /* 调整文字与左边的间距 */
  padding-right: 20px;
  /* 调整文字与右边的间距 */
}
.jinggao2[b-rv2b9yuz64] {
  display: flex;
  font-size: 30px;
  color: #ffffff;
  background-color: #ffaa00;
  height: 200px;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  /* 调整文字与左边的间距 */
  padding-right: 20px;
  /* 调整文字与右边的间距 */
}
.beizhu[b-rv2b9yuz64] {
  font-size: 26px;
  color: #7c7c7c;
}
.lianjie[b-rv2b9yuz64] {
  font-size: 26px;
  color: #0000f4;
  text-decoration: underline;
}
.jieshao[b-rv2b9yuz64] {
  font-size: 26px;
  color: #00007f;
  font-weight: bold;
}
.gaoliang[b-rv2b9yuz64] {
  font-size: 30px;
  color: #5500ff;
  font-weight: bold;
}
.bold2[b-rv2b9yuz64] {
  color: #00007f;
  font-weight: bold;
}
.bold3[b-rv2b9yuz64] {
  color: #6c4ad1;
  font-weight: bold;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  font-size: 40px;
  align-items: center;
  /* 垂直居中 */
}
.center[b-rv2b9yuz64] {
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}
/* /Pages/Publicity/Posts/CreatePost.razor.rz.scp.css */
[b-g5xspub3fe] .rz-html-editor-content * {
    all:revert;
}

.editor-content-preview[b-g5xspub3fe] {
    border: dashed gray 1px;
}

[b-g5xspub3fe] .editor-content-preview a, li[b-g5xspub3fe], ul[b-g5xspub3fe] {
    all: revert;
}
/* /Pages/Publicity/Posts/PostDetailPage.razor.rz.scp.css */
[b-8zjo5hbq72] .rz-html-editor-content * {
    all: revert;
}

.editor-content-preview[b-8zjo5hbq72] {
    border: dashed gray 1px;
}

[b-8zjo5hbq72] .editor-content-preview a, li[b-8zjo5hbq72], ul[b-8zjo5hbq72] {
    all: revert;
}
/* /Pages/Publicity/Violation/Violation.razor.rz.scp.css */
.navbar[b-2g4h6hndc1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.back-btn[b-2g4h6hndc1] {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #007bff;
}
.back-btn:hover[b-2g4h6hndc1] {
  text-decoration: underline;
}
.page-title[b-2g4h6hndc1] {
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.page-container[b-2g4h6hndc1] {
  padding: 20px;
}
/* /Pages/Reference/Detail/Detail.razor.rz.scp.css */
/* /Pages/Reference/Edit/Edit.razor.rz.scp.css */
.commit-btn[b-6if2qh7em1] {
  z-index: 10;
  display: flex;
  height: 70px;
  width: 100%;
  background-color: #5500ff;
  margin-left: auto;
  margin-right: auto;
  /* align-content: center; */
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 5px;
  color: #ffffff;
  border: 1px solid #5500ff;
  border-radius: 0px;
  position: relative;
  margin-top: 20px;
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/* /Pages/Reference/History/Detail/Detail.razor.rz.scp.css */
/* /Pages/Reference/History/History.razor.rz.scp.css */
[b-niw1k51oqp] .item {
  display: flex;
  height: 40px;
  width: 80%;
  background-color: rgba(218, 175, 178, 0.1);
  margin-left: auto;
  margin-right: auto;
  /* align-content: center; */
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 5px;
}
/* /Pages/Reference/New/New.razor.rz.scp.css */
.commit-btn[b-8lusm3vrq9] {
  display: flex;
  height: 70px;
  width: 100%;
  background-color: #5500ff;
  margin-left: auto;
  margin-right: auto;
  /* align-content: center; */
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 5px;
  color: #ffffff;
  border: 1px solid #5500ff;
  border-radius: 0px;
  position: relative;
   /*margin-top: 300px;*/
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
.a[b-8lusm3vrq9] {
  z-index: -1;
  padding: 20px;
  /* 内边距 */
  width: 100%;
  text-decoration: none;
  font-size: 40px;
  /* 尺寸 */
  letter-spacing: 6px;
  /* 字母之间的间距 */
  line-height: 50px;
  /* 文本上下位置 */
  height: 70px;
  /* 背景高度 */
  color: #ffffff;
  /* 字体颜色 */
  padding-left: 20px;
  /* 右缩进 */
  text-align: center;
  /*水平居中对齐 */
  display: flex;
  /*变为弹性容器 */
  justify-content: center;
  /*主轴上水平居中对齐 */
  align-items: center;
  /*垂直居中对齐 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
/* /Pages/Reference/ReferencePage.razor.rz.scp.css */

/* 顶部 */
.Toptitle[b-ylfthr4lgx] {
    padding: 0;
}

.blue-bg[b-ylfthr4lgx] {
    background-image: -webkit-linear-gradient(0deg, #886cdb, #4d1ae4 100%);
    height: 1.5rem;
    flex: 1;
    margin-top: 1rem;
}

.blue-bg2[b-ylfthr4lgx] {
    background-image: -webkit-linear-gradient(0deg,#4d1ae4, #886cdb 100%);
    height: 1.5rem; /* 设置背景条的高度，与文字对齐 */
    flex: 1; /* 背景条占据剩余空间 */
    display: flex;
    align-items: center; /* 保证背景条内的内容居中 */
    margin-top: 1rem;
}

.text[b-ylfthr4lgx] {
    background-color: rgb(255, 255, 255);
    font-size: 2.7rem;
    margin-top: -0.2rem;
    display: flex;
    justify-content: center; /* 水平居中     font-weight: bold 50%;*/
    align-items: center; /* 垂直居中 */
    padding: 0 0rem; /* 给文字添加适当的内边距 */
    padding: 0;
}



/* 标题 */

.List[b-ylfthr4lgx] {
    background-color: rgb(255, 255, 255);
    padding: 0px;
}


.referList[b-ylfthr4lgx] {
    display: flex;
    align-items: center;
    margin: 0px 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
}

    .referList:hover[b-ylfthr4lgx] {
        background-color: #ffffff;
        color: #6a3bfa !important;
        cursor: pointer;
        z-index: 111;
    }

.referitem[b-ylfthr4lgx] {
    background-color: rgb(255, 255, 255);
    padding: 7px 0;
    width: 100%;
    height: 100%;
    margin: 0px 0;
    border-bottom: 1px solid #e3e3e3; /* 下方的细描边 */
}

.itemcontent[b-ylfthr4lgx] {
    flex: 1;
    background-color: #ffffff;
    padding: 0 0px;
}

.referitem:hover[b-ylfthr4lgx] {
    background-color: #ffffff;
    border-radius: 0px;
    padding: 0px;
}

.left-box[b-ylfthr4lgx] {
    width: 7px;
    height: 52px;
    background-color: rgb(94, 40, 255);
    left: 0;
    padding: 0;
}

.right-box[b-ylfthr4lgx] {
    width: 3px;
    height: 60px;
    background-color: rgb(94, 40, 255);
    padding: 0px;
    right: 0;
}

/* 分页按钮排布区域 */

.Pagination[b-ylfthr4lgx] {
    font-weight: bold;
    width: 30%;
    margin-left: auto;
    margin-right: 0;
    margin-top: 2rem;
    padding: 0px 0px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .Pagination:hover[b-ylfthr4lgx] {
        font-weight: bold;
        background-color: #ffffff;
        color: #6a3bfa !important;
        cursor: pointer;
        z-index: 111;
    }


/* 底部 */



.Bottom[b-ylfthr4lgx] {
    display: flex;
    align-items: center;
    margin: 0px 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
}



[b-ylfthr4lgx] .AddSquare {
    background-color: #f7b212aa;
    color: rgb(255, 255, 255);
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.Search[b-ylfthr4lgx] {
    background-color: aqua;
    width: 25rem;
    height: 2.5rem;
}

/* 控制整体容器高度 */
.my-search[b-ylfthr4lgx] {
    height: 2.2rem;
    font-size: 0.85rem;
    padding: 0;
    margin: 0;
}

    /* 控制 input 输入区域样式 */
    .my-search input[b-ylfthr4lgx] {
        height: 1.8rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.85rem;
    }

    /* 控制图标按钮 */
    .my-search .mud-input-adornment[b-ylfthr4lgx] {
        height: 1.8rem;
    }


/* /Pages/Reference/Search/Search.razor.rz.scp.css */
.content[b-jj696fwcso] {
  display: flex;
  flex-direction: column;
  /* align-items: center;
		justify-content: center; */
}
/* 轮播图*/
.swiper-item-image[b-jj696fwcso] {
  width: 100%;
  height: 100%;
}
.logo[b-jj696fwcso] {
  height: 200px;
  width: 200px;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.button-container[b-jj696fwcso] {
  z-index: 10;
  /* 防止按钮换行 */
  /* 开启 水 平滚动条 */
  display: flex;
  /* 水平布局 */
  white-space: nowrap;
  overflow-x: scroll;
  width: 1500px;
}
.sc-button[b-jj696fwcso] {
  display: inline-block;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  border: 0px solid #6c4ad1;
  border-radius: 20px;
  /* line-height 应与height一致才能使文字竖直居中 */
  line-height: 70px;
  margin: 5px;
  height: 70px;
  width: 100px;
}
.text-area[b-jj696fwcso] {
  display: flex;
  justify-content: center;
}
.title[b-jj696fwcso] {
  font-size: 36px;
  color: #8f8f94;
}
.uni-mt-10[b-jj696fwcso] {
  margin-top: 10px;
  display: block;
}
.swiper[b-jj696fwcso] {
  height: 300px;
}
.swiper-item[b-jj696fwcso] {
  display: block;
  height: 300px;
  line-height: 300px;
  text-align: center;
}
.uni-bg-red[b-jj696fwcso] {
  background-color: red;
}
.uni-bg-green[b-jj696fwcso] {
  background-color: green;
}
.uni-bg-blue[b-jj696fwcso] {
  background-color: blue;
}
.totop[b-jj696fwcso] {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0px;
  bottom: 70px;
  width: 60px;
  height: 60px;
  z-index: 99;
  color: #4d1ae4;
  /*box-shadow: 0px 5px 2px rgba(116, 116, 116, 0.5);*/
  border-radius: 80px;
}
.r[b-jj696fwcso] {
  border: 10px solid #6c4ad1;
  border-radius: 0px;
  /*设置按钮边框为圆角 */
  border: none;
  width: 700px;
  height: 80px;
  color: #ffffff;
  background-color: #4d1ae4;
  font-size: 30px;
  text-align: center;
  /* top: calc(150vh - 350px);
	   */
  margin-left: -120px;
  margin-top: 0px;
  box-shadow: 0ch;
  padding-left: 400px;
  box-shadow: 0px 5px 2px rgba(116, 116, 116, 0.5);
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
.container[b-jj696fwcso] {
  display: flex;
  flex-wrap: wrap;
}
.item[b-jj696fwcso] {
  flex: 0 0 50%;
  /* 每列占50%的宽度 */
  padding: 10px;
  box-sizing: border-box;
}
.history-item[b-jj696fwcso] {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 40px;
}
.clock[b-jj696fwcso] {
  width: 30px;
  margin-right: 40px;
}
.delbtn[b-jj696fwcso] {
  position: fixed;
  right: 20px;
}
/* /Pages/Register/Accountinfo/AccountInfo.razor.rz.scp.css */
.usercenter[b-kk9k3ee3v6] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1px;
  flex-direction: column;
}
.tips[b-kk9k3ee3v6] {
  color: red;
  font-size: small;
}
.rg-input[b-kk9k3ee3v6] {
  margin-top: 40px;
  width: 300px;
  height: 30px;
  border: 1px solid #6c4ad1;
  /* font-family: uniicons;*/
  text-decoration: none;
  padding-left: 15px;
  /* 右缩进 */
  font-size: 30px;
  /* 尺寸 */
  letter-spacing: 3px;
  line-height: 40px;
  /* 文本上下位置 */
  height: 70px;
  /* 背景高度 */
  color: #ffffff;
  /* 字体颜色 */
  margin: px 0;
  /* 上下位置 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
  border-bottom: 0px solid #6c4ad1;
  /* 添加底部边框，可以根据需要调整颜色和粗细 */
  outline: none;
  /* 移除默认的焦点边框 */
}
.lgtip-button[b-kk9k3ee3v6] {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  /* 新增：设置按钮边框为圆角 */
  width: 300px;
  height: 60px;
  margin-top: 30px;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  color: #6c4ad1;
  /* 新增：设置注册按钮文字颜色为绿色 */
  background-color: #ffffff;
  /* 新增：设置注册按钮背景颜色为白色 */
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/*.rg-input {
  margin-top:100px;
  width: 300px;
    height:20px;
    border: 8px solid #6c4ad1;

   
    border-radius: 0px; /* 将输入框的圆角设置为50 
    border: none; /* 移除默认边框 
    border-bottom: 8px solid #6c4ad1; /* 添加底部边框，可以根据需要调整颜色和粗细 
    outline: none; /* 移除默认的焦点边框 
    background: transparent; /* 设置背景为透明，以便底部边框显示 
    padding: 0; /* 移除默认内边距，可以根据需要设置 

}
*/
/* /Pages/Register/Find/Find.razor.rz.scp.css */
.rg-input[b-nwgzcb3dzt] {
  margin-top: 40px;
  width: 80%;
  height: 30px;
  border: 1px solid #6c4ad1;
  margin-left: 5%;
  /* font-family: uniicons;*/
  text-decoration: none;
  padding-left: 15px;
  /* 右缩进 */
  font-size: 30px;
  /* 尺寸 */
  letter-spacing: 3px;
  line-height: 40px;
  /* 文本上下位置 */
  height: 70px;
  /* 背景高度 */
  color: #ffffff;
  /* 字体颜色 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
  border-bottom: 0px solid #6c4ad1;
  /* 添加底部边框，可以根据需要调整颜色和粗细 */
  outline: none;
  /* 移除默认的焦点边框 */
}
.button[b-nwgzcb3dzt] {
  border: 0px solid #6c4ad1;
  font-size: 13px;
  border-radius: 0px;
  /* 新增：设置按钮边框为圆角 */
  width: 100px;
  height: 35px;
  margin-top: 20px;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  margin-left: 500px;
  color: #6c4ad1;
  /* 新增：设置注册按钮文字颜色为绿色 */
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
}
.lianjie[b-nwgzcb3dzt] {
  font-size: 26px;
  color: #5500ff;
}
/* /Pages/Register/Livedetect/Livedetect.razor.rz.scp.css */
/* /Pages/Register/Livedetect/Livedetect1.razor.rz.scp.css */
/* /Pages/Register/Register.razor.rz.scp.css */
.usercent a[b-easjso4nwn]{
    all:revert;
}

.testa[b-easjso4nwn]{
    margin-left:2px;
}

[b-easjso4nwn] .testb{
    margin-right:3px;
}
/* /Pages/Register/Unfreeze/Unfreeze.razor.rz.scp.css */
.usercenter[b-bi7qms5jmu] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1px;
  flex-direction: column;
}
.tips[b-bi7qms5jmu] {
  color: red;
  font-size: small;
}
.rg-input[b-bi7qms5jmu] {
  margin-top: 40px;
  width: 300px;
  height: 30px;
  border: 1px solid #6c4ad1;
  /* font-family: uniicons;*/
  text-decoration: none;
  padding-left: 15px;
  /* 右缩进 */
  font-size: 30px;
  /* 尺寸 */
  letter-spacing: 3px;
  line-height: 40px;
  /* 文本上下位置 */
  height: 70px;
  /* 背景高度 */
  color: #ffffff;
  /* 字体颜色 */
  margin: px 0;
  /* 上下位置 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
  border-bottom: 0px solid #6c4ad1;
  /* 添加底部边框，可以根据需要调整颜色和粗细 */
  outline: none;
  /* 移除默认的焦点边框 */
}
.lgtip-button[b-bi7qms5jmu] {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  /* 新增：设置按钮边框为圆角 */
  width: 300px;
  height: 60px;
  margin-top: 30px;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  color: #6c4ad1;
  /* 新增：设置注册按钮文字颜色为绿色 */
  background-color: #ffffff;
  /* 新增：设置注册按钮背景颜色为白色 */
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/* /Pages/Register/Unpass/Unpass.razor.rz.scp.css */
/* /Pages/Register/Verify/Verify.razor.rz.scp.css */
/* /Pages/Searchresult/SearchResult.razor.rz.scp.css */
.content[b-49u9l17tpo] {
  display: flex;
  flex-direction: column;
  /* //align-items: center;
		//justify-content: center; */
}
/* 轮播图*/
.swiper-item-image[b-49u9l17tpo] {
  width: 100%;
  height: 100%;
}
.logo[b-49u9l17tpo] {
  height: 200px;
  width: 200px;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.button-container[b-49u9l17tpo] {
  z-index: 10;
  /* 防止按钮换行 */
  /* 开启 水 平滚动条 */
  display: flex;
  /* 水平布局 */
  white-space: nowrap;
  overflow-x: scroll;
  width: 1500px;
}
/* 	.sc-button {
		//z-index: 10;

		//display: flex;
		display: inline-block;
		//justify-content: center;
		text-align: center;
		margin-top: auto;
		margin-bottom: auto;
		//background-color: #0055ff;
		border: 1px solid #6c4ad1;
		border-radius: 20px;
		margin: 5px;

		height: 70px;

		//width: calc(100% / {{ calculateButtonWidth() }});
		width: 120px;
	} */
.sc-button[b-49u9l17tpo] {
  display: inline-block;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  border: 0px solid #6c4ad1;
  border-radius: 20px;
  /* line-height 应与height一致才能使文字竖直居中 */
  line-height: 70px;
  margin: 5px;
  height: 70px;
  width: 100px;
}
.text-area[b-49u9l17tpo] {
  display: flex;
  justify-content: center;
}
.title[b-49u9l17tpo] {
  font-size: 36px;
  color: #8f8f94;
}
.uni-mt-10[b-49u9l17tpo] {
  margin-top: 10px;
  display: block;
}
.swiper[b-49u9l17tpo] {
  height: 300px;
}
.swiper-item[b-49u9l17tpo] {
  display: block;
  height: 300px;
  line-height: 300px;
  text-align: center;
}
.uni-bg-red[b-49u9l17tpo] {
  background-color: red;
}
.uni-bg-green[b-49u9l17tpo] {
  background-color: green;
}
.uni-bg-blue[b-49u9l17tpo] {
  background-color: blue;
}
.totop[b-49u9l17tpo] {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0px;
  bottom: 70px;
  width: 60px;
  height: 60px;
  z-index: 99;
  color: #4d1ae4;
  /*box-shadow: 0px 5px 2px rgba(116, 116, 116, 0.5);*/
  border-radius: 80px;
}
.r[b-49u9l17tpo] {
  border: 10px solid #6c4ad1;
  border-radius: 0px;
  /*设置按钮边框为圆角 */
  border: none;
  width: 700px;
  height: 80px;
  color: #ffffff;
  background-color: #4d1ae4;
  font-size: 30px;
  text-align: center;
  /* top: calc(150vh - 350px);
	   */
  margin-left: -120px;
  margin-top: 0px;
  box-shadow: 0ch;
  padding-left: 400px;
  box-shadow: 0px 5px 2px rgba(116, 116, 116, 0.5);
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
.container[b-49u9l17tpo] {
  display: flex;
  flex-wrap: wrap;
}
.item[b-49u9l17tpo] {
  flex: 0 0 50%;
  /* 每列占50%的宽度 */
  padding: 10px;
  box-sizing: border-box;
}
.history-item[b-49u9l17tpo] {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 40px;
}
.clock[b-49u9l17tpo] {
  width: 30px;
  margin-right: 40px;
}
.delbtn[b-49u9l17tpo] {
  position: fixed;
  right: 20px;
}
/* /Pages/Settings/Alipaybind/AlipayBind.razor.rz.scp.css */
.rg-input[b-eni988zhxp] {
  margin-top: 40px;
  width: 300px;
  height: 30px;
  border: 1px solid #6c4ad1;
  /* font-family: uniicons;*/
  text-decoration: none;
  padding-left: 15px;
  /* 右缩进 */
  font-size: 30px;
  /* 尺寸 */
  letter-spacing: 3px;
  line-height: 40px;
  /* 文本上下位置 */
  height: 70px;
  /* 背景高度 */
  color: #ffffff;
  /* 字体颜色 */
  margin: px 0;
  /* 上下位置 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
  border-bottom: 0px solid #6c4ad1;
  /* 添加底部边框，可以根据需要调整颜色和粗细 */
  outline: none;
  /* 移除默认的焦点边框 */
}
.lgtip-button[b-eni988zhxp] {
  border: 1px solid #6c4ad1;
  border-radius: 0px;
  /* 新增：设置按钮边框为圆角 */
  width: 300px;
  height: 60px;
  margin-top: 30px;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  color: #6c4ad1;
  /* 新增：设置注册按钮文字颜色为绿色 */
  background-color: #ffffff;
  /* 新增：设置注册按钮背景颜色为白色 */
  box-shadow: 5px 5px 5px rgba(116, 116, 116, 0.5);
}
/* /Pages/Settings/Emailbind/EmailBind.razor.rz.scp.css */
/* /Pages/Settings/Nickname/Nickname.razor.rz.scp.css */
/* /Pages/Settings/Phonebind/PhoneBind.razor.rz.scp.css */
/* /Pages/Settings/Pwreset/Pwreset.razor.rz.scp.css */
/* /Pages/Settings/Signature/Signature.razor.rz.scp.css */
/* /Pages/Settings/Unregister/Unregister.razor.rz.scp.css */
/* /Pages/Taskdetail/TaskDetail.razor.rz.scp.css */
/* /Pages/Taskdetail/Taskend/TaskEnd.razor.rz.scp.css */
.action-contaier[b-uz10zqqmgz] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkapplicant[b-uz10zqqmgz] {
  /* 使用Flex布局 */
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  border: 10px solid #6c4ad1;
  border-radius: 0px;
  /*设置按钮边框为圆角 */
  border: none;
  width: 16rem;
  height: 3rem;
  color: #ffffff;
  background-color: #4d1ae4;
  font-size: 2rem;
  text-align: center;
  box-shadow: 0px 5px 2px rgba(116, 116, 116, 0.5);
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
/* /Pages/Taskresult/Completed/Completed.razor.rz.scp.css */
.pay-result[b-9fgkb8ulv8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.pay-result .pay-status[b-9fgkb8ulv8] {
  margin-top: 100px;
  font-size: 48px;
  line-height: 72px;
  font-weight: bold;
  color: #6536f1;
  display: flex;
  align-items: center;
}
.pay-result .pay-status text[b-9fgkb8ulv8] {
  padding-left: 12px;
}
.pay-result .pay-money[b-9fgkb8ulv8] {
  color: #6c4ad1;
  font-size: 28px;
  line-height: 48px;
  margin-top: 28px;
  display: flex;
  align-items: baseline;
  text-decoration: none;
}
.pay-result .pay-money .pay-money__price[b-9fgkb8ulv8] {
  font-size: 36px;
  line-height: 48px;
  color: #fa4126;
}
.share[b-9fgkb8ulv8] {
  color: #6c4ad1;
  font-size: 28px;
  line-height: 48px;
  margin-top: 28px;
  display: flex;
  align-items: baseline;
  text-decoration: underline;
}
.pay-result .btn-wrapper[b-9fgkb8ulv8] {
  margin-top: 48px;
  padding: 12px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.pay-result .btn-wrapper .status-btn[b-9fgkb8ulv8] {
  height: 88px;
  width: 334px;
  border-radius: 44px;
  border: 2px solid #6c4ad1;
  color: #6c4ad1;
  font-size: 28px;
  font-weight: bold;
  line-height: 88px;
  text-align: center;
  /* 水  平居中 */
}
/* /Pages/Taskresult/Failed/Failed.razor.rz.scp.css */
.pay-result[b-ihng4wwped] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.share[b-ihng4wwped] {
  color: #6c4ad1;
  font-size: 28px;
  line-height: 48px;
  margin-top: 28px;
  display: flex;
  align-items: baseline;
  text-decoration: underline;
}
.pay-result .pay-status[b-ihng4wwped] {
  margin-top: 100px;
  font-size: 48px;
  line-height: 72px;
  font-weight: bold;
  color: #f13636;
  display: flex;
  align-items: center;
}
.pay-result .pay-status text[b-ihng4wwped] {
  padding-left: 12px;
}
.pay-result .pay-money[b-ihng4wwped] {
  color: #6c4ad1;
  font-size: 28px;
  line-height: 48px;
  margin-top: 28px;
  display: flex;
  align-items: baseline;
  text-decoration: underline;
}
.pay-result .pay-money .pay-money__price[b-ihng4wwped] {
  font-size: 36px;
  line-height: 48px;
  color: #fa4126;
}
.pay-result .btn-wrapper[b-ihng4wwped] {
  margin-top: 48px;
  padding: 12px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.pay-result .btn-wrapper .status-btn[b-ihng4wwped] {
  height: 88px;
  width: 334px;
  border-radius: 44px;
  border: 2px solid #6c4ad1;
  color: #6c4ad1;
  font-size: 28px;
  font-weight: bold;
  line-height: 88px;
  text-align: center;
  /* 水  平居中 */
}
/* /Pages/UserCenter/UserCenter.razor.rz.scp.css */
:host[b-smm0y8c31o] {
  display: block;
  padding-bottom: 4.375rem;
  /* 70px */
}
.custom-margin[b-smm0y8c31o] {
  margin: 0.3125rem 0.625rem;
  /* 5px 10px */
}

.user-avatar[b-smm0y8c31o] {
  width: 3rem;
  /* 48px */
  height: 3rem;
  /* 48px */
  display: block;
  position: relative;
  background-size: cover;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}

.user-avatar-img[b-smm0y8c31o] {
  border-radius: 50%;
  border: none;
  display: block;
  width: 3rem;
  /* 48px */
  height: 3rem;
  /* 48px */
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.signin[b-smm0y8c31o] {
  border: 0.0625rem solid #6c4ad1;
  /* 1px */
  border-radius: 0;
  width: 9.375rem;
  /* 150px */
  height: 2.1875rem;
  /* 35px */
  color: #ffffff;
  background-color: #6c4ad1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0.3125rem 0.3125rem 0.3125rem rgba(116, 116, 116, 0.5);
  /* 5px */
}
.signup[b-smm0y8c31o] {
  border: 0.0625rem solid #6c4ad1;
  /* 1px */
  border-radius: 0;
  width: 9.375rem;
  /* 150px */
  height: 2.1875rem;
  /* 35px */
  color: #6c4ad1;
  background-color: #ffffff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  box-shadow: 0.3125rem 0.3125rem 0.3125rem rgba(116, 116, 116, 0.5);
  /* 5px */
}
.user-avatar-img[b-smm0y8c31o] {
  border-radius: 50%;
  border: none;
  display: block;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  position: absolute;
  width: 100%;
  height: 100%;
}
.t[b-smm0y8c31o] {
  /* font-family: uniicons;*/
  display: flex;
  /* 使用Flex布局 */
  align-items: center;
  /* 垂直居中 */
  text-decoration: none;
  padding-left: 0.9375rem;
  /* 15px */
  font-size: 1rem;
  letter-spacing: 0.1875rem;
  /* 3px */
  line-height: 2.5rem;
  /* 40px */
  color: #ffffff;
  /* 字体颜色 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
.my-icons[b-smm0y8c31o] {
  font-family: myicon;
  text-decoration: none;
  text-align: center;
}
.uc-button[b-smm0y8c31o] {
  height: 2rem;
  /* 32px */
}
.wrapper[b-smm0y8c31o] {
  display: flex;
  flex-direction: column;
}
.userinfo[b-smm0y8c31o] {
  display: flex;
  flex-direction: row;
  height: 80px;
  align-items: center;
}
.taskinfobox[b-smm0y8c31o] {
  display: flex;
  flex-direction: column;
  height: 8rem;
}
.taskinfo[b-smm0y8c31o] {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: center;
  overflow: hidden;
  width: 100%;
  height: 400%;
  border-radius: 0 0 16px 16px;
  background-color: #ffffff;
}
.driver[b-smm0y8c31o] {
  width: 100%;
  display: block;
  height: 5px;
  background-color: #5655cb;
  margin: 5px auto 0;
  /* 仅设置上边距，水平居中 */
  background-image: -webkit-linear-gradient(0deg, #4d1ae4 0%, #886cdb 100%);
}
.user-view[b-smm0y8c31o] {
  width: auto;
  /* 自适应内容宽度 */
  margin-left: 0.375rem;
  /* 6px */
  margin-top: 0.125rem;
  /* 2px */
  margin-bottom: 0.125rem;
  /* 2px */
  border-radius: 0.3125rem;
  /* 5px */
  box-sizing: content-box;
  padding-left: 0.9375rem;
  /* 15px */
  border: 0.0625rem solid #6c4ad1;
  /* 1px */
  background-color: #ffffff;
  color: #4723b3;
  font-size: 1.25rem;
  /* 20px */
  margin-bottom: 0.625rem;
  /* 10px */
  padding-top: 0.625rem;
  /* 10px */
  padding-bottom: 0.625rem;
  /* 10px */
}
.user-view2[b-smm0y8c31o] {
  margin-left: 0.3125rem;
  /* 5px */
  margin-top: 0;
  margin-bottom: 0.125rem;
  /* 2px */
  border-radius: 0.3125rem;
  /* 5px */
  padding-left: 0.9375rem;
  /* 15px */
  box-sizing: content-box;
  border: 0;
  background-color: #ffffff;
  color: #6c4ad1;
  font-size: 0.9375rem;
  /* 15px */
  padding-top: 0.625rem;
  /* 10px */
  padding-bottom: 0.625rem;
  /* 10px */
}
.item_title[b-smm0y8c31o] {
  /** font-size: 1.5rem; 24px */
  color: #5655cb;
  /** line-height: 3.25rem; 52px */
}
.icon-huangguan[b-smm0y8c31o],
.icon-liebiaomoshi[b-smm0y8c31o],
.icon-fuwuqingqiu[b-smm0y8c31o],
.icon-tianxie[b-smm0y8c31o],
.icon-duigou[b-smm0y8c31o],
.icon-goucha[b-smm0y8c31o] {
  /** font-size: 1.4375rem; 23px */
  text-align: center;
  display: block;
}
.icon-huangguan[b-smm0y8c31o],
.icon-liebiaomoshi[b-smm0y8c31o],
.icon-fuwuqingqiu[b-smm0y8c31o],
.icon-tianxie[b-smm0y8c31o],
.icon-duigou[b-smm0y8c31o],
.icon-goucha[b-smm0y8c31o]::before {
  color: #6c4ad1;
}
.icon-goucha[b-smm0y8c31o]::before {
  display: inline-block;
}
.misc[b-smm0y8c31o] {
  margin: 0.625rem 0.3125rem;
  /* 10px 5px */
}
.unread-tip[b-smm0y8c31o] {
  font-size: x-small;
  color: white;
  border: 0.0625rem solid;
  /* 1px */
  background-color: red;
  border-radius: 50%;
  translate: 2.1875rem -2.1875rem;
  /* 35px */
  width: 1rem;
  /* 16px */
  height: 1rem;
  /* 16px */
  vertical-align: text-top;
  display: inline-block;
  z-index: 99;
  position: fixed;
  text-align: center;
}
/* /Pages/Userhomepage/Userhomepage.razor.rz.scp.css */
.userinfo[b-7224sga6rh] {
  z-index: 10;
  display: flex;
  flex-direction: row;
  height: 150px;
  padding: 0 1rem;
}

.user-avatar[b-7224sga6rh] {
  z-index: 10;
  width: 48px;
  height: 48px;
  display: block;
  justify-content: center;
  /* 垂直方向居中 */
  position: relative;
  background-size: cover;
  border-radius: 100%;
  margin: auto 20px;
}

.user-avatar-img[b-7224sga6rh] {
  z-index: 10;
  border-radius: 50%;
  border: none;
  display: block;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  position: absolute;
  width: 100%;
  height: 100%;
}

.user-name[b-7224sga6rh] {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 垂直方向居中 */
  text-align: left;
}

.user-introduce[b-7224sga6rh] {
  margin: 0;
  color: #888;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 垂直方向居中 */
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
}

.user-name-container[b-7224sga6rh] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 垂直方向居中 */
  height: 10rem;
  text-align: left;
  padding-left: 0;
}

/* 无标记 (绿色) */
.green-button[b-7224sga6rh] {
  width: 10px;
  height: 3rem;
  background-color: #32CD32;
  border-radius: 0px;
  margin-left: auto;
  align-self: center;
}

/* 违规一次 (黄色) */
.one-violation[b-7224sga6rh] {
  width: 10px;
  height: 3rem;
  background-color: #e7ec50;
  border-radius: 0px;
  margin-left: auto;
  align-self: center;
}

/* 封禁中 (红色描边) */
.banned[b-7224sga6rh] {
  width: 10px;
  height: 3rem;
  background-color: #ffffff;
  border-radius: 0px;
  margin-left: auto;
  align-self: center;
  border: 0.2rem solid #e33656;
}

/* 解禁后 (红色) */
.unbanned[b-7224sga6rh] {
  width: 10px;
  height: 3rem;
  background-color: #e33656;
  border-radius: 0px;
  margin-left: auto;
  align-self: center;
}

.text[b-7224sga6rh] {
  display: flex;
  flex-direction: row;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
  color: #4d1ae4;
  font-size: 29px;
  letter-spacing: 6px;
  /* 设置文 字 间 隔 */
  text-decoration: underline;
  /* 添加下划线 */
  text-decoration-thickness: 4px;
  /* 设 置下划线的粗细 */
}

.text2[b-7224sga6rh] {
  display: flex;
  flex-direction: row;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
  color: #4d1ae4;
  font-size: 29px;
  letter-spacing: 7px;
  /* 设置文字间隔 */
  text-decoration: underline;
  /* 添加下划线 */
  text-decoration-thickness: 4px;
  /* 设置下划线的  粗细 */
}

.driver2[b-7224sga6rh] {
  z-index: -1;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  /* 垂直居中 */
  align-items: center;
  height: 80px;
  width: 1px;
  background-color: #6c4ad1;
  margin-top: 10px;
  margin-left: 400px;
}

.custom-margin[b-7224sga6rh] {
  z-index: -1;
  display: flex;
  /* 使用Flex布局 */
  justify-content: center;
  /* 水平居中 */
  /* 垂直居中 */
  align-items: center;
  margin-top: -200px;
}