/* bs3-compat.css
 * Bootstrap 5 视觉兼容层：让升级到 BS5 后的公开站点保持与线上
 * Bootstrap 3.4.1 一致的基础视觉规格（字号/行高/控件外观/链接色）。
 * 必须在 bootstrap.min.css 与所有自定义 css 之后加载。
 */

/* --- 全局基础（BS3: body 14px/1.42857143/#333，"Helvetica Neue",
       Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif,
       行高必须用无单位比例值，否则大字号标题的行距会错） --- */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

/* --- 排版元素（BS3 normalize 规格值） --- */
p {
    margin: 0 0 10px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-weight: 500;
    line-height: 1.1;
}
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    opacity: 1;
}
dl {
    margin: 0 0 20px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/* --- 链接色（BS3: #337ab7，默认无下划线，hover/focus 才有） --- */
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

/* --- 列表缩进（BS3: 40px） --- */
ul,
ol {
    padding-left: 40px;
}

/* --- 表单控件（BS3: 14px/#555/#ccc 边框/4px 圆角） --- */
.form-control {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-color: #ccc;
    border-radius: 4px;
}
select.form-control {
    line-height: normal;
    color: #555;
}
.form-control::placeholder {
    color: #999;
}
.form-control:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #eee;
}

/* --- 按钮（BS3: 14px/20px/#333，
       重要：BS5 的 .btn:hover 用 var() 把 border-color/background-color
       重置为 transparent，会把 com_wu.css 里的 .btn{border:#dbdbdb...;}
       完全覆盖掉，导致 hover 边框消失。这里显式覆盖这些 CSS 变量为
       BS3 规格（边框 #ccc / 背景 #fff / hover 浅灰），让 hover 状态
       边框保持可见。同时去掉 BS5 focus 的蓝圈外发光。 --- */
.btn {
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-border-color: #ccc;
    --bs-btn-active-border-color: #ccc;
    --bs-btn-bg: #fff;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-color: #333;
    --bs-btn-hover-color: #333;
    --bs-btn-active-color: #333;
    --bs-btn-border-width: 1px;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 204, 204, 204;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
}
.btn:hover,
.btn:focus {
    color: #333;
    border-color: #ccc;
    background-color: #e6e6e6;
    box-shadow: none;
}
.btn:focus-visible {
    box-shadow: none;
}
.btn-check:focus + .btn,
.btn:focus {
    box-shadow: none;
}

/* --- select 箭头（BS3 默认不设 appearance:none，浏览器 native 下拉箭头可见。
       BS5 的 .form-control { appearance:none }（用 BS5 form-control 的 select）
       会去掉 native 箭头，需要恢复。） --- */
select.form-control {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

/* --- footer（_Footer.cshtml 已经把单段文字改成 col-12（自然占 100%），
       用 BS5 默认的 col-md-4 / col-6 即可恢复三栏 + 链接网格布局，
       这里只补一个 line-height: normal。兼容层不要写
       `._footer .row > [class*="col-"]` 这种宽泛规则，会把链接网格误伤成单列。） --- */
._footer {
    line-height: normal;
}

/* --- 移动端断点前的 .row 兼容（BS3 row 不换行负边距仅在 .row 上） --- */
/* com_wu.css 已有 .row { padding: 20px 0 } 全局规则，BS3 时代同样存在，
   此处不覆盖，保持线上一致。 */