/* ==========全局通用样式========== */
        .container {
            max-width:1440px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .section-title {
            font-size: 32px;
            margin: 100px 0 40px 0px;
            padding-left: 12px;
            border-left: 4px solid #ffffff;
        }

        body {
        background-color: #0c0c0c;
        color: #fff;
        }

        /* ==========1. 全屏欢迎首页========== */
        .hero {
          position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            z-index: 20;
        }

        .hero h1 {
            font-size: 52px;
            font-weight: 500;
            margin-bottom: 20px;
            letter-spacing: 6px;
        }

        .hero p {
            font-size: 18px;
            color: #aaa;
            max-width: 600px;
        }

        /* ==========2. AIGC滑动对比组件样式========== */
        .compare-wrap {
        display: grid;
        gap: 32px; /* 两行之间的垂直间距 */
        }
        .compare-group {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 480px));
          column-gap: 40px; /* 同类卡片之间小间隔 */
          justify-content: center;
        }
        /* 在第2张卡片右边加大空白，做分组隔断 */
        .compare-group > div:nth-child(2) {
          margin-right: 100px;
        }

        .compare-card {
          width: 100%;
          max-width: 360px;
          aspect-ratio: 1440 / 1920;
          position: relative;
          overflow: hidden;
          border-radius: 10px;
        }
        .compare-before,
        .compare-after {
        position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }
        .compare-before {
          z-index: 1;
        }
        .compare-after {
        z-index: 2;
        transition: clip-path 0.3s ease;
        clip-path: inset(0 0 0 0%);
        }
        .compare-card img {
        width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
        }
        .compare-line {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 0.5px;
          background: rgba(255, 255, 255, 0.5);
          left: 0%;
          transform: translateX(-50%);
          transition: left 0.3s ease;
          z-index: 10;
        }
        .compare-desc {
          text-align:center;
          margin-top:8px;
          color:#fff;
        }

        /* 响应式适配 */
        @media (max-width : 1440px ){
          .compare-group {
          grid-template-columns: repeat(2, minmax(0, 180px));
          }
          .compare-group > div:nth-child(2) {
          margin-right:0;
          margin-bottom:40px;
          }
        }

        /* ==========3. 万物溶图流程板块========== */
        .fusion-list {
            position: relative;
        }
        .fusion-item {
          position: relative;
          overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 100px;
            flex-wrap: wrap;
        }
        .fusion-box {
          position: relative;
            text-align: center;
        }
        .fusion-box img {
            width: 100%;
            height: 440px;
            object-fit: cover;
            aspect-ratio: 3 / 4;
            border-radius: 12px;
        }
        .fusion-plus {
          position: absolute;
          left: 465px;
          top: 185px;
          z-index: 20;
          font-size: 80px;
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
        }
        .fusion-arrow {  
          position: absolute;
          left: 895px;
          top: 185px;
          z-index: 20;
          font-size: 70px;
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
        }
        .fusion-plus,.fusion-arrow {
        color: rgba(27, 26, 23, .5);
        }
        .fusion-plus svg,
        .fusion-arrow svg { display: block; }
        .fusion-compare-wrap {
        text-align: center;
        }
        .fusion-compare-box {
        position: relative;
        width: 100%;
        height: 440px;
        aspect-ratio: 3 / 4;
        border-radius: 12px;
        overflow: hidden;
        }
        .fusion-compare-wrap > p {
        margin-top: 6px;
        }

        /* 底层原图 */
        .fusion-compare-before {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        }
        .fusion-compare-after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        }
        .fusion-compare-box img {
          top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        }
        .fusion-compare-handle {
        position: absolute;
        top: 0;
        left: 0%;
        width: 0.5px;
        height: 100%;
        background:rgba(255, 255, 255, 0.5);
        transform: translateX(-50%);
        cursor: ew-resize;
        }
        .fusion-slider-wrap {
          position: relative;
          width: 100%;
          max-width: 1440px;
          height: 450px;
          margin: 0 auto;
        }
        .fusion-list {
          position: relative;
          width: 100%;
          min-height: 720px; 
        }
        .fusion-item {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.35s ease;
        }
        .fusion-item.active {
          opacity: 1;
          pointer-events: auto;
        }
        /* 按钮样式保留 */
        .fusion-slider-btn {
          position: absolute;
          top: 204px;
          width:60px;
          height:60px;
          border-radius: 50%;
          border: none;
          background: rgba(255,255,255,0.15);
          color:#fff;
          font-size:20px;
          z-index: 10;
          cursor: pointer;
        }
        .prev-btn { 
          left: 10px;
        }
        .next-btn { 
          right: 10px; 
        }
        .fusion-slider-btn:hover {
          background:rgba(255,255,255,0.3);
        }

      /* ==========4. AIGC插画平铺板块========== */
        .illust-gallery {
        height: 480px;
        position: relative;
        margin: 40px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        }
        .illust-stack-wrap {
          position: relative;
          width: 1440px;
          height: 100%;
        }
        .illust-card {
          width: 320px;
          height: 480px;
          position: absolute;
          top: 0;
          cursor: pointer;
          overflow: hidden;
          border-radius: 12px;
          transition: transform 0.25s ease, z-index 0s;
        }
        .illust-card:not(:first-child) {
        box-shadow: -8px 0 16px rgba(0, 0, 0, 0.35), -2px 0 4px rgba(0, 0, 0, 0.25);
        }
        .illust-card:nth-child(1) { left: 0px;  top: 10px;  z-index:1; }
        .illust-card:nth-child(2) { left: 150px; top: 0; z-index:2; }
        .illust-card:nth-child(3) { left: 300px; top: -10px; z-index:3; }
        .illust-card:nth-child(4) { left: 450px; top: 20px; z-index:4; }
        .illust-card:nth-child(5) { left: 600px;  z-index:5; }
        .illust-card:nth-child(6) { left: 750px; top: 10px; z-index:6; }
        .illust-card:nth-child(7) { left: 900px;  z-index:7; }
        .illust-card:nth-child(8) { left: 1050px; top: -10px; z-index:8; }
        .illust-card img {
          width: 100%;
          height: 100%;
          object-fit: cover; /* 比例一致，contain会完全铺满，无留白 */
          border-radius: inherit;
        }
        .illust-card:hover {
          transform: translateY(-40px);
        }
      
        /* ==========5. LoRA图片========== */
        .lora-carousel-section {
          width: 100%;
          padding: 0;
          overflow: hidden;
        }
        .lora-carousel {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 20px;
          position: relative;
        }
        .lora-preview-group {
          display: flex;
          align-items: center;
          gap: 40px;
        }
        .lora-preview-left {
          justify-content: flex-end;
        }
        .lora-preview-right {
          justify-content: flex-start;
        }
        .lora-preview-card {
          width: 285px;
          height: 380px;
          aspect-ratio: 3 / 4;
          border-radius: 12px;
          overflow: hidden;
          background: #111;
          transition: transform 0.4s ease, opacity 0.4s ease;
        }
        .lora-preview-card img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          border-radius: 12px;        /* 关键：动画期间也保持圆角 */
        }
        .lora-preview-card.pop-out {
  animation: loraFadeUp .85s cubic-bezier(.2, .6, .2, 1) both;
}

@keyframes loraFadeUp {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
        .lora-switch-btn {
          position: absolute;
          top:50%;
          width: 40px;
          height: 40px;
          border: none;
          background: rgba(214, 214, 214, 0);
          color: #fff;
          cursor: pointer;
          transition: background-color 0.25s ease;
        }

        .lora-prev-lora {
          left:  0px;
        }

        .lora-next-lora {
          right: 0px;
        }

        /* ==========节日海报【堆叠错落专属样式】========== */
        .poster-design-container {
          display: flex;
          flex-direction: column;
          width: 100%;
          max-width: 1440px;
          margin: 0 auto;
          padding-top: 10px;
        }
        /* 单列 */
       .poster-block {
          width: 100%;
        }
        /* 堆叠容器 */
        .poster-stack {
          position: relative;
          width: 330px;
          height: 440px;
          margin: 0;
        }
        /* 卡片通用样式 */
        .poster-card {
          position: absolute;
          width: 330px;
          height: 440px;
          border-radius: 12px;
          overflow: hidden;
          background-color: #1a1a1a;
          box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55);
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          cursor: pointer;
        }
        .poster-card:nth-child(1) { 
          left: 0px;  top:0;  z-index:1; 
        }
        .poster-card:nth-child(2) { 
          left: 180px;  top: -20px;  z-index:2; 
        }
        .poster-card:nth-child(3) { 
          left: 360px;  top: 10px;  z-index:3; 
        }
        .poster-card:nth-child(4) { 
          left: 540px;  top:0;  z-index:4; 
        }
        .poster-card:nth-child(5) { 
          left: 720px;  top: -20px;  z-index:5; 
        }
        .poster-card:nth-child(6) { 
          left: 900px;  top: 10px;  z-index:6;
        }
        .poster-card:nth-child(7) { 
          left: 1080px;  top: -10px;  z-index:7;
        }
        .poster-card img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
        }
        .poster-card:hover {
          transform: translateY(-18px) scale(1.04);
          box-shadow: 0 30px 55px rgba(0, 0, 0, 0.7);
        }

        .poster-card:nth-child(11) { 
          left: 0px;  top:0;  z-index:11; 
        }
        .poster-card:nth-child(12) { 
          left: 160px;  top: -20px;  z-index:12; 
        }
        .poster-card:nth-child(13) { 
          left: 320px;  top: 10px;  z-index:13; 
        }
        .poster-card:nth-child(14) { 
          left: 480px;  top:0;  z-index:14; 
        }
        .poster-card:nth-child(15) { 
          left: 640px;  top: -20px;  z-index:15; 
        }
        .poster-card:nth-child(16) { 
          left: 800px;  top: 10px;  z-index:16;
        }
        .poster-card:nth-child(17) { 
          left: 960px;  top: -10px;  z-index:17;
        }

        /* 7. ==========摄影网格样式========== */
        .photo-groups {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 40px;
        }
        .stack-album {
        position: relative;
        }

        .stack-images {
        position: relative;
        aspect-ratio: 2 / 3; /* 统一高度 */
        }

        /* 堆叠核心：所有图片叠在一起，默认只显示第1张 */
        .stack-images img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
        opacity: 0;
        pointer-events: none;
        transition: transform 0.9s ease-out, opacity 0.9s ease-out;
        }
        /* 当前激活图片 */
        .stack-images img.active {
        opacity: 1;
        pointer-events: auto;
        z-index: 2;
        }
        /* 堆叠的底层虚影（次一张轻微偏移） */
        .stack-images img.next-preview {
        opacity: 0.2;
        transform: translate(15px, -15px);
        z-index:1;
        }

        .stack-controls {
        display:flex;
        justify-content:center;
        gap:16px;
        margin-top: 20px;
        }
        .stack-controls button{
        padding:4px 12px;
        cursor:pointer;
        }

        /* 全局大图弹窗（带关闭按钮） */
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.95);
            z-index: 999;
            display: none;
            align-items: center;
            justify-content: center;
        }

        .modal.active {
            display: flex;
        }

        .modal-img {
            max-width: 85%;
            max-height: 90vh;
            border-radius: 4px;
        }

        .close-btn {
            position: absolute;
            top: 30px;
            right: 40px;
            font-size: 40px;
            color: #fff;
            cursor: pointer;
            user-select: none;
        }

        /* 页脚 */
        footer {
            text-align: center;
            padding: 60px 0;
            color: #666;
            font-size: 14px;
        }

 /* =========================================================
   开屏（线稿空间）+ 浅色展厅 + 几何光标
   ========================================================= */

:root {
  --paper: #f1e9d8;
  --paper-hi: #f5eee0;
  --ink: #1b1a17;
  --muted: #6d6353;
  --accent: #c0492e;
}

html { background: var(--paper); }
body {
  background-color: transparent;
  color: var(--ink);
}

/* ---------- 展厅底色（固定层，不随滚动） ---------- */
.gallery-scene {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: var(--paper);
}
.gallery-base {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 80% at 50% 0%, var(--paper-hi) 0%, rgba(245, 238, 224, 0) 60%),
    linear-gradient(180deg, #f3ebdb 0%, #f1e9d8 45%, #eae0ca 100%);
}
.gallery-grain {
  position: absolute;
  inset: 0;
  opacity: .55;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  background-size: 260px 260px;
}
.gallery-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(125% 100% at 50% 25%, rgba(255, 250, 238, 0) 50%, rgba(74, 60, 40, .10) 100%);
}

/* ---------- 全站文字与控件配色 ---------- */
.section-title { color: var(--ink); border-left-color: rgba(45, 35, 22, .32); }
.compare-desc,
.fusion-box p,
.fusion-compare-wrap p { color: var(--ink); }
.hero p { color: var(--muted); }
footer { color: var(--muted); }
.fusion-slider-btn { color: var(--ink); background: rgba(45, 35, 22, .08); }
.fusion-slider-btn:hover { background: rgba(45, 35, 22, .16); }
.lora-switch-btn { color: var(--ink); }
.stack-controls button { color: var(--ink); }
.poster-tag { color: #fff; }

/* 作品描边：白底图边缘不会糊进纸面 */
.compare-card,
.fusion-box img,
.fusion-compare-box,
.illust-card,
.lora-preview-card,
.poster-card,
.stack-images img,
.modal-img {
  outline: 1px solid rgba(45, 35, 22, .15);
  outline-offset: -1px;
}

/* ---------- 首屏 ---------- */
.hero { position: relative; overflow: hidden; }
.hero > h1,
.hero > p,
.hero-eyebrow { position: relative; z-index: 1; }

.hero-grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(64, 50, 32, .05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(64, 50, 32, .05) 1px, transparent 1px);
  background-size: 120px 120px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0 55%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 0 55%, transparent 100%);
}

.hero-eyebrow {
  font-size: 18px;
  letter-spacing: .42em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 34px;
  opacity: .8;
}

.hero-art { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ha-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(45, 35, 22, .16);
}
.ha-ring.a { width: min(76vh, 720px); height: min(76vh, 720px); }
.ha-ring.b { width: min(50vh, 470px); height: min(50vh, 470px); border-color: rgba(45, 35, 22, .09); }
.ha-dot {
  position: absolute;
  left: 89.4%;
  top: 19.2%;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 50%;
  background: var(--accent);
}
.ha-square {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(58vh, 560px);
  height: min(58vh, 560px);
  transform: translate(-50%, -50%) rotate(14deg);
  border: 1px solid rgba(45, 35, 22, .10);
}
.ha-diag {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150%;
  height: 1px;
  transform: translate(-50%, -50%) rotate(-27deg);
  background: rgba(45, 35, 22, .09);
}
.ha-cross { position: absolute; left: 11%; top: 23%; width: 18px; height: 18px; }
.ha-cross::before,
.ha-cross::after { content: ""; position: absolute; background: rgba(45, 35, 22, .3); }
.ha-cross::before { left: 0; top: 50%; width: 100%; height: 1px; }
.ha-cross::after { top: 0; left: 50%; width: 1px; height: 100%; }
.ha-chip {
  position: absolute;
  left: 25%;
  top: 68%;
  width: 10px;
  height: 10px;
  background: #2b241a;
  opacity: .55;
  transform: rotate(22deg);
}
.ha-caption {
  position: absolute;
  right: 26px;
  top: 30%;
  writing-mode: vertical-rl;
  font-size: 10px;
  letter-spacing: .38em;
  color: var(--muted);
  opacity: .7;
}

/* 文字与几何元素：开屏结束后才出现 */
body.intro-on .hero > h1,
body.intro-on .hero > p,
body.intro-on .hero-eyebrow { opacity: 0; transform: translateY(16px); }
body.intro-on .hero-art { opacity: 0; transform: scale(1.04); }

body.intro-on.intro-done .hero > h1 {
  opacity: 1; transform: none; transform: none;
  transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
}
body.intro-on.intro-done .hero > p {
  opacity: 1; transform: none;
  transition: opacity .9s ease .15s, transform .9s ease .15s;
}
body.intro-on.intro-done .hero-eyebrow {
  opacity: .8; transform: none;
  transition: opacity .9s ease .3s, transform .9s ease .3s;
}
body.intro-on.intro-done .hero-art {
  opacity: 1; transform: none;
  transition: opacity 1.3s .05s ease, transform 1.3s .05s ease;
}

/* ---------- 开屏层 ---------- */
.intro { position: fixed; inset: 0; z-index: 9000; background: #0b0b0c; }
.intro canvas { display: block; width: 100%; height: 100%; }
body.intro-done .intro { opacity: 0; transition: opacity .35s linear; }

/* ---------- 几何光标 ---------- */
.cursor-fx {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  pointer-events: none;
}
body:not(.intro-done) .cursor-fx { opacity: 0; }

.cursor-tri {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  pointer-events: none;
  opacity: 0;
  will-change: transform;
}
.cursor-tri svg {
  display: block;
  transform-origin: 4.5% 4.5%;
  transition: transform .2s ease;
}
body.hovering .cursor-tri svg { transform: scale(1.18); }
body.down .cursor-tri svg { transform: scale(.9); }

body.has-custom-cursor.intro-done.pointer-moved .cursor-tri {
  opacity: 1;
  transition: opacity .2s ease;
}

/* html / body 本身也设为 none，作品区空白处才不会露出系统光标 */
html.cursor-ready,
html.cursor-ready body,
html.cursor-ready body * { cursor: none !important; }

@media (hover: none), (pointer: coarse) {
  .cursor-tri, .cursor-fx { display: none; }
}
@media (max-width: 768px) {
  .ha-cross, .ha-caption, .ha-square, .ha-chip { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.intro-on .hero > h1,
  body.intro-on .hero > p,
  body.intro-on .hero-eyebrow { opacity: 1; transform: none; }
  body.intro-on .hero-art { opacity: 1; transform: none; }
  body.intro-on.intro-done .hero > h1,
  body.intro-on.intro-done .hero > p,
  body.intro-on.intro-done .hero-eyebrow,
  body.intro-on.intro-done .hero-art { transition: none; }
}
/* =========================================================
   方向按钮统一 · 几何方框 + 细箭头
   ========================================================= */
.fusion-slider-btn,
.lora-switch-btn,
.stack-controls button {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(45, 35, 22, .38);
  border-radius: 0;
  background: #f4ecdb;
  color: transparent;
  font-size: 0;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

/* 隐藏原来的文字箭头和三角图标 */
.fusion-slider-btn svg { display: none; }

/* 细箭头：默认朝右 */
.fusion-slider-btn::before,
.lora-switch-btn::before,
.stack-controls button::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1.5px solid #1b1a17;
  border-right: 1.5px solid #1b1a17;
  transform: rotate(45deg);
  margin-left: -4px;
}

/* 朝左 */
.fusion-slider-btn.prev-btn::before,
.lora-switch-btn.lora-prev-lora::before,
.stack-controls button.prev-btn::before {
  transform: rotate(225deg);
  margin-left: 4px;
}

/* 悬停反白 */
.fusion-slider-btn:hover,
.lora-switch-btn:hover,
.stack-controls button:hover {
  background: #1b1a17;
  border-color: #1b1a17;
  transform: translateY(-1px);
}
.fusion-slider-btn:hover::before,
.lora-switch-btn:hover::before,
.stack-controls button:hover::before { border-color: #f1e9d8; }

.fusion-slider-btn:focus-visible,
.lora-switch-btn:focus-visible,
.stack-controls button:focus-visible {
  outline: 2px solid #c0492e;
  outline-offset: 3px;
}

/* 位置微调 */
.fusion-slider-btn { top: 204px; }
.fusion-slider-btn.prev-btn { left: 16px; }
.fusion-slider-btn.next-btn { right: 16px; }
.lora-switch-btn { top: 50%; margin-top: -21px; }
.hero h1.wordmark-h1 {
  margin: 0;
  line-height: 0;
  width: min(1080px, 92vw);
}
.wordmark-h1 img {
  display: block;
  width: 100%;
  height: auto;
}
.hero p {
  margin: 30px 0 0;
  font-family: "Jost", "Century Gothic", "Futura",
               "Noto Sans SC", "Microsoft YaHei Light",
               "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: .19em;
  line-height: 2.05;
  color: var(--muted);
}
/* 首屏 eyebrow 与右侧竖排说明：统一成副标题字体 */
.hero-eyebrow,
.ha-caption {
  font-family: "Jost", "Century Gothic", "Futura",
               "Noto Sans SC", "Microsoft YaHei Light",
               "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 300;
}
/* 大标题：几何字体 + 棕色 + 数字圆章 */
.section-title {
  display: flex;
  align-items: center;
  font-size: 26px;
  gap: 14px;
  border-left: 0;
  padding-left: 0;
  font-family: "Jost", "Century Gothic", "Futura",
               "Noto Sans SC", "Microsoft YaHei Light",
               "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  color: #4A3524;
  letter-spacing: .04em;
}

.sec-badge {
  position: relative;
  flex: none;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(107, 74, 46, .55);
  border-radius: 50%;
  border-width: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #6B4A2E;
}

/* 圆内等边三角形，尖角水平朝右 */
.sec-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M38 20 L11 4.4 L11 35.6 Z' fill='none' stroke='%236B4A2E' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}

.sec-badge i {
  position: relative;
  z-index: 1;
  font-style: normal;
}
.chapter {
  position: relative;
  margin: 130px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(74, 53, 36, .22);
   display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 400px);
  column-gap: 48px;
  align-items: end;
}

.chapter-solo {
  margin-bottom: 88px;
}

.chapter-kicker {
  font-family: "Jost", "Century Gothic", "Futura",
               "Noto Sans SC", "Microsoft YaHei Light", sans-serif;
  font-size: 11px;
  letter-spacing: .34em;
  text-transform: uppercase;
  color: #8A7357;
  grid-column: 1 / -1;
}

.chapter-title {
  margin: 14px 0 12px;
  font-family: "Jost", "Century Gothic", "Futura",
               "Noto Sans SC", "Microsoft YaHei Light", sans-serif;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: .02em;
  color: #4A3524;
  grid-column: 1;
}
.compare-hint {
  grid-column: 1 / -1;
  margin: 20px 0 0;
  font-family: "Jost", "Century Gothic", "Microsoft YaHei Light", sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .12em;
  color: #8A7357;
}
.lora-caption {
  margin: 0;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: .16em;
  color: #8A7357;
  text-align: center;
}
.lora-caption-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 24px 0 -49px;
}
.chapter + .section-title {
  margin-top: 54px;
}

.chapter-desc {
  max-width: 520px;
  margin: 0;
  font-family: "Jost", "Century Gothic", "Futura",
               "Noto Sans SC", "Microsoft YaHei Light", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.9;
  letter-spacing: .1em;
  color: #6D6353;
  grid-column: 2; margin: 0 0 6px;
}

/* 右上角的大号章节数字，浅到像底纹 */
.chapter-num {
  position: absolute;
  right: 0;
  top: 18px;
  font-family: "Jost", "Century Gothic", sans-serif;
  font-size: clamp(90px, 12vw, 180px);
  font-weight: 300;
  line-height: .8;
  color: rgba(74, 53, 36, .06);
  pointer-events: none;
}

/* 章首下面的第一个段落标题，不需要再空 100px */
.chapter + .section-title {
  margin-top: 44px;
}

@media (max-width: 768px) {
  .chapter { margin-top: 90px; }
  .chapter-title { font-size: 36px; }
  .chapter-desc { font-size: 13px; }
  .chapter-num { font-size: 90px; top: 24px; }
}
/* 电商主图：一组五张，3:4，底部对齐 */
.mainimg-row {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 18px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

.mainimg-item {
  position: relative;
  flex: none;
  height: 340px;
  aspect-ratio: 3 / 4;
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #e9e0cf;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .16);
}

.mainimg-item.mainimg-hero {
  height: 400px;
}

.mainimg-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.2, .6, .2, 1);
}

.mainimg-item:hover img {
  transform: scale(1.035);
}

.mainimg-item figcaption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(26, 24, 20, .55);
  color: #fff;
  font-family: "Jost", "Century Gothic", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1;
}

.mainimg-tag {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(181, 83, 47, .9);
  color: #fff;
  font-family: "Jost", "Century Gothic", "Microsoft YaHei", sans-serif;
  font-size: 10px;
  letter-spacing: .14em;
  line-height: 1;
}

@media (max-width: 1400px) {
  .mainimg-item { height: 300px; }
  .mainimg-item.mainimg-hero { height: 360px; }
}

@media (max-width: 1100px) {
  .mainimg-row {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 28px;
    -webkit-overflow-scrolling: touch;
  }
  .mainimg-item { height: 260px; }
  .mainimg-item.mainimg-hero { height: 320px; }
}
/* ===== 全站固定几何背景 ===== */
.page-scene {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;   /* 外环超出视口时不出现滚动条 */
}
.ps-shapes {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ps-shapes * {
  vector-effect: non-scaling-stroke;
}

@media (max-width: 1280px) {
  .ps-shapes {
    opacity: .6;   /* 窄屏时两侧会压到内容，淡一点 */
  }
}

/* =========================================================
   章节导航 / 回到顶部 / 统一大图弹窗
   ========================================================= */

/* 左侧竖向章节导航：只在两侧留白足够的屏幕上出现 */
.chapter-nav {
  position: fixed;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 600;
  display: none;
  flex-direction: column;
  gap: 26px;
  align-items: flex-start;
  pointer-events: none;
}
/* 手机上左栏只有 28px，隐藏导航；桌面/平板上恰好落在内容左侧留白里 */
@media (min-width: 1025px) {
  .chapter-nav { display: flex; }
}
@media (max-height: 620px) {
  .chapter-nav { display: none; }
}
.chapter-nav a {
  pointer-events: auto;
  display: block;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 0 0 0 7px;
  border-left: 1px solid rgba(74, 53, 36, .2);
  font-family: "Jost", "Century Gothic", "Noto Sans SC", "Microsoft YaHei Light", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.35;
  color: rgba(74, 53, 36, .85);
  text-decoration: none;
  transition: color .25s ease, border-color .25s ease;
}
.chapter-nav a .nav-num {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.chapter-nav a .nav-en {
  font-size: 11px;
  letter-spacing: .14em;
  color: rgba(74, 53, 36, .6);
}
.chapter-nav a .nav-cn {
  display: block;
}
.chapter-nav a .nav-num {
  color: #b5532f;
  opacity: .85;
}
.chapter-nav a:hover,
.chapter-nav a:focus-visible {
  color: #4A3524;
  border-left-color: #b5532f;
  outline: none;
}

/* 章节锚点：滚动到章节标题时留一点呼吸 */
.chapter { scroll-margin-top: 28px; }

/* 回到顶部 */
.back-to-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 700;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(74, 53, 36, .28);
  background: var(--accent);
  color: #f7efe0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .3s ease, transform .3s ease, visibility .3s;
  box-shadow: 0 10px 24px rgba(45, 35, 22, .25);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
.back-to-top:hover { background: #a83f27; }
.back-to-top svg { display: block; width: 20px; height: 20px; }
.back-to-top:focus-visible { outline: 2px solid #4A3524; outline-offset: 3px; }

/* 统一弹窗：沿用 .modal 结构，补充导航与计数 */
.modal {
  z-index: 9999;
  padding: 24px;
  box-sizing: border-box;
}
.modal-img {
  max-width: 85%;
  max-height: 90vh;
  object-fit: contain;
}
.close-btn {
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  line-height: 1;
  z-index: 2;
}
.close-btn:focus-visible {
  outline: 2px solid #c0492e;
  outline-offset: 4px;
}
.modal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(241, 233, 216, .35);
  background: rgba(20, 18, 15, .35);
  color: #f5eee0;
  font-family: "Jost", "Century Gothic", sans-serif;
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease;
}
.modal-nav:hover { background: rgba(20, 18, 15, .7); border-color: rgba(241, 233, 216, .6); }
.modal-nav:focus-visible { outline: 2px solid #c0492e; outline-offset: 3px; }
.modal-prev { left: 18px; }
.modal-next { right: 18px; }
.modal-counter {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  font-family: "Jost", "Century Gothic", sans-serif;
  font-size: 11px;
  letter-spacing: .24em;
  color: rgba(245, 238, 224, .7);
  pointer-events: none;
}
body.modal-open { overflow: hidden; }

/* 拖动浏览时，图片本身不要触发浏览器原生拖拽 */
.illust-card img,
.poster-card img,
.mainimg-item img,
.stack-images img {
  -webkit-user-drag: none;
  user-select: none;
}

/* 移动端卡组导航（桌面隐藏） */
.deck-nav { display: none; }

/* =========================================================
   <=1440：平板 / 手机布局
   ========================================================= */
@media (max-width: 1440px) {

  /* ---------- A1 精修：一行两张 ---------- */
  .compare-wrap { gap: 34px; }
  .compare-group {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 26px;
    justify-content: stretch;
    max-width: 780px;
    margin: 0 auto;
  }
  .compare-group > div:nth-child(2) { margin-right: 0; margin-bottom: 0; }
  .compare-card { width: 100%; max-width: 360px; margin: 0 auto; }
  .compare-card .compare-desc {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 11;
    margin: 0;
    padding: 4px 8px;
    border-radius: 12px;
    background: rgba(245, 238, 224, .88);
    color: #4A3524;
    font-family: "Jost", "Century Gothic", "Microsoft YaHei Light", "Microsoft YaHei", sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 1;
  }

  /* ---------- A2 溶图：上行两张素材，下行结果，按钮在结果下方 ---------- */
  .fusion-slider-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
    max-width: 560px;
    height: auto;
    margin: 0 auto;
  }
  .fusion-list {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    min-height: 0;
    height: auto;
  }
  .fusion-item {
    grid-area: 1 / 1;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
    width: 100%;
    overflow: visible;
  }
  .fusion-box { min-width: 0; text-align: center; }
  .fusion-box img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 12px;
  }
  .fusion-plus,
  .fusion-arrow { display: none; }
  .fusion-compare-wrap {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 10px;
    text-align: center;
  }
  .fusion-compare-box {
    width: min(100%, 440px);
    height: auto;
    aspect-ratio: 3 / 4;
    margin: 0 auto;
  }
  .fusion-slider-btn {
    position: static;
    top: auto;
    grid-row: 2;
    margin: 0;
    justify-self: center;
  }
  .fusion-slider-btn.prev-btn { grid-column: 1; left: auto; justify-self: end; }
  .fusion-slider-btn.next-btn { grid-column: 2; right: auto; justify-self: start; }

  /* ---------- A3 LoRA：两列，名称/说明可读，按钮在最后 ---------- */
  .lora-carousel-section { overflow: visible; }
  .lora-carousel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 12px;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }
  .lora-center-circle { display: contents; }
  .lora-preview-group {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .lora-preview-left,
  .lora-preview-right { justify-content: stretch; }
  .lora-preview-card {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
  }
  .lora-switch-btn {
    position: static;
    top: auto;
    order: 1;
    margin: 0;
  }
  .lora-switch-btn.lora-prev-lora { grid-column: 1; justify-self: end; }
  .lora-switch-btn.lora-next-lora { grid-column: 2; justify-self: start; }
  .lora-caption-wrap { margin: 16px 0 0; }
  .lora-caption { font-size: 16px; letter-spacing: .12em; }

  /* ---------- A4 插画：横向滑动 + 居中选中 ---------- */
  .illust-gallery {
    height: auto;
    margin: 28px 0 4px;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 28px 0 30px;
    cursor: grab;
  }
  .illust-gallery::-webkit-scrollbar { display: none; }
  .illust-gallery.dragging { cursor: grabbing; }
  .illust-stack-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
    height: 420px;
    padding-inline: max(0px, calc(50vw - 160px));
  }
  .illust-gallery .illust-card {
    position: relative;
    left: auto;
    top: auto;
    flex: 0 0 auto;
    width: 280px;
    height: 420px;
    z-index: 1;
    opacity: .5;
    transform: translateY(12px) scale(.94);
    scroll-snap-align: center;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1),
                opacity .45s ease,
                box-shadow .45s ease;
  }
  .illust-gallery .illust-card.is-center {
    opacity: 1;
    z-index: 20;
    transform: translateY(-14px) scale(1.04);
    box-shadow: 0 20px 38px rgba(45, 35, 22, .22);
  }
  .illust-gallery .illust-card:hover {
    transform: translateY(12px) scale(.94);
  }
  .illust-gallery .illust-card.is-center:hover {
    transform: translateY(-18px) scale(1.05);
  }

  /* ---------- A4 海报：横向滑动 + 居中选中 ---------- */
  .poster-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 24px 0 8px;
    cursor: grab;
  }
  .poster-wrap::-webkit-scrollbar { display: none; }
  .poster-wrap.dragging { cursor: grabbing; }
  .poster-design-container {
    display: block;
    max-width: none;
    padding-top: 0;
  }
  .poster-block { width: max-content; }
  .poster-stack {
    display: flex;
    align-items: center;
    gap: 18px;
    width: max-content;
    height: 440px;
    padding-block: 8px;
    padding-inline: max(0px, calc(50vw - 185px));
  }
  .poster-wrap .poster-card {
    position: relative;
    left: auto;
    top: auto;
    flex: 0 0 auto;
    width: 330px;
    height: 440px;
    z-index: 1;
    opacity: .5;
    transform: translateY(10px) scale(.94);
    scroll-snap-align: center;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1),
                opacity .45s ease,
                box-shadow .45s ease;
  }
  .poster-wrap .poster-card.is-center {
    opacity: 1;
    z-index: 20;
    transform: translateY(-14px) scale(1.04);
    box-shadow: 0 26px 50px rgba(45, 35, 22, .35);
  }
  .poster-wrap .poster-card:hover {
    transform: translateY(10px) scale(.94);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .4);
  }
  .poster-wrap .poster-card.is-center:hover {
    transform: translateY(-18px) scale(1.05);
    box-shadow: 0 30px 60px rgba(45, 35, 22, .4);
  }

  /* ---------- A5 电商主图：叠卡 + 左右滑动 ---------- */
  .mainimg-row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: end;
    gap: 0;
    max-width: 460px;
    margin: 0 auto;
    padding: 42px 20px 30px;
    overflow: visible;
    touch-action: pan-y;
    box-sizing: border-box;
  }
  .mainimg-item,
  .mainimg-item.mainimg-hero {
    grid-area: 1 / 1;
    width: min(74vw, 330px);
    height: auto;
    aspect-ratio: 3 / 4;
    margin: 0;
    z-index: 1;
    opacity: .55;
    pointer-events: none;
    transform-origin: 50% 0;
    transform: translateY(-14px) scale(.94);
    transition: transform .5s cubic-bezier(.2, .7, .2, 1),
                opacity .5s ease,
                box-shadow .5s ease;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
  }
  .mainimg-item img { pointer-events: none; }
  .mainimg-item.deck-front {
    z-index: 10;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    box-shadow: 0 22px 48px rgba(45, 35, 22, .26);
  }
  .mainimg-item.deck-pos-1 {
    z-index: 5;
    opacity: .7;
    transform: translateY(-14px) scale(.95);
  }
  .mainimg-item.deck-pos-2 {
    z-index: 4;
    opacity: .4;
    transform: translateY(-28px) scale(.90);
  }
  .mainimg-item.deck-pos-3,
  .mainimg-item.deck-pos-4 {
    opacity: 0;
    transform: translateY(-42px) scale(.86);
  }
  .deck-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(74, 53, 36, .3);
    background: rgba(245, 238, 224, .82);
    color: #4A3524;
    font-family: "Jost", "Century Gothic", sans-serif;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  }
  .deck-nav:hover {
    background: #fff8ea;
    border-color: #b5532f;
    color: #b5532f;
  }
  .mainimg-prev { left: 4px; }
  .mainimg-next { right: 4px; }

  /* ---------- A6 纪实摄影：每组一叠卡片 + 左右滑动 ---------- */
  .photo-groups {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .stack-album { min-width: 0; }
  .stack-images { touch-action: pan-y; }
  .stack-images img {
    transform-origin: 50% 0;
    transition: transform .5s cubic-bezier(.2, .7, .2, 1), opacity .5s ease;
  }
  .stack-images img.active {
    z-index: 3;
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .stack-images img.next-preview {
    z-index: 2;
    opacity: .5;
    transform: translateY(-10px) scale(.955);
  }
  .stack-images img.behind-2 {
    z-index: 1;
    opacity: .25;
    transform: translateY(-20px) scale(.91);
  }
  .stack-controls { margin-top: 14px; }
}

/* 手机上的章节排版：避免两列描述把标题挤窄 */
@media (max-width: 768px) {
  .chapter { display: block; }
  .chapter-title { grid-column: auto; }
  .chapter-desc { grid-column: auto; margin: 10px 0 0; max-width: none; }
  .section-title { margin: 72px 0 30px; font-size: 22px; }
  .sec-badge { width: 34px; height: 34px; }
  .hero p {
    max-width: 92%;
    font-size: clamp(15px, 4.1vw, 18px);
    letter-spacing: .14em;
    line-height: 1.95;
  }
  .compare-wrap { gap: 28px; }
  .compare-group { column-gap: 12px; row-gap: 22px; }
  .fusion-slider-wrap { gap: 16px; }
  .lora-carousel { gap: 16px 10px; }
  .lora-preview-group { gap: 10px; }
  .poster-stack { gap: 14px; }
  .photo-groups { grid-template-columns: 1fr; gap: 40px; }
  .stack-controls { gap: 10px; }
  .close-btn { top: 14px; right: 16px; font-size: 32px; }
  .modal-nav {
    top: auto;
    bottom: 14px;
    transform: none;
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
  .modal-prev { left: 12px; }
  .modal-next { right: 12px; }
  .modal-img { max-width: 84vw; max-height: 80vh; }
  .modal-counter { bottom: 25px; }
  .back-to-top { right: 16px; bottom: 16px; width: 46px; height: 46px; }
}

@media (max-width: 1100px) and (min-width: 769px) {
  .photo-groups { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .illust-stack-wrap { height: 390px; padding-inline: max(0px, calc(50vw - 150px)); }
  .illust-gallery .illust-card { width: 260px; height: 390px; }
  .poster-wrap .poster-card { width: 300px; height: 400px; }
  .poster-stack { height: 400px; padding-inline: max(0px, calc(50vw - 170px)); }
  .mainimg-item,
  .mainimg-item.mainimg-hero { width: min(76vw, 300px); }
}
/* ===== 手机端：隐藏精修标签，去掉卡片阴影（避免断层） ===== */
@media (max-width: 1440px) {
  .compare-card .compare-desc { display: none; }

  .illust-gallery .illust-card,
  .illust-gallery .illust-card.is-center,
  .poster-wrap .poster-card,
  .poster-wrap .poster-card.is-center,
  .mainimg-item,
  .mainimg-item.mainimg-hero {
    box-shadow: none !important;
  }
}

/* ===== 页脚版权说明 ===== */
.footer-copy {
  font-size: 14px;
  letter-spacing: .04em;
}
.footer-note {
  max-width: 640px;
  margin: 14px auto 0;
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: .03em;
  color: rgba(109, 99, 83, .78);
}
.footer-note a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.footer-note a:hover {
  color: #b5532f;
}
@media (max-width: 768px) {
  footer { padding: 44px 20px 40px; }
  .footer-note { font-size: 11.5px; max-width: 92%; }
}