/* 首页「作品长卷」入口。自带绢本配色，不跟随首页主题 —— 它就是挂在首页上的一幅小画。 */
.home-v2 .cs-entry {
  --cs-ink: #1b272a;
  --cs-brush: "STXingkai", "Xingkai SC", "HanziPen SC", "STKaiti", "Kaiti SC", "KaiTi", serif;
  --cs-serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;
  position: relative; display: block; min-height: 236px; margin: 22px 0 4px; border-radius: 18px; overflow: hidden;
  text-decoration: none; color: var(--cs-ink); font-family: var(--cs-serif);
  background: linear-gradient(180deg, #e3d6bb 0%, #efe7d4 60%, #ebe1ca 100%);
  box-shadow: 0 0 0 1px rgba(58, 42, 31, 0.28), inset 0 0 0 7px rgba(217, 200, 164, 0.55), inset 0 0 0 8px rgba(58, 42, 31, 0.18);
  transition: transform 0.25s, box-shadow 0.25s;
  animation: hmUp 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) 0.5s both;
}
.home-v2 .cs-entry:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(178, 58, 43, 0.55), inset 0 0 0 7px rgba(217, 200, 164, 0.55), inset 0 0 0 8px rgba(58, 42, 31, 0.18), 0 18px 44px rgba(90, 64, 36, 0.22);
}
.home-v2 .cs-entry::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.35; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.37  0 0 0 0 0.25  0 0 0 0.4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

.home-v2 .cs-entry-art { position: absolute; inset: 0; }
.home-v2 .cs-entry-art svg { display: block; width: 100%; height: 100%; }
.home-v2 .cs-entry-art svg * { transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1); }
.home-v2 .cs-entry:hover .cs-entry-far { transform: translateX(-10px); }
.home-v2 .cs-entry:hover .cs-entry-mid { transform: translateX(-22px); }
.home-v2 .cs-entry:hover .cs-entry-near { transform: translateX(-40px); }
.home-v2 .cs-entry:hover .cs-entry-sun { transform: translateY(-8px); }
.home-v2 .cs-entry:hover .cs-entry-frames { transform: translateX(-28px); }
.home-v2 .cs-entry-birds { animation: csEntryBirds 9s ease-in-out infinite alternate; }
.home-v2 .cs-entry-frame { animation: csEntryBob 5s ease-in-out infinite; transform-box: fill-box; transform-origin: 50% 0; }
.home-v2 .cs-entry-frame-1 { animation-delay: -1.6s; }
.home-v2 .cs-entry-frame-2 { animation-delay: -3.1s; }
@keyframes csEntryBirds { from { transform: translate(-30px, 4px); } to { transform: translate(40px, -6px); } }
@keyframes csEntryBob { 50% { transform: translateY(3px) rotate(0.6deg); } }

/* 左侧文字压在一层绢色渐隐上，山水只在右边铺开 */
.home-v2 .cs-entry-copy {
  position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 18px; max-width: 620px; min-height: 236px;
  padding: 30px 34px 28px;
  background: linear-gradient(90deg, rgba(239, 231, 212, 0.96) 0%, rgba(239, 231, 212, 0.88) 70%, rgba(239, 231, 212, 0) 100%);
}
.home-v2 .cs-entry-seal {
  flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin-top: 4px; border-radius: 3px;
  background: #b23a2b; color: #f6ecdc; font-family: var(--cs-brush); font-size: 18px; writing-mode: vertical-rl; letter-spacing: 1px;
  box-shadow: inset 0 0 0 2px rgba(246, 236, 220, 0.35);
}
.home-v2 .cs-entry-eyebrow { display: block; font-size: 12px; letter-spacing: 4px; color: #b23a2b; font-weight: 700; }
.home-v2 .cs-entry h3 { margin: 6px 0 10px; font-family: var(--cs-brush); font-weight: 400; font-size: 40px; letter-spacing: 10px; line-height: 1.1; color: var(--cs-ink); }
.home-v2 .cs-entry p { margin: 0 0 14px; font-size: 14px; line-height: 1.85; color: rgba(27, 39, 42, 0.74); max-width: 470px; }
.home-v2 .cs-entry-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.home-v2 .cs-entry-tags i {
  font-style: normal; font-size: 12px; letter-spacing: 1px; padding: 3px 10px; border-radius: 99px;
  color: #1b4f63; background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px rgba(42, 108, 136, 0.28);
}
.home-v2 .cs-entry-go {
  position: absolute; z-index: 1; right: 26px; bottom: 20px; font-size: 14px; font-weight: 700; letter-spacing: 3px;
  color: #f6ecdc; background: #b23a2b; padding: 8px 18px; border-radius: 99px; box-shadow: 0 6px 16px rgba(178, 58, 43, 0.3);
  transition: letter-spacing 0.2s, background 0.2s;
}
.home-v2 .cs-entry:hover .cs-entry-go { letter-spacing: 5px; background: #9f3022; }

@media (max-width: 760px) {
  .home-v2 .cs-entry { min-height: 300px; }
  .home-v2 .cs-entry-copy { max-width: none; min-height: 0; padding: 22px 20px 90px; background: linear-gradient(180deg, rgba(239, 231, 212, 0.95) 55%, rgba(239, 231, 212, 0)); }
  .home-v2 .cs-entry h3 { font-size: 32px; letter-spacing: 6px; }
  .home-v2 .cs-entry-seal { width: 36px; height: 36px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-v2 .cs-entry, .home-v2 .cs-entry-birds, .home-v2 .cs-entry-frame { animation: none; }
}