.page-disclaimer{
  --dc-intro-bg: #FFFFFF;
  --dc-deep-section-bg: linear-gradient(135deg, #0D3B66 0%, #0A2540 100%);
  --dc-card-bg: #FFFFFF;

  background-color: var(--c-white);
  color: var(--c-navy);
  font-family: var(--font-body);
  line-height: 1.75;
  overflow-x: hidden;
}

.page-disclaimer *,
.page-disclaimer *::before,
.page-disclaimer *::after{
  box-sizing: border-box;
}

.page-disclaimer .wrap{
  max-width: var(--max-width);
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

.page-disclaimer__container{
  padding-top: 48px;
  padding-bottom: 96px;
}

/* 面包屑 */
.page-disclaimer .crumb{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--c-slate);
  margin-bottom: 40px;
  font-family: var(--font-mono);
}

.page-disclaimer .crumb__link{
  color: var(--c-slate);
  text-decoration: none;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.page-disclaimer .crumb__link:hover{
  color: var(--c-coral);
  border-color: var(--c-coral);
}

.page-disclaimer .crumb__sep{
  color: var(--c-coral);
  font-weight: bold;
}

.page-disclaimer .crumb__current{
  color: var(--c-coral);
  font-weight: 500;
}

/* 首屏区域 */
.page-disclaimer__intro{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 64px;
}

.page-disclaimer__intro-left{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page-disclaimer .tag{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--c-coral);
  padding: 6px 14px;
  background: var(--c-light);
  border-radius: 999px;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.page-disclaimer .tag::before{
  content: "";
  width: 8px;
  height: 8px;
  background: var(--c-coral);
  border-radius: 50%;
  flex-shrink: 0;
}

.page-disclaimer__title{
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(32px, 5.2vw, 52px);
  line-height: 1.2;
  color: var(--c-deep);
  margin: 0 0 24px 0;
  max-width: 720px;
}

.page-disclaimer__lead{
  font-size: 17px;
  line-height: 1.85;
  color: var(--c-slate);
  max-width: 680px;
  margin: 0;
  padding-left: 16px;
  border-left: 3px solid var(--c-coral);
}

.page-disclaimer__intro-right{
  display: flex;
  align-items: stretch;
}

.page-disclaimer__info-panel{
  background: var(--c-light);
  border-radius: var(--radius);
  padding: 28px 24px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(13, 59, 102, 0.08);
  border: 1px solid var(--c-line);
}

.page-disclaimer__info-panel-icon{
  font-size: 28px;
  color: var(--c-coral);
  flex-shrink: 0;
  line-height: 1.2;
}

.page-disclaimer__info-panel p{
  margin: 0;
  font-size: 14px;
  color: var(--c-deep);
  line-height: 1.7;
}

/* 分隔线 */
.page-disclaimer .divider-path{
  position: relative;
  height: 40px;
  border-bottom: 1px dashed var(--c-line);
  margin-bottom: 48px;
}

.page-disclaimer .divider-path::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: var(--c-coral);
  border-radius: 50%;
}

/* 通用区块布局 */
.page-disclaimer__section{
  margin-bottom: 48px;
}

.page-disclaimer__section-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.page-disclaimer__section-heading{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-disclaimer .section-title{
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(24px, 3.5vw, 34px);
  color: var(--c-deep);
  margin: 0;
}

.page-disclaimer .section-title::before{
  content: "// ";
  color: var(--c-coral);
}

.page-disclaimer .section-title--light{
  color: var(--c-white);
}

.page-disclaimer__section-kicker{
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-slate);
  margin: 0;
  padding-left: 8px;
  border-left: 2px solid var(--c-coral);
}

.page-disclaimer__section-kicker--light{
  color: rgba(255, 255, 255, 0.7);
  border-left-color: var(--c-coral);
}

.page-disclaimer__section-body{
  min-width: 0;
}

.page-disclaimer__section-body h3{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  color: var(--c-deep);
  margin: 40px 0 16px 0;
}

.page-disclaimer__section-body p{
  font-size: 15px;
  line-height: 1.85;
  color: var(--c-navy);
  margin: 0 0 20px 0;
}

.page-disclaimer__section--deep .page-disclaimer__section-body h3{
  color: var(--c-white);
}

.page-disclaimer__section--deep .page-disclaimer__section-body p{
  color: rgba(255, 255, 255, 0.85);
}

.page-disclaimer__list{
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.page-disclaimer__list li{
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  color: var(--c-navy);
  line-height: 1.75;
}

.page-disclaimer__list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--c-coral);
  border-radius: 50%;
}

.page-disclaimer__section--deep .page-disclaimer__list li{
  color: rgba(255, 255, 255, 0.85);
}

.page-disclaimer__section--deep .page-disclaimer__list li::before{
  border-color: var(--c-coral);
}

/* 注意图标 */
.page-disclaimer__warning-note{
  background: var(--c-light);
  border-radius: var(--radius);
  padding: 20px 24px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 32px;
  border-left: 4px solid var(--c-coral);
}

.page-disclaimer__warning-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--c-coral);
  color: var(--c-white);
  border-radius: 50%;
  font-weight: 900;
  font-size: 16px;
  flex-shrink: 0;
}

.page-disclaimer__warning-note p{
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
}

.page-disclaimer__warning-note strong{
  color: var(--c-deep);
}

/* 图片 */
.page-disclaimer__media-box{
  margin: 32px 0;
}

.page-disclaimer .media{
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(13, 59, 102, 0.10);
}

.page-disclaimer .media img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-disclaimer__media-caption{
  font-size: 13px;
  color: var(--c-slate);
  margin-top: 12px;
  font-style: italic;
}

/* 免责条款区 */
.page-disclaimer__section--deep{
  background: var(--dc-deep-section-bg);
  padding: 48px 28px;
  border-radius: 16px;
  margin-left: -12px;
  margin-right: -12px;
}

.page-disclaimer__terms-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.page-disclaimer__term-item{
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius);
  padding: 24px;
  transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
  position: relative;
}

.page-disclaimer__term-item:hover{
  border-color: var(--c-coral);
  background: rgba(255, 107, 74, 0.08);
  transform: translateY(-4px);
}

.page-disclaimer__term-number{
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: 700;
  color: var(--c-coral);
  display: block;
  margin-bottom: 12px;
}

.page-disclaimer__term-item h3{
  font-size: 18px !important;
  margin: 0 0 12px 0 !important;
  color: var(--c-white) !important;
}

.page-disclaimer__term-item p{
  font-size: 14px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 版权面板 */
.page-disclaimer__copyright-panel{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 32px 0;
}

.page-disclaimer__copyright-item{
  background: var(--dc-card-bg);
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  padding: 28px 24px;
  box-shadow: 0 2px 8px rgba(13, 59, 102, 0.05);
}

.page-disclaimer__copyright-item h3{
  margin-top: 0 !important;
}

/* 其他说明 */
.page-disclaimer__contact-note{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--c-light);
  border-radius: var(--radius);
  padding: 20px 24px;
  margin-top: 32px;
  border: 1px solid var(--c-line);
}

.page-disclaimer__contact-note-icon{
  color: var(--c-coral);
  font-size: 20px;
  flex-shrink: 0;
}

.page-disclaimer__contact-note p{
  margin: 0 !important;
  font-size: 14px;
}

.page-disclaimer__link{
  color: var(--c-coral);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 107, 74, 0.4);
  padding-bottom: 1px;
  transition: all 0.2s ease;
}

.page-disclaimer__link:hover{
  color: var(--c-coral-hover);
  border-bottom-color: var(--c-coral-hover);
}

/* 桌面端 */
@media (min-width: 768px){
  .page-disclaimer .wrap{
    padding-left: 40px;
    padding-right: 40px;
  }

  .page-disclaimer__container{
    padding-top: 64px;
  }

  .page-disclaimer__intro{
    grid-template-columns: 7fr 5fr;
    gap: 48px;
    align-items: center;
  }

  .page-disclaimer__section-grid{
    grid-template-columns: 380px 1fr;
    gap: 48px;
  }

  .page-disclaimer__section-heading{
    position: sticky;
    top: 140px;
    align-self: start;
  }

  .page-disclaimer__terms-grid{
    grid-template-columns: 1fr 1fr;
  }

  .page-disclaimer__copyright-panel{
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .page-disclaimer__section--deep{
    padding: 56px 48px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1024px){
  .page-disclaimer .wrap{
    padding-left: 48px;
    padding-right: 48px;
  }

  .page-disclaimer__section-grid{
    grid-template-columns: 420px 1fr;
    gap: 64px;
  }

  .page-disclaimer__intro{
    gap: 64px;
  }
}

@media (max-width: 480px){
  .page-disclaimer .wrap{
    padding-left: 18px;
    padding-right: 18px;
  }

  .page-disclaimer__container{
    padding-top: 32px;
    padding-bottom: 64px;
  }

  .page-disclaimer__title{
    font-size: 28px;
  }

  .page-disclaimer__section--deep{
    padding: 36px 20px;
  }

  .page-disclaimer__warning-note{
    flex-direction: column;
  }
}