@charset "UTF-8";

/* CSS Document */

:root {
    --ibrief-width: 1100px;
    --ibrief-bg: #f7f9fc;
    --ibrief-surface: rgba(255, 255, 255, 0.86);
    --ibrief-surface-solid: #ffffff;
    --ibrief-text: #0f172a;
    --ibrief-muted: #475569;
    --ibrief-border: rgba(15, 23, 42, 0.12);
    --ibrief-primary: #1d4ed8;
    --ibrief-primary-2: #2563eb;
    --ibrief-primary-soft: rgba(37, 99, 235, 0.12);
    --ibrief-danger: #ef4444;
    --ibrief-radius-sm: 10px;
    --ibrief-radius: 14px;
    --ibrief-radius-lg: 18px;
    --ibrief-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
    --ibrief-shadow: 0 10px 30px rgba(15, 23, 42, 0.10);
    --ibrief-shadow-lg: 10px 10px 20px rgba(15, 23, 42, 0.16);
    --ibrief-ring: 0 0 0 3px rgba(37, 99, 235, 0.22);
}

* {
    /* padding: 0; */
    margin: 0;
}

img {
    box-sizing: border-box;
}

html {
    height: 100%;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin: 0;
}

body {
    font-size: 16px;
    background: radial-gradient(900px 380px at 20% 0%, rgba(37, 99, 235, 0.10), transparent 70%),
        radial-gradient(820px 360px at 88% 10%, rgba(14, 165, 233, 0.10), transparent 60%),
        var(--ibrief-bg);
        background-repeat: no-repeat;
        background-attachment: fixed;
    color: var(--ibrief-text);
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei",
        Arial, sans-serif;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 主模板采用 sticky footer：内容不足一屏时页脚贴底，内容较长时按文档流继续向下。 */
.pc-site-shell {
    min-height: 100vh;
    min-height: 100dvh;
}

.pc-site-shell > .footer {
    width: 100%;
    flex-shrink: 0;
    margin-top: auto;
}

a {
    /*font-family:"Hiragino Sans GB",myFirstFont,"微软雅黑","黑体";*/
    /* color: inherit; */
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

body a,
img {
    text-decoration: none;
    border: none;
    outline: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

select:focus {
    outline: none;
}

.clear {
    clear: both;
    height: 0 !important;
}

video {
    display: block;
    margin: 0 auto;
}

input {
    outline: none;
}

button {
    border: 0;
}

/* 统一交互与可访问性 */
button,
[role="button"],
a,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

:where(a, button, input, select, textarea):focus-visible {
    outline: none;
    box-shadow: var(--ibrief-ring);
    border-radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* 首页右侧悬浮窗 */
.back_top {
    width: 72px;
    height: 210px;
    background: #ffffff;
    border-radius: 2px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}

.back_top2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #424240;
}

.back_top1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #424240;
}

.back_top2 a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.back_top0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #424240;
}

.back_top span {
    font-size: 14px;
    margin-top: 5px;
}

.feijitan {
    width: 200px;
    position: absolute;
    right: 100px;
    display: none;
    z-index: 9999;
    top: 0;
}

.back_top span {
    font-size: 14px;
    margin-top: 5px;
}

.back_top0 img {
    width: 27px;
}

/* 首页内容模块 */
.ibrief_main {
    height: 70px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: var(--ibrief-surface);
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
}

.ibrief_top {
    height: 70px;
    display: flex;
    align-items: center;
    z-index: 1;
    width: var(--ibrief-width);
    left: 0;
    right: 0;
    margin: auto;
}

.ibrief_top_son {
    display: flex;
    color: #fff;
    width: 100%;
    align-items: center;
    position: relative;
}

.ibrief_top_left {
    display: flex;
    align-items: center;
}

.ibrief_top_left a {
    width: 72px;
    height: 40px;
    /* background: rgba(0, 72, 255, 0.6);
  box-shadow: 0px 2px 10px 0px rgba(0, 145, 255, 0.26); */
    border-radius: 100px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.ibrief_top_left span {
    font-size: 16px;
    margin-left: 30px;
}

.dot {
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: -10px;
    display: none;
}

.un_login_main {
    display: flex;
    align-items: center;
}

.un_login {
    width: 136px;
    height: 48px;
    background: #5091ff;
    /* background: linear-gradient(135deg, var(--ibrief-primary), var(--ibrief-primary-2)); */
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(29, 78, 216, 0.22);
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.un_login a {
    /* 登录链接覆盖整个按钮，确保空白区域也能打开登录弹窗。 */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0;
    border-radius: inherit;
}

.un_login:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(29, 78, 216, 0.26);
    filter: saturate(1.02);
}

.un_login:active {
    transform: translateY(0);
}

.aleady_login {
    height: 70px;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-left: 70px;
}

.aleady_login a {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    transition: color 160ms ease;
}

.aleady_login a:not(:last-of-type) {
    margin-right: 35px;
}

.people_login {
    /* margin-left: 50px; */
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    cursor: pointer;
}

.people_login_img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 12px;
}

.peolple_master {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 160px;
    color: #999;
    font-size: 14px;
}

.people_login_data {
    width: 130px;
    background: #ffffff;
    box-shadow: 0px 2px 18px 0px rgba(46, 135, 231, 0.19);
    position: absolute;
    top: 70px;
    z-index: 1;
    right: -33px;
    flex-direction: column;
    justify-content: center;
    display: none;
}

.people_login_title {
    display: flex;
    align-items: center;
    padding: 15px 17px;
    background: #fafafa;
}

.people_login_title img:nth-of-type(1) {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
}

.people_login_title img:nth-of-type(2) {
    width: 15px;
    height: 14px;
}

.people_login_title span {
    font-size: 14px;
    color: #333333;
}

.people_login_bot {
    display: flex;
    color: #666;
    font-size: 12px;
    justify-content: space-around;
    flex-direction: column;
}

.people_login_bot a {
    color: #333 !important;
    margin: 0 !important;
}

.people_login_bot div {
    display: flex;
    align-items: center;
    padding: 10px 17px;
}

.people_login_bot div img {
    width: 15px;
    height: 14px;
    margin-right: 10px;
}

.main_top_index {
    margin: 0 auto;
    width: var(--ibrief-width);
    /* margin-top: 70px; */
    /* height: 300px; */
    overflow: hidden;
    position: relative;
}
.main_top_all {
    /* margin-top: 70px; */
    /* height: 300px; */
    /* 不可 hidden，否则子元素 position:sticky 无法相对页面吸顶/随内容结束上移 */
    overflow: visible;
    position: relative;
}



.main_top {
    position: absolute;
    margin: 0 auto;
    width: var(--ibrief-width);
    top: 0;
    height: 300px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main_top_all_new {
    width: 360px;
    height: 238px;
    border-radius: var(--ibrief-radius-lg);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--ibrief-shadow);
    border: 1px solid rgba(255, 255, 255, 0.35);
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
    will-change: transform;
}

.main_top_all_new:hover {
    transform: translateY(-3px);
    box-shadow: var(--ibrief-shadow-lg);
    filter: saturate(1.02);
}

.main_top_all_new_1 {
    background: url("../images/ibrief_web_img/蒙版.svg") no-repeat;
}

.main_top_all_new_2 {
    background: url("../images/ibrief_web_img/蒙版1.svg") no-repeat;
}

.main_top_all_new_3 {
    background: url("../images/ibrief_web_img/蒙版2.svg") no-repeat;
}

.main_top_all_new p:nth-of-type(1) {
    font-size: 36px;
    color: #ffffff;
    line-height: 50px;
    font-weight: bold;
}

.main_top_all_new p:nth-of-type(2) {
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    line-height: 25px;
}

.main_top_all_new div {
    width: 148px;
    height: 48px;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 999px;
    display: inline-block;
    font-size: 20px;
    color: #2b5999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.14);
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.main_top_all_new:hover div {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(15, 23, 42, 0.18);
}

.main_top_all_new div img {
    margin-right: 6px;
}

.main_top_img_div {
    width: 496px;
    position: absolute;
    right: 0;
}

.main_top_img {
    position: absolute;
    top: 0;
}

.main_top_title {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    left: 38px;
    top: 50%;
    transform: translateY(-50%);
}

.main_top_title img {
    width: 572px;
}

.main_top_title span:nth-of-type(1) {
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    line-height: 54px;
    letter-spacing: 2px;
}

.main_top_title span:nth-of-type(2) {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
    letter-spacing: 1px;
}

.main_top_title a {
    font-size: 18px;
    color: #005eff;
    line-height: 27px;
    letter-spacing: 1px;
    width: 118px;
    height: 46px;
    background: #ffffff;
    box-shadow: 0px 2px 12px 0px rgba(12, 82, 252, 0.52);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-top: 33px;
}

.main_data {
    display: flex;
    justify-content: space-between;
    width: var(--ibrief-width);
    margin: 0 auto;
}

.main_data_left {
    width: 100%;
    padding-bottom: 40px;
}

.main_top_1 {
    width: var(--ibrief-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}

.data_left_div_son {
    padding: 40px;
}

.left_div_son_p {
    font-size: 30px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 800px;
    font-weight: bold;
}

.left_div_son_2 {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 22px;
    margin-bottom: 40px;
}

.main_data_3 {
    margin-bottom: 40px;
}

.left_div_son_2 img {
    margin-right: 10px;
}

.left_div_son_2 normal {
    color: #fe4e4c;
    margin: 0 1px;
}

.data_left_div {
    background: var(--ibrief-surface-solid);
    /* overflow: hidden; */
    margin-bottom: 40px;
    position: relative;
    border-radius: var(--ibrief-radius);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: var(--ibrief-shadow-sm);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    will-change: transform;
}

.data_left_div:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.22);
    box-shadow: var(--ibrief-shadow);
}

.data_left_imgtop {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
}

.data_left_div_img {
    height: 460px;
    margin: 0 auto;
    display: block;
}

.main_data_3_son {
    display: flex;
}

.main_data_3_son span {
    background: url("../images/ibrief_web_img/编组 69.png") no-repeat;
    background-size: 100% 53px;
    height: 53px;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    line-height: 33px;
    letter-spacing: 1px;
    text-shadow: 3px 1px 1px rgba(0, 94, 255, 0.26);
    -webkit-text-stroke: 1px #ffffff;
    text-stroke: 1px #ffffff;
    align-items: center;
    justify-content: center;
    box-shadow: -3px 2px 2px 0px rgba(7, 39, 172, 0.14);
    border-radius: 8px 8px 12px 12px;
    padding: 0 24px;
}

.main_data_3_son span:not(:first-of-type) {
    margin-left: 10px;
}

.main_data_4 {
    /* width: 100%;
      height: 60px;
      background: rgba(249, 250, 255, 0.5);
      box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09);
      border-radius: 12px;
      border: 1px solid #C5CBDB;
      position: relative;
      display: flex;
      align-items: center; */
}

.bianzu33 {
    height: 40px;
    position: absolute;
    right: -6px;
}

.left_find_more {
    height: 52px;
    font-weight: 500;
    font-size: 18px;
    color: #0095ff;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 40px;
    background: #ffffff;
    border-radius: 39px;
    border: 1px solid #0095ff;
    width: 282px;
}

.left_find_more:hover {
    background: linear-gradient(90deg, #4db7ff 0%, #005eff 100%);
    color: #fff;
    border: 0px;
}

.data_4_find {
    /* width: 161px;
      height: 60px;
      background: linear-gradient(90deg, #4DB7FF 0%, #005EFF 100%);
      box-shadow: 0px 5px 22px -8px rgba(0, 94, 255, 0.58);
      border-radius: 8px;
      font-size: 24px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 36px;
      letter-spacing: 1px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer; */
    position: fixed;
    bottom: 20px;
    width: 725px;
}

.guiwei {
    position: absolute !important;
    bottom: 0 !important;
}

.data_4_find span a {
    color: #fff;
    width: 100%;
    background: #1a6eff;
    box-shadow: 0px 2px 4px 0px #f8f8f7, 0px 8px 12px 2px rgba(16, 37, 72, 0.29);
    border-radius: 2px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Immediate {
    color: #fff;
    width: 100%;
    background: #1a6eff;
    box-shadow: 0px 2px 4px 0px #f8f8f7, 0px 8px 12px 2px rgba(16, 37, 72, 0.29);
    border-radius: 2px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_data_4 p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.main_data_4 p span {
    font-size: 26px;
    font-weight: bold;
    color: #fe4e4c;
}

.data_4_find img {
    margin-left: 3px;
}

.main_data_right {
    width: 292px;
    margin-top: 15px;
}

.right_login {
    position: relative;
    background: #ffffff;
    box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.02),
        -6px 6px 25px -8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    height: 293px;
    width: 292px;
}

.right_login_top_data0 {
    width: 266px;
    height: 293px;
    background: #ffffff;
    box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.02),
        -6px 6px 25px -8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    position: relative;
}

.top_data0_img1 {
    position: absolute;
    bottom: 0;
}

.top_data0_img2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.top_data0_img3 {
    width: 226px;
    height: 88px;
    background: linear-gradient(
        264deg,
        rgba(147, 197, 255, 0) 0%,
        #4fa1ff 47%,
        rgba(149, 198, 255, 0.38) 100%
    );
}

.right_login_top_data1 {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
}

.login_top_data1_1 {
    display: flex;
}

.login_top_data1_1 div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
}

.login_top_data1_1 div img {
    width: 44px;
    height: 44px;
}

.login_top_data1_2 {
    width: 226px;
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}

.login_top_data1_2 div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login_top_data1_3 {
    width: 206px;
    height: 34px;
    background: linear-gradient(
        264deg,
        rgba(147, 197, 255, 0) 0%,
        #4fa1ff 47%,
        #95c6ff 100%
    );
    box-shadow: -3px 4px 2px 0px rgba(7, 39, 172, 0.12);
    border-radius: 100px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 50px;
    cursor: pointer;
}

.right_unlogin {
    box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.02),
        -6px 6px 25px -8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    width: 292px;
}

.right_youdan {
    box-shadow: 0px 2px 18px 0px rgba(46, 135, 231, 0.03);
    border-radius: 8px;
    margin-top: 40px;
    width: 100%;
}

.right_cont_all {
    position: relative;
}

.right_cont_img {
    box-shadow: 0px 2px 18px 0px rgba(46, 135, 231, 0.19);
    margin-top: 40px;
    display: flex;
    width: 292px;
    height: 375px;
}

.right_contact {
    position: absolute;
    top: 30px;
    bottom: 70px;
}

.right_contact p {
    font-size: 20px;
    font-weight: 600;
}

.contact_top {
    position: relative;
    padding: 0 18px;
}

.contact_bot {
    background: url("../images/ibrief_web_img/编组 49.png") no-repeat;
    background-size: 229px 24px;
    height: 24px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #666;
    margin-top: 10px;
    margin-left: 18px;
    padding: 0 20px;
}

.contact_top div {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.contact_top div span {
    text-indent: 20px;
    line-height: 17px;
    font-size: 12px;
}

.kefu_yewu span:nth-of-type(1) {
    background: url("../images/ibrief_web_img/编组 46.png") no-repeat center left;
    background-size: 14px;
}

.kefu_email span:nth-of-type(1) {
    background: url("../images/ibrief_web_img/编组 45.png") no-repeat center left;
    background-size: 14px;
}

.kefu_weixin span:nth-of-type(1) {
    background: url("../images/ibrief_web_img/编组 44.png") no-repeat center left;
    background-size: 14px;
}

.main_top_2 {
    display: flex;
    justify-content: space-between;
    width: var(--ibrief-width);
    margin: 0 auto;
    margin-bottom: 30px;
    gap: 10px;
}

.main_top_2 a {
    width: 132px;
    padding: 11px 8px 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
    /* border: 1px solid rgba(15, 23, 42, 0.08); */
    box-shadow: var(--ibrief-shadow-sm);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease,
        background-color 160ms ease;
    cursor: pointer;
    user-select: none;
}

.main_top_2 a img {
    width: 38px;
    height: 38px;
    margin-bottom: 7px;
    transform: translateZ(0);
    transition: transform 180ms ease, filter 180ms ease;
}

.main_top_2 a span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--ibrief-text);
    letter-spacing: 0.2px;
}

.main_top_2 a:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.20);
    box-shadow: var(--ibrief-shadow);
    background: rgba(255, 255, 255, 0.94);
}

.main_top_2 a:hover img {
    transform: translateY(-1px) scale(1.03);
    filter: saturate(1.05);
}

.main_top_2 a:active {
    transform: translateY(-1px);
}

/* @media (max-width: 1180px) {
    .main_top_2 {
        width: auto;
        padding: 0 16px;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 36px;
        gap: 10px;
    }

    .main_top_2 a {
        width: 100px;
        padding: 10px 7px 8px;
        border-radius: 14px;
    }

    .main_top_2 a img {
        width: 34px;
        height: 34px;
        margin-bottom: 6px;
    }
} */

.project-card {
    width: 540px;
    height: 340px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 26px;
    display: grid;
    /* grid-template-rows: 56px 30px 24px 30px 34px; */
    gap: 8px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.main_data_left_data > a:hover .project-card,
.bidding_index_all > a:hover .project-card {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.20);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.project-card .project-title {
    font-weight: 600;
    font-size: 20px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 24px;
    color: #202733;
    letter-spacing: 0;
}

.project-card.has-status-tag .project-title {
    padding-right: 58px;
}

.project-card .budget {
    font-weight: 600;
    font-size: 20px;
    color: #e60012;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.project-card .deadline {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    height: 24px;
    color: #475467;
    font-size: 14px;
}

.project-card .deadline > img {
    max-height: 20px;
    flex: 0 0 auto;
}

.project-card .calendar-icon {
    min-width: 0;
    overflow: hidden;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-card .deadline .calendar-icon normal {
    color: #e60012;
    font-weight: 500;
    font-size: 16px;
    padding: 0 3px;
}

.project-card .tags-container {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    height: 26px;
    overflow: hidden;
}

.project-card .tags-container .tag {
    flex: 0 0 auto;
    background: rgba(0, 149, 255, 0.2);
    border-radius: 4px;
    padding: 4px 10px;
    color: #0095ff;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
}

.project-card .project-meta-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: end;
    padding-top: 9px;
    border-top: 1px solid #edf1f5;
    box-sizing: border-box;
}

.project-card .deadline-foot {
    display: flex;
    min-width: 0;
    height: 24px;
    margin-bottom: 0;
    align-items: center;
    gap: 8px;
    color: #475467;
    font-size: 14px;
}

.project-card .project-location {
    display: flex;
    min-width: 0;
    height: 24px;
    margin-bottom: 0;
    align-items: center;
    gap: 8px;
    color: #475467;
    font-size: 14px;
}

.project-card .project-meta-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.project-card .urgent-tag {
    position: absolute;
}

.project-card > .jiaji {
    width: 74px;
    height: 28px;
    background: #ff0000;
    border-radius: 0px 8px 0px 8px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}

.project-card > .remen {
    width: 74px;
    height: 28px;
    background: #ff8326;
    border-radius: 0px 8px 0px 8px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}

.main_data_left_data {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* 首页话题卡片 */
.topic-home-card {
    width: 540px;
    height: 340px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.topic-home-header {
    height: 120px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #222;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.topic-home-header:hover {
    color: #222;
}

.topic-home-header strong {
    font-size: 20px;
    line-height: 28px;
}

.topic-home-header span {
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-home-projects {
    padding: 0 22px;
}

.topic-home-projects.is-empty {
    height: 200px;
    padding: 0;
}

.topic-home-empty,
.topic-home-empty img {
    display: block;
    width: 100%;
    height: 100%;
}

.topic-home-empty img {
    object-fit: cover;
}

.topic-home-project {
    height: 100px;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: #222;
    border-bottom: 1px solid #eee;
}

.topic-home-project:last-child {
    border-bottom: 0;
}

.topic-home-project:hover {
    color: #0095ff;
}

.topic-home-project-content {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}

.topic-home-project-content p {
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-home-publisher {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 14px;
}

.topic-home-project-cover {
    width: 140px;
    height: 84px;
    flex: 0 0 140px;
    object-fit: cover;
    border: 1px solid #eee;
}

/* PC 话题详情 */
.topic-detail-page {
    min-height: calc(100vh - 72px);
    padding: 32px 0 72px;
    background: #f5f8fc;
}

.topic-detail-summary,
.topic-detail-projects,
.topic-detail-empty {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.topic-detail-summary {
    min-height: 140px;
    padding: 30px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    background: #fff;
    border-radius: 8px;
}

.topic-detail-summary h1 {
    margin: 0 0 18px;
    color: #222;
    font-size: 24px;
    line-height: 34px;
}

.topic-detail-summary p {
    margin: 0;
    color: #444;
    font-size: 15px;
    line-height: 24px;
}

.topic-publish-button {
    width: 126px;
    height: 42px;
    display: flex;
    flex: 0 0 126px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0095ff;
    border-radius: 4px;
}

.topic-publish-button:hover {
    color: #fff;
    background: #0086e6;
}

.topic-detail-projects {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 36px 16px;
}

.topic-detail-project {
    min-width: 0;
    overflow: hidden;
    color: #222;
    background: #fff;
    border: 1px solid #eee;
}

.topic-detail-project:hover {
    color: #0095ff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.10);
}

.topic-detail-project-cover {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
}

.topic-detail-project h2 {
    min-height: 52px;
    margin: 14px 14px 10px;
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.topic-detail-publisher {
    padding: 0 14px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #777;
    font-size: 14px;
}

.topic-detail-publisher img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
}

.topic-detail-empty {
    padding: 100px 0;
    color: #999;
    text-align: center;
}

.HpRecommendation {
    margin-top: 32px;
}

/* 优秀项目精选 */
.HpRecommendation-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.HpRecommendation-1-d1 {
    display: flex;
    gap: 10px;
    align-items: center;
}

.HpRecommendation-1-d1 span {
    font-size: 24px;
    font-weight: bold;
}

.HpRecommendation-1-d2 a {
    color: #0095ff;
    text-decoration: underline;
}

.HpRecommendation-data {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
/* 首页成功撮合案例铺满三列，缩小卡片之间的留白。 */
.case-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.case-list > .hp-project-data {
    width: 100%;
    min-width: 0;
}

/* 封面随案例卡片等比例放大，保持原有裁切比例。 */
.case-list .project-data-top img:nth-of-type(1) {
    width: 100%;
    height: auto;
    aspect-ratio: 260 / 142;
}

.hp-project-data {
    width: 260px;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    overflow: hidden;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease,
        background-color 180ms ease;
    will-change: transform;
}

.hp-project-data:hover {
    transform: translateY(-3px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
    background: rgba(255, 255, 255, 0.98);
}

.project-data-top {
    position: relative;
}

.project-data-top1 {
    position: relative;
}

.project-data-top2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    color: #ffffff;
    z-index: 200;
    padding: 14px;
    display: none;
    top: 0px;
    width: 100%;
    font-size: 13px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.project-data-top3 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.project-data-top2-box1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.project-data-top2-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.project-data-top2-box img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
}

.project-data-top img:nth-of-type(1) {
    width: 260px;
    height: 142px;
    border-radius: 0;
    object-fit: cover;
    display: block;
    transition: transform 240ms ease;
}

.hp-project-data:hover .project-data-top img:nth-of-type(1) {
    transform: scale(1.02);
}

.project-data-top img:nth-of-type(2) {
    position: absolute;
    width: 26px;
    height: 26px;
    box-shadow: 0px 0px 2px 0px rgba(137, 137, 137, 0.25);
    left: 10px;
    bottom: 10px;
    border-radius: 50%;
}

.project-data-bottom {
    padding: 12px 12px 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.project-data-bottom p {
    font-weight: 600;
    font-size: 18px;
    color: var(--ibrief-text);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
    line-height: 26px;
}

.project-data-bottom span {
    font-weight: 400;
    font-size: 14px;
    color: var(--ibrief-muted);
}

/* 首页认证公司 */
.hp-company-data {
    width: 353px;
    height: 106px;
    display: block;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 14px;
    padding: 24px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease,
        background-color 180ms ease;
    will-change: transform;
}

.hp-company-data:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);
    background: rgba(255, 255, 255, 0.96);
}

.hp-company-data-1 {
    display: flex;
    align-items: center;
    gap: 13px;
}

.hp-company-data-1 .img_div {
    position: relative;
}

.hp-company-data-1 .logo {
    width: 58px;
    height: 58px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.10);
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: #fff;
}

.hp-company-data-1 .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.hp-company-data-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex: 1;
    overflow: hidden;
}

.hp-company-data-2 p {
    font-weight: 600;
    font-size: 18px;
    color: var(--ibrief-text);
}

.hp-company-data-2 span {
    font-weight: 400;
    font-size: 14px;
    color: var(--ibrief-muted);
}

/* 弹窗内容 */
.shadow_youdan {
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    inset: 0;
    /* 移动端不要用 100vw：常与滚动条/视口计算不一致导致左右露边；用 inset + 百分比铺满 */
    width: 100%;
    height: 100%;
    max-width: none;
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    z-index: 999999;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
}

.shadow_youdan_1 {
    background: rgba(0, 0, 0, 0.45);
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    z-index: 9999991;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
}

.shadow_login {
    width: 535px;
    box-shadow: 0px 2px 4px 0px #919393;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    background: url("../images/ibrief_web_img/login_back.png") no-repeat left top;
    background-size: 440px;
    background-color: #fff;
    z-index: 9999999;
}

.shadow_login input[type="checkbox"],
input[type="radio"] {
    margin: 0px;
}

.shadow_login input[type="checkbox"],
input[type="radio"]:focus {
    outline: none;
}

.login_and {
}

.duanxin {
}

.mima {
    display: none;
}

.duanxin_login {
    cursor: pointer;
    z-index: 999999;
    position: fixed;
    left: 0;
    right: 0;
    align-items: center;
    flex-direction: column;
    display: none;
    width: 535px;
    margin: auto auto;
    top: 0;
    bottom: 0;
    justify-content: center;
}

.shadow_img1 {
    position: absolute;
    top: 0;
    width: 260px;
}

.shadow_img2 {
    position: absolute;
    bottom: 0;
}

.login_heng {
    width: 51px;
    height: 7px;
    background: #005eff;
    border-radius: 100px;
    display: none;
    position: absolute;
    bottom: -15px;
}

.logactive .login_heng {
    display: block;
    margin-top: 10px;
}

.login_1 {
    display: flex;
    align-items: center;
    padding: 0 70px;
    padding-top: 55px;
    padding-bottom: 40px;
    font-size: 24px;
    color: #999999;
}

.duanxin_log {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.password_log {
    margin-left: 65px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.logactive {
    font-size: 36px;
    color: #005eff;
    font-weight: bold;
    position: relative;
}

.login_2 {
    display: flex;
    padding: 0 70px;
    flex-direction: column;
}

.login_2 input {
    border: 0px;
    font-size: 22px;
}

.login_2_data1 {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
    display: flex;
    align-items: center;
    position: relative;
}

.login_2_data1 img {
    margin-right: 10px;
}

.login_2_data2 img {
    margin-right: 10px;
}

.login_2_data2 {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login_2_data2 div {
    display: flex;
    align-items: center;
}

.login_2_data2 span {
    font-size: 18px;
    color: #1890ff;
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
}

.login_2_data3 {
    margin-top: 25px;
    z-index: 1;
}

.login_2_data3 a {
    color: #1890ff;
}

.login_radio {
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-appearance: none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    margin-right: 10px !important;
}

.login_radio:checked {
    /* 相对样式文件定位图标，兼容域名根目录和 IP 子目录访问。 */
    background: url("../images/ibrief_web_img/编组 7 (2).png") no-repeat center;
}

.login_2_data3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_2_data4 {
    width: 362px;
    height: 61px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    background: #005eff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
    margin-top: 40px;
    z-index: 1;
}

.login_2_data5 {
    display: flex;
    color: #666;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 55px;
    z-index: 1;
}

.login_2_data5 span {
    color: #1890ff;
}

.forget_word {
    font-size: 36px;
    color: #333;
    font-weight: bold;
}

.searchIbriefDiv {
    background: #fff;
    z-index: 99999999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}

.ibriefShadow {
    background: rgba(0, 0, 0, 0.12);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    z-index: 9999999;
    left: 0;
    backdrop-filter: blur(3px);
    display: none;
}

.searchIbriefMain {
    width: var(--ibrief-width);
    margin: 0 auto;
}

.searchIbriefTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    width: var(--ibrief-width);
}

.search_input {
    width: 980px;
    height: 52px;
    background: #ffffff;
    border-radius: 34px;
    border: 1px solid #0095ff;
    display: flex;
    align-items: center;
    position: relative;
}

.searchMainInput {
    border: 0;
    margin-left: 30px;
    width: 900px;
}

.searchMainBtn {
    width: 124px;
    height: 48px;
    background: #0095ff;
    border-radius: 24px;
    font-size: 20px;
    color: #fff;
    border: 0;
    position: absolute;
    right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.closeSearch {
    position: absolute;
    bottom: -95px;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    cursor: pointer;
}

.searchMainBtn img {
    margin-right: 10px;
}

.ibriefHistory {
    margin-bottom: 40px;
}

.ibriefHistory div {
    display: flex;
    flex-wrap: wrap;
}

.ibriefHistory1 {
    align-items: center;
    margin-bottom: 20px;
}

.ibriefHistory1 p:nth-of-type(1) {
    color: #060606;
    font-weight: bold;
}

.ibriefHistory1 p:nth-of-type(2) {
    color: #999;
    font-size: 12px;
    margin-left: 20px;
    cursor: pointer;
}

.ibriefHistory div span {
    height: 32px;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.searchIbriefBot {
    margin-top: 40px;
    margin-bottom: 50px;
}

.ibriefOther {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
}

.ibriefOther div {
    display: flex;
    flex-direction: column;
}

.ibriefOther div div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ibriefOther div p {
    color: #060606;
    font-weight: bold;
    margin-bottom: 20px;
}

.ibriefOther div div span {
    height: 32px;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    width: auto;
    margin-bottom: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.data_ul1,
.data_ul2,
.data_ul3,
.data_ul4 {
    background: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(166, 166, 166, 0.1);
    border-radius: 2px;
    position: absolute;
    z-index: 9;
    width: 150px;
}

.data_ul1 {
    max-height: 450px;
    display: none;
    top: 65px;
}

.data_ul1 li {
    padding: 16px;
    cursor: pointer;
    display: grid;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.data_ul2,
.data_ul3,
.data_ul3 {
    top: 0 !important;
    right: -150px;
    display: none;
}

.prize_active {
    background: rgba(241, 239, 236, 0.5);
    color: #0095ff;
    font-weight: bold;
}

.searchHomePage {
    position: fixed;
    top: 70px;
    background: #fff;
    z-index: 9;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.search_div {
    width: var(--ibrief-width);
    margin: 0 auto;
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
}

.search_a {
    display: flex;
    align-items: center;
}

.search_a_div {
    background: #fbfbff;
    height: 38px;
    gap: 15px;
    border-radius: 16px;
    color: #999;
    padding-left: 20px;
    width: 188px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.ibrief_top_right_img {
    /* position: absolute;
  right: 215px;
  top: 0;
  bottom: 0;
  margin: auto auto;
  display: flex;
  cursor: pointer;
  width: 165px; */
}

.search_keyword_div {
    width: var(--ibrief-width);
    height: 52px;
    background: #ffffff;
    border-radius: 34px;
    border: 1px solid #0095ff;
    position: relative;
    display: flex;
    align-items: center;
}

.search_keyword_div button {
    width: 118px;
    height: 46px;
    background: #0095ff;
    border-radius: 24px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    border: 0;
    position: absolute;
    right: 2px;
}

.search_keyword_div input {
    width: 900px;
    height: 46px;
    background: #ffffff;
    border: none;
    margin-left: 20px;
    box-shadow: none;
}

.search_keyword_div img {
    margin-left: 20px;
}

.search_div_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.requirement {
    display: flex;
    align-items: center;
    width: 160px;
    margin-right: 10px;
    cursor: pointer;
}

.requirement p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}

.amount {
    display: flex;
    align-items: center;
    width: 160px;
    margin-right: 10px;
    cursor: pointer;
}

.amount p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.participation {
    display: flex;
    align-items: center;
    width: 83px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    cursor: pointer;
}

.all_img {
    margin-left: 10px;
}

.noDataDiv {
    text-align: center;
    display: none;
}

#myModalArea {
    width: 800px;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999999;
}

.prevArea {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

.nextArea {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

#modalImage {
    max-width: 620px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
}

.submitting {
    background: #ccc;
    cursor: not-allowed;
}

.xuqiu {
    position: relative;
    height: 100%;
    padding-top: 24px;
    margin-right: 35px;
    color: #333;
    cursor: pointer;
}

.xuqiu_son {
    position: absolute;
    background: #fff;
    top: 65px;
    display: flex;
    flex-direction: column;
    width: 160px;
    text-align: center;
    font-weight: normal;
    display: none;
    box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.04);
    left: -46px;
}

.ibrief_top_right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    display: flex;
    gap: 40px;
}

.main_data_top_titleM {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.main_data_top_title {
    font-size: 17px;
    display: flex;
    color: #333;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    padding: 6px;
    box-shadow: var(--ibrief-shadow-sm);
}

.main_data_top_active span {
    color: #0095ff !important;
    font-weight: bold;
}

.main_data_top_title span {
    cursor: pointer;
    position: relative;
    width: 101px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    position: relative;
    border-radius: 8px;
    color: #475569;
    font-weight: 500;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease,
        box-shadow 180ms ease;
}

.main_data_top_title_img {
    position: absolute;
    top: -14px;
    right: -7px;
}

.main_datactive::before {
    background: url(../images/ibrief_web_img/展开home1.svg) no-repeat center right !important;
}

/* .main_data_top_title span::before{
    content: '';
    display: block;
    width: 100%;
    background: url(../images/ibrief_web_img/展开home.svg) no-repeat center right;
    position: absolute;
    height:100%;
  }  */

.main_data_top_active span::before {
    background: url(../images/ibrief_web_img/展开home1.svg) no-repeat center right !important;
}

.main_data_top div span::before {
    content: "";
    display: block;
    width: 100%;
    background: url(../images/ibrief_web_img/展开home.svg) no-repeat center right;
    position: absolute;
    height: 100%;
}

.main_data_top div span {
    cursor: pointer;
    display: inline-block;
    color: #333;
    position: relative;
    padding-right: 15px;
    font-size: 17px;
}

.main_data_top_title span:not(:first-of-type) {
    margin-left: 20px;
}

.main_data_top_title span:not(:last-of-type) {
    margin-right: 15px;
}

.main_data_top {
    display: flex;
    font-size: 22px;
    gap: 45px;
}

.main_data_top div a {
    cursor: pointer;
    display: inline-block;
    color: #333;
}

.main_datactive {
    color: #1d4ed8 !important;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.18), rgba(37, 99, 235, 0.10));
    font-weight: 600;
    box-shadow: 2px 2px 6px 0 rgba(37, 99, 235, 0.18);
}

.main_data_top_title span:hover {
    color: #1e3a8a;
    background: rgba(59, 130, 246, 0.10);
}

.main_data_top_title span:active {
    transform: scale(0.98);
}

.main_data_left {
    transition: opacity 180ms ease, transform 180ms ease, filter 180ms ease;
}

.main_data_left.is-switching {
    opacity: 0.68;
    transform: translateY(2px);
    filter: saturate(0.96);
}

.area-container {
    display: flex;
    position: absolute;
    top: 40px;
    z-index: 9;
}

.nav-container {
    display: flex;
    position: absolute;
    z-index: 9;
    align-items: start;
}

/* 左侧一级分类 */
.primary-nav {
    background: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(0, 31, 54, 0.1);
    border-radius: 8px;
    white-space: nowrap;
    min-width: 150px;
}

.primary-item {
    padding: 14px 16px;
    font-size: 17px;
    color: #333;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
}

.primary-item.active {
    background: rgba(216, 216, 216, 0.2);
    color: #0095ff;
}

.secondary-item.active {
    background: rgba(216, 216, 216, 0.2);
    color: #0095ff;
}

.primary-item.has-submenu::after {
    content: ">";
    position: absolute;
    right: 12px;
    color: #999;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* 右侧二级分类 */
.secondary-nav {
    display: none;
    background: #ffffff;
    white-space: nowrap;
    /* 禁止文字换行 */
    background: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(0, 31, 54, 0.1);
    border-radius: 8px;
    min-width: 150px;
}

.secondary-nav.active {
    display: block;
}

.secondary-title {
    padding: 14px 16px;
    font-size: 17px;
}

.secondary-item {
    font-size: 17px;
    padding: 14px 16px;
    cursor: pointer;
}

/* 顶部标签栏 */
.tab-header {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px 4px 0 0;
}

.tab-item {
    padding: 12px 20px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.tab-item.active {
    color: #1890ff;
    border-bottom: 2px solid #1890ff;
}

.main_data_top_yewu {
    position: relative;
    display: none;
}

.main_data_top_area {
    position: relative;
    display: none;
}

/* 底部footer开始 */

.footer {
    background: #ffffff;
    box-shadow: 0px -2px 8px 0px rgba(211, 211, 211, 0.13);
    width: 100%;
    height: 250px;
}

.footer1 {
    width: min(var(--ibrief-width), calc(100% - 32px));
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
}

.footer1_div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.footer_class1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer_class1 img {
    height: 40px;
    margin-bottom: 30px;
}

.footer_class1 p {
    color: #000000;
    font-size: 14px;
}

.footer_class1 a {
    /* color: #B2B2B2; */
    font-size: 14px;
}

.footer_class1 div {
    display: flex;
}

.footer2_div {
    display: flex;
    color: #878787;
    font-size: 14px;
    justify-content: center;
}

.footer2_div :nth-of-type(2) {
    margin-left: 60px;
}

.footer_class2 {
    display: flex;
    flex-direction: column;
}

.footer_class1_1 {
    flex-direction: column;
}

.footer_class1_1 normal {
    margin: 0 15px;
}

.footer_class1_1 div {
    align-items: center;
    margin-bottom: 10px;
}

.footer_class1_1 div:nth-of-type(1) {
    /* margin-bottom: 30px; */
}

.footer_class1_2 div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
}

.footer_class1_2 div:nth-of-type(1) {
    margin-right: 30px;
}

.fileinput-cancel {
    display: none !important;
}

.modal-content {
    top: 100px;
}

/* 搜索首页 */
.main_data_top_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: var(--ibrief-width);
    margin: 0 auto;
}

.custom-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 16px;
    font-size: 16px;
}

.dropdown-selected {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.dropdown-selected.open {
    border-color: #0095ff;
}

.dropdown-list {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    z-index: 100;
    min-width: 100%;
    background: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(0, 31, 54, 0.1);
}

.dropdown-item {
    padding: 10px 16px;
    cursor: pointer;
    color: #333;
    white-space: nowrap;
}

.dropdown-item.active,
.dropdown-item:hover {
    color: #0095ff;
    background: rgba(216, 216, 216, 0.2);
}

.dropdown-selected:before {
    content: "";
    display: block;
    width: 100%;
    background: url(../images/ibrief_web_img/展开home.svg) no-repeat center right;
    position: absolute;
    height: 100%;
    left: 15px;
}

/* 个人公司主页 */
.homepage_main {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}

.general1100 {
    width: var(--ibrief-width);
    margin: 0 auto;
}

.homepage_header_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.homepage_header_info {
    display: flex;
    gap: 30px;
}

.homepage_header_info .img_div {
    position: relative;
}

.header_info_img {
    width: 126px;
    height: 126px;
    border-radius: 63px;
    border: 1px solid #c9c9c9;
    box-shadow: 0px 0px 7px 1px rgba(115, 115, 115, 0.05);
}

.header_info_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.homepage_header_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.homepage_header_title {
    display: flex;
    gap: 20px;
    align-items: center;
}

.homepage_header_top_main p {
    font-weight: 600;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.85);
}

.homepage_header_title span {
    padding: 2px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 12px;
    border-radius: 4px;
}

.homepage_header_title .header_cert {
    background: #fff7f1;
    color: #f6a11d;
}

.homepage_header_title .header_realname {
    background: #eaf9fa;
    color: #5cc9ca;
    font-size: 12px;
}

.homepage_header_top_main {
    display: flex;
    gap: 20px;
}

.homepage_header_tag {
    display: flex;
    gap: 12px;
}

.homepage_header_tag span {
    background: #f8f8f7;
    border-radius: 8px;
    padding: 6px 14px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.communication_btn {
    background: #f7e7a9;
    border-radius: 8px;
    font-size: 18px;
    color: #6d3c23;
    padding: 13px 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
}

.communication_btn_Style {
    background: #f7e7a9;
    border-radius: 8px;
    font-size: 18px;
    color: #6d3c23;
    padding: 13px 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
}

.homepage_tab {
    display: flex;
    gap: 50px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.homepage_tab span {
    padding: 20px 0;
    cursor: pointer;
}

.hm-active {
    border-bottom: 6px solid #0095ff;
    color: #0095ff;
}

.homepage_works {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 0;
}

.homepage_works_p {
    font-size: 20px;
    font-weight: bold;
}

.homepage_works_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.hpdiv-1 {
    display: none;
}

.hpdiv-2 {
}

.hm_introduce_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hm_introduce {
    padding: 30px 0;
    gap: 40px;
    flex-direction: column;
    display: flex;
}

.hm_introduce_desc {
    background: #fff;
    padding: 24px;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
}

.hm_introduce_brand {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.hm_introduce_brand div {
    width: 260px;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 8px;
}

.hm_license_info {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border-radius: 8px;
    padding: 24px;
    /* display: flex; */
    gap: 110px;
}

.hm_license_row {
    display: flex;
    /* flex-direction: column; */
    gap: 24px;
    justify-content: space-between;
}

.hm_license_row div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hm_license_row div p:nth-of-type(1) {
    font-weight: 400;
    font-size: 12px;
    color: #666666;
}

.hm_license_row div p:nth-of-type(2) {
    font-weight: 600;
    font-size: 15px;
}

.hm_introduce_address {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 24px;
}

.hm_introduce_address span {
    color: #0095ff;
    cursor: pointer;
}

.hm_footer {
    background: #ffffff;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.04);
    padding: 14px 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.hm_footer_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hm_footer_1_1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hm_footer_auimg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ededed;
}

.general-modal-content {
    min-width: 400px;
    max-width: 900px;
    background: #ffffff;
    box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03),
        0px 9px 28px 0px rgba(0, 0, 0, 0.05),
        0px 6px 16px -8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 999999;
    display: none;
}

.realname_tan {
    z-index: 9999992;
}

.general-modal-title {
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
}

.member-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px;
    max-height: 530px;
    overflow-y: auto;
    font-size: 14px;
}

.general-span {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.general-normal {
    font-weight: 400;
    font-size: 14px;
    color: #ff0000;
}

.general-a {
    color: #0095ff;
}

.member-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: #fafafa;
    gap: 14px;
    cursor: pointer;
}

.member-item:hover {
    background-color: #e9e9e9;
}

.member-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.member-name {
    font-weight: 500;
    font-size: 14px;
}

.general-modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 14px 26px;
    border-top: 1px solid #eee;
    gap: 24px;
}

.cancel-btn {
    padding: 5px 44px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 500;
    font-size: 14px;
    background: #ffffff;
}

.close_pop,
.close_pop_800 {
    cursor: pointer;
}

.no-data {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: auto;
    padding: 100px 0;
}

.no-data-text {
    color: #999999;
}

/* 详情页 */
.detail_main {
    width: var(--ibrief-width);
    margin: 40px auto 0;
}

.detail_main-1 {
    display: flex;
    justify-content: space-between;
    width: var(--ibrief-width);
    margin: 0 auto;
    padding-bottom: 100px;
}

.general812 {
    width: 812px;
    background: #ffffff;
    padding: 24px;
}

.detail_title {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 35px;
}

.project_detail_summary_wrap {
    display: flex;
    flex-direction: column;
}

.summary_wrap_p {
    font-weight: 600;
    color: #0095ff;
    margin-bottom: 18px;
}

.project_detail_summary_content img {
    max-width: 100%;
}

.project_detail_summary_content video {
    max-width: 100%;
}

.detail_content {
    line-height: 2rem;
}

.detail_content table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px;
    background: #ffffff;
}

.detail_content table th,
.detail_content table td {
    border: 1px solid #e9e9e9;
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
    word-break: break-word;
}

.detail_content table th {
    background: #f7f9fc;
    font-weight: 600;
    color: #333333;
}

.detail_content table tr:nth-child(even) td {
    background: #fcfdff;
}

/* .detail_content p:has(img){
    text-align: center;
} */

.general268 {
    width: 268px;
}

.project_company_wrap {
    background: #ffffff;
    border-radius: 8px;
    padding: 24px 0;
}

.project_right_p {
    font-weight: 600;
    color: #0095ff;
    border-left: 8px solid #0095ff;
    padding-left: 16px;
    margin-bottom: 24px;
}

.project_company_info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.company_info_img {
    width: 81px;
    height: 81px;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 50%;
    margin-bottom: 20px;
}

.company_info_p {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.communication_btn_blue {
    background: #0095ff;
    border-radius: 8px;
    padding: 13px 74px;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
}

.project_company_bot {
    margin-top: 24px;
}

.project_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 24px;
}

.project_info div {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.project_info div p {
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.project_info div span {
    font-weight: 500;
    font-size: 15px;
}

.detail_footer {
    position: fixed;
    bottom: 0;
}

.detail_right_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.match_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.match_info div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.match_info div img {
    width: 100%;
}

.match_info div p {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
}

.form-control {
    min-height: 140px !important;
}

/* 需求详情 */
.detail-top-title {
    font-weight: 600;
    font-size: 26px;
}

.detail-top-price {
    font-weight: 500;
    font-size: 24px;
    color: #ff0000;
}

/* 需求详情 */
.detail-item {
    background: #fff;
    padding: 24px 24px;
    border-radius: 8px;
    position: relative;
}

.detail-item-1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.detail-item-2 {
    display: flex;
}

.detail-item-2-1 {
    width: 33%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.detail-item-2-1 div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-item-2-1 div p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.detail-item-2-1 div span {
    font-weight: 400;
    font-size: 16px;
    min-height: 21px;
}

.detail-item-content-1 {
    background: #fafafa;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.detai-item-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.detail-item-content {
    margin-bottom: 24px;
}

.detail-item-content img,
.detail-item-content video {
    max-width: 100%;
}

.detailButton {
    display: flex;
    gap: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.detailButton button {
    font-weight: 600;
    padding: 12px 40px;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
}

.detailButton a {
    font-weight: 600;
    padding: 12px 40px;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    font-size: 18px;
}

.signUpStyle {
    background: #0095ff;
    color: #ffffff;
}

.signUpDeadline {
    background: #f7e7a9;
    color: #6d3c23;
}

.detail_main_require {
    display: flex;
    justify-content: space-between;
    width: 900px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.detail_ce {
    width: 60px;
    background: #ffffff;
    font-size: 12px;
    color: #242424;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 50%;
    margin: auto;
    z-index: 1;
    display: inline-table;
    transform: translateY(-50%);
}

.detail_ce div {
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    cursor: pointer;
}

.fenxiang {
    position: absolute;
    left: -150px;
    display: none;
    border-bottom: 0px !important;
    box-shadow: 0px 1px 5px 0px #919393;
    padding-top: 0 !important;
    display: none;
}

.fenxiang img {
    width: 150px !important;
    height: 150px;
}

.detail_ce img {
    width: 20px;
    margin-bottom: 1px;
}

.detail_ce div {
    border-bottom: 1px solid #eeeeee;
}

.tail_ce1,
.tail_ce2,
.tail_ce3,
.tail_ce4,
.tail_ce5 {
    display: flex;
}

.require-section-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
}

.project-overview img {
    max-width: 100%;
}

.project-overview video {
    max-width: 100%;
}

.require-user-info {
    display: flex;
    gap: 10px;
}

.require-user-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.require-user-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.require-user-details-1 {
    display: flex;
    gap: 20px;
    align-items: center;
}

.require-user-question {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.require-user-details-2 {
    font-size: 12px;
    color: #999999;
}

.require-user-name {
    font-weight: 600;
    font-size: 15px;
}

.require-contact-info {
    background: #fbfbfb;
    border-radius: 4px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
}

.require-contact-text {
    background: #fbfbfb;
    border-radius: 4px;
    padding: 24px;
}

.require-contact-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.require-contact-item span:nth-of-type(1) {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
}

.require-contact-item span:nth-of-type(2) {
    font-weight: 500;
    font-size: 15px;
}

.require-form-label {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.require-form-label.required:before {
    content: "*";
    color: #f5222d;
    margin-left: 4px;
}

.require-form-label normal {
    color: #e5484d;
}

.require-form-label span {
    color: #000;
}

.require-form-label a {
    color: #0095ff;
    text-decoration: dashed;
}

.require-form-group {
    margin-bottom: 24px;
}

.upload-area {
    background: rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    width: 331px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.add-project {
    height: 94px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
}

.btn-secondary {
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding: 5px 15px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
}

.btn-primary {
    background: #0095ff;
    box-shadow: 0px 0px 1px 0px rgba(0, 27, 102, 0.08),
        0px 1px 4px -1px rgba(0, 42, 140, 0.08),
        0px 2px 8px -2px rgba(0, 27, 102, 0.08);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 15px;
    min-width: 110px;
    text-align: center;
}

.require-project-list {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.require-project-item {
    height: 94px;
    background: #fafafa;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 12px;
}

.require-project-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.require-project-info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 250px;
}

.require-project-info span {
    color: #999999;
}

.require-project-img img {
    width: 123px;
    height: 67px;
    border-radius: 8px;
}

.file-info {
    width: 331px;
    height: 70px;
    background: #fafafa;
    border-radius: 4px;
    gap: 12px;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.file-info-1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.file-info-1 div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
}

.file-info-1 span:nth-of-type(1) {
    font-weight: 500;
    font-size: 15px;
}

.file-info-1 span:nth-of-type(2) {
    font-size: 12px;
    color: #999999;
}

.file-info {
    display: none;
    position: relative;
}

.uploaded-file-info {
    display: none;
    position: relative;
    display: flex;
    width: 365px;
    height: 70px;
    background: #fafafa;
    border-radius: 4px;
    gap: 12px;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
}

.uploaded-pdf-list {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.pdf-btn {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.delete-pdf {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.tan_800 {
    width: 800px;
    max-height: calc(100vh - 48px);
    z-index: 9999992;
    display: none;
    flex-direction: column;
}

.tan_800 .member-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}

.tan_1100 {
    max-width: var(--ibrief-width) !important;
    /* width: var(--ibrief-width); */
}

.member-item-pipei-title {
    color: #0095ff;
    margin-bottom: 20px;
}

.member-item-pipei-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.member-item-pipei-content-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.member-item-pipei-content-item p {
    font-weight: 600;
    font-size: 15px;
}

.member-item-pipei-content-item div {
    display: flex;
    align-items: center;
}

.member-item-pipei-content-item div span {
    font-weight: 600;
    font-size: 13px;
    color: #999999;
}

.deadline_tan {
    background: linear-gradient(177deg, #fff9e3 0%, #fffdf7 100%);
}

.deadline_tan .general-modal-title {
    border: 0 !important;
}

.deadline_tan .general-modal-footer {
    border: 0;
}

.deadline_btn {
    padding: 5px 44px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    background: linear-gradient(270deg, #ffe7a8 0%, #ffe7a8 100%);
    color: #6d3c23;
}

.deadline_tan .member-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.deadline_tan .member-list p:nth-of-type(1) {
    font-weight: 400;
    font-size: 14px;
}

.deadline_tan .member-list p:nth-of-type(2) {
    font-size: 13px;
    color: #999999;
}

.notification-bubble {
    position: relative;
    display: inline-block;
    max-width: 300px;
    padding: 12px 16px;
    background-color: #333;
    color: white;
    border-radius: 8px;
    /*font-family: "Helvetica Neue", Arial, sans-serif;*/
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    top: -60px;
    display: none;
}

.notification-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
}

.project-search-bar {
    display: flex;
    justify-content: space-between;
}

.project-search-input-box {
    position: relative;
    width: 378px;
    display: flex;
    align-items: center;
}

.project-search-input-box img {
    position: absolute;
    left: 10px;
}

.project-search-input {
    width: 378px;
    height: 32px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    border: none;
    font-size: 14px;
    padding-left: 29px;
}

/* .require-project-list .selected {
  background: url(../img2025/关联选中.svg) no-repeat right 20px top 20px;
} */

.require-project-list .selected {
    position: relative;
    /* 为伪元素的绝对定位提供基准 */
}

.require-project-list .selected::after {
    content: "";
    /* 伪元素必须有的属性 */
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    /* 图标的实际宽度 */
    height: 20px;
    /* 图标的实际高度 */
    background: url(../img2025/关联选中.svg) no-repeat;
    z-index: 2;
    /* 确保这个伪元素在图片之上 */
}

.guanlian_tan .require-project-info {
    font-size: 14px;
}

.guanlian_tan .require-project-info p {
    width: 200px;
}

.identity_tan .general-modal-title {
    border: 0 !important;
}

.identity_tan .general-modal-footer {
    border: 0;
}

.noheng .general-modal-title {
    border: 0 !important;
    padding: 0 26px !important;
    padding-top: 26px !important;
}

.noheng .general-modal-footer {
    border: 0;
}

.identity_button {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.identity12_button {
    display: flex;
    gap: 20px;
    width: 100%;
}

.identity_button button,
.identity_button a,
.identity12_button button,
.identity12_button a {
    background: #0095ff;
    border-radius: 4px;
    display: grid;
    gap: 20px;
    font-size: 14px;
    color: #ffffff;
    width: 202px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signUpEnd {
    background: #d8d8d8;
    color: #fff;
    cursor: no-drop;
}

.detailButton button a {
    display: flex;
    color: #fff;
    background: #0095ff;
}

/* 需求方首页 */
.demand-main {
    display: flex;
    /* gap: 24px; */
}

.demand-section {
    width: 208px;
    flex: 0 0 208px;
    background: #ffffff;
}

/* 相对 demand-main 左栏列高吸顶；滚到主内容区底部时随页面一起上移，不压住下方 footer */
.demand-section-scrool {
    position: sticky;
    top: 80px;
}

.demand-action-list {
    display: flex;
    flex-direction: column;
    padding: 40px 24px;
    gap: 20px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}

.demand-action-list-2 {
    display: flex;
    flex-direction: column;
    padding: 40px 24px;
    gap: 20px;
}

.demand-action-list-2 a {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-radius: 8px;
    gap: 10px;
    padding-left: 13px;
}

.demand-action-list a {
    display: flex;
    align-items: center;
    padding: 12px 5px;
    border-radius: 8px;
    gap: 10px;
    padding-left: 13px;
    margin: 0 5px;
}

.demandActive {
    background: #e5f4ff;
    font-weight: 500;
    color: #0095ff;
}

.demand-user-info {
    margin-top: 24px;
    flex: 1;
    padding-bottom: 100px;
}

.demand-welcome-section {
    padding: 36px 24px;
    background: #fff;
}

.demand-welcome-section .rights-list-pic {
    width: 100%;
}

.demand-welcome-section-title div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.demand-welcome-section-title p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
}

.demand-welcome-section h2 {
}

.demand-welcome-section-title {
    margin-bottom: 20px;
}

.demand-user-right {
    max-width: var(--ibrief-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.demand-demand-item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.demand-demand-count {
    background: #fbfbff;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.demand-demand-count p {
    font-weight: 500;
    font-size: 14px;
    color: #666666;
}

.demand-count-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.demand-count-action span {
    font-weight: 400;
    font-size: 13px;
    color: #999999;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.demand-count-action span normal {
    font-weight: 600;
    font-size: 24px;
    color: #333;
}

.demand-count-action a {
    background: #f9fbfd;
    border: 1px solid #0095ff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #0095ff;
    padding: 5px 23px;
}

.demand-count-action .demand-count-action-link {
    color: #fff !important;
    background: #0095ff !important;
}

.demand-promotion-section {
    width: var(--ibrief-width);
    background: #020000;
    border-radius: 8px;
    padding: 22px 24px;
    display: flex;
    justify-content: space-between;
}

.demand-promotion-content {
    display: flex;
    gap: 24px;
}

.demand-promotion-image {
    position: relative;
    width: 100px;
    display: flex;
    align-items: center;
}

.stacked-image {
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.image-1 {
    left: 0;
    z-index: 1;
}

.image-2 {
    left: 26px;
    z-index: 2;
}

.image-3 {
    left: 52px;
    z-index: 3;
}

.demand-promotion-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.demand-promotion-text p {
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
}

.demand-promotion-text span {
    font-size: 14px;
    color: #ffffff;
}

.demand-promotion-types {
    display: flex;
    gap: 30px;
}

.demand-type-item {
    background: linear-gradient(270deg, #ffe7a8 0%, #ffe7a8 100%);
    border-radius: 6px;
    padding: 15px 0;
    color: #6b2300;
    font-weight: bold;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 177px;
    justify-content: center;
}

.demand-in-progress-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.demand-item-header {
    background: #fbfbff;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: baseline;
    position: relative;
}

.demand-status-time {
    display: flex;
    gap: 20px;
    align-items: center;
}

.demand-status-time span {
    font-weight: 600;
}

.demand-status-time .demand-status-reviewing {
    color: #f9b900;
}

.demand-status-time .demand-status-applying {
    color: #0ce751;
}

.demand-status-time .demand-status-screening {
    color: #eb2323;
}

.demand-status-time .demand-status-connected {
    color: #0095ff;
}

.demand-status-time .demand-status-closed {
    color: #999999;
}

.demand-item-title {
    font-weight: 500;
    font-size: 20px;
}

.demand-item-amount {
    font-size: 18px;
}

.demand-item-empty-spans {
    font-weight: 500;
    font-size: 18px;
    display: flex;
    gap: 60px;
}

.demand-view-applicants {
    display: flex;
    border: 1px solid #0095ff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    color: #0095ff;
    padding: 12px 36px;
    position: relative;
}

.demand-status-status {
    width: 74px;
    height: 28px;
    border-radius: 0px 8px 0px 8px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}

/* 发布新需求 */
.release-container {
    background: #fff;
}

.release-form-header {
    padding: 24px 144px 24px 24px;
}

.release-form-header h1 {
    font-size: 26px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.release-form-header p {
    font-size: 18px;
}

.form-card {
    padding: 24px;
}

.release-section-title {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

.release-section-title p {
    font-weight: 500;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
}

/* .release-form-group {
    margin-bottom: 24px;
    position: relative;
} */

.release-input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.release-form-label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.release-form-label.required:before {
    content: "*";
    color: #f5222d;
    margin-left: 4px;
}

.release-form-control {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s;
}

.release-form-control:focus {
    border-color: #1890ff;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.release-form-control.textarea {
    min-height: 120px;
    resize: vertical;
}

.radio-group {
    display: flex;
    gap: 30px;
}

.radio-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
}

.radio-custom input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio-custom .radio-icon {
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
}

.radio-custom input[type="radio"]:checked + .radio-icon {
    border-color: #1890ff;
}

.radio-custom input[type="radio"]:checked + .radio-icon:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: #1890ff;
    border-radius: 50%;
}

.checkbox-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
}

.checkbox-custom input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.checkbox-custom .checkbox-icon {
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    margin-right: 8px;
    position: relative;
}

.checkbox-custom input[type="checkbox"]:checked ~ .checkbox-icon {
    border-color: #1890ff;
    background-color: #1890ff;
}

/* 使用更稳定的选择器，不依赖相邻兄弟选择器 */

.checkbox-custom input[type="checkbox"]:checked ~ .checkbox-icon:after {
    content: "✓";
    position: absolute;
    top: -2px;
    left: 2px;
    color: white;
    font-size: 12px;
}

.select-group {
    position: relative;
}

.select-group select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 30px;
    width: 450px;
}

.layui-inline {
    display: flex;
    gap: 15px;
    width: 100%;
}

.layui-inline .release-form-group {
    flex: 1;
}

.btn-submit {
    padding: 14px 100px;
    background-color: #0095ff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
}

.btn-submit:hover {
    background-color: #40a9ff;
}

.agreement {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.agreement a {
    color: #1890ff;
    text-decoration: none;
}

.hint {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-left: 10px;
}

.hintred {
    font-size: 12px;
    color: #ff0000;
    font-weight: 400;
    margin-left: 10px;
}

.hint2 {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-top: 20px;
}

.char-counter {
    font-size: 12px;
    color: #999;
    right: 10px;
    position: absolute;
}

.multi-select-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.multi-select-item {
    padding: 5px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.multi-select-item.selected {
    border-color: #1890ff;
    background-color: #e6f7ff;
    color: #1890ff;
}

.hr {
    background: rgba(0, 0, 0, 0.06);
    height: 1px;
    width: 100%;
}

#preview-img3 {
    max-height: 300px;
}

.release-contact-info {
    display: grid;
    /* justify-content: space-between */
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.release-contact-info .release-form-group {
    margin-bottom: 0;
}

/* 全局隐藏 LayDate 橙色提示框 */
.layui-laydate-hint {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.layui-layer-title {
    font-weight: bold;
}

.laydate-time-list > li:nth-of-type(2) {
    /* display: none; */
}

.dropdown {
    position: relative;
}

.dropdown-toggle {
    padding: 10px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    height: 42px;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    z-index: 99999;
    width: 100%;
    display: none;
    max-height: 400px;
    overflow-y: auto;
    font-size: 14px;
}

.column {
    width: 50%;
    border-right: 1px solid #eee;
    max-height: 200px;
    overflow-y: auto;
}

.item {
    padding: 6px 10px;
    cursor: pointer;
}

.item:hover,
.item.active {
    background: #f0f0f0;
}

.tags,
.tagssingle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.selected-bg {
    background-color: #e6f7ff;
}

.tag-re {
    display: inline-block;
    background: #409eff;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    margin: 2px;
    font-size: 14px;
}

.tag-re .remove {
    margin-left: 4px;
    cursor: pointer;
    font-weight: bold;
}

.dropdown-panel {
    width: 100%;
    display: flex;
}

.dropdown {
    position: relative;
}

.relese-sub {
    display: flex;
    gap: 20px;
    position: relative;
}

.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.Validform_right {
    color: #71b83d;
    padding-left: 20px;
    background: url(../images/right.png) no-repeat left center;
    display: none;
}

.Validform_wrong {
    color: red;
    white-space: nowrap;
    /* background:url(../images/error.png) no-repeat left center; */
    position: absolute;
    padding: 0;
    bottom: -20px;
    left: 0;
}

.Validform_loading {
    padding-left: 20px;
    background: url(../images/onLoad.gif) no-repeat left center;
}

.Validform_error {
    background-color: #ffe7e7;
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}

#Validform_msg .iframe {
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1;
}

#Validform_msg .Validform_title {
    line-height: 25px;
    height: 25px;
    text-align: left;
    font-weight: bold;
    padding: 0 8px;
    color: #fff;
    position: relative;
    background-color: #000;
}

#Validform_msg a.Validform_close:link,
#Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #fff;
    text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
    color: #cc0;
}

#Validform_msg .Validform_info {
    padding: 8px;
    border: 1px solid #000;
    border-top: none;
    text-align: left;
}

.error {
    position: absolute;
    font-size: 12px;
    bottom: -20px;
    left: 0;
    color: #cd2b1e;
}

/* 报名者首页 */
.demand-user-identity {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
    margin-top: 10px;
}

.demand-user-identity-content {
    background: #fbfbff;
    display: flex;
    gap: 20px;
    padding: 18px;
    margin-bottom: 24px;
    align-items: center;
    position: relative;
}

.demand-user-identity-content .company-logo {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.company-info-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.company-basic-info {
    display: flex;
    gap: 15px;
    align-items: center;
}

.company-basic-info p:nth-of-type(1) {
    font-weight: 600;
    font-size: 22px;
}

.company-basic-info p:nth-of-type(2) {
    font-size: 20px;
}

.company-auth {
    background: #f1f7ff;
    color: #0095ff;
}

.company-basic-info span {
    border-radius: 4px;
    padding: 3px 8px;
    display: flex;
    gap: 5px;
    font-size: 12px;
    align-items: center;
    font-weight: 600;
}

.person-auth {
    background: #ffe9d3;
    color: #ff9025;
}

.company-basic-info img {
    width: 16px;
}

.company-license-name {
    color: #333;
}

.Personal_identity {
    margin-top: 50px;
}

.application-action-list-a {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.application-action-list-a div {
    display: flex;
    flex-direction: column;
}

.application-action-list-a p {
    font-size: 13px;
    color: #666666;
}

.action-list-a {
    font-size: 15px;
}

/* 建联记录 */
.bulid-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bulid-item {
    background: #fbfbff;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: baseline;
}

.bulid-item-div {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.bulid-item-div-img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.bulid-item-div p:nth-of-type(1) {
    font-weight: 500;
    font-size: 20px;
}

.bulid-item-div p:nth-of-type(2) {
    font-weight: 400;
    font-size: 20px;
}

.bulid-item-div span {
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    max-width: 590px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bulid-item-p {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

.bulid-item-a {
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #0095ff;
    font-weight: 600;
    font-size: 16px;
    color: #0095ff;
    padding: 12px 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 个人认证公司认证 */
.certification-content {
    margin-bottom: 60px;
}

.certification-content-item-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: stretch;
}

.certification-content-item-container > .certification-content-item {
    flex: 1 1 0;
    min-width: 0;
}

.certification-content-item-container > .certification-content-item:first-child {
    flex: 2 1 0;
}

.certification-content-item-container > .certification-content-item:last-child {
    flex: 3 1 0;
}


.certification-content-item {
    background: linear-gradient(270deg, #e9f6ff 0%, #f8f9ff 100%),
        linear-gradient(180deg, #f8f9ff 0%, #fafcfd 100%);
    border-radius: 8px;
    padding: 20px;
    height: 522px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.certification-content-item-title {
    font-weight: 500;
    font-size: 18px;
    color: #0095ff;
}

.certification-content-item-price {
    font-weight: bold;
    font-size: 32px;
    gap: 15px;
    display: flex;
    align-items: baseline;
}

.certification-content-item-price span {
    font-weight: 400;
    font-size: 24px;
    text-decoration: line-through;
}

.certification-content-item-desc {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

.certification-content-item-btn {
    background: rgba(0, 149, 255, 0.03);
    border-radius: 8px;
    border: 1px solid #0095ff;
    font-weight: 600;
    font-size: 18px;
    color: #0095ff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
}

.certification-content-item-btn1 {
    background: #0095ff;
    border-radius: 8px;
    border: 1px solid #0095ff;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    position: relative;
}

.certificationImg {
    background: #ffe7a8;
    color: #7c3612;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 10px 10px 10px 0px;
    position: absolute;
    top: -15px;
    right: 70px;
}

.certification-content-item-btn1 span {
    text-decoration: line-through;
}

.certification-content-item-extra {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    height: 127px;
    padding: 28px 35px 34px;
}

.certification-content-item-extra p {
    font-weight: 600;
    font-size: 18px;
}

.certification-content-item-extra div {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #333333;
}

.certification-content-item-extra-container {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    height: 127px;
}

.certification-content-item-right-extra {
    width: 50%;
    height: 127px;
    background: #ffffff;
    border-radius: 12px;
    padding: 14px 14px 21px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.certification-content-item-right-extra-header {
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: space-between;
}

.certification-content-item-right-extra-header img {
    width: 48px;
    height: 48px;
    box-sizing: border-box;
}

.certification-content-item-right-extra-header p {
    font-weight: 600;
    font-size: 18px;
}

.certification-content-item-right-extra-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.certification-content-item-right-extra-text span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

/* 平台智推 */
.promotionTitle {
    display: flex;
    gap: 10px;
    align-items: center;
}

.promotionTitle p {
    font-weight: 500;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
}

.promotionTitle span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.promotionDesc {
    margin: 0 24px;
    background: #fcfcfc;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    color: #666;
}

.js-certification-agreement {
    color: #1890ff;
}

/* 个人认证表单 */

.release-section-title span {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
}

.releaseTime {
}

.relese-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.relese-new-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.relese-new-top-left {
    position: relative;
}

.relese-new-top-left img {
    position: absolute;
    right: -14px;
    top: -16px;
}

.relese-new-top-left-p {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
}

.relese-new-top-left-span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.relese-new-top-left-span normal {
    color: #0095ff;
}

.relese-new-top-left-span a {
    color: #0095ff;
}

.relese-new-top-right {
    font-size: 20px;
    color: #333333;
    font-weight: 600;
}

.tan460 {
    width: 460px;
}

.tan_900 {
    width: 900px;
}

.company-tan-success {
    align-items: center;
    padding: 60px 70px 50px 70px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.company-tan-success-a {
    background: #0095ff;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff;
    width: 202px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-tan-success p {
    font-weight: bold;
}

.company-tan-success span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.changeBack {
    background: #fff !important;
    color: #0095ff !important;
    border: 1px solid #0095ff !important;
}

.general-modal-footer-center {
    display: flex;
    justify-content: center;
    padding: 16px 24px;
    border-top: 1px solid #eee;
    gap: 24px;
}

.other-company-jigou {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #dddddd;
}

/* 我的认证 */
.company-auth-status {
    position: absolute;
    right: 35px;
    font-weight: 400;
}

.company-auth-no {
    background: #eeeeee;
    color: #999999;
}

.myC_payment_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.monet-style {
    background: linear-gradient(270deg, #ffe7a8 0%, #ffe7a8 100%);
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    color: #6b2300;
    padding: 10px 24px;
}

.change-style-p {
    font-weight: 400;
    font-size: 16px;
    color: #0095ff;
    cursor: pointer;
}

.myC_payment_info_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.myC_payment_info p {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
}

.myC_payment_info span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.myC_payment_buttons {
    display: flex;
    gap: 10px;
}

.myC_payment_buttons button {
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    padding: 5px 15px;
}

.myC_payment_edit {
    color: #0095ff;
}

.myC_payment_again {
    color: rgba(0, 0, 0, 0.65);
}

.myC_payment_amount {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.myC_payment_amount_title {
    font-weight: 500;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
}

.myC_amount_detail {
    background: #fafafa;
    border-radius: 8px;
    padding: 18px;
    display: flex;
    justify-content: space-between;
}

.myC_amount_detail p {
    font-weight: 600;
    font-size: 20px;
}

.myC_amount_detail {
    display: flex;
    gap: 5px;
}

.myC_amount_detail span {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    gap: 10px;
    display: flex;
    align-items: baseline;
}

.myC_amount_detail span normal {
    font-weight: 600;
    font-size: 24px;
    color: #0095ff;
}

.myC_method_detail {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.myC_method_item {
    border-radius: 8px;
    padding: 26px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.myC_method_item_img {
    display: flex;
    align-items: center;
    gap: 20px;
}

.myC_method_item .payBtn {
    background: #0095ff;
    border-radius: 8px;
    padding: 15px 70px;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
}

.myC_method_item_img p {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
}

.myC_payment_info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.myC_method_item-wechat {
    background: #f4fff8;
}

.myC_method_item-alipay {
    background: #f4f9ff;
}

.myC_payment_status {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    color: #0095ff;
    justify-content: end;
    gap: 40px;
}

.myC_payment_equity {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.myC_payment_equity_title {
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
}

.myC_payment_equity_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.myC_payment_equity_content div {
    padding: 20px;
    background: linear-gradient(270deg, #e9f6ff 0%, #f8f9ff 100%),
        linear-gradient(180deg, #f8f9ff 0%, #fafcfd 100%);
    border-radius: 8px;
    position: relative;
}

.myC_payment_equity_content div p {
    font-weight: bold;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 10px;
}

.myC_payment_equity_content div span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.myC_payment_equity_content div img {
    position: absolute;
    top: 15px;
    right: 20px;
}

/* 个人公司项目 */

.project_main {
}

.project_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.project_search_box {
    display: flex;
    align-items: center;
    width: 460px;
    position: relative;
}

.project_search_box img {
    position: absolute;
    left: 10px;
}

.project_search_input {
    width: 460px;
    border: 0;
    padding: 5px 10px;
    background: #fafafa;
    padding-left: 30px;
    padding-right: 85px;
    border-radius: 4px;
}

.project_search_btn {
    background: #0095ff;
    color: #fff;
    border-radius: 4px;
    padding: 5px 19px;
    position: absolute;
    right: 0px;
}

.search-clear-btn {
    position: absolute;
    right: 65px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    padding: 0 5px;
    user-select: none;
    z-index: 1;
}

.search-clear-btn:hover {
    color: #333;
}

.project_search_right {
    display: flex;
    gap: 20px;
}

.project_search_right a {
    background: #0095ff;
    border-radius: 4px;
    padding: 5px 15px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}

.represent-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.project-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.project_content_div {
    background: #fafafa;
    border-radius: 8px;
    width: 514px;
    padding: 12px 10px;
    display: flex;
    justify-content: space-between;
}

.project_content_div_left {
    width: 323px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.danhang {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.duohang {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.project_content_div_left_title {
    font-weight: 500;
    font-size: 16px;
}

.project_content_div_left_span {
    font-weight: 500;
    font-size: 12px;
    color: #999999;
}

.project_content_div_left_time {
    display: flex;
    gap: 10px;
    align-items: center;
}

.project_content_div_left_time .project_status_public {
    font-weight: 400;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

.project_time {
    color: #999999;
    font-size: 12px;
}

.project_revision_status {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.project_status_save {
    background: #e5f6ff;
    color: #0095ff;
}

.project_status_no {
    background: #ffe5e5;
    color: #ff3131;
}

.project_status_ing {
    background: #fff7e6;
    color: #ff9900;
}

.project_status_public {
    background: #ffffff;
}

.project_content {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.project_content_div_right {
    position: relative;
}

.project_content_div_right_img {
    width: 158px;
    height: 86px;
    border-radius: 4px;
}

.project_content_div_shadow {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 5px;
    padding-top: 6px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.project_content_div_shadow .project_btn {
    width: 70px;
    height: 28px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}

/* 公司报名资料 */
.myC_contact_info {
    display: flex;
    background: #fbfbfb;
    border-radius: 4px;
    padding: 24px;
}

.myC_contact_info div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 25%;
}

.myC_contact_info div p {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
}

.myC_contact_info div span {
    font-weight: 500;
    font-size: 15px;
}

.TYhengTitle {
    font-size: 26px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0 !important;
}

.form-card-profile {
    padding: 24px;
}

/* 公司主页管理 */
.management-main {
    background: #fff;
    display: flex;
}

.management-left {
    width: 150px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    padding: 24px 10px;
}

.Title-20 {
    font-weight: 600;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.85);
}

.management-left-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.management-left-content div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}

.activeManagement {
    background: #e5f4ff;
    border-radius: 8px;
    color: #0095ff;
    font-weight: bold;
}

.management-right {
    flex: 1;
}

.mana-edit {
    position: absolute;
    right: 0;
}

.mana-company-logo {
    width: 98px;
    height: 98px;
    background: #0095ff;
    border-radius: 50%;
}

.mana-business-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mana-business-tag span {
    padding: 4px 10px;
    border-radius: 4px;
    color: #666666;
    font-size: 14px;
    background: #f8f8f7;
    border-radius: 8px;
}

.mana-company-intro span {
    font-size: 14px;
    line-height: 20px;
}

.mana-company-auto {
    background: #f8f8f7;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
}

.btn-blue {
    background: #0095ff;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    width: 100%;
}

.btn-gold {
    background: #ffe7a8;
    border-radius: 4px;
    font-size: 14px;
    color: #7c3612;
    padding: 10px;
    width: 100%;
    border: 1px solid #ffe7a8;
    font-weight: bold;
}

.btn-white {
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #0095ff;
    padding: 10px;
    width: 100%;
    border: 1px solid #0095ff;
    /*font-weight: bold;*/
}

.btn-red {
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #fe4a25;
    padding: 10px;
    width: 100%;
    border: 1px solid #fe4a25;
    font-weight: bold;
}

.manage_button {
    display: flex;
    width: 100%;
    gap: 20px;
}

.mana-edit-img {
    position: absolute;
    top: -18px;
    right: -18px;
}

.review-tips {
    background: #ffe5e5;
    border-radius: 0px 8px 0px 0px;
    padding: 10px 24px;
    font-size: 14px;
    color: #ff0000;
}

.per-project:not(:last-child) {
    margin-top: 20px;
}

.per-project .project_content_div {
    width: 100%;
}

.per-project .project_content_div_left {
    width: 654px;
}

.project_shadow_cancel {
    width: 100% !important;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* 需求记录 */
.demand-status-main {
    border-radius: 5px 5px 5px 0px;
    font-weight: 600;
    font-size: 10px;
    padding: 1px 8px;
    top: 0;
    left: 100px;
    position: absolute;
    white-space: nowrap;
}

.demand-status-tongguo {
    background: #ff7e26;
    color: #ffffff;
}

.demand-status-new {
    background: #ea3323;
    color: #fff;
}

.demand-record-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}

.demand-record-title-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.demand-record-title-left span {
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    padding-bottom: 15px;
    cursor: pointer;
}

.demand-record-title-left span.active {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    position: relative;
}

.demand-record-title-left span.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #1890ff;
    border-radius: 3px;
    right: 0;
    margin: auto;
}

.sign_div {
    padding: 35px;
    background: #fff;
}

.sign_div_box {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 20px;
}

.sign_div_title {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: baseline;
}

.sign_div_title_text1 {
    font-weight: 600;
    font-size: 30px;
    color: #0095ff;
}

.sign_div_title_text2 {
    font-weight: 400;
    font-size: 18px;
}

.sign_div_title_text3 {
    display: flex;
    background: #fafafa;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 15px;
}

.sign_div_title_text3 div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 230px;
}

.sign_div_title_text3 div p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.sign_div_title_text3 div span {
}

.btn-blue-new {
    background: #0095ff;
    border-radius: 4px;
    padding: 10px 50px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #0095ff;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.btn-white-new {
    background: #fff;
    border-radius: 4px;
    padding: 10px 30px;
    color: #0095ff;
    font-weight: 600;
    border: 1px solid #0095ff;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.btn-red-new {
    background: #fff;
    border-radius: 4px;
    padding: 10px 30px;
    color: #ff0000;
    font-weight: 600;
    border: 1px solid #ff0000;
    display: flex;
    gap: 5px;
    align-items: center;
}

.btn-huibai-new {
    background: #999999;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    padding: 10px 30px;
    border: 1px solid #999;
    width: 400px;
}

.btn-hui-new {
    background: #fff;
    border-radius: 4px;
    padding: 10px 30px;
    color: #999;
    font-weight: 600;
    border: 1px solid #999;
    display: flex;
    gap: 5px;
    align-items: center;
}

.sign_div_item_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.sign_div_item_1_p {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.85);
}

.sign_div_item_1_btn {
    display: flex;
    gap: 20px;
}

.sign_div_item_2 {
    display: flex;
    gap: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    align-items: baseline;
}

.huangbai {
    background: #f9b900;
    color: #fff;
}

.lanbai {
    background: #0095ff;
    color: #fff;
}

.huibai {
    background: #999999;
    color: #fff;
}

.huihei {
    background: #eeeeee;
    color: #666666;
}

.hongbai {
}

.sign_div_item_3 {
    display: flex;
}

.sign_div_item_3_left {
    width: 290px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    padding: 24px 0;
    align-items: center;
    overflow-y: auto;
    height: 500px;
}

/* .sign_div_item_3_left 滚动条样式（仅影响该容器） */
.sign_div_item_3_left {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.22) rgba(0, 0, 0, 0.06); /* thumb track */
}

.sign_div_item_3_left::-webkit-scrollbar {
    width: 6px;
}

.sign_div_item_3_left::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.06);
    border-radius: 999px;
}

.sign_div_item_3_left::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.22);
    border-radius: 999px;
    border: 2px solid rgba(0, 0, 0, 0.06);
    background-clip: padding-box;
}

.sign_div_item_3_left::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.32);
    border-color: rgba(0, 0, 0, 0.08);
}


.sign_div_item_3_left .list_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.left_3_item {
    padding: 10px;
    background: #fbfbff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 270px;
    cursor: pointer;
    position: relative;
}

.left_3_item.active {
    background-color: #e5f4ff !important;
}

.left_3_item_div {
    display: flex;
    align-items: center;
    gap: 20px;
    /* justify-content: space-between; */
}

.left_3_item_div_left {
    display: flex;
    gap: 8px;
}

.left_3_item_div_right {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* .left_3_item_div span {
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 12px;
} */

.bidding_time_str {
    color: #999999;
}

.company_blue {
    background: rgba(109, 199, 250, 0.2);
    color: #0095ff;
}

.person_green {
    background: rgba(174, 237, 227, 0.22);
    color: #33c3a3;
}

.left_3_item_div normal {
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 12px;
}

.sign_div_item_3_right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 22px 24px 40px;
    width: 730px;
}

.sign_right_div_1 {
    display: flex;
    justify-content: space-between;
}

.sign_right_div_1_box {
    display: flex;
    gap: 20px;
}

.sign_right_div_1_img {
    position: relative;
}

.sign_right_div_1_img_tou {
    width: 66px;
    height: 66px;
    border-radius: 50%;
}

.sign_right_div_1_img_yz {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.sign_right_div_1_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sign_right_div_1_text p {
    font-weight: 600;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.85);
}

.sign_right_div_1_text span {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
}

.viewMessageIcon {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    padding: 2px 8px;
    background-color: #E5F4FF;
    border-radius: 4px;
    color: #0095FF;
    box-sizing: border-box;
    cursor: pointer;
}

.sign_right_div_2 {
    background: #fafafa;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sign_right_div_2_p {
    font-weight: 600;
    font-size: 18px;
}

.sign_right_div_2_box_text {
    word-break: break-all;
    line-height: 1.8rem;
}

.sign_right_div_2_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sign_right_div_2_box div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sign_right_div_2_box div p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.sign_right_div_2_box div span {
    font-size: 18px;
}

.sign_right_div_3 {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    gap: 20px;
}

.sign_right_div_3 .project_item {
    background: #fafafa;
    padding: 12px 20px;
    display: flex;
}

.sign_right_div_3_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 490px;
}

.sign_right_div_3_box p {
    font-weight: 600;
}

.sign_right_div_3_box span {
    font-weight: 500;
    font-size: 12px;
    color: #999999;
}

.sign_right_div_3_box_text {
}

.sign_right_div_3_box_text .nopei {
    background: #ffffff;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    padding: 2px 6px;
}

.sign_right_div_3_box_text .pipei {
    background: #fff4de;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #7b3511;
    padding: 2px 6px;
}

.sign_right_div_3_box_img img {
    width: 158px;
    height: 86px;
    border-radius: 4px;
}

.sign_right_div_4 {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 24px;
}

.sign_right_div_1_text_box {
    display: flex;
    gap: 5px;
}

.sign_tan_content {
    display: flex;
    justify-content: space-between;
}

.sign_tan_content_left {
    width: 680px;
}

.sign_tan_content_right {
    width: 250px;
    position: relative;
}

.sign_tan_content_right_box {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.sign_tan_content_right_box div {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.sign_tan_content_right_box div p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.sign_tan_content_right_box div span {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}

.sign_tan_content_title {
    font-weight: 600;
    font-size: 30px;
}

.sign_tan_content_right_img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.sign_close_style {
    position: absolute;
    right: 25px;
    top: 25px;
}

/* 报名记录 */
.regis_div {
    padding: 40px 50px;
    background: #fff;
}

.regis_record_detail-1 {
    background: linear-gradient(180deg, #fffae5 0%, #ffffff 100%);
    border-radius: 8px 8px 0px 0px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    align-items: baseline;
    position: relative;
}

.regis_record_detail-1_title {
    font-weight: 600;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.85);
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.regis_record_detail-1_content {
    display: flex;
    border-radius: 8px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.regis_record_detail-1_content div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.regis_record_detail-1_content div p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.regis_record_detail-2 {
    padding: 24px;
    background: linear-gradient(90deg, #fffae5 0%, #ffffff 100%);
    width: 100%;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.regis_record_detail-2_title {
    font-weight: 600;
    font-size: 20px;
    color: #7c3612;
}

.no-communication_btn {
    background: #eeeeee;
    border-radius: 8px;
    font-size: 18px;
    color: #666666;
    padding: 13px 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: no-drop !important;
}

.no-communication_btn span {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.regis_record_detail-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.regis_record_detail-3_title {
    font-weight: 600;
    font-size: 20px;
}

.regis_record_detail-3_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.regis_record_detail-2_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.regis_record_detail-2_box span {
    font-weight: 400;
    font-size: 14px;
    color: #7c3612;
}

.regis_record_detail-5 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.regis_record_detail-4 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.regis_record_detail-6 {
    display: flex;
    gap: 15px;
}

.regis_record_detail-1_img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 24px;
}

.record-content-title {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
}

.record-content-item {
    background: #fbfbff;
    padding: 24px;
    border-radius: 8px;
    gap: 15px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.buy_comm {
    background: linear-gradient(180deg, #fff9e3 0%, #ffffff 100%);
}

.buy_comm .general-modal-title {
    border: 0;
}

.buy_comm .general-modal-footer {
    border: 0;
}

.fee-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 14px;
    background: #fff;
}

.fee-table th,
.fee-table td {
    border: 1px solid #eeeeee;
    padding: 12px 15px;
    text-align: center;
}

.fee-table th {
    background-color: #f9f9f9;
    color: #333;
    font-weight: 500;
}

.fee-table tr:nth-child(even) {
    /* background-color: #fcfcfc; */
}

.fee-table tr:last-child {
    font-weight: 500;
}

.text-left {
    text-align: left !important;
}

.total-row td {
    border-top: 1px solid #ddd;
}

.record_payment_amount {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.record_payment_amount_title {
    font-weight: 600;
    font-size: 14px;
}

.record_payment_amount_detail {
    display: flex;
    align-items: center;
    gap: 10px;
}

.record_payment_amount_detail1 {
    background: rgba(231, 236, 251, 0.2);
    border-radius: 8px;
    padding: 24px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.record_payment_amount_detail1 p span {
    font-size: 20px;
    color: #ff0000;
}

.record_method_detail {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.record_method_item {
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.myC_method_item-wechat {
    background: #f4fff8;
}

.record_method_item_img {
    display: flex;
    align-items: center;
    gap: 20px;
}

.record_method_item_img p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
}

.record_method_item button {
    font-weight: 600;
    font-size: 14px;
    color: #0095ff;
}

/* 账号实名 */
.account-success {
    display: flex;
    flex-direction: column;
    background: rgba(177, 255, 185, 0.1);
    border-radius: 4px;
    padding: 24px;
    gap: 10px;
}

.account-success-top {
    display: flex;
    gap: 10px;
    align-items: center;
}

.account-success-top p {
    font-weight: 500;
    font-size: 20px;
}

.account-success span {
    color: #666666;
}

.release-section-title normal {
    font-size: 18px;
}

.layui-form-item {
    width: 450px;
}

.layui-form-select input {
    width: 450px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    height: 42px;
    padding: 10px;
    font-size: 14px;
}

#preview-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

.message_div {
    color: #333;
    align-items: center;
    display: flex;
}

.message_div .message_a {
    position: relative;
    font-size: 14px;
}

.single-digit {
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

.multiple-digits {
    border-radius: 6px;
}

.dotNumber {
    background: #ff3b30;
    color: white;
    font-size: 12px;
    position: absolute;
    top: -10px;
    left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffffff;
    height: 18px;
    min-width: 24px;
    padding: 0 6px;
    /* display: none; */
}

/* 聊天 */
.evaluate-box {
    height: 60px;
    background: #e9f3fe;
    display: flex;
    align-items: center;
    padding: 20px 27px;
    justify-content: space-between;
}

.evaluate-box p {
    font-size: 14px;
}

.evaluate-box div {
    display: flex;
    gap: 16px;
}

.evaluate-box div button {
    padding: 5px 20px;
    border-radius: 4px;
    font-size: 14px;
    background: none;
    display: flex;
    gap: 5px;
}

.evaluate-box div button:nth-of-type(1) {
    border: 1px solid #0095ff;
    color: #258dfe;
}

.evaluate-box div button:nth-of-type(2) {
    border: 1px solid #fe4a25;
    color: #fe4a25;
}

.contactChat-box {
    background: #e2f4fe;
    padding: 20px 24px;
}

.contactChat-box-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contactChat-box-content p {
    font-size: 14px;
    color: #258dfe;
    max-width: 580px;
}

.contactChat-box-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contactChat-box-a div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.contactChat-box-a div button {
    font-size: 12px;
    border-radius: 2px;
    padding: 2px 8px;
}

.contactChat-box-a div p {
    max-width: 320px;
    color: #258dfe;
    font-size: 14px;
}

.message-load-more {
    font-size: 14px;
    color: #0095ff;
    border: 1px solid #0095ff;
    background: #fff;
    padding: 5px 15px;
    margin: 0 auto;
    display: block;
}

.contact-name-text {
    font-size: 15px;
    max-width: 160px;
}

.contact-content-title {
    background: #ffffff;
    padding: 15px;
    font-size: 18px;
    color: #666666;
    justify-content: center;
    display: flex;
    gap: 40px;
    border-bottom: 1px solid #eaeaea;
}

.contact-content-title span {
    cursor: pointer;
    padding: 10px 0;
    position: relative;
}

.contact-content-title span.contact-active {
    color: #0095ff;
    font-weight: 600;
}

.divider-line {
    border-left: 1px solid #eeeeee;
}

.login_active {
    border-bottom: 3px solid #2184ff;
    color: #2184ff !important;
    font-weight: 600;
}

.contentDiv {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
    align-items: self-end;
}

.evaluationContent {
    width: 100%;
    border: 1px solid #dddddd;
    height: 125px;
    padding: 12px;
}

.evaluationBtnDiv {
    gap: 10px;
}

.aaa {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.ibrief-kefu-img {
    position: fixed;
    height: 70%;
    margin: auto;
    z-index: 9999992;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
}

.contact-admin {
    cursor: pointer;
}

.get_old_code {
    cursor: pointer;
}

.unserpro {
    background: #fff;
    margin: 100px;
    padding: 55px;
    line-height: 35px;
}

.unserpro h3 {
    text-align: center;
    font-weight: bold;
}

.unserpro h4 {
    margin: 40px 0;
}

.pdf_daxiao {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    align-items: center;
    padding: 5px 15px;
    font-size: 20px;
    background: rgba(216, 216, 216, 0.1);
}

.btn:hover {
    background: rgba(109, 199, 250, 0.2);
    color: #0095ff;
    border: 1px solid rgba(109, 199, 250, 0.2);
}

.layui-layer-btn a {
    font-size: 14px;
    border-radius: 4px;
}


@media (max-width: 1179px) {
    .ibrief_main {
        width: var(--ibrief-width);
    }

    .main_top_all {
        width: var(--ibrief-width);
    }

    .demand-section {
        flex: 0 0 150px;
    }

    .demand-action-list, .demand-action-list-2 {
        padding: 40px 0;
    }

    .sign_div {
        padding: 35px 15px 24px 15px;
    }

    .tan_1100 {
        max-width: 700px !important;
    }

    .member-list {
        /* height: 90dvh; */
    }

    .footer {
        width: var(--ibrief-width);
    }

    .demand-count-action {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

/* 首页工作台样式：从独立文件合并，统一维护同名组件的最终样式。 */
/* 首页筛选区使用独立作用域，避免影响其他页面的同名旧组件。 */
.pc-home-filter-bar {
    position: static;
    z-index: 8;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 30px;
    letter-spacing: 0;
}

.pc-home-filter-group,
.pc-home-sort-group {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.pc-home-page .main_data_top {
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.pc-home-page .custom-dropdown {
    display: block;
    margin: 0;
    font-size: 14px;
}

.pc-home-page .dropdown-selected,
.pc-home-page .main_data_top_area > span,
.pc-home-page .main_data_top_yewu > span {
    position: relative;
    display: inline-flex;
    height: 36px;
    min-width: 116px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 34px 0 12px;
    border: 1px solid #d9e0e8;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #475467;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    letter-spacing: 0;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.pc-home-page .dropdown-selected:hover,
.pc-home-page .dropdown-selected.open,
.pc-home-page .main_data_top_area > span:hover,
.pc-home-page .main_data_top_yewu > span:hover,
.pc-home-page .main_data_top_area > span.active,
.pc-home-page .main_data_top_yewu > span.active {
    border-color: #a8cfea;
    background: #f7fbfe;
    color: #0095ff;
}

/* 类型文字不继承旧版筛选器的字号、内边距和箭头。 */
.pc-home-page .dropdown-selected-label {
    position: static;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.pc-home-page .dropdown-selected::before,
.pc-home-page .main_data_top_area > span::after,
.pc-home-page .main_data_top_yewu > span::after {
    position: absolute;
    top: 50%;
    right: 13px;
    left: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    background: none;
    content: "";
    transform: translateY(-70%) rotate(45deg);
    transition: transform 160ms ease;
}

.pc-home-page .dropdown-selected.open::before,
.pc-home-page .main_data_top_area > span.active::after,
.pc-home-page .main_data_top_yewu > span.active::after {
    transform: translateY(-25%) rotate(225deg);
}

.pc-home-page .dropdown-selected-label::before,
.pc-home-page .main_data_top_area > span::before,
.pc-home-page .main_data_top_yewu > span::before {
    display: none;
    background: none;
    content: none;
}

.pc-home-page .dropdown-list {
    top: 42px;
    min-width: 136px;
    overflow: hidden;
    border-color: #e5eaf0;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(31, 41, 55, .12);
}

.pc-home-page .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 13px;
    border: 0;
    background: #fff;
    color: #475467;
    font-family: inherit;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    letter-spacing: 0;
}

.pc-home-page .dropdown-item.active,
.pc-home-page .dropdown-item:hover {
    background: #eef6fb;
    color: #0095ff;
}

.pc-home-page .area-container,
.pc-home-page .nav-container {
    top: 42px;
}

.pc-home-page .primary-nav,
.pc-home-page .secondary-nav {
    overflow: hidden;
    border: 1px solid #e5eaf0;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(31, 41, 55, .12);
}

.pc-home-page .primary-item,
.pc-home-page .secondary-item,
.pc-home-page .secondary-title {
    padding: 10px 13px;
    color: #475467;
    font-size: 14px;
    line-height: 22px;
}

.pc-home-page .primary-item.active,
.pc-home-page .secondary-item.active,
.pc-home-page .primary-item:hover,
.pc-home-page .secondary-item:hover {
    background: #eef6fb;
    color: #0095ff;
}

.pc-home-reset {
    display: inline-flex;
    height: 36px;
    gap: 6px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #667085;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 0;
}

.pc-home-reset:hover {
    background: #f1f6fa;
    color: #0095ff;
}

.pc-home-page .switching {
    display: inline-flex;
    height: 36px;
    padding: 3px;
    border: 1px solid #d9e0e8;
    border-radius: 4px;
    box-sizing: border-box;
    background: #f5f7fa;
}

.pc-home-page .switching button {
    min-width: 88px;
    height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #667085;
    font-family: inherit;
    font-size: 13px;
    line-height: 28px;
    cursor: pointer;
    letter-spacing: 0;
}

.pc-home-page .switching button.is-active {
    background: #fff;
    color: #0095ff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .10);
}

.pc-home-business-nav {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 1100px;
    gap: 4px;
    padding: 8px;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 16px rgba(31, 41, 55, .06);
}

.pc-home-business-nav.is-service-provider {
    margin-top: 30px;
}

.pc-home-business-nav > a {
    position: relative;
    width: auto;
    min-width: 0;
    height: 82px;
    align-items: center;
    justify-content: center;
    padding: 10px 6px;
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    background: transparent;
    box-shadow: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.pc-home-business-nav > a:hover {
    border-color: transparent;
    background: #f1f7fb;
    box-shadow: none;
    transform: none;
}

.pc-home-business-nav > a:active {
    background: #eaf3f9;
    transform: none;
}

.pc-home-business-nav > a img {
    width: 36px;
    height: 36px;
    margin-bottom: 7px;
    object-fit: contain;
    transition: transform 160ms ease;
}

.pc-home-business-nav > a:hover img {
    filter: none;
    transform: scale(1.04);
}

.pc-home-business-nav > a span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #344054;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.pc-home-page .left_find_more {
    width: 148px;
    height: 40px;
    margin-top: 32px;
    padding: 0 16px;
    border: 1px solid #a8cfea;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #0095ff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0;
    box-shadow: none;
}

.pc-home-page .left_find_more:hover {
    border: 1px solid #0095ff;
    background: #eef7fc;
    color: #0095ff;
}

.pc-home-page .left_find_more:disabled {
    opacity: .6;
    cursor: wait;
}

.pc-home-page [hidden] {
    display: none !important;
}

/* 首页认证公司与 Freelancer 使用统一的信息密度和操作层级。 */
.pc-home-page .hp-certification-section {
    --certification-accent: #0095ff;
    --certification-border: #8bc5e7;
    --certification-soft: #f3f9fd;
    margin-top: 32px;
}

.pc-home-page .hp-certification-section--person {
    --certification-accent: #f79009;
    --certification-border: #f3bd70;
    --certification-soft: #fff8ee;
}

.pc-home-page .hp-certification-header {
    min-height: 48px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    box-sizing: border-box;
}

.pc-home-page .hp-certification-header .HpRecommendation-1-d1 {
    gap: 10px;
}

.pc-home-page .hp-section-title-icon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9d9ee;
    border-radius: 6px;
    box-sizing: border-box;
    background: #eef8fd;
    color: #0095ff;
    font-size: 17px;
    line-height: 1;
}

.pc-home-page .hp-certification-section--person .hp-section-title-icon {
    border-color: #f7c783;
    background: #fff8ee;
    color: #e37a05;
}

.pc-home-page .hp-case-section .hp-section-title-icon {
    border-color: #9edcc7;
    background: #effbf7;
    color: #138a63;
}

.pc-home-page .hp-certification-header .HpRecommendation-1-d1 span {
    color: #202733;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0;
}

.pc-home-page .hp-certification-header .HpRecommendation-1-d2 {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #667085;
    font-size: 13px;
    line-height: 20px;
}

.pc-home-page .hp-certification-action {
    display: inline-flex;
    height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    border: 1px solid #b9d9ee;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #0095ff;
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    text-decoration: none;
    letter-spacing: 0;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.pc-home-page .hp-certification-section--person .hp-certification-action {
    border-color: #f7c783;
    color: #c96a00;
}

.pc-home-page .hp-certification-action:hover {
    border-color: var(--certification-accent);
    background: var(--certification-soft);
    color: var(--certification-accent);
}

.pc-home-page .hp-certification-action i {
    font-size: 14px;
    line-height: 1;
}

.pc-home-page .hp-certification-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 18px;
}

.pc-home-page .hp-certification-grid .hp-company-data {
    position: relative;
    width: auto;
    height: 100px;
    overflow: hidden;
    padding: 16px 18px;
    border: 1px solid #e1e8ef;
    border-radius: 8px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 3px 12px rgba(31, 41, 55, .06);
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease,
        transform 160ms ease;
}

.pc-home-page .hp-certification-grid .hp-company-data::before {
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: var(--certification-accent);
    content: "";
    opacity: .72;
}

.pc-home-page .hp-certification-grid .hp-company-data:hover {
    border-color: var(--certification-border);
    background: #fff;
    box-shadow: 0 8px 20px rgba(31, 41, 55, .10);
    transform: translateY(-2px);
}

.pc-home-page .hp-certification-grid .hp-company-data.is-static:hover {
    border-color: #e1e8ef;
    box-shadow: 0 3px 12px rgba(31, 41, 55, .06);
    transform: none;
}

.pc-home-page .hp-certification-grid .hp-company-data-1 {
    height: 100%;
    gap: 14px;
}

.pc-home-page .hp-certification-grid .img_div {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
}

.pc-home-page .hp-certification-grid .hp-company-data-1 .logo {
    width: 56px;
    height: 56px;
    border: 1px solid #e4e9ef;
    border-radius: 8px;
    box-sizing: border-box;
    background: #fff;
    object-fit: cover;
    box-shadow: none;
}

.pc-home-page .hp-certification-grid .hp-company-data-1 .icon {
    right: -3px;
    bottom: -3px;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.pc-home-page .hp-certification-grid .hp-company-data-2 {
    min-width: 0;
    justify-content: center;
    gap: 6px;
}

.pc-home-page .hp-certification-grid .hp-company-data-2 p {
    overflow: hidden;
    color: #202733;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.pc-home-page .hp-certification-grid .hp-company-data-2 span {
    display: block;
    overflow: hidden;
    color: #667085;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

@media (max-width: 900px) {
    /* 窄屏收紧公共头部，避免旧版导航和悬浮工具遮挡筛选内容。 */
    .pc-home-body .ibrief_top {
        padding-right: 14px;
        padding-left: 14px;
    }

    .pc-home-body .pc-header-nav,
    .pc-home-body .pc-header-left-search,
    .pc-home-body .pc-identity-header-actions .message_div,
    .pc-home-body .pc-header-workbench,
    .pc-home-page .back_top {
        display: none;
    }

    .pc-home-body .ibrief_top_right {
        margin-left: auto;
    }

    .pc-home-body .pc-header-user {
        margin-left: 0;
    }

    .pc-home-business-nav {
        width: calc(100vw - 28px);
    }

    /* 首页卡片保持原宽度，筛选区按当前视口收紧。 */
    .pc-home-filter-bar {
        width: calc(100vw - 28px);
        align-items: flex-start;
        flex-direction: column;
    }

    .pc-home-filter-group {
        flex-wrap: wrap;
    }

    .pc-home-sort-group {
        width: 100%;
        justify-content: space-between;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    /* 平板宽度下筛选和排序保持同一行。 */
    .pc-home-filter-bar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
    }

    .pc-home-filter-group {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
        width: 100%;
        gap: 8px;
    }

    .pc-home-page .search_data_top_title,
    .pc-home-page .custom-dropdown,
    .pc-home-page .main_data_top_area,
    .pc-home-page .main_data_top_yewu,
    .pc-home-page .dropdown-selected,
    .pc-home-page .main_data_top_area > span,
    .pc-home-page .main_data_top_yewu > span {
        width: 100%;
        min-width: 0;
    }

    .pc-home-sort-group {
        width: auto;
    }
}

@media (max-width: 640px) {
    .pc-home-business-nav {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
    }

    .pc-home-business-nav > a {
        height: 76px;
        padding: 8px 4px;
    }

    .pc-home-business-nav > a img {
        width: 32px;
        height: 32px;
        margin-bottom: 6px;
    }

    .pc-home-filter-group {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .pc-home-page .search_data_top_title,
    .pc-home-page .custom-dropdown,
    .pc-home-page .main_data_top_area,
    .pc-home-page .main_data_top_yewu,
    .pc-home-page .dropdown-selected,
    .pc-home-page .main_data_top_area > span,
    .pc-home-page .main_data_top_yewu > span {
        width: 100%;
        min-width: 0;
    }

    .pc-home-reset {
        justify-self: start;
    }

    .pc-home-page .switching {
        width: 100%;
    }

    .pc-home-page .switching button {
        min-width: 0;
        flex: 1 1 50%;
    }
}

/* 搜索页样式：从独立文件合并，统一维护同名筛选和列表组件。 */
/* 搜索页使用独立作用域，避免覆盖首页与工作台的同名旧组件。 */
.pc-search-page {
    min-height: calc(100vh - 70px);
    background: #f5f7fa;
    color: #202733;
    letter-spacing: 0;
}

.pc-search-shell {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}

.pc-search-controls {
    position: static;
    z-index: 8;
    padding: 22px 20px 18px;
    border-bottom: 1px solid #e7edf3;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-search-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.pc-search-heading h1 {
    margin: 0;
    color: #202733;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}

.pc-search-form {
    display: flex;
    align-items: center;
    width: 100%;
}

.pc-search-keyword {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    overflow: hidden;
    border: 1px solid #cfd7e3;
    border-radius: 6px;
    background: #fff;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.pc-search-keyword:focus-within {
    border-color: #cfd7e3;
    box-shadow: none;
}

.pc-search-keyword > .bi-search {
    flex: 0 0 auto;
    margin-left: 14px;
    color: #0095ff;
    font-size: 16px;
}

.pc-search-keyword input {
    min-width: 0;
    height: 42px;
    flex: 1 1 auto;
    padding: 0 12px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #202733;
    font-size: 14px;
    letter-spacing: 0;
}

.pc-search-keyword input:focus,
.pc-search-keyword input:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.pc-search-keyword input::placeholder {
    color: #98a2b3;
}

.pc-search-keyword input::-webkit-search-cancel-button {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
}

.pc-search-clear {
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

.pc-search-clear:hover {
    background: #f1f4f7;
    color: #475467;
}

.pc-search-submit {
    display: inline-flex;
    height: 44px;
    min-width: 100px;
    flex: 0 0 auto;
    gap: 7px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid #0095ff;
    border-radius: 0;
    background: #0095ff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0;
    transition: border-color 160ms ease, background-color 160ms ease;
}

.pc-search-submit:hover {
    border-color: #0095ff;
    background: #0095ff;
}

.pc-search-submit:disabled {
    opacity: .68;
    cursor: wait;
}

.pc-search-submit .bi-arrow-repeat {
    animation: pc-search-spin 800ms linear infinite;
}

@keyframes pc-search-spin {
    to {
        transform: rotate(360deg);
    }
}

.pc-search-filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 14px;
}

.pc-search-filter-group,
.pc-search-sort-group {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.pc-search-page .main_data_top {
    gap: 8px;
    align-items: center;
    font-size: 14px;
}

.pc-search-page .custom-dropdown {
    display: block;
    margin: 0;
    font-size: 14px;
}

.pc-search-page .dropdown-selected,
.pc-search-page .main_data_top_area > span,
.pc-search-page .main_data_top_yewu > span {
    position: relative;
    display: inline-flex;
    height: 36px;
    min-width: 116px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 34px 0 12px;
    border: 1px solid #d9e0e8;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #475467;
    font-size: 14px;
    line-height: 34px;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    letter-spacing: 0;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.pc-search-page .dropdown-selected:hover,
.pc-search-page .dropdown-selected.open,
.pc-search-page .main_data_top_area > span:hover,
.pc-search-page .main_data_top_yewu > span:hover,
.pc-search-page .main_data_top_area > span.active,
.pc-search-page .main_data_top_yewu > span.active {
    border-color: #a8cfea;
    background: #f7fbfe;
    color: #0095ff;
}

/* 类型筛选文字不继承旧版 main_data_top 的大字号与内边距。 */
.pc-search-page .dropdown-selected-label {
    position: static;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.pc-search-page .dropdown-selected::before,
.pc-search-page .main_data_top_area > span::after,
.pc-search-page .main_data_top_yewu > span::after {
    position: absolute;
    top: 50%;
    right: 13px;
    left: auto;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    background: none;
    content: "";
    transform: translateY(-70%) rotate(45deg);
    transition: transform 160ms ease;
}

.pc-search-page .dropdown-selected.open::before,
.pc-search-page .main_data_top_area > span.active::after,
.pc-search-page .main_data_top_yewu > span.active::after {
    transform: translateY(-25%) rotate(225deg);
}

/* 旧版筛选器会在内部文字上生成箭头，搜索页仅保留触发器自身的箭头。 */
.pc-search-page .dropdown-selected-label::before,
.pc-search-page .main_data_top_area > span::before,
.pc-search-page .main_data_top_yewu > span::before {
    display: none;
    background: none;
    content: none;
}

.pc-search-page .dropdown-list {
    top: 42px;
    min-width: 136px;
    overflow: hidden;
    border-color: #e5eaf0;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(31, 41, 55, .12);
}

.pc-search-page .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 13px;
    border: 0;
    background: #fff;
    color: #475467;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    letter-spacing: 0;
}

.pc-search-page .dropdown-item.active,
.pc-search-page .dropdown-item:hover {
    background: #eef6fb;
    color: #0095ff;
}

.pc-search-page .area-container,
.pc-search-page .nav-container {
    top: 42px;
}

.pc-search-page .primary-nav,
.pc-search-page .secondary-nav {
    overflow: hidden;
    border: 1px solid #e5eaf0;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(31, 41, 55, .12);
}

.pc-search-page .primary-item,
.pc-search-page .secondary-item,
.pc-search-page .secondary-title {
    padding: 10px 13px;
    color: #475467;
    font-size: 14px;
    line-height: 22px;
}

.pc-search-page .primary-item.active,
.pc-search-page .secondary-item.active,
.pc-search-page .primary-item:hover,
.pc-search-page .secondary-item:hover {
    background: #eef6fb;
    color: #0095ff;
}

.pc-search-reset {
    display: inline-flex;
    height: 36px;
    gap: 6px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #667085;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 0;
}

.pc-search-reset:hover {
    background: #f1f6fa;
    color: #0095ff;
}

.pc-search-page .switching {
    display: inline-flex;
    height: 36px;
    padding: 3px;
    border: 1px solid #d9e0e8;
    border-radius: 4px;
    background: #f5f7fa;
    box-sizing: border-box;
}

.pc-search-page .switching button {
    min-width: 88px;
    height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #667085;
    font-size: 13px;
    line-height: 28px;
    cursor: pointer;
    letter-spacing: 0;
}

.pc-search-page .switching button.is-active {
    background: #fff;
    color: #0095ff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .10);
}

.pc-search-results {
    padding: 24px 20px 64px;
}

.pc-search-results-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.pc-search-results-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.pc-search-results-title h2 {
    margin: 0;
    color: #202733;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.pc-search-page .main_data {
    width: 100%;
    margin: 0;
}

.pc-search-page .main_data_left {
    min-width: 0;
    padding-bottom: 0;
}

.pc-search-page .no-data {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed #d8e0e8;
    border-radius: 6px;
    background: #fff;
}

.pc-search-page .no-data img {
    width: 148px;
    max-height: 128px;
    object-fit: contain;
}

.pc-search-page .no-data-text {
    margin: 14px 0 0;
    color: #667085;
    font-size: 14px;
}

.pc-search-page .left_find_more {
    width: 132px;
    height: 38px;
    margin-top: 24px;
    border: 1px solid #a8cfea;
    border-radius: 4px;
    background: #fff;
    color: #0095ff;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0;
}

.pc-search-page .left_find_more:hover {
    border: 1px solid #0095ff;
    background: #eef7fc;
    color: #0095ff;
}

.pc-search-page .left_find_more:disabled {
    opacity: .6;
    cursor: wait;
}

.pc-search-page [hidden] {
    display: none !important;
}

@media (max-width: 900px) {
    /* 搜索页移动端收紧公共头尾，避免旧版固定宽度制造横向滚动。 */
    .pc-search-body .ibrief_top {
        padding-right: 14px;
        padding-left: 14px;
    }

    .pc-search-body .pc-header-nav,
    .pc-search-body .pc-header-left-search,
    .pc-search-body .pc-identity-header-actions .message_div,
    .pc-search-body .pc-header-workbench {
        display: none;
    }

    .pc-search-body .ibrief_top_right {
        margin-left: auto;
    }

    .pc-search-body .pc-header-user {
        margin-left: 0;
    }

    .pc-search-body .footer {
        width: 100%;
        height: auto;
    }

    .pc-search-body .footer1 {
        width: 100%;
        padding: 28px 16px 18px;
        box-sizing: border-box;
    }

    .pc-search-body .footer1_div,
    .pc-search-body .footer_class1,
    .pc-search-body .footer_class1_1,
    .pc-search-body .footer2_div {
        width: 100%;
        box-sizing: border-box;
    }

    .pc-search-body .footer_class1 {
        align-items: flex-start;
        flex-direction: column;
    }

    .pc-search-body .footer_class1 > img {
        margin-bottom: 14px;
    }

    .pc-search-body .footer_class1_1 > p {
        padding-bottom: 10px !important;
        font-size: 14px !important;
    }

    .pc-search-body .footer_class1_1 > div {
        flex-wrap: wrap;
        gap: 6px 10px;
        margin-bottom: 8px;
    }

    .pc-search-body .footer_class1_1 normal {
        display: none;
    }

    .pc-search-body .footer_class1_2 {
        width: 100%;
        justify-content: flex-start;
        margin-top: 14px;
    }

    .pc-search-body .footer2_div {
        align-items: center;
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .pc-search-body .footer2_div a {
        margin-left: 0 !important;
    }

    .pc-search-controls {
        position: static;
    }

    .pc-search-filter-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .pc-search-filter-group {
        flex-wrap: wrap;
    }

    .pc-search-sort-group {
        width: 100%;
        justify-content: space-between;
    }

    .pc-search-page .main_data_left_data {
        display: block;
    }

    .pc-search-page .main_data_left_data > a,
    .pc-search-page .project-card {
        width: 100%;
    }

    .pc-search-page .main_data_left_data > a:not(:last-child) {
        display: block;
        margin-bottom: 20px;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    /* 平板宽度下筛选与排序保持同一行，避免控件零散换行。 */
    .pc-search-filter-bar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
    }

    .pc-search-filter-group {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
        width: 100%;
        gap: 8px;
    }

    .pc-search-page .search_data_top_title,
    .pc-search-page .custom-dropdown,
    .pc-search-page .main_data_top_area,
    .pc-search-page .main_data_top_yewu,
    .pc-search-page .dropdown-selected,
    .pc-search-page .main_data_top_area > span,
    .pc-search-page .main_data_top_yewu > span {
        width: 100%;
        min-width: 0;
    }

    .pc-search-sort-group {
        width: auto;
    }
}

@media (max-width: 640px) {
    .pc-search-controls,
    .pc-search-results {
        padding-right: 14px;
        padding-left: 14px;
    }

    .pc-search-heading {
        margin-bottom: 12px;
    }

    .pc-search-heading h1 {
        font-size: 20px;
    }

    .pc-search-submit {
        min-width: 82px;
        padding: 0 14px;
    }

    .pc-search-filter-group {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .pc-search-page .search_data_top_title,
    .pc-search-page .custom-dropdown,
    .pc-search-page .main_data_top_area,
    .pc-search-page .main_data_top_yewu {
        width: 100%;
    }

    .pc-search-page .dropdown-selected,
    .pc-search-page .main_data_top_area > span,
    .pc-search-page .main_data_top_yewu > span {
        width: 100%;
        min-width: 0;
    }

    .pc-search-reset {
        justify-self: start;
    }

    .pc-search-page .switching {
        flex: 1 1 auto;
    }

    .pc-search-page .switching button {
        min-width: 0;
        flex: 1 1 50%;
    }

    .pc-search-results-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

}

/* PC 需求详情页：统一工作台视觉，并避免影响项目详情等旧页面。 */
.pc-bidding-detail-body {
    background: #f5f7fa;
}

.pc-bidding-detail-body .footer {
    display: none;
}

.pc-bidding-detail-page {
    width: calc(100% - 40px);
    max-width: 900px;
    margin: 30px auto 0;
    box-sizing: border-box;
    color: #202733;
    letter-spacing: 0;
}

.pc-bidding-detail-page .detail-item {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 4px 16px rgba(31, 41, 55, .06);
}

.pc-bidding-detail-page .pc-bidding-detail-hero {
    width: 100%;
    margin: 0;
    padding: 28px 32px 24px;
    overflow: hidden;
}

.pc-bidding-detail-page .pc-bidding-detail-hero.has-status-tag {
    padding-right: 32px;
}

.pc-bidding-detail-page .pc-bidding-detail-hero > .jiaji {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    min-width: 66px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 0 8px 0 8px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
}

.pc-bidding-detail-page .detail-item-1 {
    gap: 0;
}

.pc-bidding-detail-headline {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.pc-bidding-detail-heading-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.pc-bidding-detail-page .detail-top-title {
    max-width: 760px;
    margin: 0;
    color: #202733;
    font-size: 26px;
    font-weight: 600;
    line-height: 38px;
    overflow-wrap: anywhere;
    letter-spacing: 0;
}

.pc-bidding-detail-page .has-status-tag .detail-top-title {
    padding-right: 48px;
}

.pc-bidding-detail-page .detail-top-price {
    margin: 10px 0 0;
    color: #e60012;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    overflow-wrap: anywhere;
    letter-spacing: 0;
}

.pc-bidding-detail-page .detailButton {
    flex: 0 0 auto;
    gap: 10px;
}

.pc-bidding-detail-page .detailButton button,
.pc-bidding-detail-page .detailButton a {
    display: inline-flex;
    min-width: 148px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    line-height: 42px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    letter-spacing: 0;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.pc-bidding-detail-page .detailButton .signUpDeadline {
    border-color: #e7b86b;
    background: #fff8e8;
    color: #9a5b08;
}

.pc-bidding-detail-page .detailButton .signUpDeadline:hover {
    border-color: #d29a3f;
    background: #fff3d7;
}

.pc-bidding-detail-page .detailButton .signUpEnd {
    border-color: #d7dde5;
    background: #eef1f5;
    color: #667085;
}

.pc-bidding-detail-page .detailButton > img {
    width: auto;
    max-width: 148px;
    height: 44px;
    object-fit: contain;
}

.pc-bidding-detail-status-row {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding-top: 18px;
    /* border-top: 1px solid #edf1f5; */
}

.pc-bidding-detail-page .pc-bidding-detail-deadline {
    display: inline-flex;
    min-width: 0;
    flex: 0 1 auto;
    align-items: center;
    gap: 8px;
    color: #475467;
    font-size: 14px;
    line-height: 22px;
}

.pc-bidding-detail-page .pc-bidding-detail-deadline img {
    flex: 0 0 20px;
    object-fit: contain;
}

.pc-bidding-detail-page .pc-bidding-detail-deadline normal {
    padding: 0 3px;
    color: #e60012;
    font-size: 16px;
    font-weight: 600;
}

.pc-bidding-detail-tags {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pc-bidding-detail-tags .tag {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
}

.pc-bidding-detail-page .pc-bidding-detail-content {
    display: block;
    width: 100%;
    margin: 16px auto 0;
    padding-bottom: 32px;
}

.pc-bidding-detail-stack {
    display: grid;
    width: 100%;
    gap: 16px;
}

.pc-bidding-detail-page .pc-bidding-detail-meta {
    padding: 24px 32px;
}

.pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2-1 {
    width: auto;
    min-width: 0;
    gap: 18px;
    padding: 0 28px;
    border-left: 1px solid #edf1f5;
    box-sizing: border-box;
}

.pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2-1:first-child {
    padding-left: 0;
    border-left: 0;
}

.pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2-1:last-child {
    padding-right: 0;
}

.pc-bidding-detail-page .detail-item-2-1 > div {
    min-width: 0;
    gap: 6px;
}

.pc-bidding-detail-page .detail-item-2-1 > div > p {
    margin: 0;
    color: #98a2b3;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
}

.pc-bidding-detail-page .detail-item-2-1 > div > span {
    min-height: 22px;
    color: #344054;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    overflow-wrap: anywhere;
    letter-spacing: 0;
}

.pc-bidding-detail-page .pc-bidding-detail-description {
    padding: 28px 32px 36px;
}

.pc-bidding-detail-page .detail-item-content {
    margin: 0;
}

.pc-bidding-detail-page .detai-item-title {
    position: relative;
    margin: 0 0 20px;
    padding-left: 12px;
    color: #202733;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0;
}

.pc-bidding-detail-page .detai-item-title::before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    border-radius: 2px;
    background: #0095ff;
    content: "";
}

.pc-bidding-detail-page .detail_content {
    color: #344054;
    font-size: 16px;
    line-height: 1.9;
    overflow-wrap: anywhere;
    letter-spacing: 0;
}

.pc-bidding-detail-page .detail_content p {
    margin: 0 0 12px;
}

.pc-bidding-detail-page .detail_content ul,
.pc-bidding-detail-page .detail_content ol {
    margin: 0 0 16px;
    padding-left: 22px;
}

.pc-bidding-detail-page .detail_content img,
.pc-bidding-detail-page .detail_content video {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.pc-bidding-detail-page .pc-bidding-detail-requirements-title {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #edf1f5;
}

.pc-bidding-detail-page .pc-bidding-detail-requirements-title::before {
    top: 29px;
}

.pc-bidding-detail-page .detail-item-content-1 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.pc-bidding-detail-page .detail-item-content-1 .detail-item-2-1 {
    width: auto;
    min-width: 0;
    gap: 18px;
    padding: 0 28px;
    border-left: 1px solid #edf1f5;
    box-sizing: border-box;
}

.pc-bidding-detail-page .detail-item-content-1 .detail-item-2-1:first-child {
    padding-left: 0;
    border-left: 0;
}

.pc-bidding-detail-page .detail-item-content-1 .detail-item-2-1:last-child {
    padding-right: 0;
}

.pc-bidding-detail-body .detail_ce {
    top: 50%;
    right: max(16px, calc((100vw - 900px) / 2 - 72px));
    width: 58px;
    overflow: visible;
    border: 1px solid #e1e8ef;
    border-radius: 6px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 6px 18px rgba(31, 41, 55, .08);
    transform: translateY(-50%);
}

.pc-bidding-detail-body .detail_ce > div:not(.fenxiang) {
    display: flex;
    min-height: 54px;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px;
    box-sizing: border-box;
    color: #475467;
}

.pc-bidding-detail-body .detail_ce > div:not(.fenxiang):hover {
    background: #f3f8fc;
    color: #0095ff;
}

.pc-bidding-detail-body .detail_ce img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.pc-bidding-detail-body .fenxiang {
    left: -168px;
    width: 154px;
    padding: 10px !important;
    border: 1px solid #e1e8ef;
    border-radius: 6px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 41, 55, .12);
    text-align: center;
}

.pc-bidding-detail-body .fenxiang img {
    width: 132px !important;
    height: 132px;
    margin: 0;
}

.pc-bidding-detail-body .fenxiang p {
    margin: 6px 0 0;
    color: #667085;
    font-size: 12px;
}

.pc-bidding-signup-modal {
    width: min(900px, calc(100vw - 28px));
}

@media (max-width: 900px) {
    .pc-bidding-detail-body .ibrief_top {
        padding-right: 14px;
        padding-left: 14px;
    }

    .pc-bidding-detail-body .pc-header-nav,
    .pc-bidding-detail-body .pc-header-left-search,
    .pc-bidding-detail-body .pc-identity-header-actions .message_div,
    .pc-bidding-detail-body .pc-header-workbench {
        display: none;
    }

    .pc-bidding-detail-body .ibrief_top_right {
        margin-left: auto;
    }

    .pc-bidding-detail-body .pc-header-user {
        margin-left: 0;
    }

    .pc-bidding-detail-page {
        width: calc(100vw - 28px);
        margin-top: 18px;
    }

    .pc-bidding-detail-page .pc-bidding-detail-hero {
        padding: 22px 20px 20px;
    }

    .pc-bidding-detail-headline {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .pc-bidding-detail-page .detail-top-title {
        max-width: none;
        font-size: 22px;
        line-height: 32px;
    }

    .pc-bidding-detail-page .detail-top-price {
        font-size: 20px;
        line-height: 30px;
    }

    .pc-bidding-detail-page .detailButton,
    .pc-bidding-detail-page .detailButton button,
    .pc-bidding-detail-page .detailButton a {
        width: 100%;
    }

    .pc-bidding-detail-status-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-top: 18px;
        padding-top: 16px;
    }

    .pc-bidding-detail-page .pc-bidding-detail-meta,
    .pc-bidding-detail-page .pc-bidding-detail-description {
        padding: 22px 20px 26px;
    }

    .pc-bidding-detail-body .detail_ce {
        display: none;
    }
}

@media (max-width: 640px) {
    .pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2,
    .pc-bidding-detail-page .detail-item-content-1 {
        grid-template-columns: 1fr;
    }

    .pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2-1,
    .pc-bidding-detail-page .detail-item-content-1 .detail-item-2-1 {
        gap: 14px;
        padding: 18px 0 0;
        border-top: 1px solid #edf1f5;
        border-left: 0;
    }

    .pc-bidding-detail-page .pc-bidding-detail-meta .detail-item-2-1:first-child,
    .pc-bidding-detail-page .detail-item-content-1 .detail-item-2-1:first-child {
        padding-top: 0;
        border-top: 0;
    }

    .pc-bidding-detail-page .detail_content {
        font-size: 14px;
        line-height: 1.8;
    }
}

/* PC 工作台统一布局与侧栏，仅作用于带 pc-workbench 前缀的页面。 */
.pc-workbench-page {
    width: 100%;
    padding: 24px 16px 80px;
    box-sizing: border-box;
}

.pc-workbench-shell {
    display: flex;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.pc-workbench-shell .demand-user-info {
    min-width: 0;
    margin-top: 0;
    padding-bottom: 0;
    overflow-x: auto;
}

.pc-workbench-shell .demand-user-right {
    width: 100%;
    max-width: none;
}

.pc-workbench-sidebar {
    width: 208px;
    min-width: 208px;
    flex: 0 0 208px;
    align-self: stretch;
    background: transparent;
}

.pc-workbench-sidebar-sticky {
    position: sticky;
    top: 94px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8ebef;
    border-radius: 6px;
}

.pc-workbench-sidebar-title {
    padding: 20px 20px 16px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    border-bottom: 1px solid #eef0f2;
}

.pc-workbench-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
}

.pc-workbench-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 12px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #4b5563;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}

.pc-workbench-menu-item img,
.pc-workbench-menu-item i {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    object-fit: contain;
    font-size: 18px;
    line-height: 18px;
}

.pc-workbench-menu-item:hover {
    color: #0095ff;
    background: #f4f8fb;
}

.pc-workbench-menu-item.is-active {
    color: #0095ff;
    font-weight: 600;
    background: #eaf5fb;
}

.pc-workbench-menu-group {
    border-top: 1px solid #f0f1f3;
    padding-top: 4px;
}

.pc-workbench-menu-group-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 38px;
    padding: 8px 12px;
    border: 0;
    background: transparent;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.pc-workbench-menu-chevron {
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #6b7280;
    border-bottom: 1.5px solid #6b7280;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 160ms ease;
}

.pc-workbench-menu-group.is-collapsed .pc-workbench-menu-chevron {
    transform: rotate(-45deg);
}

.pc-workbench-menu-group.is-collapsed .pc-workbench-menu-group-items {
    display: none;
}

.pc-workbench-menu-group-items {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pc-workbench-menu-group-items .pc-workbench-menu-item {
    padding-left: 20px;
}

/* 账户与支付使用独立功能区，与公司、个人身份菜单形成清晰层级。 */
.pc-workbench-menu-utility {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.pc-workbench-menu-utility .pc-workbench-menu-item i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-radius: 4px;
    background: #f3f5f7;
    color: #4b5563;
    font-size: 16px;
    line-height: 28px;
}

.pc-workbench-menu-utility .pc-workbench-menu-item:hover i,
.pc-workbench-menu-utility .pc-workbench-menu-item.is-active i {
    background: #fff;
    color: #0095ff;
}

/* 需求方概览使用专属组件，避免统计卡片和需求列表样式影响其他工作台页面。 */
.pc-publisher-overview {
    gap: 24px;
}

.pc-publisher-overview .demand-welcome-section {
    padding: 28px;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-publisher-summary-header,
.pc-publisher-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.pc-publisher-summary-header {
    margin-bottom: 24px;
}

.pc-publisher-summary-header h2 {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-publisher-primary-action,
.pc-publisher-empty-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.pc-publisher-primary-action:hover,
.pc-publisher-empty-action:hover {
    border-color: #0095ff;
    background: #0095ff;
    color: #fff;
}

.pc-publisher-stat-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.pc-publisher-overview .pc-publisher-stat-card {
    min-width: 0;
    padding: 18px;
    gap: 16px;
    border: 1px solid #edf0f3;
    border-radius: 6px;
    background: #fafbfc;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.pc-publisher-overview .pc-publisher-stat-card:hover {
    border-color: #cfe4f1;
    box-shadow: 0 8px 20px rgba(25, 67, 96, .07);
    transform: translateY(-2px);
}

.pc-publisher-stat-main {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pc-publisher-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 6px;
    font-size: 19px;
}

.pc-publisher-stat-icon.is-published {
    background: #e9f4fb;
    color: #0095ff;
}

.pc-publisher-stat-icon.is-progress {
    background: #fff3df;
    color: #c87808;
}

.pc-publisher-stat-icon.is-registration {
    background: #ebf6ef;
    color: #2d8b57;
}

.pc-publisher-stat-icon.is-contact {
    background: #f1effb;
    color: #6c56d9;
}

.pc-publisher-stat-icon.is-unread {
    background: #fff0e7;
    color: #c85d1a;
}

.pc-publisher-overview .pc-publisher-stat-card.is-unread-card {
    border-color: #f2ddcf;
    background: #fffdfb;
}

.pc-publisher-overview .pc-publisher-stat-card p {
    margin: 0 0 2px;
    color: #687180;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.pc-publisher-stat-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
    color: #8a929e;
    font-size: 13px;
}

.pc-publisher-stat-value strong {
    color: #202733;
    font-size: 27px;
    font-weight: 600;
    line-height: 34px;
}

.pc-publisher-stat-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid #edf0f3;
    color: #5d6876;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}

.pc-publisher-stat-link:hover {
    color: #0095ff;
}

.pc-publisher-progress-section {
    min-height: 280px;
}

.pc-publisher-overview .pc-publisher-section-header {
    margin-bottom: 20px;
}

.pc-publisher-section-heading {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pc-publisher-section-heading h3 {
    margin: 0;
    color: #202733;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.pc-publisher-section-heading span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    background: #e9f4fb;
    color: #0095ff;
    font-size: 12px;
    line-height: 22px;
}

.pc-publisher-view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5d6876;
    font-size: 13px;
    text-decoration: none;
}

.pc-publisher-view-all:hover {
    color: #0095ff;
}

.pc-publisher-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 210px;
    padding: 24px;
    border: 1px dashed #dce2e8;
    border-radius: 6px;
    background: #fafbfc;
    text-align: center;
}

.pc-publisher-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #e9f4fb;
    color: #0095ff;
    font-size: 22px;
}

.pc-publisher-empty-state h4 {
    margin: 0 0 6px;
    color: #303846;
    font-size: 15px;
    font-weight: 600;
}

.pc-publisher-empty-state p {
    margin: 0 0 18px;
    color: #7b8492;
    font-size: 13px;
    line-height: 22px;
}

.pc-publisher-empty-action {
    min-height: 36px;
    padding: 0 16px;
    font-size: 13px;
}

.pc-publisher-overview .demand-in-progress-item {
    gap: 14px;
}

.pc-publisher-overview .pc-publisher-bidding-card {
    padding: 20px;
    gap: 14px;
    border: 1px solid #edf0f3;
    border-radius: 6px;
    background: #fafbfc;
}

.pc-publisher-bidding-top,
.pc-publisher-bidding-labels,
.pc-publisher-bidding-footer,
.pc-publisher-overview .demand-item-empty-spans,
.pc-publisher-overview .demand-view-applicants {
    display: flex;
    align-items: center;
}

.pc-publisher-bidding-top {
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.pc-publisher-bidding-labels {
    gap: 8px;
}

.pc-publisher-overview .demand-status-status {
    position: static;
    width: auto;
    height: 24px;
    padding: 0 9px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 24px;
}

.pc-publisher-overview .bidding_time_str {
    margin: 0;
    color: #8a929e;
    font-size: 12px;
}

.pc-publisher-overview .demand-item-title {
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: #202733;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-publisher-bidding-footer {
    width: 100%;
    gap: 24px;
}

.pc-publisher-overview .demand-item-amount {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 170px;
    margin: 0;
    color: #7b8492;
    font-size: 13px;
}

.pc-publisher-overview .demand-item-amount strong {
    color: #303846;
    font-size: 15px;
    font-weight: 600;
}

.pc-publisher-overview .demand-item-empty-spans {
    flex: 1;
    gap: 24px;
    color: #687180;
    font-size: 13px;
    font-weight: 400;
}

.pc-publisher-overview .demand-item-empty-spans span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pc-publisher-overview .demand-item-empty-spans i {
    color: #0095ff;
    font-size: 15px;
}

.pc-publisher-overview .demand-item-empty-spans strong {
    color: #303846;
    font-weight: 600;
}

.pc-publisher-overview .demand-view-applicants {
    gap: 7px;
    padding: 7px 14px;
    border-color: #0095ff;
    color: #0095ff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.pc-publisher-overview .demand-view-applicants:hover {
    background: #0095ff;
    color: #fff;
}

.pc-publisher-overview .pc-publisher-load-more {
    width: 176px;
    height: 40px;
    margin-top: 20px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

/* 报名记录聚合页，全部、待查看和已建联共用。 */
.pc-unread-registration-page .demand-welcome-section {
    padding: 28px;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
}

.pc-unread-registration-header,
.pc-unread-registration-heading,
.pc-unread-registration-item,
.pc-unread-registration-tags,
.pc-unread-registration-meta,
.pc-unread-registration-action,
.pc-unread-registration-back {
    display: flex;
    align-items: center;
}

.pc-unread-registration-header {
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f3;
}

.pc-unread-registration-heading {
    gap: 10px;
}

.pc-unread-registration-heading h1 {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-unread-registration-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    background: #fff0e7;
    color: #b95316;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}

.pc-unread-registration-back {
    gap: 7px;
    color: #5d6876;
    font-size: 13px;
    text-decoration: none;
}

.pc-unread-registration-back:hover {
    color: #0095ff;
}

.pc-registration-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: -4px 0 20px;
    padding: 4px;
    border-radius: 6px;
    background: #f4f6f8;
}

.pc-registration-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 36px;
    padding: 0 18px;
    border-radius: 4px;
    color: #5d6876;
    font-size: 13px;
    text-decoration: none;
}

.pc-registration-tab:hover,
.pc-registration-tab.is-active {
    background: #fff;
    color: #0095ff;
}

.pc-registration-tab.is-active {
    box-shadow: 0 1px 4px rgba(25, 67, 96, .1);
    font-weight: 600;
}

.pc-unread-registration-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pc-unread-registration-item {
    position: relative;
    gap: 16px;
    min-height: 132px;
    padding: 18px 20px;
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fafbfc;
    color: inherit;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.pc-unread-registration-item:hover {
    border-color: #bad9eb;
    box-shadow: 0 7px 18px rgba(25, 67, 96, .07);
    color: inherit;
    transform: translateY(-1px);
}

.pc-unread-registration-item.is-static {
    cursor: default;
}

.pc-unread-registration-item.is-static:hover {
    border-color: #e8ebef;
    box-shadow: none;
    transform: none;
}

.pc-unread-registration-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #c85d1a;
}

.pc-unread-registration-main {
    min-width: 0;
    flex: 1;
}

.pc-unread-registration-tags {
    gap: 7px;
    margin-bottom: 8px;
}

.pc-unread-registration-tags span {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 2px;
    background: #f8f8f7;
    color: #666666;
    font-size: 12px;
    font-weight: 800;
    line-height: normal;
}

.pc-unread-registration-tags span.is-new {
    background: #46ba8c;
    color: #ffffff;
}

.pc-unread-registration-tags span.is-status-signup {
    background: #f9b900;
    color: #ffffff;
}

.pc-unread-registration-tags span.is-status-confirm {
    background: #0095ff;
    color: #ffffff;
}

.pc-unread-registration-tags span.is-status-other {
    background: #cccccc;
    color: #ffffff;
}

.pc-unread-registration-tags span.is-subject-company {
    background: #e2f4fe;
    color: #0095ff;
}

.pc-unread-registration-tags span.is-subject-person {
    background: #ebfaf8;
    color: #33c3a3;
}

.pc-unread-registration-tags span.is-source-recommend {
    background: #46ba8c;
    color: #ffffff;
}

.pc-unread-registration-main h2 {
    margin: 0 0 6px;
    overflow: hidden;
    color: #202733;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-unread-registration-demand {
    display: flex;
    align-items: center;
    gap: 7px;
    max-width: 620px;
    margin: 0 0 8px;
    color: #4f5967;
    font-size: 13px;
    line-height: 21px;
}

.pc-unread-registration-demand i {
    flex: 0 0 auto;
    color: #0095ff;
}

.pc-unread-registration-demand span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-unread-registration-meta {
    flex-wrap: wrap;
    gap: 8px 24px;
    color: #7b8492;
    font-size: 12px;
    line-height: 20px;
}

.pc-unread-registration-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pc-unread-registration-meta strong {
    color: #4f5967;
    font-weight: 600;
}

.pc-unread-registration-action {
    flex: 0 0 auto;
    gap: 5px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    color: #0095ff;
    font-size: 13px;
}

.pc-unread-registration-static-tip {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 6px;
    color: #7b8492;
    font-size: 12px;
}

.pc-unread-registration-item:hover .pc-unread-registration-action {
    background: #0095ff;
    color: #fff;
}

.pc-unread-registration-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 32px;
    border: 1px dashed #dce2e8;
    border-radius: 6px;
    background: #fafbfc;
    text-align: center;
}

.pc-unread-registration-empty > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #e9f4fb;
    color: #0095ff;
    font-size: 23px;
}

.pc-unread-registration-empty h2 {
    margin: 0 0 7px;
    color: #303846;
    font-size: 16px;
    font-weight: 600;
}

.pc-unread-registration-empty p {
    margin: 0 0 18px;
    color: #7b8492;
    font-size: 13px;
}

.pc-unread-registration-empty a {
    color: #0095ff;
    font-size: 13px;
}

.pc-unread-registration-load-more {
    display: block;
    min-width: 144px;
    height: 40px;
    margin: 20px auto 0;
    padding: 0 20px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #fff;
    color: #0095ff;
    font-size: 13px;
    cursor: pointer;
}

.pc-unread-registration-load-more:hover {
    background: #0095ff;
    color: #fff;
}

.pc-unread-registration-load-more:disabled {
    opacity: .65;
    cursor: wait;
}

@media (max-width: 1180px) {
    .pc-publisher-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .pc-publisher-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pc-publisher-bidding-footer,
    .pc-unread-registration-item {
        flex-wrap: wrap;
    }

    .pc-unread-registration-action {
        margin-left: auto;
    }
}

@media (max-width: 860px) {
    .pc-publisher-overview .demand-welcome-section {
        padding: 22px;
    }
}

.pc-account-tabs {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 24px;
    border-bottom: 1px solid #e8ebef;
    background: #fff;
}

.pc-account-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    padding: 0 18px;
    color: #4b5563;
    font-size: 14px;
    text-decoration: none;
}

.pc-account-tab:hover,
.pc-account-tab.is-active {
    color: #0095ff;
}

.pc-account-tab.is-active::after {
    position: absolute;
    right: 18px;
    bottom: 0;
    left: 18px;
    height: 2px;
    background: #0095ff;
    content: '';
}

.pc-account-cancellation {
    padding: 32px 48px 48px;
}

.pc-account-cancellation-intro {
    margin-bottom: 24px;
    color: #596273;
    font-size: 14px;
    line-height: 24px;
}

.pc-account-cancellation-section {
    margin-bottom: 26px;
}

.pc-account-cancellation-section h2 {
    margin-bottom: 10px;
    color: #222;
    font-size: 17px;
    font-weight: 600;
}

.pc-account-cancellation-section ul {
    margin: 0;
    padding-left: 24px;
    color: #596273;
    font-size: 14px;
    line-height: 30px;
}

.pc-account-cancellation-section li::marker {
    color: #0095ff;
}

.pc-cancellation-reason-wrap {
    position: relative;
    max-width: 600px;
}

.pc-cancellation-reason {
    display: block;
    width: 100%;
    min-height: 120px;
    padding: 14px 14px 30px;
    border: 1px solid #d9dde3;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
    color: #222;
    font-size: 14px;
    line-height: 22px;
}

.pc-cancellation-reason:focus {
    border-color: #0095ff;
    outline: none;
}

.pc-cancellation-count {
    position: absolute;
    right: 12px;
    bottom: 8px;
    color: #8b94a3;
    font-size: 12px;
}

.pc-cancellation-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 8px 0 24px;
    color: #4b5563;
    font-size: 14px;
    line-height: 22px;
}

.pc-cancellation-consent input {
    margin-top: 4px;
}

.pc-cancellation-consent button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #0095ff;
    cursor: pointer;
}

.pc-cancellation-submit {
    min-width: 132px;
    height: 40px;
    padding: 0 22px;
    border: 0;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.pc-cancellation-submit:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.pc-cancellation-dialog {
    position: fixed;
    z-index: 2100;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(20, 28, 38, .48);
}

.pc-cancellation-dialog.is-visible {
    display: flex;
}

.pc-cancellation-dialog-panel {
    width: min(560px, calc(100vw - 48px));
    max-height: calc(100vh - 80px);
    overflow: auto;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(20, 28, 38, .2);
}

.pc-cancellation-dialog-header,
.pc-cancellation-dialog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid #e8ebef;
}

.pc-cancellation-dialog-header h2 {
    margin: 0;
    font-size: 18px;
}

.pc-cancellation-dialog-close {
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #6b7280;
    font-size: 24px;
    line-height: 32px;
    cursor: pointer;
}

.pc-cancellation-dialog-body {
    padding: 22px;
    color: #4b5563;
    font-size: 14px;
    line-height: 24px;
}

.pc-cancellation-dialog-footer {
    justify-content: flex-end;
    border-top: 1px solid #e8ebef;
    border-bottom: 0;
}

.pc-cancellation-dialog-footer button {
    min-width: 84px;
    height: 36px;
    border: 0;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    cursor: pointer;
}

@media (max-width: 860px) {
    .pc-workbench-shell {
        gap: 16px;
    }

    .pc-workbench-sidebar {
        width: 180px;
        min-width: 180px;
        flex-basis: 180px;
    }

    .pc-account-tabs {
        overflow-x: auto;
        padding: 0 8px;
    }

    .pc-account-tab {
        flex: 0 0 auto;
    }

    .pc-account-cancellation {
        padding: 24px;
    }
}

/* 服务方工作台页面统一视觉，仅覆盖 PC 服务方作用域内的旧版组件。 */
.pc-service-page {
    color: #202733;
}

.pc-service-page .demand-user-info {
    min-width: 0;
    overflow: visible;
}

.pc-service-page .demand-user-right {
    min-width: 0;
}

.pc-service-page .demand-welcome-section,
.pc-service-page > .pc-workbench-shell .release-container,
.pc-service-page > .pc-workbench-shell .sign_div,
.pc-service-page .management-main {
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-service-page .demand-welcome-section {
    padding: 28px;
}

.pc-service-page .demand-welcome-section-title {
    margin-bottom: 22px;
}

.pc-service-page .demand-welcome-section-title h2,
.pc-service-page .TYhengTitle {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-service-page-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-page-heading h1 {
    margin: 0 0 5px;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-service-page-heading p {
    margin: 0;
    color: #7b8492;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-page .left_find_more {
    width: 152px;
    height: 40px;
    margin: 22px auto 0;
    border: 1px solid #cfd6de;
    border-radius: 4px;
    background: #fff;
    color: #4f5967;
    font-size: 13px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.pc-service-page .left_find_more:hover {
    border-color: #0095ff;
    color: #0095ff;
}

.pc-service-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 32px;
    border: 1px dashed #dce2e8;
    border-radius: 6px;
    background: #fafbfc;
    text-align: center;
}

.pc-service-empty-state img {
    width: 96px;
    height: 96px;
    margin-bottom: 12px;
    object-fit: contain;
}

.pc-service-empty-state p {
    margin: 0 0 5px;
    color: #303846;
    font-size: 15px;
    font-weight: 600;
}

.pc-service-empty-state span {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

/* 服务方概览：公司、个人两种身份保持相同的信息层级。 */
.pc-service-overview .pc-service-overview-header {
    margin-bottom: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-overview .pc-service-overview-header h2 {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-service-overview .pc-service-identity-section {
    min-width: 0;
}

.pc-service-overview .pc-service-identity-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.pc-service-overview .pc-service-identity-heading::before {
    width: 3px;
    height: 16px;
    flex: 0 0 3px;
    border-radius: 2px;
    background: #0095ff;
    content: '';
}

.pc-service-overview .pc-service-identity-heading h3 {
    margin: 0;
    color: #303846;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.pc-service-overview .demand-user-identity-content {
    gap: 18px;
    min-height: 100px;
    margin-bottom: 12px;
    padding: 16px 18px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #f8fafc;
}

.pc-service-overview .demand-user-identity-content .company-logo {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border: 1px solid #e3e7eb;
    border-radius: 4px;
    background: #fff;
    object-fit: cover;
}

.pc-service-overview .company-info-container {
    min-width: 0;
    gap: 7px;
}

.pc-service-overview .company-basic-info {
    flex-wrap: wrap;
    gap: 10px;
}

.pc-service-overview .company-basic-info p:first-child {
    max-width: 520px;
    overflow: hidden;
    color: #202733;
    font-size: 19px;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-service-overview .company-basic-info span {
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
}

.pc-service-overview .company-license-name {
    color: #7b8492;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-overview .pc-service-personal-section {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid #edf0f3;
}

.pc-service-overview .demand-demand-item {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pc-service-overview .demand-demand-count {
    min-width: 0;
    min-height: 88px;
    padding: 14px 16px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.pc-service-overview .demand-demand-count:hover {
    border-color: #cfe4f1;
    box-shadow: 0 5px 14px rgba(25, 67, 96, .05);
}

.pc-service-overview .demand-demand-count > p {
    margin: 0;
    color: #687180;
    font-size: 13px;
    font-weight: 500;
}

.pc-service-overview .demand-count-action {
    gap: 10px;
}

.pc-service-overview .demand-count-action span {
    min-width: 0;
    color: #8a929e;
    font-size: 12px;
}

.pc-service-overview .demand-count-action span normal {
    color: #202733;
    font-size: 22px;
    font-weight: 600;
}

.pc-service-overview .demand-count-action a {
    flex: 0 0 auto;
    padding: 5px 10px;
    border-color: #cfe4f1;
    background: #f4f8fb;
    color: #0095ff;
    font-size: 12px;
}

.pc-service-overview .demand-count-action .demand-count-action-link {
    border-color: #0095ff;
    background: #0095ff !important;
}

/* 项目列表与项目卡片。 */
.pc-service-project-list .demand-welcome-section {
    padding: 28px;
}

.pc-service-project-list .project_search {
    gap: 16px;
    margin-bottom: 22px;
    padding: 0;
}

.pc-service-project-list .project_search_box {
    width: min(420px, 100%);
    max-width: 420px;
    min-width: 0;
    flex: 0 1 auto;
}

.pc-service-project-list .project_search_input {
    width: 100%;
    height: 38px;
    padding: 0 94px 0 36px;
    border: 1px solid #dce2e8;
    background: #fff;
    color: #303846;
    font-size: 13px;
}

.pc-service-project-list .project_search_input::placeholder {
    color: #9aa2ad;
    font-size: 13px;
}

.pc-service-project-list .project_search_input:focus {
    border-color: #0095ff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(22, 138, 208, .1);
}

.pc-service-project-list .project_search_btn {
    top: 1px;
    right: 1px;
    height: 36px;
    padding: 0 18px;
    border-radius: 0 3px 3px 0;
    background: #0095ff;
    font-size: 13px;
}

.pc-service-project-list .project_search_clear {
    position: absolute;
    right: 68px;
    z-index: 1;
    display: none;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8a929e;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer;
}

.pc-service-project-list .project_search_clear:hover {
    color: #303846;
}

.pc-service-project-list .project_search_actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
}

.pc-service-project-list .project_search_actions a,
.pc-service-project-list .mana-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #fff;
    color: #0095ff;
    font-size: 13px;
}

.pc-service-project-list .project_search_actions a:first-child,
.pc-service-project-list .mana-edit {
    background: #0095ff;
    color: #fff;
}

.pc-service-project-list .project_content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pc-service-project-list .project_content_div,
.pc-service-management-page .project_content_div {
    width: 100%;
    min-width: 0;
    /* min-height: 116px; */
    padding: 14px;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.pc-service-project-list .project_content_div:hover,
.pc-service-management-page .project_content_div:hover {
    border-color: #bad9eb;
    box-shadow: 0 7px 18px rgba(25, 67, 96, .07);
    transform: translateY(-1px);
}

.pc-service-page .project_content_div_link {
    min-width: 0;
    flex: 1;
    color: inherit;
}

.pc-service-page .project_content_div_left {
    width: auto;
    min-width: 0;
    padding-right: 12px;
}

.pc-service-page .project_content_div_left_title {
    color: #202733;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
}

.pc-service-page .project_content_div_left_span {
    color: #7b8492;
    font-size: 12px;
    line-height: 19px;
}

.pc-service-page .project_content_div_left_time > div {
    /* padding: 2px 7px; */
    border-radius: 3px;
    font-size: 11px;
    line-height: 18px;
}

.pc-service-page .project_content_div_right {
    flex: 0 0 140px;
    align-self: center;
    aspect-ratio: 820 / 450;
    overflow: hidden;
    border-radius: 4px;
}

.pc-service-page .project_content_div_right_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pc-service-page .project_content_div_shadow {
    border-radius: 4px;
    /* align-items: center; */
    padding: 8px;
    box-sizing: border-box;
}

.pc-service-page .project_content_div_shadow .project_btn {
    width: auto;
    min-width: 48px;
    height: 30px;
    padding: 0 8px;
    border-radius: 4px;
}

.pc-service-project-list .pc-service-project-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-column: 1 / -1;
    width: 100%;
    min-height: 300px;
    margin: 0;
    padding: 40px 24px;
    border: 1px dashed #dce2e8;
    border-radius: 4px;
    background: #f8fafc;
    box-sizing: border-box;
    text-align: center;
}

.pc-service-project-list .pc-service-project-empty img {
    width: 112px;
    height: 96px;
    object-fit: contain;
}

.pc-service-project-list .pc-service-project-empty h2 {
    margin: 14px 0 0;
    color: #8a929e;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.pc-service-project-list .pc-service-project-empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-top: 18px;
    padding: 0 18px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.pc-service-project-list .pc-service-project-empty a:hover {
    border-color: #0095ff;
    background: #0095ff;
    color: #fff;
}

/* 建联记录使用与报名记录一致的紧凑列表。 */
.pc-service-register-list .demand-welcome-section-title > div {
    width: 100%;
    align-items: flex-end;
}

.pc-service-register-list .demand-welcome-section-title p {
    color: #7b8492;
    font-size: 13px;
}

.pc-service-register-list .bulid-content {
    gap: 12px;
}

.pc-service-register-list .bulid-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 20px;
    padding: 18px 20px;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fafbfc;
    align-items: center;
}

.pc-service-register-list .bulid-item:hover {
    border-color: #bad9eb;
    box-shadow: 0 7px 18px rgba(25, 67, 96, .06);
}

.pc-service-register-list .bulid-item-div {
    grid-column: 1 / -1;
    min-width: 0;
    gap: 9px;
}

.pc-service-register-list .bulid-item-div-img {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
}

.pc-service-register-list .bulid-item-div p:first-of-type {
    color: #202733;
    font-size: 16px;
    font-weight: 600;
}

.pc-service-register-list .bulid-item-div p:nth-of-type(2),
.pc-service-register-list .bulid-item-div span {
    min-width: 0;
    color: #687180;
    font-size: 13px;
}

.pc-service-register-list .bulid-item-div span {
    padding: 2px 8px;
    border-radius: 3px;
    background: #e9f4fb;
    color: #0095ff;
}

.pc-service-register-list .bulid-item-p {
    margin: 0;
    color: #8a929e;
    font-size: 12px;
}

.pc-service-register-list .bulid-item-a {
    min-height: 34px;
    padding: 0 13px;
    border-color: #0095ff;
    color: #0095ff;
    font-size: 13px;
    font-weight: 500;
}

/* 公司、个人主页管理保留二级导航，并统一内容间距。 */
.pc-service-management-page .management-main {
    min-height: 560px;
}

.pc-service-management-page .management-left {
    width: 164px;
    flex: 0 0 164px;
    padding: 24px 12px;
    border-right: 1px solid #e8ebef;
    background: #fafbfc;
    box-sizing: border-box;
}

.pc-service-management-page .management-left-content {
    gap: 6px;
}

.pc-service-management-page .Title-20 {
    margin: 0 8px 12px;
    color: #303846;
    font-size: 16px;
    line-height: 24px;
}

.pc-service-management-page .management-left-content > div {
    justify-content: flex-start;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5d6876;
    font-size: 13px;
}

.pc-service-management-page .management-left-content > div:hover {
    background: #f0f5f8;
    color: #0095ff;
}

.pc-service-management-page .management-left-content .activeManagement {
    background: #eaf5fb;
    color: #0095ff;
}

.pc-service-management-page .management-left-content a {
    width: 100%;
    color: inherit;
}

.pc-service-management-page .management-right {
    min-width: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pc-service-management-page .form-card-profile {
    padding: 28px 30px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-management-page .form-card-profile:last-child {
    border-bottom: 0;
}

.pc-service-management-page .release-section-title {
    min-height: 36px;
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-management-page .release-section-title p {
    color: #202733;
    font-size: 18px;
    font-weight: 600;
}

.pc-service-management-page .mana-edit {
    position: static;
    margin-left: auto;
}

.pc-service-management-page .mana-company-logo {
    width: 88px;
    height: 88px;
    border: 1px solid #e3e7eb;
    border-radius: 4px;
    background: #fff;
    object-fit: cover;
}

.pc-service-management-page .mana-business-tag {
    gap: 8px;
}

.pc-service-management-page .mana-business-tag span {
    padding: 5px 10px;
    border: 1px solid #e4e9ee;
    border-radius: 3px;
    background: #f6f8fa;
    color: #596273;
    font-size: 12px;
}

.pc-service-management-page .mana-company-intro,
.pc-service-management-page .mana-company-auto {
    padding: 12px 14px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #fafbfc;
    color: #4f5967;
    font-size: 13px;
    line-height: 22px;
}

.pc-service-management-page .fee-table img {
    border: 1px solid #e3e7eb;
}

.pc-service-management-page .per-project + .per-project {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #edf0f3;
}

.pc-service-management-page .represent-list,
.pc-service-management-page .project-list {
    gap: 12px;
}

/* 公司、个人主页资料页统一为摘要与详情两层信息结构。 */
.pc-homepage-profile-page .management-main {
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-homepage-profile-page .management-left {
    padding: 22px 12px;
}

.pc-homepage-profile-page .management-left-content {
    gap: 4px;
}

.pc-homepage-profile-page .Title-20 {
    margin: 0 8px 14px;
}

.pc-homepage-profile-page .pc-homepage-subnav-item {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5d6876;
    font-size: 13px;
    line-height: 22px;
}

.pc-homepage-profile-page .pc-homepage-subnav-item:hover {
    background: #f0f5f8;
    color: #0095ff;
}

.pc-homepage-profile-page .pc-homepage-subnav-item.is-active {
    background: #eaf5fb;
    color: #0095ff;
    font-weight: 600;
}

.pc-homepage-profile-page .pc-homepage-content {
    min-height: 560px;
    background: #fff;
}

.pc-homepage-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 72px;
    padding: 18px 28px;
    border-bottom: 1px solid #edf0f3;
    box-sizing: border-box;
}

.pc-homepage-content-header h1 {
    margin: 0;
    color: #202733;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.pc-homepage-content-header .mana-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 16px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.pc-homepage-content-header .mana-edit:hover {
    border-color: #0095ff;
    background: #0095ff;
}

.pc-homepage-content-header .mana-edit-img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.pc-homepage-summary {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 24px 28px;
    border-bottom: 1px solid #edf0f3;
    background: #f8fafc;
}

.pc-homepage-profile-page .pc-homepage-summary .mana-company-logo {
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
    border: 1px solid #e1e6eb;
    border-radius: 4px;
    background: #fff;
    object-fit: cover;
}

.pc-homepage-summary-main {
    min-width: 0;
    flex: 1;
}

.pc-homepage-summary-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pc-homepage-summary-title h2 {
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    color: #202733;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-homepage-verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 3px;
    background: #eaf5fb;
    color: #0095ff;
    font-size: 12px;
    font-weight: 500;
}

.pc-homepage-verified img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.pc-homepage-summary-meta {
    display: grid;
    gap: 9px;
    margin: 14px 0 0;
}

.pc-homepage-summary-meta > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.pc-homepage-summary-meta dt {
    width: 56px;
    flex: 0 0 56px;
    padding-top: 3px;
    color: #7b8492;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

.pc-homepage-summary-meta dd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

.pc-homepage-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    border: 1px solid #dfe7ed;
    border-radius: 3px;
    background: #fff;
    color: #596273;
    font-size: 12px;
    line-height: 20px;
}

.pc-homepage-tag.is-empty {
    color: #929aa5;
}

.pc-homepage-section {
    padding: 24px 28px;
    border-bottom: 1px solid #edf0f3;
}

.pc-homepage-section:last-child {
    border-bottom: 0;
}

.pc-homepage-section > h2 {
    margin: 0 0 16px;
    color: #303846;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.pc-homepage-description {
    margin: 0;
    color: #596273;
    font-size: 13px;
    line-height: 1.8;
    white-space: pre-wrap;
    word-break: break-word;
}

.pc-homepage-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 32px;
    margin: 0;
    border-top: 1px solid #edf0f3;
}

.pc-homepage-info-item {
    min-width: 0;
    padding: 14px 0;
    border-bottom: 1px solid #edf0f3;
}

.pc-homepage-info-item.is-wide {
    grid-column: 1 / -1;
}

.pc-homepage-info-item dt {
    margin-bottom: 5px;
    color: #8a929e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.pc-homepage-info-item dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #303846;
    font-size: 14px;
    line-height: 22px;
}

/* 服务方认证与资料表单。 */
.pc-service-form-page .release-container {
    min-width: 0;
}

.pc-service-form-page .release-form-header {
    padding: 26px 32px 20px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-form-page .release-form-header h1 {
    margin: 0 0 5px;
    color: #202733;
    font-size: 24px;
    line-height: 34px;
}

.pc-service-form-page .release-form-header p {
    color: #7b8492;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-form-page .hr {
    display: none;
}

.pc-service-form-page .form-card {
    padding: 26px 32px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-form-page .form-card:last-child {
    border-bottom: 0;
}

.pc-service-form-page .release-section-title {
    margin-bottom: 22px;
    padding-bottom: 13px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-form-page .release-section-title p {
    color: #202733;
    font-size: 18px;
    font-weight: 600;
}

.pc-service-form-page .release-form-group {
    margin-bottom: 20px;
}

.pc-service-form-page .release-form-label {
    margin-bottom: 8px;
    color: #303846;
    font-size: 13px;
}

.pc-service-form-page .hint,
.pc-service-form-page .hint2 {
    color: #8a929e;
    font-size: 12px;
    font-weight: 400;
}

.pc-service-form-page .release-form-control {
    min-height: 40px;
    border-color: #dce2e8;
    color: #303846;
}

.pc-service-form-page .release-form-control:focus {
    border-color: #0095ff;
    box-shadow: 0 0 0 3px rgba(22, 138, 208, .1);
}

.pc-service-form-page .layui-inline {
    display: flex;
    gap: 24px;
    width: 100%;
}

.pc-service-form-page .layui-inline > .release-form-group {
    min-width: 0;
    flex: 1;
}

.pc-service-form-page .layui-upload-drag {
    width: 100%;
    min-height: 148px;
    padding: 24px;
    border-color: #cfd8e1;
    border-radius: 4px;
    background: #fafbfc;
    box-sizing: border-box;
}

.pc-service-form-page .layui-upload-drag:hover {
    border-color: #0095ff;
    background: #f7fbfd;
}

.pc-service-form-page .review-tips {
    margin: 24px 32px 0;
    padding: 12px 14px;
    border: 1px solid #f0d9aa;
    border-radius: 4px;
    background: #fffaf0;
    color: #8a5a10;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-form-page .promotionDesc {
    margin: 0 32px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #fafbfc;
    color: #687180;
    font-size: 12px;
    line-height: 20px;
}

.pc-service-form-page .btn-submit {
    min-width: 132px;
    height: 40px;
    padding: 0 22px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.pc-service-form-page .btn-submit:hover {
    border-color: #0095ff;
    background: #0095ff;
}

/* 项目类型、地区、行业和平台共用选择框、下拉菜单及已选标签样式。 */
.pc-form-select-control {
    position: relative;
    min-width: 0;
}

.pc-form-select-control::after {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #87919d;
    border-bottom: 1.5px solid #87919d;
    content: "";
    pointer-events: none;
    transform: rotate(45deg);
}

.pc-form-select-control .dropdown-toggle {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding: 9px 36px 9px 12px;
    border: 1px solid #dce2e8;
    border-radius: 4px;
    background: #fff;
    color: #303846;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.pc-form-select-control:hover .dropdown-toggle {
    border-color: #b9c8d4;
}

.pc-form-select-control:focus-within .dropdown-toggle,
.pc-form-select-control .dropdown-toggle:focus-visible {
    border-color: #0095FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .1);
}

.pc-form-select-control .dropdown-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    max-height: 260px;
    overflow: hidden auto;
    border: 1px solid #dce2e8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(25, 41, 57, .12);
    box-sizing: border-box;
}

.pc-form-select-control .column {
    width: 50%;
    max-height: 240px;
    overflow-y: auto;
    border-right: 1px solid #edf0f3;
    box-sizing: border-box;
}

.pc-form-select-control .column:last-child {
    border-right: 0;
}

.pc-form-select-control .item {
    min-height: 34px;
    padding: 7px 12px;
    color: #4a5360;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.pc-form-select-control .item:hover,
.pc-form-select-control .item.active,
.pc-form-select-control .selected-bg {
    background: #edf7fc;
    color: #0095FF;
}

.pc-form-select-control .tags,
.pc-form-select-control .tagssingle {
    position: absolute;
    top: 50%;
    right: 34px;
    left: 9px;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-50%);
}

.pc-form-select-control .tag-re {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    margin: 0;
    padding: 2px 7px;
    overflow: hidden;
    border: 1px solid #cfe5f2;
    border-radius: 3px;
    background: #edf7fc;
    color: #0095FF;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-form-select-control .tag-re .remove {
    margin-left: 5px;
    color: #5f8faa;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    pointer-events: auto;
    cursor: pointer;
}

/* 公司、个人报名资料入库页，统一工作台表单、上传和文件状态。 */
.pc-service-document-stock-page .pc-document-stock-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-service-document-stock-page .release-form-header {
    padding: 24px 32px 20px;
}

.pc-service-document-stock-page .pc-document-stock-section {
    padding: 24px 32px 26px;
}

.pc-service-document-stock-page .release-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.pc-service-document-stock-page .release-section-title::before {
    width: 3px;
    height: 17px;
    flex: 0 0 3px;
    border-radius: 2px;
    background: #0095FF;
    content: "";
}

.pc-service-document-stock-page .release-section-title p {
    margin: 0;
    font-size: 17px;
    line-height: 25px;
}

.pc-service-document-stock-page .release-form-group {
    min-width: 0;
    margin-bottom: 20px;
}

.pc-service-document-stock-page .release-form-group:last-child {
    margin-bottom: 0;
}

.pc-service-document-stock-page .release-form-label {
    display: flex;
    min-height: 20px;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 20px;
}

.pc-service-document-stock-page .release-form-control,
.pc-service-document-stock-page .dropdown-toggle {
    width: 100%;
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid #dce2e8;
    border-radius: 4px;
    background: #fff;
    color: #303846;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
}

.pc-service-document-stock-page .release-form-control:focus,
.pc-service-document-stock-page .dropdown-toggle:focus-visible {
    border-color: #0095FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .1);
}

.pc-service-document-stock-page .layui-upload-drag.pc-document-stock-avatar-upload {
    max-width: 560px;
    min-height: 176px;
}

.pc-service-document-stock-page .layui-upload-drag.pc-document-stock-avatar-upload.has-file {
    max-width: 560px;
    min-height: 0;
}

.pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__preview {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: stretch;
}

.pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__image-wrap {
    display: flex;
    width: 176px;
    aspect-ratio: 1;
    align-items: center;
    align-self: center;
    justify-content: center;
    justify-self: center;
    margin: 20px 0;
    border: 1px solid #e0e5eb;
    border-radius: 4px;
    box-sizing: border-box;
}

.pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__meta {
    width: auto;
    align-items: flex-start;
    padding: 22px;
    box-sizing: border-box;
}

.pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__file > span {
    text-align: left;
}

.pc-service-document-stock-page .pc-document-stock-contact-grid,
.pc-service-document-stock-page .pc-document-stock-select-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.pc-service-document-stock-page .pc-document-stock-contact-grid > .release-form-group,
.pc-service-document-stock-page .pc-document-stock-select-grid > .release-form-group {
    margin-bottom: 0;
}

.pc-service-document-stock-page .pc-document-stock-select-grid {
    margin-top: 22px;
}

.pc-service-document-stock-page textarea.release-form-control {
    min-height: 148px;
    padding: 12px 14px;
    line-height: 23px;
    resize: vertical;
}

.pc-service-document-stock-page div.error {
    position: static;
    height: auto;
    margin: 6px 0 0;
    color: #e5484d;
    font-size: 12px;
    line-height: 18px;
}

.pc-service-document-stock-page .pc-document-stock-actions {
    display: flex;
    justify-content: flex-end;
    padding: 18px 32px;
    border-bottom: 0;
    background: #fafbfc;
}

.pc-service-document-stock-page .pc-document-stock-actions .relese-sub {
    justify-content: flex-end;
}

.pc-service-document-stock-page .pc-document-stock-actions .btn-submit {
    display: inline-flex;
    min-width: 148px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-color: #0095FF;
    background: #0095FF;
}

.pc-service-document-stock-page .pc-document-stock-actions .btn-submit:hover {
    border-color: #007fd9;
    background: #007fd9;
}

@media (max-width: 760px) {
    .pc-service-document-stock-page .release-form-header,
    .pc-service-document-stock-page .pc-document-stock-section,
    .pc-service-document-stock-page .pc-document-stock-actions {
        padding-right: 18px;
        padding-left: 18px;
    }

    .pc-service-document-stock-page .pc-document-stock-contact-grid,
    .pc-service-document-stock-page .pc-document-stock-select-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__image-wrap {
        width: min(176px, calc(100% - 36px));
    }

    .pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__preview {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-service-document-stock-page .pc-document-stock-avatar-upload .pc-image-upload__meta {
        align-items: center;
        padding-top: 0;
    }

    .pc-service-document-stock-page .pc-document-stock-actions .relese-sub,
    .pc-service-document-stock-page .pc-document-stock-actions .btn-submit {
        width: 100%;
    }
}

/* 公司、个人认证信息页共用资料入库页的工作台表单风格。 */
.pc-certification-form-page .pc-certification-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-certification-form-page .release-form-header {
    padding: 24px 32px 20px;
}

.pc-certification-form-page .release-form-header h1 {
    margin: 0;
    font-size: 22px;
    line-height: 32px;
}

.pc-certification-form-page .pc-certification-section {
    padding: 24px 32px 26px;
}

.pc-certification-form-page .release-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.pc-certification-form-page .release-section-title::before {
    width: 3px;
    height: 17px;
    flex: 0 0 3px;
    border-radius: 2px;
    background: #0095FF;
    content: "";
}

.pc-certification-form-page .release-section-title p {
    margin: 0;
    font-size: 17px;
    line-height: 25px;
}

.pc-certification-form-page .release-form-group {
    min-width: 0;
    margin-bottom: 20px;
}

.pc-certification-form-page .release-form-group:last-child {
    margin-bottom: 0;
}

.pc-certification-form-page .release-form-label {
    display: flex;
    min-height: 20px;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-bottom: 8px;
    color: #303846;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.pc-certification-form-page .hint,
.pc-certification-form-page .hint2 {
    color: #8a929e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.pc-certification-form-page .hint2 {
    margin-top: 8px;
}

.pc-certification-form-page .release-form-control {
    width: 100%;
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid #dce2e8;
    border-radius: 4px;
    background: #fff;
    color: #303846;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.pc-certification-form-page .release-form-control:hover {
    border-color: #b9c8d4;
}

.pc-certification-form-page .release-form-control:focus {
    border-color: #0095FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .1);
}

.pc-certification-form-page .release-form-control::placeholder {
    color: #a1a8b2;
}

/* 所在地区提交校验失败时高亮下拉输入区域。 */
.pc-certification-form-page .dropdown.error-field .dropdown-toggle {
    border-color: #e5484d;
}

.pc-certification-form-page textarea.release-form-control {
    min-height: 142px;
    padding: 12px 14px;
    line-height: 23px;
    resize: vertical;
}

.pc-certification-form-page .pc-certification-contact-grid,
.pc-certification-form-page .pc-certification-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

/* 机构类型与业务类型按 1:2 分配空间，窄屏沿用后面的单列规则。 */
.pc-certification-form-page .pc-certification-business-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.pc-certification-form-page .pc-certification-contact-grid > .release-form-group,
.pc-certification-form-page .pc-certification-grid > .release-form-group {
    min-width: 0;
    margin-bottom: 0;
}

.pc-certification-form-page .pc-certification-grid + .release-form-group,
.pc-certification-form-page .pc-certification-grid + .pc-certification-grid {
    margin-top: 20px;
}

.pc-certification-form-page .release-input-group {
    min-width: 0;
}

.pc-certification-form-page .char-counter {
    right: 12px;
    color: #9aa2ad;
    line-height: 20px;
}

.pc-certification-form-page .layui-form-item {
    /* 个人身份等选择框随表单列宽缩放，覆盖旧版固定宽度。 */
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-bottom: 0;
}

.pc-certification-form-page .layui-form-select .layui-input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    height: 40px;
    padding-right: 34px;
    border-color: #dce2e8;
    border-radius: 4px;
    color: #303846;
    font-size: 13px;
}

/* 公司认证下拉框跟随列宽，已选业务标签换行并撑开控件高度。 */
.pc-certification-company-page #singleDropdown3,
.pc-certification-company-page #singleDropdown3 .layui-form-item,
.pc-certification-company-page #singleDropdown3 .layui-form-select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.pc-certification-company-page #businessDropdown {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
}

.pc-certification-company-page #businessDropdown > .dropdown-toggle {
    grid-area: 1 / 1;
    height: auto;
    min-height: 40px;
    box-sizing: border-box;
}

.pc-certification-company-page #businessDropdown > .tags {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    flex-wrap: wrap;
    align-content: center;
    margin: 0;
    padding: 6px 34px 6px 9px;
    background: transparent;
    transform: none;
}

.pc-certification-company-page #businessDropdown .tag-re {
    flex: 0 1 auto;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
}

.pc-certification-company-page #businessDropdown .tag-re .remove {
    flex-shrink: 0;
}

.pc-certification-form-page .layui-form-select .layui-input:hover {
    border-color: #b9c8d4;
}

.pc-certification-form-page .layui-form-select.layui-form-selected .layui-input {
    border-color: #0095FF;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .1);
}

.pc-certification-form-page .layui-form-select dl {
    top: calc(100% + 6px);
    max-height: 260px;
    border: 1px solid #dce2e8;
    border-radius: 5px;
    box-shadow: 0 10px 24px rgba(25, 41, 57, .12);
}

.pc-certification-form-page .layui-form-select dl dd {
    min-height: 34px;
    padding: 7px 12px;
    color: #4a5360;
    font-size: 13px;
    line-height: 20px;
}

.pc-certification-form-page .layui-form-select dl dd:hover,
.pc-certification-form-page .layui-form-select dl dd.layui-this {
    background: #edf7fc;
    color: #0095FF;
}

.pc-certification-form-page .layui-upload-drag.pc-certification-avatar-upload {
    max-width: 560px;
    min-height: 176px;
}

.pc-certification-form-page .layui-upload-drag.pc-certification-avatar-upload.has-file {
    max-width: 560px;
    min-height: 0;
}

.pc-certification-form-page .pc-certification-avatar-upload .pc-image-upload__preview {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: stretch;
}

.pc-certification-form-page .pc-certification-avatar-upload .pc-image-upload__image-wrap {
    display: flex;
    width: 176px;
    aspect-ratio: 1;
    align-items: center;
    align-self: center;
    justify-content: center;
    justify-self: center;
    margin: 20px 0;
    border: 1px solid #e0e5eb;
    border-radius: 4px;
    box-sizing: border-box;
}

.pc-certification-form-page .pc-certification-avatar-upload .pc-image-upload__meta {
    width: auto;
    align-items: flex-start;
    padding: 22px;
    box-sizing: border-box;
}

.pc-certification-form-page .pc-certification-document-upload {
    max-width: 620px;
}

.pc-certification-form-page .pc-image-upload__image-wrap img {
    object-position: center;
}

.pc-certification-form-page .pc-certification-agreement {
    position: relative;
    margin: 20px 0 0;
    padding: 12px 14px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #fafbfc;
}

.pc-certification-form-page .pc-certification-agreement label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    color: #687180;
    cursor: pointer;
}

.pc-certification-form-page .pc-certification-agreement input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0 2px 0 0;
    accent-color: #0095FF;
}

.pc-certification-form-page .js-certification-agreement {
    color: #0095FF;
}

.pc-certification-form-page .radio-custom input[type="radio"]:checked + .radio-icon {
    border-color: #0095FF;
}

.pc-certification-form-page .radio-custom input[type="radio"]:checked + .radio-icon::after {
    background: #0095FF;
}

.pc-certification-form-page .release-form-group div.error,
.pc-certification-form-page .pc-certification-agreement div.error {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin: 6px 0 0;
    color: #e5484d;
    font-size: 12px;
    line-height: 18px;
}

.pc-certification-form-page .pc-certification-actions {
    display: flex;
    justify-content: flex-end;
    padding: 18px 32px;
    border-bottom: 0;
    background: #fafbfc;
}

.pc-certification-form-page .pc-certification-actions .relese-new,
.pc-certification-form-page .pc-certification-actions .relese-new-top {
    width: 100%;
}

.pc-certification-form-page .pc-certification-actions .relese-new-top {
    flex-wrap: wrap;
    gap: 8px 16px;
}

.pc-certification-form-page .pc-certification-actions .relese-new-top-left {
    order: 3;
    margin-left: auto;
}

/* 公司认证和需求方认证的提交按钮放在左侧，便于勾选协议后继续提交。 */
.pc-service-certify-page.pc-certification-company-page .pc-certification-actions .relese-new-top-left,
.pc-publisher-certification-page .pc-certification-actions .relese-new-top-left {
    order: 0;
    margin-left: 0;
}

.pc-certification-form-page .pc-certification-actions .relese-new-top-left-p {
    order: 1;
    margin: 0;
    color: #303846;
    font-size: 14px;
    line-height: 22px;
}

.pc-certification-form-page .pc-certification-actions .relese-new-top-left-span {
    order: 2;
    color: #8a929e;
    font-size: 12px;
    line-height: 22px;
}

.pc-certification-form-page .pc-certification-actions .btn-submit {
    display: inline-flex;
    min-width: 148px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border-color: #0095FF;
    border-radius: 4px;
    background: #0095FF;
    color: #fff;
    font-size: 14px;
}

.pc-certification-form-page .pc-certification-actions .btn-submit:hover {
    border-color: #007fd9;
    background: #007fd9;
}

/* 需求方认证沿用公司认证的工作台卡片，并保留加入公司场景的说明提示。 */
.pc-publisher-certification-page {
    color: #202733;
}

.pc-publisher-certification-page .demand-user-info {
    min-width: 0;
    overflow: visible;
}

.pc-publisher-certification-page .demand-user-right {
    min-width: 0;
}

.pc-publisher-certification-page .demander-certification-tip {
    margin: 0 32px 2px;
    padding: 12px 14px;
    border: 1px solid #dcebf7;
    border-radius: 4px;
    background: #f5f9fd;
    color: #5b6b86;
    font-size: 13px;
    line-height: 22px;
}

.pc-publisher-certification-page .review-tips {
    margin: 24px 32px 0;
    padding: 12px 14px;
    border: 1px solid #f0d9aa;
    border-radius: 4px;
    background: #fffaf0;
    color: #8a5a22;
    font-size: 13px;
    line-height: 21px;
}

.pc-publisher-certification-page .js-modify-company-full-name {
    color: #007aff;
    cursor: pointer;
}

.pc-publisher-certification-page .demander-certification-readonly .layui-upload-drag {
    pointer-events: none;
    background: #f8f9fb;
}

.pc-publisher-certification-page .demander-certification-readonly .onTheJobPictures .layui-upload-drag {
    pointer-events: auto;
    background: #fff;
}

.pc-publisher-certification-page .demander-certification-readonly .pc-image-upload.is-disabled,
.pc-publisher-certification-page .pc-image-upload.is-disabled {
    pointer-events: none;
    border-color: #dce2e8;
    background: #f8f9fb;
    cursor: not-allowed;
}

.pc-publisher-certification-page .demander-certification-readonly .release-form-control:disabled,
.pc-publisher-certification-page .demander-certification-readonly .release-form-control:read-only,
.pc-publisher-certification-page .demander-certification-readonly textarea:read-only {
    border-color: #dce2e8;
    background: #f8f9fb;
    color: #687180;
    -webkit-text-fill-color: #687180;
    opacity: 1;
}

/* 公司和需求方认证的禁用控件统一使用灰色背景，状态解除后恢复原有样式。 */
.pc-certification-company-page .pc-certification-form .release-form-control:disabled,
.pc-certification-company-page .pc-certification-form .layui-select-disabled .layui-input,
.pc-certification-company-page .pc-certification-form .dropdown[aria-disabled="true"] > .dropdown-toggle,
.pc-certification-company-page .pc-certification-form .pc-image-upload[aria-disabled="true"],
.pc-certification-company-page .pc-certification-form .pc-image-upload.is-disabled,
.pc-certification-company-page .pc-certification-form .pc-certification-actions .btn-submit:disabled {
    border-color: #dce2e8;
    background: #f2f4f6;
    color: #7b8492;
    -webkit-text-fill-color: #7b8492;
    opacity: 1;
    cursor: not-allowed;
}

/* 公司全称通过修改弹窗确认，展示输入框始终保持灰色背景。 */
.pc-certification-company-page .pc-certification-form .release-form-control[name="companyFullName"] {
    background: #f2f4f6;
}

@media (max-width: 760px) {
    .pc-publisher-certification-page .demander-certification-tip,
    .pc-publisher-certification-page .review-tips {
        margin-right: 18px;
        margin-left: 18px;
    }
}

@media (max-width: 760px) {
    .pc-certification-form-page .release-form-header,
    .pc-certification-form-page .pc-certification-section,
    .pc-certification-form-page .pc-certification-actions {
        padding-right: 18px;
        padding-left: 18px;
    }

    .pc-certification-form-page .pc-certification-contact-grid,
    .pc-certification-form-page .pc-certification-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .pc-certification-form-page .pc-certification-avatar-upload .pc-image-upload__preview {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-certification-form-page .pc-certification-avatar-upload .pc-image-upload__image-wrap {
        width: min(176px, calc(100% - 36px));
    }

    .pc-certification-form-page .pc-certification-avatar-upload .pc-image-upload__meta {
        align-items: center;
        padding-top: 0;
    }

    .pc-certification-form-page .pc-certification-actions .relese-new-top-left,
    .pc-certification-form-page .pc-certification-actions .btn-submit {
        width: 100%;
        margin-left: 0;
    }
}

/* 公司、个人报名资料页共用同一套信息与编辑布局。 */
.pc-service-document-page .pc-document-panel {
    overflow: hidden;
}

.pc-service-document-page .pc-document-content .member-list {
    height: auto;
    max-height: none;
    gap: 0;
    padding: 0 32px;
    overflow: visible;
}

.pc-service-document-page .require-form-section {
    padding: 26px 0 28px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-document-page .require-form-section:last-child {
    border-bottom: 0;
}

.pc-service-document-page .require-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    color: #202733;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.pc-service-document-page .require-section-title::before {
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: #0095ff;
    content: "";
}

.pc-service-document-page .require-user-info {
    align-items: center;
    gap: 16px;
    min-height: 74px;
    padding: 14px 18px;
    border-top: 1px solid #edf0f3;
    border-bottom: 1px solid #edf0f3;
    background: #fafbfc;
}

.pc-service-document-page .require-user-avatar,
.pc-service-document-page .require-user-avatar img {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
}

.pc-service-document-page .require-user-avatar img {
    border: 1px solid #e2e7eb;
    border-radius: 50%;
    object-fit: cover;
}

.pc-service-document-page .require-user-details {
    min-width: 0;
    justify-content: center;
    gap: 5px;
}

.pc-service-document-page .require-user-details-1 {
    flex-wrap: wrap;
    gap: 8px 12px;
}

.pc-service-document-page .require-user-name {
    overflow: hidden;
    color: #202733;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-service-document-page .require-user-details-2 {
    color: #7b8492;
    font-size: 12px;
    line-height: 20px;
}

.pc-service-document-page .homepage_header_title {
    flex-wrap: wrap;
    gap: 6px;
}

.pc-service-document-page .homepage_header_title span {
    min-height: 22px;
    padding: 1px 7px;
    border-radius: 3px;
    box-sizing: border-box;
}

.pc-service-document-page .require-contact-info {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 18px 20px;
    border-top: 1px solid #edf0f3;
    border-bottom: 1px solid #edf0f3;
    border-radius: 0;
    background: #fafbfc;
}

.pc-service-document-page .require-contact-item {
    min-width: 0;
    gap: 4px;
    padding: 0 16px;
    border-right: 1px solid #e5e9ed;
}

.pc-service-document-page .require-contact-item:first-child {
    padding-left: 0;
}

.pc-service-document-page .require-contact-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.pc-service-document-page .require-contact-item span:first-child {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

.pc-service-document-page .require-contact-item span:last-child {
    overflow-wrap: anywhere;
    color: #303846;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.pc-service-document-page .require-form-group {
    margin-bottom: 26px;
}

.pc-service-document-page .require-form-group:last-child {
    margin-bottom: 0;
}

.pc-service-document-page .require-form-label {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-bottom: 10px;
    color: #303846;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-document-page .require-form-label.required::before {
    order: -1;
    margin: 0 4px 0 0;
}

.pc-service-document-page .require-form-label span {
    color: #303846;
    font-weight: 600;
}

.pc-service-document-page .require-form-label .hint {
    color: #8a929e;
    font-size: 12px;
    font-weight: 400;
}

.pc-service-document-page .require-form-label .hint a {
    color: #0095ff;
    text-decoration: none;
}

.pc-service-document-page .require-form-label .hint a:hover {
    text-decoration: underline;
}

.pc-service-document-page .require-form-group textarea.form-control {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #dce2e8;
    border-radius: 4px;
    box-sizing: border-box;
    color: #303846;
    font-size: 14px;
    line-height: 24px;
    resize: vertical;
}

.pc-service-document-page .require-form-group textarea.form-control:focus {
    border-color: #0095ff;
    box-shadow: 0 0 0 3px rgba(22, 138, 208, .1);
    outline: 0;
}

.pc-pdf-upload .upload-area {
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    max-width: 480px;
    height: 84px;
    padding: 0 20px;
    border: 1px dashed #cbd6df;
    background: #fafbfc;
    box-sizing: border-box;
    color: #0095FF;
    transition: border-color 160ms ease, background 160ms ease;
}

.pc-pdf-upload .upload-area:hover,
.pc-pdf-upload .upload-area:focus-visible {
    border-color: #0095FF;
    background: #f4f9fc;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .1);
}

.pc-pdf-upload .upload-area > i {
    font-size: 24px;
}

.pc-pdf-upload .upload-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.pc-pdf-upload .upload-text strong {
    color: #303846;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.pc-pdf-upload .upload-text span {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

.pc-pdf-upload .file-info {
    width: 100%;
    max-width: 480px;
    height: 72px;
    gap: 12px;
    padding: 10px 48px 10px 14px;
    border: 1px solid #e1e6eb;
    background: #fafbfc;
    box-sizing: border-box;
}

.pc-pdf-upload .file-info-1 {
    min-width: 0;
    flex: 1;
    color: inherit;
    text-decoration: none;
}

.pc-pdf-upload .file-info-1 > img {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

.pc-pdf-upload .file-info-2 {
    min-width: 0;
}

.pc-pdf-upload .file-info-1 .file-name {
    max-width: 330px;
    overflow: hidden;
    color: #303846;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-pdf-upload .delete-pdf {
    position: absolute;
    top: 50%;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #7b8492;
    transform: translateY(-50%);
}

.pc-pdf-upload .delete-pdf:hover {
    background: #eef2f5;
    color: #303846;
}

.pc-service-document-page .require-project-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pc-service-document-page .require-project-list > a {
    display: block;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.pc-service-document-page .require-project-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 128px;
    justify-content: initial;
    gap: 14px;
    height: 94px;
    padding: 11px 12px 11px 16px;
    border: 1px solid #e2e7eb;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.pc-service-document-page .require-project-list > a:hover .require-project-item {
    border-color: #bcd5e4;
    box-shadow: 0 5px 14px rgba(25, 67, 96, .06);
}

.pc-service-document-page .require-project-info {
    min-width: 0;
    justify-content: center;
    gap: 5px;
}

.pc-service-document-page .require-project-info p {
    width: auto;
    margin: 0;
    color: #303846;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

.pc-service-document-page .require-project-info span {
    overflow: hidden;
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-service-document-page .require-project-img img {
    width: 128px;
    height: 70px;
    border-radius: 4px;
    object-fit: cover;
}

.pc-service-document-page .add-project {
    display: flex;
    min-height: 94px;
    gap: 8px;
    border: 1px dashed #bfd1dc;
    background: #fafbfc;
    box-sizing: border-box;
    color: #0095ff;
    font-size: 13px;
    transition: border-color 160ms ease, background 160ms ease;
}

.pc-service-document-page .add-project:hover,
.pc-service-document-page .add-project:focus-visible {
    border-color: #0095ff;
    background: #f4f9fc;
    outline: 0;
}

.pc-service-document-page .require-project-main > .add-project:only-child {
    grid-column: 1 / -1;
}

.pc-service-document-page .pc-document-actions.form-card {
    display: flex;
    justify-content: flex-end;
    padding: 20px 32px;
    border-top: 1px solid #edf0f3;
    border-bottom: 0;
    background: #fafbfc;
}

.pc-service-document-page .pc-document-actions .relese-sub {
    justify-content: flex-end;
}

.pc-service-document-page .pc-document-actions .btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.pc-service-document-page .pc-document-actions .btn-submit:disabled {
    opacity: .6;
    cursor: wait;
}

@media (max-width: 1100px) {
    .pc-service-document-page .require-contact-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 0;
    }

    .pc-service-document-page .require-contact-item:nth-child(2) {
        padding-right: 0;
        border-right: 0;
    }

    .pc-service-document-page .require-contact-item:nth-child(3) {
        padding-left: 0;
    }
}

@media (max-width: 820px) {
    .pc-service-document-page .release-form-header,
    .pc-service-document-page .pc-document-actions.form-card {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pc-service-document-page .pc-document-content .member-list {
        padding: 0 20px;
    }

    .pc-service-document-page .require-project-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-service-document-page .require-project-main > .add-project:only-child {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .pc-service-document-page .require-contact-info {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .pc-service-document-page .require-contact-item,
    .pc-service-document-page .require-contact-item:nth-child(3) {
        padding: 0 0 14px;
        border-right: 0;
        border-bottom: 1px solid #e5e9ed;
    }

    .pc-service-document-page .require-contact-item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .pc-service-document-page .require-project-item {
        grid-template-columns: minmax(0, 1fr) 112px;
    }

    .pc-service-document-page .require-project-img img {
        width: 112px;
        height: 62px;
    }

    .pc-service-document-page .pc-document-actions .relese-sub,
    .pc-service-document-page .pc-document-actions .btn-submit {
        width: 100%;
    }
}

/* 认证套餐与认证状态。 */
.pc-service-certify-page:not(.pc-service-form-page) .demand-user-identity-content {
    min-height: 96px;
    padding: 18px 20px;
    border: 1px solid #edf0f3;
    border-radius: 6px;
    background: #fafbfc;
}

.pc-service-certify-page:not(.pc-service-form-page) .demand-user-identity-content .company-logo {
    width: 64px;
    height: 64px;
    border: 1px solid #e3e7eb;
    border-radius: 4px;
    object-fit: cover;
}

.pc-service-certify-page .company-auth,
.pc-service-certify-page .company-auth-no,
.pc-service-certify-page .person-auth {
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
}

.pc-service-certify-page .myC_payment_container {
    margin-top: 20px;
    padding: 22px;
    border: 1px solid #edf0f3;
    border-radius: 6px;
    background: #fff;
}

.pc-service-certify-page .myC_payment_info_wrapper {
    padding-bottom: 18px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-certify-page .myC_payment_amount {
    gap: 8px;
}

.pc-service-certify-page .myC_payment_amount_title,
.pc-service-certify-page .myC_payment_info p,
.pc-service-certify-page .myC_payment_equity_title {
    color: #303846;
    font-size: 16px;
    font-weight: 600;
}

.pc-service-certify-page .myC_amount_detail {
    padding: 15px 16px;
    border: 1px solid #edf0f3;
    border-radius: 4px;
    background: #fafbfc;
}

.pc-service-certify-page .myC_method_item {
    padding: 18px;
    border: 1px solid #e2e8ee;
    border-radius: 6px;
    background: #fafbfc;
}

.pc-service-certify-page .myC_method_item .payBtn {
    min-width: 86px;
    padding: 9px 16px;
    border-radius: 4px;
    background: #0095ff;
    font-size: 13px;
}

.pc-service-certify-page .myC_payment_equity_content {
    gap: 12px;
}

.pc-service-certify-page .myC_payment_equity_content > div {
    min-height: 118px;
    padding: 16px;
    border: 1px solid #edf0f3;
    border-radius: 6px;
    background: #fafbfc;
}

.pc-service-certify-page .company-tan-success {
    min-height: 300px;
    margin-top: 20px;
    padding: 48px 32px;
    border: 1px dashed #dce2e8;
    border-radius: 6px;
    background: #fafbfc;
}

/* 公司、个人认证展示页使用统一的状态与权益布局。 */
.pc-service-certify-show-page .pc-certify-show-heading {
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-certify-show-page .pc-certify-show-heading h1 {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-service-certify-show-page .pc-certify-identity {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 102px;
    margin-bottom: 0;
    padding: 18px 20px;
}

.pc-service-certify-show-page .company-info-container {
    min-width: 0;
    gap: 5px;
}

.pc-service-certify-show-page .company-basic-info {
    min-width: 0;
    flex-wrap: wrap;
    gap: 7px 10px;
}

.pc-service-certify-show-page .company-basic-info p:first-child {
    max-width: 420px;
    margin: 0;
    overflow: hidden;
    color: #202733;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-service-certify-show-page .company-basic-info span {
    min-height: 23px;
    padding: 1px 7px;
    border-radius: 3px;
    box-sizing: border-box;
}

.pc-service-certify-show-page .company-license-name {
    overflow-wrap: anywhere;
    color: #7b8492;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-certify-show-page .pc-certify-identity-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.pc-service-certify-show-page .pc-certify-identity-actions .monet-style,
.pc-service-certify-show-page .pc-certify-identity-actions .change-style-p,
.pc-service-certify-show-page .pc-certify-identity-actions .myC_payment_edit,
.pc-service-certify-show-page .pc-certify-identity-actions .myC_payment_again {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    height: 36px;
    margin: 0;
    padding: 0 14px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    text-decoration: none;
    white-space: nowrap;
}

.pc-service-certify-show-page .pc-certify-identity-actions .monet-style {
    /* border: 1px solid #e4c36c; */
    background: #ffe7a8;
    color: #6b2300;
}

.pc-service-certify-show-page .pc-certify-identity-actions .monet-style:hover {
    border-color: #d9b44f;
    background: #ffdc82;
    color: #6b2300;
}

.pc-service-certify-show-page .pc-certify-identity-actions .change-style-p,
.pc-service-certify-show-page .pc-certify-identity-actions .myC_payment_edit {
    border: 1px solid #0095ff;
    background: #fff;
    color: #0095ff;
}

.pc-service-certify-show-page .pc-certify-identity-actions button.change-style-p {
    cursor: pointer;
}

.pc-service-certify-show-page .pc-certify-identity-actions .change-style-p:hover,
.pc-service-certify-show-page .pc-certify-identity-actions .myC_payment_edit:hover {
    border-color: #0095ff;
    background: #f4f9fc;
}

.pc-service-certify-show-page .pc-certify-identity-actions .myC_payment_again {
    border: 1px solid #e0c5c5;
    background: #fff;
    color: #a64848;
    cursor: pointer;
}

.pc-service-certify-show-page .company-auth-status {
    position: static;
    margin: 0;
    color: #8a6a26;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-certify-show-page .pc-certify-detail {
    margin-top: 22px;
    padding: 22px 0 0;
    border: 0;
    border-top: 1px solid #edf0f3;
    border-radius: 0;
    background: transparent;
}

.pc-service-certify-show-page .pc-certify-success-note {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 14px;
    border-top: 1px solid #d8ebe3;
    border-bottom: 1px solid #d8ebe3;
    background: #f5faf8;
    box-sizing: border-box;
}

.pc-service-certify-show-page .pc-certify-success-note > i {
    flex: 0 0 auto;
    color: #2e8b68;
    font-size: 20px;
}

.pc-service-certify-show-page .pc-certify-success-note span {
    color: #49675b;
    font-size: 13px;
    line-height: 22px;
}

.pc-service-certify-show-page .pc-certify-benefits {
    gap: 14px;
}

.pc-service-certify-show-page .pc-certify-benefits .myC_payment_equity_title {
    margin: 0;
    color: #303846;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.pc-service-certify-show-page .myC_payment_equity_content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pc-service-certify-show-page .myC_payment_equity_content > div {
    min-width: 0;
    min-height: 122px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid #e2e7eb;
    border-radius: 6px;
    background: #fafbfc;
    box-sizing: border-box;
}

.pc-service-certify-show-page .myC_payment_equity_content > div p {
    max-width: calc(100% - 34px);
    margin: 0 0 8px;
    color: #303846;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

.pc-service-certify-show-page .myC_payment_equity_content > div span {
    color: #7b8492;
    font-size: 12px;
    line-height: 20px;
}

.pc-service-certify-show-page .myC_payment_equity_content > div img {
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.pc-service-certify-show-page .pc-certify-detail--payment {
    gap: 22px;
}

.pc-service-certify-show-page .myC_payment_info_wrapper {
    gap: 16px;
}

.pc-service-certify-show-page .myC_payment_info {
    min-width: 0;
    flex-wrap: wrap;
}

.pc-service-certify-show-page .myC_payment_info p,
.pc-service-certify-show-page .myC_payment_amount_title {
    margin: 0;
}

.pc-service-certify-show-page .myC_payment_info_wrapper .myC_payment_edit,
.pc-service-certify-show-page .pc-certify-result .myC_payment_edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    height: 36px;
    padding: 0 14px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #fff;
    color: #0095ff;
    box-sizing: border-box;
    font-size: 13px;
    text-decoration: none;
}

.pc-service-certify-show-page .myC_amount_detail {
    align-items: center;
    border-radius: 0;
}

.pc-service-certify-show-page .myC_amount_detail p {
    margin: 0;
    color: #303846;
    font-size: 15px;
}

.pc-service-certify-show-page .myC_amount_detail span {
    font-size: 13px;
}

.pc-service-certify-show-page .myC_amount_detail span normal {
    color: #0095ff;
    font-size: 20px;
}

.pc-service-certify-show-page .myC_method_detail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pc-service-certify-show-page .myC_method_item {
    min-width: 0;
    min-height: 76px;
    padding: 15px 16px;
    border-radius: 4px;
}

.pc-service-certify-show-page .myC_method_item_img {
    min-width: 0;
    gap: 12px;
}

.pc-service-certify-show-page .myC_method_item_img img {
    width: 34px;
    height: 34px;
}

.pc-service-certify-show-page .myC_method_item_img p {
    margin: 0;
    color: #303846;
    font-size: 14px;
}

.pc-service-certify-show-page .myC_method_item .payBtn {
    min-width: 82px;
    height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 4px;
    font-size: 13px;
}

.pc-service-certify-show-page .myC_payment_status {
    display: none;
}

.pc-service-certify-show-page .pc-certify-result {
    display: flex;
    min-height: 260px;
    gap: 12px;
    margin-top: 22px;
    padding: 40px 28px;
}

.pc-service-certify-show-page .pc-certify-result > img {
    width: 76px;
    height: 76px;
    margin-bottom: 4px;
    object-fit: contain;
}

.pc-service-certify-show-page .pc-certify-result p {
    margin: 0;
    color: #303846;
    font-size: 16px;
    line-height: 24px;
}

.pc-service-certify-show-page .pc-certify-result span {
    color: #7b8492;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-certify-show-page .pc-certify-result--pending {
    border-color: #ccdee9;
    background: #f7fbfd;
}

.pc-service-certify-show-page .pc-certify-result--rejected {
    border-color: #e7cece;
    background: #fffafa;
}

body.pc-certify-modal-open {
    overflow: hidden;
}

.pc-certify-modal {
    width: min(460px, calc(100vw - 32px));
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e2e7eb;
    border-radius: 6px;
    box-shadow: 0 18px 48px rgba(20, 36, 52, .2);
}

.pc-certify-modal .general-modal-title {
    min-height: 56px;
    padding: 0 20px;
    border-bottom: 1px solid #edf0f3;
    background: #fff;
    color: #202733;
    font-size: 17px;
}

.pc-certify-modal .general-modal-title p {
    margin: 0;
}

.pc-certify-modal .pc-certify-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #7b8492;
    cursor: pointer;
}

.pc-certify-modal .pc-certify-modal-close:hover {
    background: #f1f3f5;
    color: #303846;
}

.pc-certify-modal .pc-certify-modal-close:focus-visible {
    outline: 2px solid rgba(0, 149, 255, .35);
    outline-offset: 1px;
}

.pc-certify-modal .member-list {
    height: auto;
    max-height: 60vh;
    gap: 10px;
    padding: 22px 20px;
    overflow-y: auto;
    background: #fff;
    color: #303846;
    line-height: 22px;
}

.pc-certify-modal .member-list p,
.pc-certify-modal .member-list span {
    margin: 0;
}

.pc-certify-modal .pc-certify-modal-lead {
    color: #303846;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
}

.pc-certify-modal .member-list .general-span {
    display: block;
    padding: 9px 12px;
    border-radius: 4px;
    background: #f3f9fd;
    color: #587080;
    font-size: 12px;
    line-height: 20px;
}

.pc-certify-modal .member-list .general-normal {
    padding: 10px 12px;
    border-left: 3px solid #d29345;
    background: #fff9f0;
    color: #8a5a22;
    font-size: 12px;
    line-height: 20px;
}

.pc-certify-modal .general-modal-footer {
    padding: 14px 20px;
    border-top: 1px solid #edf0f3;
    background: #fafbfc;
}

.pc-certify-modal .identity_button {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}

.pc-certify-modal .identity_button button,
.pc-certify-modal .pc-certify-modal-primary,
.pc-certify-modal .general-modal-footer > .btn-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
    text-decoration: none;
}

.pc-certify-modal .identity_button .changeBack,
.pc-certify-modal .general-modal-footer > .btn-white {
    border: 1px solid #cfd6de !important;
    background: #fff !important;
    color: #4f5967 !important;
}

.pc-certify-modal .resetCompanyCertify,
.pc-certify-modal .pc-certify-modal-primary {
    border: 1px solid #0095FF;
    background: #0095FF;
    color: #fff;
}

.pc-certify-modal .resetCompanyCertify:hover,
.pc-certify-modal .pc-certify-modal-primary:hover {
    border-color: #007fd9;
    background: #007fd9;
    color: #fff;
}

.pc-certify-modal .pc-certify-modal-danger {
    border: 1px solid #e5484d;
    background: #e5484d;
    color: #fff;
}

.pc-certify-modal .pc-certify-modal-danger:hover {
    border-color: #cf3f44;
    background: #cf3f44;
    color: #fff;
}

.pc-certify-modal .identity_button button:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.pc-certify-modal .identity_button button:focus-visible,
.pc-certify-modal .pc-certify-modal-primary:focus-visible,
.pc-certify-modal .general-modal-footer > .btn-white:focus-visible {
    outline: 2px solid rgba(0, 149, 255, .28);
    outline-offset: 2px;
}

.pc-certify-company-match-modal .member-list {
    min-height: 92px;
    justify-content: center;
}

.pc-certify-success-modal .member-list {
    padding: 30px 24px;
}

/* 手动修改营业执照全称弹窗，沿用认证弹窗的统一层级和交互状态。 */
.pc-certify-company-name-modal {
    width: min(520px, calc(100vw - 32px));
}

.pc-certify-company-name-modal .member-list {
    min-height: 0;
    padding: 22px 24px 24px;
}

.pc-certify-company-name-modal .pc-certify-modal-lead {
    color: #4f5967;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

.pc-certify-company-name-modal .pc-certify-field-label {
    margin-top: 4px;
    color: #303846;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.pc-certify-company-name-modal .pc-certify-company-name-input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #cfd8e1;
    border-radius: 4px;
    box-sizing: border-box;
    color: #202733;
    font-size: 14px;
    line-height: 40px;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.pc-certify-company-name-modal .pc-certify-company-name-input::placeholder {
    color: #a0a8b3;
}

.pc-certify-company-name-modal .pc-certify-company-name-input:focus {
    border-color: #168ad0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(22, 138, 208, .1);
}

.pc-certify-company-name-modal .member-list > .general-span {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

.pc-certify-company-name-modal .general-modal-footer {
    padding: 14px 24px;
}

.pc-certify-company-name-modal .identity_button {
    gap: 10px;
}

.pc-certify-company-name-modal .identity_button button {
    min-width: 88px;
}

@media (max-width: 1100px) {
    .pc-service-certify-show-page .pc-certify-identity {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .pc-service-certify-show-page .pc-certify-identity-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .pc-service-certify-show-page .myC_payment_equity_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .pc-service-certify-show-page .pc-certify-identity {
        grid-template-columns: 56px minmax(0, 1fr);
        padding: 16px;
    }

    .pc-service-certify-show-page .pc-certify-identity .company-logo {
        width: 56px;
        height: 56px;
    }

    .pc-service-certify-show-page .myC_method_detail,
    .pc-service-certify-show-page .pc-certify-benefits .myC_payment_equity_content {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-service-certify-show-page .myC_payment_info_wrapper,
    .pc-service-certify-show-page .myC_amount_detail {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .pc-service-certify-show-page .pc-certify-identity-actions > * {
        flex: 1 1 auto;
    }

    .pc-certify-modal .identity_button {
        flex-direction: column-reverse;
    }

    .pc-certify-modal .identity_button button,
    .pc-certify-modal .pc-certify-modal-primary {
        width: 100%;
    }
}

.pc-service-plan-page .demand-user-identity {
    margin: 6px 0 0;
    color: #687180;
    font-size: 13px;
    line-height: 22px;
}

.pc-service-plan-page .certification-content {
    margin-bottom: 32px;
}

.pc-service-plan-page .certification-content-item-container {
    gap: 16px;
}

.pc-service-plan-page .certification-content-item {
    height: auto;
    min-height: 490px;
    padding: 22px;
    border: 1px solid #e1e7ed;
    border-radius: 6px;
    background: #fafbfc;
}

.pc-service-plan-page .certification-content-item:last-child {
    border-color: #b7d9ec;
    background: #f7fbfd;
}

.pc-service-plan-page .certification-content-item-title {
    color: #303846;
    font-size: 17px;
    font-weight: 600;
}

.pc-service-plan-page .certification-content-item-price {
    color: #202733;
    font-size: 28px;
}

.pc-service-plan-page .certification-content-item-btn,
.pc-service-plan-page .certification-content-item-btn1 {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 4px;
    font-size: 14px;
}

.pc-service-plan-page .certification-content-item-btn {
    border-color: #0095ff;
    background: #fff;
    color: #0095ff;
}

.pc-service-plan-page .certification-content-item-btn1 {
    border-color: #0095ff;
    background: #0095ff;
}

.pc-service-plan-page .certification-content-item-extra,
.pc-service-plan-page .certification-content-item-right-extra {
    border: 1px solid #e8ebef;
    border-radius: 4px;
    background: #fff;
}

.pc-service-plan-page .certification-content-item-extra {
    gap: 18px;
    padding: 20px;
}

.pc-service-plan-page .certification-content-item-right-extra {
    padding: 14px;
}

.pc-service-plan-page .certificationImg {
    border-radius: 6px 6px 6px 0;
}

/* 支付订单表格。 */
.pc-service-payment-page .sign_div {
    padding: 0;
}

.pc-service-payment-heading {
    padding: 24px 24px 20px;
    border-bottom: 1px solid #e8ebef;
}

.pc-service-payment-heading h1 {
    margin: 0 0 5px;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-service-payment-heading p {
    margin: 0;
    color: #7b8492;
    font-size: 13px;
    line-height: 21px;
}

.pc-service-payment-page .sign_div_item_2 {
    min-height: 58px;
    padding: 0 24px;
    border-bottom: 1px solid #e8ebef;
}

.pc-service-payment-page .demand-record-title-left {
    display: flex;
    align-items: stretch;
    gap: 6px;
    min-height: 58px;
}

.pc-service-payment-page .demand-record-title-left span {
    display: inline-flex;
    align-items: stretch;
    padding: 0;
}

.pc-service-payment-page .demand-record-title-left span a {
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border-bottom: 2px solid transparent;
    color: #5d6876;
    font-size: 14px;
}

.pc-service-payment-page .demand-record-title-left span.active a {
    border-bottom-color: #0095ff;
    color: #0095ff;
    font-weight: 600;
}

.pc-service-payment-page .sign_div > div:last-child {
    margin-top: 0 !important;
    padding: 24px;
}

.pc-service-page .fee-table {
    border: 1px solid #e5e9ee;
    border-radius: 4px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    color: #4f5967;
    font-size: 13px;
}

.pc-service-page .fee-table th,
.pc-service-page .fee-table td {
    padding: 13px 14px;
    border: 0;
    border-right: 1px solid #edf0f3;
    border-bottom: 1px solid #edf0f3;
}

.pc-service-page .fee-table th:last-child,
.pc-service-page .fee-table td:last-child {
    border-right: 0;
}

.pc-service-page .fee-table tr:last-child td {
    border-bottom: 0;
}

.pc-service-page .fee-table th {
    background: #f6f8fa;
    color: #4f5967;
    font-size: 12px;
    font-weight: 600;
}

.pc-service-page .fee-table tbody tr:hover td {
    background: #fafcfd;
}

@media (max-width: 1180px) {
    .pc-service-overview .demand-demand-item,
    .pc-service-certify-page .myC_payment_equity_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pc-service-project-list .project_content {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    .pc-service-page .demand-welcome-section {
        padding: 22px;
    }

    .pc-service-project-list .project_search {
        align-items: stretch;
        flex-direction: column;
    }

    .pc-service-project-list .project_search_box {
        width: 100%;
        max-width: none;
        flex: none;
    }

    .pc-service-management-page .management-left {
        width: 144px;
        flex-basis: 144px;
    }

    .pc-homepage-profile-page .pc-homepage-content-header,
    .pc-homepage-profile-page .pc-homepage-summary,
    .pc-homepage-profile-page .pc-homepage-section {
        padding-right: 22px;
        padding-left: 22px;
    }

    .pc-homepage-profile-page .pc-homepage-info-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-homepage-profile-page .pc-homepage-info-item.is-wide {
        grid-column: auto;
    }

    .pc-service-form-page .layui-inline,
    .pc-service-plan-page .certification-content-item-container,
    .pc-service-certify-page .myC_method_detail {
        flex-direction: column;
    }

    .pc-service-plan-page .certification-content-item-container > .certification-content-item {
        width: 100%;
    }
}

/* 公司、个人报名记录共用同一套紧凑列表。 */
.pc-service-order-list .demand-welcome-section {
    padding: 28px;
}

.registration-record {
    width: 100%;
    letter-spacing: 0;
}

.registration-record__header {
    display: flex;
    align-items: center;
    min-height: 40px;
    margin-bottom: 24px;
}

.registration-record__header h1 {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.registration-record__toolbar {
    margin-bottom: 20px;
    overflow-x: auto;
}

.registration-record__tabs {
    display: flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    gap: 4px;
    padding: 4px;
    border-radius: 6px;
    background: #f4f6f8;
}

.registration-record__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 36px;
    flex: 0 0 auto;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #5d6876;
    font-size: 13px;
    cursor: pointer;
}

.registration-record__tab:hover,
.registration-record__tab.is-active {
    background: #fff;
    color: #0095ff;
}

.registration-record__tab.is-active {
    box-shadow: 0 1px 4px rgba(25, 67, 96, .1);
    font-weight: 600;
}

.registration-record__tab:disabled {
    opacity: .65;
    cursor: wait;
}

.registration-record__content {
    position: relative;
    min-height: 180px;
}

.registration-record__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.registration-record__item-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.registration-record__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 34%) 112px;
    grid-template-areas:
        "meta meta meta"
        "title footer action";
    align-items: center;
    gap: 10px 20px;
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid #e9edf1;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.registration-record__item-link:hover .registration-record__item {
    border-color: #cbdde9;
    box-shadow: 0 8px 20px rgba(25, 67, 96, .07);
    transform: translateY(-1px);
}

.registration-record__meta,
.registration-record__badges,
.registration-record__meta-right,
.registration-record__item-footer,
.registration-record__amount,
.registration-record__tags {
    display: flex;
    align-items: center;
}

.registration-record__meta {
    grid-area: meta;
    justify-content: flex-start;
    gap: 12px 18px;
}

.registration-record__badges {
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px;
}

.registration-record__badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px !important;
    border-radius: 3px !important;
    box-sizing: border-box;
    font-weight: 600 !important;
    line-height: 24px;
    white-space: nowrap;
}

.registration-record__badge--private {
    background: #f0f2f4;
    color: #687180;
    font-size: 12px;
}

.registration-record__meta-right {
    flex: 0 0 auto;
    gap: 8px;
}

.registration-record__time {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

.registration-record__new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 20px;
    padding: 0 6px;
    border-radius: 3px;
    background: #fff0e7;
    color: #c85d1a;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
}

.registration-record__item-title {
    grid-area: title;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #202733;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registration-record__item-footer {
    grid-area: footer;
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.registration-record__amount {
    min-width: 0;
    flex: 0 1 auto;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    line-height: 22px;
}

.registration-record__amount span {
    color: #8a929e;
    font-size: 13px;
}

.registration-record__amount strong {
    color: #303846;
    font-size: 15px;
    font-weight: 600;
}

.registration-record__tags {
    min-width: 0;
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
}

.registration-record__action {
    grid-area: action;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 112px;
    min-height: 36px;
    margin-left: 0;
    padding: 0 12px;
    border: 1px solid #c9dfea;
    border-radius: 4px;
    background: #fff;
    color: #0095ff;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
}

.registration-record__item-link:hover .registration-record__action {
    border-color: #0095ff;
    background: #f1f8fc;
}

.registration-record__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 1px 7px;
    border: 1px solid #e2e7eb;
    border-radius: 3px;
    background: #f7f9fa;
    color: #687180;
    font-size: 11px;
    line-height: 18px;
}

.registration-record__state {
    display: flex;
    min-height: 260px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 50px 20px;
    border: 1px dashed #d9e0e6;
    border-radius: 6px;
    background: #fafbfc;
    box-sizing: border-box;
    color: #7b8492;
}

.registration-record__state[hidden],
.registration-record__list[hidden],
.registration-record__loading[hidden],
.registration-record__more[hidden] {
    display: none;
}

.registration-record__state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e9f4fb;
    color: #0095ff;
    font-size: 22px;
}

.registration-record__state-icon.is-error {
    background: #fff0f0;
    color: #b83c3c;
}

.registration-record__state-title {
    margin: 0;
    color: #303846;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}

.registration-record__state-action,
.registration-record__more {
    min-height: 36px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #fff;
    color: #0095ff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.registration-record__state-action {
    min-width: 104px;
    padding: 0 18px;
    background: #0095ff;
    color: #fff;
}

.registration-record__state-action:hover {
    border-color: #0095ff;
    background: #0095ff;
}

.registration-record__more:hover {
    background: #f1f8fc;
}

.registration-record__loading {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 180px;
    background: rgba(255, 255, 255, .88);
    color: #7b8492;
    font-size: 13px;
}

.registration-record__more {
    display: block;
    width: 176px;
    height: 40px;
    margin: 20px auto 0;
}

.registration-record__more:disabled {
    opacity: .65;
    cursor: wait;
}

.registration-record__tab:focus-visible,
.registration-record__state-action:focus-visible,
.registration-record__more:focus-visible,
.registration-record__item-link:focus-visible,
.registration-record__action:focus-visible {
    outline: 2px solid #0095ff;
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .registration-record__item {
        grid-template-columns: minmax(0, 1fr) 112px;
        grid-template-areas:
            "meta meta"
            "title action"
            "footer action";
        gap: 8px 18px;
    }

    .registration-record__item-footer {
        gap: 6px 12px;
    }
}

@media (max-width: 820px) {
    .pc-service-order-list .demand-welcome-section {
        padding: 20px;
    }

    .registration-record__header {
        min-height: 34px;
    }

    .registration-record__toolbar {
        overflow-x: auto;
    }

    .registration-record__tabs {
        min-width: max-content;
    }

    .registration-record__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .registration-record__meta-right {
        width: 100%;
        justify-content: space-between;
    }

    .registration-record__more {
        margin-top: 20px;
    }

    .registration-record__item-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .registration-record__item {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "meta"
            "title"
            "footer"
            "action";
        gap: 10px;
    }

    .registration-record__item-title {
        overflow: visible;
        font-size: 16px;
        white-space: normal;
        word-break: break-word;
    }

    .registration-record__tags {
        justify-content: flex-start;
    }

    .registration-record__action {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .registration-record__header h1 {
        font-size: 20px;
    }

    .registration-record__item {
        padding: 16px;
    }
}

/* 服务方报名详情页，统一需求摘要、建联状态与报名资料的视觉层级。 */
.pc-service-order-detail,
.pc-service-order-detail * {
    box-sizing: border-box;
}

.pc-service-order-detail__main {
    overflow: visible !important;
}

.pc-service-order-detail .demand-user-right {
    gap: 16px;
}

.pc-service-order-detail .pc-order-detail-card {
    width: 100%;
    padding: 28px 32px;
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
}

.pc-order-detail-summary {
    position: relative;
}

.pc-order-detail-summary::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /* height: 3px; */
    background: #0095ff;
    content: '';
}

.pc-service-order-detail .pc-order-detail-summary__body {
    align-items: stretch;
    gap: 18px;
}

.pc-service-order-detail .pc-order-detail-statusbar {
    width: 100%;
    min-height: 24px;
    gap: 10px;
}

.pc-service-order-detail .pc-order-detail-statusbar time {
    /* margin-left: auto; */
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

.pc-service-order-detail .pc-order-detail-badge {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 9px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 24px;
}

.pc-service-order-detail .pc-order-detail-title {
    min-width: 0;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-service-order-detail .pc-order-detail-title a {
    /* display: block; */
    overflow: hidden;
    color: #202733;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-service-order-detail .pc-order-detail-title a:hover {
    color: #0095ff;
}

.pc-service-order-detail .pc-order-detail-amount {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    color: #8a929e;
    font-size: 13px;
}

.pc-service-order-detail .pc-order-detail-amount strong {
    color: #303846;
    font-size: 18px;
    font-weight: 600;
}

.pc-service-order-detail .pc-order-detail-meta-grid,
.pc-service-order-detail .pc-order-detail-document-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 24px;
    padding: 18px 20px;
    border: 1px solid #edf0f3;
    border-radius: 6px;
    background: #f8f9fb;
}

.pc-service-order-detail .pc-order-detail-meta-grid > div,
.pc-service-order-detail .pc-order-detail-document-grid > div {
    width: auto;
    min-width: 0;
    gap: 6px;
}

.pc-service-order-detail .pc-order-detail-meta-grid p,
.pc-service-order-detail .pc-order-detail-document-grid p {
    margin: 0;
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

.pc-service-order-detail .pc-order-detail-meta-grid span,
.pc-service-order-detail .pc-order-detail-document-grid span {
    overflow-wrap: anywhere;
    color: #303846;
    font-size: 14px;
    line-height: 22px;
}

.pc-service-order-detail .pc-order-detail-party {
    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_title {
    min-height: 42px;
    padding-right: 58px;
    color: #202733;
    font-size: 17px;
    line-height: 26px;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_title img {
    max-width: 76px;
    max-height: 24px;
    object-fit: contain;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_img {
    top: 18px;
    right: 20px;
    width: 42px;
    height: 42px;
    border: 1px solid #e3e8ed;
    object-fit: cover;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 24px;
    margin-top: 16px;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_content > div {
    min-width: 0;
    gap: 5px;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_content p {
    margin: 0;
    color: #8a929e;
    font-size: 12px;
}

.pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_content span {
    overflow-wrap: anywhere;
    color: #303846;
    font-size: 14px;
    line-height: 22px;
}

.pc-service-order-detail .pc-order-detail-callout {
    position: relative;
    width: 100%;
    min-height: 84px;
    padding: 18px 20px;
    overflow: hidden;
    gap: 24px;
    border: 1px solid #f0e1b1;
    border-radius: 6px;
    background: linear-gradient(90deg, #fff8dd 0%, #fffdf7 70%, #fff 100%);
    box-shadow: inset 3px 0 0 #dfb85d, 0 4px 12px rgba(93, 61, 31, .04);
}

.pc-service-order-detail .pc-order-detail-callout .regis_record_detail-2_title {
    margin: 0;
    color: #7c3612;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
}

.pc-service-order-detail .pc-order-detail-callout .regis_record_detail-2_box {
    min-width: 0;
    gap: 4px;
}

.pc-service-order-detail .pc-order-detail-callout .regis_record_detail-2_box span {
    color: #687180;
    font-size: 12px;
    line-height: 20px;
}

.pc-service-order-detail .communication_btn,
.pc-service-order-detail .no-communication_btn,
.pc-service-order-detail .btn-white-new,
.pc-service-order-detail .btn-red-new {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 14px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.pc-service-order-detail .communication_btn {
    min-width: 132px;
    min-height: 42px;
    padding: 9px 20px;
    border: 1px solid #e4c568;
    background: #f7e7a9;
    box-shadow: 0 2px 6px rgba(109, 60, 35, .08);
    color: #6d3c23;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pc-service-order-detail .communication_btn:hover {
    border-color: #d9b64e;
    background: #f2dc8c;
    box-shadow: 0 4px 10px rgba(109, 60, 35, .12);
    transform: translateY(-1px);
}

.pc-service-order-detail .communication_btn:active {
    background: #edd47c;
    box-shadow: 0 1px 3px rgba(109, 60, 35, .1);
    transform: translateY(0);
}

.pc-service-order-detail .communication_btn:focus-visible {
    outline: 2px solid rgba(124, 54, 18, .28);
    outline-offset: 2px;
}

.pc-service-order-detail .no-communication_btn {
    border: 1px solid #d9dfe5;
    background: #eef1f3;
    color: #687180;
}

.pc-service-order-detail .communication_btn img,
.pc-service-order-detail .no-communication_btn img,
.pc-service-order-detail .btn-white-new img,
.pc-service-order-detail .btn-red-new img {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.pc-service-order-detail .pc-order-detail-evaluation__body {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
}

.pc-service-order-detail .pc-order-detail-evaluation__header {
    width: 100%;
    gap: 18px;
}

.pc-service-order-detail .regis_record_detail-3_box {
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.pc-service-order-detail .regis_record_detail-3_title,
.pc-service-order-detail .sign_div_item_1_p {
    margin: 0;
    color: #202733;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.pc-service-order-detail .contentDiv {
    width: 100%;
}

.pc-service-order-detail .evaluationContent {
    display: block;
    width: 100%;
    min-height: 112px;
    padding: 12px 14px;
    border: 1px solid #dce2e8;
    border-radius: 4px;
    background: #fafbfc;
    color: #303846;
    font-size: 13px;
    line-height: 22px;
    resize: vertical;
}

.pc-service-order-detail .evaluationContent:focus {
    border-color: #0095ff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(22, 138, 208, .1);
}

.pc-service-order-detail .evaluationBtnDiv {
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.pc-service-order-detail .pc-order-detail-document__header {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.pc-service-order-detail .pc-order-detail-document__titlebar {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pc-service-order-detail .pc-order-detail-document__titlebar .viewOrderInformation {
    min-width: 84px;
    font-weight: 500;
}

.pc-service-order-detail .pc-order-detail-pinned {
    margin-top: 2px;
}

.pc-service-order-detail .regis_record_detail-5 {
    gap: 18px;
}

.pc-service-order-detail .regis_record_detail-6 {
    justify-content: flex-start;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #edf0f3;
}

.pc-service-order-detail .btn-white-new {
    border: 1px solid #c9dfea;
    background: #fff;
    color: #0095ff;
}

.pc-service-order-detail .btn-white-new:hover {
    border-color: #0095ff;
    background: #f1f8fc;
}

.pc-service-order-detail .btn-red-new {
    border: 1px solid #ff0000;
    background: #fff;
    color: #ff0000;
    font-weight: 600;
}

.pc-service-order-detail .btn-red-new:hover {
    border-color: #d78f8f;
    background: #fff5f5;
}

@media (max-width: 980px) {
    .pc-service-order-detail .pc-order-detail-card {
        padding: 24px;
    }

    .pc-service-order-detail .pc-order-detail-meta-grid,
    .pc-service-order-detail .pc-order-detail-document-grid,
    .pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .pc-service-order-detail .pc-order-detail-card {
        padding: 20px;
    }

    .pc-service-order-detail .pc-order-detail-statusbar {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .pc-service-order-detail .pc-order-detail-statusbar time {
        width: 100%;
        margin-left: 0;
    }

    .pc-service-order-detail .pc-order-detail-title {
        font-size: 20px;
        line-height: 30px;
    }

    .pc-service-order-detail .pc-order-detail-title a {
        overflow: visible;
        white-space: normal;
        word-break: break-word;
    }

    .pc-service-order-detail .pc-order-detail-meta-grid,
    .pc-service-order-detail .pc-order-detail-document-grid,
    .pc-service-order-detail .pc-order-detail-party .regis_record_detail-1_content {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-service-order-detail .pc-order-detail-callout,
    .pc-service-order-detail .pc-order-detail-evaluation__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .pc-service-order-detail .pc-order-detail-callout > button,
    .pc-service-order-detail .pc-order-detail-evaluation__header > div:last-child,
    .pc-service-order-detail .pc-order-detail-evaluation__header > div:last-child button {
        width: 100%;
    }

    .pc-service-order-detail .regis_record_detail-6 {
        flex-wrap: wrap;
    }

    .pc-service-order-detail .regis_record_detail-6 button {
        flex: 1 1 120px;
    }

    .pc-service-order-detail .pc-order-detail-document__titlebar {
        align-items: flex-start;
    }
}

/* 报名详情页弹窗打开时锁定外层页面，关闭后由页面脚本恢复滚动位置。 */
html.pc-order-scroll-restoring {
    scroll-behavior: auto !important;
}

body.pc-order-modal-open {
    box-sizing: border-box;
    position: fixed;
    top: var(--pc-order-modal-scroll-top, 0);
    right: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    padding-right: var(--pc-order-modal-scrollbar-width, 0);
}

/* 报名详情操作弹窗，统一沟通、购买道具与置顶提示的结构和交互状态。 */
.pc-order-action-modal {
    width: min(460px, calc(100vw - 32px));
    min-width: 0;
    max-width: 460px;
    max-height: calc(100vh - 32px);
    overflow: hidden;
    border: 1px solid #e4e8ec;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(24, 35, 48, .18);
}

.pc-order-action-modal,
.pc-order-action-modal * {
    box-sizing: border-box;
}

.pc-order-action-modal .pc-order-action-modal__header {
    min-height: 62px;
    padding: 0 22px !important;
    border-bottom: 1px solid #edf0f3 !important;
}

.pc-order-action-modal__header p {
    margin: 0;
    color: #202733;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
}

.pc-order-action-modal__icon-button {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
}

.pc-order-action-modal__icon-button:hover {
    background: #f2f4f6;
}

.pc-order-action-modal__icon-button:focus-visible {
    outline: 2px solid rgba(124, 54, 18, .22);
    outline-offset: 1px;
}

.pc-order-action-modal__icon-button img {
    width: 16px;
    height: 16px;
}

.pc-order-action-modal .pc-order-action-modal__body {
    display: flex;
    height: auto;
    min-height: 122px;
    align-items: flex-start;
    flex-direction: row;
    gap: 14px;
    max-height: calc(100vh - 142px);
    overflow-y: auto;
    padding: 24px 22px;
}

.pc-order-action-modal__status-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0dfaa;
    border-radius: 50%;
    background: #fff7d9;
}

.pc-order-action-modal__status-icon img {
    width: 19px;
    height: 19px;
}

.pc-order-action-modal__status-icon--warning {
    border-color: #f1c8be;
    background: #fff3f0;
    color: #c84732;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.pc-order-action-modal__copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    padding-top: 1px;
}

.pc-order-action-modal__message {
    margin: 0;
    overflow-wrap: anywhere;
    color: #303846;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
}

.pc-order-action-modal__meta {
    align-self: flex-start;
    margin: 0;
    padding: 4px 8px;
    border: 1px solid #f0dfaa;
    border-radius: 4px;
    background: #fff8dd;
    color: #7c4a24;
    font-size: 12px;
    line-height: 18px;
}

.pc-order-action-modal__meta:empty {
    display: none;
}

.pc-order-action-modal .pc-order-action-modal__footer {
    min-height: 68px;
    padding: 14px 22px;
    border-top: 1px solid #edf0f3;
    background: #fff;
}

.pc-order-action-modal__actions {
    width: 100%;
    gap: 10px;
}

.pc-order-action-modal .pc-order-action-modal__button {
    width: 100%;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.pc-order-action-modal .pc-order-action-modal__button--primary {
    border: 1px solid #dfbd5c !important;
    background: #f7e7a9 !important;
    color: #6d3c23 !important;
    box-shadow: 0 2px 6px rgba(109, 60, 35, .08);
}

.pc-order-action-modal .pc-order-action-modal__button--primary:hover {
    border-color: #d3ad3d !important;
    background: #f2dc8c !important;
}

.pc-order-action-modal .pc-order-action-modal__button--secondary {
    border: 1px solid #d8dde3 !important;
    background: #fff !important;
    color: #596270 !important;
    box-shadow: none;
}

.pc-order-action-modal .pc-order-action-modal__button--secondary:hover {
    border-color: #bfc6ce !important;
    background: #f7f8fa !important;
}

.pc-order-action-modal .pc-order-action-modal__button--danger {
    border: 1px solid #c94737 !important;
    background: #d95140 !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(201, 71, 55, .12);
}

.pc-order-action-modal .pc-order-action-modal__button--danger:hover {
    border-color: #b73c2e !important;
    background: #c94737 !important;
}

.pc-order-action-modal .pc-order-action-modal__button:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.pc-order-action-modal .pc-order-action-modal__button:focus-visible {
    outline: 2px solid rgba(124, 54, 18, .24);
    outline-offset: 2px;
}

.pc-order-action-modal .pc-order-action-modal__body--stacked {
    min-height: 0;
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    background: #fffdf8;
}

.pc-order-action-modal__description {
    margin: 0;
    color: #7a8491;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-action-modal__description strong {
    color: #7c3612;
    font-size: 15px;
    font-weight: 600;
}

.pc-order-action-modal__price-image {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 4px;
    border-radius: 4px;
}

@media (max-width: 480px) {
    .pc-order-action-modal {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .pc-order-action-modal .pc-order-action-modal__header,
    .pc-order-action-modal .pc-order-action-modal__footer {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    .pc-order-action-modal .pc-order-action-modal__body {
        padding: 20px 18px;
    }

    .pc-order-action-modal__actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

.orderDocumentModal {
    width: min(820px, calc(100vw - 32px));
    min-width: 0;
    max-width: 820px;
    max-height: calc(100vh - 48px);
    overflow: hidden;
    border: 1px solid #e2e6ea;
    border-radius: 6px;
    box-shadow: 0 20px 60px rgba(24, 35, 48, .18);
}

.pc-order-document-modal,
.pc-order-document-modal * {
    box-sizing: border-box;
}

.pc-order-document-modal {
    display: flex;
    max-height: calc(100vh - 48px);
    flex-direction: column;
    color: #303846;
}

.pc-order-document-modal__header {
    min-height: 64px;
    flex: 0 0 auto;
    padding: 0 24px;
    border-bottom-color: #e8ebef;
}

.pc-order-document-modal__header p {
    margin: 0;
    color: #202733;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.pc-order-document-modal__icon-button {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
}

.pc-order-document-modal__icon-button:hover {
    background: #f2f4f6;
}

.pc-order-document-modal__icon-button img {
    width: 16px;
    height: 16px;
}

.pc-order-document-modal__body {
    min-height: 0;
    flex: 1 1 auto;
    gap: 16px;
    max-height: none;
    padding: 20px 24px 24px;
    background: #f5f7f9;
    scrollbar-gutter: stable;
}

.pc-order-document-section {
    padding: 20px;
    border: 1px solid #e7eaee;
    border-radius: 6px;
    background: #fff;
}

.pc-order-document-section__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.pc-order-document-section__heading > span {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-document-section__title {
    margin: 0 0 16px;
    color: #202733;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}

.pc-order-document-section__heading .pc-order-document-section__title {
    margin-bottom: 0;
}

.pc-order-document-section__note {
    margin: -6px 0 16px;
    color: #7a8491;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-document-section__note a {
    margin: 0 2px;
    color: #0095ff;
    font-weight: 500;
}

.pc-order-document-section__note a:hover {
    color: #056da8;
}

.pc-order-document-profile {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pc-order-document-profile__avatar {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid #e1e6ea;
    border-radius: 50%;
    object-fit: cover;
}

.pc-order-document-profile__content {
    min-width: 0;
}

.pc-order-document-profile__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pc-order-document-profile__heading > strong {
    overflow-wrap: anywhere;
    color: #202733;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.pc-order-document-profile__content > p {
    margin: 5px 0 0;
    color: #7a8491;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-document-profile__auth {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-document-profile__auth img {
    width: 16px;
    height: 16px;
}

.pc-order-document-profile__question {
    cursor: help;
}

.pc-order-document-profile__question .question-img {
    width: 14px;
    height: 14px;
}

.pc-order-document-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    padding: 16px 18px;
    border-radius: 5px;
    background: #f7f8fa;
}

.pc-order-document-contact-item {
    display: grid;
    min-width: 0;
    grid-template-columns: 70px minmax(0, 1fr);
    align-items: baseline;
    gap: 10px;
}

.pc-order-document-contact-item span {
    color: #8a929e;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-document-contact-item strong {
    overflow-wrap: anywhere;
    color: #303846;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.pc-order-document-field + .pc-order-document-field {
    margin-top: 18px;
}

.pc-order-document-field h4 {
    margin: 0 0 9px;
    color: #687180;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.pc-order-document-rich-text {
    min-height: 76px;
    padding: 14px 16px;
    overflow-wrap: anywhere;
    border: 1px solid #edf0f3;
    border-radius: 5px;
    background: #fafbfc;
    color: #4a5360;
    font-size: 13px;
    line-height: 24px;
}

.pc-order-document-rich-text > :first-child {
    margin-top: 0;
}

.pc-order-document-rich-text > :last-child {
    margin-bottom: 0;
}

.pc-order-document-rich-text img,
.pc-order-document-rich-text video {
    max-width: 100%;
    height: auto;
}

.pc-order-document-rich-text textarea {
    width: 100%;
    min-height: 120px;
    padding: 12px;
    border: 1px solid #e1e6ea;
    border-radius: 4px;
    background: #fafbfc;
    color: #303846;
    font-size: 13px;
    line-height: 20px;
    resize: vertical;
}

.pc-order-document-rich-text textarea:focus {
    outline: none;
    border-color: #0095ff;
    background: #fff;
}

.pc-order-document-file {
    display: flex;
    min-height: 68px;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid #e3e7eb;
    border-radius: 5px;
    background: #fff;
    color: inherit;
    transition: border-color .2s ease, background-color .2s ease;
}

.pc-order-document-file:hover {
    border-color: #b9d8e8;
    background: #f7fbfd;
}

.pc-order-document-file__icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff1f1;
}

.pc-order-document-file__icon img {
    width: 24px;
    height: 24px;
}

.pc-order-document-file__content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 3px;
}

.pc-order-document-file__content strong {
    overflow: hidden;
    color: #303846;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-order-document-file__content small,
.pc-order-document-project__content small {
    color: #8a929e;
    font-size: 12px;
    line-height: 18px;
}

.pc-order-document-project-grid .add-project {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border: 1px dashed #b0b8c4;
    border-radius: 5px;
    background: #fafbfc;
    color: #8a929e;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pc-order-document-project-grid .add-project:hover {
    border-color: #0095ff;
    background: #f0f7ff;
    color: #0095ff;
}

.pc-order-document-project-grid .add-project i {
    font-size: 20px;
}

.pc-order-document-file__action {
    flex: 0 0 auto;
    color: #0095ff;
    font-size: 12px;
    line-height: 20px;
}

.pc-order-document-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pc-order-document-project {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #e7eaee;
    border-radius: 5px;
    background: #fff;
    color: inherit;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.pc-order-document-project:hover {
    border-color: #b9d8e8;
    box-shadow: 0 4px 12px rgba(24, 48, 64, .06);
}

.pc-order-document-project > img {
    width: 112px;
    aspect-ratio: 820 / 450;
    flex: 0 0 112px;
    border-radius: 4px;
    object-fit: cover;
}

.pc-order-document-project__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.pc-order-document-project__content strong {
    display: -webkit-box;
    overflow: hidden;
    color: #303846;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pc-order-document-project__content small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-order-document-modal__footer {
    min-height: 68px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    padding: 14px 24px;
    border-top-color: #e8ebef;
    background: #fff;
    gap: 12px;
}

.pc-order-document-modal__close-button {
    min-width: 96px;
    min-height: 36px;
    padding: 7px 18px;
    border: 1px solid #0095ff;
    border-radius: 4px;
    background: #0095ff;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
}

.pc-order-document-modal__close-button:hover {
    border-color: #0095ff;
    background: #0095ff;
}

.pc-order-document-match-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.pc-order-document-match-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pc-order-document-match-item__header {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pc-order-document-match-item__header span {
    font-weight: 600;
    font-size: 15px;
    color: #202733;
}

.pc-order-document-match-item__content {
    color: #7a8491;
    font-size: 13px;
    line-height: 20px;
}

@media (max-width: 720px) {
    .orderDocumentModal {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .pc-order-document-modal {
        max-height: calc(100vh - 24px);
    }

    .pc-order-document-modal__header,
    .pc-order-document-modal__footer {
        padding-right: 18px;
        padding-left: 18px;
    }

    .pc-order-document-modal__body {
        padding: 14px;
    }

    .pc-order-document-section {
        padding: 16px;
    }

    .pc-order-document-contact-grid,
    .pc-order-document-project-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-order-document-project > img {
        width: 96px;
        flex-basis: 96px;
    }
}

@media (max-width: 480px) {
    .pc-order-document-contact-item {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }

    .pc-order-document-file__action {
        display: none;
    }

    .pc-order-document-modal__close-button {
        width: 100%;
    }
}

/* 需求方发布、编辑需求页，沿用工作台统一表单规范并隔离旧版全局样式。 */
.pc-publisher-bidding-body {
    background: #f5f7fa;
}

.pc-publisher-bidding-form-page {
    color: #202733;
}

.pc-publisher-bidding-form-page .demand-user-info,
.pc-publisher-bidding-form-page .demand-user-right {
    min-width: 0;
    overflow: visible;
}

.pc-publisher-bidding-panel {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(25, 41, 57, .04);
    box-sizing: border-box;
}

.pc-publisher-bidding-form-page .release-form-header {
    padding: 26px 32px 20px;
    border-bottom: 1px solid #edf0f3;
}

.pc-publisher-bidding-form-page .release-form-header h1 {
    margin: 0;
    color: #202733;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.pc-publisher-bidding-form-page .review-tips {
    margin: 24px 32px 0;
    padding: 12px 14px;
    border: 1px solid #f0d9aa;
    border-radius: 4px;
    background: #fffaf0;
    color: #8a5a10;
    font-size: 13px;
    line-height: 21px;
}

.pc-publisher-bidding-form-page .hr {
    display: none;
}

.pc-publisher-bidding-form-page .form-card {
    padding: 26px 32px;
    border-bottom: 1px solid #edf0f3;
}

.pc-publisher-bidding-form-page #demandForm > .form-card:last-child {
    padding-top: 22px;
    padding-bottom: 26px;
    border-bottom: 0;
}

.pc-publisher-bidding-form-page .release-section-title {
    gap: 10px;
    margin-bottom: 22px;
    padding-bottom: 13px;
    border-bottom: 1px solid #edf0f3;
}

.pc-publisher-bidding-form-page .release-section-title::before {
    width: 3px;
    height: 17px;
    flex: 0 0 3px;
    border-radius: 2px;
    background: #0095FF;
    content: "";
}

.pc-publisher-bidding-form-page .release-section-title p {
    margin: 0;
    color: #202733;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.pc-publisher-bidding-form-page .release-form-group {
    min-width: 0;
    margin-bottom: 20px;
}

.pc-publisher-bidding-form-page .release-form-group .release-form-group {
    margin-bottom: 0;
}

.pc-publisher-bidding-form-page .release-form-group:last-child {
    margin-bottom: 0;
}

.pc-publisher-bidding-form-page .release-form-label {
    min-height: 20px;
    margin-bottom: 8px;
    color: #303846;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.pc-publisher-bidding-form-page .release-form-label.required::before {
    margin-right: 4px;
    margin-left: 0;
}

.pc-publisher-bidding-form-page .hint,
.pc-publisher-bidding-form-page .hint2 {
    color: #8a929e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.pc-publisher-bidding-form-page .hint2 {
    margin-top: 10px;
}

.pc-publisher-bidding-form-page .release-input-group {
    min-width: 0;
}

.pc-publisher-bidding-form-page .release-form-control,
.pc-publisher-bidding-form-page .dropdown-toggle {
    width: 100%;
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid #dce2e8;
    border-radius: 4px;
    background: #fff;
    color: #303846;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.pc-publisher-bidding-form-page .release-form-control:hover,
.pc-publisher-bidding-form-page .dropdown-toggle:hover {
    border-color: #b9c8d4;
}

.pc-publisher-bidding-form-page .release-form-control:focus,
.pc-publisher-bidding-form-page .dropdown-toggle:focus-visible {
    border-color: #0095FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .1);
}

.pc-publisher-bidding-form-page .release-form-control[readonly] {
    background: #fafbfc;
    cursor: pointer;
}

.pc-publisher-bidding-form-page .release-form-control::placeholder {
    color: #a1a8b2;
}

.pc-publisher-bidding-form-page .release30 {
    padding-right: 58px;
}

.pc-publisher-bidding-form-page .char-counter {
    right: 12px;
    color: #9aa2ad;
    line-height: 20px;
    pointer-events: none;
}

.pc-publisher-bidding-form-page .radio-group {
    flex-wrap: wrap;
    gap: 14px 28px;
}

.pc-publisher-bidding-form-page .radio-custom,
.pc-publisher-bidding-form-page .checkbox-custom {
    min-width: 0;
    color: #4a5360;
    font-size: 13px;
    line-height: 20px;
}

.pc-publisher-bidding-form-page .radio-custom .radio-icon,
.pc-publisher-bidding-form-page .checkbox-custom .checkbox-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-color: #cbd3dc;
    box-sizing: border-box;
}

.pc-publisher-bidding-form-page .radio-custom:hover .radio-icon,
.pc-publisher-bidding-form-page .checkbox-custom:hover .checkbox-icon {
    border-color: #0095FF;
}

.pc-publisher-bidding-form-page .radio-custom input[type="radio"]:checked + .radio-icon,
.pc-publisher-bidding-form-page .checkbox-custom input[type="checkbox"]:checked ~ .checkbox-icon {
    border-color: #0095FF;
}

.pc-publisher-bidding-form-page .radio-custom input[type="radio"]:checked + .radio-icon::after {
    background: #0095FF;
}

.pc-publisher-bidding-form-page .checkbox-custom input[type="checkbox"]:checked ~ .checkbox-icon {
    background: #0095FF;
}

.pc-publisher-bidding-form-page .layui-inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.pc-publisher-bidding-form-page .layui-inline > .release-form-group {
    min-width: 0;
}

/* 报名要求字段单独使用紧凑间距，避免影响页面其他双列布局。 */
.pc-publisher-bidding-form-page .pc-compact-form-row {
    margin-bottom: 0;
}

.pc-publisher-bidding-form-page .pc-compact-form-row > .release-form-group {
    margin-bottom: 0;
}

.pc-publisher-bidding-form-page .pc-compact-form-row + .pc-compact-form-row,
.pc-publisher-bidding-form-page .pc-compact-form-row + .agencyDiv {
    margin-top: 20px;
}

.pc-publisher-bidding-form-page .pc-execution-time-field {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.pc-publisher-bidding-form-page .pc-execution-time-undefined {
    width: max-content;
    max-width: 100%;
    margin-top: 10px;
}

.pc-publisher-bidding-form-page .pc-execution-time-field > div.error {
    position: static;
    height: auto;
    margin-top: 6px;
    line-height: 20px;
}

/* 校验提示参与正常布局，防止绝对定位造成重叠或额外空白。 */
.pc-publisher-bidding-form-page .release-form-group div.error {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 6px 0 0;
    color: #e5484d;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    box-sizing: border-box;
}

.pc-publisher-bidding-form-page .pc-company-anonymous-option {
    margin-top: 12px;
}

.pc-publisher-bidding-form-page .release-form-group .radio-group > div.error,
.pc-publisher-bidding-form-page .release-form-group .checkbox-group > div.error {
    flex: 0 0 100%;
}

.pc-publisher-bidding-form-page .release-form-control.error-field,
.pc-publisher-bidding-form-page .dropdown.error-field .dropdown-toggle {
    border-color: #e5484d;
}

.pc-publisher-bidding-form-page .dropdown::after {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #87919d;
    border-bottom: 1.5px solid #87919d;
    content: "";
    pointer-events: none;
    transform: rotate(45deg);
}

.pc-publisher-bidding-form-page .dropdown-toggle {
    height: 40px;
    padding-right: 36px;
    cursor: pointer;
}

.pc-publisher-bidding-form-page .dropdown-menu {
    top: calc(100% + 6px);
    overflow: hidden auto;
    max-height: 260px;
    border: 1px solid #dce2e8;
    border-radius: 5px;
    box-shadow: 0 10px 24px rgba(25, 41, 57, .12);
}

.pc-publisher-bidding-form-page .dropdown-panel {
    min-width: 0;
}

.pc-publisher-bidding-form-page .column {
    max-height: 240px;
    border-color: #edf0f3;
}

.pc-publisher-bidding-form-page .item {
    min-height: 34px;
    padding: 7px 12px;
    color: #4a5360;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
}

.pc-publisher-bidding-form-page .item:hover,
.pc-publisher-bidding-form-page .item.active,
.pc-publisher-bidding-form-page .selected-bg {
    background: #edf7fc;
    color: #0095FF;
}

.pc-publisher-bidding-form-page .tags,
.pc-publisher-bidding-form-page .tagssingle {
    right: 34px;
    left: 9px;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    pointer-events: none;
}

.pc-publisher-bidding-form-page .tag-re {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    margin: 0;
    padding: 2px 7px;
    overflow: hidden;
    border: 1px solid #cfe5f2;
    border-radius: 3px;
    background: #edf7fc;
    color: #0095FF;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-publisher-bidding-form-page .tag-re normal {
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-publisher-bidding-form-page .tag-re .remove {
    margin-left: 5px;
    color: #5f8faa;
    font-size: 14px;
    line-height: 18px;
    pointer-events: auto;
}

.pc-publisher-bidding-form-page #ueditor,
.pc-publisher-bidding-form-page .edui-editor,
.pc-publisher-bidding-form-page .edui-editor-toolbarbox,
.pc-publisher-bidding-form-page .edui-editor-iframeholder {
    width: 100% !important;
    box-sizing: border-box;
}

.pc-publisher-bidding-form-page .edui-editor {
    overflow: hidden;
    border-color: #dce2e8;
    border-radius: 4px;
}

.pc-publisher-bidding-form-page .edui-editor-toolbarbox {
    border-bottom-color: #e3e8ed;
    background: #fafbfc;
}

.pc-publisher-bidding-form-page .edui-editor-iframeholder {
    height: 340px !important;
}

.pc-publisher-bidding-form-page .release-contact-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
}

.pc-publisher-bidding-form-page .relese-sub {
    align-items: center;
    gap: 20px;
}

.pc-publisher-bidding-form-page .btn-submit {
    min-width: 132px;
    height: 40px;
    padding: 0 24px;
    border: 1px solid #0095FF;
    border-radius: 4px;
    background: #0095FF;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
    cursor: pointer;
}

.pc-publisher-bidding-form-page .btn-submit:hover {
    border-color: #0095FF;
    background: #0095FF;
}

.pc-publisher-bidding-form-page .btn-submit:focus-visible,
.pc-publisher-bidding-form-page .radio-custom input:focus-visible + .radio-icon,
.pc-publisher-bidding-form-page .checkbox-custom input:focus-visible + .checkbox-icon {
    outline: 2px solid #0095FF;
    outline-offset: 2px;
}

.pc-publisher-bidding-form-page .agreement {
    margin-top: 0;
    color: #687180;
    text-align: left;
}

.pc-publisher-bidding-form-page .agreement a {
    color: #0095FF;
}

.pc-publisher-bidding-body #founding-date-dropdown,
.pc-publisher-bidding-body #registered-capital-dropdown {
    overflow: hidden;
    border-color: #dce2e8 !important;
    border-radius: 5px !important;
    box-shadow: 0 10px 24px rgba(25, 41, 57, .12) !important;
}

.pc-publisher-bidding-body #founding-date-dropdown .dropdown-item,
.pc-publisher-bidding-body #registered-capital-dropdown .dropdown-item {
    color: #4a5360;
    font-size: 13px;
    line-height: 20px;
}

.pc-publisher-bidding-body #founding-date-dropdown .dropdown-item:hover,
.pc-publisher-bidding-body #registered-capital-dropdown .dropdown-item:hover {
    background: #edf7fc;
    color: #0095FF;
}

.pc-publisher-bidding-body .publish-modal1,
.pc-publisher-bidding-body .publish-modal2 {
    overflow: hidden;
    border: 1px solid #e3e7eb;
    border-radius: 6px;
    box-shadow: 0 18px 48px rgba(20, 28, 38, .2);
}

.pc-publisher-bidding-body .publish-modal1 .member-list,
.pc-publisher-bidding-body .publish-modal2 .member-list {
    padding: 20px 24px;
}

.pc-publisher-bidding-body .publish-modal1 .member-list p,
.pc-publisher-bidding-body .publish-modal2 .member-list p {
    margin-bottom: 10px;
    color: #7b8492;
    font-size: 12px;
    line-height: 20px;
}

.pc-publisher-bidding-body .publish-modal1 .general-modal-footer,
.pc-publisher-bidding-body .publish-modal2 .general-modal-footer {
    border-top: 1px solid #edf0f3;
}

.pc-publisher-bidding-body .publish-modal1 .btn-blue,
.pc-publisher-bidding-body .publish-modal2 .btn-blue {
    min-width: 88px;
    height: 36px;
    border-radius: 4px;
    background: #0095FF;
    font-size: 13px;
}

@media (max-width: 900px) {
    /* 发布需求页窄屏收紧公共头尾，避免旧版固定宽度制造横向滚动。 */
    .pc-publisher-bidding-body .ibrief_main,
    .pc-publisher-bidding-body .ibrief_top {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .pc-publisher-bidding-body .ibrief_top {
        padding-right: 14px;
        padding-left: 14px;
    }

    .pc-publisher-bidding-body .pc-header-nav,
    .pc-publisher-bidding-body .pc-header-left-search,
    .pc-publisher-bidding-body .pc-identity-header-actions .message_div,
    .pc-publisher-bidding-body .pc-header-workbench {
        display: none;
    }

    .pc-publisher-bidding-body .ibrief_top_right {
        min-width: 0;
        margin-left: auto;
    }

    .pc-publisher-bidding-body .pc-header-user {
        min-width: 0;
        margin-left: 0;
    }

    .pc-publisher-bidding-body .footer {
        width: 100%;
        height: auto;
    }

    .pc-publisher-bidding-body .footer1 {
        width: 100%;
        padding: 28px 16px 18px;
        box-sizing: border-box;
    }

    .pc-publisher-bidding-body .footer1_div,
    .pc-publisher-bidding-body .footer_class1,
    .pc-publisher-bidding-body .footer_class1_1,
    .pc-publisher-bidding-body .footer2_div {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .pc-publisher-bidding-body .footer_class1 {
        align-items: flex-start;
        flex-direction: column;
    }

    .pc-publisher-bidding-body .footer_class1 > img {
        margin-bottom: 14px;
    }

    .pc-publisher-bidding-body .footer_class1_1 > p {
        padding-bottom: 10px !important;
        font-size: 14px !important;
    }

    .pc-publisher-bidding-body .footer_class1_1 > div {
        flex-wrap: wrap;
        gap: 6px 10px;
        margin-bottom: 8px;
    }

    .pc-publisher-bidding-body .footer_class1_1 normal {
        display: none;
    }

    .pc-publisher-bidding-body .footer_class1_2 {
        width: 100%;
        justify-content: flex-start;
        margin-top: 14px;
    }

    .pc-publisher-bidding-body .footer2_div {
        align-items: center;
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .pc-publisher-bidding-body .footer2_div a {
        margin-left: 0 !important;
    }

    .pc-publisher-bidding-form-page .release-form-header,
    .pc-publisher-bidding-form-page .form-card {
        padding-right: 24px;
        padding-left: 24px;
    }

    .pc-publisher-bidding-form-page .review-tips {
        margin-right: 24px;
        margin-left: 24px;
    }
}

@media (max-width: 760px) {
    .pc-publisher-bidding-form-page {
        padding: 16px 12px 48px;
    }

    .pc-publisher-bidding-form-page .pc-workbench-sidebar {
        display: none;
    }

    .pc-publisher-bidding-form-page .pc-workbench-shell {
        display: block;
    }

    .pc-publisher-bidding-form-page .release-form-header {
        padding: 22px 18px 17px;
    }

    .pc-publisher-bidding-form-page .release-form-header h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .pc-publisher-bidding-form-page .form-card {
        padding: 22px 18px;
    }

    .pc-publisher-bidding-form-page .review-tips {
        margin: 18px 18px 0;
    }

    .pc-publisher-bidding-form-page .release-section-title {
        margin-bottom: 20px;
    }

    .pc-publisher-bidding-form-page .release-form-label {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .pc-publisher-bidding-form-page .release-form-label .hint {
        flex-basis: 100%;
        margin: 3px 0 0;
    }

    .pc-publisher-bidding-form-page .layui-inline,
    .pc-publisher-bidding-form-page .release-contact-info {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .pc-publisher-bidding-form-page .layui-inline {
        flex-direction: column;
    }

    .pc-publisher-bidding-form-page .outResource > .layui-inline {
        gap: 12px;
    }

    .pc-publisher-bidding-form-page .pc-compact-form-row {
        gap: 16px;
    }

    .pc-publisher-bidding-form-page .radio-group {
        gap: 12px 20px;
    }

    .pc-publisher-bidding-form-page .checkbox-custom {
        align-items: flex-start;
    }

    .pc-publisher-bidding-form-page .checkbox-custom .checkbox-icon {
        margin-top: 2px;
    }

    .pc-publisher-bidding-form-page .edui-editor-toolbarbox,
    .pc-publisher-bidding-form-page .edui-editor-toolbarboxouter,
    .pc-publisher-bidding-form-page .edui-editor-toolbarboxinner,
    .pc-publisher-bidding-form-page .edui-toolbar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .pc-publisher-bidding-form-page .edui-editor-toolbarbox {
        overflow: hidden;
    }

    .pc-publisher-bidding-form-page .edui-editor-iframeholder {
        height: 280px !important;
    }

    .pc-publisher-bidding-form-page .relese-sub {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .pc-publisher-bidding-form-page .btn-submit {
        width: 100%;
    }

    .pc-publisher-bidding-form-page .agreement {
        text-align: center;
    }
}

/* 通用图片上传控件，视觉与实名认证上传区域保持一致。 */
.layui-upload-drag.pc-image-upload,
.file-upload-area.pc-image-upload {
    display: flex;
    width: 100%;
    min-height: 210px;
    align-items: center;
    justify-content: center;
    padding: 26px 30px;
    overflow: hidden;
    border: 1px dashed #afbdc9;
    border-radius: 6px;
    background: #f8fafb;
    color: #596579;
    text-align: center;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.layui-upload-drag.pc-image-upload:hover,
.file-upload-area.pc-image-upload:hover,
.pc-image-upload.drag-over {
    border-color: #0095FF;
    background: #f2f8fc;
}

.pc-image-upload:focus-visible {
    border-color: #0095FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 149, 255, .12);
}

.pc-image-upload.drag-over {
    border-style: solid;
    box-shadow: inset 0 0 0 1px #0095FF;
}

.pc-image-upload__empty {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.pc-image-upload .pc-image-upload__icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 6px;
    background: #eaf6ff;
    color: #0095FF;
    font-size: 23px;
}

.pc-image-upload__empty > strong {
    margin-bottom: 4px;
    color: #344054;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}

.pc-image-upload__empty > span:not(.pc-image-upload__icon) {
    color: #596579;
    font-size: 13px;
    line-height: 20px;
}

.pc-image-upload__preview {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    align-items: stretch;
}

.layui-upload-drag.pc-image-upload.has-file,
.file-upload-area.pc-image-upload.has-file {
    min-height: 0;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    border-style: solid;
    background: #fff;
}

.pc-image-upload__image-wrap {
    width: 100%;
    aspect-ratio: 1.585 / 1;
    overflow: hidden;
    border-right: 1px solid #e0e5eb;
    background: #eef1f5;
}

.pc-image-upload--wide .pc-image-upload__image-wrap {
    aspect-ratio: 820 / 450;
}

.pc-image-upload__image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: contain;
}

.pc-image-upload__meta {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
}

.pc-image-upload__file {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    color: #667085;
}

.pc-image-upload__file > i {
    flex: 0 0 auto;
    color: #2f8f5b;
    font-size: 18px;
}

.pc-image-upload__file > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    text-align: left;
}

.pc-image-upload__file strong {
    overflow: hidden;
    color: #344054;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-image-upload__file small {
    color: #98a2b3;
    font-size: 11px;
    line-height: 18px;
}

.pc-image-upload__remove {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #667085;
    font-size: 12px;
    cursor: pointer;
}

.pc-image-upload__remove:hover {
    background: #fff2f2;
    color: #c84b4b;
}

.pc-image-upload__remove:focus-visible {
    outline: 2px solid #0095FF;
    outline-offset: 2px;
    box-shadow: none;
}

@media (max-width: 760px) {
    .layui-upload-drag.pc-image-upload,
    .file-upload-area.pc-image-upload {
        min-height: 200px;
        padding: 22px 18px;
    }

    .layui-upload-drag.pc-image-upload.has-file,
    .file-upload-area.pc-image-upload.has-file {
        padding: 0;
    }

    .pc-image-upload__preview {
        grid-template-columns: minmax(0, 1fr);
    }

    .pc-image-upload__image-wrap {
        border-right: 0;
        border-bottom: 1px solid #e0e5eb;
    }

    .pc-image-upload__meta {
        gap: 12px;
        padding: 16px;
    }
}