* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.6; color:#333; background:#f8f9fa; -webkit-text-size-adjust:100%; }
a { color:#1a6dcc; text-decoration:none; }
ul { list-style:none; }
.container { width:100%; max-width:1000px; margin:0 auto; padding:0 16px; }
.site-header { background:white; border-bottom:1px solid #eee; padding:12px 0; position:sticky; top:0; z-index:100; }
.header-content { display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:22px; font-weight:bold; color:#1a6dcc; }
.logo:hover { color:#0d5cb6; }
.nav a { margin-left:20px; font-size:15px; color:#555; }
.nav a:hover,.nav a.active { color:#1a6dcc; font-weight:500; }
.main-content { padding:30px 0 50px; min-height:70vh; }
.btn { display:inline-block; background:#1a6dcc; color:white; padding:12px 28px; border-radius:50px; font-weight:bold; border:none; cursor:pointer; text-align:center; transition:background 0.3s; }
.btn:hover { background:#0d5cb6; }
.btn-secondary { background:white; color:#1a6dcc; border:2px solid #1a6dcc; }
.btn-secondary:hover { background:#f0f7ff; }
.btn-block { width:100%; text-align:center; display:block; }
.school-card { background:white; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 3px 10px rgba(0,0,0,0.05); transition:transform 0.2s,box-shadow 0.2s; }
.school-card:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,0.08); }
.school-card h3 { color:#1a6dcc; margin-bottom:5px; font-size:1.2rem; }
.school-card .city-badge { display:inline-block; background:#e8f2ff; color:#1a6dcc; padding:2px 12px; border-radius:15px; font-size:0.85rem; margin-left:8px; }
.school-card .feature { color:#666; font-size:0.95rem; margin:6px 0; }
.school-tags { margin:10px 0; }
.tag { display:inline-block; background:#e8f2ff; color:#1a6dcc; padding:4px 12px; border-radius:20px; font-size:0.8rem; margin-right:6px; margin-bottom:6px; }
.school-card .description { color:#555; line-height:1.7; margin:12px 0; font-size:0.95rem; }
.school-card .price { font-size:22px; color:#ff6b35; font-weight:bold; }
.school-card .price small { font-size:14px; font-weight:normal; color:#666; }
.school-card .footer { display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:16px; border-top:1px solid #f0f0f0; }
.school-card .footer .btn { padding:8px 20px; font-size:0.9rem; }
.site-footer { background:#2c3e50; color:#ecf0f1; text-align:center; padding:30px 20px; margin-top:50px; }
.site-footer .footer-logo { font-size:18px; font-weight:bold; margin-bottom:10px; color:white; }
.site-footer .footer-links { margin:15px 0; }
.site-footer .footer-links a { color:#bdc3c7; margin:0 12px; font-size:0.9rem; }
.site-footer .footer-links a:hover { color:white; }
.site-footer .footer-disclaimer { font-size:0.85rem; color:#95a5a6; margin-top:15px; }
.text-center { text-align:center; }
.mt-20 { margin-top:20px; }
.hidden { display:none; }
@media (max-width:768px) {
    .header-content { flex-wrap:wrap; }
    .nav { margin-top:6px; width:100%; }
    .nav a { margin-left:0; margin-right:18px; font-size:14px; }
    .school-card .footer { flex-direction:column; gap:12px; }
    .school-card .footer .btn { width:100%; }
    .main-content { padding:20px 0 30px; }
}