@font-face { font-family: 'sysong'; src: url('../fonts/sySong.woff') format('woff'); font-weight: normal; font-style: normal; }

/* ==========================================================================
   站点头部 / 底部——沿用医院现有官网（hnszyy.com.cn）的视觉与栏目结构
   与内页组件样式（main.css）分开，便于 CMS 模板直接套用
   ========================================================================== */

:root {
    --c-red: #8c1a0b;
    --c-red-deep: #6d1007;
    --c-red-dark: #540c05;
    --c-gold: #c9a86a;
    --c-gold-light: #e7c192;
    --c-ink: #2f2f2f;
    --c-ink-2: #555;
    --c-gray: #7a7a7a;
    --c-line: #e7e2d8;
    --c-bg: #f7f4ee;
    --wp: 1280px;
}

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", sans-serif;
    color: var(--c-ink);
    font-size: 15px;
    line-height: 1.7;
    background: #fff;
}
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, p, figure { margin: 0; }
img { max-width: 100%; display: block; }
button, input { font: inherit; color: inherit; }

.wp { width: min(var(--wp), calc(100% - 48px)); margin-inline: auto; }

/* ---------------- 顶部信息条 ---------------- */
.hd-top { background: #781B09; color: #e8d2b2; font-size: 13px; }
.hd-top .wp { height: 42px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.hd-links { display: flex; gap: 22px; }
.hd-links a { white-space: nowrap; }
.hd-links a { color: #e8d2b2; }
.hd-links a:hover { color: #fff; text-decoration: underline; }
.hd-search { position: relative; display: flex; align-items: center; background: #fff; border-radius: 2px; height: 28px; width: 240px; }
.hd-search input { border: 0; outline: none; width: 100%; padding: 0 34px 0 10px; font-size: 13px; color: #333; background: transparent; }
.hd-search button {
    position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
    border: 0; background: transparent; cursor: pointer; padding: 0;
    width: 26px; height: 26px; display: grid; place-items: center; color: #781B09;
}
.hd-search button svg { width: 15px; height: 15px; }

/* ---------------- 页头 ---------------- */
.hd-main { background: #fff; border-bottom: 1px solid #efeae0; position: relative; z-index: 30; }
.hd-main .wp { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 60px; padding: 8px 0; }
.hd-logo img { height: 44px; width: auto; }


.hd-nav > ul { display: flex; align-items: center; }
.hd-nav > ul > li { position: relative; }
.hd-nav > ul > li > a {
    display: block; padding: 0 20.7px; line-height: 64px;
    font-family: 'sysong', 'SimSun', 'Songti SC', serif;
    font-size: 18px; color: #676767; font-weight: 400;
}
.hd-nav .sub {
    position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
    min-width: 152px; background: #fff; padding: 8px 0;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .14); border-top: 3px solid var(--c-red);
    display: none; z-index: 40;
}
.hd-nav li:hover .sub { display: block; }
.hd-nav .sub a { display: block; padding: 8px 18px; font-size: 14px; color: #4a4a4a; white-space: nowrap; }
.hd-nav .sub a:hover { background: #781B09; color: #fff; }

/* ---------------- 页脚（与原站二级页面一致：一行版权信息） ---------------- */
.ft { margin-top: 0; }
.ftb {
    background: url(../images/navlibg.png) repeat center;
    color: rgba(255, 255, 255, .75);
    font-size: 13.5px;
    text-align: center;
    padding: 13.5px 0;
}
.ftb .wp { width: 90%; max-width: 1600px; margin-inline: auto; }
.ftb p { margin: 0; line-height: 1.35; }
.ftb a { color: rgba(255, 255, 255, .75); }
.ftb a:hover { color: #fff; }

/* ---------------- 返回顶部 / 浮动工具 ---------------- */
.to-top {
    position: fixed; right: 18px; bottom: 26px; width: 46px; height: 46px; border-radius: 50%;
    background: var(--c-red-deep); color: #f1dcbb; display: grid; place-items: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2); z-index: 50; cursor: pointer; border: 0;
    opacity: 0; visibility: hidden; transition: .2s;
}
.to-top.show { opacity: 1; visibility: visible; }
.to-top:hover { background: var(--c-red); }

@media (max-width: 1100px) {
    .hd-nav > ul > li > a { letter-spacing: 0; }
}
@media (max-width: 860px) {
    .hd-top .wp { flex-direction: column; height: auto; padding: 8px 0; gap: 8px; }
    .hd-links { flex-wrap: wrap; justify-content: center; gap: 4px 14px; font-size: 12px; }
    .hd-search input { width: 150px; }
    .hd-main .wp { flex-direction: column; padding: 10px 0; gap: 6px; }
    .hd-nav > ul { flex-wrap: wrap; justify-content: center; }
    .hd-nav > ul > li > a { line-height: 42px; padding: 0 10px; font-size: 14.5px; }
}

/* ==========================================================================
   桌面端页头尺寸：与原站同口径（1rem = 视口宽 / 16，上限 100px）
   ========================================================================== */
@media (min-width: 861px) {
    html { font-size: min(6.25vw, 100px); }
    .hd-top .wp { height: .49rem; }
    .hd-main .wp { min-height: 1.36rem; padding: .14rem 0; gap: .26rem; }
    .hd-logo { flex: none; }
    .hd-logo img { height: 1.0625rem; width: auto; max-width: none; }
    .hd-nav > ul > li > a {
        font-size: .2rem; padding: 0 .23rem; line-height: 1.44;
    }
    .hd-search { height: .36rem; width: 2.6rem; }
    .hd-search input { font-size: .14rem; padding: 0 .4rem 0 .1rem; }
    .hd-search button { right: .06rem; width: .26rem; height: .26rem; }
    .hd-search button svg { width: .16rem; height: .16rem; }
}