/* 商机服务权益列表 - 冻结列样式 */
.business-rights-container {
    position: relative;
    margin-top: 72px;
}

.business-rights-title {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    color: #1D1D1D;
    text-align: center;
    margin-bottom: 56px;
}

.business-table-wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-right: 1px solid #ececec;
}

/* 冻结列容器 */
.business-frozen-section {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 499px;
    background: #fff;
    box-shadow: 2px 0 8px rgba(0,0,0,0.05);
}

/* 滚动内容容器 */
.business-scroll-section {
    margin-left: 499px;
    overflow-x: auto;
    overflow-y: visible;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
}

/* 表头样式 */
.business-table-header {
    display: flex;
    /* border: 1px solid #ececec; */
    height: 120px;
    box-sizing: border-box;
    border-left: 0px !important;
    /* border-bottom: 1px solid #ececec; */
    border-right: 1px solid #ececec;
}

.business-frozen-header .business-table-header {
    width: 499px;
    border-right: none;
}

.business-header-col {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 118px;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

/* 冻结列前三列背景色 - 与原参考一致 */
.business-header-col.category,
.business-header-col.item,
.business-header-col.desc,
.business-header-col.plan {
    background-color: #EFFDFF;
}

/* 不同服务区块的背景色 */
.business-header-col.serve-bg-blue {
    background: linear-gradient(180deg, rgba(223, 251, 255, 0.96) 0%, #F7FEFF 100%);
}

.business-header-col.serve-bg-blue2 {
    background: linear-gradient(180deg, rgba(184, 236, 255, 0.96) 0%, #F3FBFF 100%);
}

.business-header-col.serve-bg-yellow {
    background: linear-gradient(180deg, rgba(255, 236, 207, 0.96) 0%, #FFFCF7 100%);
}

.business-header-col.serve-bg-yellow2 {
    background: linear-gradient(180deg, rgba(255, 212, 163, 0.96) 0%, #FFF5EB 100%);
}

.business-header-col.serve-bg-cyan {
    background: linear-gradient(180deg, #C6FFEBF5 0%, #F3FFFA 100%);
}

.business-header-col.serve-bg-light-blue {
    background: linear-gradient(180deg, #D3EBFF 0%, #F2F8FF 100%);
}

.business-header-col.serve-bg-light-yellow3 {
    background: linear-gradient(180deg, #FEF9E5F5 0%, #FFFEF8 100%);
}

.business-header-col.category {
    width: 102px;
    border-left: 1px solid #ececec;
}

.business-header-col.item {
    width: 121px;
    border-left: 1px solid #ececec;
}

.business-header-col.desc {
    width: 276px;
    border-left: 1px solid #ececec;
}

.business-header-col.plan {
    width: 132px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

.business-header-col.plan-block {
    width: 132px;
    padding-top: 16px;
    box-sizing: border-box;
    height: 118px;
    border-right: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.business-header-title {
    font-size: 18px;
    line-height: 32px;
    color: #1d1d1d;
    text-align: center;
    margin-bottom: 8px;
}

.business-plan-title {
    font-size: 18px;
    line-height: 52px;
    color: #171826;
    text-align: center;
    display: block;
    /*margin: 0 auto 8px;*/
}

.business-plan-title-large {
    font-size: 20px;
    line-height: 32px;
    color: #1d1d1d;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.business-plan-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #1d1d1d;
    text-align: center;
    display: block;
    /*margin: 0 auto 8px;*/
}

.business-plan-btn {
    width: 100px;
    height: 24px;
    border-radius: 4px;
    background: #2ABED1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.business-plan-btn:hover {
    transform: scale(1.1);
}

.business-plan-btn.black {
    background: linear-gradient(113deg, #3E3E52 0%, #2F2F3D 100%);
    color: #FFEDD3;
}

.business-plan-btn.sail {
    background: linear-gradient(270deg, #3687FF 0%, #36B2FF 100%);
    color: #FFF;
}

/* 内容行样式 */
.business-table-content {
    display: flex;
    flex-direction: column;
}

.business-category-group {
    display: flex;
}

.business-category-label {
    width: 103px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ececec;
    border-bottom: none;
    box-sizing: border-box;
    flex-shrink: 0;
    background: #fff;
    min-height: 54px;
    height: auto;
    align-self: stretch;
}

.business-category-text {
    font-size: 14px;
    line-height: 24px;
    color: #1d1d1d;
    font-weight: 500;
    /*writing-mode: vertical-lr;*/
    text-orientation: mixed;
}

.business-rows-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.business-row {
    display: flex;
}

.business-row.highlight {
    background-color: #F7F9FC;
}

.business-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid #ececec; */
    border-left: none;
    box-sizing: border-box;
    flex-shrink: 0;
    background: inherit;
    padding: 10px 0px;
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

.business-row.highlight .business-cell {
    background-color: #F7F9FC;
}

.business-cell.item {
    width: 121px;
}

.business-cell.desc {
    width: 276px;
    justify-content: flex-start;
    padding: 16px 12px;
}

.business-cell.plan {
    width: 132px;
}

.business-cell-text {
    font-size: 14px;
    line-height: 22px;
    color: #1d1d1d;
    text-align: center;
}

.business-cell-desc {
    font-size: 14px;
    line-height: 22px;
    color: #1d1d1d;
    text-align: left;
}

.business-cell-multiline {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.business-cell-multiline .business-cell-text {
    margin: 2px 0;
}

/* 图标 */
.business-icon-free {
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center;
    background-size: contain;
}

.business-icon-right {
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="%232ABED1"/></svg>') no-repeat center;
    background-size: contain;
}

/* 无下边框 */
.business-cell.no-bottom-border {
    border-bottom: none;
}

/* 滚动按钮 */
.business-scroll-btn {
    position: fixed;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 120;
    opacity: 0;
    transition: opacity 0.3s;
    top: 50%;
    transform: translateY(-50%);
}

.business-scroll-btn.visible {
    opacity: 1;
}

.business-scroll-btn:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
}

.business-scroll-btn.left {
    left: calc(50% - 86px);
}

.business-scroll-btn.right {
    left: calc(50% + 575px);
}

.business-scroll-btn svg {
    width: 24px;
    height: 24px;
}

/* 滚动条隐藏但保持滚动功能 */
.business-scroll-section {
    overflow-x: auto;
    overflow-y: visible;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.business-scroll-section::-webkit-scrollbar {
    display: none;
}

/* 浮动表头 */
.business-float-header {
    position: fixed;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    display: none;
    background: #fff;
    width: 1200px;
}

.business-float-header.visible {
    display: block;
}

.business-float-wrapper {
    position: relative;
    overflow: hidden;
}

.business-float-frozen {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 499px;
    background: #fff;
    box-shadow: 2px 0 8px rgba(0,0,0,0.05);
}

.business-float-scroll {
    margin-left: 499px;
    overflow: hidden;
}

.business-cell .tit.mb0 {
  margin-bottom: 0;
}

.business-cell .tit {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #1D1D1D;
  text-align: center;
  margin: 0px 5px;
}

.business-cell .tit.tl {
  text-align: left;
}
.business-cell .tit.mb0 {
  margin-bottom: 0;
}
.business-cell .tit.tl {
  text-align: left;
}
.business-cell .tit.mb0 {
  margin-bottom: 0;
}
.business-cell .tit.mt0 {
  margin-top: 0;
}
.business-cell .tit.tl {
  text-align: left;
}
.business-cell .tit.mt0 {
  margin-top: 0;
}