*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#233347;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;line-height:1.85}header{background:#102a43;padding:15px max(18px,calc((100vw - 1120px)/2));display:flex;flex-wrap:wrap;gap:20px}header a{color:white;text-decoration:none;font-weight:600}main{max-width:1100px;margin:32px auto;padding:0 20px}h1{font-size:clamp(30px,4vw,46px);line-height:1.3;color:#143554}h2{color:#19456b;margin-top:34px}p{font-size:17px}a{color:#145f91}article,.card{background:white;padding:25px;border-radius:15px;box-shadow:0 5px 25px #142a4310;margin:20px 0}.hero2{background:linear-gradient(120deg,#102a43,#34658a);color:white;padding:65px 25px;text-align:center}.hero2 h1{color:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.btn{display:inline-block;background:#b99654;color:#102a43;border-radius:9px;padding:10px 18px;text-decoration:none;font-weight:700}.muted{color:#59697a}footer{padding:35px 20px;background:#102a43;color:white;text-align:center}footer a{color:#fff;margin:0 8px}.image-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:30px 0}.image-band img{width:100%;height:220px;object-fit:cover;border-radius:13px}.image-band figcaption{font-size:13px;color:#637181}figure{margin:0}details{padding:15px;background:white;border-bottom:1px solid #ddd}summary{font-weight:700;cursor:pointer}@media(max-width:650px){header{gap:10px}header a{font-size:14px}article{padding:18px}}
/* Fifth-version mobile refinement */
header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 20px;background:#fff;color:#1d3441}header a{color:#1d3441;text-decoration:none;font-weight:600}header a:first-child{font-size:1.18rem;margin-right:auto}header a:hover{text-decoration:underline}.v5-hero{background:linear-gradient(90deg,rgba(14,37,48,.88),rgba(14,37,48,.18)),url('/assets/glass-office.webp') center/cover no-repeat;min-height:420px}.v5-hero-inner{max-width:1140px;margin:auto;padding:76px 24px}.v5-hero h1{color:#fff;text-shadow:0 2px 10px #18323c;font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.4}.v5-hero p{color:#fff}.v5-card img{width:100%;height:215px;object-fit:cover}.v5-note{font-size:.82rem;color:#52616a}.v5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v5-card{overflow:hidden}.v5-section{max-width:1160px;margin:auto;padding:42px 22px}@media(max-width:760px){header{gap:8px}header a{font-size:.87rem;padding:4px}header a:first-child{width:100%;font-size:1.1rem}.v5-grid{grid-template-columns:1fr}.v5-hero-inner{padding:55px 22px}.v5-card img{height:220px}}

/* 全站手機版與玻璃辦公室形象修正 */
:root{--gold:#c69a51;--navy:#183448}html{scroll-behavior:smooth}img{max-width:100%;height:auto}header{align-items:center;position:relative;z-index:5}header a{display:inline-flex;align-items:center;min-height:40px}header a:focus-visible,a:focus-visible{outline:3px solid #e7b767;outline-offset:3px}.v5-hero{background-position:center;background-size:cover}.v5-hero h1{text-wrap:balance}.card img,article img{object-fit:cover;border-radius:12px}a.btn,.btn{transition:filter .15s ease,transform .15s ease}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}@media(max-width:680px){header{gap:6px 12px;padding:10px 14px}header a{font-size:14px;min-height:36px}h1{font-size:clamp(28px,7vw,38px)}h2{font-size:clamp(22px,5vw,30px)}main{padding:0 16px;margin:18px auto}article,.card{padding:18px}.v5-hero{padding:44px 18px}.grid{grid-template-columns:1fr}table{display:block;overflow-x:auto;max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Local-only responsive image and mobile navigation enhancements */
header{display:flex;align-items:center;justify-content:center;gap:12px 20px;flex-wrap:wrap;background:#fff!important;border-bottom:1px solid #e7e1d8;box-shadow:0 2px 16px #22334410;position:relative}
header a{color:#223d4a!important;font-size:clamp(13px,1.5vw,16px);white-space:normal;text-decoration:none}
header a:first-child{font-weight:800;color:#9d7139!important;font-size:19px;margin-right:auto}
@media(max-width:720px){header{justify-content:flex-start;gap:8px 13px;padding:13px 15px!important}header a:first-child{width:100%;font-size:19px}header a:not(:first-child){font-size:13px;padding:6px 9px;border:1px solid #e8e1d6;border-radius:20px;background:#faf9f6} .v5-hero{min-height:330px;padding:42px 18px!important} .v5-hero h1{font-size:clamp(27px,8vw,38px)} .v5-section{margin:24px auto} }
.v5-hero{background-image:linear-gradient(90deg,rgba(17,42,49,.85),rgba(17,42,49,.18)),url('glass-office.webp')!important;background-position:center;background-size:cover}
.local-photo-gallery{max-width:1120px;margin:34px auto;padding:0 20px}.local-photo-gallery h2{font-size:clamp(23px,3vw,30px)}.local-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.local-photo-grid figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 25px #132c3b13}.local-photo-grid img{width:100%;height:210px;object-fit:cover;display:block}.local-photo-grid figcaption{padding:12px 15px;font-size:14px;color:#3b4b53}.photo-disclaimer{font-size:13px;color:#61707a}

/* 2026-10 visual and mobile refinements */
header{position:relative;z-index:10;align-items:center;background:#142d3c;gap:clamp(10px,1.5vw,22px);box-shadow:0 3px 20px #112a3820}
header a{font-size:clamp(13px,1.1vw,16px);padding:5px 2px}header a:first-child{font-size:clamp(19px,2vw,25px);margin-right:auto;color:#f0d5a2}
.v5-hero{min-height:490px;background-position:center center;background-size:cover}.v5-hero-inner{max-width:1200px;margin:auto;padding:80px 26px}.v5-hero h1{font-size:clamp(33px,4.5vw,58px);line-height:1.3;max-width:760px;text-shadow:0 3px 16px #0008}
.v5-section,.v5-services-inner{max-width:1200px;margin:auto;padding-left:22px;padding-right:22px}.v5-card{overflow:hidden;border-radius:16px;box-shadow:0 8px 26px #142d3c12;background:#fff}.v5-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.v5-card div{padding:15px 19px}.v5-note{font-size:13px;color:#52616a}.v5-btn{display:inline-block;margin:8px 8px 8px 0;border-radius:9px}
@media(max-width:700px){header{padding:12px 16px;gap:9px 15px}header a:first-child{width:100%;margin:0;border-bottom:1px solid #ffffff26;padding-bottom:10px}header a{font-size:13px}.v5-hero{min-height:390px}.v5-hero-inner{padding:58px 22px}.v5-hero h1{font-size:34px}.v5-grid{grid-template-columns:1fr}.v5-services-inner{padding:24px 18px}.v5-services li{margin-bottom:9px}main{padding:0 16px}footer{padding:25px 18px}img{max-width:100%;height:auto}}