.container{max-width:1200px;margin:0 auto;padding:2rem}.intro{font-size:1.2rem;color:#555;margin-bottom:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8}.keyword{color:#2c3e50;font-weight:600;background-color:#f0f7fd;padding:.2rem .4rem;border-radius:4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.card-img-container{position:relative;overflow:hidden;height:360px}.card img{width:100%;height:170%;object-fit:cover;transition:transform .5s ease}.card:hover img{transform:scale(1.05)}.card-content{padding:1.8rem;flex-grow:1}.card p{color:#666;margin-bottom:1.5rem;line-height:1.7}.card-number{display:inline-block;background-color:#2c3e50;color:white;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;margin-right:10px;font-weight:700;font-size:.9rem}.conclusion{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8eb 100%);padding:3rem;border-radius:12px;margin-top:2rem;border-left:5px solid #2c3e50}.conclusion h2{color:#1a1a1a;margin-bottom:1.5rem;text-align:center;font-size:1.8rem}.conclusion p{color:#555;margin-bottom:1.5rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.tips-list{max-width:700px;margin:0 auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tips-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative;color:#555;line-height:1.7}.tips-list li:before{content:"•";color:#2c3e50;font-weight:700;position:absolute;left:0}.final-thought{text-align:center;margin-top:2rem;font-style:italic;color:#666;font-size:1.1rem}@media (max-width:768px){.container{padding:1.5rem}.intro{font-size:1.1rem}.card-grid{grid-template-columns:1fr}.card-img-container{height:220px}.conclusion{padding:2rem 1.5rem}}.cta-button{display:inline-block;padding:12px 24px;background-color:#4caf50;color:white;text-decoration:none;border-radius:4px;font-weight:700;font-size:1.1rem;transition:all .3s}.cta-button:hover{background-color:#3e8e41;transform:translateY(-2px)}.cta-section{text-align:center;margin:30px 0}.cta-section div{margin-bottom:20px}.cta-section a{display:inline-flex;align-items:center;text-decoration:none;color:#1877f2;font-weight:700}