:root{--paper:#f3f4f1;--white:#fff;--ink:#232724;--muted:#606660;--line:#ced1ca;--orange:#cf3a17;--bright:#ed4b23;--dark:#242925;--gutter:clamp(22px,4.3vw,84px);--s14:14px;--s16:16px;--s18:18px;--s24:24px;--s30:30px;--s38:38px;font-family:Arial,"PingFang TC","Noto Sans TC","Source Han Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-weight:400;line-height:1.65;scroll-behavior:smooth;scroll-padding-top:96px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a,button{transition:color .2s,background .2s,transform .2s}button:disabled{cursor:default}.eyebrow{font-size:var(--s14);letter-spacing:.09em}.square{display:inline-block;width:8px;height:8px;background:var(--orange);margin-right:12px}.fine{font-size:var(--s14);color:var(--muted);margin-top:20px}.skip{position:fixed;top:-80px;left:20px;padding:12px 20px;background:white;z-index:100}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:96px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);gap:24px;position:relative;z-index:20}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0;font-size:var(--s24);font-weight:700;line-height:1.2;letter-spacing:.06em}.brand svg{width:40px;height:40px;fill:none;stroke:var(--orange);stroke-width:2}.brand small{display:block;font-size:var(--s14);font-weight:400;letter-spacing:.04em;margin-top:7px}.header nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);font-size:var(--s14)}.header nav a:hover{color:var(--orange)}.header .nav-cta{border-left:1px solid var(--line);padding-left:28px;display:flex;gap:24px;font-weight:700}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:690px;border-bottom:1px solid var(--line)}.hero-copy{padding:48px 42px 22px var(--gutter);display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(42px,4.4vw,76px);line-height:1.23;letter-spacing:-.025em;margin-top:36px;position:relative;width:100%}.hero h1 span{color:var(--orange)}.hero h1 i{font-style:normal;color:var(--orange);margin-left:22px;font-size:clamp(48px,6vw,90px)}.hero-description{margin:24px 0 28px;color:var(--muted);font-size:var(--s16)}.button{display:flex;justify-content:space-between;align-items:center;gap:38px;padding:15px 22px;min-height:56px;border:0;font-weight:700;font-size:var(--s16)}.orange{background:var(--orange);color:white}.orange:hover{background:#ae2e0f}.button span{font-size:var(--s24);line-height:1}.hero-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:var(--s14);color:var(--muted);width:100%;margin-top:auto;padding-top:38px}.hero-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line);background:#e8eae6;overflow:hidden}.plate-top{display:flex;justify-content:space-between;gap:15px;margin:30px 30px 0;font-size:var(--s14);z-index:1}.hero-visual img{width:100%;mix-blend-mode:multiply;object-fit:contain;margin:auto 0;animation:object-enter .8s ease both}.hero-visual figcaption{display:flex;justify-content:space-between;align-items:flex-end;margin:0 30px 28px;font-size:var(--s14)}.hero-visual strong{font-size:var(--s18);font-weight:400;display:block;margin-top:6px}.plate-code{font-size:var(--s30);line-height:1.15;text-align:right}.cross{position:absolute;font-size:var(--s30);color:#717970;line-height:1}.cross-a{top:90px;left:26px}.cross-b{bottom:120px;right:26px}.discipline-bar{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:#e8ebe4}.discipline-bar>a,.discipline-bar>span{padding:25px 20px;border-right:1px solid var(--line);display:flex;gap:20px;align-items:center;font-size:var(--s16)}.discipline-bar>span{padding-left:0;color:var(--muted);font-size:var(--s14)}.discipline-bar>a:last-child{border:0;padding-right:0}.discipline-bar b{font-size:var(--s14);color:var(--orange)}.discipline-bar a>span{margin-left:auto}.discipline-bar a:hover{color:var(--orange)}
.section{padding:80px var(--gutter) 90px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--ink);padding-top:18px;font-size:var(--s14)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:42px 0 48px}.section-heading h2,.quality h2,.inquiry h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.025em}.section-heading>p{color:var(--muted);padding-right:7%;font-size:var(--s16)}.cap-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:8%}.process-switch button{display:flex;align-items:center;gap:22px;width:100%;padding:24px 4px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left}.process-switch button>span{font-size:var(--s14)}.process-switch button>span:last-child{margin-left:auto;font-size:var(--s24)}.process-switch strong{font-size:var(--s24);font-weight:400}.process-switch button[aria-pressed=true]{color:var(--orange);border-bottom-color:var(--orange)}.process-switch button:hover{color:var(--orange)}.process-switch>p{font-size:var(--s14);color:var(--muted);margin-top:30px}.cap-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--ink)}.cap-caption h3{font-size:var(--s24)}.cap-caption>span{font-size:var(--s14);color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left}th,td{font-size:var(--s16);padding:18px 0;vertical-align:top;border-bottom:1px solid var(--line)}th{width:130px;font-weight:400;color:var(--muted);padding-right:25px}td{line-height:1.7}
.details-section{background:var(--dark);color:#f2f4ed;padding:64px var(--gutter) 72px}.details-head{display:flex;justify-content:space-between;gap:50px;margin-bottom:44px}.details-head .eyebrow{color:#b9c0b5;padding-top:10px}.details-head h2{font-size:var(--s30);width:56%}.detail-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:6%}.component-map{background:#e7e9e4;position:relative;color:var(--ink);min-height:430px;display:flex;align-items:center}.component-map img{width:100%;mix-blend-mode:multiply}.map-label{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:var(--s14);z-index:1}.map-instruction{position:absolute;bottom:18px;left:22px;font-size:var(--s14)}.pin{position:absolute;width:44px;height:44px;background:var(--paper);border:1px solid var(--ink);border-radius:50%;font-size:var(--s14);font-weight:700;box-shadow:0 2px 12px #0002}.pin:hover{transform:scale(1.1)}.pin[aria-pressed=true]{background:var(--orange);color:white;border-color:var(--orange)}.pin-1{top:44%;left:50%}.pin-2{top:43%;left:24%}.pin-3{top:66%;left:60%}.detail-readout{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.detail-readout>#detail-number{font-size:clamp(56px,6vw,90px);line-height:1;color:#ff7950;font-weight:400}.detail-readout>div{margin:20px 0 30px}.detail-readout .eyebrow{color:#b9c0b5;margin-bottom:12px}.detail-readout h3{font-size:var(--s30);margin-bottom:18px}.detail-readout p:not(.eyebrow){color:#c7cdc2;max-width:420px}.detail-note{border-top:1px solid #5d655b;margin-top:28px;padding-top:15px;display:flex;flex-direction:column;gap:8px;font-size:var(--s14)}.detail-note>span{color:#b9c0b5}.detail-note strong{font-weight:400;font-size:var(--s16)}.detail-readout>a{border-bottom:1px solid #6b7468;padding:10px 0;display:flex;justify-content:space-between;width:100%;font-size:var(--s16)}.detail-readout>a:hover{color:#ff7950}
.case-list{border-top:1px solid var(--ink)}.case-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.case-list summary{display:grid;grid-template-columns:90px 1fr 230px 24px;align-items:center;gap:24px;padding:28px 0}.case-id{font-size:var(--s14);color:var(--orange)}.case-title{font-size:var(--s30)}.case-title small{display:block;font-size:var(--s14);margin-top:7px;color:var(--muted);letter-spacing:.05em}.case-material{font-size:var(--s14);color:var(--muted)}.case-toggle{font-size:var(--s24);transition:transform .2s}.case-list details[open] .case-toggle{transform:rotate(45deg);color:var(--orange)}.case-list summary:hover .case-title{color:var(--orange)}.case-body{margin:0 0 30px 114px;display:grid;grid-template-columns:1fr 1.3fr;gap:24px 60px}.case-body>p{color:var(--muted);max-width:420px}.case-body dl{margin:0}.case-body dl>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--s14)}.case-body dt{color:var(--muted)}.case-body dd{margin:0;text-align:right}.text-button{background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;justify-self:start;display:flex;gap:36px;font-size:var(--s14)}.text-button:hover{color:var(--orange);border-color:var(--orange)}
.quality{display:grid;grid-template-columns:1fr 1fr;background:#e5e8e1}.quality>figure{position:relative;min-height:660px;background:#232925}.quality img{width:100%;height:100%;object-fit:cover;position:absolute}.quality figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 28px 24px;background:linear-gradient(transparent,#000b);color:white;font-size:var(--s14)}.quality-copy{padding:60px var(--gutter) 60px 50px}.quality h2{margin:30px 0 20px}.quality-copy>p:not(.eyebrow){color:var(--muted)}.quality ol{list-style:none;margin:32px 0 0;padding:0}.quality li{border-top:1px solid #bfc5b9;padding:20px 0;display:flex;gap:24px}.quality li>span{color:var(--orange);font-size:var(--s14);padding-top:3px}.quality h3{font-size:var(--s18);margin-bottom:7px}.quality li p{color:var(--muted);font-size:var(--s14)}
.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:100px}.inquiry h2{margin:32px 0 24px}.inquiry-intro>p:not(.eyebrow){color:var(--muted)}.drawing-check{border-top:1px solid var(--line);margin:36px 0 28px;padding-top:22px}.drawing-check h3{font-size:var(--s18);margin-bottom:16px}.drawing-check p{font-size:var(--s16);margin:10px 0}.drawing-check span{font-size:var(--s14);color:var(--orange);margin-right:18px}.inquiry-intro>.local-note{font-size:var(--s14)}form{border-top:3px solid var(--orange)}.form-top{display:flex;justify-content:space-between;font-size:var(--s14);padding:18px 0 12px}label{display:flex;justify-content:space-between;gap:10px;font-size:var(--s14);margin:15px 0 8px}label>span{color:var(--muted)}input,select,textarea{width:100%;min-width:0;max-width:100%;background:#fff;border:1px solid #bfc5bb;padding:12px 13px;border-radius:0;min-height:49px;font-size:var(--s16);color:var(--ink)}input::placeholder,textarea::placeholder{color:#73796f;opacity:1}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-pair>div{min-width:0}form>.button{width:100%;margin-top:24px}.form-status{font-size:var(--s14);color:var(--muted);margin-top:14px;min-height:46px}
footer{background:var(--dark);color:#f4f5ef;padding:48px var(--gutter) 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}.footer-top>p{font-size:var(--s18);color:#c7cdc2}.footer-top>a:last-child{font-size:var(--s14)}.footer-bottom{border-top:1px solid #555f51;padding-top:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;font-size:var(--s14);color:#b9c0b5}.footer-bottom p{max-width:510px}.footer-bottom>span{max-width:220px}.noscript{padding:20px var(--gutter);font-size:var(--s14)}
@keyframes object-enter{from{transform:translateY(18px)}to{transform:translateY(0)}}
@media(min-width:1800px){body{max-width:1920px;margin:auto}.hero{min-height:800px}.hero-copy{padding-top:65px}.hero h1{margin-top:55px}.hero-description{margin-top:36px}.section{padding-top:100px;padding-bottom:110px}}
@media(max-width:1100px){.header nav{gap:18px}.header .nav-cta{padding-left:18px;gap:12px}.hero{min-height:635px}.hero-copy{padding-right:24px}.hero h1{font-size:48px}.plate-top{flex-wrap:wrap;margin:25px}.hero-visual figcaption{margin:0 25px 25px}.discipline-bar{grid-template-columns:.8fr 1fr 1fr 1fr}.discipline-bar>a{padding:20px 14px;gap:12px}.cap-layout{gap:5%;grid-template-columns:1fr 1.5fr}.cap-caption{flex-wrap:wrap;gap:8px}.details-head h2{width:60%}.detail-layout{gap:5%;grid-template-columns:1.1fr 1fr}.component-map{min-height:400px}.case-list summary{grid-template-columns:65px 1fr 180px 24px}.case-body{margin-left:89px;gap:24px}.quality-copy{padding-left:35px}.inquiry{gap:6%}.section-heading>p{padding-right:0}.footer-bottom>span:last-child{display:none}}
@media(max-width:850px){:root{scroll-padding-top:25px}.header{height:86px}.menu-toggle{display:flex;align-items:center;gap:16px;background:none;border:1px solid var(--line);padding:9px 12px;font-size:var(--s14)}.header nav{display:none;position:absolute;left:0;right:0;top:85px;background:var(--paper);border-bottom:1px solid var(--line);padding:15px var(--gutter) 25px;box-shadow:0 15px 20px #0001}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a,.header .nav-cta{padding:14px 0;border:0;border-bottom:1px solid var(--line);font-size:var(--s16)}.header .nav-cta{justify-content:space-between}.hero{grid-template-columns:1fr 1fr;min-height:580px}.hero-copy{padding-top:32px}.hero h1{font-size:38px;margin-top:28px}.hero h1 i{font-size:48px;margin-left:12px}.hero-description{font-size:var(--s14)}.hero-foot{padding-top:30px;gap:8px}.hero-visual img{transform:scale(1.1)}.plate-top{font-size:var(--s14);gap:3px}.hero-visual strong{font-size:var(--s16)}.plate-code{font-size:var(--s24)}.discipline-bar{grid-template-columns:1fr 1fr 1fr}.discipline-bar>span{display:none}.discipline-bar>a:first-of-type{padding-left:0}.discipline-bar>a{font-size:var(--s14)}.section{padding-top:60px;padding-bottom:65px}.section-heading{gap:24px;margin-top:32px}.section-heading h2{font-size:var(--s30)}.cap-layout{grid-template-columns:1fr}.process-switch{display:flex;gap:20px;margin-bottom:20px}.process-switch>p{display:none}.process-switch button{gap:10px;padding:16px 0}.process-switch strong{font-size:var(--s18)}.process-switch button>span:last-child{display:none}.details-head{display:block}.details-head h2{width:100%;margin-top:25px}.detail-layout{grid-template-columns:1fr}.component-map{min-height:0;aspect-ratio:3/2}.detail-readout{display:grid;grid-template-columns:80px 1fr;gap:24px;margin-top:32px}.detail-readout>div{margin:0}.detail-readout>a{grid-column:2}.detail-readout>#detail-number{font-size:64px}.detail-readout p:not(.eyebrow){max-width:none}.case-list summary{grid-template-columns:50px 1fr 24px;gap:20px}.case-title{font-size:var(--s24)}.case-material{display:none}.case-body{margin-left:70px;grid-template-columns:1fr}.case-body>p{max-width:none}.quality{grid-template-columns:1fr}.quality>figure{min-height:0;height:430px}.quality-copy{padding:45px var(--gutter)}.quality ol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.quality li{display:block}.quality li>span{display:block;margin-bottom:12px}.inquiry{gap:5%}.inquiry h2{font-size:var(--s30)}.field-pair{gap:12px}.footer-top{flex-wrap:wrap}.footer-top>p{font-size:var(--s16)}}
@media(max-width:600px){.brand{font-size:var(--s18);gap:8px}.brand svg{width:32px;height:32px}.brand small{font-size:var(--s14);letter-spacing:0}.menu-toggle{gap:8px;padding:8px 10px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px var(--gutter) 22px}.hero h1{font-size:clamp(38px,10.2vw,58px);margin-top:25px}.hero h1 br:first-child{display:initial}.hero h1{max-width:460px}.hero h1 i{font-size:56px}.hero-description{font-size:var(--s16);margin:20px 0 24px}.hero-foot{padding-top:24px}.hero-foot>span:last-child{display:none}.hero-visual{min-height:380px;border-left:0;border-top:1px solid var(--line)}.hero-visual img{transform:none;margin:12px 0;width:100%}.plate-top{margin:20px var(--gutter) 0;justify-content:space-between;gap:10px}.hero-visual figcaption{margin:0 var(--gutter) 22px}.hero-visual strong{font-size:var(--s18)}.cross-a{top:66px;left:18px}.cross-b{bottom:93px;right:18px}.discipline-bar{grid-template-columns:1fr;padding:0 var(--gutter)}.discipline-bar>a{padding:16px 0;border-right:0;border-bottom:1px solid var(--line);font-size:var(--s16)}.discipline-bar>a:last-child{border-bottom:0}.discipline-bar b{margin-right:12px}.section-top>span{display:none}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.section-heading h2{font-size:var(--s30)}.process-switch{gap:12px}.process-switch button{flex-direction:column;align-items:flex-start;gap:5px}.process-switch strong{font-size:var(--s16)}.cap-caption h3{font-size:var(--s18)}.cap-caption{padding-top:12px}.cap-caption>span{display:none}th{width:96px;padding-right:18px}th,td{font-size:var(--s14);padding-top:16px;padding-bottom:16px}.details-section{padding:45px var(--gutter)}.details-head{margin-bottom:26px}.details-head h2{font-size:var(--s24);line-height:1.55}.component-map{margin:0 calc(-1 * var(--gutter));aspect-ratio:1.25}.map-label,.map-instruction{font-size:var(--s14);left:var(--gutter);right:var(--gutter)}.detail-readout{grid-template-columns:48px 1fr;gap:20px}.detail-readout>#detail-number{font-size:var(--s38)}.detail-readout h3{font-size:var(--s24)}.detail-readout>a{grid-column:1/-1}.detail-note strong{font-size:var(--s14)}.case-list summary{grid-template-columns:40px 1fr 20px;gap:12px;padding:23px 0}.case-title{font-size:var(--s18)}.case-title small{font-size:var(--s14);letter-spacing:0}.case-body{margin-left:0;padding-left:0;gap:20px}.case-body>p{font-size:var(--s16)}.case-body dl>div{gap:16px}.quality>figure{height:330px}.quality figcaption{padding-left:var(--gutter);font-size:var(--s14)}.quality h2{font-size:var(--s30)}.quality ol{display:block}.quality li{display:flex;gap:22px}.quality li>span{padding-top:1px}.inquiry{grid-template-columns:1fr;gap:40px}.drawing-check{margin-top:28px}.inquiry h2{margin-top:26px}.field-pair{gap:14px}input,select,textarea{padding:12px 10px}.footer-top{align-items:flex-start;gap:26px}.footer-top>p{width:100%;order:3}.footer-bottom{display:block}.footer-bottom p{margin-top:15px}.footer-bottom>span{max-width:none}footer{padding-top:35px}.form-top>span:last-child{font-size:var(--s14)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}