/* V4 内页共享视觉。前台与 Gutenberg 使用同一容器和首屏几何。 */
.yumin-v4-container,
.yumin-v4-page-hero__inner { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.yumin-v4-page-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; padding: calc(84px + clamp(52px, 6vw, 84px)) 0 clamp(56px, 6vw, 86px); background: #00928e; color: #fff; font-family: Inter, Arial, sans-serif; }
.yumin-v4-page-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(100deg, #00655d 0%, #00928e 14%, #008a84 30%, rgba(0,146,142,.90) 45%, rgba(0,146,142,.62) 58%, rgba(0,146,142,.34) 71%, rgba(0,146,142,.14) 83%, rgba(0,146,142,.04) 93%, transparent); }
.yumin-v4-page-hero__image { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; animation: yumin-v4-hero-arrive 1.6s cubic-bezier(.16,1,.3,1) both; }
.yumin-v4-page-hero__inner { min-height: clamp(360px, 44vh, 500px); display: flex; align-items: center; }
.yumin-v4-page-hero__copy { width: min(56%, 680px); }
.yumin-v4-page-hero h1 { margin: 24px 0 0; max-width: 20ch; color: #fff; font-size: clamp(34px, 3.6vw, 54px); line-height: 1.06; font-weight: 800; letter-spacing: -.035em; overflow-wrap: break-word; }
.yumin-v4-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: rgba(255,255,255,.85); font-size: 13px; line-height: 1.6; }
.yumin-v4-crumbs a { color: inherit; text-decoration: none; }
.yumin-v4-crumbs > * + *::before { content: '·'; margin-right: 12px; }
.yumin-v4-crumbs a:hover { color: #fff; text-decoration: underline; }
.yumin-v4-page-hero__badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 30px; }
.yumin-v4-page-hero__badges span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(255,255,255,.10); font-size: 12px; font-weight: 600; }
.yumin-v4-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 26px; border: 1px solid transparent; border-radius: 999px; background: #00928e; color: #fff; font: 650 15px/1.5 Inter, Arial, sans-serif; text-decoration: none; transition: background .3s, color .3s, box-shadow .3s, transform .3s; }
.yumin-v4-button svg { width: 22px; height: 11px; flex-shrink: 0; transition: transform .3s; }
.yumin-v4-button--white { background: #fff; color: #00655d; }
.yumin-v4-button--outline { background: transparent; border-color: #cfe3e0; color: #00655d; }
.yumin-v4-button:hover { background: #007a76; color: #fff; box-shadow: 0 12px 30px rgba(0,81,77,.18); transform: translateY(-2px); }
.yumin-v4-button:hover svg { transform: translateX(5px); }
.yumin-v4-button--white:hover { background: #edf8f6; color: #00655d; }
.yumin-v4-button:focus-visible { outline: 3px solid #65d6ce; outline-offset: 4px; }
@keyframes yumin-v4-hero-arrive { from { transform: scale(1.06); opacity: .4; } to { transform: scale(1); opacity: 1; } }
@media(max-width:900px) {
  .yumin-v4-page-hero { padding-top: 118px; }
  .yumin-v4-page-hero__copy { width: 100%; }
  .yumin-v4-page-hero__inner { min-height: clamp(340px,42vh,440px); }
  .yumin-v4-page-hero__image { object-position: 70% center; }
  .yumin-v4-page-hero::after { background: linear-gradient(178deg,#00655d 0%,#00928e 22%,rgba(0,146,142,.88) 44%,rgba(0,146,142,.48) 66%,rgba(0,146,142,.16) 84%,rgba(0,146,142,.04)); }
}
@media(max-width:600px) { .yumin-v4-container,.yumin-v4-page-hero__inner { width: calc(100% - 40px); } }
@media(prefers-reduced-motion:reduce) { .yumin-v4-page-hero__image { animation: none; } .yumin-v4-button,.yumin-v4-button svg { transition: none; transform: none !important; } }