body {
      background: linear-gradient(135deg, #0a1d14 0%, #1d3b2a 50%, #0a1d14 100%);
      background-attachment: fixed;
      min-height: 100vh;
    }
    
    .section-title {
      position: relative;
      display: inline-block;
      margin-bottom: 2.5rem;
    }
    
    .section-title:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 60px;
      height: 4px;
      background: linear-gradient(90deg, #ff8c42, #ffb77c);
      border-radius: 2px;
    }
    
    .hero-overlay {
      background: linear-gradient(90deg, rgba(10, 29, 20, 0.8) 0%, rgba(29, 59, 42, 0.6) 100%);
    }
    
    .hero-title {
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }
    
    .skill-card {
      background: linear-gradient(145deg, rgba(45, 92, 66, 0.7), rgba(29, 59, 42, 0.7));
      backdrop-filter: blur(10px);
      border: 1px solid rgba(125, 157, 138, 0.2);
      transition: all 0.3s ease;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    }
    
    .skill-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      border-color: rgba(255, 140, 66, 0.3);
    }
    
    .tips li {
      position: relative;
      padding-left: 2rem;
      margin-bottom: 1rem;
    }
    
    .tips li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 8px;
      width: 12px;
      height: 12px;
      background-color: #ff8c42;
      border-radius: 50%;
    }
    
    .video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(255, 140, 66, 0.2);
    }
    
    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    
    .footer-link:hover {
      color: #ffb77c;
      transform: translateX(5px);
    }
    
    .subscribe-input:focus {
      outline: none;
      box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.3);
    }
    
    .nav-link {
      position: relative;
      transition: all 0.3s ease;
    }
    
    .nav-link:after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #ff8c42, #ffb77c);
      transition: width 0.3s ease;
    }
    
    .nav-link:hover:after {
      width: 100%;
    }
    
    .floating {
      animation: floating 3s ease-in-out infinite;
    }
    
    @keyframes floating {
      0% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
      100% { transform: translateY(0px); }
    }
    
    .progress-bar {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      height: 10px;
    }
    
    .progress-fill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background: linear-gradient(90deg, #ff8c42, #ffb77c);
      border-radius: 10px;
    }
    
    .character-image {
      filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
      border: 2px solid rgba(255, 140, 66, 0.3);
    }
    
    @media (max-width: 768px) {
      .section-title:after {
        width: 40px;
        bottom: -8px;
      }
    }
    /* 优化专家建议部分 */
.expert-advice {
  background: linear-gradient(90deg, rgba(45, 92, 66, 0.5), rgba(29, 59, 42, 0.5));
  padding: 2rem;
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 140, 66, 0.2);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.expert-advice h3 {
  color: #ffb77c;
  margin-bottom: 1.5rem;
}

.expert-advice p {
  color: #eaeaea;
  line-height: 1.6;
  word-break: break-word;
  overflow-wrap: break-word;
}

.expert-info {
  text-align: center;
  margin-top: 1.5rem;
}

.expert-info .expert-avatar {
  width: 6rem;
  height: 6rem;
  border: 2px dashed #ffb77c;
  border-radius: 50%;
  background-color: #444;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.expert-info .expert-name {
  font-size: 1.125rem;
  color: #ffb77c;
  margin-bottom: 0.5rem;
}

.expert-info .expert-experience {
  font-size: 0.875rem;
  color: #a0a0a0;
}