* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif; background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); color: #333; line-height: 1.6; min-height: 100vh; } .v9w2h7k4m { position: fixed; top: 0; left: 0; width: 100%; background: rgba(168, 237, 234, 0.95); backdrop-filter: blur(15px); z-index: 1000; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); } .w5n8p3k7q { max-width: 1400px; margin: 0 auto; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: center; } .x7k2p8w9m h1 { font-size: 0; } .x7k2p8w9m h1 a { font-size: 2rem; background: linear-gradient(45deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-decoration: none; letter-spacing: 2px; } .y4k9m3p5x { display: flex; gap: 2rem; list-style: none; } .y4k9m3p5x a { color: #333; text-decoration: none; font-weight: 600; transition: all 0.3s ease; padding: 0.5rem 1rem; } .y4k9m3p5x a:hover { color: #667eea; } .z8k5m7n2p { max-width: 1200px; margin: 120px auto 0; padding: 2rem; } .a3m6k9p5w { background: rgba(255, 255, 255, 0.9); border-radius: 25px; padding: 3rem; margin-bottom: 3rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } .a3m6k9p5w h2 { font-size: 2.5rem; margin-bottom: 1.5rem; text-align: center; background: linear-gradient(45deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .a3m6k9p5w h3 { font-size: 1.8rem; margin: 2rem 0 1rem; color: #667eea; } .a3m6k9p5w p { font-size: 1.05rem; line-height: 1.8; margin-bottom: 1rem; text-align: justify; color: #555; } .a3m6k9p5w ul { margin-left: 2rem; margin-bottom: 1rem; } .a3m6k9p5w ul li { margin-bottom: 0.8rem; font-size: 1rem; line-height: 1.7; color: #555; } .a3m6k9p5w ul li strong { color: #667eea; } .b7k2m9p4x { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin: 2rem 0; } .c5k8m3p6w { background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%); padding: 2rem; border-radius: 20px; text-align: center; transition: all 0.3s ease; } .c5k8m3p6w:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2); } .c5k8m3p6w h4 { font-size: 2rem; margin-bottom: 0.5rem; color: #667eea; font-weight: 700; } .c5k8m3p6w p { font-size: 1rem; color: #666; } .d9k4m7p2x { background: rgba(255, 255, 255, 0.8); padding: 3rem 2rem; margin-top: 4rem; text-align: center; } .d9k4m7p2x nav { display: flex; justify-content: center; gap: 3rem; margin-bottom: 2rem; flex-wrap: wrap; } .d9k4m7p2x nav a { color: #555; text-decoration: none; transition: all 0.3s ease; } .d9k4m7p2x nav a:hover { color: #667eea; } .d9k4m7p2x p { color: #777; font-size: 1rem; } @media (max-width: 768px) { .y4k9m3p5x { flex-direction: column; gap: 1rem; } .w5n8p3k7q { flex-direction: column; } .a3m6k9p5w { padding: 2rem 1.5rem; } .a3m6k9p5w h2 { font-size: 2rem; } .b7k2m9p4x { grid-template-columns: 1fr; } }