@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap");:root{--g:#12372A;--o:#D97745;--c:#F7F4EC;--s:#E9E0CF;--i:#17201D;--m:#66716C;--l:#D9DDD8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--i);font-family:"Noto Sans TC",system-ui,sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}.skip{position:absolute;left:-9999px}header{position:sticky;top:0;z-index:10;background:#f7f4ecef;backdrop-filter:blur(12px);border-bottom:1px solid #12372a18}.nav{max-width:1180px;height:78px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand small{font-size:10px;letter-spacing:.12em;color:var(--m);margin-top:5px}.brand-logo{display:block;width:40px;height:40px;border-radius:10px;object-fit:cover}.phone{font-weight:700;color:var(--g)}.nav nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.login{padding:10px 16px;border-radius:99px;background:var(--g);color:white}.menu{display:none}.hero,.section{max-width:1180px;margin:auto;padding:95px 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eye{font-size:12px;letter-spacing:.18em;color:var(--o);font-weight:800;margin:0 0 17px}h1,h2{margin:0;line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(42px,5vw,70px)}h1 em{font-style:normal;color:var(--o)}h2{font-size:clamp(34px,4vw,54px)}.lead{font-size:18px;color:var(--m);margin:27px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;padding:12px 20px;border-radius:99px;font-weight:700;font-size:14px}.orange{background:var(--o);color:white}.outline{border:1px solid #aeb8b2}.cream{background:var(--c);color:var(--g);margin-top:22px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.tags span{border:1px solid #c9cec9;border-radius:99px;padding:5px 11px;font-size:12px;color:var(--m)}.visual{height:440px;background:var(--s);border-radius:32px;position:relative;overflow:hidden}.route{position:absolute;left:50px;right:50px;top:85px;font-size:34px;letter-spacing:12px;color:var(--o);transform:rotate(-15deg)}.doc{position:absolute;left:125px;top:150px;width:210px;background:white;border:4px solid var(--g);border-radius:18px;padding:22px}.doc i{display:block;height:7px;background:#ccd3cf;border-radius:5px;margin-top:13px}.truck{position:absolute;right:60px;bottom:75px;background:var(--g);color:white;border-radius:14px;padding:22px 34px;font-weight:800}.float{position:absolute;left:35px;bottom:35px;background:white;border-radius:14px;padding:12px 17px;box-shadow:0 12px 28px #0002}.float small{color:var(--m)}.intro{border-top:1px solid var(--l);display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.intro>p{font-size:18px;color:var(--m)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.cards article{min-height:300px;background:white;border:1px solid var(--l);border-radius:22px;padding:29px;display:flex;flex-direction:column}.cards .hot{background:var(--s)}.cards article>span{font-size:12px;color:var(--o);font-weight:800}.cards h3{font-size:24px;margin:34px 0 10px}.cards p{color:var(--m)}.cards a{margin-top:auto;color:var(--g);font-weight:700}.dark{background:var(--g);color:white}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.dark p{color:#b9c7c1}.features{border-top:1px solid #ffffff33}.features>div{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid #ffffff33}.features>div>b{color:#e5a27d;font-size:12px}.features span{display:flex;flex-direction:column}.features strong{font-size:19px}.features small{color:#b9c7c1}.case{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px;margin-top:40px}.case>div{background:white;border:1px solid var(--l);border-radius:22px;padding:28px}.case p{color:var(--m);margin:0}.flow{display:flex;align-items:center;justify-content:space-between}.flow span{display:flex;flex-direction:column}.flow small{color:var(--m);margin-top:7px}.flow i{font-style:normal;color:#a3937c}.about{border-top:1px solid var(--l);display:grid;grid-template-columns:1fr 1fr;gap:70px}.about>div:last-child{color:var(--m)}.cta{max-width:1132px;margin:0 auto 70px;background:var(--s);border-radius:28px;padding:52px;display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:center}.cta>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.sys{font-weight:700;color:var(--g)}.cta small{color:var(--m)}footer{max-width:1180px;margin:auto;padding:34px 24px 48px;border-top:1px solid var(--l);display:flex;align-items:center;justify-content:space-between;color:var(--m);font-size:12px}
@media(max-width:820px){.menu{display:block;border:1px solid var(--l);background:none;border-radius:9px;padding:8px 12px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--c);padding:20px 24px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero,.intro,.split,.case,.about,.cta{grid-template-columns:1fr}.hero{padding-top:55px}.visual{height:350px}.cards{grid-template-columns:1fr}.intro,.split,.about{gap:35px}.flow{overflow:auto;gap:14px}.flow span{min-width:130px}.cta{margin:0 18px 50px;padding:32px 24px}footer{margin:0 18px}.doc{left:55px;top:125px}.truck{right:30px}.route{left:20px}}