* { margin:0; padding:0; box-sizing:border-box; } body { font-family:"Microsoft YaHei",sans-serif; line-height:1.8; color:#2d3748; background:#f7fafc; padding-top:80px; } .header { position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(26,35,50,0.95); backdrop-filter:blur(10px); padding:15px 0; } .header-inner { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center; } .logo { display:flex; align-items:center; gap:15px; text-decoration:none; color:white; } .main-nav { display:flex; gap:35px; list-style:none; } .main-nav a { color:rgba(255,255,255,0.8); text-decoration:none; font-size:14px; } .main-nav a:hover { color:#d4a843; } .header-cta { display:flex; align-items:center; gap:20px; } .header-phone { color:#d4a843; font-size:16px; font-weight:600; text-decoration:none; } .header-btn { background:#d4a843; color:#1a2332; padding:10px 25px; border-radius:25px; text-decoration:none; font-size:14px; font-weight:600; } .page-hero { background:linear-gradient(135deg,#1a2332,#2c5282); padding:120px 20px 60px; text-align:center; color:white; } .page-hero h2 { font-size:36px; margin-bottom:15px; } .page-content { max-width:900px; margin:0 auto; padding:60px 20px; } .article-meta { color:#718096; font-size:14px; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #e2e8f0; } .article-body { font-size:16px; line-height:2; color:#2d3748; } .article-body p { margin-bottom:20px; text-indent:2em; } .cta-section { background:linear-gradient(135deg,#1a2332,#2c5282); padding:60px 20px; text-align:center; color:white; margin-top:60px; } .cta-btn { display:inline-block; background:#d4a843; color:#1a2332; padding:15px 40px; border-radius:30px; text-decoration:none; font-weight:bold; font-size:16px; } .footer { background:#0d1117; color:rgba(255,255,255,0.8); padding:60px 20px 30px; } .footer-inner { max-width:1200px; margin:0 auto; } .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:40px; } .footer h3, .footer h4 { color:white; margin-bottom:15px; } .footer-links { list-style:none; } .footer-links li { margin-bottom:10px; } .footer-links a { color:rgba(255,255,255,0.7); text-decoration:none; font-size:14px; } .footer-bottom { border-top:1px solid rgba(255,255,255,0.1); padding-top:20px; text-align:center; font-size:13px; opacity:0.5; } @media (max-width:768px) { .main-nav { display:none; } .footer-grid { grid-template-columns:1fr; } }