/* Xinchen refinement layer. Original fleet photos and colour palette are retained. */
/* Language alternatives are not shown side by side. Official numbers and vessel codes stay intact. */
.xc-public .directory-main>small,.xc-public .language>i,.xc-public .language>span:last-of-type{display:none}
.xc-public .language>span:first-of-type{opacity:1;color:inherit;white-space:nowrap}
.xc-english-brand{display:none}
html[lang="en"] .xc-public .brand-logo{display:none}
html[lang="en"] .xc-public .xc-english-brand{display:flex;flex-direction:column;gap:.25rem;line-height:1.1;color:inherit;min-width:9rem}
.xc-english-brand strong{font-size:1.35rem;letter-spacing:.09em;font-weight:800}
.xc-english-brand small{font-size:.65rem;letter-spacing:.4em}
.xc-public .vessel-detail-hero p[hidden]{display:none}
.xc-public .vessel-detail-hero h1+p:not(.xc-vessel-meta){display:none}
:root{--xc-body:1.0625rem;--xc-heading:1;--xc-leading:1.85;--xc-spacing:1;--xc-width:85rem;--xc-position:55%;--xc-shade:.7;--xc-font:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-padding-top:6rem}
body.xc-public{font-family:var(--xc-font);font-size:var(--xc-body);line-height:var(--xc-leading)}
body.xc-public h2{font-size:calc(2rem*var(--xc-heading))}
body.xc-public h3{font-size:calc(1.4rem*var(--xc-heading))}
.xc-public :is(h1,h2,h3){text-wrap:wrap;word-break:keep-all;overflow-wrap:break-word;line-break:strict;hyphens:none;letter-spacing:-.025em;line-height:1.25;min-inline-size:0;max-inline-size:100%}
.xc-public :is(p,dd,li){word-break:normal;overflow-wrap:break-word}
.xc-public :is(.content-section){max-width:var(--xc-width);padding-block:calc(clamp(4rem,7.5vw,7rem)*var(--xc-spacing))}
.xc-public :is(.fleet-preview,.capability-matrix,.workflow-section,.spec-section){padding-block:calc(clamp(4rem,7.5vw,7rem)*var(--xc-spacing))}
.xc-public .section-intro{gap:1.5rem;grid-template-columns:minmax(0,1fr);align-items:start}
.xc-public .section-intro>div{min-width:0;grid-column:1/-1}
.xc-public .section-intro h2{max-width:100%;font-size:calc(clamp(1.7rem,3.4vw,3.4rem)*var(--xc-heading));line-height:1.3}
.xc-public :is(.flow-lead h2,.resource-copy h2,.document-section h2,.about-story h2){font-size:calc(clamp(1.75rem,2.8vw,2.85rem)*var(--xc-heading));line-height:1.3}
.xc-public .cta-band h2{font-size:calc(clamp(1.9rem,3.4vw,3.2rem)*var(--xc-heading))}
.xc-public :is(.section-intro>p,.service-card p,.info-grid p,.workflow-timeline p,.principle-grid p,.document-list p,.news-grid article>a>p:not(.eyebrow),.service-highlights-public li,.service-detail-list article>div:last-child p,.resource-copy>p:not(.eyebrow),.flow-lead>p:not(.eyebrow),.about-story>div:last-child>p:last-child,.scenario-grid p,.contact-note,.document-note){font-size:var(--xc-body);line-height:var(--xc-leading)}
.xc-public .section-intro>p{max-width:48rem;margin:0;color:#536873}
/* Give complete headings space before considering a line break. Punctuation
   remains a normal break opportunity; oversized words may still wrap on phones. */
.xc-public main :is(section,article,header,div){min-inline-size:0}
.xc-public :is(.resource-band,.about-story){column-gap:clamp(2rem,4vw,4rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.xc-public .flow-lead,.xc-public .document-section>div:first-child{padding-right:clamp(1.5rem,3vw,3rem)}
.xc-public .vessel-detail-hero>div:last-child{inline-size:100%;max-inline-size:100%}
.xc-public .news-detail>header>div:last-child{min-inline-size:0;max-inline-size:100%}
.xc-public :is(.cta-band,.resource-cta){gap:clamp(1.5rem,3vw,3rem);flex-wrap:wrap}
.xc-public :is(.cta-band,.resource-cta)>div{flex:1 1 42rem;min-inline-size:0}
.xc-public :is(.cta-band,.resource-cta)>.button{flex:0 0 auto;max-inline-size:100%}
.xc-public :is(.cta-band,.resource-cta) h2{max-width:100%;line-height:1.3}
.xc-public :is(.eyebrow,.button,.text-link,.filter-bar button,.directory-link,.news-grid article strong){word-break:keep-all;overflow-wrap:break-word;hyphens:none;line-break:strict}
.xc-public .enquiry-guide h2{font-size:calc(clamp(1.75rem,2.6vw,2.5rem)*var(--xc-heading));line-height:1.35}
html[lang="en"] .xc-public :is(h1,h2,h3){word-break:normal;letter-spacing:-.02em}
.xc-public .dark-section .section-intro>p{color:#c2d3dc}
.xc-public :is(.info-grid p,.workflow-timeline p){color:#c2d3dc}
.xc-public .home-hero{height:auto;min-height:90svh;display:flex;flex-direction:column;overflow:clip}
.xc-public .home-hero-content{width:91%;margin-inline:auto;padding-block:clamp(9rem,18vh,13rem) 4rem;max-width:var(--xc-width)}
.xc-public .home-hero h1{font-size:calc(clamp(2.2rem,4.8vw,4.8rem)*var(--xc-heading));line-height:1.25;max-width:100%;letter-spacing:-.025em}
.xc-public .home-hero-content>p:last-of-type{font-size:var(--xc-body);line-height:var(--xc-leading);max-width:43rem;color:#edf4f7}
.xc-public .home-hero>img{object-position:center var(--xc-position)}
.xc-public .home-hero-shade{background:linear-gradient(90deg,rgba(2,21,30,var(--xc-shade)),rgba(4,27,39,.5) 60%,rgba(5,25,35,.2)),linear-gradient(0deg,rgba(2,16,23,.65),transparent 65%)}
.xc-public .home-stats{position:relative;inset:auto;align-self:flex-end;margin:0 4.5vw 0 auto;margin-top:auto;width:min(55rem,91%);grid-template-columns:repeat(4,minmax(0,1fr))}
.xc-public .home-stats>div{min-height:7rem;padding:1.5rem 1.25rem}
.xc-public .home-stats span{font-size:.75rem;letter-spacing:.05em;color:#d0e0e8}
.xc-public .home-stats strong{font-size:clamp(1.5rem,2vw,2rem);font-variant-numeric:tabular-nums}
.xc-public .page-hero{min-height:26rem;padding-block:6rem 4.5rem}
.xc-public .page-hero h1{font-size:calc(clamp(2.1rem,4.6vw,4.5rem)*var(--xc-heading));line-height:1.25;max-width:100%}
.xc-public .page-hero-inner>p:last-child{font-size:var(--xc-body);line-height:var(--xc-leading);color:#e3edf2;max-width:48rem}
.xc-public .vessel-detail-hero{height:auto;min-height:33rem;display:flex;align-items:flex-end;padding:5rem max(4.5vw,calc((100vw - 1240px)/2))}
.xc-public .vessel-detail-hero>div:last-child{position:relative;inset:auto}
.xc-public .vessel-detail-hero h1{font-size:calc(clamp(2.8rem,5.4vw,5rem)*var(--xc-heading));line-height:1.2}
.xc-public .news-detail h1{font-size:calc(clamp(2.5rem,5vw,4.7rem)*var(--xc-heading));line-height:1.25}
.xc-public .news-detail>section{max-width:54rem}
.xc-public .news-detail>section>p{font-size:var(--xc-body);line-height:var(--xc-leading);margin-bottom:1.6em}
.xc-public :is(.eyebrow,.service-no,.service-detail-list article>span,.info-grid span,.workflow-timeline span,.principle-grid span,.values-grid span,.project-flow li span){font-size:.75rem;letter-spacing:.1em}
.xc-public :is(.button,.text-link,.nav-cta,.language,.site-header nav a,.filter-bar button,.directory-link,.vessel-document-list a,.news-grid article strong){font-size:.875rem}
.xc-public :is(.button,.nav-cta,.filter-bar button,.language){min-height:2.75rem}
.xc-public .site-header{gap:1rem;height:auto;min-height:5.5rem}
.xc-public .site-header nav{align-self:stretch}
.xc-public .site-header nav a{padding-block:1.3rem}
.xc-public .brand{min-width:10rem}.xc-public .header-actions{min-width:0}
.xc-public .service-grid{margin-top:3rem}
.xc-public .service-card{display:flex;flex-direction:column;min-height:21rem;padding:1.7rem;border-top:2px solid transparent}
.xc-public .service-card h3{margin:3rem 0 1rem;font-size:calc(1.45rem*var(--xc-heading))}
.xc-public .service-card small{position:static;display:block;margin-top:auto;padding-top:1.5rem;font-size:.75rem;line-height:1.7}
.xc-public .service-card:hover{border-top-color:var(--blue-deep)}
.xc-public .service-detail-list h2{font-size:calc(clamp(1.8rem,2.8vw,2.7rem)*var(--xc-heading))}
.xc-public .service-detail-list article{grid-template-columns:3rem minmax(0,1fr) minmax(0,1.1fr);gap:3vw;padding-block:3.5rem}
.xc-public .fleet-preview-grid{gap:1rem;background:transparent;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3rem}
.xc-public .vessel-tile{border:1px solid rgba(255,255,255,.18)}
.xc-public .vessel-tile-image{height:auto;aspect-ratio:4/3}
.xc-public .vessel-tile :is(p,dt){font-size:.875rem;color:#c2d3dc;letter-spacing:.02em}
.xc-public .vessel-tile h3{font-size:calc(1.4rem*var(--xc-heading));margin-bottom:1.5rem}
.xc-public :is(.vessel-tile-image span,.directory-image span,.directory-main small,.news-grid article>a>div span,.news-keywords li,.news-keywords.detail li,.scenario-grid article>div span){font-size:.75rem}
.xc-public :is(.spec-grid dt,.fleet-directory dt){font-size:.875rem;line-height:1.65}
.xc-public :is(.spec-grid dd,.fleet-directory dd){font-size:var(--xc-body);line-height:1.6;font-variant-numeric:tabular-nums}
.xc-public .fleet-directory article{grid-template-columns:minmax(12rem,.95fr) minmax(9rem,.7fr) minmax(16rem,1.2fr);gap:2rem}
.xc-public .directory-link{grid-column:2/-1;justify-self:end;gap:3rem;min-height:2.75rem;align-items:center}
.xc-public .spec-grid div{padding:1.6rem}
.xc-public :is(.contact-note,.brief-preview){border-left:2px solid var(--blue-deep)}
.xc-public .enquiry-form label,.xc-public .news-search label>span,.xc-public .brief-preview strong{font-size:.875rem}
.xc-public :is(.enquiry-form input,.enquiry-form select,.enquiry-form textarea,.news-search input,.news-search select){font-size:1rem;line-height:1.6;min-height:3rem}
.xc-public :is(.enquiry-guide li,.brief-preview pre){font-size:1rem;line-height:1.8}
.xc-public .enquiry-guide li span{font-size:.75rem}
.xc-public :is(.news-search-status button,.news-empty button){font-size:.875rem;min-height:2.75rem}
.xc-public .footer-company strong{font-size:1rem}.xc-public :is(.footer-company span,.footer-links,.footer-lower button){font-size:.875rem}
.xc-public .footer-lower{flex-wrap:wrap;gap:1.5rem}
.xc-public .footer-lower small{font-size:.75rem;line-height:1.7;letter-spacing:.04em}
.xc-public footer>a[href*="beian.miit.gov.cn"]{grid-column:1/-1;font-size:.875rem!important;margin:0!important;line-height:1.7}
.xc-public :is(a,button,input,select,textarea):focus-visible,.xc-admin :is(a,button,input,select,textarea):focus-visible{outline:3px solid #79afc7;outline-offset:4px}
.xc-skip{position:fixed;top:-8rem;left:1rem;padding:1rem 1.3rem;background:white;color:#081a23;z-index:1000}.xc-skip:focus{top:1rem}
.xc-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.25rem;min-height:3.25rem;border:1px solid #91b3c4;background:#092530;color:white;cursor:pointer;font-size:1.1rem;box-shadow:0 6px 22px #081a2320}
.xc-top small{font-size:.75rem}.xc-top[hidden]{display:none}
.xc-public .xc-contact-link{text-decoration:underline;text-underline-offset:.25em}
.xc-copy-note{font-size:.875rem;line-height:1.7;color:#526974;margin-top:1rem}
.xc-filter-count{font-size:.875rem;color:#536873;margin-bottom:1.5rem}
@media(hover:hover){.xc-public .button span,.xc-public .text-link span{transition:transform .2s}.xc-public .button:hover span,.xc-public .text-link:hover span{transform:translate(3px,-3px)}.xc-public .directory-image:hover img{transform:scale(1.035)}}
@keyframes xc-rise{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}
html[data-xc-motion="on"] .xc-enter{animation:xc-rise .55s ease-out both}
html[data-xc-motion="off"]{scroll-behavior:auto}
html[data-xc-motion="off"] *,html[data-xc-motion="off"] *::before,html[data-xc-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Existing content editor remains available and gains readable controls. */
.xc-admin .admin-shell{font-size:1rem}.xc-admin .admin-topbar{position:sticky;top:0;z-index:8;flex-wrap:wrap;gap:1rem}
.xc-admin .admin-actions{flex-wrap:wrap}.xc-admin .admin-actions a{display:inline-flex;align-items:center}
.xc-admin :is(.admin-actions button,.admin-actions a,.admin-list-heading button,.fleet-record-actions button,.service-highlight-actions button,.vessel-document-actions button,.service-highlights-heading button){font-size:.875rem;min-height:2.75rem}
.xc-admin :is(.admin-editor-card label>span,.admin-sidebar nav button,.admin-guide strong,.admin-split>aside button strong,.admin-account span){font-size:.875rem;line-height:1.65}
.xc-admin :is(.admin-editor-card input:not([type=checkbox]),.admin-editor-card textarea,.admin-editor-card select){font-size:1rem;line-height:1.7}
.xc-admin :is(.admin-editor-card>header p,.admin-notice,.admin-guide p,.admin-list-heading p,.field-help,.field-error,.admin-image-field small,.admin-account small,.admin-split>aside button small,.service-highlights-heading small,.vessel-documents-heading small,.admin-brand small,.admin-topbar p,.publish-state i,.admin-stats small,.admin-stats span){font-size:.8125rem;line-height:1.7}
.xc-admin .admin-split{grid-template-columns:minmax(10rem,14rem) minmax(0,1fr)}
.xc-admin .admin-welcome h2{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.4}
.xc-appearance-link{display:flex;gap:1rem;align-items:center;color:#d1e8f3;padding:.9rem;font-size:.875rem;border-top:1px solid #ffffff25;margin-top:.5rem}
.xc-save-status{font-size:.875rem;color:#315f73;align-self:center;padding:.5rem 0}
.xc-admin .admin-actions button:disabled{cursor:not-allowed}
@media(max-width:1040px){.xc-public :is(.project-flow,.document-section,.resource-band,.about-story){grid-template-columns:minmax(0,1fr)}.xc-public .flow-lead,.xc-public .document-section>div:first-child{padding:4rem max(1.25rem,4.5vw)}.xc-public .resource-copy{padding-top:2rem}.xc-public .about-story{row-gap:2rem}.xc-public :is(.cta-band,.resource-cta){align-items:flex-start}.xc-public .enquiry-layout{grid-template-columns:minmax(0,1fr)}.xc-public .enquiry-guide{position:static}}
@media(max-width:1120px){.xc-public .site-header nav{gap:1rem}.xc-public .nav-cta{display:none}.xc-public .fleet-directory article{grid-template-columns:13rem minmax(0,1fr)}.xc-public .fleet-directory dl{grid-column:1/-1}.xc-admin .admin-split{grid-template-columns:1fr}.xc-admin .admin-split>aside{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}
@media(max-width:900px){.xc-public .site-header{min-height:4.5rem;padding-inline:1.25rem}.xc-public .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#092530;color:white;flex-direction:column;padding:1rem 1.25rem}.xc-public .site-header nav.open{display:flex}.xc-public .menu-button{display:block;width:2.75rem;height:2.75rem}.xc-public .site-header nav a{padding:.65rem 0;min-height:3rem}.xc-public .header-actions{gap:.75rem}.xc-public .brand{min-width:0}.xc-public .home-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;width:91%}.xc-public .home-stats>div:nth-child(n+3){display:block}.xc-public .home-stats>div{min-height:5.5rem;padding:1rem}.xc-public .home-hero-content{padding-top:8.5rem;padding-bottom:3rem}.xc-public .section-intro{grid-template-columns:1fr;gap:1.6rem}.xc-public .fleet-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xc-public .service-detail-list article{grid-template-columns:2rem minmax(0,1fr);gap:1.25rem}.xc-public .service-detail-list article>div:last-child{grid-column:2}.xc-public .enquiry-layout{grid-template-columns:1fr}.xc-public .enquiry-guide{position:static}.xc-public .news-search{grid-template-columns:1fr}.xc-public .news-search-status{grid-column:1}.xc-admin .admin-sidebar nav{flex-wrap:wrap;overflow:visible}.xc-appearance-link{border:1px solid #ffffff25;margin:0}}
@media(max-width:600px){.xc-public .fleet-preview-grid,.xc-public .service-grid{grid-template-columns:1fr}.xc-public .hero-actions{flex-direction:column;align-items:stretch}.xc-public .home-hero h1{font-size:calc(clamp(2rem,7vw,2.6rem)*var(--xc-heading))}.xc-public .section-intro h2{font-size:calc(clamp(1.65rem,5.4vw,1.9rem)*var(--xc-heading))}.xc-public .service-card h3{margin-top:2rem}.xc-public .fleet-directory article{grid-template-columns:minmax(0,1fr)}.xc-public .fleet-directory :is(dl,.directory-link){grid-column:1}.xc-public .spec-grid{grid-template-columns:1fr}.xc-public .download-strip{padding:1.5rem}.xc-public .content-section{padding-inline:1.25rem}.xc-public .button{gap:1.25rem;padding:1rem 1.25rem}.xc-public .page-hero{min-height:24rem;padding-inline:1.25rem}.xc-public .service-detail-list article{grid-template-columns:1fr}.xc-public .service-detail-list article>div:last-child{grid-column:1}.xc-public .footer-lower{align-items:flex-start}.xc-public .enquiry-form{padding:1.5rem 1rem}.xc-public .field-row{grid-template-columns:1fr}.xc-top{bottom:1rem;right:.75rem}.xc-admin .admin-topbar{position:static}.xc-admin .admin-field-group{grid-template-columns:1fr}}