/* ============================================================
   重庆大渡口仁同肛肠医院 · 全站统一主题层（theme.css）
   作用：定义唯一色板与公共组件基线，保证头部/底部/内页/首页
        视觉完全一致。必须在所有其它 CSS 之后加载。
   ============================================================ */

:root{
	/* —— 主色：深蓝（权威、稳重，全站唯一主色）—— */
	--c-primary:#185fa5;
	--c-primary-dark:#0c447c;
	--c-primary-light:#0e7cc4;
	--c-primary-bg:#e6f1fb;
	--c-primary-bg2:#f5f9fc;

	/* —— 辅色：同系浅蓝（已收敛，不再使用青绿）—— */
	--c-teal:#0e7cc4;
	--c-teal-bg:#e6f1fb;

	/* —— 转化色：橙红（仅用于电话/预约按钮，全站不滥用）—— */
	--c-cta:#d85a30;
	--c-cta-dark:#b8481f;

	/* —— 点缀色：中性灰蓝（已收敛，不再使用金色）—— */
	--c-gold:#8a97a6;

	/* —— 中性色 —— */
	--c-text:#1f2d3d;
	--c-text-sub:#5a6b7c;
	--c-text-mute:#8a97a6;
	--c-border:#e3eaf2;
	--c-border-2:#d8e2ec;
	--c-bg:#ffffff;
	--c-bg-soft:#f5f9fc;

	/* —— 形状与层次 —— */
	--radius:10px;
	--radius-sm:6px;
	--radius-lg:14px;
	--shadow:0 2px 10px rgba(15,45,80,.06);
	--shadow-hover:0 8px 24px rgba(15,45,80,.12);

	/* —— 间距节奏（全站统一，避免页面间疏密不一）—— */
	--sec-gap:56px;
	--wrap-w:1200px;
}

/* ============================================================
   一、全站基线
   ============================================================ */
body{
	color:var(--c-text);
	background:var(--c-bg);
	font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;transition:color .2s,background .2s,border-color .2s;}
a:hover{color:var(--c-primary);}
img{max-width:100%;display:block;}
.wrap{width:var(--wrap-w);max-width:100%;margin:0 auto;}
.clr{clear:both;height:0;overflow:hidden;}

/* 标题体系统一 */
h1,h2,h3,h4,h5{font-weight:600;color:var(--c-text);line-height:1.4;}
.sec-title,.sec-head{text-align:center;margin-bottom:32px;}
.sec-title h2,.sec-head h2{font-size:28px;position:relative;display:inline-block;padding-bottom:12px;}
.sec-title h2::after,.sec-head h2::after{
	content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
	width:48px;height:3px;border-radius:2px;background:var(--c-primary);
}
.sec-title p,.sec-head p{color:var(--c-text-sub);font-size:14px;margin-top:10px;}

/* 按钮统一（全站只有这三类按钮） */
.btn,.btn-primary,.sy-btn,.more{
	display:inline-block;padding:0 22px;height:40px;line-height:40px;
	border-radius:var(--radius-sm);font-size:15px;text-align:center;transition:.2s;
}
.btn-primary,.sy-btn{background:var(--c-cta);color:#fff;}
.btn-primary:hover,.sy-btn:hover{background:var(--c-cta-dark);color:#fff;}
.btn-outline{border:1px solid var(--c-primary);color:var(--c-primary);background:#fff;}
.btn-outline:hover{background:var(--c-primary);color:#fff;}

/* 卡片统一 */
.card,.side-card,.doc-card,.dept-card,.news-item{
	background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);
	box-shadow:var(--shadow);transition:.25s;
}
.card:hover,.side-card:hover,.doc-card:hover,.dept-card:hover{
	box-shadow:var(--shadow-hover);border-color:var(--c-primary-light);transform:translateY(-2px);
}

/* ============================================================
   二、统一头部
   ============================================================ */
.topbar{
	background:var(--c-primary-dark);color:#fff;font-size:13px;line-height:40px;height:40px;
}
.topbar a{color:#fff;opacity:.92;}
.topbar a:hover{opacity:1;color:#fff;}
.topbar .tb-tel{font-weight:600;font-size:15px;letter-spacing:.3px;}
.topbar .tb-yuyue{background:var(--c-cta);padding:0 14px;border-radius:var(--radius-sm);margin-left:6px;}

.header{background:#fff;box-shadow:0 1px 0 var(--c-border),0 2px 8px rgba(15,45,80,.04);}
.header .logo img{height:56px;width:auto;}
.header .nav>ul>li>h3>a{
	display:block;padding:0 16px;line-height:80px;font-size:16px;color:var(--c-text);
}
.header .nav>ul>li:hover>h3>a,.header .nav>ul>li.curr>h3>a{color:var(--c-primary);}
.header .nav>ul>li>h3>a::after{
	content:"";display:block;margin:0 auto;width:0;height:2px;background:var(--c-primary);transition:width .25s;
}
.header .nav>ul>li:hover>h3>a::after,.header .nav>ul>li.curr>h3>a::after{width:60%;}

/* ============================================================
   二级下拉面板：多列分组 + 限高滚动（防止栏目过多时溢出屏幕）
   ============================================================ */
.header .nav>ul>li{position:relative;}
.header .ernav{
	position:absolute;left:0;top:100%;width:100%;
	background:#fff;border-top:2px solid var(--c-primary);
	box-shadow:0 12px 30px rgba(12,68,124,.14);
	display:none;z-index:90;
}
.header .nav>ul>li:hover .ernav{display:block;}

/* 限高 + 内部滚动：科室再增加也不会撑破面板 */
.ernav-inner{max-height:420px;overflow-y:auto;padding:20px 0 24px;}
.ernav-inner::-webkit-scrollbar{width:6px;}
.ernav-inner::-webkit-scrollbar-thumb{background:#cfdae6;border-radius:3px;}

.ernav-cols{display:grid;gap:0 28px;}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}

.ernav-col{padding:8px 0;border-bottom:1px solid #f2f6fa;}
.ernav-cols .ernav-col:nth-last-child(-n+3){border-bottom:none;}
.ernav-tit{
	display:block;font-size:15px;font-weight:500;color:var(--c-text);
	line-height:1.5;transition:.2s;
}
.ernav-tit:hover{color:var(--c-primary);}
.ernav-sub{margin-top:5px;display:flex;flex-wrap:wrap;gap:0 12px;}
.ernav-sub a{font-size:12px;color:var(--c-text-mute);line-height:1.8;transition:.2s;}
.ernav-sub a:hover{color:var(--c-primary);}
.ernav-sub a:not(:last-child)::after{content:"·";margin-left:6px;color:#cfdae6;}

/* 内页 banner：统一主色渐变 */
.inner-banner{
	background:linear-gradient(135deg,var(--c-primary-dark) 0%,var(--c-primary) 60%,var(--c-primary-light) 100%);
	color:#fff;padding:38px 0;
}
.inner-banner h1{color:#fff;font-size:28px;}
.inner-banner .crumb,.inner-banner .crumb a{color:rgba(255,255,255,.85);font-size:13px;}
.inner-banner .crumb .sep{margin:0 6px;opacity:.6;}
.inner-banner .crumb a:hover{color:#fff;}

/* 面包屑（内页通用） */
.crumb{font-size:13px;color:var(--c-text-sub);}
.crumb a{color:var(--c-text-sub);}
.crumb a:hover{color:var(--c-primary);}

/* ============================================================
   三、统一底部
   ============================================================ */
.footer{background:#1f2d3d;color:rgba(255,255,255,.75);padding:36px 0 0;font-size:13px;}
.footer .top{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:20px;}
.footer .top span{color:var(--c-gold);}
.footer .top a{color:rgba(255,255,255,.75);margin-right:14px;}
.footer .top a:hover{color:#fff;}
.footer .le a{display:inline-block;margin-right:22px;color:rgba(255,255,255,.8);line-height:30px;}
.footer .le a:hover{color:var(--c-primary-light);}
.footer .le .int{color:rgba(255,255,255,.65);margin-top:12px;line-height:26px;}
.footer .le .int .tb-tel{color:var(--c-cta);font-weight:600;}
.footer .ri{text-align:right;}
.footer .ri .copyright{display:block;line-height:24px;color:rgba(255,255,255,.6);}
.footer .ri .copyright a{color:rgba(255,255,255,.6);}
.footer .ri .ad-no{
	display:inline-block;margin-top:8px;padding:3px 10px;border:1px solid rgba(207,163,98,.5);
	border-radius:var(--radius-sm);color:var(--c-gold);font-size:12px;
}

/* 合规免责条 */
.compliance-note{
	background:#182430;color:rgba(255,255,255,.55);font-size:12px;line-height:22px;
	padding:16px 0;text-align:center;border-top:1px solid rgba(255,255,255,.08);
}

/* 悬浮侧栏 */
.fixed{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:90;}
.fixed ul li{
	width:58px;height:58px;background:#fff;border:1px solid var(--c-border);
	border-radius:var(--radius-sm);margin-bottom:6px;text-align:center;transition:.2s;
}
.fixed ul li:hover{background:var(--c-primary);}
.fixed ul li:hover a,.fixed ul li:hover span{color:#fff;}
.fixed ul li a{display:block;padding-top:9px;color:var(--c-text-sub);font-size:12px;}
.fixed ul li i{font-size:19px;display:block;margin-bottom:2px;color:var(--c-primary);}
.fixed ul li:hover i{color:#fff;}
.fixed ul li.back{background:var(--c-primary);}
.fixed ul li.back a{color:#fff;}
.fixed ul li.back i{color:#fff;}

/* 底部 sticky 预约条 */
.sticky-yuyue{
	position:fixed;left:0;bottom:0;width:100%;background:rgba(255,255,255,.97);
	border-top:1px solid var(--c-border);box-shadow:0 -4px 18px rgba(15,45,80,.08);
	padding:12px 0;z-index:95;transform:translateY(110%);transition:transform .3s;
}
.sticky-yuyue.show{transform:translateY(0);}
.sticky-yuyue .sy-le{font-size:15px;color:var(--c-text);line-height:40px;}
.sticky-yuyue .sy-tel{
	display:inline-block;height:40px;line-height:40px;padding:0 18px;margin-right:10px;
	border:1px solid var(--c-primary);border-radius:var(--radius-sm);color:var(--c-primary);font-weight:600;
}
.sticky-yuyue .sy-btn{background:var(--c-cta);color:#fff;}
.sticky-yuyue .sy-btn:hover{background:var(--c-cta-dark);color:#fff;}

/* 移动端固定底栏 */
.yddcd{position:fixed;left:0;bottom:0;width:100%;height:52px;background:#fff;
	border-top:1px solid var(--c-border);z-index:96;display:none;}
.yddcd .dhzx{width:50%;text-align:center;line-height:52px;}
.yddcd .dhzx a{display:block;color:var(--c-text);font-size:14px;}
.yddcd .dhzx.zxyy{background:var(--c-cta);}
.yddcd .dhzx.zxyy a{color:#fff;}

/* ============================================================
   四、内联页面统一组件
   ============================================================ */
/* 侧栏卡片 */
.side-card{margin-bottom:20px;padding:18px;box-shadow:none;}
.side-card h3{
	font-size:16px;padding-left:12px;position:relative;margin-bottom:14px;
	border-bottom:1px solid var(--c-border);padding-bottom:10px;
}
.side-card h3::before{
	content:"";position:absolute;left:0;top:3px;width:3px;height:15px;
	background:var(--c-primary);border-radius:2px;
}
.side-news li{
	border-bottom:1px dashed var(--c-border);line-height:34px;font-size:14px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.side-news li:last-child{border-bottom:0;}
.side-news li a{color:var(--c-text);}
.side-news li a:hover{color:var(--c-primary);}

/* 预约卡（转化） */
.side-yuyue{
	background:linear-gradient(160deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);
	color:#fff;border:0;padding:20px;border-radius:var(--radius);margin-bottom:20px;text-align:center;
}
.side-yuyue h3{color:#fff;font-size:17px;margin-bottom:6px;}
.side-yuyue .tel{font-size:22px;font-weight:600;letter-spacing:.5px;margin:8px 0 14px;display:block;color:#fff;}
.side-yuyue a.btn-yy{
	display:block;height:42px;line-height:42px;background:#fff;color:var(--c-primary);
	border-radius:var(--radius-sm);font-weight:600;margin-top:4px;
}
.side-yuyue a.btn-yy:hover{background:var(--c-cta);color:#fff;}

/* 合规提示条 */
.compliance-tip,.art-tip{
	background:#fff8f2;border-left:3px solid var(--c-cta);color:#8a5a2a;
	font-size:13px;line-height:22px;padding:12px 16px;border-radius:var(--radius-sm);margin:20px 0;
}

/* 分页统一 */
.pages,.pagination{text-align:center;margin:30px 0;}
.pages a,.pages span,.pagination a,.pagination span{
	display:inline-block;min-width:34px;height:34px;line-height:34px;padding:0 10px;margin:0 3px;
	border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-sub);font-size:14px;
}
.pages a:hover,.pagination a:hover{border-color:var(--c-primary);color:var(--c-primary);}
.pages .current,.pagination .current{background:var(--c-primary);border-color:var(--c-primary);color:#fff;}

/* ============================================================
   五、响应式
   ============================================================ */
@media (max-width:1100px){
	:root{--wrap-w:96%;--sec-gap:40px;}
	.header .nav>ul>li>h3>a{padding:0 10px;font-size:15px;}
}
@media (max-width:768px){
	:root{--sec-gap:32px;}
	.topbar,.header,.inner-banner{display:none;}
	.yddcd{display:block;}
	.fixed{display:none;}
	.sticky-yuyue{display:none;}
	.sec-title h2,.sec-head h2{font-size:22px;}
	body{padding-bottom:52px;}
}