/* 三页样板的局部阅读与响应式调整，保留原品牌样式。 */
.seo-sample .hero-section-12__title { font-size: clamp(34px, 5.5vw, 92px); letter-spacing: 0; }
.seo-sample .hero-section-12__title br { display: block; }
.seo-sample .hero-section-12__subtitle { max-width: 42em; line-height: 1.7; }
.seo-sample .sample-heading { font-size: clamp(28px, 3vw, 48px); margin-bottom: 40px; }
.seo-sample .works-section-12__wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 36px; }
.seo-sample .works-section-12__item { margin: 0; width: auto; min-width: 0; }
.seo-sample .works-section-12__thumb img { width: 100%; height: 340px; object-fit: contain; }
.seo-sample .works-section-12__content p { font-size: 17px; line-height: 1.7; margin-top: 16px; }
.seo-sample .sample-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 30px 0; }
.seo-sample .sample-breadcrumb { padding-top: 28px; padding-bottom: 20px; }
.seo-sample .sample-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0; list-style: none; }
.seo-sample .sample-breadcrumb li + li::before { content: '/'; margin-right: 12px; color: #777; }
.seo-sample .sample-breadcrumb a, .seo-sample .sample-series-nav a, .seo-sample .sample-actions > a:not(.rr-btn-primary) { text-decoration: underline; text-underline-offset: 4px; }
.seo-sample .sample-intro { padding-top: 16px; }
.seo-sample .sample-intro p, .seo-sample .sample-copy p, .seo-sample .sample-list { font-size: 18px; line-height: 1.9; }
.seo-sample .sample-copy p { margin-bottom: 22px; }
.seo-sample .sample-copy h3 { font-size: 26px; margin: 24px 0 16px; }
.seo-sample .sample-list { list-style: disc; padding-left: 24px; margin-bottom: 24px; }
.seo-sample .sample-list li { margin-bottom: 12px; }
.seo-sample .sample-series-nav { display: flex; flex-wrap: wrap; gap: 18px 30px; padding: 20px 0; }
.seo-sample .sample-section { scroll-margin-top: 24px; padding-bottom: 40px; }
.seo-sample .sample-section .section-title { font-size: clamp(28px, 3.8vw, 56px); }
.seo-sample .sample-section .section-content-wrapper { margin-top: 26px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.seo-sample .sample-section .section-content { padding-top: 24px; min-width: 0; }
.seo-sample .sample-section .section-content-wrapper:not(:has(.section-thumb)) { grid-template-columns: minmax(0, 1fr); }
.seo-sample .sample-section .section-content-wrapper:not(:has(.section-thumb)) .section-content { max-width: 950px; border-right: none; }
.seo-sample .sample-section .section-thumb { padding-top: 24px; }
.seo-sample .sample-section .section-thumb img { width: 100%; max-height: 460px; object-fit: contain; }
.seo-sample .breadcrumb__title { font-size: clamp(38px, 6vw, 96px); letter-spacing: 0; line-height: 1.25; }
.seo-sample .bar-icon span { background: #E68908; }
.seo-sample a:focus-visible, .seo-sample button:focus-visible { outline: 3px solid #E68908; outline-offset: 5px; }
.seo-sample main { overflow-wrap: anywhere; }
@media (max-width: 1199px) {
  .seo-sample .header__nav-2 { display: none; }
}
@media (max-width: 991px) {
  .seo-sample .sample-section .section-content-wrapper { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 575px) {
  .seo-sample .hero-section-12__content { padding-block: 180px 100px; }
  .seo-sample .works-section-12__wrapper { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .seo-sample .works-section-12__thumb img { height: 240px; }
  .seo-sample .sample-actions { gap: 16px; }
  .seo-sample .sample-section { padding-bottom: 30px; }
  .seo-sample .sample-intro p, .seo-sample .sample-copy p, .seo-sample .sample-list { font-size: 16px; }
}
