* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #B3E5FC;
    font-family: "Microsoft Yahei", "Noto Sans SC", sans-serif;
    color: #444444;
    line-height: 1.8;
}

/* 导航栏 */
nav {
    background-color: rgba(255,255,255,0.75);
    box-shadow: 0 1px 8px rgba(0,0,0,0.08);
    padding: 16px 24px;
}

.nav-wrap {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-logo {
    font-size: 24px;
    font-weight: 900;
    color: #222;
    text-decoration: none;
}

.nav-links a {
    margin-left:24px;
    text-decoration: none;
    color:#444;
}
/* 导航激活：樱花粉 
.nav-links a.active {
    color:#FFB6C1;
    font-weight:bold;
}
*/

/* 主容器 */
main {
    max-width: 800px;
    margin: 0 auto;
    padding: 60px 24px;
}

.page-header {
    text-align: center;
    margin-bottom:48px;
}
/* 标题渐变：淡蓝 → 樱花粉 → 淡蓝 */
.gradient-title {
    font-size: clamp(36px,6vw,60px);
    font-weight:900;
    background: linear-gradient(90deg,#99ff99,#0077b6,#33cc99);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    margin-bottom:12px;
}

.page-sub {
    font-size:20px;
    color:#777;
    font-style:italic;
}

.content-card {
    background:#fcf9f0;
    padding:40px 48px;
    border-radius:20px;
    box-shadow:0 4px 16px rgba(0,0,0,0.06);
    font-size:18px;
}

.content-card p {
    margin-bottom:22px;
}

/* 左侧竖边框用淡蓝色 */
.quote-block {
    border-left:4px solid #ADD8E6;
    padding-left:20px;
    margin:32px 0;
}

.quote-block p {
    margin-bottom:8px;
}

/* 文字高亮：樱花粉 */
.highlight {
    color:#FFB6C1;
    font-weight:bold;
}

.contact-info {
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid #eee;
    font-size:17px;
}

/* 页脚footer整体样式 */
footer {
    /* 纯黑背景 #000000 */
    background-color: #000000;
    /* 文字改成白色，黑色背景下才能看清 */
    color: #ffffff;
    /* 上下内边距，控制页脚高度，左右留一点边距 */
    padding: 24px 16px;
    /* 文字居中，一般页脚版权文字居中 */
    text-align: center;
    /* 防止内容贴到屏幕最底边 */
    box-sizing: border-box;
}

/* 手机适配 */
@media (max-width:640px){
    .content-card {
        padding:24px 20px;
    }
    .nav-links a {
        margin-left:12px;
    }
}