/* highlights.css - 核心亮点页 */
.feature-tier-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:-18px 0 30px;
}
.feature-tier-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:96px;
  padding:8px 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(13,110,253,.12);
  color:var(--gray-700);
  font-size:var(--font-base);
  font-weight:700;
  text-align:center;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.feature-tier-nav a:hover{
  color:var(--primary);
  border-color:rgba(13,110,253,.28);
  box-shadow:0 12px 26px rgba(13,110,253,.1);
  transform:translateY(-1px);
}
.core-feature-gate-title{
  cursor:pointer;
}
.core-feature-gate-title:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:8px;
  border-radius:8px;
}
.feature-cluster{
  --cluster-main:var(--primary);
  --cluster-soft:#e7f1ff;
  --cluster-faint:#f8fbff;
  --cluster-shadow:rgba(13,110,253,.12);
  position:relative;
  margin-top:28px;
  padding:28px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--cluster-faint),#fff 58%);
  border:1px solid rgba(15,23,42,.06);
  overflow:hidden;
  scroll-margin-top:96px;
}
.feature-cluster::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--cluster-main),rgba(255,255,255,.2));
}
.cluster-core{
  --cluster-main:#059669;
  --cluster-soft:#d1fae5;
  --cluster-faint:#ecfdf5;
  --cluster-shadow:rgba(5,150,105,.18);
}
.cluster-link{
  --cluster-main:#0d6efd;
  --cluster-soft:#dbeafe;
  --cluster-faint:#eff6ff;
  --cluster-shadow:rgba(13,110,253,.14);
}
.cluster-operate{
  --cluster-main:#4f46e5;
  --cluster-soft:#e0e7ff;
  --cluster-faint:#f5f6ff;
  --cluster-shadow:rgba(79,70,229,.12);
}
.cluster-platform{
  --cluster-main:#475569;
  --cluster-soft:#e2e8f0;
  --cluster-faint:#f8fafc;
  --cluster-shadow:rgba(71,85,105,.12);
}
.feature-section-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px 14px;
  align-items:center;
  margin-bottom:18px;
}
.feature-section-head h3{
  font-size:var(--font-h2);
  color:var(--dark);
  line-height:1.35;
}
.feature-section-head p{
  grid-column:2;
  color:var(--gray-700);
  font-size:var(--font-base);
  line-height:1.75;
}
.feature-level{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--cluster-main);
  color:#fff;
  font-size:var(--font-tiny);
  font-weight:800;
}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.feature-grid.core-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.feature-card{
  position:relative;
  min-height:100%;
  padding:22px;
  border-radius:8px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 12px 30px var(--cluster-shadow);
  transition:.25s;
}
.feature-card:hover{
  transform:translateY(-3px);
  border-color:var(--cluster-soft);
  box-shadow:0 18px 44px var(--cluster-shadow);
}
.feature-card.is-core{
  background:linear-gradient(135deg,#ffffff 0%,var(--cluster-soft) 100%);
  border-color:rgba(5,150,105,.22);
}
.feature-card .badge{
  background:var(--cluster-soft);
  color:var(--cluster-main);
}
.feature-card .tech-title{
  font-size:var(--font-title);
  margin:12px 0 10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.45;
}
.feature-card .tech-title::after{
  content:"+";
  margin-left:auto;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--cluster-soft);
  color:var(--cluster-main);
  font-weight:800;
  flex:0 0 24px;
}
.feature-card.is-open .tech-title::after{
  content:"-";
}
.feature-card .tech-title:focus-visible{
  outline:2px solid var(--cluster-main);
  outline-offset:4px;
  border-radius:6px;
}
.feature-card .tech-icon{
  background:var(--cluster-soft);
  border-color:rgba(15,23,42,.08);
  color:var(--cluster-main);
  flex:0 0 auto;
}
.feature-card p{
  color:var(--gray-700);
  font-size:var(--font-base);
  line-height:1.8;
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  transition:max-height .28s ease,opacity .2s ease,margin-top .2s ease;
}
.feature-card.is-open p{
  max-height:260px;
  opacity:1;
  margin-top:10px;
}
@media(max-width:1100px){
  .feature-grid.core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .feature-cluster{padding:22px 18px}
  .feature-section-head{grid-template-columns:1fr}
  .feature-section-head p{grid-column:1}
  .feature-grid,
  .feature-grid.core-grid{grid-template-columns:1fr}
  .feature-tier-nav{justify-content:flex-start}
}