@media (max-width:767px){:root{--section-gap:48px;--container-padding:20px;--fs-h1:32px;--fs-h2:24px;--fs-h3:20px;--fs-h4:18px;--fs-stat:40px}.section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.section--tight{padding-top:var(--space-4);padding-bottom:var(--space-4)}.cta-bar__actions .button,.empty-state__actions .button,.form-actions .button,.topic-embezzlement__foot .button{width:100%}.hero{padding-top:var(--hero-pad-mobile);padding-bottom:var(--hero-pad-mobile)}.hero__name{font-size:30px}.contact-card__button,.side-card__button{width:100%}.case-nav__link{max-width:100%;width:100%}.case-nav__link--next{text-align:left}.form-captcha{flex-wrap:wrap}.form-captcha__input{max-width:none}.message-card,.topic-embezzlement__inner{padding:var(--space-3)}.award-scroll__item{flex:0 0 200px}.topbar__hours{display:none}.topbar__divider,.topbar__wechat{display:none}.disclaimer{padding:10px 12px}.maintenance__contact-item{padding:10px 12px;gap:10px}.maintenance__contact-value{font-size:var(--fs-h4)}}@media (min-width:768px){:root{--section-gap:64px;--container-padding:32px;--fs-h1:40px;--fs-h2:28px;--fs-h3:22px;--fs-stat:48px}.nav{position:static;inset:auto;width:auto;transform:none;border-left:0;box-shadow:none;overflow:visible;background:0 0}.nav__toggle{display:none}.nav__list{flex-direction:row;align-items:center;gap:var(--space-1);padding:0}.nav__link{padding:var(--space-1);white-space:nowrap}.award-grid__list,.footer__inner,.grid--advantages,.grid--areas,.grid--articles,.grid--cases,.grid--competencies,.grid--scenarios{grid-template-columns:repeat(2,1fr)}.about__intro{grid-template-columns:260px 1fr}.home-about__card{flex-direction:row;align-items:center;gap:var(--space-4)}.home-about__media{flex:0 0 250px;max-width:250px}.cta-bar__inner{grid-template-columns:1fr auto}.hero__inner{grid-template-columns:1fr}.case-detail__grid{grid-template-columns:260px 1fr}.author-card{grid-template-columns:auto 1fr auto;gap:var(--space-3)}.author-card__button{justify-self:end}}@media (min-width:768px) and (max-width:1199px){.header__brand-tag{display:none}.header__inner{gap:var(--space-2)}.header__brand-name{font-size:var(--fs-body)}.nav__link{padding:6px;font-size:14px}.header__cta{padding-left:var(--space-2);padding-right:var(--space-2)}}@media (min-width:1200px){:root{--container-max:1140px;--section-gap:96px;--fs-h1:48px;--fs-h2:32px;--fs-h3:24px;--fs-stat:56px}.grid--areas,.grid--articles,.grid--cases,.grid--scenarios{grid-template-columns:repeat(3,1fr)}.grid--competencies{grid-template-columns:repeat(4,1fr)}.award-grid__list,.grid--advantages{grid-template-columns:repeat(3,1fr)}.footer__inner{grid-template-columns:1.35fr 1.15fr 0.9fr 1fr}.hero__inner{grid-template-columns:1fr;gap:0}.about__intro{grid-template-columns:320px 1fr;gap:var(--space-5)}.home-about__media{flex-basis:300px;max-width:300px}.case-detail__grid{grid-template-columns:300px 1fr;gap:var(--space-5)}.articles-layout{grid-template-columns:1fr 300px;gap:var(--space-5)}.contact-layout{grid-template-columns:1fr 1fr;gap:var(--space-5)}}@media (min-width:1440px){:root{--container-max:1200px}.articles-layout,.contact-layout{gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0s;animation-duration:0s}html{scroll-behavior:auto}}@media (max-width:767px){.maintenance__contact-item{min-height:48px}.maintenance__contact-body{flex:1 1 auto;min-width:0}.maintenance__contact-item--email .maintenance__contact-value,.maintenance__contact-item--feedback .maintenance__contact-value{font-size:var(--fs-body);line-height:1.5;overflow-wrap:anywhere;word-break:break-word}}
/* 罗阳律师形象照：保持原始竖版比例 */
.home-about__media {
  align-self: center;
}

.home-about__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

/* 关于律师页面：防止照片容器被右侧文字撑高 */
.about__media {
  align-self: start;
  height: auto;
  background: transparent;
}

.about__avatar {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

/* 电脑端适当缩小照片宽度 */
@media (min-width: 768px) {
  .home-about__media {
    flex: 0 0 260px;
    max-width: 260px;
  }

  .about__intro {
    grid-template-columns: 260px 1fr;
  }
}

@media (min-width: 1200px) {
  .home-about__media {
    flex-basis: 280px;
    max-width: 280px;
  }

  .about__intro {
    grid-template-columns: 280px 1fr;
  }
}