body {
    overflow-x: hidden;
}

.page {
    position: relative;
    width: max(1200px, 100vw);
    overflow: visible;
}

.jc-page {
    position: relative;
    width: max(1200px, 100vw);
    /* background: url(https://lanhu-oss-proxy.lanhuapp.com/24acabe0395cb4106f1eebc3d9d3c4e6)
      100% no-repeat; */
    background-size: 100% 100%;
}

.jc-breadcrumb {
    background-color: rgba(45, 80, 226, 1);
    width: max(1200px, 100vw);
    height: max(50.04px, 4.17vw);
    /* margin-top: max(22.56px, 1.88vw); */
}

.jc-breadcrumb-title {
    width: max(35.04px, 2.92vw);
    height: max(17.52px, 1.46vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(18.72px, 1.56vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(18.84px, 1.57vw);
    margin: max(16.8px, 1.4vw) 0 0 auto;
}

.jc-breadcrumb-path {
    width: max(364.44px, 30.37vw);
    height: max(13.2px, 1.1vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(13.8px, 1.15vw);
    margin: max(21.84px, 1.82vw) auto 0 auto;
    text-align: center;
}

.jc-breadcrumb-text {
    width: max(364.44px, 30.37vw);
    height: max(13.2px, 1.1vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(13.68px, 1.14vw);
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: left;
    line-height: max(13.8px, 1.15vw);
}

.jc-breadcrumb-link {
    width: max(364.44px, 30.37vw);
    height: max(13.2px, 1.1vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(11.76px, 0.98vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(11.88px, 0.99vw);
}

.jc-breadcrumb-separator {
    width: max(364.44px, 30.37vw);
    height: max(13.2px, 1.1vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(11.76px, 0.98vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(11.88px, 0.99vw);
}

.jc-breadcrumb-current {
    max-width: max(364.44px, 30.37vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(11.76px, 0.98vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    line-height: max(11.88px, 0.99vw);
}

/* Header Section Refactored */
.jc-header {
    width: max(1200px, 100vw);
    max-width: 100%;
    padding: max(40px, 3.33vw) max(120px, 10vw);
    box-sizing: border-box;
    display: flex;
    gap: max(30px, 2.5vw);
    align-items: flex-start;
    margin: 0 auto;
}

.jc-cover-box {
    flex-shrink: 0;
    width: max(240px, 20vw);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
}

.jc-cover-img {
    width: 100%;
    height: auto;
    display: block;
}

.jc-right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: max(16px, 1.33vw);
}

/* Header Row: Title + Badges */
.jc-header-row {
    display: flex;
    align-items: center;
    gap: max(16px, 1.33vw);
    flex-wrap: wrap;
}

.jc-title {
    font-size: max(24px, 2vw);
    font-weight: bold;
    color: #333;
    margin: 0;
    line-height: 1.2;
}

.jc-badges {
    display: flex;
    gap: max(8px, 0.67vw);
}

.jc-badge {
    background-color: #f0f0f0;
    color: #666;
    font-size: max(12px, 1vw);
    padding: max(2px, 0.17vw) max(8px, 0.67vw);
    border-radius: 4px;
    white-space: nowrap;
}

/* Description */
.jc-desc-box {
    font-size: max(14px, 1.17vw);
    color: #666;
    line-height: 1.6;
    text-align: justify;
}

/* Details Grid - No Borders */
.jc-details-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: max(16px, 1.33vw) max(32px, 2.67vw);
    margin-top: max(8px, 0.67vw);
}

.jc-detail-item {
    display: flex;
    flex-direction: column;
    gap: max(4px, 0.33vw);
}

.jc-detail-item.span-2 {
    grid-column: span 2;
}

.jc-label {
    font-size: max(12px, 1vw);
    color: #999;
}

.jc-value {
    font-size: max(14px, 1vw);
    color: #333;
    /*font-weight: 500;*/
}

.jc-value.highlight {
    color: #2D50E2;
    font-weight: bold;
    font-size: max(16px, 1.33vw);
}

/* Footer Row: Buttons */
.jc-footer-row {
    margin-top: max(20px, 1.67vw);
}

.jc-buttons {
    display: flex;
    gap: max(16px, 1.33vw);
}

.jc-btn {
    padding: max(8px, 0.67vw) max(24px, 2vw);
    border-radius: 20px;
    font-size: max(14px, 1.17vw);
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.jc-btn.primary {
    background-color: #2D50E2;
    color: white;
}

.jc-btn.primary:hover {
    background-color: #1a3dbf;
}

.jc-btn.outline {
    background-color: transparent;
    border-color: #2D50E2;
    color: #2D50E2;
}

.jc-btn.outline:hover {
    background-color: rgba(45, 80, 226, 0.05);
}

.jc-main-content {
    width: max(973.8px, 81.15vw);
    margin: max(94.92px, 7.91vw) auto max(72px, 6vw) auto;
    display: flex;
    gap: max(20px, 1.67vw);
    align-items: flex-start;
}

.jc-left-content {
    width: max(688.8px, 57.4vw);
}

.jc-tab-bar {
    background-color: rgba(241, 241, 241, 1);
    border-radius: 5px;
    width: max(688.2px, 57.35vw);
    height: max(28.8px, 2.4vw);
    margin-left: max(0.72px, 0.06vw);
    display: flex;
    align-items: center;
    gap: 0;
}

.jc-tab-item {
    background-color: transparent;
    /* border-radius: 5px; */
    height: max(28.8px, 2.4vw);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 max(18px, 1.5vw);
    transition: all 0.3s ease;
    text-decoration: none;
}

.jc-tab-item.active {
    background-color: transparent;
    border-bottom: 2px solid rgba(45, 80, 226, 1);
}

.jc-tab-text {
    color: rgba(91, 91, 91, 1);
    font-size: max(14px, 1vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: max(18.84px, 1.57vw);
}

.jc-tab-item.active .jc-tab-text {
    color: rgba(45, 80, 226, 1);
}

.jc-tab-content {
    display: block;
    /* padding-bottom: max(46px, 3vw); */
    padding-top: max(46px, 3vw);
}

.jc-section-title {
    width: max(58.2px, 4.85vw);
    height: max(14.4px, 1.2vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: max(18.84px, 1.57vw);
    margin: max(60px, 5vw) auto max(20px, 1.67vw) auto;
    position: relative;
    padding-left: 9px;
}

.jc-section-content {
    width: max(626.28px, 52.19vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(18.84px, 1.57vw);
    margin: max(23.04px, 1.92vw) 0 0 0;
}

.jc-section-content-text {
    width: max(626.28px, 52.19vw);
    /* height: max(50.04px, 4.17vw); */
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(18.84px, 1.57vw);
}

.jc-section-content-english {
    width: max(626.28px, 52.19vw);
    height: max(50.04px, 4.17vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    line-height: max(18.84px, 1.57vw);
}

.jc-services-container {
    display: flex;
    justify-content: space-between;
    margin: max(60px, 5vw) 0 0 max(53.04px, 4.42vw);
    gap: max(20px, 1.67vw);
}

.jc-service-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.jc-service-item .jc-service-icon-img {
    width: max(38.16px, 3.18vw);
    height: max(38.16px, 3.18vw);
    background-color: #2D50E2;
    border-radius: 50%;
    padding: max(7.44px, 0.62vw);
    box-sizing: border-box;
    object-fit: contain;
}

.jc-service-item .jc-service-label {
    margin-top: max(14.28px, 1.19vw);
    color: rgba(91, 91, 91, 1);
    font-size: max(12.48px, 1.04vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    line-height: max(18.84px, 1.57vw);
}

.jc-service-item .jc-service-desc {
    margin-top: max(8.64px, 0.72vw);
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    line-height: max(15px, 1.25vw);
}

.jc-service-item .jc-service-desc .jc-service-desc-text {
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    line-height: max(15px, 1.25vw);
}

.jc-faq-section {
    border-radius: 15px;
    border: 1px solid rgba(91, 91, 91, 0.5);
    /* margin-top: max(60px, 5vw); */
    width: max(688.8px, 57.4vw);
}

.jc-faq-title {
    width: max(57.6px, 4.8vw);
    height: max(14.4px, 1.2vw);
    margin: max(26.16px, 2.18vw) 0 0 max(322.44px, 26.87vw);
}

.jc-faq-title-text {
    width: max(57.6px, 4.8vw);
    height: max(14.4px, 1.2vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(18.84px, 1.57vw);
}

.jc-faq-question {
    width: max(497.52px, 41.46vw);
    margin: 0;
}

.jc-faq-q-badge {
    background-color: rgba(212, 212, 212, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    margin-top: max(0.72px, 0.06vw);
    width: max(30px, 2.5vw);
}

.jc-faq-q-text {
    width: max(8.16px, 0.68vw);
    height: max(8.76px, 0.73vw);
    overflow-wrap: break-word;
    color: rgba(45, 80, 226, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    margin: 1px 0 0 max(11.76px, 0.98vw);
}

.jc-faq-q-content {
    width: max(455.04px, 37.92vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(15px, 1.25vw);
}

.jc-faq-answer {
    width: max(607.56px, 50.63vw);
    margin: 0;
}

.jc-faq-a-badge {
    background-color: rgba(45, 80, 226, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    width: max(30px, 2.5vw);
    margin-top: 13px;
}

.jc-faq-a-text {
    width: max(8.16px, 0.68vw);
    height: max(8.16px, 0.68vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    margin: 1px 0 0 max(11.16px, 0.93vw);
}

.jc-faq-a-content {
    width: max(564.48px, 47.04vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: left;
}

.jc-faq-a-text-2 {
    width: max(564.48px, 47.04vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: left;
}

.jc-faq-a-english {
    width: max(564.48px, 47.04vw);
    height: max(28.2px, 2.35vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    line-height: max(17.52px, 1.46vw);
}

.jc-faq-question-2 {
    width: max(200.04px, 16.67vw);
    height: max(14.4px, 1.2vw);
    margin: max(43.08px, 3.59vw) 0 0 max(34.92px, 2.91vw);
}

.jc-faq-q-badge-2 {
    background-color: rgba(212, 212, 212, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    width: max(30px, 2.5vw);
}

.jc-faq-q-text-2 {
    width: max(8.16px, 0.68vw);
    height: max(8.76px, 0.73vw);
    overflow-wrap: break-word;
    color: rgba(45, 80, 226, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    margin: 0 0 0 max(11.76px, 0.98vw);
}

.jc-faq-q-content-2 {
    width: max(157.56px, 13.13vw);
    height: max(14.4px, 1.2vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(15px, 1.25vw);
}

.jc-faq-answer-2 {
    width: max(625.08px, 52.09vw);
    height: max(28.8px, 2.4vw);
    margin: max(13.68px, 1.14vw) 0 0 max(34.92px, 2.91vw);
}

.jc-faq-a-badge-2 {
    background-color: rgba(45, 80, 226, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    width: max(30px, 2.5vw);
}

.jc-faq-a-text-3 {
    width: max(8.16px, 0.68vw);
    height: max(8.16px, 0.68vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    margin: 0 0 0 max(11.16px, 0.93vw);
}

.jc-faq-a-content-2 {
    width: max(581.88px, 48.49vw);
    height: max(28.8px, 2.4vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(17.52px, 1.46vw);
}

.jc-faq-question-3 {
    width: max(228.24px, 19.02vw);
    height: max(14.4px, 1.2vw);
    margin: max(46.8px, 3.9vw) 0 0 max(34.92px, 2.91vw);
}

.jc-faq-q-badge-3 {
    background-color: rgba(212, 212, 212, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    width: max(30px, 2.5vw);
}

.jc-faq-q-text-4 {
    width: max(8.16px, 0.68vw);
    height: max(8.76px, 0.73vw);
    overflow-wrap: break-word;
    color: rgba(45, 80, 226, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(16.32px, 1.36vw);
    margin: max(2.4px, 0.2vw) 0 0 max(11.76px, 0.98vw);
}

.jc-faq-q-content-3 {
    width: max(185.64px, 15.47vw);
    height: max(13.8px, 1.15vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(12.6px, 1.05vw);
    margin-top: max(0.72px, 0.06vw);
}

.jc-faq-q-text-5 {
    width: max(185.64px, 15.47vw);
    height: max(13.8px, 1.15vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(13.68px, 1.14vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(12.6px, 1.05vw);
}

.jc-faq-q-text-6 {
    width: max(185.64px, 15.47vw);
    height: max(13.8px, 1.15vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(13.68px, 1.14vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(12.6px, 1.05vw);
}

.jc-faq-answer-3 {
    width: max(625.08px, 52.09vw);
    height: max(46.32px, 3.86vw);
    margin: max(13.08px, 1.09vw) 0 0 max(34.92px, 2.91vw);
}

.jc-faq-a-badge-3 {
    background-color: rgba(45, 80, 226, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    margin-top: max(0.72px, 0.06vw);
    width: max(30px, 2.5vw);
}

.jc-faq-a-text-6 {
    width: max(8.16px, 0.68vw);
    height: max(8.16px, 0.68vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(16.32px, 1.36vw);
    margin: max(2.4px, 0.2vw) 0 0 max(11.16px, 0.93vw);
}

.jc-faq-a-content-3 {
    width: max(582.6px, 48.55vw);
    height: max(46.32px, 3.86vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(17.52px, 1.46vw);
}

.jc-faq-question-4 {
    width: max(185.04px, 15.42vw);
    height: max(14.4px, 1.2vw);
    margin: max(44.28px, 3.69vw) 0 0 max(34.92px, 2.91vw);
}

.jc-faq-q-badge-4 {
    background-color: rgba(212, 212, 212, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    margin-top: max(0.72px, 0.06vw);
    width: max(30px, 2.5vw);
}

.jc-faq-q-text-7 {
    width: max(8.16px, 0.68vw);
    height: max(8.76px, 0.73vw);
    overflow-wrap: break-word;
    color: rgba(45, 80, 226, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(16.32px, 1.36vw);
    margin: max(2.4px, 0.2vw) 0 0 max(11.76px, 0.98vw);
}

.jc-faq-q-content-4 {
    width: max(143.16px, 11.93vw);
    height: max(14.4px, 1.2vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(12.6px, 1.05vw);
}

.jc-faq-answer-4 {
    width: max(625.08px, 52.09vw);
    height: max(46.32px, 3.86vw);
    margin: max(14.28px, 1.19vw) 0 max(26.76px, 2.23vw) max(34.92px, 2.91vw);
}

.jc-faq-a-badge-4 {
    background-color: rgba(45, 80, 226, 1);
    border-radius: 4px;
    height: max(13.2px, 1.1vw);
    width: max(30px, 2.5vw);
}

.jc-faq-a-text-8 {
    width: max(8.16px, 0.68vw);
    height: max(8.16px, 0.68vw);
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: max(10.56px, 0.88vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(16.32px, 1.36vw);
    margin: max(2.4px, 0.2vw) 0 0 max(11.16px, 0.93vw);
}

.jc-faq-a-content-4 {
    width: max(581.88px, 48.49vw);
    height: max(46.32px, 3.86vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: AlibabaPuHuiTi_2_45_Light;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(17.52px, 1.46vw);
}

.jc-related-title {
    width: max(243.84px, 20.32vw);
    height: max(19.44px, 1.62vw);
    /* margin: max(60px, 5vw) 0 0 0; */
}

.jc-related-title-text {
    width: max(134.4px, 11.2vw);
    height: max(11.88px, 0.99vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(12.48px, 1.04vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(15px, 1.25vw);
}

.jc-related-arrow {
    width: max(8.76px, 0.73vw);
    height: max(8.16px, 0.68vw);
    margin-top: max(11.28px, 0.94vw);
}

.jc-related-journal {
    /* width: max(567.6px, 47.3vw); */
    /* height: max(108.84px, 9.07vw); */
    /* margin: max(24.96px, 2.08vw) 0 0 max(28.68px, 2.39vw); */
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
}

.jc-related-journal:hover{
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.jc-related-cover {
    width: max(85.08px, 7.09vw);
    height: max(108.84px, 9.07vw);
}

.jc-related-info {
    /* width: max(460.68px, 38.39vw); */
    /* height: max(86.28px, 7.19vw); */
    /* margin-top: max(6.96px, 0.58vw); */
    flex: 1;
    padding-left: 20px;
}

.jc-related-header {
}

.jc-related-title-group {
    width: max(218.16px, 18.18vw);
    height: max(30.72px, 2.56vw);
}

.jc-related-journal-title {
    max-width: max(218.16px, 18.18vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(13.8px, 1.15vw);
}

.jc-related-badge {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(8.04px, 0.67vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-badge-text {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-english {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-2 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin-top: max(3.84px, 0.32vw);
}


/* New Header Layout Styles */
.jc-header-custom {
    width: max(1200px, 100vw);
    margin: 0 auto;
    padding: 40px max(120px, 10vw);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: #333;
    font-family: "AlibabaPuHuiTi_2_55_Regular", sans-serif;
}

.jc-header-top-section {
    display: flex;
    gap: 20px;
}

.jc-header-left-col {
    width: max(240px, 20vw);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

.jc-cover-wrapper {
    width: 80%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}

.jc-cover-image {
    width: 100%;
    height: auto;
    display: block;
}

.jc-cover-caption {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.jc-header-right-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.jc-title-row {
    margin-bottom: 10px;
}

.jc-title-en {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #000;
}

.jc-title-cn {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    color: #666;
}

.jc-desc-row p {
    font-size: 14px;
    line-height: 1.5;
    margin: 5px 0;
    color: #333;
}

.jc-topics-row {
    font-size: 14px;
    line-height: 1.6;
}

.jc-topics-row .jc-label {
    font-weight: bold;
    /*text-decoration: underline;*/
}

.jc-info-grid-new {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 20px;
    padding: 15px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.jc-grid-item-new {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: baseline;
}

.jc-grid-item-new .jc-label {
    /*font-weight: bold;*/
    color: #333;
}

.jc-grid-item-new .jc-value {
    color: #555;
}

.jc-value.red-text {
    color: #ff0000;
    font-weight: bold;
}

.jc-database-row {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.jc-database-row .jc-label {
    font-weight: bold;
}

.jc-action-buttons-new {
    display: flex;
    justify-content: space-between;
    padding: max(15px, 1.25vw) 0;
    flex-wrap: nowrap;
    margin-right: 200px;
}

.jc-action-btn-new {
    text-align: center;
    font-size: max(14px, 1vw);
    font-weight: 500;
    cursor: pointer;
    color: #2D50E2;
    padding: max(8px, 0.67vw) max(30px, 2.5vw);
    border: 1px solid #2D50E2;
    border-radius: 50px;
    background-color: #fff;
    transition: all 0.3s ease;
}

.jc-action-btn-new:hover {
    background-color: #2D50E2;
    color: #fff;
}

.jc-header-bottom-section {
    display: flex;
    margin-top: 20px;
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}

.jc-service-left-label {
    width: max(240px, 20vw);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.jc-service-list-new {
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.jc-service-item-new {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.jc-service-icon-text {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-radius: 50%;
    padding: 10px;
    background-color: #2D50E2;
    margin-bottom: 10px;
    width: 48px;
    /* height: 45px; */
}

.jc-service-title-new {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
}

.jc-service-desc-new {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

overflow-wrap: break-word;
color: rgba(91, 91, 91, 1);
font-size: max(9.96px, 0.83vw);
font-family: ArialMT;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: max(10.08px, 0.84vw);
}

.jc-related-url {
    width: max(426.36px, 35.53vw);
    /* height: max(11.28px, 0.94vw); */
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-label {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-english {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact {
    overflow-wrap: break-word;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    margin-top: max(10.56px, 0.88vw);
}

.jc-related-impact-label {
    width: max(70.68px, 5.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.jc-related-impact-value {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(230, 55, 55, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-sidebar {
    position: relative;
    width: max(288.84px, 24.07vw);
    height: max(1109.4px, 92.45vw);
    margin-left: min(-3.72px, -0.31vw);
}

.jc-sidebar-content {
    width: max(288.84px, 24.07vw);
    background: url(/static/index/static/image/journal_slices/jc-sidebar-content.png)
    100% no-repeat;
    background-size: 100% 100%;
    margin-top: max(114.48px, 9.54vw);
    padding-bottom: max(20px, 1.67vw);
}

.jc-sidebar-title {
    box-shadow: 7px 12px 21px 0px rgba(0, 0, 0, 0.25);
    background-color: rgba(45, 80, 226, 1);
    border-radius: 25px;
    height: max(21.96px, 1.83vw);
    width: max(195.72px, 16.31vw);
    margin: max(69.36px, 5.78vw) 0 0 max(43.08px, 3.59vw);
    cursor: pointer;
}

.jc-sidebar-title-text {
    width: max(51.36px, 4.28vw);
    height: max(11.88px, 0.99vw);
    overflow-wrap: break-word;
    color: rgba(255, 254, 254, 1);
    font-size: max(12.48px, 1.04vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(15px, 1.25vw);
    margin: max(4.92px, 0.41vw) 0 0 max(71.16px, 5.93vw);
}

.jc-sidebar-intro {
    width: max(201.96px, 16.83vw);
    height: max(24.48px, 2.04vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.36px, 0.78vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(15px, 1.25vw);
    margin: max(15.6px, 1.3vw) 0 0 max(39.36px, 3.28vw);
}

.jc-sidebar-divider {
    width: max(240.72px, 20.06vw);
    height: max(0.72px, 0.06vw);
    margin: max(20.52px, 1.71vw) 0 0 max(22.44px, 1.87vw);
}

.jc-sidebar-section-title {
    width: max(57.6px, 4.8vw);
    height: max(14.4px, 1.2vw);
    overflow-wrap: break-word;
    color: rgba(45, 80, 226, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(15px, 1.25vw);
    margin: max(49.32px, 4.11vw) 0 0 max(135px, 11.25vw);
}

.jc-sidebar-content-text {
    width: max(207.6px, 17.3vw);
    height: max(189.48px, 15.79vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(15px, 1.25vw);
    margin: max(29.28px, 2.44vw) 0 0 max(39.36px, 3.28vw);
}

.jc-sidebar-content-paragraph {
    width: max(207.6px, 17.3vw);
    height: max(189.48px, 15.79vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.36px, 0.78vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(15px, 1.25vw);
}

.jc-sidebar-content-english {
    width: max(207.6px, 17.3vw);
    height: max(189.48px, 15.79vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.36px, 0.78vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    line-height: max(15px, 1.25vw);
}

.jc-sidebar-divider-2 {
    width: max(240.72px, 20.06vw);
    height: max(0.72px, 0.06vw);
    margin: max(21.24px, 1.77vw) 0 0 max(22.44px, 1.87vw);
}

.jc-sidebar-section-title-2 {
    width: max(87.6px, 7.3vw);
    height: max(14.4px, 1.2vw);
    overflow-wrap: break-word;
    color: rgba(45, 80, 226, 1);
    font-size: max(15px, 1.25vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(15px, 1.25vw);
    margin: max(42.48px, 3.54vw) 0 0 max(128.04px, 10.67vw);
}

.jc-sidebar-content-text-2 {
    width: max(210.72px, 17.56vw);
    height: max(325.08px, 27.09vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: justifyLeft;
    line-height: max(15px, 1.25vw);
    margin: max(30.6px, 2.55vw) 0 0 max(39.36px, 3.28vw);
}

.jc-sidebar-content-paragraph-2 {
    width: max(210.72px, 17.56vw);
    height: max(325.08px, 27.09vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.36px, 0.78vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    line-height: max(15px, 1.25vw);
}

.jc-sidebar-content-english-2 {
    width: max(210.72px, 17.56vw);
    height: max(325.08px, 27.09vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.36px, 0.78vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    line-height: max(15px, 1.25vw);
}

.jc-sidebar-image {
    width: max(213.84px, 17.82vw);
    height: max(60px, 5vw);
    margin: max(39px, 3.25vw) 0 max(50.52px, 4.21vw) max(38.04px, 3.17vw);
}

.jc-sidebar-banner {
    position: absolute;
    left: max(22.56px, 1.88vw);
    top: 0;
    width: max(240px, 20vw);
    height: max(160.68px, 13.39vw);
    background: url(/static/index/static/image/journal_slices/jc-sidebar-banner.png)
    100% no-repeat;
    background-size: 100% 100%;
}

.jc-sidebar-banner-text {
    width: max(65.04px, 5.42vw);
    height: max(20.64px, 1.72vw);
    margin: max(119.28px, 9.94vw) 0 0 max(20.52px, 1.71vw);
}

.jc-sidebar-banner-title {
    width: max(58.8px, 4.9vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(254, 254, 255, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(17.52px, 1.46vw);
    margin-left: max(1.32px, 0.11vw);
}

.jc-sidebar-banner-subtitle {
    width: max(65.04px, 5.42vw);
    height: max(6.36px, 0.53vw);
    overflow-wrap: break-word;
    color: rgba(254, 254, 255, 1);
    font-size: max(6.24px, 0.52vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(17.52px, 1.46vw);
    margin-top: max(3.84px, 0.32vw);
}

.jc-divider {
    width: max(625.68px, 52.14vw);
    height: max(0.72px, 0.06vw);
    margin: max(6.84px, 0.57vw) 0 0 max(163.68px, 13.64vw);
}

.jc-related-journal-2 {
    width: max(567.6px, 47.3vw);
    height: max(111.36px, 9.28vw);
    margin: max(14.28px, 1.19vw) 0 0 max(157.44px, 13.12vw);
    cursor: pointer;
}

.jc-related-cover-2 {
    width: max(85.08px, 7.09vw);
    height: max(111.36px, 9.28vw);
}

.jc-related-info-2 {
    width: max(460.68px, 38.39vw);
    height: max(85.68px, 7.14vw);
    margin-top: max(11.88px, 0.99vw);
}

.jc-related-header-2 {
    width: max(460.68px, 38.39vw);
    height: max(30px, 2.5vw);
}

.jc-related-title-group-2 {
    width: max(218.16px, 18.18vw);
    height: max(30px, 2.5vw);
}

.jc-related-journal-title-2 {
    width: max(218.16px, 18.18vw);
    height: max(11.88px, 0.99vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: justifyLeft;
    white-space: nowrap;
    line-height: max(13.8px, 1.15vw);
}

.jc-related-badge-3 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(7.44px, 0.62vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-badge-text-2 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-english-2 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-4 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin-top: max(3.24px, 0.27vw);
}

.jc-related-badge-2-text-2 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-2 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(23.64px, 1.97vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-url-label-2 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-english-2 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact-2 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(10.56px, 0.88vw) 0 0 max(390px, 32.5vw);
}

.jc-related-impact-label-2 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact-value-2 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(230, 55, 55, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-divider-2 {
    width: max(625.68px, 52.14vw);
    height: max(0.72px, 0.06vw);
    margin: max(4.92px, 0.41vw) 0 0 max(163.68px, 13.64vw);
}

.jc-related-journal-3 {
    width: max(567.6px, 47.3vw);
    height: max(108.84px, 9.07vw);
    margin: max(16.8px, 1.4vw) 0 0 max(157.44px, 13.12vw);
}

.jc-related-cover-3 {
    width: max(85.68px, 7.14vw);
    height: max(108.84px, 9.07vw);
}

.jc-related-info-3 {
    width: max(460.68px, 38.39vw);
    height: max(85.68px, 7.14vw);
    margin-top: max(14.4px, 1.2vw);
}

.jc-related-header-3 {
    width: max(460.68px, 38.39vw);
    height: max(30px, 2.5vw);
}

.jc-related-title-group-3 {
    width: max(218.16px, 18.18vw);
    height: max(30px, 2.5vw);
}

.jc-related-journal-title-3 {
    width: max(218.16px, 18.18vw);
    height: max(11.88px, 0.99vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: justifyLeft;
    white-space: nowrap;
    line-height: max(13.8px, 1.15vw);
}

.jc-related-badge-5 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(7.44px, 0.62vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-badge-text-3 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-english-3 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-6 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin-top: max(3.24px, 0.27vw);
}

.jc-related-badge-2-text-3 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-3 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(23.64px, 1.97vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-url-label-3 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-english-3 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact-3 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(10.56px, 0.88vw) 0 0 max(390px, 32.5vw);
}

.jc-related-impact-label-3 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact-value-3 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(230, 55, 55, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-divider-3 {
    width: max(625.68px, 52.14vw);
    height: max(0.72px, 0.06vw);
    margin: max(8.64px, 0.72vw) 0 0 max(163.68px, 13.64vw);
}

.jc-related-journal-4 {
    width: max(568.2px, 47.35vw);
    height: max(111.96px, 9.33vw);
    margin: max(18.72px, 1.56vw) 0 0 max(156.84px, 13.07vw);
}

.jc-related-cover-4 {
    width: max(86.88px, 7.24vw);
    height: max(111.96px, 9.33vw);
}

.jc-related-info-4 {
    width: max(460.68px, 38.39vw);
    height: max(85.08px, 7.09vw);
    margin-top: max(13.2px, 1.1vw);
}

.jc-related-header-4 {
    width: max(460.68px, 38.39vw);
    height: max(29.4px, 2.45vw);
}

.jc-related-title-group-4 {
    width: max(218.16px, 18.18vw);
    height: max(29.4px, 2.45vw);
}

.jc-related-journal-title-4 {
    width: max(218.16px, 18.18vw);
    height: max(11.88px, 0.99vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(11.16px, 0.93vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: justifyLeft;
    white-space: nowrap;
    line-height: max(13.8px, 1.15vw);
}

.jc-related-badge-7 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(6.84px, 0.57vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-badge-text-4 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-english-4 {
    width: max(158.76px, 13.23vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-badge-8 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin-top: max(2.52px, 0.21vw);
}

.jc-related-badge-2-text-4 {
    width: max(146.28px, 12.19vw);
    height: max(10.68px, 0.89vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-4 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(23.64px, 1.97vw) 0 0 max(0.6px, 0.05vw);
}

.jc-related-url-label-4 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-url-english-4 {
    width: max(426.36px, 35.53vw);
    height: max(11.28px, 0.94vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact-4 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    font-size: 0;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
    margin: max(10.56px, 0.88vw) 0 0 max(390px, 32.5vw);
}

.jc-related-impact-label-4 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(91, 91, 91, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-related-impact-value-4 {
    width: max(70.68px, 5.89vw);
    height: max(10.08px, 0.84vw);
    overflow-wrap: break-word;
    color: rgba(230, 55, 55, 1);
    font-size: max(9.96px, 0.83vw);
    font-family: ArialMT;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: max(10.08px, 0.84vw);
}

.jc-bottom-image {
    position: absolute;
    left: max(121.92px, 10.16vw);
    top: max(55.32px, 4.66vw);
    width: max(100.08px, 8.34vw);
    height: max(72.6px, 6.05vw);
}

.faq-list-container {
    display: flex;
    flex-direction: column;
    gap: max(24px, 2vw);
    padding: max(24.12px, 2.01vw) max(34.92px, 2.91vw) max(3.76px, 0.23vw) max(34.92px, 2.91vw);
}

.related-journals-container {
    display: flex;
    flex-direction: column;
    gap: max(6.84px, 0.57vw);
    /* padding: max(24.96px, 2.08vw) 0; */
}


.related-journals-container .jc-divider {
    width: max(625.68px, 52.14vw);
    height: max(0.72px, 0.06vw);
    margin: 0 0 0 max(28.68px, 2.39vw);
}

.journal-cover-box{
    width: 130px;
    padding: 0;
}

.detail-item{
    padding: 8px 4px;
}

.journal-details-grid{
    padding: 0;
    padding-left: 15px;
    margin-top: -32px;
}
/* 气泡提示样式 */
.tooltip-container1 {
    position: relative;
    display: inline-block;
    cursor: help;
    color: #ff9800;
    font-weight: bold;
}

.tooltip-container1::before {
    content: attr(data-tooltip);
    visibility: hidden;
    width: 600px;
    height: auto;
    background-color: #ebeef2;
  color: rgba(91, 91, 91, 1);
  text-align: left;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 50%;
  margin-top: 10px;
  margin-left: -300px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  line-height: 1.6;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: normal;
  box-sizing: border-box;
  pointer-events: none;
}

/* 确保气泡在屏幕边缘时能完整展示 */
@media screen and (max-width: calc(100vw - 600px)) {
  .tooltip-container1::before {
    left: 10px;
    margin-left: 0;
  }
}

@media screen and (max-height: calc(100vh - 80px)) {
  .tooltip-container1::before {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

.tooltip-container1:hover::before {
    visibility: visible;
    opacity: 1;
}



/* 确保在小屏幕上也能正常显示 */
@media (max-width: 768px) {
    .tooltip-container1::before {
        width: 300px;
        height: 80px;
    }
    
}

.jc-section-title::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #769ddd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* 气泡提示样式 - 用于期刊详情页 */
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: help;
    color: #ff9800;
}

.tooltip-container::before {
    content: attr(data-tooltip);
    visibility: hidden;
    width: 600px;
    height: auto;
    background-color: #ebeef2;
    color: rgba(91, 91, 91, 1);
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    right: 100%;
    margin-top: -150px;
    margin-right: 10px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    line-height: 1.6;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    box-sizing: border-box;
    pointer-events: none;
}

.tooltip-container:hover::before {
    visibility: visible;
    opacity: 1;
}

/* 确保在小屏幕上也能正常显示 */
@media (max-width: 768px) {
    .tooltip-container::before {
        width: 300px;
        height: 250px;
    }
}

/* 期刊卡片样式 - 用于相关期刊部分 */
.journal-card {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 100%;
    min-height: 160px;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 20px;
}

.journal-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.journal-cover-box {
    width: 150px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 3px;
}

.journal-cover-box img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.journal-right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.journal-header-row {
    padding: 15px 20px;
}

.journal-title-main {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
}

.journal-title-sub {
    font-size: 14px;
    color: #666;
    font-family: AlibabaPuHuiTi_2_55_Regular;
}

.journal-details-grid {
    display: flex;
    padding: 0 10px;
}

.detail-item {
    flex: 1;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.detail-item:last-child {
    border-right: none;
}

.detail-item:nth-child(1) { flex: 0.7; }
.detail-item:nth-child(2) { flex: 0.8; }
.detail-item:nth-child(3) { flex: 0.8; }
.detail-item:nth-child(4) { flex: 0.8; }
.detail-item:nth-child(5) { flex: 1.5; }
.detail-item:nth-child(6) { flex: 1.5; margin-left: -5vw;}

.detail-label {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
}

.detail-value {
    font-size: 13px;
    color: #666;
    font-family: ArialMT, AlibabaPuHuiTi_2_55_Regular;
    word-break: break-word;
}

.journal-footer-row {
    display: flex;
    flex: 1;
    align-items: stretch;
    margin-top: -22px;
}

.footer-left {
    flex: 1;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-label {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
}

.footer-value {
    font-size: 13px;
    color: #666;
    font-family: ArialMT, AlibabaPuHuiTi_2_55_Regular;
}

.footer-right {
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.consult-btn {
    color: #d93025;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    transition: all 0.3s;
}

.consult-btn:hover {
    opacity: 0.8;
}

.jc-action-btn-new {
    text-align: center;
    font-size: max(12px, 1vw);
    font-weight: 500;
    cursor: pointer;
    color: #2D50E2;
    /* padding: max(8px, 0.67vw) max(30px, 2.5vw); */
    padding: max(6px, -0.33vw) max(24px, 0.5vw);
    border: 1px solid #2D50E2;
    border-radius: 50px;
    background-color: #fff;
    transition: all 0.3s ease;
}

.jc-action-btn-new:hover {
    background-color: #2D50E2;
    color: #fff;
}