/* 可访问性 - 跳转到内容链接 */
.skip-to-content {
  position: absolute;
  top: -40px;
  left: 6px;
  background: var(--primary);
  color: white;
  padding: 8px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  z-index: 9999;
  transition: top 0.3s;
}

.skip-to-content:focus {
  top: 6px;
}

/* 性能优化 - 系统字体优化，无外部依赖 */

/* 图片性能优化 */
img {
  max-width: 100%;
  height: auto;
  loading: lazy; /* 默认延迟加载 */
}

/* 减少重绘和回流 - 优化性能 */
/* 移除全局硬件加速，仅对需要的元素应用 */
.capability-card,
.value-card,
.faq-item,
.news-preview-card,
.price-card,
.level-card,
.industry-card {
  will-change: transform;
  backface-visibility: hidden;
}

/* 优化动画性能 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

:root{--primary:#4c6ef5;--secondary:#8b5cf6;--accent:#ff9800;--light:#f9f9f9;--dark:#222;--card-bg:#f5f8ff;--card-border:#e5e7eb;}

/* Reset */
*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
body{
  color:#222;
  line-height:1.6;
  /* 字体渲染优化 - 减少CLS */
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 确保字体快速加载 */
  font-display: swap;
}
a{text-decoration:none;color:inherit;}
.container{width:90%;max-width:1200px;margin:0 auto;padding:60px 0;}
.hero .container{padding:20px 0;}
.section{padding:60px 0;scroll-margin-top:100px;}
.section.grey{background:#f9f9f9;}

.hero{background:linear-gradient(135deg,#4c6ef5 0%,#8b5cf6 100%);color:#fff;text-align:center;padding:35px 0 15px;}
.hero h1{font-size:48px;margin-bottom:15px;}
.hero .subtitle{font-size:20px;margin-bottom:20px;}
.highlight-red{color:#e74c3c;font-weight:600;}
.cta-btn{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:14px 32px;border-radius:30px;font-weight:700;transition:.3s;border:none;margin-bottom:15px;}
.cta-btn:hover{filter:brightness(1.05);}

h2{font-size:32px;margin-bottom:30px;}

/* AI Native Capabilities Section */
.section-subtitle{font-size:18px;text-align:center;margin-bottom:40px;color:#666;font-weight:500;}

.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}

.capability-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden;}

.capability-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);}

.capability-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.15);border:2px solid var(--primary);}

.capability-icon{font-size:48px;margin-bottom:20px;display:block;}

.capability-card h3{font-size:22px;font-weight:700;margin-bottom:8px;color:#333;}

.capability-card h4{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.capability-card p{font-size:14px;line-height:1.6;color:#666;margin-bottom:20px;}

.capability-feature{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;margin-top:auto;}

@media(max-width:768px){
  .capabilities-grid{grid-template-columns:1fr;gap:20px;}
  .capability-card{padding:24px 20px;}
}

/* Hero Quote Section */
.hero-quote{margin:10px 0 15px;padding:15px;background:linear-gradient(135deg,rgba(76,110,245,0.05) 0%,rgba(139,92,246,0.05) 100%);border:1px solid rgba(76,110,245,0.1);border-radius:16px;text-align:center;}

.hero-quote p{font-size:16px;line-height:1.6;color:#333;margin:0;font-weight:500;font-style:italic;position:relative;}

.hero-quote p::before{content:"\201c";position:absolute;left:-15px;top:-8px;font-size:32px;color:var(--primary);opacity:0.6;font-family:serif;}

.hero-quote p::after{content:"\201d";position:absolute;right:-15px;bottom:-25px;font-size:32px;color:var(--primary);opacity:0.6;font-family:serif;}

@media(max-width:768px){
  .hero{padding:35px 0 25px;}
  .hero-quote{margin:12px 0 20px;padding:15px;}
  .hero-quote p{font-size:16px;line-height:1.6;}
  .hero-quote p::before,.hero-quote p::after{font-size:30px;}
}

/* Why Us Section Redesign */
.why-us-hero{text-align:center;margin-bottom:50px;}
.why-us-hero h2{font-size:36px;margin-bottom:20px;}
.hero-text{font-size:20px;line-height:1.6;color:#555;margin:0;}

.value-props{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0;}
.value-card{background:#fff;border:1px solid #e1e8f7;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 20px rgba(76,110,245,0.08);transition:transform .3s ease,box-shadow .3s ease,border .3s ease;}
.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(76,110,245,0.15);border:2px solid var(--primary);}
.value-icon{font-size:48px;margin-bottom:20px;display:block;}
.value-card h3{font-size:22px;margin-bottom:12px;color:#333;font-weight:700;}
.value-card p{color:#666;font-size:16px;line-height:1.5;margin:0;}

.cost-benefit{background:linear-gradient(135deg,rgba(76,110,245,0.08) 0%,rgba(139,92,246,0.08) 100%);border:1px solid rgba(76,110,245,0.15);border-radius:16px;padding:30px;margin:50px 0;text-align:center;}
.cost-highlight{display:flex;align-items:center;justify-content:center;gap:15px;}
.cost-emoji{font-size:32px;}
.cost-highlight p{font-size:18px;color:#333;margin:0;font-weight:500;}

.user-questions{background:#fff;border:1px solid #e1e8f7;border-radius:16px;padding:32px;margin:40px 0;box-shadow:0 4px 20px rgba(76,110,245,0.08);}
.user-questions h3{color:#333;margin-bottom:32px;font-size:24px;text-align:center;}
.questions-grid{display:grid;gap:20px;margin-bottom:32px;}
.question-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(76,110,245,0.03) 0%,rgba(139,92,246,0.03) 100%);border:1px solid rgba(76,110,245,0.1);border-radius:12px;transition:all .3s ease;cursor:pointer;justify-content:space-between;}
.question-item:hover{background:linear-gradient(135deg,rgba(76,110,245,0.08) 0%,rgba(139,92,246,0.08) 100%);border:2px solid var(--primary);transform:translateX(8px);}
.question-mark{font-size:24px;flex-shrink:0;margin-top:2px;}
.question-item p{margin:0;font-size:16px;line-height:1.6;color:#333;font-weight:500;flex:1;margin-right:16px;}
.question-cta{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:10px 20px;border-radius:24px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease;flex-shrink:0;align-self:flex-start;margin-top:2px;}
.question-cta:hover{filter:brightness(1.1);transform:scale(1.02);}
.questions-cta{text-align:center;padding:24px;background:linear-gradient(135deg,rgba(76,110,245,0.06) 0%,rgba(139,92,246,0.06) 100%);border-radius:12px;}
.questions-cta .emphasis{margin:0;font-size:18px;font-weight:700;color:var(--primary);}

.cta-section{text-align:center;margin-top:50px;}
.cta-text{font-size:18px;color:#666;margin-bottom:24px;font-style:italic;}

@media(max-width:768px){
  .value-props{grid-template-columns:1fr;gap:20px;margin:30px 0;}
  .value-card{padding:24px;}
  .cost-highlight{flex-direction:column;gap:10px;}
  .cost-highlight p{font-size:16px;}
  .user-questions{padding:24px;margin:30px 0;}
  .user-questions h3{font-size:20px;margin-bottom:24px;}
  .question-item{padding:16px;gap:12px;flex-direction:column;align-items:stretch;}
  .question-item:hover{transform:translateX(4px);}
  .question-mark{font-size:20px;text-align:center;margin-bottom:8px;}
  .question-item p{font-size:15px;line-height:1.5;margin-right:0;margin-bottom:16px;text-align:center;}
  .question-cta{padding:8px 16px;font-size:13px;align-self:center;margin-top:0;width:auto;}
  .questions-cta{padding:20px;}
  .questions-cta .emphasis{font-size:16px;}
  .why-us-hero h2{font-size:28px;}
  .hero-text{font-size:18px;}
}

/* Levels Grid Section */
.levels-explanation{font-size:17px;color:#555;text-align:center;margin-bottom:40px;line-height:1.7;max-width:800px;margin-left:auto;margin-right:auto;padding:20px;background:linear-gradient(135deg,rgba(76,110,245,0.03) 0%,rgba(139,92,246,0.03) 100%);border:1px solid rgba(76,110,245,0.08);border-radius:12px;font-weight:500;}
.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;}

/* Industries Grid Section */
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;}

/* Mobile-first responsive design for Levels and Industries */
@media(max-width:768px){
  /* Section spacing optimization for mobile */
  .section{padding:40px 0;}
  .container{width:95%;padding:40px 0;}
  
  /* Levels and Industries specific optimizations */
  .levels-explanation{font-size:15px;margin-bottom:20px;padding:15px;line-height:1.6;}
  .levels-grid{grid-template-columns:1fr;gap:20px;margin-top:20px;}
  .industries-grid{grid-template-columns:1fr;gap:20px;margin-top:20px;}
  .level-card,.industry-card{
    padding:24px 20px;
    margin-bottom:16px;
    border-radius:16px;
    box-shadow:0 4px 16px rgba(0,0,0,.1);
  }
  .level-card h3,.industry-card h3{font-size:18px;margin-bottom:12px;line-height:1.3;}
  .level-card .badge{font-size:11px;padding:6px 12px;margin-bottom:12px;}
  .level-card li,.industry-card li{font-size:15px;line-height:1.5;margin-bottom:8px;padding:2px 0;}
  .level-card ul,.industry-card ul{margin-bottom:16px;}
  .ai-native-label{font-size:10px;padding:4px 8px;top:12px;right:12px;}
  
  /* Touch target optimization */
  .level-card:hover,.industry-card:hover{transform:none;box-shadow:0 6px 20px rgba(0,0,0,.15);}
}

.level-card,.industry-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:left;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;position:relative;}
.level-card h3,.industry-card h3{margin-bottom:10px;}
.level-card .badge{display:inline-block;background:#4c6ef5;color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;margin-bottom:10px;}
.level-card ul, .industry-card ul{list-style:none;padding-left:0;}
.level-card li, .industry-card li{margin-bottom:6px;font-size:14px;}
.level-card:hover,.industry-card:hover{transform:translateY(-6px);box-shadow:0 6px 16px rgba(0,0,0,.1);border:2px solid var(--primary);}

/* AI Native Label */
.ai-native-label{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:11px;font-weight:600;padding:5px 8px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2;}
.ai-native-label.current{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);animation:glow 2s ease-in-out infinite alternate;}

@keyframes glow{
  0%{box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 8px rgba(231,76,60,.3);}
  100%{box-shadow:0 2px 8px rgba(0,0,0,.2),0 0 12px rgba(231,76,60,.5);}
}



.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:40px;}
.price-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;}
.price-card.popular{border:2px solid #4c6ef5;}
.price-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.1);border:2px solid var(--primary);}
.price-card.popular:hover{border:2px solid #4c6ef5;}
.price-card h3{margin-bottom:10px;}
.price-card .price{font-size:28px;font-weight:700;margin:10px 0 20px;}
.price-card ul{list-style:none;text-align:left;margin-bottom:20px;}
.price-card li{margin-bottom:8px;font-size:14px;}
.cta-secondary{display:inline-block;border:2px solid #2b47d9;color:#2b47d9;font-weight:700;padding:10px 26px;border-radius:30px;transition:.3s;background:transparent;}
.cta-secondary:hover{background:#2b47d9;color:#fff;}

.assurance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px;}
.assurance-grid div{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease,border .3s ease;}
.assurance-grid h3{margin-bottom:10px;}
.assurance-grid div:hover{transform:translateY(-6px);box-shadow:0 6px 16px rgba(0,0,0,.1);border:2px solid var(--primary);}

.footer{background:#222;color:#bbb;padding:30px 0;text-align:center;font-size:14px;}

@media (max-width:768px){
  .hero h1{font-size:32px;}
  .hero .subtitle{font-size:18px;margin-bottom:20px;}
  .highlight-red{color:#e74c3c;font-weight:700;}
}

/* Header Navigation */
.site-header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06);position:sticky;top:0;z-index:999;}
.site-header .flex{display:flex;align-items:center;justify-content:space-between;}
.logo{font-weight:700;font-size:20px;color:#4c6ef5;}
.nav{display:flex;gap:24px;}
.nav a{color:#333;font-weight:500;transition:.3s;}
.nav a:hover{color:#4c6ef5;}
.cta-small{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:8px 20px;border-radius:24px;font-weight:700;display:inline-block;border:none;}
.cta-small:hover{filter:brightness(1.05);}

.menu-toggle{display:none;font-size:24px;cursor:pointer;color:#4c6ef5;}

@media(max-width:768px){
  .nav{position:absolute;top:60px;right:0;background:#fff;flex-direction:column;gap:16px;padding:20px 30px;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateX(100%);transition:.3s;}
  .nav.open{transform:translateX(0);}
  .menu-toggle{display:block;}
  .cta-small{display:block;margin-left:12px;}
}

/* Footer */
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;text-align:left;}
.footer-grid h4{margin-bottom:10px;font-size:16px;}
.footer-grid ul{list-style:none;padding:0;}
.footer-grid li{margin-bottom:6px;}
.footer-grid a:hover{text-decoration:underline;}
.footer .copyright{margin-top:20px;font-size:13px;color:#bbb;}

.quote{margin:20px auto 0;font-style:italic;max-width:800px;opacity:.85;}
.small{font-size:12px;color:#666;margin-top:4px;}

.site-header .container{padding:16px 0!important;}

/* Hero Flex Layout */
.hero-flex{display:flex;align-items:center;justify-content:space-between;gap:40px;}
.hero-content{flex:1;text-align:left;}
.hero-illustration{
  flex:1;
  text-align:right;
  /* CLS优化：预留图片空间 */
  min-height:371px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.hero-illustration img{
  /* CLS优化：稳定图片尺寸 */
  width:371px;
  height:371px;
  max-width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  /* 防止加载时闪烁 */
  background:linear-gradient(135deg,rgba(76,110,245,0.1) 0%,rgba(139,92,246,0.1) 100%);
}
@media(max-width:768px){
  .hero-flex{flex-direction:column-reverse;text-align:center;}
  .hero-content{text-align:center;}
  .hero-illustration{
    text-align:center;
    margin-bottom:20px;
    min-height:280px;
    justify-content:center;
  }
  .hero-illustration img{
    width:280px;
    height:280px;
    max-width:90vw;
  }
}

/* Heading underline */
.section h2{position:relative;display:inline-block;padding-bottom:8px;}
.section h2::after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;background:var(--primary);border-radius:2px;}

/* Popular price card badge */
.price-card.popular::after{content:"热门";position:absolute;top:-12px;right:-12px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.15);}

/* FAQ Section */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:20px;}
.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease,border .3s ease;}
.faq-item h3{margin-bottom:12px;color:#333;font-size:16px;}
.faq-item p{font-size:14px;line-height:1.6;color:#555;}
.faq-item:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.1);border:2px solid var(--primary);}

/* Container max width tweak */
@media(min-width:1440px){.container{max-width:1280px;}}

/* News Preview Section Styles */
.news-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;}
.news-preview-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;}
.news-preview-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.news-preview-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:280px;}
.news-preview-image{position:relative;overflow:hidden;height:200px;}
.news-preview-card.featured .news-preview-image{height:auto;}
.news-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.news-preview-card:hover .news-preview-image img{transform:scale(1.05);}
.news-category{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:600;color:#fff;z-index:2;}
.news-category.insights{background:linear-gradient(135deg,#4c6ef5 0%,#6c5ce7 100%);}
.news-category.cases{background:linear-gradient(135deg,#00d4aa 0%,#01a085 100%);}
.news-category.updates{background:linear-gradient(135deg,#ff9500 0%,#ff6b35 100%);}
.news-preview-content{padding:25px;}
.news-preview-card.featured .news-preview-content{padding:35px;display:flex;flex-direction:column;justify-content:center;}
.news-preview-content h3{margin:0 0 12px 0;font-size:18px;line-height:1.4;color:#333;}
.news-preview-card.featured .news-preview-content h3{font-size:22px;margin-bottom:15px;}
.news-preview-content p{color:#666;line-height:1.6;margin:0 0 15px 0;font-size:14px;}
.news-preview-card.featured .news-preview-content p{font-size:15px;margin-bottom:18px;}
.news-preview-meta{display:flex;align-items:center;font-size:12px;color:#999;gap:5px;margin-bottom:12px;}
.news-date{font-weight:500;}
.reading-time{opacity:0.8;}
.read-more{color:var(--primary);text-decoration:none;font-weight:600;font-size:14px;transition:color 0.3s ease;}
.read-more:hover{color:var(--secondary);}
.news-section-cta{text-align:center;padding:20px 0;}
.section-subtitle{text-align:center;color:#666;font-size:16px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;}

@media(max-width:768px){
  .news-preview-grid{grid-template-columns:1fr;gap:20px;}
  .news-preview-card.featured{grid-template-columns:1fr;min-height:auto;}
  .news-preview-card.featured .news-preview-image{height:180px;}
  .news-preview-card.featured .news-preview-content{padding:25px;}
  .news-preview-card.featured .news-preview-content h3{font-size:20px;}
  .news-preview-content{padding:20px;}
  .news-preview-content h3{font-size:16px;}
} 