.container-seo{display:flex;flex-direction:row-reverse;height:70vh;margin:0 auto;background:#fff;overflow:hidden}.content-seo{flex:1;padding:2rem;overflow-y:auto;border-left:1px solid #eee;height:100%}.image-container{flex:1;position:relative;background:linear-gradient(45deg,#2193b0,#6dd5ed);height:100%;min-width:300px}.image-container img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:.9;transition:opacity .3s ease}.package-card{padding:1.5rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid var(--secendryColor);transition:transform .2s ease}.package-card:hover{transform:translateX(5px)}.tips-list{list-style-type:none;padding-left:0}.tips-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.tips-list li:before{content:"•";color:var(--secendryColor);font-size:1.5em;position:absolute;left:0;top:-5px}.tips-list li strong{color:var(--secendryColor);display:block;margin-bottom:.3rem}.content-seo::-webkit-scrollbar{width:8px}.content-seo::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.content-seo::-webkit-scrollbar-thumb{background:var(--secendryColor);border-radius:4px}.content-seo::-webkit-scrollbar-thumb:hover{background:#f57c00}@media (max-width:1024px){.image-container{min-width:250px}}@media (max-width:768px){.content-seo{height:auto;max-height:none;order:2}.image-container{height:300px;min-width:100%;order:1}.container-seo{flex-direction:column}.tips-list li{font-size:15px}}@media (max-width:480px){body{padding:5px}.container{min-height:auto}.image-container{height:200px}.content-seo,.package-card{padding:1rem}}