@import url('/mycss/chihongye-reference.css?v=20260822-2');

.case-index-hero{margin-top:.8rem;padding-bottom:.62rem;border-bottom:1px solid var(--line)}
.case-index-hero h1{max-width:10.8rem;font-size:.46rem;line-height:.82rem;font-weight:500}
.case-index-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:.72rem;margin-top:.28rem;color:#5f5f58;font-size:.19rem;line-height:.36rem}
.case-index-meta a{flex:0 0 auto;color:#000}
.case-filterbar{display:flex;flex-wrap:wrap;gap:.18rem .2rem;margin:.5rem 0 .58rem}
.case-filterbar a,.inner-load-more a{display:inline-block;padding:.05rem .18rem;border:1px solid #000;color:#000;font-size:.15rem;line-height:.26rem;transition:.22s}
.case-filterbar a:hover,.case-filterbar a.active,.inner-load-more a:hover{background:#000;color:#fff}
.case-archive-note{max-width:8.8rem;margin:-.26rem 0 .46rem;color:#5f5f58;font-size:.19rem;line-height:.36rem}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.34rem .28rem}
.case-grid li{min-width:0;background:#fff}.case-grid li>a{display:block;height:100%}
.case-grid .listimg{height:auto;aspect-ratio:1/1;margin:0;overflow:hidden;background:#fff}
.case-grid .listimg img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.case-grid li:hover img{transform:scale(1.04)}
.case-card-copy{position:relative;padding:.22rem 0 0;background:#fff}
.case-card-kicker{color:#777;font-size:.15rem;line-height:.22rem}
.case-card-copy h2{margin-top:.06rem;font-size:.24rem;line-height:.34rem;font-weight:500}
.case-card-copy b{display:block;width:.28rem;height:1px;margin:.14rem 0;background:#000}
.case-card-right{padding:.22rem 0 .28rem;background:#fff}
.case-card-tags{display:flex;flex-wrap:wrap;gap:.06rem .1rem;min-height:.28rem}
.case-card-tags span{color:#555;font-size:.14rem;font-weight:600;line-height:.24rem}
.case-card-desc{max-width:5.7rem;margin-top:.14rem;color:#666;font-size:.16rem;line-height:.28rem}
.case-card-link{display:inline-block;margin-top:.18rem;padding:.05rem .18rem;border:1px solid #000;font-size:.15rem;line-height:.26rem;transition:.22s}
.case-grid li:hover .case-card-link{background:#000;color:#fff}
.case-card-date{padding:.2rem 0 0;color:#777;font-size:.15rem;line-height:.24rem;background:#fff}
.inner-load-more{margin:.35rem 0 .75rem;text-align:center}
.inner-intro{display:flex;justify-content:space-between;align-items:end;gap:.6rem;margin-top:.7rem;padding:.48rem 0;border-top:1px solid var(--line)}
.inner-intro p{width:8.6rem;max-width:100%;color:#000;font-size:.46rem;line-height:.78rem;font-weight:700}
.inner-intro a{flex:0 0 auto;font-size:.19rem}

.case-eyebrow{margin-bottom:.18rem;color:var(--muted);font-size:.16rem;line-height:1;text-transform:uppercase;letter-spacing:.045rem}
.case-detail-hero{width:100%;margin-top:.8rem;padding-bottom:.2rem}
.case-detail-intro h1{font-size:.38rem;line-height:1.4;font-weight:700}
.case-detail-titlebar{overflow:hidden;margin-top:.18rem;margin-bottom:.62rem}
.case-detail-title{font-size:.46rem;line-height:.78rem;font-weight:500}
.case-detail-actions{float:right;display:flex;gap:.8rem;padding-top:.22rem}
.case-detail-actions a{font-size:.19rem}
.case-detail-cover{min-height:0;margin-top:.62rem;overflow:hidden;background:#fff}
.case-detail-cover img{width:100%;height:auto;object-fit:contain}
.case-meta-grid{display:grid;grid-template-columns:.5fr 1.2fr .5fr;gap:.22rem;margin-top:.2rem;padding-bottom:.48rem;border-bottom:1px solid var(--line)}
.case-meta-grid div:last-child{justify-self:end}.case-meta-grid span{display:block;font-size:.15rem;line-height:.24rem}
.case-meta-grid strong{display:block;margin-top:.08rem;color:#666;font-size:.18rem;line-height:.34rem;font-weight:400;letter-spacing:0}
.case-story,.case-gallery,.case-related{margin-top:.75rem}.case-section-title{margin-bottom:.32rem}
.case-section-title h2{font-size:.34rem;line-height:.48rem;font-weight:500}
.case-overview{width:100%;max-width:100%;color:#4f4f49;font-size:.21rem;line-height:.44rem;letter-spacing:.01em}
.case-overview p{margin-bottom:.28rem}
.case-rich-section{margin-top:.56rem}
.case-rich-content{width:100%;max-width:100%;overflow:hidden;color:#4f4f49;font-size:.18rem;line-height:.36rem}
.case-rich-content p{margin:0 0 .3rem!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
.case-rich-content h1,.case-rich-content h2,.case-rich-content h3,.case-rich-content h4{margin:.58rem 0 .22rem!important;color:#111!important;font-size:.28rem!important;line-height:.42rem!important;font-weight:500!important}
.case-rich-content img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:.42rem 0;object-fit:contain}
.case-rich-content iframe,.case-rich-content video,.case-rich-content table{max-width:100%}
.case-gallery-list figure{margin:0;overflow:hidden;background:#fff}
.case-gallery-list img{width:100%;height:auto}
.case-related-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.28rem}
.case-related-list .listimg{aspect-ratio:1/1;margin:0;overflow:hidden}.case-related-list .listimg img{width:100%;height:100%;object-fit:cover;transition:.35s}
.case-related-list a:hover img{transform:scale(1.04)}.case-related-list li>a>div:last-child{padding-top:.18rem}
.case-related-list span{display:block;color:#777;font-size:.15rem;line-height:.24rem}.case-related-list h3{margin-top:.06rem;font-size:.22rem;line-height:.32rem;font-weight:500}
.inner-next{display:grid;grid-template-columns:1fr auto 1fr;gap:.3rem;margin-top:.75rem;padding:.28rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.17rem}
.inner-next a:nth-child(2){text-align:center}.inner-next a:last-child{text-align:right}

.news-index-hero{min-height:2rem;margin-top:1.4rem;overflow:hidden;text-align:right}
.news-index-hero .eyebrow{margin-bottom:.3rem}.news-index-hero h1{margin-left:auto;width:8.6rem;font-size:.46rem;line-height:.78rem;font-weight:500}
.news-filterbar{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.3rem}
.news-filterbar a{font-size:.24rem;line-height:.34rem}.news-filterbar a.active{position:relative}.news-filterbar a.active:after{content:"";display:block;width:100%;height:.1rem;margin-top:-.08rem;background:var(--accent);position:relative;z-index:-1}
.news-list li{margin-bottom:.42rem}.news-list li a{display:grid;grid-template-columns:minmax(0,.62fr) minmax(3.2rem,.38fr);gap:clamp(.34rem,3vw,.56rem);align-items:start}
.news-list li img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#fff;transition:.35s}
.news-list li:hover img{transform:scale(1.015)}.news-list li div{min-width:0}
.news-list li div span{display:block;margin-top:.2rem;font-size:.16rem}.news-list h3{margin-top:.12rem;font-size:.26rem;line-height:.38rem;font-weight:500}
.news-list p{margin-top:.42rem;color:#666;font-size:.18rem;line-height:.36rem}.news-list b{display:block;margin-top:.44rem;color:#999;font-size:.16rem;font-weight:500}

.article-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:1.4rem;overflow:hidden}
.article-titlebar h1{width:8.6rem;font-size:.46rem;line-height:.78rem;font-weight:500}.article-titlebar nav{display:flex;gap:.45rem;flex:0 0 auto;padding-top:.1rem}
.article-titlebar nav a{font-size:.19rem;line-height:.4rem}
.article-title-copy{min-width:0}.article-meta{display:flex;flex-wrap:wrap;gap:.12rem .52rem;margin-top:.22rem;color:#999;font-size:.17rem;line-height:.3rem}.article-meta span{white-space:nowrap}
.article-cover{width:100%;max-width:100%;margin-top:.6rem;margin-bottom:.75rem}.article-cover img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.article-lead{width:100%;max-width:100%;margin:0 0 .48rem;color:#111;font-size:.23rem;line-height:.42rem;font-weight:500}
.article-body{width:100%;max-width:100%;color:#4f4f49;font-size:.18rem;line-height:.36rem}
.article-body p{margin:0 0 .32rem!important;color:#4f4f49!important;font-size:.18rem!important;line-height:.36rem!important}
.article-body h1,.article-body h2,.article-body h3,.article-body h4{margin:.62rem 0 .22rem!important;color:#111!important;font-size:.26rem!important;line-height:.38rem!important;font-weight:500!important}
.article-body img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:.5rem 0;object-fit:contain}
.article-body iframe,.article-body video{max-width:100%}.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:100%;margin-top:.75rem;padding:.3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-pager>div:last-child{text-align:right}.article-pager a{color:#777;font-size:.15rem;line-height:.28rem}.article-pager strong{display:inline-block;max-width:5.6rem;color:#111;font-size:.18rem;font-weight:500}
.copyright{display:flex;align-items:center;flex-wrap:wrap;gap:.16rem .55rem;padding:.42rem 0 .65rem;border-top:1px solid var(--line);color:#777;font-size:.15rem;line-height:.28rem}.copyright .icp-link{color:inherit;transition:color .2s}.copyright .icp-link:hover{color:#000}

@media(max-width:900px){
  .case-index-hero,.case-detail-hero{margin-top:.85rem}.case-index-hero h1{font-size:.4rem;line-height:.58rem}.case-index-meta{align-items:flex-start;flex-direction:column;gap:.2rem}
  .case-grid{gap:.42rem .18rem}
  .case-meta-grid{grid-template-columns:1fr 1fr}.case-meta-grid div:last-child{justify-self:start}.case-related-list{grid-template-columns:repeat(2,1fr)}
  .news-index-hero{text-align:left}.news-index-hero h1{width:auto;margin-left:0}.news-list li a{grid-template-columns:1fr;gap:.18rem}.news-list p{margin-top:.18rem}.news-list b{margin-top:.2rem}
  .article-titlebar{display:block;margin-top:.95rem}.article-titlebar h1{width:auto;font-size:.4rem;line-height:.58rem}.article-titlebar nav{margin-top:.2rem}.article-meta{gap:.08rem .22rem;margin-top:.14rem;font-size:.14rem;line-height:.25rem}.inner-intro{align-items:flex-start;flex-direction:column}.inner-intro p{font-size:.34rem;line-height:.52rem}
}
@media(max-width:560px){
  .case-grid{display:block}.case-grid li{margin-bottom:.6rem}.case-filterbar{gap:.12rem}.case-filterbar a{font-size:.14rem}.case-card-copy h2{font-size:.25rem;line-height:.36rem}
  .case-meta-grid{grid-template-columns:1fr}.case-related-list{grid-template-columns:1fr}.case-rich-section{margin-top:.42rem}.case-rich-content{font-size:.16rem;line-height:.3rem}.case-rich-content p{margin-bottom:.22rem!important}.case-rich-content h1,.case-rich-content h2,.case-rich-content h3,.case-rich-content h4{margin:.4rem 0 .18rem!important;font-size:.23rem!important;line-height:.34rem!important}.case-rich-content img{margin:.28rem 0}.news-index-hero{min-height:1.6rem}.news-index-hero h1{font-size:.38rem;line-height:.56rem}.news-filterbar a{font-size:.2rem}.article-titlebar h1{font-size:.36rem;line-height:.54rem}.article-body,.article-lead,.article-cover{width:100%}.inner-intro p{font-size:.3rem;line-height:.46rem}
}

/* 富文本中连续图片不保留段落或图片自身的上下留白。 */
.case-rich-content p:has(> img:only-child){margin:0!important;font-size:0!important;line-height:0!important}
.case-rich-content p:has(> img:only-child) img,.case-rich-content>img{display:block;margin:0!important;vertical-align:top}