@charset "UTF-8";
:root{--ink:#162732;--navy:#132833;--paper:#f6f7f6;--orange:#e66b3c;--line:#d9dfe0;--muted:#5d6870}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:0}header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;width:max-content;line-height:1.3}.brand-cn{font-size:30px;font-weight:800;letter-spacing:.15em}.brand-mark{font-size:12px;vertical-align:top;letter-spacing:0;padding-left:3px}.brand-en{font-size:10px;letter-spacing:.09em;margin-top:8px}nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}nav a:hover{color:var(--orange)}.nav-cta{border:1px solid var(--ink);padding:12px 20px}.nav-cta span{margin-left:24px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px}.hero-copy{padding:70px 7% 30px 9.5%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;display:flex;gap:10px;align-items:center}.eyebrow i{width:7px;height:7px;background:var(--orange)}h1{font-size:clamp(40px,4.1vw,68px);line-height:1.35;letter-spacing:-.03em;margin:37px 0 24px;font-weight:800;white-space:nowrap}.outline{color:var(--orange)}.hero-copy>p{font-size:17px;color:var(--muted);line-height:1.9;margin:0 0 30px}.button{background:var(--ink);color:white;padding:16px 24px;display:inline-flex;gap:35px;font-size:14px}.button:hover{background:#2d4655}.hero-bottom{margin-top:auto;padding-top:45px;display:flex;gap:25px;color:var(--muted);font-size:13px}.hero-bottom span+span{border-left:1px solid var(--line);padding-left:25px}.hero-image{position:relative;margin:0;overflow:hidden;background:#1f2a31;min-height:590px}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#10212bd9)}figcaption{position:absolute;bottom:32px;left:32px;right:32px;z-index:1;color:white;font-size:15px;display:flex;flex-direction:column;gap:8px}figcaption small{font-size:12px;color:#d0d6d9}.strip{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.strip>span{font-size:10px;letter-spacing:.12em}.strip p{font-size:14px;margin:0}.strip b{font-weight:400;color:#9aa4aa;margin:0 16px}.section{padding:90px 6%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-head .eyebrow{color:var(--muted)}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.025em;line-height:1.45;margin:17px 0 0}h3{font-size:21px;line-height:1.55}.section-head>p{color:var(--muted);margin:0;line-height:1.9}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cap-grid article{padding:30px 26px 30px 0}.cap-grid article+article{border-left:1px solid var(--line);padding-left:26px}.number{font:14px monospace;color:var(--orange)}.cap-grid h3{margin:26px 0 14px}.cap-grid p{font-size:16px;color:var(--muted);margin:0 0 28px}.tags{font-size:12px;color:#54626a;line-height:1.8}.services{background:var(--navy);color:#fff}.services .section-head .eyebrow,.services .section-head>p{color:#b7c3ca}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{border:1px solid #53626a;padding:32px 38px}.service-title{display:flex;align-items:center;justify-content:space-between}.service-title>span{font-size:64px;font-weight:300;letter-spacing:-.04em;line-height:1.2}.service-title small{font-size:14px;border:1px solid #66757e;padding:5px 14px}.service-card h3{font-size:29px;margin:25px 0 18px}.service-card p{color:#bdc9cf;max-width:450px}.service-card ul{padding:20px 0;list-style:none;border-top:1px solid #42545e;line-height:2.15;font-size:15px}.service-card li:before{content:"＋";color:var(--orange);margin-right:14px}.service-card>a{border-top:1px solid #42545e;padding-top:20px;display:flex;justify-content:space-between;font-size:14px}.service-card>a:hover{color:#ff9d74}.odm{background:#203742}.odm .service-title>span{color:#f59670}.service-note{font-size:13px;color:#b7c3ca;margin:24px 0 0}.steps{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(5,1fr)}.steps li{border-top:1px solid #9ba9b0;padding:25px 24px 0 0}.steps li+li{padding-left:22px;border-left:1px solid var(--line)}.steps span{font:36px sans-serif;color:#8b9aa2}.steps h3{font-size:20px;margin:24px 0 12px}.steps p{color:var(--muted);margin:0;font-size:15px}.cooperation{background:#e6ebed;display:grid;grid-template-columns:1fr 1fr;gap:10%}.cooperation h2{font-size:44px}.cooperation-intro>p{color:var(--muted);margin-top:25px}.prepare h3{font-size:19px;margin:0 0 20px}.prepare ul{list-style:none;padding:0;margin:0}.prepare li{display:flex;gap:22px;padding:17px 0;border-top:1px solid #bdc8ce}.prepare li>span{font:13px monospace;color:var(--muted);padding-top:7px}.prepare li div{font-size:17px;font-weight:600}.prepare small{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:3px}.prepare>p{font-size:13px;color:var(--muted);margin:20px 0 0}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand-cn{font-size:24px}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:45px}h1{font-size:42px}.strip-end{display:none}.cap-grid{grid-template-columns:1fr 1fr}.cap-grid article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.cap-grid article:nth-child(4){border-top:1px solid var(--line)}.steps{grid-template-columns:repeat(3,1fr);gap:30px 0}.section-head>p{font-size:15px}.service-card{padding:28px}.cooperation{gap:6%}}@media(max-width:700px){header{height:auto;padding:22px 6%;display:block}.brand-cn{font-size:27px}.brand-en{font-size:10px}nav{margin-top:24px;justify-content:space-between;gap:10px;font-size:13px}.nav-cta{padding:0;border:0}.nav-cta span{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 32px}.hero .eyebrow{font-size:10px}h1{font-size:clamp(32px,8.3vw,53px);margin-top:25px;white-space:normal}.hero-copy>p{font-size:16px}.hero-bottom{padding-top:28px}.hero-image{min-height:360px}.strip{padding:23px 6%}.strip>span{display:none}.strip p{font-size:12px}.strip b{margin:0 7px}.section{padding:58px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:18px}.cap-grid article{padding:23px 16px 24px 0}.cap-grid article+article{padding-left:16px}.cap-grid article:nth-child(3){padding-left:0}.cap-grid h3{font-size:19px;margin-top:17px}.cap-grid p{font-size:14px}.tags{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card{padding:28px}.steps{grid-template-columns:1fr;gap:0;margin-top:30px}.steps li,.steps li+li{padding:22px 0;border-left:0;display:grid;grid-template-columns:50px 1fr;gap:3px 12px}.steps span{grid-row:span 2;font-size:27px}.steps h3{margin:0}.steps p{grid-column:2}.cooperation{grid-template-columns:1fr;gap:30px}.cooperation h2{font-size:34px}footer{display:flex;flex-wrap:wrap;padding:30px 6%}footer p{width:100%;order:3;margin:0}footer>a:last-child{margin-left:auto}.service-title>span{font-size:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.products{border-top:1px solid var(--line);background:#eef2f4}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:#fff;border:1px solid var(--line);min-width:0}.dm-open{position:relative;border:0;background:#e2e8eb;width:100%;display:block;padding:14px;cursor:zoom-in}.dm-open img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain}.dm-zoom{display:block;width:max-content;margin:12px auto 0;font-size:12px;font-family:inherit;line-height:1.6;color:var(--ink);border-bottom:1px solid #74848e}.dm-open:hover{background:#d7e1e7}.dm-open:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.product-info{padding:20px 18px}.product-tag{color:#39728f;font-size:13px}.product-info h3{font-size:18px;margin:9px 0 11px}.product-info p{font-size:14px;color:var(--muted);margin:0 0 18px}.product-info a{font-size:13px;border-bottom:1px solid #adb9c0}#dm-dialog{padding:0;border:0;max-width:94vw;width:1000px;max-height:92dvh;overflow:auto;background:white;color:var(--ink)}#dm-dialog::backdrop{background:#0b1a27dc}.dm-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 22px;position:sticky;top:0;background:white;border-bottom:1px solid var(--line);z-index:1}.dm-toolbar h2{font-size:19px;line-height:1.5;margin:0}.dm-close{background:var(--ink);color:white;border:0;padding:10px 15px;font-size:14px;font-family:inherit;white-space:nowrap;cursor:pointer}#dm-full{display:block;width:100%;height:auto}#dm-original{display:block;padding:16px;text-align:center;font-size:14px}.dm-viewing{overflow:hidden}nav{gap:24px}@media(max-width:1000px){nav{gap:14px}.product-grid{grid-template-columns:repeat(4,minmax(230px,1fr));gap:20px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x proximity}.product-card{scroll-snap-align:start}.dm-open{padding:16px}.dm-zoom{font-size:14px}.product-info{padding:23px}.product-info h3{font-size:21px}.product-info p{font-size:15px}.product-info a{font-size:14px}}@media(max-width:700px){.product-grid{grid-template-columns:repeat(4,minmax(260px,78vw));gap:18px}.dm-open{padding:12px}.dm-open img{height:auto;max-height:none}.product-info{padding:22px}.product-info h3{font-size:21px}.dm-toolbar{padding:12px;gap:12px}.dm-toolbar h2{font-size:16px}nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}#dm-dialog{max-width:96vw;width:96vw}}