/* =====================================================
   杏林榜官网 - pages.css  各页面 / 首页专属样式
   设计语言 1:1 参考 福联医疗集团官网
   ===================================================== */

/* ---------- 首页 Hero 轮播 (slick fade) ---------- */
.index_main{ position:relative; }
.index_banner{ position:relative; height:100vh; min-height:640px; overflow:hidden; }
.index_banner .item{ position:absolute; inset:0; transition:opacity 1s ease; background-size:cover; background-position:center; }
/* 后台 Banner 管理的图片层：渐变底色兜底 + <picture> 双端图覆盖 */
.index_banner .item .bg{ position:absolute; inset:0; background-size:cover; background-position:center; }
.index_banner .item .bg picture, .index_banner .item .bg img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
/* PC 端视频：>767px 播放视频（自动静音循环），移动端隐藏并回退图片 */
.index_banner .item .bg .bg-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:none; z-index:1; }
@media (min-width:768px){
  .index_banner .item .bg .bg-video{ display:block; }
  .index_banner .item .bg .bg-video + picture{ display:none; }
}
.index_banner .item.slick-current, .index_banner .item.active, .index_banner .item.swiper-slide-active{ opacity:1 !important; }
.index_banner .item .mask{ position:absolute; inset:0; background:rgba(0,0,0,.42); z-index:1; }
.index_banner .item .txt_block{ position:absolute; left:10%; top:50%; transform:translateY(-50%); color:#fff; max-width:760px; z-index:2; }
.index_banner .item .txt_block h2{ font-size:22px; font-weight:400; letter-spacing:5px; margin-bottom:18px; opacity:0; transform:translateY(20px); transition:all .8s ease .3s; }
.index_banner .item .txt_block h3{ font-size:64px; font-weight:700; line-height:1.15; letter-spacing:6px; margin-bottom:22px; opacity:0; transform:translateY(20px); transition:all .8s ease .5s; }
.index_banner .item .txt_block p{ font-size:19px; opacity:0; transform:translateY(20px); transition:all .8s ease .7s; color:rgba(255,255,255,.92); }
.index_banner .item .txt_block .btn{ display:inline-block; margin-top:34px; padding:14px 38px; border:1px solid rgba(255,255,255,.55); border-radius:40px; color:#fff; font-size:15px; opacity:0; transform:translateY(20px); transition:all .8s ease .9s; }
.index_banner .item .txt_block .btn:hover{ background:var(--primary); border-color:var(--primary); }
.index_banner .swiper-slide-active .txt_block h2,
.index_banner .swiper-slide-active .txt_block h3,
.index_banner .swiper-slide-active .txt_block p,
.index_banner .swiper-slide-active .txt_block .btn{ opacity:1; transform:translateY(0); }

.section1 .slick_txt{ position:absolute; right:10%; bottom:120px; z-index:5; color:#fff; font-size:18px; }
.section1 .slick_txt .active{ color:var(--primary-light); font-weight:700; }
.section1 .dots{ position:absolute; right:10%; bottom:80px; z-index:5; }
.section1 .dots span{ display:inline-block; width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,.45); margin-left:12px; cursor:pointer; position:relative; }
.section1 .dots span.ani, .section1 .dots span.active{ background:#fff; }
.section1 .dots span.ani:after, .section1 .dots span.active:after{ content:''; position:absolute; inset:-5px; border:1px solid #fff; border-radius:50%; }
.section1 .mouse{ position:absolute; left:50%; bottom:34px; transform:translateX(-50%); z-index:5; color:#fff; text-align:center; font-size:12px; letter-spacing:2px; opacity:.8; cursor:pointer; }
.section1 .mouse i{ display:block; width:20px; height:32px; border:2px solid #fff; border-radius:12px; margin:0 auto 8px; position:relative; }
.section1 .mouse i:after{ content:''; position:absolute; top:6px; left:50%; transform:translateX(-50%); width:3px; height:6px; background:#fff; border-radius:2px; animation:scrollDot 1.6s infinite; }
@keyframes scrollDot{ 0%,100%{ opacity:1; top:6px; } 50%{ opacity:.2; top:14px; } }

/* ---------- 首页 section2 集团简介 + 合作机构 ---------- */
.index_main .section2{ padding:90px 0; background:#fff; text-align:center; }
.index_main .section2 .comm_tit{ margin-bottom:30px; }
.index_main .section2 .intro{ max-width:900px; margin:0 auto 40px; font-size:16px; color:#666; line-height:2; }
.index_main .section2 .intro p{ margin-bottom:16px; }
.biz_tags{ display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin-bottom:60px; }
.biz_tags .tag{ width:160px; padding:24px 10px; border:1px solid var(--line); border-radius:8px; transition:all .35s; }
.biz_tags .tag:hover, .biz_tags .tag.active{ border-color:var(--primary); background:var(--bg-warm); transform:translateY(-5px); }
.biz_tags .tag i{ display:block; width:46px; height:46px; margin:0 auto 12px; border-radius:50%; background:var(--primary); color:#fff; font-size:20px; font-style:normal; line-height:46px; }
.biz_tags .tag span{ font-size:15px; color:var(--ink); }
.logo_box{ display:flex; flex-wrap:wrap; gap:24px; justify-content:center; }
.logo_box .item{ flex:1; min-width:260px; max-width:360px; background:#fafafa; border:1px solid var(--line); border-radius:8px; padding:30px; transition:all .35s; }
.logo_box .item:hover{ border-color:var(--primary); box-shadow:0 14px 34px rgba(151,30,35,.1); transform:translateY(-5px); }
.logo_box .item .ico{ width:60px; height:60px; border-radius:14px; background:linear-gradient(135deg,var(--primary-light),var(--primary)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; margin-bottom:18px; }
.logo_box .item h4{ font-size:18px; color:var(--ink); margin-bottom:10px; }
.logo_box .item p{ font-size:14px; color:var(--muted); line-height:1.8; }

/* ---------- 首页集团介绍 · 双品牌版块（杏林榜 / 永庆协） ---------- */
.brand_cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; max-width:920px; margin:0 auto; }
.brand_card{ display:flex; align-items:center; gap:22px; background:#fafafa; border:1px solid var(--line); border-radius:12px; padding:30px 34px; transition:all .35s; text-align:left; }
.brand_card:hover{ border-color:var(--primary); box-shadow:0 14px 34px rgba(151,30,35,.1); transform:translateY(-5px); }
.brand_card .logo{ flex:0 0 64px; width:64px; height:64px; border-radius:14px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #eee; }
.brand_card .logo img{ width:100%; height:100%; object-fit:contain; display:block; }
.brand_card .logo.yq{ background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); color:#fff; font-size:30px; font-weight:700; }
.brand_card .txt{ flex:1; min-width:0; }
.brand_card .txt h3{ font-size:20px; color:var(--ink); margin-bottom:8px; }
.brand_card .txt p{ font-size:14px; color:var(--muted); }
.brand_card .btn{ flex:0 0 auto; padding:10px 26px; border:1px solid var(--primary); color:var(--primary); border-radius:30px; font-size:14px; transition:all .3s; white-space:nowrap; }
.brand_card:hover .btn{ background:var(--primary); color:#fff; }
@media (max-width:767px){
  .brand_cards{ grid-template-columns:1fr; gap:16px; }
  .brand_card{ flex-direction:column; text-align:center; gap:14px; padding:26px 20px; }
  .brand_card .txt h3{ font-size:18px; }
  .brand_card .txt p{ font-size:13px; }
  .brand_card .btn{ margin-top:2px; }
}

/* ---------- 首页 section3 数据 ---------- */
.index_main .section3{ background:linear-gradient(120deg,var(--primary),var(--primary-dark)); }

/* ---------- 首页 section4 集团业务轮播（原生横滑） ---------- */
.index_main .section4{ background:#f7f7f7; }
.biz_swiper, .news_swiper{ position:relative; }
.biz_swiper .biz_track, .news_swiper .news_track{
  display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  padding:6px 4px 16px; margin:0 -4px; scrollbar-width:none; }
.biz_swiper .biz_track::-webkit-scrollbar, .news_swiper .news_track::-webkit-scrollbar{ display:none; }
.biz_card_item, .news_card_item{
  flex:0 0 calc((100% - 48px)/3); scroll-snap-align:start;
  background:#fff; border-radius:8px; overflow:hidden; border:1px solid var(--line); transition:all .35s; }
.biz_card_item:hover, .news_card_item:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(151,30,35,.12); border-color:var(--primary); }
.biz_swiper .pic{ height:220px; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); position:relative; display:flex; align-items:center; justify-content:center; }
.biz_swiper .pic img{ width:100%; height:100%; object-fit:cover; display:block; }
.biz_swiper .pic span{ color:#fff; font-size:22px; font-weight:700; letter-spacing:2px; }
.biz_swiper .txt_block, .news_card_item .body{ padding:26px; }
.biz_swiper .txt_block h3, .news_card_item .body h3{ font-size:19px; color:var(--ink); margin-bottom:12px; line-height:1.5; }
.biz_swiper .txt_block p, .news_card_item .body p{ font-size:14px; color:var(--muted); line-height:1.8; margin-bottom:16px; }
.biz_swiper .txt_block .more-link{ color:var(--primary); font-size:14px; font-weight:500; }
.biz_swiper .txt_block .more-link:after{ content:'→'; margin-left:6px; }
.news_card_item .pic{ height:200px; background:#f0e9e6; overflow:hidden; display:block; }
.news_card_item .pic img.pic-img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.news_card_item:hover .pic img.pic-img{ transform:scale(1.06); }
.news_card_item .body h3{ min-height:48px; }
.news_card_item .body p{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news_card_item .body .meta{ display:flex; justify-content:space-between; color:#aaa; font-size:13px; }
.biz_swiper .navbtn, .news_swiper .navbtn{ position:absolute; top:46%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.12); z-index:5; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:20px; transition:all .3s; border:none; }
.biz_swiper .navbtn:hover, .news_swiper .navbtn:hover{ background:var(--primary); color:#fff; }
.biz_swiper .prev, .news_swiper .prev{ left:-10px; } .biz_swiper .next, .news_swiper .next{ right:-10px; }
.biz_scrollbar{ margin-top:24px; height:3px; background:var(--line); position:relative; border-radius:3px; }
.biz_scrollbar .drag{ position:absolute; left:0; top:0; height:100%; width:30%; background:var(--primary); border-radius:3px; transition:left .1s linear; }
@media (max-width:991px){
  .biz_card_item, .news_card_item{ flex:0 0 80%; }
}
@media (max-width:767px){
  .biz_card_item, .news_card_item{ flex:0 0 84%; }
}

/* ---------- 首页 section5 新闻 ---------- */
.news_items{ display:flex; flex-wrap:wrap; gap:24px; }
.news_items .item{ flex:1; min-width:300px; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; transition:all .35s; }
.news_items .item:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(151,30,35,.12); }
.news_items .pic{ height:200px; background:linear-gradient(135deg,var(--primary-light),var(--primary)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; letter-spacing:2px; }
.news_items .body{ padding:24px; }
.news_items .body h3{ font-size:17px; color:var(--ink); line-height:1.5; margin-bottom:10px; min-height:48px; }
.news_items .body p{ font-size:14px; color:var(--muted); line-height:1.7; margin-bottom:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news_items .body .meta{ display:flex; justify-content:space-between; color:#aaa; font-size:13px; }

/* =====================================================
   内页通用：图文列表 / 详情
   ===================================================== */
.article{ display:flex; gap:50px; align-items:flex-start; }
.article .main{ flex:1; min-width:0; }
.article .side{ flex:0 0 300px; }
.side .box{ background:#fafafa; border:1px solid var(--line); border-radius:8px; padding:24px; margin-bottom:24px; }
.side .box h4{ font-size:16px; color:var(--ink); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.side .box .list li{ margin-bottom:10px; }
.side .box .list a{ color:#666; font-size:14px; }
.side .box .list a:hover{ color:var(--primary); }
.side .hotline{ background:linear-gradient(120deg,var(--primary),var(--primary-dark)); color:#fff; border:none; }
.side .hotline h4{ color:#fff; border-color:rgba(255,255,255,.25); }
.side .hotline p{ font-size:15px; line-height:2; }
.side .hotline .num{ font-size:24px; font-weight:700; letter-spacing:1px; }

/* 集团简介 */
.about_lead{ font-size:16px; color:#666; line-height:2.1; margin-bottom:50px; }
.about_lead p{ margin-bottom:18px; }
.feat_grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:50px; }
.feat_grid .f{ text-align:center; padding:36px 20px; background:#fafafa; border-radius:8px; border:1px solid var(--line); transition:all .35s; }
.feat_grid .f:hover{ border-color:var(--primary); transform:translateY(-6px); }
.feat_grid .f .ico{ width:64px; height:64px; margin:0 auto 16px; border-radius:50%; background:var(--bg-warm); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; }
.feat_grid .f h3{ font-size:19px; color:var(--ink); margin-bottom:10px; }
.feat_grid .f p{ font-size:14px; color:var(--muted); }
/* 两大业务板块（两列对齐） */
.feat_grid.two{ grid-template-columns:repeat(2,1fr); max-width:760px; margin-left:auto; margin-right:auto; }
@media (max-width:767px){ .feat_grid.two{ grid-template-columns:1fr; } }

/* 文化理念 slogan 横幅 */
.slogan_banner{ display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:50px;
  background:linear-gradient(120deg,var(--primary),var(--primary-dark)); color:#fff; border-radius:10px; padding:34px 24px; }
.slogan_banner .sl_ico{ font-size:18px; font-weight:700; letter-spacing:3px; padding:8px 18px; border:1px solid rgba(255,255,255,.5); border-radius:30px; white-space:nowrap; }
.slogan_banner .sl_txt{ font-size:30px; font-weight:700; letter-spacing:4px; }
@media (max-width:767px){ .slogan_banner{ flex-direction:column; gap:14px; text-align:center; } .slogan_banner .sl_txt{ font-size:22px; } }
.timeline{ border-left:2px solid var(--line); padding-left:30px; margin-left:10px; }
.timeline .t{ position:relative; padding-bottom:34px; }
.timeline .t:before{ content:''; position:absolute; left:-37px; top:4px; width:14px; height:14px; border-radius:50%; background:var(--primary); border:3px solid #fff; box-shadow:0 0 0 2px var(--primary); }
.timeline .t .year{ font-size:20px; font-weight:700; color:var(--primary); }
.timeline .t p{ color:#666; font-size:15px; margin-top:6px; line-height:1.8; }

/* 子栏目切换内容 */
.sub_content .panel{ display:none; }
.sub_content .panel.active{ display:block; animation:fadeIn .5s; }
@keyframes fadeIn{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;} }

/* 业务 / 流派 卡片网格 */
.card_grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.biz_card{ background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; transition:all .35s; }
.biz_card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(151,30,35,.12); border-color:var(--primary); }
.biz_card .top{ height:180px; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); display:flex; align-items:center; justify-content:center; color:#fff; overflow:hidden; }
.biz_card .top .ch{ font-size:40px; font-weight:700; }
/* 优势病种：上传的图标图原图展示 */
.biz_card .top img{ width:100%; height:100%; object-fit:cover; display:block; }
.biz_card .body{ padding:26px; }
.biz_card .body h3{ font-size:19px; color:var(--ink); margin-bottom:10px; }
.biz_card .body p{ font-size:14px; color:var(--muted); line-height:1.8; margin-bottom:16px; }
.biz_card .body .tags{ display:flex; flex-wrap:wrap; gap:8px; }
.biz_card .body .tags span{ font-size:12px; color:var(--primary); background:var(--bg-warm); padding:4px 12px; border-radius:20px; }

/* 流派详情 */
.school_detail{ display:flex; gap:50px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:12px; padding:50px; }
.school_detail .media{ flex:0 0 420px; }
.school_detail .media .ph{ aspect-ratio:4/3; border-radius:10px; background:linear-gradient(135deg,var(--bg-warm),#f0d9d9); border:2px dashed rgba(151,30,35,.25); display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:18px; }
.school_detail .txt h3{ font-size:30px; color:var(--ink); margin-bottom:16px; }
.school_detail .txt p{ color:#666; line-height:1.9; margin-bottom:18px; }
.school_detail .txt .tags{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.school_detail .txt .tags span{ padding:5px 16px; background:var(--bg-warm); color:var(--primary); border-radius:20px; font-size:13px; }
.school_detail .txt ul{ margin-bottom:24px; }
.school_detail .txt ul li{ padding:9px 0 9px 22px; position:relative; color:#666; font-size:14px; border-bottom:1px solid var(--line); }
.school_detail .txt ul li:before{ content:''; position:absolute; left:0; top:17px; width:8px; height:8px; border-radius:50%; background:var(--primary); }

/* ============ 百年流派 · 六版块（头图/介绍/传承图谱/图片素材/视频素材/著述） ============ */
.school_top{ margin-bottom:40px; border-radius:14px; overflow:hidden; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); min-height:200px; }
.school_top img{ width:100%; max-height:420px; object-fit:cover; display:block; }
.school_intro{ text-align:center; max-width:900px; margin:0 auto 46px; }
.school_intro h3{ font-size:32px; color:var(--ink); margin-bottom:16px; position:relative; display:inline-block; padding-bottom:14px; }
.school_intro h3:after{ content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:50px; height:3px; background:var(--primary); }
.school_intro p{ font-size:16px; color:#666; line-height:2.1; text-align:justify; }
.school_tree, .school_gallery, .school_videos, .school_works{ margin-bottom:46px; }
.ssec-tit{ font-size:22px; color:var(--ink); text-align:center; margin-bottom:24px; position:relative; padding-bottom:14px; }
.ssec-tit:after{ content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:44px; height:3px; background:var(--primary); }
.ssec-ph{ padding:36px; text-align:center; color:#c8b6b0; font-size:14px; letter-spacing:2px; border-radius:10px; background:linear-gradient(135deg,#f7f1ee,#efe3de); }
.school_tree .tree-img{ text-align:center; }
.school_tree .tree-img img{ max-width:100%; max-height:640px; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.12); }
.ssec-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.ssec-grid figure{ margin:0; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; transition:all .3s; }
.ssec-grid figure:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(151,30,35,.12); border-color:var(--primary); }
.ssec-grid figure img, .ssec-grid figure video{ width:100%; height:200px; object-fit:cover; display:block; background:#f0e9e6; }
.ssec-grid figure video{ object-fit:contain; background:#111; }
.ssec-grid figcaption{ padding:10px 14px; font-size:13px; color:var(--muted); text-align:center; }
/* 著述（书籍卡片） */
.works-grid{ grid-template-columns:repeat(3,1fr); }
.w-item{ display:block; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:all .3s; color:inherit; }
.w-item:hover{ transform:translateY(-5px); box-shadow:0 16px 34px rgba(151,30,35,.14); border-color:var(--primary); }
.w-item .w-cover{ background:#f0e9e6; }
.w-item .w-cover img{ width:100%; height:240px; object-fit:cover; display:block; }
.w-item .w-info{ padding:18px 20px 22px; }
.w-item .w-info h5{ font-size:17px; color:var(--ink); margin-bottom:8px; line-height:1.5; }
.w-item .w-info p{ font-size:13.5px; color:var(--muted); line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:991px){ .ssec-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:767px){
  .ssec-grid{ grid-template-columns:1fr; }
  .works-grid{ grid-template-columns:1fr; }
  .school_intro h3{ font-size:26px; }
  .ssec-grid figure img, .ssec-grid figure video{ height:auto; }
  .school_top img{ max-height:240px; }
}

/* 名医 */
.expert_grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.expert_card{ background:#fff; border:1px solid var(--line); border-radius:10px; padding:0; text-align:center; transition:all .35s; overflow:hidden; }
.expert_card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(151,30,35,.12); border-color:var(--primary); }
/* 名医半身照大图（医生展示标准做法） */
.expert_card .portrait{ height:280px; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:72px; font-weight:700; overflow:hidden; }
.expert_card .portrait img{ width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.expert_card .portrait .ava-txt{ line-height:1; }
.expert_card .body{ padding:24px 24px 30px; }
.expert_card h3{ font-size:20px; color:var(--ink); margin-bottom:8px; }
.expert_card .role{ font-size:14px; color:var(--primary); margin-bottom:12px; }
.expert_card p{ font-size:14px; color:var(--muted); line-height:1.8; padding:0 6px; }

/* 医疗机构 */
.org_grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.org_card{ background:#fff; border:1px solid var(--line); border-radius:10px; padding:34px; transition:all .35s; border-top:3px solid var(--primary); }
.org_card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(151,30,35,.12); }
/* 医疗机构：上传的机构图片原图展示 */
.org_card .org_img{ margin:-34px -34px 22px; border-radius:10px 10px 0 0; overflow:hidden; background:#f0e9e6; }
.org_card .org_img img{ width:100%; height:190px; object-fit:cover; display:block; }
/* 无图/加载失败占位：与有图同高，明确提示“暂无图片” */
.org_card .org_img_ph{ height:190px; display:flex; align-items:center; justify-content:center; color:#c8b6b0; font-size:15px; letter-spacing:2px; background:linear-gradient(135deg,#f7f1ee,#efe3de); }

/* ============ 医疗服务 · 杏林榜 tab（品牌介绍） ============ */
.xinglin_top{ display:flex; align-items:center; gap:60px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:50px; margin-bottom:46px; }
.xinglin_top .media{ flex:0 0 300px; display:flex; align-items:center; justify-content:center; }
.xinglin_top .media img{ width:100%; max-width:280px; object-fit:contain; }
.xinglin_top .txt{ flex:1; min-width:0; }
.xinglin_top .txt h3{ font-size:30px; color:var(--ink); margin-bottom:20px; position:relative; padding-bottom:14px; }
.xinglin_top .txt h3:after{ content:''; position:absolute; left:0; bottom:0; width:46px; height:3px; background:var(--primary); }
.xinglin_top .txt p{ font-size:15px; color:#666; line-height:2; margin-bottom:16px; text-align:justify; }
/* 进入永庆协官网按钮 */
.yq_btn{ display:inline-block; margin-top:20px; padding:12px 36px; background:var(--primary); color:#fff; border-radius:30px; font-size:15px; letter-spacing:1px; transition:all .3s; }
.yq_btn:hover{ background:var(--primary-dark); box-shadow:0 8px 22px rgba(151,30,35,.32); transform:translateY(-2px); }
.xinglin_video{ max-width:960px; margin:0 auto; }
.xinglin_video video{ width:100%; border-radius:12px; background:#111; display:block; box-shadow:0 10px 30px rgba(0,0,0,.12); }
.xinglin_video_ph{ width:100%; height:320px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#c8b6b0; font-size:15px; letter-spacing:1px; background:linear-gradient(135deg,#f7f1ee,#efe3de); }
@media (max-width:767px){
  .xinglin_top{ flex-direction:column; gap:28px; padding:28px 20px; text-align:center; }
  .xinglin_top .media{ flex:none; width:100%; }
  .xinglin_top .media img{ max-width:180px; }
  .xinglin_top .txt h3{ font-size:24px; text-align:center; }
  .xinglin_top .txt h3:after{ left:50%; transform:translateX(-50%); }
  .xinglin_top .txt p{ font-size:14px; text-align:left; }
  .xinglin_video_ph{ height:200px; font-size:13px; padding:0 20px; text-align:center; }
}
.org_card h3{ font-size:22px; color:var(--ink); margin-bottom:12px; }
.org_card p{ color:var(--muted); font-size:14px; line-height:1.8; }

/* 新闻列表 */
.news_list{ display:flex; flex-direction:column; gap:0; }
.news_list .row{ display:flex; gap:28px; padding:28px 0; border-bottom:1px solid var(--line); transition:all .3s; }
.news_list .row:hover{ padding-left:10px; }
.news_list .row .date{ flex:0 0 90px; text-align:center; }
.news_list .row .date .d{ font-size:34px; font-weight:700; color:var(--primary); line-height:1; }
.news_list .row .date .y{ font-size:13px; color:#aaa; margin-top:6px; }
.news_list .row .pic{ flex:0 0 200px; height:130px; border-radius:8px; overflow:hidden; background:#f0e9e6; display:block; }
.news_list .row .pic img.pic-img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.news_list .row:hover .pic img.pic-img{ transform:scale(1.05); }
.news_list .row .txt{ flex:1; }
.news_list .row .txt .cat{ display:inline-block; font-size:12px; color:var(--primary); background:var(--bg-warm); padding:2px 10px; border-radius:12px; margin-bottom:10px; }
.news_list .row .txt h3{ font-size:19px; color:var(--ink); margin-bottom:10px; }
.news_list .row .txt h3:hover{ color:var(--primary); }
.news_list .row .txt p{ font-size:14px; color:var(--muted); line-height:1.7; }

/* 新闻详情 */
.detail .cover{ margin-bottom:30px; border-radius:10px; overflow:hidden; background:#f0e9e6; }
.detail .cover img{ width:100%; max-height:420px; object-fit:cover; display:block; }
.detail .head{ text-align:center; padding:40px 0; border-bottom:1px solid var(--line); margin-bottom:40px; }
.detail .head h1{ font-size:28px; color:var(--ink); margin-bottom:16px; }
.detail .head .meta{ color:#aaa; font-size:14px; }
.detail .body{ font-size:16px; color:#555; line-height:2.1; }
.detail .body p{ margin-bottom:20px; }
.detail .body img{ max-width:100%; border-radius:8px; margin:20px 0; }
.detail .body h2{ font-size:20px; color:var(--ink); margin:30px 0 14px; }

/* 招贤纳士 */
.talent{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:50px; }
.talent .t{ text-align:center; padding:30px 12px; background:var(--bg-warm); border-radius:8px; }
.talent .t .ico{ width:54px; height:54px; margin:0 auto 14px; border-radius:50%; background:var(--primary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; }
.talent .t h4{ font-size:17px; color:var(--ink); margin-bottom:8px; }
.talent .t p{ font-size:13px; color:var(--muted); }
.job_list{ display:flex; flex-direction:column; gap:16px; }
.job_item{ background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.job_item .hd{ display:flex; align-items:center; justify-content:space-between; padding:22px 28px; cursor:pointer; transition:all .3s; }
.job_item .hd:hover{ background:var(--bg-warm); }
.job_item .hd h3{ font-size:18px; color:var(--ink); }
.job_item .hd .info{ color:#999; font-size:13px; margin-top:4px; }
.job_item .hd .arrow{ width:30px; height:30px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--primary); transition:all .3s; }
.job_item.open .hd .arrow{ transform:rotate(180deg); background:var(--primary); color:#fff; }
.job_item .ct{ display:none; padding:0 28px 24px; border-top:1px solid var(--line); }
.job_item.open .ct{ display:block; }
.job_item .ct h5{ font-size:15px; color:var(--ink); margin:18px 0 8px; }
.job_item .ct p, .job_item .ct li{ font-size:14px; color:#666; line-height:1.8; }
.job_item .ct ul{ padding-left:20px; list-style:disc; }

/* 联系我们 */
.contact_wrap{ display:flex; gap:50px; align-items:flex-start; }
.contact_form{ flex:1; }
.contact_form .field{ margin-bottom:20px; }
.contact_form label{ display:block; font-size:14px; color:var(--ink); margin-bottom:8px; }
.contact_form input, .contact_form textarea{ width:100%; height:46px; border:1px solid var(--line); border-radius:6px; padding:0 16px; font-size:14px; transition:all .3s; }
.contact_form textarea{ height:130px; padding:14px 16px; resize:vertical; }
.contact_form input:focus, .contact_form textarea:focus{ border-color:var(--primary); }
.contact_form .submit{ background:var(--primary); color:#fff; border:none; height:48px; padding:0 40px; border-radius:30px; font-size:15px; cursor:pointer; transition:all .3s; }
.contact_form .submit:hover{ background:var(--primary-dark); }
.contact_info{ flex:0 0 340px; }
.contact_info .box{ background:#fafafa; border:1px solid var(--line); border-radius:10px; padding:30px; }
.contact_info .box h3{ font-size:20px; color:var(--ink); margin-bottom:20px; }
.contact_info .box p{ font-size:15px; color:#666; line-height:2.2; margin-bottom:6px; }
.contact_info .box strong{ color:var(--ink); font-weight:500; }
.contact_info .ewm{ margin-top:24px; text-align:center; }

/* ============ 响应式 ============ */
@media (max-width:1199px){
  .container, .wrap, .footer .cols, .comm_banner .txt_block, .drop_menu .inner, .subnav ul{ width:90%; }
  .card_grid, .expert_grid, .org_grid, .feat_grid{ grid-template-columns:repeat(2,1fr); }
  .talent{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px){
  .header{ padding:0 20px; }
  .nav, .header .search_box{ display:none; }
  .menuBtn{ display:block; }
  .index_banner .item .txt_block h3{ font-size:42px; }
  .article, .contact_wrap, .school_detail{ flex-direction:column; gap:30px; }
  .article .side, .contact_info{ flex:none; width:100%; }
  .school_detail .media{ flex:none; width:100%; }
}
@media (max-width:767px){
  body{ font-size:15px; }
  .container, .wrap{ width:92%; }
  /* 首页轮播移动端 */
  .index_banner{ height:62vh; min-height:420px; }
  .index_banner .item .txt_block{ left:6%; right:6%; top:52%; }
  .index_banner .item .txt_block h2{ font-size:15px; letter-spacing:3px; margin-bottom:10px; }
  .index_banner .item .txt_block h3{ font-size:27px; letter-spacing:2px; margin-bottom:12px; }
  .index_banner .item .txt_block p{ font-size:14px; }
  .index_banner .item .txt_block .btn{ margin-top:18px; padding:10px 26px; font-size:13px; }
  .section1 .slick_txt{ right:6%; bottom:86px; font-size:15px; }
  .section1 .dots{ right:6%; bottom:48px; }
  .section1 .mouse{ display:none; }
  .comm_banner{ height:280px; }
  .comm_banner h1{ font-size:30px; }
  .comm_tit h2{ font-size:26px; }
  .comm_tit p{ font-size:14px; }
  .comm_pad{ padding:50px 0; }
  .biz_swiper .pic{ height:150px; }
  .news_card_item .pic{ height:150px; }
  /* 名医半身照 + 机构图移动端自适应 */
  .expert_card .portrait{ height:240px; font-size:56px; }
  .org_card .org_img img{ height:160px; }
  .biz_swiper .txt_block, .news_card_item .body{ padding:18px; }
  .biz_swiper .txt_block h3, .news_card_item .body h3{ font-size:17px; }
  .biz_swiper .navbtn, .news_swiper .navbtn{ width:34px; height:34px; font-size:16px; top:44%; }
  .biz_swiper .prev, .news_swiper .prev{ left:2px; } .biz_swiper .next, .news_swiper .next{ right:2px; }
  .stats_grid{ flex-wrap:wrap; }
  .stats_grid .item{ min-width:50%; flex:0 0 50%; }
  .stats_grid .item:after{ display:none; }
  .stats_grid .num{ font-size:32px; }
  .card_grid, .expert_grid, .org_grid, .feat_grid, .talent{ grid-template-columns:1fr; }
  .news_list .row{ flex-direction:column; gap:14px; }
  .news_list .row .pic{ flex:none; width:100%; height:170px; }
  .news_list .row .date{ flex:none; text-align:left; display:flex; align-items:baseline; gap:8px; }
  .news_list .row .date .d{ font-size:24px; }
  .news_list .row .date .y{ margin-top:0; }
  .logo_box .item{ min-width:100%; }
  .school_detail{ padding:24px; flex-direction:column; gap:22px; }
  .school_detail .media{ flex:none; width:100%; }
  .section{ padding:55px 0; }
  .subnav li a{ padding:14px 14px; font-size:14px; }
  .detail .head{ padding:26px 0; }
  .detail .head h1{ font-size:22px; }
  .detail .head .meta{ font-size:12px; }
  .contact_form input, .contact_form textarea{ font-size:15px; }
  .contact_info{ flex:none; width:100%; }
  .job_item .hd{ padding:16px 18px; }
  .job_item .ct{ padding:0 18px 18px; }
  .slogan_banner{ padding:26px 16px; }
}

/* ============ 百年流派 · 新版布局（标题→左头图右文字→名医风采→著述） ============ */
.s-title{ text-align:center; margin-bottom:30px; }
.s-title h3{ font-size:32px; color:var(--ink); display:inline-block; padding-bottom:14px; position:relative; }
.s-title h3:after{ content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:50px; height:3px; background:var(--primary); }
.s-top{ display:grid; grid-template-columns:460px 1fr; gap:44px; align-items:start; margin-bottom:56px; }
.s-head{ border-radius:12px; overflow:hidden; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); aspect-ratio:16/10; }
.s-head img{ width:100%; height:100%; object-fit:cover; display:block; }
.s-ph{ width:100%; min-height:180px; display:flex; align-items:center; justify-content:center; color:#c8b6b0; font-size:14px; letter-spacing:2px; background:linear-gradient(135deg,#f7f1ee,#efe3de); border-radius:10px; }
.s-text p{ font-size:15px; color:#666; line-height:2.05; margin-bottom:16px; text-align:justify; }
.s-style{ margin-bottom:56px; }
.s-style-body{ display:grid; grid-template-columns:320px 1fr; gap:36px; align-items:start; }
.s-style-body.no-tree{ grid-template-columns:1fr; }
.s-tree{ border-radius:10px; overflow:hidden; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); aspect-ratio:4/5; }
.s-tree img{ width:100%; height:100%; object-fit:cover; display:block; }
.s-masonry{ columns:3; column-gap:16px; }
.s-masonry .m-item{ break-inside:avoid; margin-bottom:16px; border-radius:10px; overflow:hidden; background:#fff; border:1px solid var(--line); transition:all .3s; }
.s-masonry .m-item:hover{ border-color:var(--primary); box-shadow:0 10px 24px rgba(151,30,35,.10); }
.s-masonry .m-item img{ width:100%; display:block; }
.s-masonry .m-item video{ width:100%; display:block; object-fit:contain; background:#111; min-height:200px; }
.s-masonry .m-item figcaption{ padding:8px 12px; font-size:12.5px; color:var(--muted); text-align:center; }
.m-item.m-ph{ display:flex; align-items:center; justify-content:center; color:#c8b6b0; letter-spacing:2px; font-size:13px; background:linear-gradient(135deg,#f7f1ee,#efe3de); }
.m-item.m-vph{ display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; height:180px; color:#fff; background:#3a3f45; }
.m-item.m-vph .play{ width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-size:16px; padding-left:3px; }
.s-works{ margin-bottom:10px; }
/* 著述：瀑布流书籍卡片（封面按图片原始比例，形成错落瀑布） */
.works-masonry .w-item{ break-inside:avoid; margin-bottom:16px; border-radius:10px; overflow:hidden; background:#fff; border:1px solid var(--line); transition:all .3s; }
.works-masonry .w-item:hover{ transform:translateY(-4px); box-shadow:0 12px 26px rgba(151,30,35,.12); border-color:var(--primary); }
.works-masonry .w-item .w-cover{ background:#f0e9e6; }
.works-masonry .w-item .w-cover img{ width:100%; display:block; }
.works-masonry .w-item .w-cover.w-ph{ height:210px; display:flex; align-items:center; justify-content:center; font-size:32px; font-weight:700; color:#fff; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); }
.works-masonry .w-item .w-info{ padding:14px 16px 18px; }
.works-masonry .w-item .w-info h5{ font-size:16px; color:var(--ink); margin-bottom:6px; line-height:1.5; }
.works-masonry .w-item .w-info p{ font-size:13px; color:var(--muted); line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:991px){
  .s-masonry{ columns:2; }
  .s-style-body{ grid-template-columns:280px 1fr; gap:24px; }
}
@media (max-width:767px){
  .s-top{ grid-template-columns:1fr; gap:22px; }
  .s-head{ aspect-ratio:16/9; }
  .s-style-body{ grid-template-columns:1fr; }
  .s-tree{ aspect-ratio:4/5; max-width:300px; margin:0 auto; }
  .s-masonry{ columns:2; column-gap:12px; }
  .s-title h3{ font-size:26px; }
}

/* ============ 百年流派 · 新版布局2（左传承图谱时间线 + 右主内容；名医风采统一网格；著述左图右文） ============ */
.s-layout{ display:grid; grid-template-columns:400px minmax(0,1fr); gap:36px; align-items:start; }
.s-layout:not(.with-tree){ grid-template-columns:1fr; }
.s-main{ min-width:0; }
/* 传承图谱：时间线（大事记式） */
.tree-tl{ position:sticky; top:96px; border:1px solid var(--line); border-radius:12px; padding:22px 20px; background:#fafafa; }
.tree-tl-tit{ font-size:17px; color:var(--ink); font-weight:700; margin-bottom:18px; padding-left:12px; position:relative; }
.tree-tl-tit:before{ content:''; position:absolute; left:0; top:5px; width:4px; height:18px; background:var(--primary); }
.tree-tl{ position:relative; }
.tree-tl:before{ content:''; position:absolute; left:56px; top:56px; bottom:24px; width:2px; background:var(--line); }
.tt-item{ position:relative; padding:0 0 24px 100px; }
.tt-item:last-child{ padding-bottom:4px; }
.tt-dot{ position:absolute; left:50px; top:22px; width:14px; height:14px; border-radius:50%; background:#fff; border:3px solid var(--primary); box-shadow:0 0 0 2px #fff; }
.tt-img{ width:78px; height:78px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0; background:linear-gradient(135deg,var(--primary-light),var(--primary-dark)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:13px; box-shadow:0 3px 10px rgba(151,30,35,.14); }
.tt-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.tt-body .tt-gen{ display:inline-block; font-size:11.5px; color:var(--primary); background:var(--bg-warm); border-radius:10px; padding:1px 9px; margin-bottom:6px; }
.tt-body .tt-name{ font-size:16px; color:var(--ink); font-weight:600; margin-bottom:4px; }
.tt-body .tt-desc{ font-size:12.5px; color:var(--muted); line-height:1.7; }
/* 详细介绍按钮 */
.tt-btn{ display:inline-block; margin-top:8px; padding:4px 14px; font-size:12px; color:var(--primary); background:#fff; border:1px solid var(--primary); border-radius:14px; cursor:pointer; transition:all .25s; }
.tt-btn:hover{ background:var(--primary); color:#fff; }
/* 详细介绍气泡：品牌红色头部 + 头像大图 + 姓名 + 详细介绍 */
.tt-pop{ position:fixed; z-index:300; background:#fff; border-radius:14px; box-shadow:0 24px 64px rgba(50,8,10,.28); box-sizing:border-box; overflow:visible; border:1px solid #f0e0dd; animation:ttPopIn .28s cubic-bezier(.2,.9,.3,1.2); }
.tt-pop:before{ content:''; position:absolute; left:50%; transform:translateX(-50%) rotate(45deg); width:16px; height:16px; background:#7a181c; }
.tt-pop.up:before{ bottom:-8px; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,.10); }
.tt-pop.down:before{ top:-8px; background:#7a181c; box-shadow:-3px -3px 6px rgba(0,0,0,.10); }
@keyframes ttPopIn{ from{ opacity:0; transform:translateY(10px) scale(.96); } to{ opacity:1; transform:none; } }
.tt-pop-head{ display:flex; gap:16px; align-items:center; background:linear-gradient(135deg,#a5262b 0%,#7a181c 100%); border-radius:14px 14px 0 0; padding:20px 46px 18px 22px; }
.tt-pop-head img{ width:88px; height:88px; border-radius:50%; object-fit:cover; display:block; background:#fff; border:3px solid rgba(255,255,255,.9); box-shadow:0 6px 18px rgba(0,0,0,.28); flex:0 0 auto; }
.tt-pop-tit{ min-width:0; }
.tt-pop-name{ font-size:20px; font-weight:700; color:#fff; line-height:1.35; text-shadow:0 1px 3px rgba(0,0,0,.2); }
.tt-pop-gen{ display:inline-block; margin-top:7px; font-size:12px; color:#fff; background:rgba(255,255,255,.2); border-radius:12px; padding:2px 11px; letter-spacing:.5px; }
.tt-pop-body{ padding:18px 22px 22px; font-size:14px; color:#444; line-height:2; max-height:38vh; overflow:auto; text-align:justify; white-space:pre-wrap; }
.tt-pop-body::-webkit-scrollbar{ width:6px; }
.tt-pop-body::-webkit-scrollbar-thumb{ background:#d9c3bf; border-radius:3px; }
.tt-pop-close{ position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%; border:none; background:rgba(255,255,255,.22); color:#fff; font-size:16px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .25s; }
.tt-pop-close:hover{ background:#fff; color:var(--primary); transform:rotate(90deg); }
/* 名医风采：统一尺寸网格（图片/视频一致，媒体 4:3 + 下方独立简介行） */
.style-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.st-item{ margin:0; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; transition:all .3s; }
.st-item:hover{ border-color:var(--primary); box-shadow:0 10px 24px rgba(151,30,35,.10); }
.st-item .st-media{ position:relative; aspect-ratio:4/3; overflow:hidden; }
.st-item .st-media img, .st-item .st-media video{ width:100%; height:100%; object-fit:cover; display:block; }
.st-item .st-media video{ background:#111; }
/* 每个图片/视频下方一句简介（后台可编辑） */
.st-item figcaption{ padding:9px 12px; font-size:12.5px; color:#7d6b66; background:#faf7f6; border-top:1px solid var(--line); text-align:center; line-height:1.6; }
.st-item.st-img{ cursor:zoom-in; }
.st-item.st-ph .st-media{ display:flex; align-items:center; justify-content:center; color:#c8b6b0; letter-spacing:2px; font-size:13px; background:linear-gradient(135deg,#f7f1ee,#efe3de); }
.st-item.st-vph .st-media{ display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; color:#fff; background:#3a3f45; }
.st-item.st-vph .play{ width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-size:15px; padding-left:3px; }
/* 图片放大遮罩 */
.xlb{ position:fixed; inset:0; background:rgba(0,0,0,.82); z-index:200; display:none; align-items:center; justify-content:center; cursor:zoom-out; }
.xlb.show{ display:flex; }
.xlb img{ max-width:88vw; max-height:86vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); }
/* 著述：左图片（默认简笔画书）右文字 */
.works-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.works-grid .w-item{ display:flex; align-items:stretch; gap:14px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:10px; transition:all .3s; color:inherit; text-decoration:none; }
.works-grid .w-item:hover{ border-color:var(--primary); box-shadow:0 10px 24px rgba(151,30,35,.10); transform:translateY(-3px); }
.works-grid .w-cover{ flex:0 0 84px; width:84px; border-radius:6px; overflow:hidden; background:#f0e9e6; }
.works-grid .w-cover img{ width:100%; height:112px; object-fit:cover; display:block; }
.works-grid .w-info{ flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.works-grid .w-info h5{ font-size:15px; color:var(--ink); line-height:1.45; margin-bottom:6px; }
.works-grid .w-info p{ font-size:12.5px; color:var(--muted); line-height:1.7; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:1199px){ .style-grid{ grid-template-columns:repeat(2,1fr); } .works-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:991px){
  .s-layout{ grid-template-columns:1fr; }
  .tree-tl{ position:static; }
}
@media (max-width:767px){
  .style-grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .works-grid{ grid-template-columns:1fr; }
}