.page-disclaimer{
  background:
    linear-gradient(rgba(0,255,136,0.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,136,0.025) 1px,transparent 1px),
    var(--color-bg);
  background-size:32px 32px,32px 32px,auto;
  color:var(--color-text);
  font-family:var(--font-body);
  line-height:1.7;
  padding-bottom:calc(var(--spacing-3xl) * 1.5);
  overflow:hidden;
  position:relative;
}

.page-disclaimer::before{
  content:"";
  position:fixed;
  top:0;
  right:0;
  width:340px;
  height:340px;
  background:radial-gradient(circle,rgba(138,43,226,0.12),transparent 70%);
  pointer-events:none;
  z-index:0;
}

.page-disclaimer .container{
  max-width:var(--container-width);
  margin:0 auto;
  padding:0 var(--spacing-lg);
  position:relative;
  z-index:1;
}

/* 面包屑 */
.page-disclaimer .breadcrumb{
  padding-top:var(--spacing-xl);
  margin-bottom:var(--spacing-2xl);
}

.page-disclaimer .breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.06em;
}

.page-disclaimer .breadcrumb__link{
  color:var(--color-muted);
  text-decoration:none;
  transition:color var(--transition-fast);
}

.page-disclaimer .breadcrumb__link:hover{
  color:var(--color-green);
}

.page-disclaimer .breadcrumb__item+.breadcrumb__item::before{
  content:"/";
  margin:0 var(--spacing-sm);
  color:var(--color-metal);
}

.page-disclaimer .breadcrumb__current{
  color:var(--color-muted);
}

/* 页面标题区 */
.page-disclaimer .disclaimer-hero{
  position:relative;
  padding:var(--spacing-2xl) 0 var(--spacing-3xl);
  border-bottom:1px solid rgba(255,255,255,0.06);
  margin-bottom:var(--spacing-3xl);
}

.page-disclaimer .disclaimer-hero::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:180px;
  height:120px;
  background:linear-gradient(135deg,transparent 20%,rgba(138,43,226,0.18) 55%,rgba(0,255,136,0.10) 100%);
  clip-path:polygon(100% 0,100% 100%,0 100%);
  pointer-events:none;
}

.page-disclaimer .disclaimer-hero__index{
  display:inline-flex;
  align-items:center;
  gap:var(--spacing-sm);
  margin:0 0 var(--spacing-md);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--color-green);
}

.page-disclaimer .disclaimer-hero__index::before{
  content:"";
  width:28px;
  height:1px;
  background:var(--color-green);
}

.page-disclaimer .disclaimer-hero .page-title{
  font-family:var(--font-display);
  font-size:clamp(34px,6vw,60px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:0.01em;
  color:var(--color-white);
  margin:0 0 var(--spacing-md);
}

.page-disclaimer .disclaimer-hero .page-desc{
  max-width:60ch;
  margin:0;
  font-size:15px;
  color:var(--color-muted);
}

/* 时间线 */
.page-disclaimer .disclaimer-timeline{
  position:relative;
  margin-bottom:var(--spacing-3xl);
}

.page-disclaimer .disclaimer-timeline::before{
  content:"";
  position:absolute;
  left:24px;
  top:12px;
  bottom:12px;
  width:1px;
  background:linear-gradient(180deg,rgba(0,255,136,0.40) 0%,rgba(138,43,226,0.24) 60%,rgba(255,255,255,0.05) 100%);
}

.page-disclaimer .disclaimer-timeline__item{
  position:relative;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:var(--spacing-lg);
  margin-bottom:var(--spacing-2xl);
}

.page-disclaimer .disclaimer-timeline__item:last-child{
  margin-bottom:0;
}

.page-disclaimer .disclaimer-timeline__node{
  position:relative;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--color-bg-deep);
  border:1px solid var(--color-metal);
  color:var(--color-green);
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  align-self:start;
  cursor:default;
  transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);
}

.page-disclaimer .disclaimer-timeline__node:hover,
.page-disclaimer .disclaimer-timeline__node:focus-visible{
  border-color:var(--color-green);
  box-shadow:0 0 20px rgba(0,255,136,0.30);
  background:rgba(0,255,136,0.06);
  outline:none;
}

.page-disclaimer .disclaimer-timeline__tip{
  display:none;
}

.page-disclaimer .disclaimer-timeline__panel{
  padding-left:var(--spacing-lg);
  position:relative;
}

.page-disclaimer .disclaimer-timeline__panel::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:2px;
  background:linear-gradient(180deg,var(--color-green) 0%,rgba(0,255,136,0.10) 100%);
  border-radius:2px;
}

.page-disclaimer .disclaimer-timeline__title{
  font-family:var(--font-display);
  font-size:18px;
  font-weight:700;
  letter-spacing:0.02em;
  color:var(--color-white);
  margin:0 0 var(--spacing-sm);
}

.page-disclaimer .disclaimer-timeline__panel p{
  font-size:14px;
  color:var(--color-text);
  margin:0 0 var(--spacing-sm);
}

.page-disclaimer .disclaimer-timeline__panel p:last-child{
  margin-bottom:0;
}

.page-disclaimer .disclaimer-timeline__note{
  font-size:13px;
  color:var(--color-muted);
  padding-top:var(--spacing-sm);
  border-top:1px solid rgba(255,255,255,0.05);
  margin-top:var(--spacing-md) !important;
}

.page-disclaimer .disclaimer-timeline__note a{
  color:var(--color-green);
  text-decoration:none;
  border-bottom:1px solid rgba(0,255,136,0.30);
  transition:border-color var(--transition-fast);
}

.page-disclaimer .disclaimer-timeline__note a:hover{
  border-bottom-color:var(--color-green);
}

.page-disclaimer .disclaimer-timeline__actions{
  margin-top:var(--spacing-md);
}

/* 视觉区 */
.page-disclaimer .disclaimer-visual{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--spacing-xl);
  padding:var(--spacing-2xl) 0;
  border-top:1px solid rgba(255,255,255,0.06);
}

.page-disclaimer .disclaimer-visual__frame{
  max-width:600px;
  width:100%;
  background:var(--color-glow);
  border-radius:var(--radius-md);
  border:1px solid rgba(255,255,255,0.08);
  overflow:hidden;
}

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

.page-disclaimer .disclaimer-visual__caption{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--spacing-sm);
}

.page-disclaimer .disclaimer-visual__tag{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.18em;
  color:var(--color-purple);
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:var(--spacing-sm);
}

.page-disclaimer .disclaimer-visual__tag::before{
  content:"";
  width:20px;
  height:1px;
  background:var(--color-purple);
}

.page-disclaimer .disclaimer-visual__caption p{
  max-width:44ch;
  font-size:14px;
  color:var(--color-muted);
  margin:0;
}

.page-disclaimer .disclaimer-visual__caption .btn{
  margin-top:var(--spacing-sm);
}

/* 返回顶部 */
.page-disclaimer .disclaimer-backtop{
  text-align:center;
  padding:var(--spacing-2xl) 0 0;
}

/* 平板及以上 */
@media (min-width:768px){
  .page-disclaimer .disclaimer-timeline__item{
    grid-template-columns:80px 1fr;
    gap:40px;
  }

  .page-disclaimer .disclaimer-timeline::before{
    left:40px;
  }

  .page-disclaimer .disclaimer-timeline__node{
    width:64px;
    height:64px;
    font-size:16px;
    justify-self:center;
  }

  .page-disclaimer .disclaimer-timeline__panel{
    padding-left:var(--spacing-lg);
  }

  .page-disclaimer .disclaimer-timeline__tip{
    display:block;
    position:absolute;
    left:76px;
    top:50%;
    transform:translateY(-50%);
    background:var(--color-bg-deep);
    border:1px solid var(--color-green);
    color:var(--color-green);
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:0.03em;
    padding:5px 12px;
    border-radius:var(--radius-sm);
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transition:opacity var(--transition-fast),transform var(--transition-fast);
    z-index:10;
  }

  .page-disclaimer .disclaimer-timeline__node:hover .disclaimer-timeline__tip,
  .page-disclaimer .disclaimer-timeline__node:focus-visible .disclaimer-timeline__tip{
    opacity:1;
    transform:translateY(-50%) translateX(4px);
  }

  .page-disclaimer .disclaimer-visual{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }
}

/* 桌面端 */
@media (min-width:1024px){
  .page-disclaimer .disclaimer-timeline__panel{
    max-width:760px;
  }

  .page-disclaimer .disclaimer-hero .page-desc{
    font-size:16px;
  }
}
