/* shared.css */
body { line-height: 1.6; color: #333; font-family: Arial, sans-serif; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
h1, h2, h3 { color: #003366; margin-top: 20px; margin-bottom: 10px; }
p { margin-bottom: 15px; }
a { color: #007bff; text-decoration: none; }
a:hover { text-decoration: underline; }
button { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; }
button:hover { background-color: #0056b3; }
.card { background-color: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 20px; }
.footer-container { background-color: #222; color: #ccc; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-around; font-size: 14px; }
.footer-section { flex: 1; min-width: 250px; margin: 15px; }
.footer-section h3 { color: white; margin-bottom: 20px; font-size: 18px; }
.footer-section p, .footer-section ul { margin-bottom: 10px; line-height: 1.8; }
.footer-section ul { list-style: none; padding: 0; }
.footer-section ul li { margin-bottom: 8px; }
.footer-section a { color: #ccc; text-decoration: none; transition: color 0.3s ease; }
.footer-section a:hover { color: #eee; text-decoration: underline; }
.social-media a { display: inline-block; margin-right: 15px; margin-top: 10px; }
.social-media img { width: 24px; height: 24px; vertical-align: middle; }
.footer-bottom { width: 100%; text-align: center; border-top: 1px solid #444; padding-top: 20px; margin-top: 30px; font-size: 13px; color: #999; }
@media (max-width: 768px) {
    .footer-container { flex-direction: column; align-items: center; }
    .footer-section { text-align: center; }
    .footer-section ul { text-align: center; }
    .social-media { text-align: center; }
}
/* 移动端内容区防溢出（系统追加，请勿删除） */
@media (max-width: 768px) {
  .page-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }
  .page-content {
    overflow-x: hidden;
    max-width: 100%;
  }
  body {
    overflow-x: hidden;
  }
}