@media (max-width: 820px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    font-size: 15px;
  }

  img,
  video,
  canvas {
    max-width: 100%;
    height: auto;
  }

  .site-header {
    position: relative;
    height: auto !important;
    min-height: 58px;
    gap: 8px 12px;
    padding: 9px 14px;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: visible !important;
  }

  .site-brand {
    min-width: 0;
  }

  .site-brand span {
    font-size: 10px;
    letter-spacing: 0.16em;
  }

  .site-brand strong {
    font-size: 14px;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  .site-nav {
    order: 3;
    position: static !important;
    display: flex !important;
    flex: 0 0 100%;
    justify-content: flex-start;
    gap: 16px;
    overflow-x: auto;
    padding-top: 8px;
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    scrollbar-width: none;
    z-index: 1002;
  }

  .site-nav::-webkit-scrollbar {
    display: none;
  }

  .site-nav a {
    flex: 0 0 auto;
    min-height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: rgba(250, 244, 236, 0.88) !important;
    white-space: nowrap;
    opacity: 1 !important;
    pointer-events: auto;
  }

  .site-nav-actions {
    order: 2;
    gap: 6px;
    min-width: 0;
    margin-left: auto;
  }

  .site-admin-link {
    display: none;
  }

  .site-nav-action {
    min-height: 30px;
    padding: 0 10px;
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  .final-carousel-preview-page .site-header {
    position: absolute;
    height: auto !important;
    min-height: 86px;
    background: linear-gradient(180deg, rgba(13, 12, 10, 0.98), rgba(13, 12, 10, 0.68)) !important;
  }

  .final-carousel-preview-page .hero {
    min-height: 600px;
    height: 74svh;
    max-height: 700px;
  }

  .final-carousel-preview-page .hero-slide {
    min-height: inherit;
  }

  .final-carousel-preview-page .hero-content,
  .final-carousel-preview-page .hero-content-left,
  .final-carousel-preview-page .hero-content-right {
    top: auto !important;
    right: 22px !important;
    bottom: 78px !important;
    left: 22px !important;
    max-width: calc(100% - 44px) !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero .eyebrow {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
  }

  .final-carousel-preview-page .hero h1,
  .final-carousel-preview-page .hero h2 {
    max-width: 100%;
    font-size: clamp(30px, 8.6vw, 38px);
    line-height: 1.08;
    white-space: normal;
  }

  .final-carousel-preview-page .hero-title-sub {
    font-size: clamp(16px, 4.8vw, 20px);
    line-height: 1.25;
    margin: 10px 0 10px;
  }

  .final-carousel-preview-page .hero-intro {
    max-width: 21em;
    font-size: 12.5px;
    line-height: 1.65;
    margin-top: 0;
    margin-bottom: 0;
  }

  .final-carousel-preview-page .hero-actions {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
  }

  .final-carousel-preview-page .button {
    min-height: 38px;
    padding: 0 14px;
    font-size: 11px;
    color: #171511 !important;
  }

  .final-carousel-preview-page .text-link {
    font-size: 12px;
  }

  .final-carousel-preview-page .hero-controls {
    right: 18px;
    bottom: 18px;
    left: 18px;
  }

  .final-carousel-preview-page .hero-caption {
    display: none;
  }

  .final-carousel-preview-page .hero-slide-paper {
    background-size: auto 50% !important;
    background-position: 120% 27% !important;
  }

  .final-carousel-preview-page .hero-slide-paper .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(13, 12, 10, 0.95) 0%, rgba(13, 12, 10, 0.72) 42%, rgba(13, 12, 10, 0.1) 100%),
      linear-gradient(180deg, rgba(13, 12, 10, 0.4) 0%, rgba(13, 12, 10, 0.05) 42%, rgba(13, 12, 10, 0.9) 78%, rgba(13, 12, 10, 0.98) 100%);
  }

  .final-carousel-preview-page .hero-scene-image {
    position: absolute;
    top: 98px !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: min(292px, 42svh) !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    background: #11100e;
  }

  .final-carousel-preview-page .hero-slide-ink,
  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi,
  .final-carousel-preview-page .hero-slide-studio {
    background-color: #11100e !important;
    background-size: cover;
    background-position: center;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-overlay,
  .final-carousel-preview-page .hero-slide-studio .hero-overlay {
    background:
      linear-gradient(180deg, rgba(17, 16, 14, 0.38) 0%, rgba(17, 16, 14, 0.08) 44%, rgba(17, 16, 14, 0.94) 76%, rgba(17, 16, 14, 0.98) 100%),
      linear-gradient(90deg, rgba(17, 16, 14, 0.8) 0%, rgba(17, 16, 14, 0.12) 100%);
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-overlay-light,
  .final-carousel-preview-page .hero-slide-kongzi .hero-overlay-light {
    background:
      linear-gradient(180deg, rgba(17, 16, 14, 0.18) 0%, rgba(17, 16, 14, 0.04) 46%, rgba(17, 16, 14, 0.86) 76%, rgba(17, 16, 14, 0.96) 100%),
      linear-gradient(90deg, rgba(17, 16, 14, 0.46) 0%, rgba(17, 16, 14, 0.04) 54%, rgba(17, 16, 14, 0.32) 100%) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-overlay-light {
    background:
      linear-gradient(180deg, rgba(241, 237, 228, 0.12) 0%, rgba(241, 237, 228, 0.04) 44%, rgba(241, 237, 228, 0.9) 75%, rgba(241, 237, 228, 0.98) 100%),
      linear-gradient(90deg, rgba(241, 237, 228, 0.5) 0%, rgba(241, 237, 228, 0.08) 100%) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 102px !important;
    right: 18px !important;
    left: 18px !important;
    width: auto !important;
    height: min(292px, 42svh) !important;
    padding: 8px !important;
    gap: 6px !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-content-left {
    top: auto !important;
  }

  .dark-home {
    overflow-x: hidden;
  }

  .dark-timeline-band,
  .dark-section,
  .dark-contact {
    padding: 44px 20px;
  }

  .dark-section-head {
    display: block;
    margin-bottom: 22px;
  }

  .dark-section-head h2,
  .dark-contact h2 {
    font-size: clamp(28px, 8vw, 36px);
    line-height: 1.28;
  }

  .dark-section-kicker,
  .dark-section-link,
  .dark-contact p {
    font-size: 13px;
    line-height: 1.7;
  }

  .dark-timeline-mosaic,
  .dark-chapter-card-grid,
  .dark-art-language-layout,
  .dark-literature-layout {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .dark-chapter-card-grid {
    gap: 12px;
  }

  .dark-chapter-card,
  .dark-chapter-card:nth-child(n) {
    min-height: 310px;
    border-radius: 8px;
  }

  .dark-chapter-card img {
    max-height: 185px;
  }

  .dark-art-language-visual {
    min-height: 380px;
  }

  .dark-art-language-copy,
  .dark-literature-copy {
    padding: 0;
  }

  .dark-literature-books {
    min-height: 250px;
  }

  .about-v3-page .about-hero,
  .works-hero,
  .literature-hero,
  .timeline-hero,
  .catalog-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: auto;
    height: auto;
    padding: 0;
  }

  .about-hero-copy,
  .works-hero-copy,
  .literature-hero-copy,
  .timeline-hero-copy,
  .catalog-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
    padding: 48px 22px 34px;
  }

  .about-v3-page .about-hero {
    overflow: hidden;
  }

  .about-v3-page .about-hero-copy,
  .about-v3-page .about-hero-image {
    grid-column: 1 / -1;
  }

  .about-hero h1,
  .works-hero h1,
  .literature-hero h1,
  .timeline-hero .timeline-hero-statement,
  .catalog-hero h1,
  .literature-list-hero h1 {
    font-size: clamp(30px, 8.6vw, 38px);
    line-height: 1.2;
    white-space: normal;
  }

  .about-hero h1 span,
  .about-hero h1 em,
  .works-hero h1 em,
  .literature-hero h1 em,
  .timeline-hero .timeline-hero-statement em {
    white-space: normal;
  }

  .about-role,
  .about-lead,
  .about-v3-page .about-lead,
  .works-hero-lead,
  .literature-hero-lead,
  .timeline-hero .timeline-hero-lead,
  .catalog-intro {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.68;
    white-space: normal;
  }

  .about-v3-page .about-hero-image,
  .works-hero-art,
  .literature-hero-book,
  .timeline-hero-visual {
    width: 100%;
    min-height: 0;
    transform: none;
  }

  .about-v3-page .about-hero-image img,
  .works-hero-art img,
  .literature-hero-book img,
  .timeline-hero-main img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .about-shell,
  .works-archive,
  .works-inquiry,
  .literature-shell,
  .timeline-corridor,
  .catalog-directory,
  .literature-list-hero,
  .literature-full-list {
    width: 100%;
    padding: 40px 22px;
  }

  .about-section-heading,
  .works-archive-heading,
  .literature-index-heading,
  .catalog-directory-heading {
    display: block;
    margin-bottom: 20px;
  }

  .about-section-heading h2,
  .works-archive-heading h2,
  .literature-index-heading h2,
  .catalog-directory-heading h2 {
    font-size: clamp(26px, 8vw, 34px);
    line-height: 1.25;
    white-space: normal;
  }

  .about-section-note,
  .works-catalog-entry,
  .literature-index-heading a {
    margin-top: 8px;
    font-size: 13px;
  }

  .about-v3-page .about-life-grid,
  .about-v3-page .about-language-grid,
  .about-v3-page .about-film-grid,
  .about-v3-page .about-v3-public-grid,
  .about-v3-page .about-v3-industry-panel,
  .works-grid,
  .literature-index-list,
  .literature-list,
  .catalog-list,
  .work-detail,
  .literature-detail-layout,
  .literature-detail-sections {
    grid-template-columns: 1fr !important;
  }

  .about-v3-page .about-life-copy h2,
  .about-v3-page .about-film-copy h2,
  .about-v3-page .about-v3-public-copy h2,
  .about-v3-page .about-v3-industry-panel h2,
  .works-inquiry h2,
  .timeline-ending h2 {
    font-size: clamp(24px, 7vw, 32px);
    line-height: 1.3;
    white-space: normal;
  }

  .about-v3-page .about-life-copy > p,
  .about-v3-page .about-method-list p,
  .about-v3-page .about-film-copy > p,
  .about-v3-page .about-v3-public-copy p,
  .about-v3-page .about-v3-record-list p,
  .about-v3-page .about-v3-industry-copy p,
  .works-card-copy p,
  .literature-index-list p,
  .timeline-event p,
  .catalog-card p,
  .work-description p,
  .literature-detail-section p {
    font-size: 14.5px;
    line-height: 1.7;
  }

  .about-v3-page .about-v3-book-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .about-v3-page .about-v3-book-grid figure {
    min-height: 116px;
  }

  .about-v3-page .about-v3-book-grid img {
    max-height: 116px;
  }

  .about-v3-page .about-film-stills {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 22px;
  }

  .about-v3-page .about-film-stills img {
    min-height: 0;
    height: auto;
    object-fit: contain;
  }

  .works-toolbar,
  .works-filter {
    display: block;
  }

  .works-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow-x: visible;
    white-space: normal;
  }

  .works-filter button {
    display: inline-flex;
    margin: 0;
  }

  .works-card,
  .catalog-card {
    min-width: 0;
  }

  .works-card h3,
  .catalog-card h3,
  .work-title-block h1,
  .timeline-event h3 {
    font-size: clamp(18px, 5.4vw, 24px);
    line-height: 1.3;
    white-space: normal;
  }

  .work-detail {
    display: block;
    min-height: auto;
  }

  .work-gallery {
    position: relative;
    min-height: auto;
  }

  .work-main-image {
    min-height: 420px;
    padding: 28px 18px;
  }

  .work-main-image img {
    max-height: 360px;
  }

  .work-information {
    padding: 34px 22px 42px;
  }

  .work-metadata {
    grid-template-columns: 1fr;
  }

  .work-metadata div,
  .work-metadata div:nth-child(even),
  .work-metadata div:nth-child(odd) {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
  }

  .literature-subpage .literature-detail-shell,
  .literature-detail-shell {
    padding: 74px 22px 42px;
  }

  .literature-subpage .literature-detail-shell h1,
  .literature-detail-shell h1 {
    font-size: clamp(24px, 7vw, 32px);
    line-height: 1.35;
    white-space: normal;
  }

  .literature-detail-meta,
  .literature-detail-summary-line {
    font-size: 14px;
    line-height: 1.75;
  }

  .literature-detail-scan {
    max-width: 100%;
  }

  .catalog-volume-index {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    overflow: visible;
  }

  .catalog-volume-index a {
    min-height: 86px;
    min-width: 0;
    padding: 16px 14px;
  }

  .catalog-mark {
    display: none;
  }

  .catalog-hero,
  .catalog-hero-copy,
  .catalog-eyebrow,
  .catalog-intro {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  .catalog-hero::after {
    display: none !important;
  }

  .catalog-eyebrow {
    letter-spacing: 0.1em;
  }

  .timeline-hero-visual {
    aspect-ratio: 1080 / 481;
  }

  .timeline-corridor {
    padding-top: 34px;
  }

  .timeline-event {
    padding: 20px 0;
  }

  .timeline-ending {
    min-height: 140px;
    padding: 36px 22px;
  }

  .works-footer,
  .literature-footer,
  .timeline-footer,
  .about-v3-site-footer,
  .work-detail-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    padding: 22px;
  }

  .dark-art-language-layout,
  .dark-art-language-visual,
  .dark-art-language-copy,
  .dark-art-language-notes {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }

  .dark-art-language-layout {
    overflow: hidden !important;
  }

  .dark-art-language-visual {
    min-height: 340px;
  }

  .final-carousel-preview-page .dark-art-study-piece,
  .final-carousel-preview-page .dark-art-study-piece img {
    position: relative !important;
    inset: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    max-width: 78vw !important;
    transform: none !important;
  }

  .dark-art-mark {
    display: none !important;
  }

  .dark-art-language-notes {
    padding: 0 0 4px !important;
  }

  .dark-art-language-notes p,
  .dark-art-language-notes p > span,
  .dark-art-language-notes p.dark-note-natural > span {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .dark-book-carousel,
  .dark-book-slide,
  .dark-book-slide > .dark-book-caption,
  .dark-book-notes,
  .dark-book-note {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .dark-book-carousel {
    min-height: 260px !important;
    overflow: hidden !important;
  }

  .dark-book-slide {
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }

  .dark-book-slide > .dark-book-caption {
    display: none !important;
    position: static !important;
    max-width: 100% !important;
  }

  .dark-book-cover {
    max-width: min(62%, 230px) !important;
    max-height: 230px !important;
  }

  .dark-book-notes {
    display: none !important;
  }

  .final-carousel-preview-page .dark-timeline-band {
    padding: 0 !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic {
    display: grid !important;
    height: auto !important;
    min-height: 430px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 116px 92px 92px 92px !important;
    gap: 6px !important;
    padding: 126px 14px 16px !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic::before {
    background:
      linear-gradient(180deg, rgba(12, 11, 10, 0.9) 0%, rgba(12, 11, 10, 0.62) 36%, rgba(12, 11, 10, 0.22) 100%) !important;
  }

  .final-carousel-preview-page .dark-timeline-head {
    top: 22px !important;
    right: 22px !important;
    left: 22px !important;
    width: auto !important;
    transform: none !important;
    display: flex !important;
    gap: 8px !important;
    align-items: baseline !important;
  }

  .final-carousel-preview-page .dark-timeline-head span {
    font-size: 18px !important;
  }

  .final-carousel-preview-page .dark-timeline-head strong {
    font-size: 23px !important;
    line-height: 1.1 !important;
  }

  .final-carousel-preview-page .dark-timeline-head em {
    margin-left: auto !important;
    font-size: 11px !important;
  }

  .final-carousel-preview-page .dark-timeline-copy {
    top: 56px !important;
    right: 22px !important;
    bottom: auto !important;
    left: 22px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    align-items: flex-start !important;
  }

  .final-carousel-preview-page .dark-timeline-copy p {
    width: auto !important;
    max-width: 100% !important;
    font-size: clamp(25px, 7.4vw, 30px) !important;
    line-height: 1.16 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .dark-timeline-copy span {
    width: auto !important;
    max-width: 25em !important;
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  .timeline-hero .timeline-hero-statement {
    max-width: 100% !important;
    font-size: clamp(27px, 7.6vw, 32px) !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
  }

  .timeline-hero .timeline-hero-lead {
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic figure:nth-of-type(n) {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic figure:nth-of-type(1) {
    grid-column: 1 / span 2 !important;
    grid-row: 1 / span 2 !important;
  }
}

@media (max-width: 430px) {
  .site-brand strong {
    font-size: 13px;
  }

  .site-nav-action {
    padding: 0 9px;
  }

  .final-carousel-preview-page .hero {
    min-height: 590px;
    height: 74svh;
  }

  .final-carousel-preview-page .hero h1,
  .final-carousel-preview-page .hero h2 {
    font-size: clamp(29px, 8.4vw, 36px);
  }

  .final-carousel-preview-page .hero-title-sub {
    font-size: clamp(16px, 4.8vw, 19px);
  }

  .final-carousel-preview-page .hero-intro {
    max-width: 21em;
    font-size: 12.5px;
  }

  .final-carousel-preview-page .hero-scene-image {
    height: min(276px, 40svh) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    height: min(276px, 40svh) !important;
  }

  .dark-chapter-card {
    min-height: 280px;
  }

  .about-hero h1,
  .works-hero h1,
  .literature-hero h1,
  .timeline-hero .timeline-hero-statement,
  .catalog-hero h1 {
    font-size: clamp(28px, 8.2vw, 35px);
  }
}

/* Homepage mobile carousel image scale v11: 手机端轮播沿用安全版图片，主体不顶导航。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-paper {
    background-image: url("public/images/hero-home-selected-face-safe-v1.png") !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .final-carousel-preview-page .hero-slide-ink {
    background-image: url("public/images/hero-qin-scene-safe-v1.png") !important;
  }

  .final-carousel-preview-page .hero-slide-chansi {
    background-image: url("public/images/hero-chansi-scene-safe-v1.png") !important;
  }

  .final-carousel-preview-page .hero-slide-kongzi {
    background-image: url("public/images/hero-kongzi-scene-safe-v1.png") !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-scene-image,
  .final-carousel-preview-page .hero-slide-chansi .hero-scene-image,
  .final-carousel-preview-page .hero-slide-kongzi .hero-scene-image {
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 13% !important;
    bottom: 12% !important;
    transform: scale(0.92) !important;
    transform-origin: center center !important;
  }
}

@media (max-width: 640px) {
  body {
    background: #f1ede4;
  }

  .site-header,
  .final-carousel-preview-page .site-header {
    position: sticky !important;
    top: 0;
    z-index: 2000;
    min-height: 0 !important;
    padding: 10px 14px 8px !important;
    background: rgba(13, 12, 10, 0.98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .site-brand span {
    font-size: 9px !important;
    letter-spacing: 0.14em !important;
  }

  .site-brand strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .site-nav {
    gap: 18px !important;
    padding-top: 7px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  .site-nav a {
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
  }

  .final-carousel-preview-page .hero-actions {
    display: none !important;
  }

  .final-carousel-preview-page .button span,
  .final-carousel-preview-page .text-link span,
  .works-catalog-arrow,
  .literature-heading-more span,
  .work-main-image span,
  .work-consult-link i,
  .work-pagination i {
    display: none !important;
  }

  .dark-section-head > a,
  .final-carousel-preview-page .dark-timeline-head em {
    display: none !important;
  }

  .works-catalog-entry,
  .literature-heading-more {
    text-decoration: none !important;
  }

  .site-nav-action {
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
  }

  .final-carousel-preview-page .hero {
    min-height: 540px !important;
    height: 68svh !important;
    max-height: 620px !important;
  }

  .final-carousel-preview-page .hero-slide-paper {
    background-size: auto 44% !important;
    background-position: 110% 20% !important;
  }

  .final-carousel-preview-page .hero-scene-image {
    top: 18px !important;
    height: min(270px, 39svh) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 18px !important;
    right: 16px !important;
    left: 16px !important;
    height: min(270px, 39svh) !important;
  }

  .final-carousel-preview-page .hero-content,
  .final-carousel-preview-page .hero-content-left,
  .final-carousel-preview-page .hero-content-right {
    right: 20px !important;
    bottom: 58px !important;
    left: 20px !important;
    max-width: calc(100% - 40px) !important;
  }

  .final-carousel-preview-page .hero .eyebrow {
    margin-bottom: 8px !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
  }

  .final-carousel-preview-page .hero h1,
  .final-carousel-preview-page .hero h2 {
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0.04em !important;
  }

  .final-carousel-preview-page .hero-title-sub {
    margin: 8px 0 !important;
    font-size: clamp(15px, 4.4vw, 18px) !important;
    letter-spacing: 0.12em !important;
  }

  .final-carousel-preview-page .hero-intro {
    max-width: 23em !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .final-carousel-preview-page .hero-actions {
    margin-top: 10px !important;
    gap: 8px !important;
  }

  .final-carousel-preview-page .button,
  .final-carousel-preview-page .text-link {
    font-size: 10.5px !important;
    letter-spacing: 0.08em !important;
  }

  .final-carousel-preview-page .button {
    min-height: 34px !important;
    padding: 0 12px !important;
  }

  .final-carousel-preview-page .hero-controls {
    bottom: 14px !important;
  }

  .dark-timeline-band,
  .dark-section,
  .dark-contact {
    padding: 34px 18px !important;
  }

  .dark-section-head {
    margin-bottom: 16px !important;
  }

  .dark-section-head h2,
  .dark-contact h2 {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.22 !important;
  }

  .dark-section-kicker,
  .dark-section-link,
  .dark-contact p {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic {
    min-height: 360px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: 92px 78px 78px !important;
    padding: 112px 12px 14px !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic figure:nth-of-type(n + 7) {
    display: none !important;
  }

  .final-carousel-preview-page .dark-timeline-head {
    top: 18px !important;
    right: 18px !important;
    left: 18px !important;
  }

  .final-carousel-preview-page .dark-timeline-head span {
    font-size: 14px !important;
  }

  .final-carousel-preview-page .dark-timeline-head strong {
    font-size: 20px !important;
  }

  .final-carousel-preview-page .dark-timeline-head em {
    display: none !important;
  }

  .final-carousel-preview-page .dark-timeline-copy {
    top: 48px !important;
    right: 18px !important;
    left: 18px !important;
  }

  .final-carousel-preview-page .dark-timeline-copy p {
    font-size: clamp(22px, 6.4vw, 26px) !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  .final-carousel-preview-page .dark-timeline-copy span {
    max-width: 23em !important;
    margin-top: 6px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  .dark-chapter-card,
  .dark-chapter-card:nth-child(n) {
    min-height: 240px !important;
  }

  .dark-chapter-card img {
    max-height: 150px !important;
  }

  .dark-chapter-card strong {
    font-size: 21px !important;
  }

  .dark-chapter-card p {
    font-size: 12px !important;
  }

  .dark-art-language-visual {
    min-height: 300px !important;
  }

  .final-carousel-preview-page .dark-art-study-piece,
  .final-carousel-preview-page .dark-art-study-piece img {
    width: min(68vw, 250px) !important;
    max-width: 68vw !important;
  }

  .dark-art-language-notes p,
  .dark-art-language-notes p > span,
  .dark-art-language-notes p.dark-note-natural > span {
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  .dark-literature-books {
    min-height: 220px !important;
  }

  .dark-book-carousel {
    min-height: 220px !important;
  }

  .dark-book-cover {
    max-width: min(58%, 190px) !important;
    max-height: 190px !important;
  }

  .dark-contact {
    text-align: left !important;
  }

  .dark-contact h2 {
    max-width: 13em !important;
  }

  .about-hero-copy,
  .works-hero-copy,
  .literature-hero-copy,
  .timeline-hero-copy,
  .catalog-hero-copy {
    padding: 34px 20px 24px !important;
  }

  .about-hero h1,
  .works-hero h1,
  .literature-hero h1,
  .timeline-hero .timeline-hero-statement,
  .catalog-hero h1,
  .literature-list-hero h1 {
    font-size: clamp(28px, 7.6vw, 34px) !important;
    line-height: 1.18 !important;
  }

  .about-v3-page .about-hero-image,
  .works-hero-art,
  .literature-hero-book,
  .timeline-hero-visual {
    max-height: 260px !important;
    overflow: hidden !important;
  }

  .about-v3-page .about-hero-image img,
  .works-hero-art img,
  .literature-hero-book img,
  .timeline-hero-main img {
    max-height: 260px !important;
    object-fit: contain !important;
  }

  .about-shell,
  .works-archive,
  .works-inquiry,
  .literature-shell,
  .timeline-corridor,
  .catalog-directory,
  .literature-list-hero,
  .literature-full-list {
    padding: 30px 20px !important;
  }

  .about-section-heading,
  .works-archive-heading,
  .literature-index-heading,
  .catalog-directory-heading {
    margin-bottom: 14px !important;
  }

  .about-section-heading h2,
  .works-archive-heading h2,
  .literature-index-heading h2,
  .catalog-directory-heading h2 {
    font-size: clamp(23px, 6.7vw, 29px) !important;
  }

  .about-section-note,
  .works-catalog-entry,
  .literature-index-heading a {
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .about-v3-page .about-life-copy > p,
  .about-v3-page .about-method-list p,
  .about-v3-page .about-film-copy > p,
  .about-v3-page .about-v3-public-copy p,
  .about-v3-page .about-v3-record-list p,
  .about-v3-page .about-v3-industry-copy p,
  .works-card-copy p,
  .literature-index-list p,
  .timeline-event p,
  .catalog-card p,
  .work-description p,
  .literature-detail-section p {
    font-size: 13.5px !important;
    line-height: 1.62 !important;
  }

  .about-v3-page .about-film-stills img:nth-child(n + 3),
  .about-v3-page .about-v3-book-grid figure:nth-child(n + 5) {
    display: none !important;
  }

  .about-v3-page .about-v3-book-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .works-grid {
    gap: 14px !important;
  }

  .works-card {
    border-radius: 6px !important;
  }

  .work-main-image {
    min-height: 300px !important;
    padding: 18px !important;
  }

  .work-main-image img {
    max-height: 280px !important;
  }

  .timeline-event {
    padding: 16px 0 !important;
  }

  .timeline-event h3 {
    font-size: clamp(17px, 5vw, 21px) !important;
  }

  .timeline-ending {
    min-height: 110px !important;
    padding: 26px 20px !important;
  }
}

/* About hero unified background v9: 手机和平板下统一大师简介首屏照片区与板块底色。 */
@media (max-width: 899px) {
  .about-v3-page .about-hero {
    --about-hero-bg-unified: #050505;
    background: var(--about-hero-bg-unified) !important;
  }

  .about-v3-page .about-hero-copy,
  .about-v3-page .about-hero-image {
    background: var(--about-hero-bg-unified) !important;
  }

  .about-v3-page .about-hero-image {
    position: relative !important;
    overflow: hidden !important;
  }

  .about-v3-page .about-hero-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      radial-gradient(ellipse 76% 68% at 50% 42%, rgba(34, 34, 32, 0.42), transparent 74%),
      var(--about-hero-bg-unified);
    pointer-events: none;
  }

  .about-v3-page .about-hero-image img,
  .about-v3-page .about-hero-image figcaption {
    position: relative !important;
    z-index: 1 !important;
  }

  .about-v3-page .about-hero {
    --about-hero-bg-unified: #030303;
  }

  .about-v3-page .about-hero-image {
    background:
      radial-gradient(ellipse 76% 70% at 50% 44%, rgba(34, 34, 32, 0.34), transparent 72%),
      var(--about-hero-bg-unified) !important;
  }

  .about-v3-page .about-hero-image::before {
    z-index: 0 !important;
    background:
      radial-gradient(ellipse 76% 68% at 50% 42%, rgba(34, 34, 32, 0.36), transparent 74%),
      linear-gradient(90deg, var(--about-hero-bg-unified) 0%, rgba(3, 3, 3, 0.48) 12%, rgba(3, 3, 3, 0) 28%, rgba(3, 3, 3, 0) 76%, rgba(3, 3, 3, 0.54) 100%),
      linear-gradient(180deg, var(--about-hero-bg-unified) 0%, rgba(3, 3, 3, 0) 12%, rgba(3, 3, 3, 0) 86%, var(--about-hero-bg-unified) 100%) !important;
  }

  .about-v3-page .about-hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    background:
      linear-gradient(90deg, var(--about-hero-bg-unified) 0%, rgba(3, 3, 3, 0.52) 10%, rgba(3, 3, 3, 0) 28%, rgba(3, 3, 3, 0.12) 56%, rgba(3, 3, 3, 0.78) 80%, var(--about-hero-bg-unified) 100%),
      linear-gradient(180deg, var(--about-hero-bg-unified) 0%, rgba(3, 3, 3, 0) 10%, rgba(3, 3, 3, 0) 88%, var(--about-hero-bg-unified) 100%);
    pointer-events: none;
  }

  .about-v3-page .about-hero-image img {
    z-index: 1 !important;
    filter: brightness(0.96) contrast(0.98) saturate(0.96) !important;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, #000 8%, #000 68%, rgba(0, 0, 0, 0.72) 82%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 5%, #000 93%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0%, #000 8%, #000 68%, rgba(0, 0, 0, 0.72) 82%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 5%, #000 93%, transparent 100%);
    mask-composite: intersect;
  }

  .about-v3-page .about-hero-image figcaption {
    display: none !important;
  }
}

/* Homepage mobile carousel v10: 手机端首页首屏沿用电脑端左右构图，只整体缩小。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero {
    min-height: 0 !important;
    height: min(64svh, 560px) !important;
    max-height: 560px !important;
    overflow: hidden !important;
  }

  .final-carousel-preview-page .hero-slide {
    min-height: 0 !important;
    height: 100% !important;
  }

  .final-carousel-preview-page .hero-content,
  .final-carousel-preview-page .hero-content-left,
  .final-carousel-preview-page .hero-content-right,
  .final-carousel-preview-page .hero-content-studio,
  .final-carousel-preview-page .hero-content-gallery {
    top: 52% !important;
    bottom: auto !important;
    right: auto !important;
    left: 7vw !important;
    width: 40vw !important;
    max-width: 40vw !important;
    transform: translateY(-48%) scale(0.78) !important;
    transform-origin: left center !important;
  }

  .final-carousel-preview-page .hero-content-right {
    right: 7vw !important;
    left: auto !important;
    transform-origin: right center !important;
  }

  .final-carousel-preview-page .hero .eyebrow {
    margin-bottom: 8px !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.1em !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .hero h1,
  .final-carousel-preview-page .hero h2 {
    max-width: none !important;
    font-size: clamp(30px, 9vw, 46px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .hero-title-sub {
    margin: 9px 0 10px !important;
    font-size: clamp(15px, 4vw, 22px) !important;
    line-height: 1.2 !important;
    letter-spacing: 0.1em !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .hero-intro {
    max-width: 24em !important;
    font-size: 11px !important;
    line-height: 1.58 !important;
  }

  .final-carousel-preview-page .hero-actions {
    display: none !important;
  }

  .final-carousel-preview-page .hero-caption {
    display: none !important;
  }

  .final-carousel-preview-page .hero-controls {
    right: 16px !important;
    bottom: 12px !important;
    left: 16px !important;
  }

  .final-carousel-preview-page .hero-slide-paper {
    background-size: auto 68% !important;
    background-position: right -2vw center !important;
  }

  .final-carousel-preview-page .hero-slide-paper .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(13, 12, 10, 0.96) 0%, rgba(13, 12, 10, 0.72) 34%, rgba(13, 12, 10, 0.08) 68%, rgba(13, 12, 10, 0) 100%) !important;
  }

  .final-carousel-preview-page .hero-scene-image {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(0.92) !important;
    transform-origin: center center !important;
    background: transparent !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-scene-image {
    transform: scale(0.9) translateX(6vw) !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-scene-image,
  .final-carousel-preview-page .hero-slide-kongzi .hero-scene-image {
    transform: scale(0.9) !important;
  }

  .final-carousel-preview-page .hero-slide-studio {
    background-size: cover !important;
    background-position: center center !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-overlay,
  .final-carousel-preview-page .hero-slide-studio .hero-overlay {
    background:
      linear-gradient(90deg, rgba(17, 16, 14, 0.88) 0%, rgba(17, 16, 14, 0.54) 38%, rgba(17, 16, 14, 0.04) 78%) !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-overlay-light,
  .final-carousel-preview-page .hero-slide-kongzi .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0.9) 0%, rgba(241, 237, 228, 0.58) 36%, rgba(241, 237, 228, 0.04) 76%) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 11% !important;
    right: 5vw !important;
    bottom: 10% !important;
    left: auto !important;
    width: 56vw !important;
    height: auto !important;
    padding: 7px !important;
    gap: 5px !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0.98) 0%, rgba(241, 237, 228, 0.84) 42%, rgba(241, 237, 228, 0.12) 72%) !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero {
    height: min(62svh, 520px) !important;
  }

  .final-carousel-preview-page .hero-content,
  .final-carousel-preview-page .hero-content-left,
  .final-carousel-preview-page .hero-content-right,
  .final-carousel-preview-page .hero-content-studio,
  .final-carousel-preview-page .hero-content-gallery {
    left: 6vw !important;
    width: 42vw !important;
    max-width: 42vw !important;
    transform: translateY(-48%) scale(0.68) !important;
  }

  .final-carousel-preview-page .hero-content-right {
    right: 6vw !important;
    left: auto !important;
  }

  .final-carousel-preview-page .hero-slide-paper {
    background-size: auto 64% !important;
    background-position: right -16vw center !important;
  }

  .final-carousel-preview-page .hero h1,
  .final-carousel-preview-page .hero h2 {
    font-size: clamp(30px, 11vw, 42px) !important;
  }

  .final-carousel-preview-page .hero-intro {
    font-size: 10.5px !important;
    line-height: 1.52 !important;
  }
}

/* Homepage mobile nav separation v12: 手机端导航与轮播分离，轮播主体不被遮挡。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .site-header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
  }

  .final-carousel-preview-page .hero {
    height: min(58svh, 520px) !important;
    min-height: 390px !important;
  }

  .final-carousel-preview-page .hero-slide-paper {
    background-image: url("public/images/hero-home-selected-face-safe-v1.png") !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .final-carousel-preview-page .hero-slide-ink {
    background-image: url("public/images/hero-qin-scene-safe-v1.png") !important;
  }

  .final-carousel-preview-page .hero-slide-chansi {
    background-image: url("public/images/hero-chansi-scene-safe-v1.png") !important;
  }

  .final-carousel-preview-page .hero-slide-kongzi {
    background-image: url("public/images/hero-kongzi-scene-safe-v1.png") !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-scene-image,
  .final-carousel-preview-page .hero-slide-chansi .hero-scene-image,
  .final-carousel-preview-page .hero-slide-kongzi .hero-scene-image {
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 12% !important;
    bottom: 12% !important;
    transform: scale(0.92) !important;
    transform-origin: center center !important;
  }
}

/* Homepage mobile carousel full-bleed restore v13: 手机端同样使用完整场景图铺满背景。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-paper {
    background-image: url("public/images/hero-home-selected-face-fixed-v2-original-face.png") !important;
    background-size: cover !important;
    background-position: center 54% !important;
  }

  .final-carousel-preview-page .hero-slide-ink,
  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center 54% !important;
  }

  .final-carousel-preview-page .hero-slide-ink {
    background-image: url("public/images/hero-qin-scene-v3.png") !important;
  }

  .final-carousel-preview-page .hero-slide-chansi {
    background-image: url("public/images/hero-chansi-scene-v2.png") !important;
  }

  .final-carousel-preview-page .hero-slide-kongzi {
    background-image: url("public/images/hero-kongzi-scene-v2.png") !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-scene-image,
  .final-carousel-preview-page .hero-slide-chansi .hero-scene-image,
  .final-carousel-preview-page .hero-slide-kongzi .hero-scene-image {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right {
    right: 7vw !important;
    left: auto !important;
    transform-origin: right center !important;
  }
}

/* Homepage mobile carousel layout v14: 第3、4、5张文字放入画面留白处，避免压住作品。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-content,
  .final-carousel-preview-page .hero-content-left,
  .final-carousel-preview-page .hero-content-right,
  .final-carousel-preview-page .hero-content-studio,
  .final-carousel-preview-page .hero-content-gallery {
    top: 50% !important;
    bottom: auto !important;
    width: min(42vw, 188px) !important;
    max-width: min(42vw, 188px) !important;
    transform: translateY(-48%) scale(0.76) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-content-left,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    left: 6.5vw !important;
    right: auto !important;
    text-align: left !important;
    transform-origin: left center !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right {
    right: 6.5vw !important;
    left: auto !important;
    text-align: left !important;
    transform-origin: right center !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 12% !important;
    right: 5vw !important;
    bottom: 12% !important;
    left: auto !important;
    width: 56vw !important;
    height: auto !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0.96) 0%, rgba(241, 237, 228, 0.74) 36%, rgba(241, 237, 228, 0.12) 70%, rgba(241, 237, 228, 0) 100%) !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0) 0%, rgba(241, 237, 228, 0.1) 42%, rgba(241, 237, 228, 0.76) 72%, rgba(241, 237, 228, 0.94) 100%) !important;
  }

  .final-carousel-preview-page .hero-slide-kongzi .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0.96) 0%, rgba(241, 237, 228, 0.74) 36%, rgba(241, 237, 228, 0.1) 68%, rgba(241, 237, 228, 0) 100%) !important;
  }

  .final-carousel-preview-page .hero h1,
  .final-carousel-preview-page .hero h2 {
    font-size: clamp(28px, 8vw, 40px) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .hero-title-sub {
    font-size: clamp(14px, 3.8vw, 19px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .hero-intro {
    max-width: 18em !important;
    font-size: 10.5px !important;
    line-height: 1.55 !important;
  }
}

/* Homepage mobile carousel scaled full-bleed v15: 手机端同步使用主体缩小的全幅图。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-paper {
    background-image: url("public/images/hero-home-selected-face-safe-v2.png") !important;
  }

  .final-carousel-preview-page .hero-slide-ink {
    background-image: url("public/images/hero-qin-scene-safe-v2.png") !important;
  }

  .final-carousel-preview-page .hero-slide-chansi {
    background-image: url("public/images/hero-chansi-scene-safe-v2.png") !important;
  }

  .final-carousel-preview-page .hero-slide-kongzi {
    background-image: url("public/images/hero-kongzi-scene-safe-v2.png") !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-content,
  .final-carousel-preview-page .hero-content-left,
  .final-carousel-preview-page .hero-content-right,
  .final-carousel-preview-page .hero-content-studio,
  .final-carousel-preview-page .hero-content-gallery {
    width: 44vw !important;
    max-width: 44vw !important;
    transform: translateY(-48%) scale(0.66) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-content-left,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    left: 5vw !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right {
    right: 5vw !important;
  }
}

/* Mobile polish v16: 修正首页时光长廊文字层级、文献书籍文字和大师简介标题行。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .dark-timeline-mosaic {
    position: relative !important;
    isolation: isolate !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic::before {
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .final-carousel-preview-page .dark-timeline-mosaic figure {
    position: relative !important;
    z-index: 1 !important;
  }

  .final-carousel-preview-page .dark-timeline-head,
  .final-carousel-preview-page .dark-timeline-copy {
    z-index: 4 !important;
  }

  .final-carousel-preview-page .dark-timeline-copy {
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.58) !important;
  }

  .final-carousel-preview-page .dark-literature-layout {
    gap: 16px !important;
  }

  .final-carousel-preview-page .dark-book-carousel {
    min-height: 340px !important;
  }

  .final-carousel-preview-page .dark-book-slide {
    min-height: 340px !important;
    padding-bottom: 96px !important;
  }

  .final-carousel-preview-page .dark-book-slide > .dark-book-caption {
    display: block !important;
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    left: 18px !important;
    z-index: 5 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    color: rgba(245, 240, 230, 0.92) !important;
    text-align: left !important;
  }

  .final-carousel-preview-page .dark-book-caption p {
    margin: 0 0 5px !important;
    font-size: 11px !important;
    color: rgba(198, 116, 90, 0.96) !important;
  }

  .final-carousel-preview-page .dark-book-caption strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    color: rgba(255, 252, 244, 0.96) !important;
  }

  .final-carousel-preview-page .dark-book-caption span {
    display: block !important;
    margin-top: 5px !important;
    font-size: 11.5px !important;
    line-height: 1.48 !important;
    color: rgba(238, 230, 216, 0.76) !important;
  }

  .about-v3-page .about-section-heading {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
  }

  .about-v3-page .about-section-heading > p:first-child {
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .about-v3-page .about-section-note {
    margin: 0 0 2px auto !important;
    max-width: 52% !important;
    text-align: right !important;
    white-space: normal !important;
  }

  .about-v3-page .about-language-intro h2 {
    font-size: clamp(34px, 9.2vw, 44px) !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 430px) {
  .about-v3-page .about-section-heading {
    gap: 10px !important;
  }

  .about-v3-page .about-section-note {
    max-width: 48% !important;
    font-size: 11px !important;
  }

  .about-v3-page .about-language-intro h2 {
    font-size: clamp(30px, 8.6vw, 38px) !important;
  }
}

/* Mobile carousel slide 04 v17: 第4张同步为左图右字。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-content-gallery,
  .final-carousel-preview-page .hero-slide-gallery .hero-content-left {
    right: 5.5vw !important;
    left: auto !important;
    width: min(39vw, 176px) !important;
    max-width: min(39vw, 176px) !important;
    text-align: left !important;
    transform-origin: right center !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    right: auto !important;
    left: 4.5vw !important;
    width: 50vw !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0.05) 0%, rgba(241, 237, 228, 0.1) 45%, rgba(241, 237, 228, 0.76) 75%, rgba(241, 237, 228, 0.96) 100%) !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-content-gallery,
  .final-carousel-preview-page .hero-slide-gallery .hero-content-left {
    right: 4.5vw !important;
    width: 40vw !important;
    max-width: 40vw !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    left: 4vw !important;
    width: 50vw !important;
  }
}

/* Mobile carousel slide 06 v18: 万世师表文字移到右侧，和桌面保持一致。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 5.5vw !important;
    left: auto !important;
    width: min(40vw, 178px) !important;
    max-width: min(40vw, 178px) !important;
    text-align: left !important;
    transform-origin: right center !important;
  }

  .final-carousel-preview-page .hero-slide-kongzi .hero-overlay-light {
    background:
      linear-gradient(90deg, rgba(241, 237, 228, 0.02) 0%, rgba(241, 237, 228, 0.08) 42%, rgba(241, 237, 228, 0.72) 76%, rgba(241, 237, 228, 0.96) 100%) !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 4.5vw !important;
    width: 40vw !important;
    max-width: 40vw !important;
  }
}

/* About mobile books v19: 著述与文献书籍改为 3x2，去掉书架，封面缩小适配手机。 */
@media (max-width: 820px) {
  .about-v3-page .about-v3-book-shelf {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .about-v3-page .about-v3-book-shelf::before,
  .about-v3-page .about-v3-book-shelf::after {
    display: none !important;
    content: none !important;
  }

  .about-v3-page .about-v3-book-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    align-items: end !important;
  }

  .about-v3-page .about-v3-book-grid figure,
  .about-v3-page .about-v3-book-grid figure:nth-child(-n + 3),
  .about-v3-page .about-v3-book-grid figure:nth-child(n + 4),
  .about-v3-page .about-v3-book-grid figure:nth-child(n + 5) {
    display: flex !important;
    min-height: clamp(96px, 28vw, 122px) !important;
    margin: 0 !important;
    transform: none !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .about-v3-page .about-v3-book-grid img {
    width: auto !important;
    max-width: 100% !important;
    height: clamp(92px, 27vw, 118px) !important;
    max-height: none !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.36)) !important;
  }
}

@media (max-width: 430px) {
  .about-v3-page .about-v3-book-grid {
    gap: 8px 7px !important;
  }

  .about-v3-page .about-v3-book-grid figure,
  .about-v3-page .about-v3-book-grid figure:nth-child(-n + 3),
  .about-v3-page .about-v3-book-grid figure:nth-child(n + 4),
  .about-v3-page .about-v3-book-grid figure:nth-child(n + 5) {
    min-height: clamp(84px, 26vw, 104px) !important;
  }

  .about-v3-page .about-v3-book-grid img {
    height: clamp(80px, 25vw, 100px) !important;
  }
}

/* Mobile hero anti-overlap v20: 时光长廊和作品典藏首屏图文分开，避免图片压住文字。 */
@media (max-width: 820px) {
  .works-page .works-hero,
  .timeline-page .timeline-hero {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .works-page .works-hero-copy,
  .timeline-page .timeline-hero-copy {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 34px 22px 18px !important;
    background: transparent !important;
  }

  .works-page .works-hero h1,
  .timeline-page .timeline-hero .timeline-hero-statement {
    max-width: 100% !important;
    margin-top: 12px !important;
  }

  .works-page .works-hero-lead,
  .timeline-page .timeline-hero .timeline-hero-lead {
    max-width: 100% !important;
    margin-top: 14px !important;
  }

  .works-page .works-hero-scene,
  .works-page .works-hero::before {
    inset: 0 !important;
    opacity: 0.72 !important;
  }

  .works-page .works-hero-art,
  .timeline-page .timeline-hero-visual {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 18px 26px !important;
    overflow: visible !important;
    transform: none !important;
  }

  .works-page .works-hero-art img,
  .timeline-page .timeline-hero-main img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .works-page .works-hero-art figcaption,
  .timeline-page .timeline-hero-visual::before,
  .timeline-page .timeline-hero-main::after {
    display: none !important;
  }

  .timeline-page .timeline-hero {
    background-position: center top !important;
  }

  .timeline-page .timeline-hero-visual {
    padding-top: 4px !important;
  }
}

@media (max-width: 430px) {
  .works-page .works-hero-copy,
  .timeline-page .timeline-hero-copy {
    padding: 30px 18px 16px !important;
  }

  .works-page .works-hero-art,
  .timeline-page .timeline-hero-visual {
    padding-inline: 14px !important;
  }

  .works-page .works-hero-art img,
  .timeline-page .timeline-hero-main img {
    max-height: 190px !important;
  }
}

/* Mobile section heading row v21: 简介和文献页板块名与右侧文字统一排成一行。 */
@media (max-width: 820px) {
  .about-v3-page .about-section-heading,
  .literature-page .literature-index-heading {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin-bottom: 16px !important;
  }

  .about-v3-page .about-section-heading > p:first-child,
  .literature-page .literature-index-heading > div {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .about-v3-page .about-section-heading > p:first-child span,
  .literature-page .literature-index-number,
  .literature-page .literature-index-heading h2 {
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .about-v3-page .about-section-note,
  .literature-page .literature-heading-more {
    flex: 1 1 auto !important;
    max-width: 54% !important;
    margin: 0 0 1px auto !important;
    text-align: right !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  .literature-page .literature-heading-more span {
    display: inline !important;
  }
}

@media (max-width: 430px) {
  .about-v3-page .about-section-heading,
  .literature-page .literature-index-heading {
    gap: 8px !important;
  }

  .about-v3-page .about-section-note,
  .literature-page .literature-heading-more {
    max-width: 50% !important;
    font-size: 11px !important;
  }

  .literature-page .literature-index-heading h2 {
    font-size: 20px !important;
  }
}

/* Mobile carousel detail v22: 禅思、万世师表作品右移，观世音文字下移到中部偏下。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-position: 42% 54% !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-content-gallery,
  .final-carousel-preview-page .hero-slide-gallery .hero-content-left {
    top: 58% !important;
    transform: translateY(-42%) scale(0.76) !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-position: 40% 54% !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-content-gallery,
  .final-carousel-preview-page .hero-slide-gallery .hero-content-left {
    top: 60% !important;
    transform: translateY(-42%) scale(0.66) !important;
  }
}

/* Mobile carousel balance v23: 修正观世音拼图错位，禅思和万世师表图文向中心收拢。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 14% !important;
    bottom: 14% !important;
    left: 5vw !important;
    right: auto !important;
    width: 50vw !important;
    display: grid !important;
    grid-template-columns: 1.08fr 0.74fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 7px !important;
    padding: 8px !important;
    align-items: stretch !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img:first-child {
    grid-row: 1 / span 2 !important;
  }

  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-position: 47% 54% !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 8vw !important;
    left: auto !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 15% !important;
    bottom: 15% !important;
    left: 4.5vw !important;
    width: 51vw !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-position: 46% 54% !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 7vw !important;
  }
}

/* Mobile home timeline copy v24: 首页01板块大标题放左上，说明文字放图片右下。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .dark-timeline-mosaic {
    min-height: 390px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(4, minmax(72px, 1fr)) !important;
    padding: 18px 14px 16px !important;
  }

  .final-carousel-preview-page .dark-timeline-head {
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    z-index: 5 !important;
  }

  .final-carousel-preview-page .dark-timeline-copy {
    position: absolute !important;
    inset: 0 !important;
    z-index: 4 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .final-carousel-preview-page .dark-timeline-copy p {
    position: absolute !important;
    top: 58px !important;
    left: 18px !important;
    width: min(78vw, 330px) !important;
    max-width: min(78vw, 330px) !important;
    margin: 0 !important;
    font-size: clamp(24px, 7vw, 31px) !important;
    line-height: 1.15 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .final-carousel-preview-page .dark-timeline-copy span {
    position: absolute !important;
    right: 18px !important;
    bottom: 20px !important;
    width: min(66vw, 300px) !important;
    max-width: min(66vw, 300px) !important;
    margin: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
    text-align: right !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .dark-timeline-mosaic {
    min-height: 350px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, minmax(76px, 1fr)) !important;
    padding: 16px 12px 14px !important;
  }

  .final-carousel-preview-page .dark-timeline-copy p {
    top: 52px !important;
    left: 16px !important;
    width: min(78vw, 300px) !important;
    max-width: min(78vw, 300px) !important;
    font-size: clamp(22px, 6.6vw, 27px) !important;
  }

  .final-carousel-preview-page .dark-timeline-copy span {
    right: 16px !important;
    bottom: 18px !important;
    width: min(68vw, 270px) !important;
    max-width: min(68vw, 270px) !important;
    font-size: 10.8px !important;
  }
}

/* Mobile carousel center tune v25: 观世音拼图重置，千古一帝、禅思、万世师表图文向中心靠。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    position: absolute !important;
    top: 13.5% !important;
    bottom: 13.5% !important;
    left: 5.5vw !important;
    right: auto !important;
    width: 49vw !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.74fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 7px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img,
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img:nth-child(n) {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  .final-carousel-preview-page .hero-slide-ink,
  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-position: 50% 54% !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-content-left {
    left: 9vw !important;
    right: auto !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 9vw !important;
    left: auto !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 14% !important;
    bottom: 14% !important;
    left: 5vw !important;
    width: 50vw !important;
    gap: 5px !important;
    padding: 6px !important;
  }

  .final-carousel-preview-page .hero-slide-ink,
  .final-carousel-preview-page .hero-slide-chansi,
  .final-carousel-preview-page .hero-slide-kongzi {
    background-position: 50% 54% !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-content-left {
    left: 8vw !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 8vw !important;
  }
}

/* Mobile carousel center tune v26: 观世音拼图稳定成 1+2，千古一帝、禅思、万世师表图文向画面中心回收。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    top: 50% !important;
    bottom: auto !important;
    left: 6vw !important;
    right: auto !important;
    width: min(52vw, 260px) !important;
    height: auto !important;
    aspect-ratio: 1.08 / 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.78fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 6px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: translateY(-50%) !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img,
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img:nth-child(n) {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art img:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-content-left {
    left: 11vw !important;
    right: auto !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 11vw !important;
    left: auto !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-scene-image,
  .final-carousel-preview-page .hero-slide-chansi .hero-scene-image,
  .final-carousel-preview-page .hero-slide-kongzi .hero-scene-image {
    object-position: center center !important;
    transform-origin: center center !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-scene-image {
    transform: scale(0.9) translateX(3vw) !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-scene-image,
  .final-carousel-preview-page .hero-slide-kongzi .hero-scene-image {
    transform: scale(0.9) !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .hero-slide-gallery .hero-gallery-art {
    left: 5.5vw !important;
    width: 51vw !important;
    gap: 5px !important;
    padding: 5px !important;
  }

  .final-carousel-preview-page .hero-slide-ink .hero-content-left {
    left: 10vw !important;
  }

  .final-carousel-preview-page .hero-slide-chansi .hero-content-right,
  .final-carousel-preview-page .hero-slide-kongzi .hero-content-left {
    right: 10vw !important;
  }
}

/* About mobile typography v27: 大师简介页 01、02 板块标题降一级，手机端更克制。 */
@media (max-width: 820px) {
  .about-page .about-life-copy h2,
  .about-page .about-language-intro h2 {
    font-size: clamp(25px, 7vw, 34px) !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 430px) {
  .about-page .about-life-copy h2 {
    font-size: clamp(23px, 6.3vw, 29px) !important;
    line-height: 1.22 !important;
  }

  .about-page .about-language-intro h2 {
    font-size: clamp(25px, 7vw, 31px) !important;
    line-height: 1.18 !important;
  }
}

/* Timeline mobile images v28: 手机端时间轴缩略图统一尺寸，点击后仍查看对应大图。 */
@media (max-width: 760px) {
  .timeline-page .timeline-event-media,
  .timeline-page .timeline-event-media.is-pair {
    grid-column: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    height: clamp(116px, 31vw, 154px) !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: rgba(231, 224, 211, 0.82) !important;
  }

  .timeline-page .timeline-event-media img,
  .timeline-page .timeline-event-media.is-pair img,
  .timeline-page .timeline-event-media.is-pair img:last-child {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: rgba(231, 224, 211, 0.82) !important;
  }
}

@media (max-width: 430px) {
  .timeline-page .timeline-event-media,
  .timeline-page .timeline-event-media.is-pair {
    height: clamp(104px, 30vw, 132px) !important;
    gap: 5px !important;
  }
}

/* Timeline mobile year rail v29: 双年份不压住右侧图片。 */
@media (max-width: 760px) {
  .timeline-page .timeline-progress {
    left: 110px !important;
  }

  .timeline-page .timeline-event,
  .timeline-page .timeline-event:nth-child(even),
  .timeline-page .timeline-event:nth-child(odd),
  .timeline-page .timeline-event.is-compact {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    column-gap: 22px !important;
  }

  .timeline-page .timeline-event::before,
  .timeline-page .timeline-event:nth-child(even)::before,
  .timeline-page .timeline-event:nth-child(odd)::before {
    left: 88px !important;
    width: 22px !important;
  }

  .timeline-page .timeline-event::after,
  .timeline-page .timeline-event:nth-child(even)::after,
  .timeline-page .timeline-event:nth-child(odd)::after {
    left: 92px !important;
  }

  .timeline-page .timeline-event-year,
  .timeline-page .timeline-event.is-compact .timeline-event-year {
    width: 88px !important;
    max-width: 88px !important;
    font-size: clamp(16px, 4.1vw, 19px) !important;
    line-height: 1.12 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 430px) {
  .timeline-page .timeline-progress {
    left: 100px !important;
  }

  .timeline-page .timeline-event,
  .timeline-page .timeline-event:nth-child(even),
  .timeline-page .timeline-event:nth-child(odd),
  .timeline-page .timeline-event.is-compact {
    grid-template-columns: 80px minmax(0, 1fr) !important;
    column-gap: 20px !important;
  }

  .timeline-page .timeline-event::before,
  .timeline-page .timeline-event:nth-child(even)::before,
  .timeline-page .timeline-event:nth-child(odd)::before {
    left: 80px !important;
    width: 20px !important;
  }

  .timeline-page .timeline-event::after,
  .timeline-page .timeline-event:nth-child(even)::after,
  .timeline-page .timeline-event:nth-child(odd)::after {
    left: 84px !important;
  }

  .timeline-page .timeline-event-year,
  .timeline-page .timeline-event.is-compact .timeline-event-year {
    width: 80px !important;
    max-width: 80px !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
  }
}

/* Home mobile compact v30: 首页手机端整体收紧，调整02作品、03艺术语言、04文献和底部联系。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .dark-section,
  .final-carousel-preview-page .dark-timeline-band,
  .final-carousel-preview-page .dark-contact {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .final-carousel-preview-page .dark-timeline-copy p {
    font-size: clamp(24px, 6.7vw, 31px) !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
  }

  .final-carousel-preview-page .dark-timeline-copy span {
    margin-top: 8px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }

  .final-carousel-preview-page .dark-chapter-card,
  .final-carousel-preview-page .dark-chapter-card:nth-child(n) {
    min-height: 248px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .final-carousel-preview-page .dark-chapter-card figure {
    min-height: 156px !important;
    margin: 8px 0 10px !important;
  }

  .final-carousel-preview-page .dark-chapter-card img {
    max-height: 176px !important;
    transform: scale(1.08) !important;
    transform-origin: center center !important;
  }

  .final-carousel-preview-page .dark-art-language-layout {
    gap: 8px !important;
  }

  .final-carousel-preview-page .dark-art-language-visual {
    min-height: 258px !important;
    padding-bottom: 0 !important;
  }

  .final-carousel-preview-page .dark-art-study-piece,
  .final-carousel-preview-page .dark-art-study-piece img {
    width: min(66vw, 245px) !important;
    max-width: 66vw !important;
  }

  .final-carousel-preview-page .dark-art-language-copy {
    margin-top: -8px !important;
    padding-top: 0 !important;
  }

  .final-carousel-preview-page .dark-art-language-notes {
    display: block !important;
    padding-top: 0 !important;
  }

  .final-carousel-preview-page .dark-art-language-notes p {
    margin: 0 0 10px !important;
  }

  .final-carousel-preview-page .dark-literature {
    padding-bottom: 28px !important;
  }

  .final-carousel-preview-page .dark-literature-layout {
    gap: 10px !important;
  }

  .final-carousel-preview-page .dark-book-carousel,
  .final-carousel-preview-page .dark-book-slide {
    min-height: 190px !important;
    height: 190px !important;
  }

  .final-carousel-preview-page .dark-book-cover {
    max-width: min(52%, 170px) !important;
    max-height: 170px !important;
  }

  .final-carousel-preview-page .dark-literature-copy {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .final-carousel-preview-page .dark-book-notes {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }

  .final-carousel-preview-page .dark-book-note {
    padding-bottom: 0 !important;
  }

  .final-carousel-preview-page .dark-contact h2 {
    max-width: none !important;
    font-size: clamp(18px, 5.2vw, 23px) !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 430px) {
  .final-carousel-preview-page .dark-section,
  .final-carousel-preview-page .dark-timeline-band,
  .final-carousel-preview-page .dark-contact {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .final-carousel-preview-page .dark-timeline-copy p {
    font-size: clamp(22px, 6.1vw, 27px) !important;
  }

  .final-carousel-preview-page .dark-chapter-card,
  .final-carousel-preview-page .dark-chapter-card:nth-child(n) {
    min-height: 230px !important;
  }

  .final-carousel-preview-page .dark-chapter-card figure {
    min-height: 146px !important;
  }

  .final-carousel-preview-page .dark-chapter-card img {
    max-height: 164px !important;
  }

  .final-carousel-preview-page .dark-art-language-visual {
    min-height: 238px !important;
  }

  .final-carousel-preview-page .dark-art-language-copy {
    margin-top: -10px !important;
  }

  .final-carousel-preview-page .dark-book-carousel,
  .final-carousel-preview-page .dark-book-slide {
    min-height: 174px !important;
    height: 174px !important;
  }

  .final-carousel-preview-page .dark-book-cover {
    max-height: 154px !important;
  }

  .final-carousel-preview-page .dark-contact h2 {
    font-size: clamp(17px, 4.8vw, 20px) !important;
  }
}

/* About film mobile v31: 影像板块三张图按桌面比例缩小显示，保留完整三图。 */
@media (max-width: 820px) {
  .about-v3-page .about-film-stills {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 16px !important;
  }

  .about-v3-page .about-film-stills img,
  .about-v3-page .about-film-stills img:nth-child(n),
  .about-v3-page .about-film-stills img:nth-child(n + 3) {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: clamp(88px, 23vw, 132px) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .about-v3-page .about-film-stills img:first-child {
    grid-column: 1 / -1 !important;
    height: clamp(112px, 29vw, 168px) !important;
  }
}

@media (max-width: 430px) {
  .about-v3-page .about-film-stills {
    gap: 6px !important;
    margin-top: 14px !important;
  }

  .about-v3-page .about-film-stills img,
  .about-v3-page .about-film-stills img:nth-child(n),
  .about-v3-page .about-film-stills img:nth-child(n + 3) {
    height: clamp(76px, 22vw, 104px) !important;
  }

  .about-v3-page .about-film-stills img:first-child {
    height: clamp(96px, 28vw, 136px) !important;
  }
}

/* Homepage timeline slogan mobile v32: 手机端 01 大字略收小并保持一行。 */
@media (max-width: 820px) {
  .final-carousel-preview-page .dark-timeline-copy p {
    font-size: clamp(21px, 5.7vw, 26px) !important;
    white-space: nowrap !important;
  }
}

/* Font unification v1: use bundled webfont so phones match desktop typography. */
:root {
  --serif: "HBQ Serif", "Songti SC", "STSong", "Noto Serif SC", serif;
  --sans: "HBQ Sans", "HBQ Serif", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--sans);
}