.brand-logo{object-fit:contain;mix-blend-mode:multiply;background:0 0;width:auto;height:auto;display:block}.brand-logo--nav{height:2.75rem}.brand-logo--footer{height:3.5rem}.brand-logo--hero{height:clamp(10.725rem,31.2vw,16.575rem);margin-bottom:var(--space-md)}.brand-logo--ink,.brand-logo--amber{opacity:1}@media (width<=599px){.brand-logo--nav{height:2.4rem}.brand-logo--hero{height:clamp(8.775rem,54.6vw,13.65rem)}}.site-footer{border-top:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-xl) 0 var(--space-lg);background:#ffffffd1;margin-top:auto}.site-footer__grid{gap:var(--space-lg);display:grid}.site-footer__logo{margin-bottom:var(--space-sm);display:inline-flex}.site-footer__tagline{max-width:22rem;margin:0}.site-footer__heading{margin-bottom:var(--space-sm);color:var(--color-accent);font-size:.95rem}.site-footer__list{color:var(--color-muted);gap:.45rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.site-footer__list a:hover{color:var(--color-accent)}.site-footer__bottom{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-line)}.site-footer__bottom p{margin:0;font-size:.85rem}@media (width>=720px){.site-footer__grid{grid-template-columns:1.4fr 1fr;align-items:start}}.site-header{z-index:40;height:var(--header-h);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;position:sticky;top:0}.site-header__inner{height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.site-logo{align-items:center;display:inline-flex}.site-nav{display:none}.site-nav__list{align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{font-family:var(--font-ui);color:var(--color-muted);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:999px;padding:.45rem .7rem;font-size:.92rem;font-weight:500;display:inline-flex}.site-nav__link:hover,.site-nav__link.is-active{color:var(--color-ink)}.site-nav__link.is-active{color:var(--color-accent);background:var(--color-mist-soft)}.site-header__actions{align-items:center;gap:.5rem;display:flex}.lang-picker{display:inline-flex}.lang-toggle{appearance:none;min-width:3.25rem;min-height:2.5rem;font-family:var(--font-ui);letter-spacing:.04em;color:var(--color-ink);border:1px solid var(--color-line);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right .65rem center no-repeat;border-radius:999px;padding:.35rem 1.6rem .35rem .75rem;font-size:.85rem;font-weight:600}.lang-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.lang-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-burger{flex-direction:column;justify-content:center;gap:6px;width:2.5rem;height:2.5rem;padding:.55rem;display:inline-flex}.nav-burger span{background:var(--color-ink);width:100%;height:2px;transition:transform var(--dur-fast) var(--ease-out);display:block}.nav-burger[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.nav-burger[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-nav{inset:var(--header-h) 0 0;padding:var(--space-lg) var(--space-md);border-top:1px solid var(--color-line);background:#fff;position:fixed}.mobile-nav[hidden]{display:none}.mobile-nav.is-open{animation:fade-in var(--dur-med) var(--ease-out);display:block}.mobile-nav ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.mobile-nav a{border-bottom:1px solid var(--color-line);padding:1rem .25rem;font-size:1.35rem;font-weight:700;display:block}.mobile-nav a:hover{color:var(--color-accent)}@media (width>=900px){.site-nav{display:block}.nav-burger,.mobile-nav{display:none!important}}:root{--color-void:#fff;--color-surface:#f3f4f6;--color-surface-raised:#fff;--color-ink:#111827;--color-muted:#6b7280;--color-accent:#2563eb;--color-accent-hot:#1d4ed8;--color-amber:#2563eb;--color-amber-hot:#1d4ed8;--color-mist:#93c5fd;--color-mist-soft:#2563eb1f;--color-line:#1118271a;--font-display:"Noto Sans TC", "Barlow", sans-serif;--font-body:"Noto Sans TC", "Barlow", sans-serif;--font-ui:"Barlow", "Noto Sans TC", sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.5rem;--space-2xl:5.5rem;--radius-sm:10px;--radius-md:16px;--max-width:1120px;--header-h:4.25rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.18s;--dur-med:.42s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color:#dfe7f0;background-image:url(/assets/city-bg-DVvLUaRi.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;font-size:1.05rem;line-height:1.65}#root{background:0 0;flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-md);color:var(--color-ink);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,4.5vw,3.25rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:clamp(1.1rem,2vw,1.25rem)}p{margin:0 0 var(--space-md);color:var(--color-muted)}p:last-child{margin-bottom:0}.site-main{flex:1}.route-fallback{min-height:40vh}.container{width:min(100% - 2rem, var(--max-width));margin-inline:auto}.section{padding:var(--space-2xl) 0;content-visibility:auto;contain-intrinsic-size:1px 720px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8}.section--tight{padding:var(--space-xl) 0}.eyebrow{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);font-size:.8rem;font-weight:600}.lead{max-width:36rem;color:var(--color-muted);font-size:clamp(1.05rem,2vw,1.2rem)}.cta-row{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.cta-row--center{justify-content:center}.btn{min-height:2.85rem;font-family:var(--font-ui);letter-spacing:.01em;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 8px 20px #2563eb38}.btn--primary:hover{background:var(--color-accent-hot)}.btn--ghost{color:var(--color-ink);border:1px solid var(--color-line);background:#fff}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--store{background:var(--color-accent);color:#fff;min-height:3rem;padding:.8rem 1.35rem;box-shadow:0 10px 24px #2563eb3d}.btn--store:hover{background:var(--color-accent-hot)}.btn__dl{border:2px solid;border-top:0;border-radius:0 0 .2rem .2rem;width:.95rem;height:.95rem;position:relative}.btn__dl:before{content:"";background:currentColor;width:.14rem;height:.55rem;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)}.btn__dl:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.42rem;height:.42rem;position:absolute;top:-.05rem;left:50%;transform:translate(-50%)rotate(45deg)}.cta-row--store{gap:.75rem}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anim-rise{animation:rise-in var(--dur-med) var(--ease-out) both}.anim-rise-delay{animation:rise-in var(--dur-med) var(--ease-out) .1s both}.anim-rise-delay-2{animation:rise-in var(--dur-med) var(--ease-out) .2s both}.anim-fade{animation:fade-in .6s var(--ease-out) both}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.anim-rise,.anim-rise-delay,.anim-rise-delay-2,.anim-fade{animation:none!important}.btn:hover{transform:none}}.page-hero{padding:var(--space-2xl) 0 var(--space-xl);background:0 0;position:relative;overflow:hidden}.page-hero__inner{z-index:1;max-width:40rem;position:relative}.hero-product{margin:0 0 var(--space-md);font-family:var(--font-ui);letter-spacing:.04em;color:var(--color-accent);align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:inline-flex}.hero-product__icon{background:var(--color-accent);border-radius:.2rem;width:1.35rem;height:.85rem;box-shadow:.4rem 0 0 -.15rem #93c5fd}.hero-headline{gap:.12em;display:grid}.hero-headline__line1,.hero-headline__line2{display:block}.page-hero--home{min-height:calc(100svh - var(--header-h));align-items:center;padding:clamp(1.5rem,4vh,3rem) 0;display:flex}.page-hero__home-grid{gap:var(--space-xl);width:min(100% - 2rem, var(--max-width));align-items:center;display:grid}.page-hero--home .page-hero__inner{max-width:36rem}.page-hero--home .hero-headline{font-size:clamp(2.1rem,4.8vw,3.4rem);line-height:1.18}.page-hero--home .lead{max-width:30rem}@media (width>=900px){.page-hero__home-grid{grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem)}.phone-mock{justify-self:end}}.hero__atmosphere{display:none}.feature-grid{gap:var(--space-md);display:grid}.feature-grid--photos{margin-top:var(--space-xl)}.feature-card{padding:var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:0 8px 24px #1118270a}.feature-card h3{margin-bottom:var(--space-xs)}.feature-card p{margin:0}.feature-card--photo{grid-template-rows:auto 1fr;padding:0;display:grid;overflow:hidden}.feature-card__media{aspect-ratio:4/3;background:#e5e7eb;overflow:hidden}.feature-card__media img{object-fit:cover;width:100%;height:100%}.feature-card__copy{padding:var(--space-md) var(--space-lg) var(--space-lg)}.feature-card__copy h3{margin:0 0 var(--space-xs)}.feature-card__copy p{margin:0}.steps{gap:var(--space-lg);counter-reset:step;margin:var(--space-lg) 0 0;padding:0;list-style:none;display:grid}.step{gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #1118270a}.step__media{margin:calc(-1 * var(--space-md)) calc(-1 * var(--space-md)) 0;aspect-ratio:4/3;background:#e5e7eb;position:relative;overflow:hidden}.step__media img{object-fit:cover;width:100%;height:100%}.step__media:after{counter-increment:step;content:counter(step, decimal-leading-zero);min-width:2.4rem;color:var(--color-accent);font-family:var(--font-ui);text-align:center;background:#ffffffeb;border-radius:999px;padding:.35rem .55rem;font-size:.9rem;font-weight:700;position:absolute;top:.85rem;left:.85rem;box-shadow:0 4px 12px #1118271f}.step__copy{gap:var(--space-xs);padding:0 var(--space-sm) var(--space-sm);display:grid}.step__copy h3,.step__copy p{margin:0}.about-safety{color:var(--color-ink);margin:.5rem 0 0;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:600}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-lg)}.contact-list{margin:var(--space-md) 0 0;color:var(--color-muted);gap:.4rem;padding:0;list-style:none;display:grid}.qr-grid{gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;justify-items:center;display:grid}.qr-note{margin-top:var(--space-lg);text-align:center;font-size:.9rem}.split-hint{gap:var(--space-md);margin-top:var(--space-xl);display:grid}.split-hint__item{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md)}.split-hint__item p{margin:.35rem 0 0}.phone-mock{width:min(100%,336px);animation:rise-in var(--dur-med) var(--ease-out) .15s both;background:#111827;border-radius:2.4rem;justify-self:center;padding:.55rem;box-shadow:0 30px 60px #11182738,0 8px 20px #1118271a}.phone-mock__screen{isolation:isolate;background:#eef2f6;border-radius:1.9rem;min-height:620px;position:relative;overflow:hidden}.phone-mock__map,.trip-map{z-index:0;background:#e8edf2;border:0;border-radius:0;height:100%;position:absolute;inset:0;overflow:hidden}.phone-mock__map[hidden]{display:none!important}.phone-mock__map--loading{background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 50%,#e5e7eb 100%) 0 0/200% 100%}.trip-map .leaflet-container{width:100%;height:100%;font:inherit;background:#e8edf2}.phone-mock__ui{z-index:2;background:linear-gradient(#ffffffb8 0%,#ffffff2e 18%,#0000 36% 62%,#f8fafc8c 100%);grid-template-rows:auto auto 1fr auto;gap:.75rem;min-height:620px;padding:.55rem .85rem .95rem;display:grid;position:relative}.phone-mock__status{color:var(--color-ink);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.phone-mock__signal{background-color:#d1d5db;background-image:linear-gradient(90deg,#111827 40%,#0000 40%),linear-gradient(90deg,#111827 70%,#0000 70%),none;background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:30% 100%,55% 100%,100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:2px;width:1.1rem;height:.55rem}.phone-mock__product{gap:.12rem;display:grid}.phone-mock__product-name{color:var(--color-ink);align-items:center;gap:.4rem;margin:0;font-size:1.05rem;font-weight:800;display:inline-flex}.phone-mock__car-icon{background:var(--color-accent);border-radius:.2rem;width:1.15rem;height:.7rem;box-shadow:.35rem 0 0 -.12rem #93c5fd}.phone-mock__product-tag,.phone-mock__step-label{color:var(--color-muted);margin:0;font-size:.72rem}.phone-mock__step-label{color:var(--color-accent);font-weight:600}.phone-mock__steps{gap:.35rem;display:flex}.phone-mock__dot{background:#e5e7ebf2;border-radius:999px;width:.45rem;height:.45rem}.phone-mock__dot--done{background:#93c5fd}.phone-mock__dot--active{background:var(--color-accent);width:1.1rem}.phone-mock__route-card,.phone-mock__fare-card,.phone-mock__arrive{background:#fffffff5;border:1px solid #11182714;border-radius:16px;box-shadow:0 10px 28px #1118271a}.phone-mock__route-card{align-self:start;gap:.7rem;padding:.85rem .9rem;display:grid}.phone-mock__route-row{color:var(--color-muted);grid-template-columns:auto 1fr;align-items:start;gap:.65rem;font-size:.72rem;display:grid}.phone-mock__route-row strong{color:var(--color-ink);margin-top:.12rem;font-size:.88rem;display:block}.phone-mock__pin{border-radius:999px;width:.55rem;height:.55rem;margin-top:.35rem}.phone-mock__pin--start{background:var(--color-accent);box-shadow:0 0 0 4px #2563eb2e}.phone-mock__pin--end{background:#111827;box-shadow:0 0 0 4px #1118271f}.phone-mock__bottom{align-self:end;gap:.65rem;display:grid}.phone-mock__fare-card{color:var(--color-muted);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.75rem .85rem;font-size:.75rem;display:grid}.phone-mock__fare-card strong{color:var(--color-ink);margin-top:.15rem;font-size:1.05rem;display:block}.phone-mock__car-thumb{object-fit:cover;border:2px solid #fff;border-radius:999px;width:3.4rem;height:3.4rem;box-shadow:0 4px 12px #1118271f}.phone-mock__cta{background:var(--color-accent);color:#fff;text-align:center;border-radius:14px;padding:.9rem;font-size:.95rem;font-weight:700;box-shadow:0 10px 24px #2563eb47}.phone-mock__arrive{text-align:center;animation:rise-in var(--dur-med) var(--ease-out) both;align-self:center;justify-items:center;gap:.85rem;padding:1.35rem 1.1rem;display:grid}.phone-mock__popup-title{color:var(--color-ink);margin:0;font-size:1.05rem;font-weight:700}.phone-mock__popup-body{max-width:14rem;color:var(--color-ink);margin:0;font-size:1.05rem;font-weight:700;line-height:1.45}.phone-mock__popup-ok{background:var(--color-accent);color:#fff;text-align:center;border-radius:10px;width:100%;max-width:10rem;padding:.65rem;font-size:.82rem;font-weight:700}@media (width>=720px){.feature-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.qr-grid{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}.split-hint{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.phone-mock{animation:none}}
