/* Blog 与 Cases 的 V4 展示层，前台及 Gutenberg 同源；规则限于两页容器。 */
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 { width:100%; max-width:none; margin:0; color:#102f33; background:#f3f8f7; overflow:clip; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 :is(.yumin-blog-content-rail,.yumin-cases-content-rail) { width:min(1184px,calc(100% - 56px)); max-width:none; margin-inline:auto; }
/* 两页首屏与设计共享内容轨道、遮罩及响应式高度；媒体仍由原字段解析。 */
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero {
    display: block;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    padding: calc(78px + clamp(52px, 6vw, 84px)) 0 clamp(56px, 6vw, 86px);
    background-image: var(--yumin-page-hero-image);
    background-position: var(--yumin-page-hero-position-x, 50%) var(--yumin-page-hero-position-y, 50%);
    background-size: cover;
    background-color: #00928e;
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__veil {
    display: block;
    background: linear-gradient(100deg, #00655d 0%, #00928e 14%, #008a84 30%, #00928ee6 45%, #00928e9e 58%, #00928e57 71%, #00928e24 83%, #00928e0a 93%, #00928e00 100%);
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: min(1184px, calc(100% - 56px));
    min-height: clamp(360px, 44vh, 500px);
    margin-inline: auto;
    padding: 0;
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__content {
    width: min(56%, 680px);
    max-width: none;
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__eyebrow {
    margin: 0 0 14px;
    font-size: 11.52px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .16em;
    color: #b9eee8;
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__title {
    width: 100%;
    max-width: 20ch;
    margin: 0;
    font-size: clamp(33.6px, 3.6vw, 54.4px);
    line-height: 1.06;
    letter-spacing: -.035em;
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__description {
    width: 100%;
    margin: 18px 0 0;
    font-size: clamp(16.64px, 1.35vw, 19.2px);
    font-weight: 400;
    line-height: 1.6;
    color: rgba(255,255,255,.85);
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-editorial-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 28px;
    color: rgba(255,255,255,.8);
    font-size: 13px;
    line-height: 1.5;
}
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-editorial-crumbs a { color: inherit; text-decoration: none; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-editorial-crumbs a:hover { color: #fff; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-editorial-crumbs i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
/* Blog 列表隐藏旧装饰标题和作者展示，原字段仍由现有后台维护。 */
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-listing { padding:clamp(64px,7.5vw,108px) 0 0; background:#f3f8f7; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-listing__heading { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-listing__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #d8e7e5; border-radius:22px; background:#fff; box-shadow:none; transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s,border-color .42s,background .42s; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__media { position:relative; display:block; flex-shrink:0; aspect-ratio:16/9; margin:0; border-radius:0; background:#edf7f5; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__media img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.16,1,.3,1); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__media::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:0; background:linear-gradient(160deg,rgba(0,146,142,.34),rgba(0,146,142,.05) 60%); transition:opacity .42s; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 :is(.yumin-blog-card__category--legacy,.yumin-blog-card__author,.yumin-blog-card__rule) { display:none; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__body { display:flex; flex:1; flex-direction:column; align-items:stretch; gap:10px; min-height:0; padding:22px 24px 26px; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__metadata { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:#617a7d; font-size:12.48px; line-height:1.5; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__metadata .yumin-blog-card__category { position:static; min-width:0; margin:0; padding:0; border-radius:0; color:#00928e; background:none; font-size:inherit; font-weight:700; line-height:inherit; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__date { margin:0; color:#617a7d; font-size:inherit; line-height:inherit; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card h3 { height:auto; min-height:2.72em; flex-shrink:0; margin:0; color:#102f33; font-size:17.92px; line-height:1.36; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__title { display:block; height:auto; max-height:none; overflow:visible; color:inherit; font-size:inherit; font-weight:750; line-height:inherit; letter-spacing:-.02em; text-decoration:none; -webkit-line-clamp:unset; transition:color .42s; }
/* 标题链接扩展为整卡点击区，原媒体/阅读链接仍指向同一真实文章。编辑器禁用覆盖层。 */
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__title::after { content:''; position:absolute; inset:0; z-index:1; }
.editor-styles-wrapper .yumin-editorial-v4 .yumin-blog-card__title::after { display:none; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__excerpt { display:-webkit-box; height:auto; flex-shrink:0; margin:0; max-height:none; overflow:hidden; -webkit-box-orient:vertical; color:#526e72; font-size:14.08px; line-height:1.7; -webkit-line-clamp:3; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__read { display:inline-flex; align-items:center; align-self:flex-start; gap:10px; margin-top:auto; padding-top:12px; color:#00928e; font-size:13px; font-weight:750; line-height:1.5; text-decoration:none; transition:color .42s; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__read svg { width:26px; height:13px; transition:transform .42s; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover { transform:translateY(-6px); border-color:#00928e; box-shadow:0 10px 30px rgba(0,122,116,.22); background:linear-gradient(180deg,#fff 42%,#eef8f6 100%); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover .yumin-blog-card__media img { transform:scale(1.07); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover .yumin-blog-card__media::after { opacity:1; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover :is(.yumin-blog-card__title,.yumin-blog-card__read) { color:#007a74; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover .yumin-blog-card__read svg { transform:translateX(4px); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:focus-within { outline:3px solid #007a74; outline-offset:4px; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-listing__navigation { margin-top:34px; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-cta { padding:clamp(64px,7.5vw,108px) 0; background:#f3f8f7; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-cta__inner { gap:26px; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-cta__item { min-height:144px; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-cta__item a { position:static; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-cta__item a::after { content:''; position:absolute; inset:0; z-index:2; }
.editor-styles-wrapper .yumin-editorial-v4 .yumin-blog-cta__item a::after { display:none; }
/* Cases 用现有实体生成交错图文，序号仅按当前显示顺序生成。 */
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-stories { width:min(1184px,calc(100% - 56px)); margin-inline:auto; padding:clamp(40px,5vw,76px) 0 clamp(24px,3vw,48px); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(30px,4.5vw,68px); align-items:center; height:auto; min-height:0; padding:clamp(40px,5vw,76px) 0; overflow:visible; isolation:auto; color:#102f33; background:none; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story + .yumin-case-story { border-top:1px solid #d8e7e5; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story:nth-child(even) .yumin-case-story__figure { order:2; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story:nth-child(even) { grid-template-columns:.95fr 1.05fr; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__figure { position:relative; aspect-ratio:4/3; min-width:0; margin:0; overflow:hidden; border-radius:24px; background:#00403f; box-shadow:0 24px 60px rgba(8,34,42,.14); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__figure .yumin-cases-media { position:static; display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.16,1,.3,1); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story:hover .yumin-cases-media { transform:scale(1.05); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__number { position:absolute; left:24px; top:18px; z-index:2; display:grid; place-items:center; width:62px; height:62px; border-radius:16px; color:#fff; background:#00928e; box-shadow:0 10px 26px rgba(0,90,84,.36); font-size:clamp(26px,2.6vw,34px); font-weight:800; line-height:1; letter-spacing:-.04em; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__overlay { display:none; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__content { width:100%; max-width:56ch; min-width:0; margin:0; padding:0; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__label { display:block; min-width:0; min-height:0; margin:0 0 14px; padding:0; border-radius:0; color:#00655d; background:none; font-size:11.52px; font-weight:700; line-height:1.5; letter-spacing:.16em; text-transform:uppercase; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story h2 { max-width:20ch; margin:0 0 20px; color:#102f33; font-size:clamp(28px,3.1vw,40px); line-height:1.1; letter-spacing:-.03em; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__body { max-width:none; color:#496468; font-size:15.52px; line-height:1.72; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__body p { margin:0 0 16px; font-size:inherit; line-height:inherit; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__body p:last-child { margin-bottom:0; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__body :is(strong,b) { color:#00655d; font-weight:750; background:linear-gradient(transparent 72%,#d9f2ee 72%); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-summary { position:relative; overflow:hidden; isolation:isolate; padding:clamp(58px,7.5vw,108px) 0; color:#fff; background:linear-gradient(135deg,#00928e,#008a84 60%,#008a84); text-align:center; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-summary::before { content:''; position:absolute; top:-42%; right:-10%; width:560px; height:560px; pointer-events:none; background:radial-gradient(circle,rgba(255,255,255,.14),transparent 62%); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-summary::after { content:''; position:absolute; bottom:-52%; left:-9%; width:520px; height:520px; pointer-events:none; background:radial-gradient(circle,rgba(47,184,172,.4),transparent 64%); }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-summary > div { position:relative; z-index:1; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-summary h2 { max-width:35ch; margin:0 auto 24px; color:#fff; font-size:clamp(28px,3.1vw,40px); line-height:1.2; font-weight:800; text-wrap:balance; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-cases-summary p { max-width:70ch; margin:0 auto; color:rgba(255,255,255,.86); font-size:15.52px; line-height:1.7; }
@media(max-width:1080px) { :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-listing__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) {
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero { min-height:520px; padding:122px 0 56px; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__inner { min-height:342px; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__content { width:100%; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__veil { background:linear-gradient(178deg,#00655d,#00928e 22%,#00928ee0 44%,#00928e7a 66%,#00928e29 84%,#00928e0a); }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story, :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story:nth-child(even) { grid-template-columns:1fr; gap:22px; padding:clamp(34px,7vw,46px) 0; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story:nth-child(even) .yumin-case-story__figure { order:0; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__figure { aspect-ratio:16/10; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__number { width:54px; height:54px; left:18px; top:14px; font-size:26px; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__content { max-width:none; }
}
@media(max-width:640px) {
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 :is(.yumin-blog-content-rail,.yumin-cases-content-rail,.yumin-cases-stories), :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero .yumin-page-hero__inner { width:calc(100% - 40px); }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-listing__grid { grid-template-columns:1fr; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__content { width:100%; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__figure { aspect-ratio:4/3; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-cta__inner { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story__figure .yumin-cases-media { transition:none; animation:none; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 :is(.yumin-blog-card,.yumin-blog-card__media img,.yumin-blog-card__media::after,.yumin-blog-card__title,.yumin-blog-card__read,.yumin-blog-card__read svg,.yumin-cases-media) { transition:none; animation:none; }
 :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover, :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover .yumin-blog-card__media img, :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card:hover .yumin-blog-card__read svg, :is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-case-story:hover .yumin-cases-media { transform:none; }
}

/* 旧阅读链接 span 设过 19px，新的整卡排版只继承链接字号。 */
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-blog-card__read span { font-size:inherit; line-height:inherit; }
:is(body,.editor-styles-wrapper) .yumin-editorial-v4 .yumin-page-hero--cases .yumin-page-hero__eyebrow { display:none; }