:root{--ink:#102b3d;--navy:#071b2a;--navy-2:#0e3045;--blue:#1c526b;--gold:#c5a66a;--paper:#f4f6f5;--muted:#63717c;--line:#dce3e6;--white:#fff;--shadow:0 18px 50px rgba(7,27,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Noto Sans JP","Noto Sans TC","Yu Gothic",Meiryo,Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.header{position:relative;z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(3,17,28,.1)}.header-inner{width:min(94%,1440px);min-height:94px;margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:26px;padding:14px 0}.logo-area{display:flex;align-items:center;gap:14px;min-width:0}.logo-area img{display:block;width:74px;height:58px;object-fit:contain}.company-name{min-width:0}.company-name strong{display:block;font-size:14px;letter-spacing:.015em;line-height:1.35;white-space:normal}.company-name small{display:block;margin-top:5px;color:#aabac3;font-size:9px;letter-spacing:.2em;line-height:1.3}.navigation{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.45vw,25px);margin:0}.navigation a{position:relative;color:#e9eef1;font-size:13px;line-height:1.4;white-space:nowrap;padding:12px 0;transition:color .2s}.navigation a::after{position:absolute;content:"";left:0;right:100%;bottom:4px;height:1px;background:var(--gold);transition:right .2s}.navigation a:hover,.navigation a[aria-current=page]{color:#e5c98e}.navigation a:hover::after,.navigation a[aria-current=page]::after{right:0}.language-menu{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid rgba(255,255,255,.22);white-space:nowrap}.language-menu a{font-size:11px;color:#d7e0e5;transition:color .2s}.language-menu a:hover{color:#e5c98e}.nav-toggle{display:none}
main{display:block;min-height:45vh}.container{width:min(90%,1200px);margin-inline:auto}.section{padding:clamp(68px,8vw,116px) 0}.section:nth-of-type(even){background:#f7f8f7}.section-title{max-width:850px;margin:0 auto 42px;text-align:center}.section-title h1,.section-title h2{margin:.15em 0 .5em;color:var(--ink);font-size:clamp(28px,3.4vw,46px);line-height:1.35;letter-spacing:.015em}.section-title>p:last-child{color:var(--muted);font-size:16px}.english-title,.hero-en,.hero-label{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.main-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 24px;border:1px solid var(--gold);background:var(--gold);color:#102b3d;font-size:13px;font-weight:700;letter-spacing:.04em;transition:background .2s,color .2s,transform .2s}.main-button:hover{background:transparent;color:inherit;transform:translateY(-2px)}.text-button{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--gold);padding:7px 0;color:var(--blue);font-weight:600}.two-column{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,80px)}.two-column img,.image-box img{display:block;width:100%;height:100%;max-height:540px;object-fit:cover}.image-box{min-height:300px;overflow:hidden}.text-content h2,.text-content h3{font-size:clamp(22px,2.4vw,32px);line-height:1.4}.text-content p,.detail-content>p{color:#52616d}.content-box,.detail-panel{padding:clamp(22px,4vw,40px);background:#f4f6f5;border:1px solid var(--line);border-top:3px solid var(--gold)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.feature-card{display:block;overflow:hidden;background:#fff;border:1px solid #e2e7e9;box-shadow:0 10px 32px rgba(7,27,42,.07);transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card img{display:block;width:100%;height:230px;object-fit:cover}.feature-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}.feature-card h3{margin:0;font-size:18px}.feature-card span{color:#a38349;font-size:21px}.business-flex,.business-grid,.product-grid,.strength-grid,.global-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.business-large-card,.business-card,.product-card,.strength-item,.global-card{overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 10px 32px rgba(7,27,42,.06)}.business-large-card>img,.business-card>img,.product-card>img{display:block;width:100%;height:280px;object-fit:cover}.card-content,.business-card-content{padding:26px}.card-en{color:#9c804c;font-size:11px;letter-spacing:.18em}.contact-section{padding:50px 5%;background:var(--paper)}.contact-image{position:relative;min-height:340px;overflow:hidden;background:var(--navy)}.contact-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.contact-overlay{position:relative;z-index:1;display:flex;min-height:340px;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,7vw,90px);color:#fff}.contact-overlay h2{margin:.2em 0 .8em;font-size:clamp(30px,4vw,48px)}
.hero,.premium-hero,.sub-hero,.business-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero{min-height:min(740px,76vw);height:min(740px,76vw)}.hero>img,.sub-hero>img,.hero-image>img,.hero-background>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>img{object-position:center 44%;filter:saturate(.83)}.hero::after,.sub-hero::after,.premium-hero::after,.business-hero::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(5,23,36,.84) 0%,rgba(5,23,36,.58) 48%,rgba(5,23,36,.06) 100%)}.hero-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(90%,1200px);margin:auto;padding:clamp(28px,6vw,88px) 0;color:#fff}.hero-overlay h1,.hero-overlay h2{max-width:820px;margin:.24em 0 .45em;color:#fff;font-size:clamp(38px,6vw,76px);font-weight:600;line-height:1.23;letter-spacing:.015em}.hero-overlay>p:not(.hero-en){max-width:650px;color:#e3e9eb;font-size:clamp(15px,1.45vw,19px);line-height:1.9}.hero-overlay .main-button{margin-top:18px}.hero-en{margin:0 0 14px!important}.premium-hero{height:clamp(520px,58vw,740px);min-height:0}.premium-hero .hero-image,.premium-hero .hero-grid,.premium-hero .hero-overlay{position:absolute;inset:0}.premium-hero .hero-image img{width:100%;height:100%;object-fit:cover}.premium-hero .hero-content{position:absolute;z-index:2;top:50%;left:max(5%,calc((100% - 1200px)/2));width:min(740px,70%);transform:translateY(-50%);color:#fff}.premium-hero .hero-content h1,.premium-hero .hero-content h2{font-size:clamp(36px,5vw,66px);line-height:1.3}.premium-hero .hero-content p{color:#e6ecef}.premium-hero .hero-data-panel{position:absolute;z-index:3;right:max(5%,calc((100% - 1200px)/2));bottom:40px;display:flex;gap:28px;padding:20px 26px;background:rgba(7,27,42,.78);backdrop-filter:blur(10px)}.hero-data-panel>div{display:grid;line-height:1.35}.hero-data-panel strong{color:#e4c781;letter-spacing:.13em}.hero-data-panel span{font-size:10px;letter-spacing:.13em}.sub-hero{height:clamp(300px,37vw,500px)}.sub-hero .hero-overlay{width:min(90%,1200px)}.sub-hero h1,.sub-hero h2{font-size:clamp(36px,5vw,60px)}.business-hero{min-height:600px}.business-hero .hero-container{position:relative;z-index:2;width:min(90%,1200px);margin:auto;padding:100px 0}.business-hero .hero-container h1{max-width:720px;font-size:clamp(38px,5vw,68px);line-height:1.3}.business-hero .hero-description{max-width:690px;color:#e4eaed;font-size:17px}.business-hero .hero-information-box{display:flex;gap:25px;margin-top:34px}.business-hero .hero-information-box>div{padding:16px 20px;border:1px solid #ffffff50;background:#0a293b99}
/* Existing detailed diagrams and editorial layouts: keep their original content, but standardize their readable width and contrast. */
section:not(.hero):not(.premium-hero):not(.sub-hero):not(.business-hero):not(.contact-section){scroll-margin-top:24px}section img{max-width:100%;height:auto}.section img,.corporate-overview img,.business-section img{object-fit:cover}.corporate-overview,.company-intro,.business-section,.global-section,.message-section,.strength-section,.product-section,.content-section{padding-block:clamp(60px,7vw,100px)}.corporate-overview h2,.company-intro h2,.business-section h2,.global-section h2,.message-section h2,.strength-section h2,.product-section h2{line-height:1.4}.original-content{max-width:1000px;margin:50px auto;padding:0 5%;color:var(--muted)}.original-content summary{cursor:pointer;padding:16px 20px;border:1px solid var(--line);background:#f7f8f7;color:var(--ink);font-weight:600}.original-content-inner{padding:24px;border:1px solid var(--line);border-top:0}.original-content-inner img{max-width:100%;height:auto}
.contact-form{display:grid;gap:18px;max-width:700px;margin:32px 0}.contact-form label{display:grid;gap:7px;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;border:1px solid #c9d3d8;border-radius:3px;padding:12px 14px;background:#fff;color:var(--ink);font:inherit}.contact-form textarea{min-height:140px;resize:vertical}.contact-form .main-button{justify-self:start;cursor:pointer}.form-note{color:var(--muted);font-size:13px}.footer{background:var(--navy);color:#e7edf0}.footer-main,.footer-row{width:min(90%,1200px);margin:auto;padding:56px 0;display:flex;justify-content:space-between;gap:50px}.footer-company h3,.footer h4{color:#fff}.footer nav,.footer-row nav{display:flex;flex-wrap:wrap;gap:14px 24px}.footer nav a,.footer-row nav a{font-size:13px;color:#d4dfe4}.footer a:hover{color:#e5c98e}.footer-bottom{padding:17px;text-align:center;border-top:1px solid #ffffff24;color:#aab8c0;font-size:12px}.footer-bottom p{margin:0}
.premium-footer .footer-menu ul{margin:0;padding:0}
.premium-footer .footer-menu a{display:inline-block;line-height:1.5;transition:color .2s,opacity .2s}
.premium-footer .footer-menu a:hover{color:#d1b16c;opacity:1}
.footer-policy .image-usage-note{display:inline-block;margin-right:20px;color:#aebdc6;font-size:11px;line-height:1.6}
@media(max-width:1260px){.header-inner{grid-template-columns:minmax(220px,1fr) auto;gap:8px 20px}.navigation{grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(16px,3vw,36px);padding:3px 0}.language-menu{grid-column:2;grid-row:1;justify-self:end}.logo-area{grid-column:1;grid-row:1}.feature-grid{gap:18px}}
@media(max-width:760px){.header-inner{width:92%;min-height:76px;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:10px 0}.logo-area{grid-column:1;grid-row:1;gap:10px}.logo-area img{width:54px;height:48px}.company-name strong{font-size:12px}.company-name small{font-size:8px;letter-spacing:.14em}.nav-toggle{display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #647988;border-radius:2px;background:transparent;color:#fff;font-size:20px;cursor:pointer}.navigation{display:none;grid-column:1/-1;grid-row:3;align-items:stretch;flex-direction:column;gap:0;padding:7px 0 2px}.navigation.is-open{display:flex}.navigation a{display:block;padding:12px 4px;border-top:1px solid #ffffff20;font-size:14px}.navigation a::after{display:none}.language-menu{grid-column:1/-1;grid-row:2;justify-self:end;gap:16px;padding:7px 0 5px;border-left:0}.language-menu a{font-size:11px}.hero{height:620px;min-height:0}.hero>img{object-position:58% center}.hero::after{background:linear-gradient(90deg,rgba(5,23,36,.86),rgba(5,23,36,.48))}.hero-overlay{width:88%;padding:30px 0}.hero-overlay h1,.hero-overlay h2{font-size:clamp(34px,9vw,48px)}.hero-overlay>p:not(.hero-en){font-size:15px}.premium-hero{height:620px}.premium-hero .hero-content{left:6%;width:88%}.premium-hero .hero-content h1,.premium-hero .hero-content h2{font-size:clamp(34px,9vw,48px)}.premium-hero .hero-data-panel{right:6%;left:6%;bottom:18px;justify-content:space-between;gap:10px;padding:14px}.hero-data-panel span{font-size:8px}.sub-hero{height:370px}.sub-hero .hero-overlay{width:88%}.business-hero{min-height:0}.business-hero .hero-container{width:88%;padding:74px 0}.business-hero .hero-container h1{font-size:clamp(34px,9vw,48px)}.business-hero .hero-description{font-size:15px}.business-hero .hero-information-box{flex-wrap:wrap;gap:10px}.section{padding:64px 0}.container{width:88%}.section-title{margin-bottom:30px}.section-title h1,.section-title h2{font-size:clamp(25px,7vw,34px)}.section-title>p:last-child{font-size:15px}.feature-grid,.business-flex,.business-grid,.product-grid,.strength-grid,.global-grid{grid-template-columns:1fr;gap:16px}.feature-card img{height:220px}.two-column{grid-template-columns:1fr;gap:28px}.two-column img,.image-box img{max-height:340px}.content-box,.detail-panel{padding:22px}.contact-section{padding:26px 4%}.contact-image,.contact-overlay{min-height:300px}.contact-overlay{padding:28px}.footer-main,.footer-row{width:88%;display:block;padding:38px 0}.footer nav,.footer-row nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.original-content{margin:34px auto;padding:0 6%}.original-content-inner{padding:16px}.contact-form{gap:14px}}
@media(max-width:380px){.company-name strong{font-size:11px}.logo-area img{width:46px}.language-menu{gap:11px}.language-menu a{font-size:10px}.hero{height:580px}}
/* Final mobile alignment and inherited hero reset */

/* Keep business-page imagery beneath a legible, premium navy overlay. */
.business-hero .hero-background{position:absolute;inset:0;z-index:0}
.business-hero::after{z-index:1;background:linear-gradient(90deg,rgba(5,23,36,.9) 0%,rgba(5,23,36,.72) 58%,rgba(5,23,36,.28) 100%)}
.business-hero .hero-container{z-index:2}
html[lang^="zh"] .business-hero .hero-container h1{max-width:920px;font-size:clamp(36px,4.6vw,60px)}
@media(max-width:760px){html[lang^="zh"] .business-hero .hero-container h1{font-size:clamp(32px,8vw,44px)}}
.hero-overlay{inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;transform:none!important}
@media(max-width:760px){.logo-area{flex-direction:row!important;align-items:center!important;justify-self:start!important;text-align:left!important}.company-name{text-align:left!important}.hero-overlay{width:88%;margin:0 auto}.hero-overlay>*{position:relative}}
@media(max-width:760px){
 .premium-hero .hero-data-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:88%;left:6%;right:6%;gap:8px;box-sizing:border-box}
 .hero-data-panel>div{min-width:0;overflow-wrap:anywhere}
 .ceo-principle-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%;min-width:0}
 .network-main-visual{display:grid;place-items:center;width:100%;min-width:0;overflow:hidden}
 .network-glass-panel{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
 .supply-architecture{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%;height:auto!important;min-height:0!important;overflow:visible}
 .supply-stage{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
 .future-system{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%;height:auto!important;min-height:0!important}
 .future-card{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
}
@media(max-width:900px){
 .supply-architecture{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%;height:auto!important;min-height:0!important}
 .supply-stage{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
 .future-system{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%;height:auto!important;min-height:0!important}
 .future-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
}
@media(max-width:760px){.premium-hero .hero-data-panel>div{width:auto!important;max-width:100%;min-width:0!important}}
@media(max-width:760px){
 .supply-architecture,.future-system{grid-template-columns:minmax(0,1fr)!important}
 .future-core{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
}

.footer-address{max-width:40em;margin:8px 0 0;color:#cbd5db;font-size:12px;line-height:1.7;overflow-wrap:anywhere}

.locale-photo-section{background:#fff;padding-block:clamp(54px,6vw,86px)}.locale-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.locale-photo-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(7,27,42,.08);transition:transform .25s,box-shadow .25s}.locale-photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.locale-photo-card>img{display:block;width:100%;height:clamp(190px,20vw,260px);object-fit:cover;transition:transform .35s}.locale-photo-card:hover>img{transform:scale(1.035)}.locale-photo-copy{padding:20px 22px 24px}.locale-photo-copy h3{margin:5px 0 8px;color:var(--ink);font-size:19px;line-height:1.45}.locale-photo-copy>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:900px){.locale-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.locale-photo-card>img{height:220px}}@media(max-width:600px){.locale-photo-grid{grid-template-columns:minmax(0,1fr);gap:16px}.locale-photo-card>img{height:230px}.locale-photo-copy{padding:18px 19px 21px}}

/* Consistent gold navigation accents and readable global-business panel */
.navigation a,
.language-menu a{color:#e5c98e}
.navigation a:hover,
.navigation a[aria-current=page],
.language-menu a:hover{color:#f0dca9}
.navigation a::after{right:0;background:#c5a66a}
.text-button{color:#9c804c;border-bottom-color:#c5a66a}
.text-button:hover{color:#071b2a}
.section.global-section{background:linear-gradient(135deg,#071827,#142d42);color:#fff}
.global-section h2,
.global-section h3{color:#fff}
.global-section p:not(.english-title){color:#e1e8ec}
.global-section .english-title{color:#e5c98e}
.global-section .main-button{background:#c5a66a;border-color:#c5a66a;color:#102b3d}
.global-section .main-button:hover{background:#e5c98e;border-color:#e5c98e;color:#071b2a}

/* Shared editorial image layout for English and Traditional Chinese detail pages */
.translated-lead-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.8fr);align-items:center;gap:clamp(30px,6vw,72px);margin-bottom:36px}
.translated-lead-grid .section-title{max-width:none;margin:0;text-align:left}
.translated-lead-grid .section-title>p:last-child{max-width:650px}
.translated-lead-visual{margin:0;min-width:0;overflow:hidden;background:#edf1f2;border:1px solid var(--line);box-shadow:0 16px 40px rgba(7,27,42,.12)}
.translated-lead-visual img{display:block;width:100%;height:clamp(250px,30vw,410px);object-fit:cover}
.text-button,.premium-contact-button,.business-contact-cta,.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 24px;border:1px solid var(--gold);border-bottom:1px solid var(--gold);border-radius:0;background:var(--gold);color:#102b3d!important;font-weight:700;letter-spacing:.025em;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.text-button:hover,.premium-contact-button:hover,.business-contact-cta:hover,.cta-button:hover{background:#e5c98e;border-color:#e5c98e;color:#071b2a!important;transform:translateY(-2px)}
@media(max-width:760px){.translated-lead-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:26px}.translated-lead-visual img{height:clamp(220px,62vw,340px)}}

.footer-policy{width:min(90%,1200px);margin:0 auto;padding:0 0 18px;text-align:right}.footer-policy a{color:#d1bd91;font-size:12px;text-decoration:underline;text-underline-offset:4px}.privacy-hero{padding:clamp(80px,10vw,140px) 0 56px;background:#f4f6f6}.privacy-hero h1{margin:12px 0;color:#0b293b;font-size:clamp(34px,5vw,56px)}.privacy-hero p:last-child{color:#60717d;line-height:1.8}.privacy-main{background:#fff}.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.privacy-card{padding:26px;background:#f7f8f7;border:1px solid #dce3e7;border-top:2px solid #c5a66a}.privacy-card h2{margin:0 0 12px;color:#0b293b;font-size:19px}.privacy-card p{margin:0;color:#526574;font-size:14px;line-height:1.9}.privacy-updated{margin:24px 0;color:#6c7c87;font-size:12px;text-align:right}.privacy-contact{margin-top:44px;padding:32px;background:#071d2c;color:#fff}.privacy-contact h2{margin:0 0 10px;font-size:22px}.privacy-contact p{color:#d4dfe5;line-height:1.8}.privacy-contact .main-button{text-decoration:none}@media(max-width:760px){.footer-policy{width:88%;text-align:left}.privacy-grid{grid-template-columns:1fr}.privacy-card{padding:22px}.privacy-contact{padding:24px}}