:root{--color-background: #ffffff;--color-cool-white: #f7fafb;--color-blueprint: #edf5f8;--color-surface: rgba(255, 255, 255, .88);--color-surface-solid: #ffffff;--color-text: #101820;--color-muted: #63727c;--color-border: #dce8ed;--color-primary: #17384d;--color-primary-strong: #0e2738;--color-primary-soft: rgba(23, 56, 77, .08);--color-electric: #1f7fb2;--color-copper: #b47a43;--color-amber: #d99b3d;--radius-card: 8px;--radius-control: 999px;--shadow-soft: 0 22px 56px rgba(14, 39, 56, .1);--shadow-card: 0 16px 42px rgba(14, 39, 56, .07);--container: min(1120px, calc(100vw - 48px) );--section-spacing: 96px;background:var(--color-background);color:var(--color-text);font-family:Noto Sans TC,PingFang TC,Heiti TC,Microsoft JhengHei,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 12%,rgba(31,127,178,.08),transparent 28%),linear-gradient(180deg,#ffffff 0%,var(--color-cool-white) 64%,#ffffff 100%);margin:0;min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.site-header{align-items:center;background:#ffffffe0;border-bottom:1px solid rgba(220,232,237,.92);display:flex;gap:32px;justify-content:space-between;padding:16px max(24px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__brand{align-items:center;display:inline-flex;gap:12px;font-weight:800;letter-spacing:0;white-space:nowrap}.site-header__logo{display:block;height:38px;object-fit:contain;width:32px}.site-header__nav{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.94rem;gap:22px;justify-content:flex-end}.site-header__nav a{transition:color .18s ease}.site-header__nav a:hover{color:var(--color-primary)}.hero-section{margin:0 auto;width:var(--container)}.hero-section--wide{align-items:center;background:linear-gradient(90deg,#fffffffa,#fffffff0 34%,#ffffff8a 60%,#ffffff14),url(/images/hero/hero-mep-wide.jpg) center / cover no-repeat;border-bottom:1px solid rgba(220,232,237,.82);display:flex;min-height:660px;overflow:hidden;padding:94px max(24px,calc((100vw - 1120px)/2)) 86px;position:relative;width:100%}.hero-section--wide:before{background:linear-gradient(90deg,rgba(23,56,77,.045) 1px,transparent 1px),linear-gradient(rgba(23,56,77,.045) 1px,transparent 1px);background-size:72px 72px;content:"";top:0;right:0;bottom:0;left:0;opacity:.52;pointer-events:none;position:absolute}.hero-section--wide:after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.92));bottom:0;content:"";height:96px;left:0;pointer-events:none;position:absolute;right:0}.hero-section__content{max-width:680px;position:relative;z-index:1}.hero-section__labels,.tech-label-row{display:flex;flex-wrap:wrap;gap:8px}.hero-section__labels .tech-label{background:#ffffffa6;border-color:#d8e2e6;color:#6f8088;font-weight:600}.hero-section__brandline{align-items:center;color:#14313a;display:inline-flex;flex-wrap:wrap;gap:14px;margin-top:26px;position:relative}.hero-section__brandline:before{background:#14313a7a;content:"";display:inline-block;height:1px;width:36px}.hero-section__brandline span{color:#14313a;font-size:1.22rem;font-weight:700}.hero-section__brandline small{color:#7b8b91;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.74rem;font-weight:600}.hero-section h1{font-size:3.45rem;font-weight:700;letter-spacing:0;line-height:1.18;margin:20px 0 0;max-width:12em}.hero-section h1 span{display:block;white-space:nowrap}.hero-section__summary{color:var(--color-muted);font-size:1.08rem;line-height:1.9;margin:22px 0 0;max-width:600px}.hero-section__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cta-button{align-items:center;border-radius:var(--radius-control);display:inline-flex;font-size:.94rem;font-weight:800;justify-content:center;min-height:48px;padding:0 22px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.cta-button--primary{background:linear-gradient(135deg,rgba(31,127,178,.28),transparent),var(--color-primary);box-shadow:0 16px 32px #17384d2e;color:#fff}.cta-button--secondary{background:#ffffffbd;border:1px solid var(--color-border);color:var(--color-primary)}.cta-button:hover{transform:translateY(-1px)}.tech-label{align-items:center;background:#ffffffc7;border:1px solid rgba(220,232,237,.96);border-radius:var(--radius-control);color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:800;min-height:28px;padding:0 10px}.tech-label--accent{border-color:#b47a4357;color:var(--color-copper)}.tech-label--dark{background:#ffffff14;border-color:#ffffff29;color:#ffffffdb}.content-section,.page-shell{margin:0 auto;padding:var(--section-spacing) 0;width:var(--container)}.content-section--muted{background:linear-gradient(90deg,rgba(23,56,77,.032) 1px,transparent 1px),linear-gradient(rgba(23,56,77,.032) 1px,transparent 1px),var(--color-blueprint);background-size:72px 72px;box-shadow:0 0 0 100vmax var(--color-blueprint);clip-path:inset(0 -100vmax)}.section-header{margin-bottom:38px;max-width:760px}.section-header--center{margin-left:auto;margin-right:auto;text-align:center}.section-header__eyebrow,.card-meta-row,.stat-card__meta{color:var(--color-copper);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:0}.section-header h2,.split-section h2{font-size:3rem;font-weight:800;letter-spacing:0;line-height:1.14;margin:8px 0 0}.section-header__description,.split-section p,.service-card p,.project-card p,.stacked-list p{color:var(--color-muted);line-height:1.78}.section-header--dark h2,.section-header--dark .section-header__description{color:#fff}.section-header--dark .section-header__description{color:#ffffffb8}.stat-panel{margin:-44px auto 0;position:relative;width:var(--container);z-index:2}.stat-panel__grid{background:linear-gradient(135deg,rgba(31,127,178,.18),transparent),#0e2738c2;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stat-card{border-left:1px solid rgba(255,255,255,.16);color:#ffffffb8;min-height:134px;padding:26px 26px 24px}.stat-card:first-child{border-left:0}.stat-card strong,.stat-card span{display:block}.stat-card strong{color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.05rem;line-height:1.1;margin:10px 0 8px}.split-section{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.split-section--profile{align-items:start}.profile-media{display:grid;gap:16px}.profile-media img,.about-page-grid__aside img,.service-card img,.project-card img,.bim-visual-grid img{border:1px solid var(--color-border);border-radius:var(--radius-card);display:block;object-fit:cover;width:100%}.profile-media img,.about-page-grid__aside img{aspect-ratio:16 / 9;box-shadow:var(--shadow-card)}.value-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:grid;gap:0}.value-panel span{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-weight:800;padding:14px 18px}.value-panel span:last-child{border-bottom:0}.capability-grid{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:38px}.capability-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card,.service-card,.project-card,.profile-panel,.contact-list div,.company-info-card,.about-page-grid__aside{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.capability-card{padding:22px}.capability-card span{color:var(--color-electric);font-size:.75rem;font-weight:800}.capability-card h3,.service-card h3,.project-card h3,.profile-panel h3,.process-step h3{font-size:1.22rem;font-weight:800;line-height:1.3;margin:12px 0 8px}.capability-card p{color:var(--color-muted);margin:0}.card-grid,.project-list{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.project-card{overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.service-card:hover,.project-card:hover{border-color:#1f7fb257;box-shadow:0 22px 56px #0e27381c;transform:translateY(-2px)}.service-card img,.project-card img{aspect-ratio:4 / 3;border:0;border-bottom:1px solid var(--color-border);border-radius:0}.service-card__body,.project-card__body{padding:22px}.card-meta-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.card-index{color:var(--color-electric);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem}.metadata-block{border-top:1px solid var(--color-border);display:grid;gap:10px;margin-top:18px;padding-top:16px}.metadata-block>span{color:var(--color-primary);font-size:.86rem;font-weight:800}.inline-list,.project-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.inline-list li,.project-tags li{background:#17384d0f;border:1px solid rgba(220,232,237,.95);border-radius:var(--radius-control);color:var(--color-muted);font-size:.88rem;padding:5px 10px}.project-tags{margin-top:18px}.project-list--page,.stacked-list{display:grid;gap:18px;grid-template-columns:1fr}.service-card--wide,.project-card--wide{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr)}.service-card--wide img,.project-card--wide img{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--color-border);height:100%;min-height:260px}.about-page-grid{align-items:start;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr)}.about-page-grid__main{display:grid;gap:18px}.profile-panel{padding:24px}.profile-panel ol{color:var(--color-muted);margin:12px 0 0;padding-left:1.2rem}.about-page-grid__aside{overflow:hidden}.about-page-grid__aside img{border:0;border-bottom:1px solid var(--color-border);border-radius:0}.about-page-grid__aside dl{display:grid;gap:0;margin:0;padding:0}.about-page-grid__aside div,.contact-list div{border-bottom:1px solid var(--color-border);display:grid;gap:8px;padding:18px 20px}.about-page-grid__aside div:last-child,.contact-list div:last-child{border-bottom:0}dt{color:var(--color-muted);font-size:.88rem}dd{color:var(--color-text);font-weight:800;margin:0}.bim-showcase{background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 85% 8%,rgba(31,127,178,.24),transparent 32%),var(--color-primary-strong);background-size:72px 72px,72px 72px,auto,auto;box-shadow:0 0 0 100vmax var(--color-primary-strong);clip-path:inset(0 -100vmax);color:#fff}.bim-showcase__inner{display:grid;gap:34px}.bim-visual-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.bim-visual-grid img{aspect-ratio:16 / 9;background:#ffffff14;border-color:#ffffff24}.bim-benefits{display:grid;gap:10px;margin-top:26px}.bim-benefits p{border-left:2px solid var(--color-amber);color:#ffffffc2;margin:0;padding-left:14px}.process-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.process-step{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-card);padding:22px}.process-step span{color:var(--color-amber);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800}.process-step h3{color:#fff}.process-step p{color:#ffffffb3;margin:0}.contact-list{display:grid;gap:14px;margin:0}.contact-list div{grid-template-columns:120px 1fr}.company-info-grid{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr)}.company-info-card{background:linear-gradient(135deg,rgba(31,127,178,.04),transparent 38%),#ffffffeb;padding:30px}.company-info-card__label{color:#6f8088;display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:0;margin-bottom:10px}.company-info-card h3{color:#102632;font-size:1.42rem;line-height:1.35;margin:0}.company-info-list{border-top:1px solid var(--color-border);display:grid;gap:0;margin:24px 0 0}.company-info-list div{border-bottom:1px solid var(--color-border);display:grid;gap:18px;grid-template-columns:112px minmax(0,1fr);padding:18px 0}.company-info-list dt{color:#6f8088;font-weight:700}.company-info-list dd{color:#102632;font-weight:800}.company-info-list a{color:inherit;transition:color .18s ease}.company-info-list a:hover{color:var(--color-electric)}.company-info-card__map{margin-top:24px}.company-info-card--notice{border-top:3px solid rgba(31,127,178,.28)}.company-info-card--notice p{color:var(--color-muted);line-height:1.82;margin:18px 0 0}.site-footer{background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 88% 0%,rgba(31,127,178,.2),transparent 30%),var(--color-primary-strong);background-size:72px 72px,72px 72px,auto,auto;color:#fff;margin-top:48px;padding:54px max(24px,calc((100vw - 1120px)/2)) 24px}.site-footer__inner{display:grid;gap:44px;grid-template-columns:minmax(0,1.35fr) minmax(160px,.55fr) minmax(240px,.8fr)}.site-footer h2{color:#fff;font-size:1rem;font-weight:800;letter-spacing:0;line-height:1.4;margin:0}.site-footer__brand h2{font-size:1.25rem}.site-footer p{color:#ffffffad;margin:14px 0 0;max-width:460px}.site-footer__nav ul{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.site-footer__nav a{color:#ffffffad;font-size:.94rem;transition:color .18s ease}.site-footer__nav a:hover{color:#fff}.site-footer__notice{border-left:1px solid rgba(255,255,255,.14);padding-left:24px}.site-footer__bottom{align-items:center;border-top:1px solid rgba(255,255,255,.14);color:#ffffff8f;display:flex;flex-wrap:wrap;font-size:.88rem;gap:12px 18px;justify-content:space-between;margin-top:42px;padding-top:18px}.back-to-top{align-items:center;background:linear-gradient(135deg,rgba(31,127,178,.28),transparent 58%),#17384d;border:1px solid rgba(31,127,178,.32);border-radius:999px;bottom:max(28px,env(safe-area-inset-bottom));box-shadow:0 14px 30px #0e27382e;color:#f7fafb;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:max(28px,env(safe-area-inset-right));text-shadow:0 1px 0 rgba(14,39,56,.22);transform:translateY(12px) scale(.96);visibility:hidden;transition:opacity .28s ease,visibility .28s ease,transform .28s ease,bottom .28s ease,box-shadow .28s ease;width:48px;z-index:999}.back-to-top span{display:block;line-height:1;transform:translateY(-1px)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.back-to-top.is-near-footer{bottom:max(96px,env(safe-area-inset-bottom))}.back-to-top:hover{box-shadow:0 18px 36px #0e27383d;transform:translateY(-3px) scale(1.02)}.back-to-top:active{transform:translateY(0) scale(.92)}.back-to-top.is-jelly{animation:backToTopJelly .68s cubic-bezier(.22,1.2,.36,1)}@keyframes backToTopJelly{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1.08,.92)}38%{transform:translateY(-4px) scale(.94,1.06)}56%{transform:translateY(0) scale(1.04,.96)}74%{transform:translateY(-2px) scale(.99,1.01)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.back-to-top,.back-to-top.is-jelly{animation:none;transition:none}}@media(max-width:1080px){.hero-section h1{font-size:3.15rem}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){:root{--container: min(100vw - 32px, 680px);--section-spacing: 68px}.site-header{align-items:flex-start;flex-direction:column;gap:16px}.site-header__nav{justify-content:flex-start}.hero-section--wide{background:linear-gradient(180deg,#fffffffc,#fffffff2 42%,#ffffff94),url(/images/hero/hero-mep-wide.jpg) 64% 100% / auto 50% no-repeat;min-height:auto;padding:64px 16px 330px}.hero-section h1{font-size:2.8rem;max-width:12em}.section-header h2,.split-section h2{font-size:2.35rem}.stat-panel{margin-top:-32px}.stat-panel__grid,.card-grid,.project-list,.process-grid,.bim-visual-grid,.capability-grid,.capability-grid--compact,.about-page-grid,.company-info-grid{grid-template-columns:1fr}.stat-card{border-left:0;border-top:1px solid rgba(255,255,255,.16);min-height:118px}.stat-card:first-child{border-top:0}.split-section,.service-card--wide,.project-card--wide{grid-template-columns:1fr}.service-card--wide img,.project-card--wide img{aspect-ratio:4 / 3;border-bottom:1px solid var(--color-border);border-right:0;height:auto;min-height:0}.site-footer__inner{gap:28px;grid-template-columns:1fr}.site-footer__notice{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding-left:0;padding-top:24px}}@media(max-width:560px){.site-header__nav{gap:12px}.hero-section h1{font-size:2.18rem}.hero-section h1 span{white-space:normal}.hero-section__brandline{align-items:flex-start;flex-direction:column;gap:8px}.hero-section__brandline:before{width:28px}.hero-section__brandline span{font-size:1.12rem}.hero-section__summary{font-size:1rem}.hero-section__summary br{display:none}.hero-section__actions{align-items:stretch;flex-direction:column}.cta-button{width:100%}.contact-list div{grid-template-columns:1fr}.company-info-card{padding:24px}.company-info-list div{gap:6px;grid-template-columns:1fr}.back-to-top{bottom:max(20px,env(safe-area-inset-bottom));font-size:1.1rem;height:42px;right:max(18px,env(safe-area-inset-right));width:42px}.back-to-top.is-near-footer{bottom:max(78px,env(safe-area-inset-bottom))}.site-footer__bottom{align-items:flex-start;flex-direction:column}}