@charset "utf-8";
/* ============================================================
   tcm-ui.css — 全站设计层（Terracotta × 中医文化）· 精修版
   依据 awesome-design-skills-main/skills/terracotta 设计体系：
   暖米色底 + 墨棕标题（衬线）+ 单一陶土色强调，WCAG AA 对比度
   本文件在模板 cache CSS 之后加载，作为统一覆盖层。
   ============================================================ */
:root{
  --tcm-primary:#3E7D5B;        /* 陶土 terracotta */
  --tcm-primary-deep:#175139;   /* 深陶 */
  --tcm-cream:#F5F8EF;          /* 米白 */
  --tcm-cream2:#EAF1E0;         /* 深米 */
  --tcm-ink:#232D25;            /* 墨棕 */
  --tcm-muted:#7E8B7C;          /* 暖灰 */
  --tcm-line:rgba(62,125,91,.16);
  --tcm-dark:#1A231C;           /* 暖墨（页脚/深色区块） */
  /* --tcm-serif 现承载全局字体栈（微信 style），标题/导航等原衬线引用处一并生效 */
  --tcm-serif:"mp-quote",-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
  --tcm-shadow:0 6px 24px rgba(35,45,37,.06);
  --tcm-shadow-hover:0 12px 32px rgba(35,45,37,.12);
}

/* ---------- 全局基调 ---------- */
body{color:#303B31;background:var(--tcm-cream);font-family:"mp-quote",-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
h1,h2,h3,.met-index-body h2,.met-index-body h3{font-family:var(--tcm-serif);}
img{max-width:100%;}
.met-index-body h2{font-weight:600!important;letter-spacing:.05em;color:var(--tcm-ink);}
/* 标题下陶土短线（背景图区块除外） */
.met-index-body h2:after{content:"";display:block;width:44px;height:3px;background:var(--tcm-primary);border-radius:2px;margin:16px auto 0;}
.about_list_met_16_5_115 h2:after{background:var(--tcm-cream2);}
.met-index-body p.desc{color:var(--tcm-muted)!important;font-weight:300!important;letter-spacing:.02em;}

/* ---------- 修复：appear 滚动动画失效导致区块内容永久隐藏 ---------- */
.appear-no-repeat,.appear{visibility:visible!important;opacity:1!important;}

/* ---------- 顶部导航：单行布局 + 精修 ---------- */
.head_nav_met_16_1_116{background:#FBFDF7!important;border-bottom:1px solid var(--tcm-line);}
/* 修复：框架对 navbar 设置了动态 min-height(66px)，与固定页头补偿不一致导致遮挡/错位 */
.head_nav_met_16_1_116.navbar{min-height:0!important;height:60px;}
header.met-head{height:60px;}
/* 全端统一为固定页头补偿（含移动端无 banner 页面） */
body{padding-top:60px!important;}
@media (min-width:768px){
  /* 单行布局：容器/行改 flex（float 布局下菜单总宽超出会整体掉行压进 banner，flex nowrap 结构性杜绝） */
  .head_nav_met_16_1_116 .navbar-header{float:left!important;}
  .head_nav_met_16_1_116 .container{width:auto;max-width:1400px;padding:0 24px;}
  .head_nav_met_16_1_116 .row{display:flex;flex-wrap:nowrap;align-items:center;margin:0!important;}
  .head_nav_met_16_1_116 .row>.navbar-header{flex:0 0 auto;float:none!important;}
  .head_nav_met_16_1_116 .row>.navbar-toggler{flex:0 0 auto;}
  .head_nav_met_16_1_116 .navbar-collapse.flex-navlist{display:block!important;width:auto!important;float:none!important;margin-left:auto!important;min-width:0;overflow:visible!important;max-height:none!important;height:auto!important;border:none!important;box-shadow:none!important}
  .head_nav_met_16_1_116 .navlist.flex{display:flex!important;flex-wrap:nowrap;width:auto;margin:0!important}
  .head_nav_met_16_1_116 .navlist.flex .nav-item{flex:0 0 auto;text-align:center}
  .head_nav_met_16_1_116 .navlist .nav-item .nav-link{padding:0 13px!important;height:60px;line-height:60px;font-size:15px}
}
@media (min-width:768px) and (max-width:1299px){
  /* 中屏收紧：压缩胶囊间距，防菜单总宽超出与 logo 换行 */
  .head_nav_met_16_1_116 .navlist .nav-item a.nav-link{padding:0 9px!important;font-size:14px;letter-spacing:0!important}
  .head_nav_met_16_1_116 .met-logo img{max-height:38px;}
}
/* ---------- 顶部导航：衬线米色胶囊风（与子栏目胶囊同语言） ---------- */
.head_nav_met_16_1_116{background:#FBFDF7!important;border-bottom:1px solid var(--tcm-line);box-shadow:0 8px 24px -20px rgba(35,45,37,.45);}
/* 顶栏滚动行为：下滚隐藏、上滚显示（配合 foot.php 滚动监听） */
.met-head{transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform;}
.met-head.tcm-nav-hidden{transform:translateY(-110%);}
.head_nav_met_16_1_116 .navlist .nav-item a.nav-link{
  font-family:var(--tcm-serif);font-weight:600;letter-spacing:.08em;color:var(--tcm-ink);
  transition:color .25s,background .25s;
}
@media (min-width:768px){
  /* 菜单行垂直居中（胶囊 34px 于 60px 头内） */
  .head_nav_met_16_1_116 .navlist{display:flex!important;flex-wrap:nowrap;align-items:center;height:60px;width:auto;margin:0!important}
  .head_nav_met_16_1_116 .navlist>.nav-item>a.nav-link{
    margin:0 4px;padding:0 15px!important;height:34px!important;line-height:34px!important;
    border-radius:17px;font-size:15px;white-space:nowrap;
  }
  .head_nav_met_16_1_116 .navlist>.nav-item>a.nav-link:hover,
  .head_nav_met_16_1_116 .navlist>.nav-item>a.active{background:var(--tcm-cream2)!important;color:var(--tcm-primary-deep)!important;}
}
@media (min-width:768px) and (max-width:1199px){
  /* 中屏收紧：防止菜单总宽超出与 logo 换行 */
  .head_nav_met_16_1_116 .navlist>.nav-item>a.nav-link{margin:0 1px;padding:0 8px!important;font-size:14px;letter-spacing:0;}
  .head_nav_met_16_1_116 .met-logo img{max-height:36px;}
}
.head_nav_met_16_1_116 .met-logo img{max-height:44px;}
/* 英文长菜单压缩：按视口分级收紧（logo+9英文菜单项+语言切换在1280视口须单行容纳），配合上方 flex nowrap 布局防掉行压 banner */
.head_nav_met_16_1_116 .navlist .nav-item .nav-link{padding:0 9px!important;font-size:14px!important;letter-spacing:0!important;white-space:nowrap;}
@media (max-width:1440px){
  .head_nav_met_16_1_116 .navlist>.nav-item>a.nav-link{margin:0 1px!important;padding:0 6px!important;font-size:12.5px!important;}
  .head_nav_met_16_1_116 .met-logo img{max-height:30px;}
  .head_nav_met_16_1_116 .navbar-brand,.head_nav_met_16_1_116 .navbar-header{padding-right:6px!important;margin-right:8px!important;}
  .head_nav_met_16_1_116 .tcm-lang-item>a.nav-link{font-size:12px!important;gap:4px;}
}
/* 下拉菜单：奶白圆角卡片 */
.head_nav_met_16_1_116 .dropdown-menu{
  border:1px solid var(--tcm-line)!important;background:#FBFDF7!important;
  box-shadow:0 16px 40px rgba(35,45,37,.14)!important;border-radius:10px!important;overflow:hidden;padding:6px!important;
}
.head_nav_met_16_1_116 .dropdown-menu a{border-radius:6px;transition:all .2s;}
.head_nav_met_16_1_116 .navlist .nav-item .dropdown-menu.two-menu a:hover,
.head_nav_met_16_1_116 .navlist .nav-item .dropdown-menu.two-menu a.active{background:var(--tcm-cream2)!important;color:var(--tcm-primary-deep)!important;}
/* 多语言切换胶囊 */
.head_nav_met_16_1_116 .tcm-lang-item>a.nav-link{display:inline-flex;align-items:center;gap:6px;}
.head_nav_met_16_1_116 .tcm-lang-item .tcm-lang-toggle{display:inline-flex;align-items:center;}
.tcm-lang-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(35,45,37,.12);}
.head_nav_met_16_1_116 .tcm-lang-menu{min-width:150px;}
.head_nav_met_16_1_116 .tcm-lang-menu a.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px!important;color:var(--tcm-ink);font-size:14px;}
.head_nav_met_16_1_116 .tcm-lang-menu a.dropdown-item:hover{background:var(--tcm-cream2)!important;color:var(--tcm-primary-deep)!important;}

/* ---------- 面包屑 / 子栏目条 ---------- */
.met-crumbs,.location_met_16_1_79,.location_met_16_1_83{background:var(--tcm-cream)!important;border-bottom:1px solid var(--tcm-line);}
.met-crumbs .breadcrumb{background:transparent!important;}
.met-crumbs a{color:var(--tcm-muted);}
.met-crumbs a:hover,.met-crumbs .active{color:var(--tcm-primary)!important;}
.met-crumbs .breadcrumb-item+.breadcrumb-item::before{color:var(--tcm-line);}
/* 子栏目导航条 */
.subcolumn_nav_met_16_1_62,.subcolumn_nav_met_16_1_73{background:#FBFDF7!important;border-bottom:1px solid var(--tcm-line)!important;}
/* 顶部 56px 内边距：为 banner 下探的太极图标（38px）让位，避免遮挡二级栏目胶囊 */
.subcolumn-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;list-style:none;margin:0;padding:56px 0 12px!important;}
.subcolumn-nav ul li a{display:inline-block;padding:5px 14px;border-radius:18px;color:#404B41;font-size:14px;letter-spacing:.03em;transition:all .25s;}
.subcolumn-nav ul li a:hover,.subcolumn-nav ul li a.active{background:var(--tcm-primary)!important;color:#fff!important;}
/* 仅一个栏目时隐藏子栏目条（避免出现孤零零的自我链接胶囊与空白条） */
.subcolumn-nav ul:has(>li:only-child){display:none!important;}
.subcolumn_nav_met_16_1_62:has(.subcolumn-nav ul>li:only-child),
.subcolumn_nav_met_16_1_73:has(.subcolumn-nav ul>li:only-child),
.subcolumn_nav_met_16_1_77:has(.subcolumn-nav ul>li:only-child),
.subcolumn_nav_met_16_1_72:has(.subcolumn-nav ul>li:only-child){display:none!important;}

/* ---------- 按钮 ---------- */
.btn-primary,.btn-primary:focus{background-color:var(--tcm-primary)!important;border-color:var(--tcm-primary)!important;border-radius:4px;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active{background-color:var(--tcm-primary-deep)!important;border-color:var(--tcm-primary-deep)!important;}
.btn-outline{border-radius:4px;}
.btn-outline.btn-inverse:hover{background:var(--tcm-primary)!important;border-color:var(--tcm-primary)!important;color:#fff!important;}
a:focus-visible,button:focus-visible,.form-control:focus{outline:2px solid rgba(62,125,91,.5);outline-offset:2px;}
/* 列表"查看更多"按钮（内联 a 需转块级加内边距，否则边框贴字） */
.service_list_met_16_2_3 .more,.product_list_met_16_2_4 .more,.news_list_met_16_1_6 .more{
  display:inline-block;margin-top:22px;padding:10px 44px;font-size:14px;letter-spacing:.12em;
  border-radius:22px;border:1px solid rgba(62,125,91,.45);color:var(--tcm-primary-deep);background:#FBFDF7;text-decoration:none;transition:all .3s;}
.service_list_met_16_2_3 .more:hover,.product_list_met_16_2_4 .more:hover,.news_list_met_16_1_6 .more:hover{
  background:var(--tcm-primary);border-color:var(--tcm-primary);color:#fff;}
/* 按钮与区块底边的呼吸间距（原 index_cn.css 丢失后补，避免按钮贴死下一区块） */
.service_list_met_16_2_3 .container,.product_list_met_16_2_4 .container,.news_list_met_16_1_6 .container{padding-bottom:34px;}
/* 专家团队/新闻中心区块顶部与上一模块拉开距离（原样式丢失后补） */
.product_list_met_16_2_4,.news_list_met_16_1_6{padding-top:64px;}

/* ---------- 首页区块 ---------- */
.service_list_met_16_2_3.met-index-body{background:linear-gradient(180deg,#FBFDF7 0%,var(--tcm-cream) 100%)!important;}
.news_list_met_16_1_6.met-index-body{background:var(--tcm-cream)!important;}
/* 服务卡片 */
.service_list_met_16_2_3 .index-service-list{display:flex;flex-wrap:wrap;margin-top:1rem;}
.service_list_met_16_2_3 .index-service-list li{display:flex;flex-direction:column;}
.service_list_met_16_2_3 .index-service-list li .service-shadow{display:flex;flex-direction:column;flex:1;width:100%;border-radius:8px;overflow:hidden;box-shadow:var(--tcm-shadow);transition:box-shadow .3s,transform .3s;background:#fff;}
.service_list_met_16_2_3 .index-service-list li:hover .service-shadow{box-shadow:var(--tcm-shadow-hover);transform:translateY(-3px);}
.service_list_met_16_2_3 .index-service-list li .service-info{flex:1;background:#fff;border-radius:0 0 8px 8px;padding:14px 18px;}
.service_list_met_16_2_3 .index-service-list li h3{color:var(--tcm-ink);letter-spacing:.03em;}
.service_list_met_16_2_3 .index-service-list li p{color:#66735F!important;white-space:normal;font-size:13px;line-height:1.8;}
.service_list_met_16_2_3 .index-service-list li .service-info:after{background:var(--tcm-primary);height:2px;}
/* 专家卡片（等高对齐） */
.product_list_met_16_2_4 .index-product-list{display:flex;flex-wrap:wrap;}
.product_list_met_16_2_4 .index-product-list li{display:flex;flex-direction:column;}
.product_list_met_16_2_4 .index-product-list li .card{display:flex;flex-direction:column;flex:1;width:100%;border:none;border-radius:8px;overflow:hidden;box-shadow:var(--tcm-shadow);transition:box-shadow .3s,transform .3s;background:#fff;}
.product_list_met_16_2_4 .index-product-list li:hover .card{box-shadow:var(--tcm-shadow-hover);transform:translateY(-3px);}
.product_list_met_16_2_4 .index-product-list li .card-header{border-radius:8px 8px 0 0;overflow:hidden;}
.product_list_met_16_2_4 .index-product-list li .card-title{flex:1;background:#fff;padding:14px 12px;}
.product_list_met_16_2_4 .index-product-list h4 a{color:var(--tcm-ink);letter-spacing:.03em;}
/* 资讯卡片（等高对齐） */
.news_list_met_16_1_6 .index-news-list{display:flex;flex-wrap:wrap;align-items:stretch;}
.news_list_met_16_1_6 .index-news-list li.media{display:flex;flex-direction:column;background:#fff;border:1px solid var(--tcm-line);border-radius:8px;padding:20px;}
.news_list_met_16_1_6 .index-news-list li.media p.des{flex:1;}
.news_list_met_16_1_6 .index-news-list li h4 a{color:var(--tcm-ink);letter-spacing:.02em;}
.news_list_met_16_1_6 .index-news-list li p.info{font-size:12px;}
.news_list_met_16_1_6 .index-news-list li p.info i{color:var(--tcm-primary);}
/* 关于我们（背景图区块）：内边距/居中/背景 cover 为 index_cn.css 丢失后重建 */
.about_list_met_16_5_115{background-color:#232D25!important;background-size:cover!important;background-position:center!important;padding:70px 0;text-align:center;}
.about_list_met_16_5_115 h2{color:var(--tcm-cream2)!important;}
.about_list_met_16_5_115 h2:after{background:var(--tcm-primary)!important;}
.about_list_met_16_5_115 p.desc{color:rgba(243,233,216,.88)!important;text-shadow:0 1px 3px rgba(0,0,0,.45);}
.about_list_met_16_5_115 a{display:inline-block;margin-top:28px;padding:10px 44px;font-size:14px;letter-spacing:.12em;border-radius:22px;border:1px solid rgba(243,233,216,.55);color:var(--tcm-cream2)!important;background:transparent;text-decoration:none;transition:all .3s!important;}
.about_list_met_16_5_115 a:hover{border-color:var(--tcm-cream2);color:var(--tcm-ink)!important;background:var(--tcm-cream2);}

/* ---------- 挂号预约 / 深色表单区块 ---------- */
.contact_met_16_1_7{background:#171F19!important;color:#D5DFD0!important;border-bottom:0!important;padding:56px 0;}
.contact_met_16_1_7 .met-editor{color:#D5DFD0;background:transparent;border:none;padding:0;}
.contact_met_16_1_7 .met-editor strong{color:var(--tcm-cream2);font-family:var(--tcm-serif);}
/* 覆盖内容里的内联亮红（rgb(255,0,0)）为暖陶色 */
.contact_met_16_1_7 .met-editor [style*="rgb(255, 0, 0)"],.contact_met_16_1_7 .met-editor [style*="rgb(255,0,0)"],.contact_met_16_1_7 .met-editor [style*="#ff0000"],.contact_met_16_1_7 .met-editor [style*="#e7272d"]{color:#8FB69C!important;}
.contact_met_16_1_7 .form-control,.contact_met_16_1_7 input,.contact_met_16_1_7 textarea,.contact_met_16_1_7 select{
  color:#EAF1E0!important;background:#242E25!important;border-bottom:1px solid rgba(243,233,216,.28)!important;border-radius:4px;}
.contact_met_16_1_7 .form-control:focus{border-bottom-color:var(--tcm-primary)!important;box-shadow:none;}
.contact_met_16_1_7 ::-webkit-input-placeholder{color:#8C9A8B;}
.contact_met_16_1_7 :-ms-input-placeholder{color:#8C9A8B;}
.contact_met_16_1_7 .btn-primary{border-radius:4px;letter-spacing:.2em;padding:12px 0;}
.contact_met_16_1_7 select option{color:var(--tcm-ink);background:#fff;}

/* ---------- 友情链接 / 页脚 ---------- */
.link_met_11_1_69{background-color:var(--tcm-dark)!important;}
.link_met_11_1_69 .container{border-color:#2C372E!important;}
.link_met_11_1_69 .breadcrumb-item:nth-child(1){color:#C3D1BF!important;}
.link_met_11_1_69 .breadcrumb-item a{color:#8C9A8B!important;}
.link_met_11_1_69 .breadcrumb-item a:hover{color:var(--tcm-primary)!important;}
.foot_nav_met_16_1_70{background:var(--tcm-dark)!important;border-color:var(--tcm-dark)!important;padding:52px 0 36px;}
/* 修复：float/masonry 网格因各列高度不一导致页脚参差错乱 —— 统一 flex 顶对齐 */
.foot_nav_met_16_1_70 .row.mob-masonry{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0;}
.foot_nav_met_16_1_70 .masonry-item{float:none!important;margin:0 0 18px;padding:0 10px;}
.foot_nav_met_16_1_70 .list.masonry-item{width:14.2857%;text-align:left;}
.foot_nav_met_16_1_70 .info.masonry-item{width:100%;text-align:center;margin-top:8px;padding-top:28px;border-top:1px solid #2A352B;}
.foot_nav_met_16_1_70 .list h4 a{color:#D5DFD0!important;letter-spacing:.06em;font-size:15px;}
.foot_nav_met_16_1_70 .list ul{margin-top:12px;}
.foot_nav_met_16_1_70 .list ul li{margin-bottom:8px;}
.foot_nav_met_16_1_70 .list ul li a{color:#8C9A8B!important;font-size:13px;line-height:1.7;}
.foot_nav_met_16_1_70 .list h4 a:hover,.foot_nav_met_16_1_70 .list ul li a:hover{color:#8FB69C!important;}
.foot_nav_met_16_1_70 .info p{color:#8C9A8B!important;}
.foot_nav_met_16_1_70 .info em a{color:#8FB69C!important;font-family:var(--tcm-serif);letter-spacing:.06em;font-size:24px;}
/* 社交图标主题化（框架默认红/绿与陶土主题冲突） */
.foot_nav_met_16_1_70 .info a i{color:#8C9A8B!important;transition:color .2s;}
.foot_nav_met_16_1_70 .info a:hover i{color:#8FB69C!important;}
/* 中屏：4 列换行 */
@media (max-width:1199px){.foot_nav_met_16_1_70 .list.masonry-item{width:25%;}}
/* 移动端：2 列 + 居中 */
@media (max-width:767px){
  .foot_nav_met_16_1_70 .list.masonry-item{width:50%;text-align:center;}
  .foot_nav_met_16_1_70 .list ul li a{font-size:12px;}
}
.foot_info_met_16_2_10{background:#141C16!important;border-top:1px solid #2C372E;}
.foot_info_met_16_2_10,.foot_info_met_16_2_10 a{color:#8C9A8B!important;}
.foot_info_met_16_2_10 a:hover{color:#8FB69C!important;}
.foot_info_met_16_2_10.border-top1{border-color:#2C372E;}
/* 移动端底部菜单栏：桌面隐藏，移动端暖墨固定条 */
@media (min-width:768px){.foot_info_met_16_2_10_bottom{display:none!important;}}
@media (max-width:767px){
  body{padding-bottom:54px;}
  .foot_info_met_16_2_10_bottom{position:fixed!important;bottom:0;background:#1A231C!important;border-top:1px solid #2C372E;padding:6px 0;}
  .foot_info_met_16_2_10_bottom a.item{color:#D5DFD0;font-size:12px;}
  .foot_info_met_16_2_10_bottom a.item i{color:#8FB69C;font-size:18px;}
}

/* ---------- 横幅 ---------- */
.banner_met_16_1_2 .banner-text .container{padding-top:60px;}
.banner_met_16_1_2 .banner-text h4,.banner_met_16_1_2 .banner-text p{text-shadow:0 1px 4px rgba(0,0,0,.35);}
.banner_met_16_1_2 .cover-image{filter:saturate(.92);}

/* ---------- 新闻列表页 ---------- */
main.met-news,main.met-img{background:var(--tcm-cream);padding:34px 0 56px;}
.met-news-list ul{list-style:none;padding:0;margin:0;}
.met-news-list ul li{background:#fff;border:1px solid var(--tcm-line)!important;border-radius:8px;padding:22px 26px;margin-bottom:16px;transition:box-shadow .25s,transform .25s;}
.met-news-list ul li:hover{box-shadow:var(--tcm-shadow-hover);transform:translateY(-2px);}
.met-news-list ul li h4{margin:0 0 8px;}
.met-news-list ul li h4 a{color:var(--tcm-ink);font-size:17px;letter-spacing:.02em;}
.met-news-list ul li h4 a:hover{color:var(--tcm-primary)!important;}
.met-news-list ul li p.des{color:#66735F;font-size:14px;line-height:1.9;margin:0 0 10px;}
.met-news-list ul li p.info{margin:0;font-size:12px;color:var(--tcm-muted);}
.met-news-list ul li p.info span{margin-right:14px;}
.met-news-list ul li p.info span:first-child:before{content:"◈ ";color:var(--tcm-primary);}
.met-news-list ul li p.info i{color:var(--tcm-primary);}
/* 图片栏目卡片 */
.met-img-list{margin:0 -6px;}
.met-img-list li.card{border:none;background:transparent;margin-bottom:12px;padding:0 6px;}
.met-img-list li.card .cover{border-radius:8px;overflow:hidden;box-shadow:var(--tcm-shadow);transition:box-shadow .3s,transform .3s;}
.met-img-list li.card .cover:hover{box-shadow:var(--tcm-shadow-hover);transform:translateY(-3px);}
/* 遮罩精修：默认透明+墨字姓名，悬停浮现暗幕与"浏览"按钮 */
.met-img-list li.card .overlay-panel{transition:opacity .3s ease;}
.met-img-list li.card .overlay-background{background:rgba(34,26,17,0)!important;transition:background .3s ease!important;}
.met-img-list li.card .cover:hover .overlay-background{background:rgba(34,26,17,.55)!important;}
.met-img-list li.card .cover .overlay-panel a.btn{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;}
.met-img-list li.card .cover:hover .overlay-panel a.btn{opacity:1;transform:none;}
.met-img-list li.card .card-title{font-family:var(--tcm-serif);letter-spacing:.05em;}
.met-img-list li.card .card-title span{color:#303B31;text-shadow:0 1px 6px rgba(250,245,236,.8);transition:color .3s;}
.met-img-list li.card .cover:hover .card-title span{color:#F5F8EF;text-shadow:0 1px 4px rgba(0,0,0,.5);}

/* ---------- 详情/单页 ---------- */
main.met-shownews,main.met-show-body{background:var(--tcm-cream);}
main.met-shownews{padding:34px 0 56px;}
.details-title{background:#fff;border:1px solid var(--tcm-line)!important;border-bottom:none!important;border-radius:8px 8px 0 0;padding:26px 30px 18px;}
.details-title h1{font-family:var(--tcm-serif);font-size:26px;color:var(--tcm-ink);letter-spacing:.03em;line-height:1.5;}
.details-title .info{color:var(--tcm-muted);font-size:13px;margin-top:10px;}
.details-title .info span{margin-right:16px;}
.details-title .info i{color:var(--tcm-primary);}
.met-shownews .met-editor,.met-show-body .met-editor{
  background:#fff;border:1px solid var(--tcm-line);border-top:none;border-radius:0 0 8px 8px;
  padding:26px 30px 34px;color:#303B31;font-size:15px;line-height:2.05;}
.met-shownews .met-editor img,.met-show-body .met-editor img,.met-editor.clearfix img{border-radius:6px;height:auto;}
.met-shownews .met-editor p{margin-bottom:1em;}
/* 单页（关于我们等）面板卡片化 */
.show_met_16_1_8{background:var(--tcm-cream)!important;box-shadow:none;}
.show_met_16_1_8 .met-editor{box-shadow:var(--tcm-shadow);}
.show_met_16_1_8.panel{border:none;padding:0;}

/* ---------- 侧边栏 ---------- */
.met-sidebar.panel{background:#fff;border:1px solid var(--tcm-line)!important;border-radius:8px;box-shadow:var(--tcm-shadow);padding:22px;}
.sidebar-search input.form-control,.sidebar-search .form-control{border-radius:20px;border:1px solid #E1EAD8;background:#F9FCF4;box-shadow:none;height:40px;}
.sidebar-search input.form-control:focus{border-color:var(--tcm-primary);}
.sidebar-column{margin-top:14px;list-style:none;padding:0;}
.sidebar-column li a{display:block;padding:9px 12px;border-radius:5px;color:#404B41;font-size:14px;transition:all .2s;}
.sidebar-column li a:hover,.sidebar-column li a.active{background:var(--tcm-cream2);color:var(--tcm-primary-deep)!important;}
.sidebar-news-list h3{letter-spacing:.04em;color:var(--tcm-ink);padding-bottom:10px;border-bottom:1px solid var(--tcm-line);}
.sidebar-news-list .list-group{border:none;}
.sidebar-news-list .list-group-item{border:none!important;border-top:1px dashed #EBF2E1!important;padding:10px 2px;border-radius:0!important;}
.sidebar-news-list .list-group-item:first-child{border-top:none!important;}
.sidebar-news-list .list-group-item a{color:#404B41;font-size:13px;line-height:1.7;}
.sidebar-news-list .list-group-item a:hover{color:var(--tcm-primary)!important;}

/* ---------- 表单通用 ---------- */
.met-form .form-control{border-radius:4px;}
.met-form .form-control:focus{border-color:var(--tcm-primary);box-shadow:0 0 0 3px rgba(62,125,91,.10);}
.met-form select.form-control{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tcm-muted) 50%),linear-gradient(135deg,var(--tcm-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;}

/* ---------- 搜索页 / 站点地图 ---------- */
main.met-search,main.met-sitemap{background:var(--tcm-cream);padding:34px 0 56px;}
.met-search .met-sidebar,.met-sitemap .met-sidebar{background:#fff;border:1px solid var(--tcm-line)!important;border-radius:8px;box-shadow:var(--tcm-shadow);}

/* ---------- 返回顶部 / 分页 ---------- */
.back_top_met_16_1_92.met-scroll-top{border-radius:4px;}
.pager a,.pager span{border-radius:4px!important;}
.pager .active a,.pager a:hover{background:var(--tcm-primary)!important;border-color:var(--tcm-primary)!important;color:#fff!important;}

/* ---------- 在线客服浮窗（框架内联蓝色 #1baadb 的主题化覆盖） ---------- */
#onlinebox .onlinebox-open,#onlinebox .online-item,#onlinebox i.close{background-color:var(--tcm-primary)!important;background:var(--tcm-primary)!important;color:#fff!important;}
#onlinebox .onlinebox-open:hover,#onlinebox .online-item:hover,#onlinebox i.close:hover{background-color:var(--tcm-primary-deep)!important;}
#onlinebox .onlinebox_one_list{border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(35,45,37,.18);}
#onlinebox i.close{border-radius:0 0 0 6px;}

/* ---------- 404 ---------- */
.page404{background:var(--tcm-cream);padding:60px 0;}
.page404 .box404{background:#fff;border:1px solid var(--tcm-line);border-radius:8px;box-shadow:var(--tcm-shadow);padding:40px 20px;}

/* ============================================================
   问诊 / 预约组件体系（全局共享：message_index + feedback）
   ============================================================ */
.tcm-consult{background:var(--tcm-cream);padding-top:0!important;}
/* 覆盖 main 通用 padding-top（L448 桌面 54px / 移动 44px）：fixed 导航 60px 的避让由 hero 自身 padding 承担，避免双重叠加导致头部空白过大 */
.tcm-consult h1,.tcm-consult h2,.tcm-consult h3{font-family:var(--tcm-serif);}
/* hero（overflow 必须可见：内页太极按钮挂在本元素内并下探 32px，hidden 会裁掉下半；
   右上装饰光晕改为完全收纳于元素内，避免外溢产生横向滚动条） */
.tcm-hero{background:linear-gradient(180deg,var(--tcm-cream) 0%,var(--tcm-cream2) 100%);padding:74px 0 44px;text-align:center;position:relative;overflow:visible;}
.tcm-hero:after{content:"";position:absolute;right:0;top:0;width:190px;height:190px;border-radius:0 0 0 100%;background:radial-gradient(circle at calc(100% - 60px) 60px,rgba(62,125,91,.14),rgba(62,125,91,0) 70%);pointer-events:none;}
.tcm-hero-eyebrow{font-family:"JetBrains Mono",Consolas,monospace;font-size:12px;letter-spacing:.35em;color:var(--tcm-primary);margin:0 0 10px;text-transform:uppercase;}
.tcm-hero h1{font-size:40px;font-weight:600;color:var(--tcm-ink);margin:0 0 14px;letter-spacing:.06em;}
.tcm-hero-sub{color:var(--tcm-muted);font-size:16px;max-width:640px;margin:0 auto;line-height:1.9;}
.tcm-hero-rule{width:56px;height:3px;background:var(--tcm-primary);margin:22px auto 0;border-radius:2px;}
/* 卡片 */
.tcm-card{background:#fff;border:1px solid var(--tcm-line);border-radius:8px;box-shadow:0 8px 30px rgba(35,45,37,.06);}
.tcm-form-section{padding:78px 0 8px;}
.tcm-form-card{max-width:860px;margin:0 auto;padding:36px 40px 40px;}
.tcm-card-title{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.tcm-card-title h2{font-size:24px;color:var(--tcm-ink);margin:0;letter-spacing:.04em;}
.tcm-card-title .en{font-family:"JetBrains Mono",Consolas,monospace;font-size:11px;letter-spacing:.28em;color:var(--tcm-primary);text-transform:uppercase;}
.tcm-card-desc{color:var(--tcm-muted);font-size:14px;margin:0 0 22px;}
/* 内置表单细化 */
.tcm-form-card .met-form .form-group{margin-bottom:16px;}
.tcm-form-card .met-form .form-control{border:1px solid #E1EAD8;border-radius:4px;box-shadow:none;padding:10px 14px;height:auto;min-height:44px;font-size:15px;color:var(--tcm-ink);background:#F9FCF4;transition:border-color .2s;}
.tcm-form-card .met-form .form-control:focus{border-color:var(--tcm-primary);box-shadow:0 0 0 3px rgba(62,125,91,.12);background:#fff;}
.tcm-form-card .met-form textarea.form-control{min-height:120px;line-height:1.8;}
.tcm-form-card .met-form .input-group-file .btn{background:var(--tcm-cream2);border:1px dashed var(--tcm-primary);color:var(--tcm-primary-deep);border-radius:4px 0 0 4px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;line-height:1;}
.tcm-form-card .met-form .input-group-file .form-control{background:#F9FCF4;height:44px;}
/* 首页底部表单（无 tcm-form-card 容器）：上传按钮与输入框同样等高 44px */
.met-form .input-group-file .btn-file{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;line-height:1;}
.met-form .input-group-file .form-control{height:44px;}
.tcm-form-card .met-form button[type=submit],.tcm-form-card .met-form .btn-primary{background:var(--tcm-primary);border-color:var(--tcm-primary);border-radius:4px;padding:12px 34px;font-size:15px;letter-spacing:.2em;}
.tcm-form-card .met-form button[type=submit]:hover,.tcm-form-card .met-form .btn-primary:hover{background:var(--tcm-primary-deep);border-color:var(--tcm-primary-deep);}
.tcm-form-tips{font-size:13px;color:var(--tcm-muted);margin-top:14px;padding-top:14px;border-top:1px dashed var(--tcm-line);}
.tcm-form-tips i{color:var(--tcm-primary);margin-right:4px;}
/* 过往问诊 */
.tcm-list-section{padding:40px 0 64px;}
.tcm-section-head{text-align:center;margin-bottom:30px;}
.tcm-section-head h2{font-size:28px;color:var(--tcm-ink);margin:0 0 8px;letter-spacing:.05em;}
.tcm-section-head p{color:var(--tcm-muted);font-size:14px;margin:0;}
.tcm-record{background:#fff;border:1px solid var(--tcm-line);border-radius:8px;padding:24px 28px;margin-bottom:20px;box-shadow:0 6px 24px rgba(35,45,37,.05);transition:box-shadow .25s,transform .25s;}
.tcm-record:hover{box-shadow:0 12px 32px rgba(35,45,37,.1);transform:translateY(-2px);}
.tcm-record-recommend{border-color:rgba(62,125,91,.45);background:linear-gradient(0deg,#fff,#fff),linear-gradient(90deg,rgba(62,125,91,.05),rgba(62,125,91,0));}
.tcm-record-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;border-bottom:1px solid #EDF3E4;padding-bottom:14px;margin-bottom:16px;}
.tcm-avatar{width:44px;height:44px;border-radius:50%;background:var(--tcm-cream2);color:var(--tcm-primary-deep);font-family:var(--tcm-serif);font-size:20px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--tcm-line);}
.tcm-record-meta{flex:1;min-width:180px;}
.tcm-record-meta strong{display:block;font-size:16px;color:var(--tcm-ink);}
.tcm-loc{font-size:13px;color:var(--tcm-muted);}
.tcm-record-time{font-family:"JetBrains Mono",Consolas,monospace;font-size:12px;color:var(--tcm-muted);}
.tcm-badge-rec{font-size:12px;color:#fff;background:var(--tcm-primary);border-radius:4px;padding:3px 10px;letter-spacing:.12em;flex:none;}
.tcm-symptom{color:#404B41;font-size:15px;line-height:1.9;margin:0;}
.tcm-symptom:before{content:"症状描述";display:inline-block;font-size:12px;color:var(--tcm-primary);border:1px solid var(--tcm-line);border-radius:3px;padding:1px 8px;margin-right:10px;vertical-align:1px;}
.tcm-media{display:block;max-width:100%;max-height:200px;border-radius:6px;border:1px solid #E9F0DF;}
/* 问诊资料相册：多图/视频横向滑动（scroll-snap 吸附），单图时无滚动条 */
.tcm-media-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-top:14px;padding-bottom:4px;}
.tcm-media-row .tcm-media{flex:0 0 auto;max-height:200px;scroll-snap-align:start;}
/* 回复 */
.tcm-reply{margin-top:18px;background:var(--tcm-cream);border-left:3px solid var(--tcm-primary);border-radius:0 6px 6px 0;padding:14px 18px;}
.tcm-reply-head{font-size:13px;color:var(--tcm-primary-deep);font-weight:600;letter-spacing:.2em;margin-bottom:8px;}
.tcm-reply-head:before{content:"◈";margin-right:6px;}
.tcm-reply-body{font-size:14px;line-height:1.9;color:#404B41;word-break:break-word;}
.tcm-empty{text-align:center;color:var(--tcm-muted);background:#fff;border:1px dashed var(--tcm-line);border-radius:8px;padding:56px 20px;font-size:15px;letter-spacing:.08em;}

@media (max-width:767px){
  .foot_nav_met_16_1_70{padding:32px 0;}
  .met-news-list ul li{padding:16px;}
  .details-title{padding:20px 16px 14px;border-radius:8px 8px 0 0;}
  .met-shownews .met-editor,.met-show-body .met-editor{padding:20px 16px 26px;}
  .tcm-hero h1{font-size:30px;}
  .tcm-hero{padding-top:64px;}
  .tcm-form-section{padding-top:62px;}
  .tcm-form-card{padding:26px 20px 30px;}
  .tcm-record{padding:18px 16px;}
}

/* ============================================================
   20260912d 增补：灵动衔接 / 新闻列表精修 / 图片栏目布局 / 移动端修复
   ============================================================ */

/* ---------- 页面主体入场（banner → 内容 软过渡） ---------- */
@keyframes tcm-fadeup{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
main{animation:tcm-fadeup .5s ease-out both;}

/* ---------- Banner 与内容区衔接：太极八卦 · 缓转+淡入淡出 · 可点击求签 ---------- */
.banner_met_16_1_2{position:relative;}
/* banner 文字层为空时仍占文档流高度（container padding-top:60px），使图片下方露出 page-bg 灰底；
   恢复为绝对定位覆盖层（原始 index_cn.css 编译产物被清空后丢失的规则） */
.banner_met_16_1_2 .banner-text{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}
.banner_met_16_1_2 .banner-text .container{pointer-events:auto;}
.tcm-taiji{
  display:block;position:absolute;left:50%;bottom:-32px;width:64px;height:64px;z-index:3;
  margin:0;padding:0;border:none;border-radius:50%;cursor:pointer;appearance:none;-webkit-appearance:none;line-height:0;
  transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19' fill='%23FFFFFF'/%3E%3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23000000' stroke-width='2' stroke-dasharray='2.6 12.32'/%3E%3Cpath d='M20 4.5 a15.5 15.5 0 0 1 0 31 a7.75 7.75 0 0 1 0-15.5 a7.75 7.75 0 0 0 0-15.5' fill='%23000000'/%3E%3Ccircle cx='20' cy='12.25' r='1.9' fill='%23FFFFFF'/%3E%3Ccircle cx='20' cy='27.75' r='1.9' fill='%23000000'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 6px 16px rgba(35,45,37,.2));
  animation:tcm-taiji-spin 14s linear infinite,tcm-taiji-fade 6s ease-in-out infinite alternate;
  transition:filter .3s;
}
/* slick 轮播初始化会把 banner 直接子元素当作 slide：JS 归位前隐藏被污染的按钮（ slick-slide 类由 JS 清除后恢复显示） */
.tcm-taiji.slick-slide{display:none!important;}
/* 悬停暂停转动（便于点击）并加深投影 */
.tcm-taiji:hover,.tcm-taiji:focus-visible{animation-play-state:paused;filter:drop-shadow(0 10px 24px rgba(35,45,37,.35));}
.tcm-taiji:focus-visible{outline:2px solid rgba(62,125,91,.5);outline-offset:4px;}
@keyframes tcm-taiji-spin{to{transform:translateX(-50%) rotate(360deg);}}
@keyframes tcm-taiji-fade{from{opacity:1;}to{opacity:.45;}}

/* ---------- 太极求签 · 道家祝福语弹层（点击八卦随机出现） ---------- */
.tcm-bless{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(34,26,17,.45);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .28s ease;}
.tcm-bless[hidden]{display:none!important;}
.tcm-bless.on{opacity:1;}
.tcm-bless-card{position:relative;width:min(430px,100%);background:#FBFDF7;border:1px solid var(--tcm-line);border-radius:14px;box-shadow:0 24px 64px rgba(20,14,8,.4);padding:42px 36px 24px;text-align:center;transform:translateY(16px) scale(.96);transition:transform .28s ease;}
.tcm-bless.on .tcm-bless-card{transform:none;}
/* 笺纸内框 + 顶部陶土短线（呼应区块标题语言） */
.tcm-bless-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(62,125,91,.28);border-radius:9px;pointer-events:none;}
.tcm-bless-card:after{content:"";position:absolute;left:50%;top:0;width:56px;height:3px;border-radius:2px;background:var(--tcm-primary);transform:translateX(-50%);}
.tcm-bless-mark{display:block;width:46px;height:46px;margin:0 auto 14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19' fill='%23FFFFFF'/%3E%3Ccircle cx='20' cy='20' r='19' fill='none' stroke='%23000000' stroke-width='2' stroke-dasharray='2.6 12.32'/%3E%3Cpath d='M20 4.5 a15.5 15.5 0 0 1 0 31 a7.75 7.75 0 0 1 0-15.5 a7.75 7.75 0 0 0 0-15.5' fill='%23000000'/%3E%3Ccircle cx='20' cy='12.25' r='1.9' fill='%23FFFFFF'/%3E%3Ccircle cx='20' cy='27.75' r='1.9' fill='%23000000'/%3E%3C/svg%3E") center/contain no-repeat;animation:tcm-taiji-spin 10s linear infinite;filter:drop-shadow(0 4px 10px rgba(35,45,37,.18));}
.tcm-bless-eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.3em;color:var(--tcm-primary);}
.tcm-bless-title{margin:0 0 12px;font-family:var(--tcm-serif);font-size:24px;font-weight:600;color:var(--tcm-ink);letter-spacing:.1em;}
.tcm-bless-text{margin:0 0 24px;font-size:15px;line-height:2.1;color:#404B41;letter-spacing:.02em;}
.tcm-bless-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;}
.tcm-bless-again,.tcm-bless-close{font-family:inherit;border-radius:22px;padding:9px 26px;font-size:14px;letter-spacing:.14em;cursor:pointer;transition:all .25s;}
.tcm-bless-again{background:transparent;border:1px solid var(--tcm-primary);color:var(--tcm-primary-deep);}
.tcm-bless-again:hover{background:rgba(62,125,91,.08);}
.tcm-bless-close{background:var(--tcm-primary);border:1px solid var(--tcm-primary);color:#fff;}
.tcm-bless-close:hover{background:var(--tcm-primary-deep);border-color:var(--tcm-primary-deep);}
.tcm-bless-foot{margin:0;font-size:11px;letter-spacing:.24em;color:var(--tcm-muted);}
/* 「再求一签」时祝语区轻淡入 */
.tcm-bless-card.flip .tcm-bless-body{animation:tcm-bless-redraw .45s ease;}
@keyframes tcm-bless-redraw{0%{opacity:0;transform:translateY(8px);}100%{opacity:1;transform:none;}}
/* 轮播点：右下角白/陶土圆点，指示当前幻灯片 */
.banner_met_16_1_2 .slick-dots{bottom:16px;right:20px;left:auto;text-align:right;}
.banner_met_16_1_2 .slick-dots li{width:auto;height:auto;margin:0 0 0 10px;}
.banner_met_16_1_2 .slick-dots li button{width:10px;height:10px;padding:0;border-radius:50%;background:rgba(255,255,255,.45);border:none;box-shadow:0 1px 4px rgba(34,26,17,.25);transition:background .25s var(--tcm-ease),transform .25s var(--tcm-ease);}
.banner_met_16_1_2 .slick-dots li button:before{content:none;}
.banner_met_16_1_2 .slick-dots li.slick-active button{background:#3E7D5B;transform:scale(1.25);}
/* banner 与内容区之间留出呼吸距离（容纳 64px 太极下探 38px + 留白）；底色对齐下方服务区块顶部（#FBFDF7），消除色差条 */
main{padding-top:54px!important;background:#FBFDF7;}
/* 内容区底部与页脚之间留出呼吸距离，避免深色页脚与内容贴死 */
main{padding-bottom:64px!important;}
/* banner 图缓慢呼吸缩放（灵动不喧宾） */
.banner_met_16_1_2 .cover-image{animation:tcm-kenburns 16s ease-in-out infinite alternate;transform-origin:center;}
@keyframes tcm-kenburns{from{transform:scale(1);}to{transform:scale(1.05);}}
/* banner 高度收紧：原图 1600×500 等比在宽屏过高，显式高度 + 居中裁切 */
.banner_met_16_1_2 .slick-slide a.banner-link{display:block;}
.banner_met_16_1_2 .slick-slide img.cover-image{width:100%;height:400px!important;object-fit:cover!important;object-position:center;}
@media (max-width:1199px){.banner_met_16_1_2 .slick-slide img.cover-image{height:330px!important;}}
@media (max-width:767px){.banner_met_16_1_2 .slick-slide img.cover-image{height:240px!important;}}
/* 科技感层次：左侧暗角保文字可读 + 周期性斜向光带扫过（RM 下关闭） */
.banner_met_16_1_2 .banner-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(28,19,10,.52) 0%,rgba(28,19,10,.2) 44%,rgba(28,19,10,0) 70%);}
.banner_met_16_1_2 .banner-text:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-32%;width:36%;background:linear-gradient(105deg,transparent,rgba(255,250,240,.16),transparent);transform:skewX(-18deg) translateX(0);animation:tcm-banner-sheen 7.5s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none;}
@keyframes tcm-banner-sheen{0%,52%{transform:skewX(-18deg) translateX(0);opacity:0;}56%{opacity:1;}100%{transform:skewX(-18deg) translateX(430%);opacity:0;}}
@media (prefers-reduced-motion:reduce){.banner_met_16_1_2 .banner-text:after{animation:none;display:none;}}

/* ---------- 首页中医资讯（灵动编辑风卡片） ---------- */
.news_list_met_16_1_6 .index-news-list{margin:0 -8px;}
.news_list_met_16_1_6 .index-news-list li.media{
  position:relative;overflow:hidden;width:calc(50% - 16px)!important;margin:0 8px 16px;padding:24px 26px 20px;
  background:#fff;border:1px solid var(--tcm-line);border-radius:10px;box-shadow:var(--tcm-shadow);
  transition:box-shadow .3s,transform .3s;
}
/* 首条为通栏焦点卡，视觉更有节奏 */
.news_list_met_16_1_6 .index-news-list li.media:first-child{width:calc(100% - 16px)!important;padding:30px 34px 26px;}
/* 顶部陶土渐变线：悬停时生长 */
.news_list_met_16_1_6 .index-news-list li.media:before{
  content:"";position:absolute;top:0;left:0;height:3px;width:100%;
  background:linear-gradient(90deg,var(--tcm-primary),rgba(62,125,91,.12));
  transform:scaleX(0);transform-origin:left;transition:transform .45s ease;
}
.news_list_met_16_1_6 .index-news-list li.media:hover{box-shadow:var(--tcm-shadow-hover);transform:translateY(-4px);}
.news_list_met_16_1_6 .index-news-list li.media:hover:before{transform:scaleX(1);}
/* 标题与摘要 */
/* media-body 宽度/高度修复：basic.css 老式 media hack（.media-body{width:10000px}）
   在 bootstrap4 flex 语境下变成真实宽度，文字区被 li overflow 裁切、截断全部失效；
   且 li.media 为 column 方向 flex，flex-basis:0 会把 body 高度压成 0 导致内容全被
   裁掉（表现为"没数据"）——故 basis 必须用 auto：宽度 auto 填满、高度随内容；
   （全站仅首页新闻列表用 media-body，不影响其他页面） */
.news_list_met_16_1_6 .index-news-list li.media .media-body{width:auto!important;max-width:100%;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;}
.news_list_met_16_1_6 .index-news-list li h4{margin:0 0 10px;transition:transform .3s;}
.news_list_met_16_1_6 .index-news-list li:hover h4{transform:translateX(3px);}
.news_list_met_16_1_6 .index-news-list li h4 a{display:block;color:var(--tcm-ink);font-size:17px;line-height:1.6;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list_met_16_1_6 .index-news-list li.media:first-child h4 a{font-size:22px;font-weight:600;display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_list_met_16_1_6 .index-news-list li h4 a:hover{color:var(--tcm-primary)!important;}
.news_list_met_16_1_6 .index-news-list li p.des{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  color:#66735F!important;font-size:14px;line-height:1.85;
}
.news_list_met_16_1_6 .index-news-list li.media:first-child p.des{font-size:15px;}
/* 悬停浮现“阅读全文 →” */
.news_list_met_16_1_6 .index-news-list li.media:after{
  content:"阅读全文";position:absolute;right:26px;bottom:18px;font-size:12px;letter-spacing:.16em;
  color:var(--tcm-primary);opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s;
}
.news_list_met_16_1_6 .index-news-list li.media:hover:after{opacity:1;transform:none;}
/* 新闻区块"查看更多"按钮居中（仅新闻区块，服务/产品区块按钮保持左对齐） */
.news_list_met_16_1_6 .more{display:table;margin:22px auto 0;}

/* ---------- 新闻列表页（杂志式列表） ---------- */
.met-news-list ul li,.met-news-body ul.ulstyle > li{
  position:relative;overflow:hidden;background:#fff;border:1px solid var(--tcm-line)!important;border-radius:10px;
  padding:22px 26px 16px 30px!important;margin:0 0 16px;transition:box-shadow .25s,transform .25s;
}
/* 左侧陶土竖线：悬停生长 */
.met-news-list ul li:before,.met-news-body ul.ulstyle > li:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--tcm-primary),rgba(62,125,91,.08));
  transform:scaleY(0);transform-origin:top;transition:transform .4s ease;
}
.met-news-list ul li:hover,.met-news-body ul.ulstyle > li:hover{box-shadow:var(--tcm-shadow-hover);transform:translateY(-2px);}
.met-news-list ul li:hover:before,.met-news-body ul.ulstyle > li:hover:before{transform:scaleY(1);}
.met-news-list ul li h4,.met-news-body ul.ulstyle > li h4{margin:0 0 8px;}
.met-news-list ul li h4 a,.met-news-body ul.ulstyle > li h4 a{
  color:var(--tcm-ink);font-size:17px;line-height:1.6;letter-spacing:.02em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .2s;
}
.met-news-list ul li h4 a:hover,.met-news-body ul.ulstyle > li h4 a:hover{color:var(--tcm-primary)!important;}
.met-news-list ul li p.des,.met-news-body ul.ulstyle > li p.des{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  color:#66735F;font-size:14px;line-height:1.9;margin:0 0 10px;
}
.met-news-list ul li p.info,.met-news-body ul.ulstyle > li p.info{margin:0;font-size:12px;color:var(--tcm-muted);}
.met-news-list ul li p.info span,.met-news-body ul.ulstyle > li p.info span{margin-right:14px;}
.met-news-list ul li p.info span:first-child,.met-news-body ul.ulstyle > li p.info span:first-child{font-family:"JetBrains Mono",Consolas,monospace;letter-spacing:.04em;}
.met-news-list ul li p.info span:first-child:before,.met-news-body ul.ulstyle > li p.info span:first-child:before{content:"◈ ";color:var(--tcm-primary);}
.met-news-list ul li p.info i,.met-news-body ul.ulstyle > li p.info i{color:var(--tcm-primary);}

/* ---------- 图片栏目列表页（专家团队 / 医馆环境）居中限宽 ---------- */
main.met-img .container{max-width:1200px;}
main.met-img .mycontent{padding-top:30px;}

/* ---------- 子栏目条：解除 54px 固定高（换行/滑动不再被裁切） ---------- */
.subcolumn_nav_met_16_1_62,.subcolumn_nav_met_16_1_73{height:auto!important;}
.subcolumn_nav_met_16_1_62 .subcolumn-nav,.subcolumn_nav_met_16_1_73 .subcolumn-nav{height:auto!important;overflow:visible!important;}

/* ---------- 移动端：基础层级（抽屉面板完整样式见「移动端导航抽屉」区段） ---------- */
/* 框架在移动端用 <div class="cover">（overflow:hidden）包裹全页，解除以防意外裁切 */
body>.cover{overflow:visible!important;}
@media (max-width:767px){
  header.met-head{z-index:2000!important;}
  .met-mask{z-index:1998!important;}
  /* 首页资讯移动端单列 */
  .news_list_met_16_1_6 .index-news-list{margin:0;}
  .news_list_met_16_1_6 .index-news-list li.media,
  .news_list_met_16_1_6 .index-news-list li.media:first-child{width:100%!important;margin:0 0 14px;padding:18px 18px 16px;}
  .news_list_met_16_1_6 .index-news-list li.media:after{content:none;}
  .news_list_met_16_1_6 .index-news-list li.media:first-child h4 a{font-size:17px;}
}

/* ---------- 移动端：服务项目二级栏目（单行横向滑动胶囊） ---------- */
@media (max-width:767px){
  /* 底部快捷栏：统一四等分横排（部分页面缺 float 规则会竖向堆叠） */
  .foot_info_met_16_2_10_bottom{left:0!important;right:0!important;width:100%!important;max-width:100%!important;}
  .foot_info_met_16_2_10_bottom .main{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:100%;margin:0;}
  .foot_info_met_16_2_10_bottom .main>div{float:none;width:auto;flex:1 1 25%;}
  .foot_info_met_16_2_10_bottom a.item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
  .subcolumn-nav ul{
    flex-wrap:nowrap!important;justify-content:flex-start;gap:8px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:56px 12px 10px!important;
  }
  .subcolumn-nav ul::-webkit-scrollbar{display:none;}
  .subcolumn-nav ul li{flex:0 0 auto;}
  .subcolumn-nav ul li a{white-space:nowrap;font-size:14px;padding:6px 14px;}
  /* swiper 滚动条主题化 */
  .swiper-navtab .swiper-scrollbar{height:3px;background:var(--tcm-cream2);border-radius:2px;}
  .swiper-navtab .swiper-scrollbar .swiper-scrollbar-drag{background:var(--tcm-primary);opacity:.45;border-radius:2px;}
  /* 移动端太极图标适配：缩小比例（上压 banner 22px / 下探 22px），同步收窄避让空间 */
  .tcm-taiji{width:44px;height:44px;bottom:-22px;}
  main{padding-top:44px!important;}
  .subcolumn-nav ul{padding:44px 12px 10px!important;}
}

/* ============================================================
   动效层 v2（v=20261006b）—— 科技感统一动效体系
   一条缓动曲线 + 三档时长，全站所有动效共用，风格强制统一。
   归位 = 大位移 + 微缩放 + 模糊聚焦，过程肉眼可见。
   ============================================================ */
:root{
  --tcm-ease:cubic-bezier(.16,1,.3,1);   /* expo-out：锋利而从容，全站唯一曲线 */
  --tcm-fast:.3s;                        /* 微交互：hover/聚焦 */
  --tcm-mid:.7s;                         /* 常规过渡：菜单/下拉 */
  --tcm-slow:1.05s;                      /* 归位/进场 */
}

/* reduce：全站动画静止，但内容必须完整可见 */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  .tcm-reveal{opacity:1!important;transform:none!important;filter:none!important;}
  html{scroll-behavior:auto;}
}
html{scroll-behavior:smooth;}

/* ---------- 滚动归位：64px 位移 + 96% 缩放 + 8px 模糊 → 聚焦浮现 ---------- */
.tcm-reveal{opacity:0;transform:translateY(64px) scale(.97);filter:blur(8px);transition:opacity var(--tcm-slow) var(--tcm-ease),transform var(--tcm-slow) var(--tcm-ease),filter var(--tcm-slow) var(--tcm-ease);transition-delay:var(--tcm-rd,0ms);will-change:opacity,transform,filter;}
.tcm-reveal.tcm-in{opacity:1;transform:none;filter:blur(0);}
html.no-io .tcm-reveal{opacity:1;transform:none;filter:none;}
@media (max-width:767px){.tcm-reveal{transform:translateY(36px) scale(.98);filter:blur(5px);}}

/* ---------- 区块标题：科技感编号 + 细线（纯 CSS，双语通用） ---------- */
.met-index-body h2{position:relative;}
/* 编号装饰已按需求移除 */

/* ---------- banner 首屏：大位移 + 字距收拢进场 ---------- */
.banner_met_16_1_2 .banner-text-con .text-con h4{opacity:0;transform:translateY(44px);letter-spacing:.24em;animation:tcm-hero-title 1.2s var(--tcm-ease) .25s forwards;}
.banner_met_16_1_2 .banner-text-con .text-con p{opacity:0;transform:translateY(30px);animation:tcm-hero-sub 1.1s var(--tcm-ease) .75s forwards;}
@keyframes tcm-hero-title{from{opacity:0;transform:translateY(44px);letter-spacing:.24em;}to{opacity:1;transform:none;letter-spacing:.02em;}}
@keyframes tcm-hero-sub{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){
  .banner_met_16_1_2 .banner-text-con .text-con h4,
  .banner_met_16_1_2 .banner-text-con .text-con p{opacity:1;transform:none;animation:none;letter-spacing:normal;}
}

/* ---------- 视差：首页“关于我们”背景层 ---------- */
.tcm-about-sec{position:relative;overflow:hidden;}
.tcm-about-bg{position:absolute;left:0;right:0;top:-60px;bottom:-60px;background-size:cover;background-position:center;will-change:transform;}
.tcm-about-sec .container{position:relative;z-index:1;}
@media (prefers-reduced-motion: reduce){.tcm-about-bg{transform:none!important;}}

/* ---------- 导航：下拉轻柔展开（不做下划线装饰） ---------- */
.head_nav_met_16_1_116 .navlist>.nav-item{position:relative;}
.head_nav_met_16_1_116 .navlist .dropdown-menu.two-menu{opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity var(--tcm-mid) var(--tcm-ease),transform var(--tcm-mid) var(--tcm-ease),visibility var(--tcm-mid);}
.head_nav_met_16_1_116 .navlist .nav-item.open>.dropdown-menu.two-menu,
.head_nav_met_16_1_116 .navlist .nav-item:hover>.dropdown-menu.two-menu{opacity:1;visibility:visible;transform:translateY(0);}
.head_nav_met_16_1_116 .navlist .dropdown-menu.two-menu .dropdown-item{transition:padding-left var(--tcm-fast) var(--tcm-ease),background var(--tcm-fast),color var(--tcm-fast);}
.head_nav_met_16_1_116 .navlist .dropdown-menu.two-menu .dropdown-item:hover{padding-left:20px;}

/* ---------- 语言下拉同风格 ---------- */
.tcm-lang-menu{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--tcm-mid) var(--tcm-ease),transform var(--tcm-mid) var(--tcm-ease),visibility var(--tcm-mid);}
.tcm-lang-item.open .tcm-lang-menu,.tcm-lang-item:hover .tcm-lang-menu{opacity:1;visibility:visible;transform:translateY(0);}

/* ---------- 卡片：统一“上浮 + 顶部光线 + 扫光”悬停语言（服务/专家/资讯/环境） ---------- */
@media (hover:hover) and (pointer:fine){
  .service_list_met_16_2_3 .index-service-list li .service-shadow,
  .product_list_met_16_2_4 .index-product-list li .card,
  .met-news-list ul li,
  .met-img-list li.card .cover,
  .tcm-record{position:relative;overflow:hidden;}
  /* 顶部陶土光线：hover 时从左向右点亮 */
  .service_list_met_16_2_3 .index-service-list li .service-shadow:before,
  .product_list_met_16_2_4 .index-product-list li .card:before,
  .met-news-list ul li:before,
  .tcm-record:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tcm-primary),transparent);transform:scaleX(0);transform-origin:center;transition:transform .8s var(--tcm-ease);z-index:2;}
  .service_list_met_16_2_3 .index-service-list li:hover .service-shadow:before,
  .product_list_met_16_2_4 .index-product-list li:hover .card:before,
  .met-news-list ul li:hover:before,
  .tcm-record:hover:before{transform:scaleX(1);}
  /* 斜向扫光 */
  .service_list_met_16_2_3 .index-service-list li .service-shadow:after,
  .product_list_met_16_2_4 .index-product-list li .card:after,
  .met-img-list li.card .cover:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-80%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,253,249,.35),transparent);transform:skewX(-18deg) translateX(0);transition:transform .9s var(--tcm-ease);pointer-events:none;z-index:2;}
  .service_list_met_16_2_3 .index-service-list li:hover .service-shadow:after,
  .product_list_met_16_2_4 .index-product-list li:hover .card:after,
  .met-img-list li.card .cover:hover:after{transform:skewX(-18deg) translateX(420%);}
  /* 上浮与图片呼吸（幅度加大） */
  .service_list_met_16_2_3 .index-service-list li .service-shadow,
  .product_list_met_16_2_4 .index-product-list li .card{border:1px solid var(--tcm-line);transition:transform .5s var(--tcm-ease),box-shadow .5s var(--tcm-ease),border-color .5s;}
  .service_list_met_16_2_3 .index-service-list li:hover .service-shadow,
  .product_list_met_16_2_4 .index-product-list li:hover .card{transform:translateY(-5px);box-shadow:0 12px 30px rgba(35,45,37,.13);border-color:rgba(62,125,91,.4);}
  .service_list_met_16_2_3 .index-service-list li .service-shadow img,
  .product_list_met_16_2_4 .index-product-list li .card .cover-image{transition:transform .8s var(--tcm-ease);}
  .service_list_met_16_2_3 .index-service-list li:hover .service-shadow img,
  .product_list_met_16_2_4 .index-product-list li:hover .card .cover-image{transform:scale(1.08);}
  /* 列表项：资讯/环境上浮 */
  .met-news-list ul li,.met-img-list li.card .cover{transition:transform .5s var(--tcm-ease),box-shadow .5s var(--tcm-ease);}
  .met-news-list ul li:hover{transform:translateY(-4px);box-shadow:var(--tcm-shadow-hover);}
  .met-img-list li.card:hover .cover{transform:translateY(-4px);box-shadow:var(--tcm-shadow-hover);}
  .met-img-list li.card .cover img{transition:transform .8s var(--tcm-ease);}
  .met-img-list li.card:hover .cover img{transform:scale(1.07);}
  .tcm-record{transition:transform .5s var(--tcm-ease),box-shadow .5s var(--tcm-ease);}
  .tcm-record:hover{transform:translateY(-3px);box-shadow:var(--tcm-shadow-hover);}
  .met-news-list ul li h4 a,.product_list_met_16_2_4 .index-product-list li .card .card-title a{transition:color var(--tcm-fast);}
  .met-news-list ul li:hover h4 a{color:var(--tcm-primary);}
  .product_list_met_16_2_4 .index-product-list li:hover .card .card-title a{color:var(--tcm-primary);}
  /* 详情正文图片缩放 */
  .tcm-article .met-editor img{transition:transform .7s var(--tcm-ease),box-shadow .7s var(--tcm-ease);}
  .tcm-article .met-editor img:hover{transform:scale(1.02);box-shadow:var(--tcm-shadow-hover);}
}

/* ---------- 内页面包屑：科技感细线页头 ---------- */
.met-crumbs{background:linear-gradient(180deg,#FBFDF7 0%,var(--tcm-cream) 100%);border-bottom:1px solid var(--tcm-line);padding:14px 0;}
.met-crumbs .breadcrumb{margin:0;}
.met-crumbs .breadcrumb-item a{color:var(--tcm-muted);transition:color var(--tcm-fast);}
.met-crumbs .breadcrumb-item a:hover{color:var(--tcm-primary);text-decoration:none;}
.met-crumbs .breadcrumb-item.active,.met-crumbs .breadcrumb>.active{color:var(--tcm-ink);}

/* ---------- 表单页/问诊页 hero：大位移 + 字距进场 ---------- */
.tcm-consult .tcm-hero-eyebrow{opacity:0;transform:translateY(24px);letter-spacing:.5em;animation:tcm-eyebrow 1s var(--tcm-ease) .1s forwards;}
.tcm-consult .tcm-hero h1{opacity:0;transform:translateY(36px);animation:tcm-hero-sub 1.1s var(--tcm-ease) .32s forwards;}
.tcm-consult .tcm-hero-sub{opacity:0;transform:translateY(24px);animation:tcm-hero-sub 1s var(--tcm-ease) .58s forwards;}
.tcm-consult .tcm-hero-rule{transform:scaleX(0);transform-origin:left;animation:tcm-rule-grow .9s var(--tcm-ease) .74s forwards;}
@keyframes tcm-eyebrow{from{opacity:0;transform:translateY(24px);letter-spacing:.5em;}to{opacity:1;transform:none;letter-spacing:.18em;}}
@keyframes tcm-rule-grow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media (prefers-reduced-motion: reduce){
  .tcm-consult .tcm-hero-eyebrow,.tcm-consult .tcm-hero h1,.tcm-consult .tcm-hero-sub{opacity:1;transform:none;animation:none;letter-spacing:normal;}
  .tcm-consult .tcm-hero-rule{transform:none;animation:none;}
}

/* ---------- 详情页正文版式 ---------- */
.tcm-article{background:#FBFDF7;border:1px solid var(--tcm-line);border-radius:12px;box-shadow:var(--tcm-shadow);padding:clamp(24px,4vw,48px);}
.tcm-article h1{font-family:var(--tcm-serif);font-weight:600;letter-spacing:.03em;color:var(--tcm-ink);font-size:clamp(24px,3.4vw,34px);line-height:1.35;margin:0 0 10px;}
.tcm-article .met-editor,.tcm-article .editor,.tcm-article .content{font-size:16px;line-height:1.9;color:#303B31;letter-spacing:.02em;}
.tcm-article .met-editor p,.tcm-article .editor p{margin:0 0 1.1em;}
.tcm-article .met-editor img,.tcm-article .editor img{border-radius:10px;box-shadow:var(--tcm-shadow);margin:1.2em auto;display:block;}
.tcm-article .met-editor strong,.tcm-article .editor strong{color:var(--tcm-primary-deep);}

/* ---------- 表单微交互：聚焦底边 + 按钮扫光 ---------- */
.tcm-form-card .met-form .form-control{border:1px solid #E1EAD8;border-bottom:2px solid #E1EAD8;border-radius:6px 6px 0 0;transition:border-color var(--tcm-fast) var(--tcm-ease),background var(--tcm-fast),box-shadow var(--tcm-fast);}
.tcm-form-card .met-form .form-control:focus{border-bottom-color:var(--tcm-primary);background:#fff;box-shadow:0 4px 14px rgba(62,125,91,.1);}
.tcm-form-card .met-form .form-control::placeholder{color:#ABB8A6;transition:opacity var(--tcm-fast);}
.tcm-form-card .met-form .form-control:focus::placeholder{opacity:.5;}
.tcm-form-card .met-form button[type=submit],.tcm-form-card .met-form .btn-primary,.met-feedback-body .btn-primary,.met-message-body .btn-primary{position:relative;overflow:hidden;transition:transform var(--tcm-fast) var(--tcm-ease),box-shadow var(--tcm-fast),background var(--tcm-fast)!important;}
.tcm-form-card .met-form button[type=submit]:after,.tcm-form-card .met-form .btn-primary:after,.met-feedback-body .btn-primary:after,.met-message-body .btn-primary:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-70%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:transform .8s var(--tcm-ease);pointer-events:none;}
@media (hover:hover) and (pointer:fine){
  .tcm-form-card .met-form button[type=submit]:hover,.tcm-form-card .met-form .btn-primary:hover,.met-feedback-body .btn-primary:hover,.met-message-body .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(140,63,34,.32);}
  .tcm-form-card .met-form button[type=submit]:hover:after,.tcm-form-card .met-form .btn-primary:hover:after,.met-feedback-body .btn-primary:hover:after,.met-message-body .btn-primary:hover:after{transform:skewX(-18deg) translateX(430%);}
}
.tcm-form-card .met-form button[type=submit]:active,.tcm-form-card .met-form .btn-primary:active{transform:translateY(0) scale(.98);}

/* ---------- 返回顶部：陶土圆钮 ---------- */
.met-scroll-top{width:44px!important;height:44px!important;border-radius:50%!important;background:var(--tcm-primary)!important;border:none;box-shadow:0 6px 18px rgba(140,63,34,.3);transition:transform var(--tcm-fast) var(--tcm-ease),background var(--tcm-fast),opacity var(--tcm-fast);}
.met-scroll-top:hover{background:var(--tcm-primary-deep)!important;transform:translateY(-4px);}

/* ---------- 图片列表页（医馆环境） ---------- */
.met-img-list li.card{border:none;background:transparent;}
.met-img-list li.card .cover{border:1px solid var(--tcm-line);}

/* ---------- 移动端地板 ---------- */
html,body{overflow-x:clip;}
@media (max-width:767px){
  .tcm-article{padding:20px 16px;border-radius:10px;}
  .tcm-form-card .met-form .form-control,.tcm-form-card .met-form button[type=submit],.tcm-form-card .met-form .btn-primary{min-height:44px;}
  .met-scroll-top{right:12px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;}
}

/* ---------- 20261009 科技秩序感 pass：细线卡片 + 分区细线（首页+内页统一） ---------- */
/* 卡片统一：1px 细线描边 + 收紧圆角 + 极浅底影，hover 亮陶土描边（秩序感来自细线而非阴影堆叠） */
.index-product-list .card,.met-news-list ul li,.met-img-list li.card .cover,.tcm-card,.tcm-record{
  border:1px solid rgba(35,45,37,.11)!important;border-radius:10px!important;box-shadow:0 1px 3px rgba(35,45,37,.05)!important;
}
.product_list_met_16_2_4 .index-product-list li:hover .card,.met-news-list ul li:hover,
.met-img-list li.card:hover .cover,.tcm-record:hover{border-color:rgba(62,125,91,.45)!important;}
/* 首页区块之间 1px 呼吸细线，强化版面秩序 */
.met-index-body{position:relative;}
.met-index-body+.met-index-body:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,86%);height:1px;background:linear-gradient(90deg,transparent,rgba(35,45,37,.12),transparent);}
/* 内页 hero 底部细线（与 .tcm-hero-rule 呼应） */
.tcm-hero{border-bottom:1px solid rgba(35,45,37,.08);}

/* ==================== 移动端导航抽屉（宣纸全屏抽屉 · finesse h5 家具） ==================== */
/* 抽屉底部操作条：桌面端隐藏 */
.tcm-drawer-foot{display:none;}
/* 入场错峰动画（面板 .in 时由 display 切换自动重启） */
@keyframes tcm-drawer-item{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@media (max-width:767px){
  /* 汉堡按钮：44px 圆角触点；三道杠 flex 垂直水平居中（修复图标偏上）；展开时双杠向心合拢成 X */
  .head_nav_met_16_1_116 .navbar-toggler{
    position:absolute;top:50%;right:12px;transform:translateY(-50%);
    width:44px;height:44px;margin:0;padding:0;
    display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
    border:1px solid var(--tcm-line);border-radius:12px;background:#FBFDF7;box-shadow:0 4px 12px rgba(35,45,37,.08);
  }
  .head_nav_met_16_1_116 .navbar-toggler:before,
  .head_nav_met_16_1_116 .navbar-toggler:after,
  .head_nav_met_16_1_116 .navbar-toggler .hamburger-bar{background:var(--tcm-ink)!important;transform-origin:50% 50%;}
  .head_nav_met_16_1_116 .navbar-toggler.hamburger-close:not(.collapsed):before,
  .head_nav_met_16_1_116 .navbar-toggler.hamburger-close:not(.collapsed):after{
    position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:1px;
    transform:rotate(45deg)!important;transform-origin:center!important;
  }
  .head_nav_met_16_1_116 .navbar-toggler.hamburger-close:not(.collapsed):after{transform:rotate(-45deg)!important;}

  /* 抽屉面板：头部正下方、底部快捷栏之上，宣纸实底 + 淡入下滑。
     注意：header 带 will-change:transform，是 fixed 后代的包含块，top+bottom 拉伸会塌陷，
     故必须用显式高度（60px 头部 + 52px 底部快捷栏） */
  .head_nav_met_16_1_116 .navbar-collapse{
    position:fixed;top:60px;left:0;right:0;bottom:auto;z-index:1080;
    height:calc(100vh - 112px)!important;
    height:calc(100dvh - 112px)!important;
    background:#FBFDF7;border-bottom:1px solid var(--tcm-line);
    box-shadow:0 28px 56px rgba(35,45,37,.2);
    margin:0!important;padding:0 20px 0!important;
    max-height:none!important;
    display:flex!important;flex-direction:column;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    opacity:0;transform:translateY(-14px);pointer-events:none;
    transition:opacity .26s var(--tcm-ease),transform .32s var(--tcm-ease);
  }
  .head_nav_met_16_1_116 .navbar-collapse.collapsing,
  .head_nav_met_16_1_116 .navbar-collapse.in,
  .head_nav_met_16_1_116 .navbar-collapse.show{opacity:1;transform:none;pointer-events:auto;}
  .head_nav_met_16_1_116 .navbar-collapse.collapsing{overflow:hidden!important;}
  /* 菜单条目：衬线大触点 + 陶土当前态左标 */
  .head_nav_met_16_1_116 .navlist.flex{display:block!important;margin:0!important;flex:1 0 auto;}
  .head_nav_met_16_1_116 .navlist.flex:before{
    content:"导航目录";display:block;padding:14px 2px 8px;
    font-family:var(--tcm-serif);font-size:12px;font-weight:400;letter-spacing:.35em;color:var(--tcm-muted);
  }
  .head_nav_met_16_1_116 .navlist>.nav-item{border-bottom:1px solid rgba(35,45,37,.07);}
  .head_nav_met_16_1_116 .navlist>.nav-item:last-child{border-bottom:0;}
  .head_nav_met_16_1_116 .navlist .nav-link{
    display:flex;align-items:center;justify-content:space-between;height:56px;line-height:normal;
    padding:0 2px!important;margin:0!important;font-size:16px;border-radius:0;background:none!important;
    font-family:var(--tcm-serif);font-weight:600;letter-spacing:.06em;color:var(--tcm-ink);
  }
  .head_nav_met_16_1_116 .navlist>.nav-item>a.nav-link.active{position:relative;color:var(--tcm-primary-deep)!important;}
  .head_nav_met_16_1_116 .navlist>.nav-item>a.nav-link.active:before{
    content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);
    width:3px;height:22px;border-radius:0 2px 2px 0;background:var(--tcm-primary);
  }
  /* 子菜单父项右侧箭头（仅下拉项；展开时翻转） */
  .head_nav_met_16_1_116 .navlist .nav-item>a.nav-link.dropdown-toggle:after{
    content:"";flex:none;width:8px;height:8px;margin:0;border:none;
    border-right:2px solid rgba(35,45,37,.35);border-bottom:2px solid rgba(35,45,37,.35);
    transform:rotate(45deg);transition:transform .25s var(--tcm-ease);display:inline-block;
  }
  .head_nav_met_16_1_116 .navlist .nav-item.open>a.nav-link.dropdown-toggle:after{transform:rotate(-135deg);border-color:var(--tcm-primary);}
  /* 子菜单：静态缩进 + 陶土引导线 */
  .head_nav_met_16_1_116 .navlist .nav-item>.dropdown-menu{
    display:none;position:static!important;float:none!important;width:auto!important;min-width:0!important;height:auto!important;
    border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;
    padding:2px 0 10px 14px!important;margin:0!important;border-left:2px solid rgba(62,125,91,.28);
    opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;
  }
  .head_nav_met_16_1_116 .navlist .nav-item.open>.dropdown-menu{display:block;}
  .head_nav_met_16_1_116 .navlist .nav-item>.dropdown-menu .dropdown-menu{display:block!important;margin:0!important;padding:0 0 0 14px!important;}
  .head_nav_met_16_1_116 .navlist .dropdown-menu .dropdown-item,
  .head_nav_met_16_1_116 .navlist .dropdown-menu a{
    display:flex;align-items:center;min-height:46px;height:auto;line-height:1.4;padding:9px 14px!important;
    font-size:15px;color:#5A5142;border-radius:10px;margin:2px 0;
    font-family:var(--tcm-serif);letter-spacing:.03em;
  }
  .head_nav_met_16_1_116 .navlist .dropdown-menu .dropdown-item:hover,
  .head_nav_met_16_1_116 .navlist .dropdown-menu a:hover{background:var(--tcm-cream2)!important;color:var(--tcm-primary-deep)!important;}
  .head_nav_met_16_1_116 .navlist .dropdown-menu a.active{color:var(--tcm-primary)!important;font-weight:600;background:var(--tcm-cream2)!important;}
  .head_nav_met_16_1_116 .dropdown-submenu>a.dropdown-item:after{display:none!important;}
  .head_nav_met_16_1_116 .dropdown-menu.dropdown-menu-bullet:before,
  .head_nav_met_16_1_116 .dropdown-menu.dropdown-menu-bullet:after{display:none!important;}
  /* 入场错峰 */
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item,
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item{animation:tcm-drawer-item .4s var(--tcm-ease) backwards;}
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item:nth-child(2),
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item:nth-child(2){animation-delay:50ms;}
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item:nth-child(3),
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item:nth-child(3){animation-delay:100ms;}
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item:nth-child(4),
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item:nth-child(4){animation-delay:150ms;}
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item:nth-child(5),
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item:nth-child(5){animation-delay:200ms;}
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item:nth-child(6),
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item:nth-child(6){animation-delay:250ms;}
  .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item:nth-child(n+7),
  .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item:nth-child(n+7){animation-delay:300ms;}
  /* 抽屉底部操作条：拨号（主）+ 预约（次），拇指区吸底 */
  .tcm-drawer-foot{
    display:flex;gap:10px;position:sticky;bottom:0;
    margin:14px -20px 0;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(180deg,rgba(255,253,249,.9),#FBFDF7 40%);
    border-top:1px solid var(--tcm-line);
  }
  .tcm-drawer-foot a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;
    font-family:var(--tcm-serif);font-size:15px;font-weight:600;letter-spacing:.1em;text-decoration:none;
  }
  .tcm-drawer-tel{background:var(--tcm-primary);color:#fff!important;box-shadow:0 10px 22px -10px rgba(62,125,91,.55);}
  .tcm-drawer-tel .fa{font-size:16px;}
  .tcm-drawer-book{border:1px solid rgba(62,125,91,.45);color:var(--tcm-primary-deep)!important;background:#FBFDF7;}
  /* 减少动画偏好：直接呈现 */
  @media (prefers-reduced-motion:reduce){
    .head_nav_met_16_1_116 .navbar-collapse{transition:none;transform:none;}
    .head_nav_met_16_1_116 .navbar-collapse.in .navlist>.nav-item,
    .head_nav_met_16_1_116 .navbar-collapse.show .navlist>.nav-item{animation:none;}
    .head_nav_met_16_1_116 .navbar-toggler,
    .head_nav_met_16_1_116 .navbar-toggler:before,
    .head_nav_met_16_1_116 .navbar-toggler:after,
    .head_nav_met_16_1_116 .navbar-toggler .hamburger-bar{transition:none!important;}
  }
}

/* ---------- 移动端首页列表：双列小卡，避免全宽突兀 ---------- */
@media (max-width:767px){
  .service_list_met_16_2_3 .index-service-list li{width:calc(50% - 10px)!important;margin:0 5px 10px;}
  .product_list_met_16_2_4 .index-product-list li{width:calc(50% - 10px)!important;margin:0 5px 10px;padding:0;}
  .news_list_met_16_1_6 .index-news-list{display:block!important;column-count:2!important;column-gap:10px;margin:0 0 10px!important;}
  .news_list_met_16_1_6 .index-news-list li.media{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;float:none!important;break-inside:avoid!important;-webkit-column-break-inside:avoid!important;padding:12px!important;margin:0 0 10px!important;box-sizing:border-box!important;}
  .news_list_met_16_1_6 .index-news-list li.media .media-left{width:100%!important;float:none!important;margin:0 0 8px!important;}
  .news_list_met_16_1_6 .index-news-list li.media .media-left img{width:100%!important;height:auto!important;}
  .news_list_met_16_1_6 .index-news-list li.media .media-body{width:100%!important;float:none!important;padding:0!important;}
  /* 内页新闻列表：flex 双列卡网格（修复 li 半宽+块级导致的单列半宽宽度异常），
     标题/摘要三行截断、日期行沉底、隐藏作者字段，卡片等高秩序感 */
  .met-news-list ul{display:flex!important;flex-wrap:wrap;align-items:stretch;margin:0 -5px!important;}
  .met-news-list ul li{
    display:flex;flex-direction:column;width:calc(50% - 10px)!important;float:none!important;
    margin:0 5px 10px!important;padding:14px 14px 12px!important;box-sizing:border-box!important;
  }
  .met-news-list ul li h4{margin:0 0 6px;}
  .met-news-list ul li h4 a{
    font-size:15px;line-height:1.55;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .met-news-list ul li p.des{
    font-size:12.5px;line-height:1.7;margin:0 0 8px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .met-news-list ul li p.info{display:flex;align-items:center;margin:auto 0 0!important;flex-wrap:wrap;row-gap:2px;}
  .met-news-list ul li p.info span{margin-right:8px;}
  .met-news-list ul li p.info span:nth-child(2){display:none;}
  .met-news-list ul li.media,.met-news-list ul li .media{display:block;}
  .met-news-list ul li .media-left{width:100%;float:none;margin:0 0 8px;}
  .met-news-list ul li .media-left img{width:100%;height:auto;}
  .met-news-list ul li .media-body{width:100%;padding:0;}
  .met-img-list li{width:calc(50% - 10px)!important;margin:0 5px 10px!important;}
  .met-product-list li{width:calc(50% - 10px)!important;margin:0 5px 10px!important;}
  /* 通用兜底：各栏目列表页的 blocks 网格在移动端一律双列 */
  main ul[class*="blocks-"]>li{width:calc(50% - 10px)!important;margin:0 5px 10px!important;}
}

/* ==================== 首页拼贴 Banner（tcm-hero · 仅首页） ==================== */
.tcm-hero{position:relative;background:var(--tcm-cream2);}
/* 定高 + 各帧全部绝对居中：切换时几何零跳动；overflow 用 ID 显式放开（L320 通用 .tcm-hero 带 overflow:hidden 会裁掉跨出下缘的太极按钮） */
#tcm-hero{height:501px;padding:0;overflow:visible;}
#tcm-hero:after{content:none;}
.tcm-hero .tcm-frame{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1s var(--tcm-ease),visibility 0s linear 1s;}
.tcm-hero .tcm-frame.is-active{opacity:1;visibility:visible;transition:opacity 1s var(--tcm-ease);}
.tcm-hero .tcm-frame-inner{position:relative;width:100%;max-width:1200px;margin:0 auto;height:400px;display:flex;align-items:center;gap:36px;padding:0 30px;}
.tcm-hero .tcm-frame-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(115deg,#F6EFE0 0%,var(--tcm-cream) 52%,var(--tcm-cream2) 100%);overflow:hidden;}
.tcm-hero .tcm-frame-bg:before{content:"";position:absolute;top:-140px;right:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(62,125,91,.10),transparent 68%);}
.tcm-hero .tcm-mark{position:absolute;right:26%;top:50%;transform:translateY(-52%);font-family:"Songti SC","STSong","SimSun",serif;font-size:300px;line-height:1;color:var(--tcm-primary);opacity:.055;user-select:none;pointer-events:none;}
/* 左侧文案区 */
.tcm-hero .tcm-copy{position:relative;z-index:2;width:42%;flex:none;}
.tcm-hero .tcm-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.34em;color:var(--tcm-primary-deep);margin:0 0 18px;}
.tcm-hero .tcm-eyebrow:before{content:"";width:26px;height:1px;background:var(--tcm-primary);}
.tcm-hero .tcm-copy h2{font-size:42px;line-height:1.22;font-weight:600;letter-spacing:.02em;color:var(--tcm-ink);margin:0 0 16px;padding:0;}
.tcm-hero .tcm-copy h2:after{content:none;}
.tcm-hero .tcm-copy h2 em{font-style:normal;color:var(--tcm-primary);}
.tcm-hero .tcm-copy p{font-size:15px;line-height:1.9;color:var(--tcm-muted);max-width:340px;margin:0 0 26px;}
.tcm-hero .tcm-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 30px;border-radius:22px;border:1px solid rgba(62,125,91,.45);background:#FBFDF7;color:var(--tcm-primary-deep);font-size:14px;letter-spacing:.14em;text-decoration:none;transition:all .3s var(--tcm-ease);}
.tcm-hero .tcm-cta:hover{background:var(--tcm-primary);border-color:var(--tcm-primary);color:#fff!important;box-shadow:0 8px 20px -8px rgba(62,125,91,.55);}
.tcm-hero .tcm-cta:after{content:"→";transition:transform .3s var(--tcm-ease);}
.tcm-hero .tcm-cta:hover:after{transform:translateX(4px);}
/* 右侧拼贴区：1 主图 + 2 小图（纸胶带 + 微倾斜） */
.tcm-hero .tcm-collage{position:relative;z-index:2;flex:1;height:100%;}
.tcm-hero .tcm-ph{position:absolute;overflow:hidden;border-radius:6px;background:#fff;margin:0;padding:0;}
.tcm-hero .tcm-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.tcm-hero .tcm-ph:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(35,45,37,.08);pointer-events:none;}
.tcm-hero .tcm-ph-main{right:0;top:0;bottom:0;width:60%;border:6px solid #FBFDF7;box-shadow:0 24px 48px -20px rgba(35,45,37,.4);}
.tcm-hero .tcm-ph-a{left:6%;top:26px;width:32%;height:44%;border:4px solid #FBFDF7;box-shadow:0 16px 32px -14px rgba(35,45,37,.38);}
.tcm-hero .tcm-ph-b{left:12%;bottom:30px;width:30%;height:40%;border:4px solid #FBFDF7;box-shadow:0 16px 32px -14px rgba(35,45,37,.38);}
.tcm-hero .tcm-ph-a:before,.tcm-hero .tcm-ph-b:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-3deg);width:52px;height:16px;background:rgba(62,125,91,.14);border:1px solid rgba(62,125,91,.08);z-index:2;}
/* 帧入场动画（渐进增强：foot.php 轮播脚本就绪后给 .tcm-hero 加 tcm-anim 才启用；
   无 JS / 截图器 / 老浏览器下内容直接可见） */
.tcm-hero.tcm-anim .tcm-eyebrow,.tcm-hero.tcm-anim .tcm-copy h2,.tcm-hero.tcm-anim .tcm-copy p,.tcm-hero.tcm-anim .tcm-cta{opacity:0;transform:translateY(24px);}
.tcm-hero.tcm-anim .tcm-ph{opacity:0;transform:translateY(14px);}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-eyebrow{animation:tcm-up .8s var(--tcm-ease) .15s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-copy h2{animation:tcm-up .9s var(--tcm-ease) .25s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-copy p{animation:tcm-up .9s var(--tcm-ease) .38s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-cta{animation:tcm-up .9s var(--tcm-ease) .5s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-ph-main{animation:tcm-ph-main 1.1s var(--tcm-ease) .2s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-ph-a{animation:tcm-ph-a 1s var(--tcm-ease) .45s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-ph-b{animation:tcm-ph-b 1s var(--tcm-ease) .6s forwards;}
.tcm-hero.tcm-anim .tcm-frame.is-active .tcm-ph-main img{animation:tcm-kb 16s linear .2s forwards;}
@keyframes tcm-up{to{opacity:1;transform:none;}}
@keyframes tcm-ph-main{from{opacity:0;transform:translateY(16px) scale(1.03);}to{opacity:1;transform:none;}}
@keyframes tcm-ph-a{to{opacity:1;transform:rotate(-2.4deg);}}
@keyframes tcm-ph-b{to{opacity:1;transform:rotate(1.8deg);}}
@keyframes tcm-kb{to{transform:scale(1.05);}}
/* 圆点指示器 */
.tcm-hero .tcm-dots{position:absolute;right:26px;bottom:18px;display:flex;gap:10px;z-index:4;}
.tcm-hero .tcm-dots button{width:10px;height:10px;padding:0;border:none;border-radius:5px;background:rgba(62,125,91,.25);cursor:pointer;transition:background .3s var(--tcm-ease),width .3s var(--tcm-ease);}
.tcm-hero .tcm-dots button.on{width:26px;background:var(--tcm-primary);}
@media (prefers-reduced-motion:reduce){
  .tcm-hero.tcm-anim .tcm-eyebrow,.tcm-hero.tcm-anim .tcm-copy h2,.tcm-hero.tcm-anim .tcm-copy p,.tcm-hero.tcm-anim .tcm-cta,.tcm-hero.tcm-anim .tcm-ph{opacity:1;transform:none;animation:none!important;}
  .tcm-hero.tcm-anim .tcm-ph-a{transform:rotate(-2.4deg)!important;}
  .tcm-hero.tcm-anim .tcm-ph-b{transform:rotate(1.8deg)!important;}
  .tcm-hero.tcm-anim .tcm-ph-main img{animation:none!important;}
}
/* 响应式 */
@media (max-width:1199px){
  #tcm-hero{height:431px;}
  .tcm-hero .tcm-frame-inner{height:330px;padding:0 24px;gap:26px;}
  .tcm-hero .tcm-copy{width:46%;}
  .tcm-hero .tcm-copy h2{font-size:32px;}
  .tcm-hero .tcm-copy p{font-size:14px;margin-bottom:20px;}
  .tcm-hero .tcm-mark{font-size:230px;}
}
@media (max-width:767px){
  #tcm-hero{height:571px;}
  .tcm-hero .tcm-frame-inner{height:470px;flex-direction:column;align-items:stretch;padding:26px 20px 20px;gap:0;}
  .tcm-hero .tcm-copy{width:100%;}
  .tcm-hero .tcm-copy h2{font-size:26px;}
  .tcm-hero .tcm-copy p{max-width:none;margin-bottom:16px;}
  .tcm-hero .tcm-cta{padding:9px 24px;}
  .tcm-hero .tcm-collage{height:190px;margin-top:18px;flex:none;}
  .tcm-hero .tcm-ph-main{width:62%;}
  .tcm-hero .tcm-ph-a{left:0;top:-8px;}
  .tcm-hero .tcm-ph-b{left:8%;bottom:-6px;}
  .tcm-hero .tcm-mark{font-size:170px;right:8%;}
  .tcm-hero .tcm-dots{right:16px;bottom:10px;}
}