.elementor-7548 .elementor-element.elementor-element-1ae80c8{--display:flex;}.elementor-7548 .elementor-element.elementor-element-a455af2{--display:flex;}.elementor-7548 .elementor-element.elementor-element-6d0cb9a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-1cd261c */body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #f5f6fa;
  color: #23282f;
  margin: 0;
  padding: 0;
}

.blog-main {
  max-width: 830px;
  margin: 0 auto;
  padding: 40px 16px 60px 16px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 32px #20284210;
}

.blog-post {
  width: 100%;
}

.blog-title {
  font-size: 2.4rem;
  font-weight: 800;
  margin-bottom: 26px;
  color: #30a6fa;
  letter-spacing: 0.6px;
}

.blog-section {
  margin-bottom: 38px;
}

.blog-section h2 {
  font-size: 1.45rem;
  font-weight: 700;
  color: #2092e8;
  margin: 24px 0 16px 0;
  letter-spacing: 0.1px;
}

.blog-section ul {
  margin-left: 22px;
  padding-left: 0;
}

.blog-section li {
  margin-bottom: 10px;
  line-height: 1.7;
}

.blog-section figure {
  margin: 18px 0 10px 0;
  text-align: center;
}

/* 图片规范，不超过文章区 */
.blog-section img,
.blog-section figure img,
.fullwidth-img {
  width: 100%;
  max-width: 830px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 2px 12px #23294a15;
  margin: 0 auto;
  display: block;
}

.blog-section figcaption {
  font-size: 0.97rem;
  color: #63718b;
  margin-top: 5px;
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  font-size: 1rem;
}

.compare-table th,
.compare-table td {
  border: 1.2px solid #d5e8f9;
  padding: 9px 10px;
  text-align: center;
}

.compare-table th {
  background: #e3f1fb;
  color: #2563eb;
  font-weight: 700;
}

.compare-table tr:nth-child(even) {
  background: #f7fafc;
}

blockquote {
  margin: 14px 0 12px 0;
  padding: 14px 22px;
  background: #eef5ff;
  border-left: 5px solid #30a6fa;
  font-style: italic;
  color: #27486c;
  border-radius: 7px;
}

.blog-resource-title {
  font-size: 1.21rem;
  font-weight: 700;
  color: #34547a;
  margin: 38px 0 12px 0;
  letter-spacing: 0.1px;
}

.blog-resource-links {
  background: #f6f8fa;
  border-left: 4px solid #36c3fa;
  padding: 18px 24px 16px 18px;
  margin: 16px 0 28px 0;
  border-radius: 10px;
  font-size: 1.09rem;
  box-shadow: 0 2px 8px #0001;
}

.blog-resource-links p {
  margin-bottom: 12px;
}

.blog-resource-links a {
  color: #2577ff;
  text-decoration: underline;
  transition: color 0.15s;
  font-weight: 600;
}

.blog-resource-links a:hover {
  color: #1450b5;
  text-decoration: underline wavy;
}

.blog-resource-links .resource-list {
  margin-top: 14px;
}

.blog-resource-links .resource-list ul {
  margin: 0 0 0 18px;
  padding: 0;
}

.blog-resource-links .resource-list li {
  margin: 6px 0;
  list-style: disc inside;
}

.blog-resource-links strong {
  color: #333b4b;
  font-weight: 700;
}

/* 响应式优化：移动端适配 */
@media (max-width: 900px) {
  .blog-main {
    max-width: 99vw;
    padding: 22px 2vw 30px 2vw;
  }
  .blog-title {
    font-size: 2rem;
  }
  .blog-section h2 {
    font-size: 1.13rem;
  }
  .blog-section img,
  .blog-section figure img,
  .fullwidth-img {
    max-width: 100%;
  }
}/* End custom CSS */