main{width:100%;max-width:100%;margin:0;padding:0}.hero{background:linear-gradient(#00000080,#00000080),url(/hero-ship.webp) no-repeat center center;background-size:cover;color:#fff;text-align:center;padding:6em 1em;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px;margin:0 auto;width:100%;padding:0 1rem;box-sizing:border-box;overflow:visible}.hero h1{font-size:3.5em;margin-bottom:.5em;color:#fff;text-align:center;word-break:keep-all;overflow-wrap:break-word;line-height:1.2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;width:auto;margin-left:auto;margin-right:auto;overflow:visible}.hero h1 span{display:inline;word-break:inherit}html[lang^=zh] .hero h1{letter-spacing:.05em;word-spacing:.1em}html[lang=en] .hero h1{word-spacing:.05em;letter-spacing:-.01em;max-width:100%;text-align:center;box-sizing:border-box;margin:0 auto .5em;font-size:clamp(2.5rem,4.5vw,3.5rem);overflow:visible;white-space:normal}html[lang=en] .hero-content{width:100%;max-width:90vw;margin:0 auto;padding:0 1rem;box-sizing:border-box;overflow:visible}.hero-description{font-size:1.5em;margin-bottom:2em}.hero-buttons{display:flex;gap:1em;justify-content:center}.btn{display:inline-block;padding:.8em 1.8em;border-radius:5px;text-decoration:none;font-weight:700;transition:all .3s ease}.btn.primary{background-color:var(--accent);color:#fff}.btn.secondary{background-color:transparent;border:2px solid white;color:#fff}section{padding:4em 1em}.company-info{max-width:1200px;margin:0 auto}.info-section{margin-bottom:4em;padding:2em 0;border-bottom:1px solid #e1e5e9}.info-section:last-child{border-bottom:none}.info-section h2{text-align:center;margin-bottom:1.5em;font-size:2.5em;color:var(--accent);font-weight:700}.section-description{font-size:1.2em;line-height:1.8;text-align:center;max-width:900px;margin:0 auto;color:#555}.values-content{display:flex;align-items:center;gap:3em;max-width:1000px;margin:0 auto}.values-content .section-description{flex:1;margin:0;text-align:left}.values-image{flex:0 0 350px}.values-image img{width:100%;height:auto;border-radius:8px}.vision-content{display:flex;align-items:center;gap:3em;max-width:1000px;margin:0 auto}.vision-content .section-description{flex:1;margin:0;text-align:left}.vision-image{flex:0 0 420px}.vision-image img{width:100%;height:auto;border-radius:8px}.history-content{display:flex;align-items:flex-start;gap:3em;max-width:1200px;margin:0 auto}.timeline{flex:1;max-width:none}.timeline-item{display:flex;margin-bottom:2em;padding:1.5em;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--accent)}.timeline-period{font-weight:700;color:var(--accent);min-width:160px;font-size:1.1em;flex-shrink:0}.timeline-description{flex:1;margin-left:1.5em;line-height:1.6;color:#555}.history-image{flex:0 0 420px;position:sticky;top:120px;align-self:flex-start}.history-image img{width:100%;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 4px 12px #00000026}h2{text-align:center;margin-bottom:2em}.cta{background-color:var(--accent);color:#fff;text-align:center}.cta h2,.cta p{color:#fff;margin-bottom:1em}@media (max-width: 720px){.hero{min-height:400px;padding:4em .5em}.hero h1{font-size:2.5em}html[lang=en] .hero h1{font-size:clamp(1.8rem,5vw,2.5rem)!important;line-height:1.2;max-width:100%;word-break:break-word;overflow-wrap:break-word;hyphens:auto;margin:0 auto .5em;padding:0;overflow:visible;white-space:normal}html[lang=en] .hero-content{max-width:95vw;padding:0 2.5vw;width:100%;overflow:visible}.hero-description{font-size:1.2em}.hero-buttons{flex-direction:column;gap:1em}.info-section h2{font-size:2em}.timeline-item{flex-direction:column}.timeline-period{min-width:auto;margin-bottom:.5em}.timeline-description{margin-left:0}.values-content{flex-direction:column;gap:2em}.values-content .section-description{text-align:center}.values-image{flex:0 0 auto;max-width:100%}.vision-content{flex-direction:column;gap:2em}.vision-content .section-description{text-align:center}.vision-image{flex:0 0 auto;max-width:100%}.history-content{flex-direction:column;gap:2em}.timeline{max-width:100%}.history-image{flex:0 0 auto;max-width:100%}}@media (max-width: 480px){html[lang=en] .hero h1{font-size:clamp(1.4rem,6vw,1.8rem)!important;line-height:1.1;letter-spacing:-.02em;overflow:visible}html[lang=en] .hero-content{max-width:98vw;padding:0 1vw;overflow:visible}.hero{padding:3em 1vw}}