body { font-family: "Microsoft YaHei", sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background: #fdfdfd; }
.container { width: 90%; max-width: 1200px; margin: auto; overflow: hidden; }
header { background: #004a99; color: #fff; padding: 20px 0; border-bottom: #003366 3px solid; position: sticky; top: 0; z-index: 1000; }
header a { color: #fff; text-decoration: none; font-size: 16px; }
header ul { padding: 0; list-style: none; float: right; margin: 0; }
header li { float: left; display: inline; padding: 0 15px; }
header #branding { float: left; }
header #branding h1 { margin: 0; font-size: 22px; }

nav a:hover { color: #ffbc00; }

.section-title { text-align: center; margin: 50px 0 30px; }
.section-title h2 { font-size: 28px; color: #004a99; position: relative; padding-bottom: 10px; }
.section-title h2::after { content: ''; background: #ff6600; height: 3px; width: 60px; position: absolute; bottom: 0; left: 50%; margin-left: -30px; }

footer { background: #333; color: #fff; padding: 30px 0; text-align: center; margin-top: 50px; }
.footer-info p { margin: 5px 0; font-size: 14px; color: #ccc; }

.btn { display: inline-block; background: #ff6600; color: #fff; padding: 10px 25px; border: none; text-decoration: none; border-radius: 5px; }
.btn:hover { background: #e65c00; }

@media(max-width: 768px) {
    header #branding, header ul, header li { float: none; text-align: center; width: 100%; padding: 5px 0; }
}