.resize-no-transition {
    transition: none !important;
}
ul {
  margin: 0;
}
p {
  margin: 0;
}
.page-main {
  position: relative;
  display: flex;
}

/* ============================================================
    侧边栏样式
   ============================================================ */
.sidebar {
  width: 240px ;
  transition: all 0.3s ease;
  padding: 84px 16px 24px 16px;
  background-color: #FFFFFF;
  box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.05);
}
.sidebar.hide {
  margin-left: -240px;
  z-index: 1;
}
.sidebar.hide .sidebar-entry{
  padding-left: 264px;
  width: 400px;
  background-color: transparent;
}
.sidebar-entry {
	padding: 0px 8px;
  width: 208px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
  transition: padding-left 0.3s ease, width 0.3s ease;
	padding-bottom: 32px;
}
.sidebar-entry .sidebar-entry-inner{
	display: flex;
	gap: 12px;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar-entry i.lyf-collapse {
  transition: all 0.3s ease;
  display: inline-block;
  vertical-align: middle;
  transform: rotateY(180deg);
}
.sidebar-entry i.lyf-collapse.state-rotate {
  transform: rotateY(0deg);
}
.sidebar-entry .sidebar-entry-inner span{
	font-family: San Francisco Text;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: normal;
	color: #222222;
  
}
/* 收起状态下显示「物流线路」，展开状态下显示「收起」 */
.sidebar-label-collapse {
	display: none;
}
.sidebar.hide .sidebar-label-expand {
	display: none;
}
.sidebar.hide .sidebar-label-collapse {
	display: inline;
}
.category-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.category-item h3 {
  padding-left: 8px;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
	gap: 8px;

	font-family: San Francisco Text;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: normal;
	color: #222222;
}
.category-item h3 i.lyfFont {
  font-weight: normal;
  color: #AAA;
  transition: all 0.3s ease;
  margin-right: 8px;
  font-size: 16px;
  display: inline-block;
  transform: rotate(180deg);
}
.category-item h3.category-collapsed i.lyfFont {
  transform: rotate(0deg);
}
.category-item .children {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.category-item .children a {
  display: block;
  border-radius: 8px;
  padding: 7px 8px;
  font-size: 16px;
	background: rgba(247, 64, 84, 0);

	font-family: San Francisco Text;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: normal;
	color: #666666;
}
.category-item .children a.active,.category-item .children a.hover {
  color:var(--primary-color);
  background: rgba(255, 55, 77, 0.05);
}
/* 禁止 resize 跨断点时侧边栏出现滑动动画 */
body.resize-no-transition .sidebar {
  transition: none !important;
}
/* 移动端侧边栏遮罩层 */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.sidebar-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
/* 移动端侧边栏触发按钮（默认隐藏，≤ 1024px 显示） */
.sidebar-trigger {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 0px 32px;
  margin-top: 80px;
  box-sizing: border-box;
  cursor: pointer;

	font-family: San Francisco Text;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: normal;
	color: #222222;
}
.sidebar-trigger i.lyfFont {
  font-size: 18px;
  color: #222222;
  transform: scaleX(-1);
}

.content-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.container {
  width: 1440px;
  margin: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.container .doc-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 42px;
  color: #222222;
  margin-bottom: 48px;
}
.doc-content {
	width: 100%;
	overflow-x: auto;
}
.doc-content2 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}
.doc-content2 > section {
  padding: 32px;
  border-radius: 12px;
  background: #FFFFFF;
}

.optimized-logistics-table th{
	min-width: 100px;
}
.optimized-logistics-table td{
	min-width: 100px;
}

.common-section-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.common-section-box-title {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: #222222;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEEE;
}

.flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.japa_ems_left .image-section {
  height: 241px;
  width: 320px;
}
.japa_ems_left .image-section p{
  margin: 0;
}
.japa_ems_left .image-section img{
  height: 241px;
  width: 320px;
}
.japa_ems_right {
  width: 1028px;
}
.japa_ems_right .notifications-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 0px;
}
.japa_ems_right .notifications-list li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.japa_ems_right .notifications-list .date {
  font-size: 14px;
  line-height: 18px;
  color: #AAAAAA;
}
.japa_ems_right .notifications-list .content {
  font-size: 16px;
  line-height: 22px;
  color: #222222;
  width: 900px;
}

.notifications-list .content a{
  font-size: 16px;
  line-height: 22px;
  color: #222222;
}
.notifications-list .arrow img{
  height: 16px;
  width: 16px;
  display: block;
}

.line-sx-info-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.line-sx-info-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 0;
}
.line-sx-info-item img {
  height: 64px;
  width: 64px;
  display: block;
}

.common-card-grid {
  display: grid;
  gap: 32px; /* 行列间距均为 32px */
  grid-template-columns: repeat(4, 1fr);
  max-width: 1920px;  /* 限制最大宽度，避免过宽 */
  margin: 0 auto;     /* 居中 */
}
.commom-card-item {
  border-radius: 0px 0px 12px 12px;
  background: #F9F9F9;
}
.commom-card-item-title {
  padding: 12px 12px 0 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #222222;
}
.commom-card-item-desc {
  padding: 0 12px 12px 12px;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
}

@media (min-width: 1920px) {}

@media (min-width: 1440px) and (max-width:1919px) {
  .container {
    width: clamp(1152px, calc(1152px + (100vw - 1440px) * 3 / 5), 1440px);
  }
  .japa_ems_right {
    width: clamp(740px, calc(740px + (100vw - 1440px) * 288 / 480), 1028px);
  }
  .japa_ems_right .notifications-list .content { 
    width: clamp(612px, calc(612px + (100vw - 1440px) * 3 / 5), 900px);
  }
}

@media (min-width: 1280px) and (max-width:1439px) {
    .block-banner {
        height: clamp(355px, calc(355px + (100vw - 1280px) * 45 / 160), 400px);
    }
    .channel-name {
        top: clamp(167px, calc(167px + (100vw - 1280px) * 23 / 160), 190px);
    }
    .container {
      width: clamp(992px, calc(992px + (100vw - 1280px) * 5 / 4), 1152px);
    }
    .japa_ems_right {
      width: clamp(580px, calc(580px + (100vw - 1280px) * 160 / 160), 740px);
    }
    .japa_ems_right .notifications-list .content { 
      width: clamp(452px, calc(452px + (100vw - 1280px) * 1), 612px);
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    .block-banner {
        height: clamp(284px, calc(284px + (100vw - 1024px) * 71 / 256), 355px);
    }
    .channel-name {
        top: clamp(143px, calc(143px + (100vw - 1024px) * 24 / 256), 167px);
        left: clamp(80px, calc(80px + (100vw - 1024px) * 160 / 256), 240px);
        font-size: clamp(32px, calc(32px + (100vw - 1024px) * 16 / 256), 48px);
        line-height: clamp(42px, calc(42px + (100vw - 1024px) * 20 / 256), 62px);
    }

    .page-main {
      flex-direction: column;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    
    .container {
      width: clamp(976px, calc(976px + (100vw - 1024px) * 1), 1232px);
      margin: 24px 0 80px 0;
    }

    .doc-content2 > section {
      padding: clamp(24px, calc(24px + (100vw - 1024px) * 8 / 256), 32px);
    }
    .japa_ems_right {
      width: clamp(596px, calc(596px + (100vw - 1024px) * 1), 852px);
    }
    .japa_ems_right .notifications-list .content { 
      width: clamp(468px, calc(468px + (100vw - 1024px) * 1), 724px);
    }

    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(3, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
    
}

@media (min-width: 960px) and (max-width:1023px) {
    .block-banner {
        height: clamp(266px, calc(266px + (100vw - 960px) * 18 / 64), 284px);
    }
    .channel-name {
        top: clamp(134px, calc(134px + (100vw - 960px) * 9 / 64), 143px);
        left: 80px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .container {
      width: clamp(912px, calc(912px + (100vw - 960px) * 1), 976px);
      margin: 24px 0 80px 0;
    }
    .doc-content2 > section {
      padding: 24px;
    }
    .japa_ems_left .image-section {
      height: clamp(225px, calc(225px + (100vw - 960px) * 16 / 64), 241px);
      width: clamp(300px, calc(300px + (100vw - 960px) * 20 / 64), 320px);
    }
    .japa_ems_left .image-section img{
      height: clamp(225px, calc(225px + (100vw - 960px) * 16 / 64), 241px);
      width: clamp(300px, calc(300px + (100vw - 960px) * 20 / 64), 320px);
    }
    .japa_ems_right {
      width: clamp(552px, calc(552px + (100vw - 960px) * 44 / 64), 596px);
    }
    .japa_ems_right .notifications-list .content { 
      width: clamp(424px, calc(424px + (100vw - 960px) * 44 / 64), 468px);
    }
    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(3, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
}

@media (min-width: 840px) and (max-width:959px) {
    .block-banner {
        height: clamp(233px, calc(233px + (100vw - 840px) * 33 / 120), 266px);
    }
    .channel-name {
        top: clamp(117px, calc(117px + (100vw - 840px) * 17 / 120), 134px);
        left: 80px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .container {
      width: clamp(792px, calc(792px + (100vw - 840px) * 1), 912px);
      margin: 24px 0 80px 0;
    }
    .doc-content2 > section {
      padding: 24px;
    }
    .japa_ems_left .image-section {
      height: clamp(195px, calc(195px + (100vw - 840px) * 30 / 120), 225px);
      width: clamp(260px, calc(260px + (100vw - 840px) * 40 / 120), 300px);
    }
    .japa_ems_left .image-section img{
      height: clamp(195px, calc(195px + (100vw - 840px) * 30 / 120), 225px);
      width: clamp(260px, calc(260px + (100vw - 840px) * 40 / 120), 300px);
    }
    .japa_ems_right {
      width: clamp(472px, calc(472px + (100vw - 840px) * 80 / 120), 552px);
    }
    .japa_ems_right .notifications-list .content { 
      width: clamp(344px, calc(344px + (100vw - 840px) * 80 / 120), 424px);
    }
    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(3, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
}

@media (min-width: 768px) and (max-width:839px) {
    .block-banner {
        height: 400px;
    }
    .channel-name {
        top: 201px;
        left: 24px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
					padding: 0 clamp(24px, calc(24px + (100vw - 768px) * 8 / 72), 32px);
					margin-top: 120px;
    }
    .container {
      width: clamp(720px, calc(720px + (100vw - 768px) * 1), 792px);
      margin: 24px 0 48px 0;
    }
    .doc-content2 {
      gap: 24px;
    }
    .doc-content2 > section {
      padding: 24px;
    }
    .container .doc-title { 
      margin-bottom: clamp(24px, calc(24px + (100vw - 768px) * 24 / 72), 48px);
    }
    .japa_ems_left {
      display: none;
    }
    .japa_ems_right {
      width: calc(100vw - 96px);
    }
    .japa_ems_right .notifications-list .content { 
      width: clamp(552px, calc(552px + (100vw - 768px) * 1), 624px);
    }

    .line-sx-info-item {
      min-width: calc( (100vw - 96px) / 2 );
    }
    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(2, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
    /* bxlp-table 超出横向滚动，不压缩列宽 */
    .common-table-outer-container:has(.bxlp-table) {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .bxlp-table {
      min-width: 600px;
      width: 100%;
    }
}

@media (min-width: 600px) and (max-width:767px) {
    .block-banner {
        height: clamp(312px, calc(312px + (100vw - 600px) * 88 / 168), 400px);
    }
    .channel-name {
        top: clamp(157px, calc(157px + (100vw - 600px) * 44 / 168), 201px);
        left: 24px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
					padding: 0 24px;
					margin-top: 120px;
    }
    .container {
      width: clamp(552px, calc(552px + (100vw - 600px) * 1), 720px);
      margin: 24px 0 48px 0;
    }
    .doc-content2 {
      gap: 24px;
    }
    .doc-content2 > section {
      padding: 24px;
    }
    .container .doc-title {
       font-size: clamp(24px, calc(24px + (100vw - 600px) * 8 / 168), 32px);
       line-height: clamp(32px, calc(32px + (100vw - 600px) * 10 / 168), 42px);
       margin-bottom: 24px;
    }
    .common-section-box-title {
      font-size: clamp(20px, calc(20px + (100vw - 600px) * 4 / 168), 24px);
      line-height: clamp(26px, calc(26px + (100vw - 600px) * 6 / 168), 32px);
    }
    .japa_ems_left {
      display: none;
    }
    .japa_ems_right {
      width: calc(100vw - clamp(64px, calc(64px + (100vw - 480px) * 32 / 120), 96px));
    }
    .japa_ems_right .notifications-list .content { 
      width: clamp(384px, calc(384px + (100vw - 600px) * 1), 552px);
    }
    .line-sx-info-item {
      min-width: calc( (100vw - 96px) / 2 );
    }
    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(2, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
}

@media (min-width: 480px) and (max-width:599px) {
    .block-banner {
        height: clamp(250px, calc(250px + (100vw - 480px) * 62 / 120), 312px);
    }
    .channel-name {
        top: clamp(126px, calc(126px + (100vw - 480px) * 31 / 120), 157px);
        left: 24px;
        font-size: clamp(30px, calc(30px + (100vw - 480px) * 2 / 120), 32px);
        line-height: clamp(40px, calc(40px + (100vw - 480px) * 2 / 120), 42px);
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
					padding: 0 clamp(16px, calc(16px + (100vw - 480px) * 8 / 120), 24px);
					margin-top: 120px;
    }
    .container {
      width: clamp(448px, calc(448px + (100vw - 480px) * 1), 552px);
      margin: 24px 0 48px 0;
    }
    .doc-content2 {
      gap: 24px;
    }
    .doc-content2 > section {
      padding: 24px clamp(16px, calc(16px + (100vw - 480px) * 8 / 120), 24px);
    }
    .container .doc-title {
       font-size: clamp(20px, calc(20px + (100vw - 480px) * 4 / 120), 24px);
       line-height: clamp(26px, calc(26px + (100vw - 480px) * 6 / 120), 32px);
       margin-bottom: 24px;
    }
    .common-section-box-title {
      font-size: clamp(16px, calc(16px + (100vw - 480px) * 4 / 120), 20px);
      line-height: clamp(22px, calc(22px + (100vw - 480px) * 4 / 120), 26px);
    }
    .japa_ems_left {
      display: none;
    }
    .japa_ems_right {
      width: 100%;
    }
    .japa_ems_right .notifications-list .content { 
      display: block;
      width: calc(100vw - clamp(64px, calc(64px + (100vw - 480px) * 32 / 120), 96px) - 32px);
    }
    .line-sx-info-item {
      min-width: calc( (100vw - clamp(64px, calc(64px + (100vw - 480px) * 32 / 120), 96px)) / 2 );
    }
    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(2, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
}

@media (max-width:479px) {
    .block-banner {
        height: clamp(187px, calc(187px + (100vw - 360px) * 63 / 120), 250px);
    }
    .channel-name {
        top: clamp(95px, calc(95px + (100vw - 360px) * 31 / 120), 126px);
        left: 24px;
        font-size: 30px;
        line-height: 40px;
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
					padding: 0 16px;
					margin-top: 120px;
    }
    .container {
      width: clamp(328px, calc(328px + (100vw - 360px) * 120 / 120), 448px);
      margin: 24px 0 48px 0;
    }
    .doc-content2 {
      gap: 24px;
    }
    .doc-content2 > section {
      padding: 24px 16px;
    }
    .container .doc-title {
       font-size: 20px;
       line-height: 26px;
       margin-bottom: 24px;
    }
    .common-section-box-title {
      font-size: 16px;
      line-height: 22px;
    }
    .japa_ems_left {
      display: none;
    }
    .japa_ems_right {
      width: calc(100vw - 64px);
    }
    .japa_ems_right .notifications-list .date {
      display: block;
      width: calc(100vw - 64px - 32px);
    }
    .japa_ems_right .notifications-list .content { 
      display: block;
      width: calc(100vw - 64px - 32px);
    }
    .line-sx-info-item {
      min-width: calc( (100vw - 64px) / 2 );
    }
    .common-card-grid {
      display: grid;
      gap: 16px; /* 行列间距均为 32px */
      grid-template-columns: repeat(2, 1fr);
      max-width: 1920px;  /* 限制最大宽度，避免过宽 */
      margin: 0 auto;     /* 居中 */
    }
}