:root{--navy:#102a50;--deep:#081c35;--blue:#165fbb;--ice:#eef4fa;--ink:#16314c;--muted:#63778a;--line:#dce5ed;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);line-height:1.8;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2398ed;outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}.header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand b{font-size:21px;letter-spacing:.14em;display:block;line-height:1.4}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:11px 25px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:14px;font-weight:700;transition:.2s}.btn:hover{background:#10488f;border-color:#10488f;transform:translateY(-1px)}.btn.light{color:var(--navy);background:transparent;border-color:#b9c8d6}.btn.light:hover{background:var(--ice)}.menu{display:none;border:0;background:var(--ice);padding:8px 12px;color:var(--navy)}.hero{background:var(--deep);color:white;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;min-height:630px;align-items:center;gap:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--blue);text-transform:uppercase;display:block}.hero .eyebrow{color:#8ab8e7}.hero-copy{padding:65px 0 80px;position:relative;z-index:2}.hero h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:.01em;line-height:1.32;font-weight:650;margin:23px 0}.hero h1 span{color:#99c7f3}.hero p{max-width:440px;color:#c1cfdd;font-size:16px;margin:0 0 32px;line-height:1.95}.hero .actions{display:flex;flex-wrap:wrap;gap:12px}.hero .light{color:white;border-color:#6d8298}.hero .light:hover{background:#203b59}.hero-media{height:480px;position:relative;margin-right:0;border:1px solid #ffffff30}.hero-media:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081c3518,transparent);pointer-events:none;z-index:1}.hero video{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center}.media-label{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:#081c35dc;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#d7e2ed;z-index:2}.play{border:1px solid #6d8298;color:white;background:transparent;font-size:11px;padding:4px 12px}.hero-bottom{border-top:1px solid #ffffff22;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b5c7d8;padding:18px 0}.hero-bottom b{font-size:13px;color:white;font-weight:500}.section{padding:96px 0}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}h2{font-size:clamp(27px,3vw,40px);line-height:1.4;letter-spacing:.02em;font-weight:650;margin:10px 0 0}.sectionhead p{font-size:14px;color:var(--muted);max-width:370px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service{border-bottom:1px solid var(--line);padding-bottom:26px}.image-box{overflow:hidden;background:var(--ice);aspect-ratio:1.45}.image-box img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service:hover img{transform:scale(1.035)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.service h3{font-size:23px;margin:0}.number{font-size:12px;color:#7890a5;letter-spacing:.1em}.service p{font-size:14px;color:var(--muted);margin:10px 0 16px}.tags{font-size:11px;color:var(--blue);letter-spacing:.06em}.materials{background:var(--ice)}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:white;padding:16px 16px 22px}.product img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.product h3{font-size:19px;margin:19px 8px 5px}.product p{font-size:13px;color:var(--muted);margin:0 8px}.material-list{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #d4dfe8;margin-top:30px;padding-top:25px}.chip{padding:6px 14px;background:#ffffffb0;border:1px solid #dae4ed;font-size:12px}.notice{font-size:11px;color:var(--muted);margin:20px 0 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:44px}.step{border-top:2px solid #dbe5ef;padding-top:24px}.step em{font-style:normal;color:var(--blue);font-size:13px}.step h3{font-size:20px;margin:18px 0 8px}.step p{font-size:13px;color:var(--muted);margin:0}.about-line{margin-top:50px;border-left:3px solid var(--blue);background:var(--ice);padding:22px 28px;font-size:14px}.faq{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 30px 20px 0;font-size:15px;font-weight:650;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:0;color:var(--blue)}details[open] summary:after{content:"－"}details p{font-size:14px;color:var(--muted);margin:0 25px 22px 0}.contact{background:var(--deep);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px}.contact .eyebrow{color:#8bbcec}.contact h2{margin:17px 0 22px}.contact p{font-size:14px;color:#bbccdb}.contact-info{margin-top:35px;display:grid;gap:10px}.contact-info a{font-size:18px}.contact-info small{font-size:11px;color:#8da7be;display:block}.contact form{border:1px solid #486078;padding:30px;background:#ffffff04}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;color:#c9d5e1;margin-bottom:18px}input,textarea{display:block;width:100%;background:#122c46;border:1px solid #496078;padding:10px 12px;color:white;margin-top:7px;border-radius:0;font-size:14px}input::placeholder,textarea::placeholder{color:#91a6b9}textarea{resize:vertical;min-height:100px}.contact .formnote{font-size:11px;color:#9fb6ca;margin:14px 0 0}.footer{background:#06162a;color:#9eb2c6;padding:28px 0;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer b{font-weight:500;color:#d9e3ed;font-size:13px}.copy{border:0;border-bottom:1px solid #68849e;background:none;color:#c6d4e2;padding:0;font-size:12px}.mobile-contact{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}nav{gap:18px}.hero-grid{gap:20px}.hero-media{margin-right:0;height:430px}.contact-grid{gap:45px}.hero h1{font-size:44px}.hero-bottom{font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.brand b{font-size:18px}.brand small{font-size:8px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:22px;box-shadow:0 12px 18px #102a5015;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:8px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:46px 0 34px;width:100%}.hero h1{font-size:38px;margin:18px 0}.hero p{font-size:14px;margin-bottom:23px}.hero-media{height:255px;width:calc(100% + 40px);margin:0 -20px;border-left:0;border-right:0}.hero-bottom{flex-direction:column;gap:4px;padding:17px 0}.hero-bottom span:last-child{display:none}.section{padding:60px 0}.sectionhead{display:block;margin-bottom:28px}.sectionhead p{margin-top:16px}.service-grid,.material-grid{grid-template-columns:1fr;gap:30px}.service h3{font-size:22px}.service-grid .image-box{aspect-ratio:1.7}.product{padding:12px 12px 20px}.product img{aspect-ratio:1.65}.process-grid{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:30px}.step{padding-top:16px}.step h3{font-size:18px;margin-top:10px}.about-line{padding:20px;font-size:13px;margin-top:30px}.faq-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.contact form{padding:22px 18px}.pair{grid-template-columns:1fr;gap:0}.footer .wrap{display:block}.footer span{display:block;margin:8px 0}.footer{padding-bottom:90px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:white;border-top:1px solid var(--line);padding:9px 20px;gap:12px;box-shadow:0 -5px 20px #00000008}.mobile-contact a{flex:1;min-height:42px}.media-label{padding:9px 12px}}
.brand-logo{display:block;width:299px;height:auto;object-fit:contain}.brand{flex-shrink:0}@media(max-width:760px){.nav{gap:12px}.brand-logo{width:clamp(170px,calc(100vw - 140px),240px);height:auto}.menu{flex-shrink:0}}

.breadcrumb{font-size:12px;color:var(--muted);padding:24px 0}.breadcrumb a{border-bottom:1px solid #b6c9dc}.breadcrumb span{padding:0 10px;color:#90a2b3}.detail-hero{background:var(--ice);padding-bottom:55px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-hero h1,.catalog h1{font-size:clamp(32px,3.6vw,50px);line-height:1.4;letter-spacing:.02em;margin:16px 0 20px;font-weight:650}.detail-intro{font-size:15px;color:var(--muted);margin:0 0 26px;max-width:520px}.detail-image img{width:100%;aspect-ratio:1.4;object-fit:cover;display:block}.detail-image figcaption{font-size:10px;color:var(--muted);margin-top:8px}.detail-image{margin:0}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.subnav a{font-size:12px;border-bottom:1px solid #b3c6d9;padding:5px 0;margin-right:18px}.detail-body{display:grid;grid-template-columns:230px 1fr;gap:75px;padding-top:70px;padding-bottom:80px}.sidebar{align-self:start;position:sticky;top:122px;border-top:2px solid var(--navy);padding-top:20px}.sidebar strong{font-size:12px;letter-spacing:.12em;display:block;margin-bottom:16px}.sidebar a{display:block;color:var(--muted);font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}.sidebar a[aria-current="page"]{color:var(--blue);font-weight:700}.reading section{margin-bottom:55px;scroll-margin-top:115px}.reading h2{font-size:28px;margin:0 0 16px}.reading h3{font-size:18px;margin:0 0 8px}.reading p{font-size:14px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-block{background:var(--ice);padding:25px}.info-block p{margin:0}.checklist{padding:0;list-style:none;counter-reset:item}.checklist li{padding:17px 0 17px 42px;border-bottom:1px solid var(--line);font-size:14px;position:relative}.checklist li:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:0;color:var(--blue);font-size:12px;top:20px}.checklist b{display:block;font-size:15px}.checklist span{color:var(--muted)}.table-wrap{overflow:auto}.spec-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.spec-table th,.spec-table td{padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table th{background:var(--ice);font-weight:650}.spec-table td{color:var(--muted)}.callout{border-left:3px solid var(--blue);background:var(--ice);padding:20px 25px;font-size:13px;color:var(--muted);margin-top:22px}.detail-cta{background:var(--navy);color:white;padding:50px 0}.detail-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.detail-cta h2{font-size:30px;margin:0 0 8px}.detail-cta p{font-size:14px;color:#c4d5e6;margin:0}.detail-cta .btn{background:white;color:var(--navy);border-color:white;white-space:nowrap}.catalog{padding:30px 0 75px;background:var(--ice)}.catalog .detail-intro{max-width:700px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:42px}.catalog-card{background:white;display:flex;flex-direction:column;border:1px solid #dce5ed}.catalog-card img{width:100%;aspect-ratio:1.45;object-fit:cover}.catalog-card .body{padding:26px;display:flex;flex-direction:column;flex:1}.catalog-card h2{font-size:23px;margin:10px 0}.catalog-card p{font-size:13px;color:var(--muted);margin:0 0 22px}.catalog-card .btn{margin-top:auto;align-self:start}.view-product{display:inline-block;font-size:13px;color:var(--blue);font-weight:700;margin:18px 8px 0;border-bottom:1px solid #b7cde5}.product{display:flex;flex-direction:column}.product .view-product{align-self:start;margin-top:auto;padding-top:18px}.product a img{transition:filter .2s}.product a:hover img{filter:brightness(.95)}
@media(max-width:900px){.detail-grid{gap:30px}.detail-body{grid-template-columns:190px 1fr;gap:35px}.catalog-grid{gap:16px}.catalog-card .body{padding:20px}}
@media(max-width:760px){.breadcrumb{padding:19px 0;font-size:11px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-hero h1,.catalog h1{font-size:33px}.detail-hero{padding-bottom:35px}.detail-intro{font-size:14px}.detail-body{display:block;padding-top:45px;padding-bottom:25px}.sidebar{position:static;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.sidebar strong{width:100%;margin-bottom:0}.sidebar a{font-size:12px;padding:6px 0}.reading h2{font-size:25px}.reading section{margin-bottom:40px}.two-col,.catalog-grid{grid-template-columns:1fr}.info-block{padding:22px}.detail-cta .wrap{display:block}.detail-cta .btn{margin-top:22px}.detail-cta h2{font-size:26px}.catalog-grid{padding-top:24px}.spec-table th,.spec-table td{padding:12px 10px}.catalog-card img{aspect-ratio:1.8}}

.detail-hero h1 span{display:block;font-size:.65em;line-height:1.55;margin-top:10px;font-weight:500}@media(max-width:760px){.detail-hero h1{font-size:29px;line-height:1.45}.detail-hero h1 span{font-size:22px;line-height:1.55;margin-top:8px}}