:root{--navy:#082455;--blue:#0d4a92;--teal:#087d82;--ink:#10254b;--muted:#56677f;--line:#d9e5ef;--pale:#f4f9fc;--white:#fff}
 *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font-family:Arial,"Microsoft YaHei","Noto Sans SC",sans-serif}.site-shell{min-height:100vh;overflow:hidden}.site-header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid #edf2f6;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;white-space:nowrap}.site-logo{display:block;width:92px;height:auto}.brand strong{display:block;font-size:21px;letter-spacing:-.5px}.brand small{display:block;color:#7290a7;font-size:10px;letter-spacing:2px;margin-top:3px}.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#0d4a92 32%,#0a8990 33% 55%,#fff 56%);font-size:24px;font-weight:bold;transform:rotate(-25deg)}.brand-mark span{transform:rotate(25deg);margin-top:-3px}.main-nav{display:flex;gap:clamp(20px,3vw,48px);margin-left:auto;margin-right:clamp(24px,4vw,60px)}.main-nav a,.language{color:var(--ink);font-size:15px;text-decoration:none;transition:color .2s}.main-nav a:hover,.language:hover{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:24px}.language span{font-size:16px;margin-left:5px}.outline-button{border:1px solid var(--navy);border-radius:6px;padding:12px 21px;color:var(--navy);text-decoration:none;font-size:14px}.section-wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto}.hero{display:grid;grid-template-columns: minmax(350px,.84fr) minmax(500px,1.16fr);gap:5vw;align-items:center;padding:42px 0 28px}.hero-copy{padding:20px 0 18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--teal);margin:0 0 22px}.hero h1{font-size:clamp(42px,4.5vw,70px);line-height:1.15;letter-spacing:-.07em;margin:0;color:var(--navy);font-weight:800}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);max-width:480px;margin:25px 0 30px}.hero-actions{display:flex;gap:16px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:7px;padding:15px 22px;text-decoration:none;font-weight:700;font-size:15px}.primary-button{background:var(--blue);color:white;box-shadow:0 8px 20px #0d4a9230}.secondary-button{border:1px solid var(--teal);color:#066a72;background:#fff}.primary-button span,.secondary-button span{font-size:22px;font-weight:400}.hero-visual{height:480px;border:1px solid #c9dce9;border-radius:20px;background:linear-gradient(135deg,#e5f2fa,#fff 46%,#eaf5f6);position:relative;overflow:hidden;box-shadow:0 18px 50px #164b7610}.visual-grid{position:absolute;inset:0;background:linear-gradient(#b9d1e222 1px,transparent 1px),linear-gradient(90deg,#b9d1e222 1px,transparent 1px);background-size:34px 34px;opacity:.5}.visual-map{position:absolute;right:25px;top:35px;color:#6fb4bd;font-size:31px;line-height:1.1;opacity:.45;transform:rotate(-18deg)}.coordinates{position:absolute;right:26px;top:22px;font-size:9px;line-height:1.6;letter-spacing:.08em;color:#5b7c91}.rig{position:absolute;left:12%;right:18%;bottom:147px;height:178px}.mast{position:absolute;left:47%;bottom:42px;width:8px;height:135px;background:#627e8d;transform:skew(-8deg)}.mast:after,.mast:before{content:"";position:absolute;left:-25px;width:56px;height:2px;background:#738b99;transform:rotate(-8deg)}.mast:before{top:21px}.mast:after{top:52px}.deck{position:absolute;left:6%;height:8px;background:#526d7e;border-radius:2px}.deck-one{bottom:46px;width:78%}.deck-two{bottom:70px;width:47%;left:18%}.hull{position:absolute;left:3%;bottom:0;width:85%;height:57px;background:linear-gradient(#164f72,#06284c);clip-path:polygon(0 0,100% 0,89% 100%,9% 100%);border-bottom:4px solid #09838a}.wave{position:absolute;height:3px;border-radius:50%;background:#0b8995;opacity:.65}.wave-one{width:90%;left:0;bottom:-14px}.wave-two{width:65%;left:18%;bottom:-27px}.shipyard{position:absolute;right:-5%;bottom:100px;width:42%;height:180px;opacity:.58}.gantry{position:absolute;right:15%;height:155px;width:7px;background:#629eaa;box-shadow:-90px 30px 0 0 #83b5bc}.gantry:before{content:"";position:absolute;right:-80px;top:15px;width:155px;height:8px;background:#659ba4;transform:rotate(-10deg)}.gantry:after{content:"";position:absolute;right:-81px;top:22px;width:155px;height:118px;border:3px solid #83b5bc;border-top:0;transform:skew(-13deg)}.yard-hull{position:absolute;bottom:7px;left:3%;width:85%;height:39px;background:#37828c;clip-path:polygon(0 0,100% 0,90% 100%,9% 100%)}.visual-stats{position:absolute;left:0;bottom:0;width:54%;height:126px;background:#fff;border-radius:0 78px 0 0;padding:28px 20px 16px 37px;display:flex;flex-direction:column;gap:10px}.visual-stats div{display:flex;gap:12px;align-items:center}.visual-stats b{font-size:10px;color:#66849a;font-weight:500;width:66px}.visual-stats strong{font-size:13px;color:var(--blue)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:4px}.pillar-card{min-height:128px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px 20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.pillar-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #123b5d12}.pillar-icon{font-size:35px;color:var(--teal);font-weight:300;width:42px;text-align:center}.pillar-copy{display:flex;flex-direction:column;gap:10px;flex:1}.pillar-copy strong{font-size:20px}.pillar-copy small{color:var(--muted);font-size:12px;line-height:1.6}.arrow{font-size:26px;color:var(--navy)}.summary-bar{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:13px;min-height:90px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;padding:18px 40px}.summary-bar>div{display:flex;align-items:center;justify-content:center;gap:16px}.summary-bar i{width:1px;height:38px;background:var(--line)}.summary-icon{color:var(--teal);font-size:28px}.summary-bar b,.summary-bar small{display:block}.summary-bar b{font-size:15px}.summary-bar small{font-size:12px;color:var(--muted);margin-top:6px}.lower-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:95px 5px 90px}.lower-content h2{font-size:34px;line-height:1.3;letter-spacing:-.04em;margin:0;max-width:470px}.lower-content>p{color:var(--muted);font-size:16px;line-height:2;margin:22px 0}.anchor-section{height:1px}footer{background:var(--navy);color:#dbe8f3;padding:28px max(32px,calc((100% - 1440px)/2));display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .brand strong{color:white}footer .brand small{color:#a5c2d3}
@media (max-width:900px){.site-header{padding:0 22px}.main-nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;gap:20px;padding-top:35px}.hero-copy{padding-top:0}.hero h1{font-size:48px}.hero-visual{height:390px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.summary-bar{padding:18px 14px}.summary-bar>div{gap:9px}.summary-bar small{font-size:10px}.lower-content{gap:30px}}
@media (max-width:560px){.site-header{height:70px}.site-logo{width:72px}.brand strong{font-size:16px}.brand-mark{width:35px;height:35px}.header-actions{gap:10px}.language{font-size:12px}.outline-button{padding:9px 11px;font-size:12px}.section-wrap{width:calc(100% - 36px)}.hero{padding:32px 0 22px}.hero h1{font-size:40px}.hero-description{font-size:15px;line-height:1.75;margin:18px 0 23px}.hero-actions{gap:9px}.primary-button,.secondary-button{padding:13px 14px;font-size:13px;gap:12px}.hero-visual{height:300px;border-radius:14px}.rig{transform:scale(.72);transform-origin:bottom left;left:3%;right:0;bottom:120px}.visual-stats{height:96px;width:68%;padding:16px 12px 10px 16px;gap:5px}.visual-stats b{font-size:8px}.visual-stats strong{font-size:10px}.pillar-grid{grid-template-columns:1fr;gap:12px}.pillar-card{min-height:98px;padding:17px}.pillar-copy strong{font-size:17px}.summary-bar{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px}.summary-bar i{height:1px;width:100%}.summary-bar>div{justify-content:flex-start}.lower-content{grid-template-columns:1fr;padding:60px 0;gap:8px}.lower-content h2{font-size:28px}footer{padding:24px 18px;display:block}footer>span{display:block;margin-top:18px}}

.subpage{min-height:100vh;background:var(--pale);color:var(--ink)}.sub-header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px)}.sub-header nav{display:flex;gap:32px}.sub-header nav a{color:var(--ink);font-size:14px;text-decoration:none}.sub-header nav a.active,.sub-header nav a:hover{color:var(--teal)}.sub-hero{background:#fff;padding:72px max(32px,calc((100% - 1240px)/2)) 58px;border-bottom:1px solid var(--line)}.sub-hero h1{font-size:52px;line-height:1.1;margin:0 0 18px;color:var(--navy)}.sub-hero>p:last-child{max-width:650px;color:var(--muted);font-size:16px;line-height:1.9;margin:0}.library-toolbar{width:min(1240px,calc(100% - 64px));margin:30px auto 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.search-box{border:1px solid var(--line);background:#fff;border-radius:7px;color:#7890a3;padding:13px 18px;min-width:290px;font-size:13px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.filter{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:8px 14px;background:#fff;color:var(--muted);font-size:12px;text-decoration:none}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.project-grid,.company-grid{width:min(1240px,calc(100% - 64px));margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card,.company-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover,.company-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #123b5d12}.project-thumb{height:150px;position:relative;background:linear-gradient(135deg,#dceef7,#a8d0d7 52%,#d8edf3);overflow:hidden}.project-thumb:before{content:"";position:absolute;inset:35px 0 0;background:linear-gradient(160deg,transparent 39%,#19727b 40% 44%,transparent 45%),linear-gradient(175deg,transparent 42%,#164b70 43% 72%,transparent 73%);opacity:.6}.project-thumb span{position:absolute;left:18px;top:16px;background:#ffffffcf;color:var(--teal);border-radius:4px;padding:5px 8px;font-size:11px}.project-thumb i{position:absolute;right:18px;bottom:11px;color:#fff;font-size:45px;opacity:.8}.project-card-body{padding:18px 20px 21px}.card-meta{display:flex;justify-content:space-between;color:#7b93a5;font-size:11px}.project-card h2,.company-card h2{font-size:22px;margin:13px 0 7px;color:var(--navy)}.project-card p,.company-card p{font-size:12px;color:var(--muted);margin:0 0 19px}.project-card a,.company-card a{font-size:12px;color:var(--teal);text-decoration:none}.company-card{display:flex;padding:22px;gap:18px;min-height:190px}.company-logo{width:66px;height:66px;flex:none;border-radius:12px;background:linear-gradient(145deg,var(--navy),var(--teal));color:#fff;display:grid;place-items:center;font-size:19px;font-weight:700;letter-spacing:-1px}.company-card>div:last-child{flex:1}.sub-footer{background:var(--navy);color:#c7ddeb;padding:28px max(32px,calc((100% - 1240px)/2));font-size:12px}@media(max-width:800px){.sub-header nav{gap:14px}.sub-header nav a{font-size:12px}.library-toolbar{display:block}.filter-row{justify-content:flex-start;margin-top:14px}.project-grid,.company-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sub-header{height:70px;padding:0 18px}.sub-header nav{display:none}.sub-hero{padding:45px 18px 38px}.sub-hero h1{font-size:40px}.library-toolbar,.project-grid,.company-grid{width:calc(100% - 36px)}.search-box{min-width:0}.project-grid,.company-grid{grid-template-columns:1fr}.company-card{min-height:160px}}