/* =====================================================
   Gender Equality Commission Page
   LIGHT GOVERNMENT STYLE（匹配你提供的UI体系）
===================================================== */

/* =========================
=========================

.hero{
height:520px;
display:flex;
align-items:center;
padding-left:10%;
color:white;

background:
linear-gradient(
40deg,
rgba(20,70,135,.9),
rgba(244,143,177,.55)
),
url("images/gender-equality-bg.jpg");

background-size:cover;
background-position:center;
animation: heroMove 18s infinite alternate;
}

.hero-text{
max-width:650px;
animation: slide .9s ease;
}

.hero h2{
font-size:52px;
line-height:1.25;
margin:0 0 20px;
letter-spacing:2px;
}

.hero p{
font-size:19px;
line-height:1.7;
}
*/

/* =========================
   BUTTON（保留风格）
========================= */

button{
padding:13px 34px;
border:none;
border-radius:30px;
margin-top:18px;
margin-right:10px;
font-weight:bold;
cursor:pointer;
transition:.3s;
}

button:hover{
transform:translateY(-4px);
}

button.pink{
background:#f48fb1;
color:white;
}

/* =========================
   SECTION 通用布局
========================= */

section{
padding:40px 10%;
}

section h2{
margin-top:0;
margin-bottom:18px;
}

section p{
line-height:1.7;
margin:8px 0;
}

/* =========================
   GRID 卡片系统（核心修复）
========================= */

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

/* 卡片统一白色风格 */
.card,
.grid div,
.project-box div{
background:white;
padding:24px;
border-radius:16px;
box-shadow:0 7px 22px rgba(0,0,0,.08);
transition:.3s;
color:#24476f;
}

.card:hover,
.grid div:hover,
.project-box div:hover{
transform:translateY(-5px);
}

/* =========================
   QUICK 快速入口（可选扩展）
========================= */

.quick{
padding-top:30px;
padding-bottom:30px;
}

.quick-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
}

.quick-grid a{
background:white;
padding:16px;
border-radius:14px;
text-align:center;
text-decoration:none;
color:#24476f;
font-weight:600;
box-shadow:0 6px 18px rgba(0,0,0,.07);
transition:.3s;
}

.quick-grid a:hover{
transform:translateY(-5px);
}

/* =========================
   数字展示模块
========================= */

.numbers{
display:flex;
justify-content:space-around;
text-align:center;
}

.numbers h1{
font-size:42px;
margin:10px 0;
color:#2874b8;
}

/* =========================
   FOOTER（完全匹配你风格）
========================= */

footer{
background:
linear-gradient(
135deg,
#2d7fd3 0%,
#ffffff 50%,
#f48fb1 100%
);

padding:40px 20px;
text-align:center;
color:#24476f;
}

.footer-title{
font-size:22px;
font-weight:900;
}

.footer-line{
width:60%;
height:1px;
background:rgba(36,71,111,.25);
margin:15px auto;
}

/* =========================
   ANIMATION
========================= */

@keyframes fade{
from{opacity:0;}
to{opacity:1;}
}

@keyframes slide{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:none;
}
}

@keyframes heroMove{
from{background-position:center;}
to{background-position:right center;}
}