/* 来凤县中医医院视觉标识与首页、就医服务的最终补充样式。 */
:root{--display:"STKaiti","华文楷体","KaiTi","楷体",serif}

.brand--logo{gap:0}
.brand--logo .brand-logo{display:block;object-fit:contain}
.brand--logo .brand-logo--horizontal{width:270px;height:62px;object-position:left center}
.brand--logo .brand-logo--seal{display:none;width:46px;height:46px}
.footer-brand .brand--logo{display:inline-flex;padding:10px 14px;background:linear-gradient(145deg,#fffdf9,#f5e7d2);border:1px solid #d8b77f;border-radius:4px;box-shadow:0 8px 22px #12080740}
.footer-brand .brand-logo--horizontal{width:238px;height:58px;filter:contrast(1.12) saturate(1.08)}

.portal-hero__logo{position:absolute;z-index:2;right:max(28px,calc((100% - 1180px)/2));top:50%;transform:translateY(-49%);width:min(23vw,306px);padding:13px;background:linear-gradient(145deg,#fffdf9f2,#f8ead6e8);border:1px solid #f0cf95;box-shadow:0 17px 40px #3f10184a;object-fit:contain}
.hero-culture>p{display:block;white-space:nowrap}
.portal-hero .hero-culture h1{margin-top:13px}
.portal-hero .hero-culture h1,.portal-hero .hero-culture h1 em{font-size:62px}
.hero-purpose{display:block!important;margin:18px 0 25px;color:#fee9ca}
.hero-purpose span{font-size:15px;line-height:1.9}
.hero-actions{display:flex!important;gap:12px!important}

.portal-cards a{display:flex;min-height:175px;flex-direction:column;justify-content:center;padding:28px}
.portal-cards h3{margin:0 0 8px;font:25px/1.35 var(--display);letter-spacing:2px;color:var(--red)}
.portal-cards p{font-size:13px}
.culture-banner h2{font-size:clamp(25px,3.25vw,45px);letter-spacing:clamp(4px,1vw,16px);white-space:nowrap}
.service-grid span i{display:block;font:inherit;font-style:normal;transform:rotate(-45deg)}

.online-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:27px 0 22px}
.online-service-entry{min-height:104px;display:flex;align-items:center;gap:17px;padding:20px 24px;color:#fff;background:linear-gradient(120deg,#7f1d20,#ad332b 62%,#bf6847);box-shadow:0 10px 24px #65191424;transition:transform .2s,box-shadow .2s}
.online-service-entry:hover{transform:translateY(-3px);box-shadow:0 15px 30px #65191435}
.online-service-entry i{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #f1c987;border-radius:50%;font:28px var(--display);font-style:normal;color:#f7d69f}
.online-service-entry span{display:grid;gap:2px;line-height:1.5}
.online-service-entry b{font-size:19px;letter-spacing:1px}
.online-service-entry small{font-size:12px;color:#f7e2bf}
.online-service-entry em{margin-left:auto;font-style:normal;font-size:22px;color:#f1ca8e}

@media(max-width:940px){
  .brand--logo .brand-logo--horizontal{width:225px;height:56px}
  .portal-hero__logo{right:28px;width:210px}
}

@media(max-width:720px){
  .brand--logo .brand-logo--horizontal{display:none}
  .brand--logo .brand-logo--seal{display:block}
  .portal-hero__logo{display:none}
  .hero-culture>p{letter-spacing:2px!important}
  .portal-hero .hero-culture h1,.portal-hero .hero-culture h1 em{font-size:44px}
  .hero-purpose{margin:13px 0 20px}
  .hero-purpose span{font-size:13px}
  .hero-purpose span br{display:none}
  .portal-cards a{min-height:145px;padding:22px}
  .portal-cards h3{font-size:22px}
  .culture-banner h2{font-size:clamp(18px,5.1vw,27px);letter-spacing:2px}
  .online-services{grid-template-columns:1fr;gap:12px;margin:20px 0 17px}
  .online-service-entry{min-height:88px;padding:17px 18px;gap:13px}
  .online-service-entry i{flex-basis:42px;width:42px;height:42px;font-size:24px}
  .online-service-entry b{font-size:17px}
  .online-service-entry small{font-size:11px}
}