@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Noto+Serif+TC:wght@700;900&display=swap');
:root{--forest:#202033;--forest-2:#34344f;--forest-3:#65679c;--bronze:#8e91c7;--bronze-light:#c8cbea;--paper:#f7f7f9;--mist:#ececf4;--ink:#20202a;--muted:#6e6f7e;--red:#c53035;--line:#dddde7;--linegreen:#06c755;--shadow:0 22px 70px rgba(32,32,51,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{height:84px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;gap:34px;background:rgba(244,242,236,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,51,44,.12);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:flex;align-items:baseline;gap:8px}.brand strong{font:900 20px 'Noto Serif TC',serif;letter-spacing:.03em}.brand small{font-size:11px;color:var(--forest-3);font-weight:800;letter-spacing:.12em}nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:13px;font-weight:700;text-decoration:none;position:relative}nav a:after{content:'';height:2px;width:0;background:var(--bronze);position:absolute;left:0;bottom:-8px;transition:width .25s ease}nav a:hover:after{width:100%}.header-call{height:44px;padding:0 18px;border-radius:999px;background:var(--forest);color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.header-call svg{width:17px;height:17px}.eyebrow{margin:0;font-size:12px!important;line-height:1.4;font-weight:900;letter-spacing:.19em;color:var(--bronze);text-transform:uppercase}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);background:var(--forest);position:relative;color:#fff}.hero-photo{min-height:720px;background:url('hero-zuoying-v2.png') 63% center/cover no-repeat;order:2}.hero-content{padding:clamp(70px,8vw,130px) clamp(28px,6vw,96px);align-self:center;position:relative;z-index:2;background:linear-gradient(135deg,#0b3029 0%,#123e35 70%,#194a3e 100%)}.hero-content:after{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(226,197,153,.18);border-radius:50%;left:-150px;bottom:-120px}.hero h1{font:900 clamp(45px,5.4vw,78px)/1.2 'Noto Serif TC',serif;letter-spacing:-.045em;margin:18px 0 25px;position:relative}.hero h1 span{color:var(--bronze-light)}.hero-lead{max-width:620px;margin:0;color:#d8e3de;font-size:clamp(16px,1.3vw,19px);line-height:1.95}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{min-height:52px;padding:0 23px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.2)}.btn svg{width:19px;height:19px}.btn-call{background:var(--red);color:#fff}.btn-line{background:var(--linegreen);color:#fff}.line-mark{font:900 10px/1 Arial,sans-serif;background:#fff;color:var(--linegreen);padding:5px 4px;border-radius:4px}.hero-points{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}.hero-points li{padding:20px 14px 0 0;display:flex;flex-direction:column}.hero-points b{font:700 17px 'Noto Serif TC',serif}.hero-points span{font-size:12px;color:#9fb9b1}
.intro{padding:clamp(78px,10vw,145px) clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr .85fr;gap:45px 10vw;max-width:1540px;margin:auto;position:relative}.intro:before{content:'';position:absolute;right:-160px;top:50px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(189,148,99,.13),rgba(189,148,99,0) 70%);pointer-events:none}.intro h2,.section-head h2,.district-title h2,.notice h2,.faq h2,.cta h2{font:900 clamp(38px,4.9vw,68px)/1.3 'Noto Serif TC',serif;letter-spacing:-.04em;margin:15px 0}.intro h2 em{font-style:normal;color:var(--forest-3)}.intro-copy{padding-top:35px}.intro-copy p{font-size:17px;color:var(--muted);margin:0 0 28px}.intro-copy a{display:inline-flex;gap:20px;color:var(--forest);font-weight:900;text-decoration:none;border-bottom:1px solid var(--forest);padding-bottom:6px}.advantage-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:26px}.advantage-grid article{padding:32px 28px;background:#fff;border:1px solid #e0e3de;border-radius:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.advantage-grid article:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--bronze-light)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--mist);color:var(--forest-2)}.icon svg{width:24px;height:24px}.advantage-grid h3{font:800 20px 'Noto Serif TC',serif;margin:23px 0 10px}.advantage-grid p{font-size:14px;color:var(--muted);margin:0}
.districts{margin:0 clamp(18px,4vw,65px);padding:clamp(62px,7vw,105px);border-radius:28px;background:linear-gradient(120deg,#0b3029,#174b3f);color:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center;overflow:hidden;position:relative}.districts:after{content:'左營';position:absolute;right:-30px;bottom:-100px;font:900 220px 'Noto Serif TC',serif;color:rgba(255,255,255,.025)}.district-title h2{font-size:clamp(36px,4vw,58px)}.district-map{position:relative;z-index:2}.district-map ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 34px}.district-map li{position:relative;padding:18px 20px 18px 48px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.05)}.district-map li:before{content:'';position:absolute;left:20px;top:26px;width:10px;height:10px;border:3px solid var(--bronze-light);border-radius:50%;box-shadow:0 0 0 5px rgba(226,197,153,.12)}.district-map b{display:block;font-size:17px}.district-map small{color:#aac3bb}
.services{padding:clamp(85px,10vw,145px) clamp(22px,6vw,95px);max-width:1540px;margin:auto}.section-head{display:grid;grid-template-columns:1fr minmax(300px,520px);gap:50px;align-items:end;margin-bottom:55px}.section-head>p{color:var(--muted);margin:0 0 18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e0e4df;transition:transform .28s ease,box-shadow .28s ease}.service-card:hover{transform:translateY(-9px);box-shadow:var(--shadow)}.service-photo{height:235px;background-image:url('services-zuoying-grid.png');background-repeat:no-repeat;background-size:300% 200%}.photo-car{background-position:0 0}.photo-scooter{background-position:50% 0}.photo-gold{background-position:100% 0}.photo-watch{background-position:0 100%}.photo-device{background-position:50% 100%}.photo-business{background-position:100% 100%}.service-card>div:last-child{padding:28px 27px 31px;position:relative}.service-icon{position:absolute;right:24px;top:-25px;width:50px;height:50px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(13,51,44,.25)}.service-icon svg{width:25px;height:25px}.service-card h3{font:800 23px 'Noto Serif TC',serif;margin:0 0 10px}.service-card p{font-size:14px;color:var(--muted);margin:0}
.notice{background:#dfe7e1;padding:clamp(85px,10vw,145px) clamp(22px,7vw,110px);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.notice-intro{align-self:start;position:sticky;top:125px}.notice-intro>p:not(.eyebrow){color:var(--muted);font-size:16px}.notice-intro>a{display:inline-block;margin-top:18px;font-weight:800;color:var(--forest);text-decoration:none;border-bottom:1px solid var(--forest)}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.notice-grid article{background:#f8f9f6;border-radius:16px;padding:25px;display:grid;grid-template-columns:38px 1fr;gap:13px;min-height:188px;border:1px solid rgba(13,51,44,.08)}.notice-grid article>span{width:32px;height:32px;border-radius:9px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.notice-grid b{display:block;color:var(--forest-3);font-size:13px;letter-spacing:.08em}.notice-grid strong{display:block;font:800 21px 'Noto Serif TC',serif;margin:8px 0}.notice-grid p{color:var(--muted);font-size:13px;margin:0}.notice-grid .late-note{grid-column:1/-1;min-height:0;background:#fff5f1;border-color:#efd1c6}.notice-grid .late-note>span{background:var(--red)}
.process{padding:clamp(85px,10vw,140px) clamp(22px,6vw,95px);background:var(--forest);color:#fff}.process .section-head{max-width:1350px;margin:0 auto 58px}.section-head.light>p{color:#abc2bb}.process-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-grid:before{content:'';position:absolute;left:8%;right:8%;top:61px;height:1px;background:rgba(226,197,153,.35)}.process-grid article{text-align:center;padding:0 25px;position:relative}.process-num{position:absolute;top:-4px;right:25px;color:rgba(255,255,255,.12);font:700 64px Georgia,serif}.process-icon{width:70px;height:70px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#174b3f;border:1px solid var(--bronze);color:var(--bronze-light);position:relative;z-index:2}.process-icon svg{width:30px;height:30px}.process-grid h3{font:800 21px 'Noto Serif TC',serif;margin:25px 0 8px}.process-grid p{font-size:14px;color:#abc2bb;margin:0}
.faq{padding:clamp(85px,10vw,145px) clamp(22px,7vw,110px);display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;max-width:1540px;margin:auto}.faq-title>p:last-child{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary i{width:26px;height:26px;position:relative;flex:none}.faq summary i:before,.faq summary i:after{content:'';position:absolute;background:var(--forest);left:6px;right:6px;top:12px;height:2px}.faq summary i:after{transform:rotate(90deg);transition:transform .2s ease}.faq details[open] summary i:after{transform:rotate(0)}.faq details p{color:var(--muted);margin:-4px 50px 25px 0;font-size:15px}
.cta{min-height:590px;position:relative;background:url('cta-zuoying-city.png') center/cover no-repeat;color:#fff;display:grid;place-items:center;text-align:center;padding:75px 22px}.cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,24,.86),rgba(7,34,29,.7),rgba(6,28,24,.86))}.cta-content{position:relative;z-index:2;max-width:780px}.cta-content>img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.cta h2{margin:12px 0 15px}.cta-content>p:not(.eyebrow){font-size:17px;color:#d5e1dc;max-width:650px;margin:0 auto}.cta-actions{justify-content:center}.site-footer{background:#071e1a;color:#afc0ba;padding:62px clamp(22px,6vw,95px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-brand{display:flex;align-items:center;gap:17px}.footer-brand img{width:80px;height:80px;object-fit:contain}.footer-brand strong{display:block;color:#fff;font:800 21px 'Noto Serif TC',serif}.footer-brand small{display:block;color:#829a92;margin-top:4px}.footer-contact{display:grid;gap:8px;align-content:center}.footer-contact p{margin:0;display:grid;grid-template-columns:80px 1fr;font-size:14px}.footer-contact b{color:var(--bronze-light)}.footer-contact a{text-decoration:none}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#6f8980}
.desktop-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:45;display:grid;gap:9px}.desktop-float a{width:64px;height:64px;border-radius:17px;color:#fff;text-decoration:none;display:grid;place-items:center;align-content:center;gap:1px;box-shadow:0 10px 28px rgba(0,0,0,.2);transition:transform .2s ease}.desktop-float a:hover{transform:translateX(-5px)}.desktop-float svg{width:22px;height:22px}.desktop-float span{font-size:11px;font-weight:800}.desktop-float b{font:900 11px Arial,sans-serif;border:2px solid #fff;border-radius:5px;padding:3px}.float-call{background:var(--red)}.float-line{background:var(--linegreen)}.mobile-contact{display:none}
@media(max-width:1050px){nav{display:none}.hero{grid-template-columns:1fr 1fr}.hero-content{padding-left:42px;padding-right:42px}.advantage-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.notice{grid-template-columns:1fr}.notice-intro{position:static}.process-grid{grid-template-columns:repeat(2,1fr);gap:55px 0}.process-grid:before{display:none}}
@media(max-width:760px){html{scroll-padding-top:68px}body{padding-bottom:66px}.site-header{height:68px;padding:0 15px}.brand img{width:48px;height:48px}.brand strong{font-size:17px}.brand small{display:none}.header-call{margin-left:auto;height:39px;padding:0 13px;font-size:13px}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{order:1;min-height:365px;background-position:61% center}.hero-content{order:2;padding:50px 22px 46px}.hero h1{font-size:clamp(39px,11vw,57px)}.hero-lead{font-size:16px}.hero-actions .btn{flex:1;padding:0 14px}.hero-points{margin-top:38px}.hero-points li{padding-right:6px}.hero-points b{font-size:14px}.intro{grid-template-columns:1fr;padding:78px 22px}.intro-copy{padding-top:0}.advantage-grid{grid-template-columns:1fr;gap:12px}.districts{margin:0 12px;padding:62px 24px;grid-template-columns:1fr;border-radius:22px}.district-map ul{grid-template-columns:1fr;gap:10px}.services{padding:85px 18px}.section-head{grid-template-columns:1fr;gap:14px;margin-bottom:37px}.section-head h2{font-size:40px}.service-grid{grid-template-columns:1fr;gap:16px}.service-photo{height:225px}.notice{padding:85px 18px}.notice-grid{grid-template-columns:1fr}.notice-grid .late-note{grid-column:auto}.process{padding:85px 20px}.process-grid{grid-template-columns:1fr;gap:48px}.faq{grid-template-columns:1fr;padding:85px 22px}.cta{min-height:570px}.site-footer{grid-template-columns:1fr;padding:50px 22px 35px}.footer-bottom{flex-direction:column;gap:5px}.desktop-float{display:none}.mobile-contact{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;box-shadow:0 -5px 25px rgba(0,0,0,.2)}.mobile-contact a{height:66px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900}.mobile-contact svg{width:22px;height:22px}.mobile-contact b{font:900 10px Arial,sans-serif;border:2px solid #fff;border-radius:5px;padding:3px}.mobile-call{background:var(--red)}.mobile-line{background:var(--linegreen)}}
@media(max-width:420px){.header-call{font-size:0;width:43px;padding:0;justify-content:center}.header-call svg{width:20px;height:20px}.hero-photo{min-height:310px}.hero-points{grid-template-columns:1fr 1fr}.hero-points li:last-child{display:none}.service-photo{height:205px}.notice-grid article{padding:21px}.footer-contact p{grid-template-columns:70px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service-card,.advantage-grid article,.desktop-float a{transition:none}}

/* 左營站：霧白、鈦銀與藍綠的都會科技配色 */
.site-header{background:rgba(250,252,252,.95);border-bottom-color:rgba(27,39,49,.12)}
.hero{background:#edf2f3;color:var(--ink)}
.hero-photo{background-image:linear-gradient(90deg,rgba(20,34,44,.14),rgba(20,34,44,0)),url('hero-zuoying-v2.png');background-blend-mode:color,normal}
.hero-content{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fbfcfc 0%,#eef3f4 70%,#dfeaec 100%)}
.hero-content:after{border-color:rgba(0,168,168,.16)}
.hero h1 span{color:var(--forest-3)}
.hero-lead{color:#53656d}
.hero-points{border-top-color:rgba(27,39,49,.17)}
.hero-points b{color:var(--ink)}
.hero-points span{color:#73848b}
.intro:before{background:radial-gradient(circle,rgba(0,168,168,.11),rgba(0,168,168,0) 70%)}
.districts{background:linear-gradient(120deg,#17232c,#273d49 58%,#156a6d)}
.district-map li:before{box-shadow:0 0 0 5px rgba(0,168,168,.14)}
.notice{background:#e5eff1}
.notice-grid article{background:#fbfcfc;border-color:rgba(27,39,49,.08)}
.process{background:#f3f6f7;color:var(--ink);border-top:1px solid #dce5e7;border-bottom:1px solid #dce5e7}
.section-head.light>p,.process-grid p{color:var(--muted)}
.process-grid:before{background:#a9c8ca}
.process-num{color:rgba(0,127,131,.10)}
.process-icon{background:#fff;border-color:#61c6c4;color:var(--forest-3);box-shadow:0 10px 30px rgba(25,43,53,.08)}
.cta-overlay{background:linear-gradient(90deg,rgba(20,30,39,.88),rgba(19,49,56,.70),rgba(20,30,39,.88))}
.site-footer{background:#131d25}

@media(max-width:760px){.hero-content{background:linear-gradient(155deg,#fbfcfc,#e6eef0)}.hero-photo{background-blend-mode:color,normal}.process{background:#f3f6f7}}

/* 左營站：深靛紫、石墨與霧銀的都會漸層 */
.site-header{background:rgba(249,249,252,.95);border-bottom-color:rgba(32,32,51,.12)}
.hero{display:block;background:#191926;color:#fff;overflow:hidden}
.hero-photo{position:absolute;inset:0;min-height:0;background-image:url('hero-zuoying-v2.png');background-position:63% center;background-blend-mode:normal;order:initial}
.hero-content{width:100%;min-height:calc(100vh - 84px);padding-right:52%;align-self:auto;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#171724 0%,rgba(31,30,50,.98) 34%,rgba(48,46,78,.78) 54%,rgba(48,46,78,.18) 75%,rgba(48,46,78,0) 100%)}
.hero-content:after{border-color:rgba(200,203,234,.18)}
.hero h1 span{color:var(--bronze-light)}
.hero-lead{color:#e2e2eb}
.hero-points{border-top-color:rgba(255,255,255,.2)}
.hero-points b{color:#fff}
.hero-points span{color:#babacd}
.intro:before{background:radial-gradient(circle,rgba(142,145,199,.14),rgba(142,145,199,0) 70%)}
.districts{background:linear-gradient(120deg,#1a1a2a,#31304c 58%,#555783)}
.district-map li:before{box-shadow:0 0 0 5px rgba(142,145,199,.16)}
.service-photo{height:255px;background-size:300% auto}
.photo-car{background-position:0 13%}.photo-scooter{background-position:50% 13%}.photo-gold{background-position:100% 13%}.photo-watch{background-position:0 87%}.photo-device{background-position:50% 87%}.photo-business{background-position:100% 87%}
.notice{background:linear-gradient(135deg,#e9e9f1,#f3f3f7)}
.notice-grid article{background:#fcfcfd;border-color:rgba(32,32,51,.08)}
.process{background:linear-gradient(120deg,#1b1b2b,#34334f);color:#fff;border:0}
.section-head.light>p,.process-grid p{color:#c0c0cf}
.process-grid:before{background:rgba(200,203,234,.36)}
.process-num{color:rgba(255,255,255,.10)}
.process-icon{background:#292941;border-color:var(--bronze);color:var(--bronze-light);box-shadow:0 10px 30px rgba(12,12,22,.2)}
.cta-overlay{background:linear-gradient(90deg,rgba(20,19,34,.91),rgba(47,44,74,.68),rgba(20,19,34,.88))}
.site-footer{background:#151520}
.footer-bottom{justify-content:flex-end;color:#89899c}

@media(max-width:760px){.hero{display:flex}.hero-photo{position:relative;inset:auto;order:1;min-height:365px;background-image:linear-gradient(180deg,rgba(23,23,36,.05),rgba(23,23,36,.48)),url('hero-zuoying-v2.png');background-blend-mode:normal}.hero-content{width:auto;min-height:0;order:2;padding:50px 22px 46px;background:linear-gradient(145deg,#1a1a29,#34334f)}.process{background:linear-gradient(145deg,#1b1b2b,#34334f)}.service-photo{height:245px}.footer-bottom{align-items:flex-start}}
@media(max-width:420px){.hero-photo{min-height:310px}.service-photo{height:220px}}