/*
 * HC Theme: 01-Global.css (v1.6)
 * --------------------------------
 * V1.6: 统一 .btn-primary:hover 动画
 */

/* --- 页面加载 & 滚动触发 --- */
.fade-in-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- 全局样式重置与基础设定 --- */
body, h1, h2, h3, h4, h5, h6, p, ul, li, a, button { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; box-sizing: border-box; line-height: 1.7; }
body { background-color: #F5F5F5; color: #333; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
a { text-decoration: none; color: inherit; transition: color 0.3s ease; }
a:hover { color: var(--accent-gold); }
img { max-width: 100%; height: auto; display: block; }

/* --- 4A 可访问性 (a11y) 焦点样式 --- */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.form-input:focus,
.form-textarea:focus,
.form-select:focus,
.search-field:focus,
.article-pagination a:focus-visible,
.pagination .page-numbers:focus-visible,
.faq-category-nav-list a:focus-visible,
.radio-item input[type="radio"]:focus-visible + label::before { /* V1.5 补充 */
    outline: 3px solid var(--primary-blue);
    outline-offset: 2px;
    box-shadow: 0 0 0 5px rgba(25, 45, 120, 0.3);
    border-color: var(--primary-blue);
}
.btn-primary:focus-visible {
    background-color: #b03a0f;
    color: var(--light-text) !important;
}
.btn-secondary:focus-visible {
    background-color: var(--primary-blue);
    color: var(--light-text) !important;
}

/* --- 颜色与字体变量 --- */
:root { 
    --primary-blue: #192D78;
    --accent-gold: #DC4B14;
    --dark-text: #333333; 
    --light-text: #FFFFFF; 
    --background-light: #F5F5F5; 
    --title-font: Georgia, "Times New Roman", "思源宋体", serif; 
}

/* --- 可复用按钮样式 --- */
.btn { padding: 15px 35px; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; border: none; display: inline-block; text-align: center; line-height: 1.5; }
.btn-primary { background-color: var(--accent-gold); color: var(--light-text); }

/* ★ V1.6 修复 ★: 将“上浮”动画 (transform, box-shadow) 添加到全局，统一所有按钮 */
.btn-primary:hover { 
    background-color: #b03a0f; 
    color: var(--light-text) !important;
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.btn-secondary { background-color: transparent; color: var(--primary-blue); border: 2px solid var(--primary-blue); font-weight: 600; padding: 13px 33px; }
.btn-secondary:hover { 
    background-color: var(--primary-blue); 
    color: var(--light-text) !important;
}

/* --- 通用区块样式 --- */
.section { padding: 80px 0; }
.section-title { text-align: center; margin-bottom: 60px; }
.section-title h2 { font-family: var(--title-font); font-size: 36px; color: var(--primary-blue); font-weight: normal; margin-bottom: 15px; }
.section-title p { font-size: 18px; color: #666; max-width: 700px; margin: 0 auto; }