/* Isolate Stitch from global header, card and button decorations. */
#direction-screen[data-layout] :where(:not(svg):not(svg *)), #direction-screen[data-layout] *::before, #direction-screen[data-layout] *::after {all:revert;box-sizing:border-box;}
#direction-screen[data-layout] *::before,#direction-screen[data-layout] *::after {content:none;}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/direction/plus-jakarta-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/direction/plus-jakarta-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/direction/plus-jakarta-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/direction/plus-jakarta-3.ttf) format('truetype');
}

/* Directly extracted Stitch desktop/mobile CSS, scoped to this page. */
#direction-screen[data-layout="desktop"]{background-color: rgb(250, 247, 242); background-image: radial-gradient(circle at 10% 20%, rgba(243, 230, 222, 0.45) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(235, 223, 212, 0.5) 0%, transparent 45%); min-height: 100vh;}
#direction-screen[data-layout="desktop"] .floral-divider{position: relative; display: flex; align-items: center; justify-content: center;}
#direction-screen[data-layout="desktop"] .floral-divider::before,#direction-screen[data-layout="desktop"] .floral-divider::after{content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(to right, transparent, rgb(226, 210, 200), transparent);}
#direction-screen[data-layout="desktop"] *,#direction-screen[data-layout="desktop"] ::before,#direction-screen[data-layout="desktop"] ::after{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
#direction-screen[data-layout="desktop"] ::backdrop{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
#direction-screen[data-layout="desktop"] *,#direction-screen[data-layout="desktop"] ::after,#direction-screen[data-layout="desktop"] ::before{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
#direction-screen[data-layout="desktop"] ::after,#direction-screen[data-layout="desktop"] ::before{--tw-content: '';}
#direction-screen[data-layout="desktop"] :host,#direction-screen[data-layout="desktop"]{line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: "Plus Jakarta Sans", "Noto Sans TC", sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
#direction-screen[data-layout="desktop"]{margin: 0px; line-height: inherit;}
#direction-screen[data-layout="desktop"] hr{height: 0px; color: inherit; border-top-width: 1px;}
#direction-screen[data-layout="desktop"] abbr:where([title]){text-decoration: underline dotted;}
#direction-screen[data-layout="desktop"] h1,#direction-screen[data-layout="desktop"] h2,#direction-screen[data-layout="desktop"] h3,#direction-screen[data-layout="desktop"] h4,#direction-screen[data-layout="desktop"] h5,#direction-screen[data-layout="desktop"] h6{font-size: inherit; font-weight: inherit;}
#direction-screen[data-layout="desktop"] a{color: inherit; text-decoration: inherit;}
#direction-screen[data-layout="desktop"] b,#direction-screen[data-layout="desktop"] strong{font-weight: bolder;}
#direction-screen[data-layout="desktop"] code,#direction-screen[data-layout="desktop"] kbd,#direction-screen[data-layout="desktop"] pre,#direction-screen[data-layout="desktop"] samp{font-family: var(--font-sans-tc); font-feature-settings: normal; font-variation-settings: normal; font-size: 1em;}
#direction-screen[data-layout="desktop"] small{font-size: 80%;}
#direction-screen[data-layout="desktop"] sub,#direction-screen[data-layout="desktop"] sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
#direction-screen[data-layout="desktop"] sub{bottom: -0.25em;}
#direction-screen[data-layout="desktop"] sup{top: -0.5em;}
#direction-screen[data-layout="desktop"] table{text-indent: 0px; border-color: inherit; border-collapse: collapse;}
#direction-screen[data-layout="desktop"] button,#direction-screen[data-layout="desktop"] input,#direction-screen[data-layout="desktop"] optgroup,#direction-screen[data-layout="desktop"] select,#direction-screen[data-layout="desktop"] textarea{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
#direction-screen[data-layout="desktop"] button,#direction-screen[data-layout="desktop"] select{text-transform: none;}
#direction-screen[data-layout="desktop"] button,#direction-screen[data-layout="desktop"] input:where([type="button"]),#direction-screen[data-layout="desktop"] input:where([type="reset"]),#direction-screen[data-layout="desktop"] input:where([type="submit"]){appearance: button; background-color: transparent; background-image: none;}
#direction-screen[data-layout="desktop"] progress{vertical-align: baseline;}
#direction-screen[data-layout="desktop"] ::-webkit-inner-spin-button,#direction-screen[data-layout="desktop"] ::-webkit-outer-spin-button{height: auto;}
#direction-screen[data-layout="desktop"] [type="search"]{appearance: textfield; outline-offset: -2px;}
#direction-screen[data-layout="desktop"] ::-webkit-search-decoration{appearance: none;}
#direction-screen[data-layout="desktop"] ::-webkit-file-upload-button{appearance: button; font: inherit;}
#direction-screen[data-layout="desktop"] summary{display: list-item;}
#direction-screen[data-layout="desktop"] blockquote,#direction-screen[data-layout="desktop"] dd,#direction-screen[data-layout="desktop"] dl,#direction-screen[data-layout="desktop"] figure,#direction-screen[data-layout="desktop"] h1,#direction-screen[data-layout="desktop"] h2,#direction-screen[data-layout="desktop"] h3,#direction-screen[data-layout="desktop"] h4,#direction-screen[data-layout="desktop"] h5,#direction-screen[data-layout="desktop"] h6,#direction-screen[data-layout="desktop"] hr,#direction-screen[data-layout="desktop"] p,#direction-screen[data-layout="desktop"] pre{margin: 0px;}
#direction-screen[data-layout="desktop"] fieldset{margin: 0px; padding: 0px;}
#direction-screen[data-layout="desktop"] legend{padding: 0px;}
#direction-screen[data-layout="desktop"] menu,#direction-screen[data-layout="desktop"] ol,#direction-screen[data-layout="desktop"] ul{list-style: none; margin: 0px; padding: 0px;}
#direction-screen[data-layout="desktop"] dialog{padding: 0px;}
#direction-screen[data-layout="desktop"] textarea{resize: vertical;}
#direction-screen[data-layout="desktop"] input::placeholder,#direction-screen[data-layout="desktop"] textarea::placeholder{opacity: 1; color: rgb(156, 163, 175);}
#direction-screen[data-layout="desktop"] [role="button"],#direction-screen[data-layout="desktop"] button{cursor: pointer;}
#direction-screen[data-layout="desktop"] :disabled{cursor: default;}
#direction-screen[data-layout="desktop"] audio,#direction-screen[data-layout="desktop"] canvas,#direction-screen[data-layout="desktop"] embed,#direction-screen[data-layout="desktop"] iframe,#direction-screen[data-layout="desktop"] img,#direction-screen[data-layout="desktop"] object,#direction-screen[data-layout="desktop"] svg,#direction-screen[data-layout="desktop"] video{display: block; vertical-align: middle;}
#direction-screen[data-layout="desktop"] img,#direction-screen[data-layout="desktop"] video{max-width: 100%; height: auto;}
#direction-screen[data-layout="desktop"] [hidden]:where(:not([hidden="until-found"])){display: none;}
#direction-screen[data-layout="desktop"] [type="text"],#direction-screen[data-layout="desktop"] input:where(:not([type])),#direction-screen[data-layout="desktop"] [type="email"],#direction-screen[data-layout="desktop"] [type="url"],#direction-screen[data-layout="desktop"] [type="password"],#direction-screen[data-layout="desktop"] [type="number"],#direction-screen[data-layout="desktop"] [type="date"],#direction-screen[data-layout="desktop"] [type="datetime-local"],#direction-screen[data-layout="desktop"] [type="month"],#direction-screen[data-layout="desktop"] [type="search"],#direction-screen[data-layout="desktop"] [type="tel"],#direction-screen[data-layout="desktop"] [type="time"],#direction-screen[data-layout="desktop"] [type="week"],#direction-screen[data-layout="desktop"] [multiple],#direction-screen[data-layout="desktop"] textarea,#direction-screen[data-layout="desktop"] select{appearance: none; background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; border-radius: 0px; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000;}
#direction-screen[data-layout="desktop"] [type="text"]:focus,#direction-screen[data-layout="desktop"] input:where(:not([type])):focus,#direction-screen[data-layout="desktop"] [type="email"]:focus,#direction-screen[data-layout="desktop"] [type="url"]:focus,#direction-screen[data-layout="desktop"] [type="password"]:focus,#direction-screen[data-layout="desktop"] [type="number"]:focus,#direction-screen[data-layout="desktop"] [type="date"]:focus,#direction-screen[data-layout="desktop"] [type="datetime-local"]:focus,#direction-screen[data-layout="desktop"] [type="month"]:focus,#direction-screen[data-layout="desktop"] [type="search"]:focus,#direction-screen[data-layout="desktop"] [type="tel"]:focus,#direction-screen[data-layout="desktop"] [type="time"]:focus,#direction-screen[data-layout="desktop"] [type="week"]:focus,#direction-screen[data-layout="desktop"] [multiple]:focus,#direction-screen[data-layout="desktop"] textarea:focus,#direction-screen[data-layout="desktop"] select:focus{outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: rgb(37, 99, 235);}
#direction-screen[data-layout="desktop"] input::placeholder,#direction-screen[data-layout="desktop"] textarea::placeholder{color: rgb(107, 114, 128); opacity: 1;}
#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-fields-wrapper{padding: 0px;}
#direction-screen[data-layout="desktop"] ::-webkit-date-and-time-value{min-height: 1.5em; text-align: inherit;}
#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit{display: inline-flex;}
#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-year-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-month-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-day-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-hour-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-minute-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-second-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-millisecond-field,#direction-screen[data-layout="desktop"] ::-webkit-datetime-edit-meridiem-field{padding-top: 0px; padding-bottom: 0px;}
#direction-screen[data-layout="desktop"] select{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact;}
#direction-screen[data-layout="desktop"] [multiple],#direction-screen[data-layout="desktop"] [size]:where(select:not([size="1"])){background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset;}
#direction-screen[data-layout="desktop"] [type="checkbox"],#direction-screen[data-layout="desktop"] [type="radio"]{appearance: none; padding: 0px; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: rgb(37, 99, 235); background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; --tw-shadow: 0 0 #0000;}
#direction-screen[data-layout="desktop"] [type="checkbox"]{border-radius: 0px;}
#direction-screen[data-layout="desktop"] [type="radio"]{border-radius: 100%;}
#direction-screen[data-layout="desktop"] [type="checkbox"]:focus,#direction-screen[data-layout="desktop"] [type="radio"]:focus{outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] [type="checkbox"]:checked,#direction-screen[data-layout="desktop"] [type="radio"]:checked{border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
#direction-screen[data-layout="desktop"] [type="checkbox"]:checked{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}
@media (forced-colors: active) {#direction-screen[data-layout="desktop"] [type="checkbox"]:checked{appearance: auto;}}
#direction-screen[data-layout="desktop"] [type="radio"]:checked{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}
@media (forced-colors: active) {#direction-screen[data-layout="desktop"] [type="radio"]:checked{appearance: auto;}}
#direction-screen[data-layout="desktop"] [type="checkbox"]:checked:hover,#direction-screen[data-layout="desktop"] [type="checkbox"]:checked:focus,#direction-screen[data-layout="desktop"] [type="radio"]:checked:hover,#direction-screen[data-layout="desktop"] [type="radio"]:checked:focus{border-color: transparent; background-color: currentcolor;}
#direction-screen[data-layout="desktop"] [type="checkbox"]:indeterminate{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
@media (forced-colors: active) {#direction-screen[data-layout="desktop"] [type="checkbox"]:indeterminate{appearance: auto;}}
#direction-screen[data-layout="desktop"] [type="checkbox"]:indeterminate:hover,#direction-screen[data-layout="desktop"] [type="checkbox"]:indeterminate:focus{border-color: transparent; background-color: currentcolor;}
#direction-screen[data-layout="desktop"] [type="file"]{background: unset; border-color: inherit; border-width: 0px; border-radius: 0px; padding: 0px; font-size: unset; line-height: inherit;}
#direction-screen[data-layout="desktop"] [type="file"]:focus{outline: -webkit-focus-ring-color auto 1px;}
#direction-screen[data-layout="desktop"] .pointer-events-none{pointer-events: none;}
#direction-screen[data-layout="desktop"] .absolute{position: absolute;}
#direction-screen[data-layout="desktop"] .relative{position: relative;}
#direction-screen[data-layout="desktop"] .sticky{position: sticky;}
#direction-screen[data-layout="desktop"] .inset-0{inset: 0px;}
#direction-screen[data-layout="desktop"] .-bottom-10{bottom: -2.5rem;}
#direction-screen[data-layout="desktop"] .-right-10{right: -2.5rem;}
#direction-screen[data-layout="desktop"] .bottom-3{bottom: 0.75rem;}
#direction-screen[data-layout="desktop"] .left-3{left: 0.75rem;}
#direction-screen[data-layout="desktop"] .right-0{right: 0px;}
#direction-screen[data-layout="desktop"] .top-0{top: 0px;}
#direction-screen[data-layout="desktop"] .z-40{z-index: 40;}
#direction-screen[data-layout="desktop"] .-mx-7{margin-left: -1.75rem; margin-right: -1.75rem;}
#direction-screen[data-layout="desktop"] .mx-auto{margin-left: auto; margin-right: auto;}
#direction-screen[data-layout="desktop"] .-mb-7{margin-bottom: -1.75rem;}
#direction-screen[data-layout="desktop"] .mb-0\.5{margin-bottom: 0.125rem;}
#direction-screen[data-layout="desktop"] .mb-1{margin-bottom: 0.25rem;}
#direction-screen[data-layout="desktop"] .mb-14{margin-bottom: 3.5rem;}
#direction-screen[data-layout="desktop"] .mb-2\.5{margin-bottom: 0.625rem;}
#direction-screen[data-layout="desktop"] .mb-3{margin-bottom: 0.75rem;}
#direction-screen[data-layout="desktop"] .mb-4{margin-bottom: 1rem;}
#direction-screen[data-layout="desktop"] .mb-5{margin-bottom: 1.25rem;}
#direction-screen[data-layout="desktop"] .mb-6{margin-bottom: 1.5rem;}
#direction-screen[data-layout="desktop"] .mb-8{margin-bottom: 2rem;}
#direction-screen[data-layout="desktop"] .ml-1{margin-left: 0.25rem;}
#direction-screen[data-layout="desktop"] .mt-0\.5{margin-top: 0.125rem;}
#direction-screen[data-layout="desktop"] .mt-1{margin-top: 0.25rem;}
#direction-screen[data-layout="desktop"] .mt-1\.5{margin-top: 0.375rem;}
#direction-screen[data-layout="desktop"] .mt-3{margin-top: 0.75rem;}
#direction-screen[data-layout="desktop"] .mt-4{margin-top: 1rem;}
#direction-screen[data-layout="desktop"] .mt-5{margin-top: 1.25rem;}
#direction-screen[data-layout="desktop"] .mt-6{margin-top: 1.5rem;}
#direction-screen[data-layout="desktop"] .mt-8{margin-top: 2rem;}
#direction-screen[data-layout="desktop"] .block{display: block;}
#direction-screen[data-layout="desktop"] .inline-block{display: inline-block;}
#direction-screen[data-layout="desktop"] .flex{display: flex;}
#direction-screen[data-layout="desktop"] .inline-flex{display: inline-flex;}
#direction-screen[data-layout="desktop"] .grid{display: grid;}
#direction-screen[data-layout="desktop"] .hidden{display: none;}
#direction-screen[data-layout="desktop"] .h-10{height: 2.5rem;}
#direction-screen[data-layout="desktop"] .h-16{height: 4rem;}
#direction-screen[data-layout="desktop"] .h-2\.5{height: 0.625rem;}
#direction-screen[data-layout="desktop"] .h-20{height: 5rem;}
#direction-screen[data-layout="desktop"] .h-24{height: 6rem;}
#direction-screen[data-layout="desktop"] .h-3\.5{height: 0.875rem;}
#direction-screen[data-layout="desktop"] .h-4{height: 1rem;}
#direction-screen[data-layout="desktop"] .h-44{height: 11rem;}
#direction-screen[data-layout="desktop"] .h-8{height: 2rem;}
#direction-screen[data-layout="desktop"] .h-full{height: 100%;}
#direction-screen[data-layout="desktop"] .min-h-\[380px\]{min-height: 380px;}
#direction-screen[data-layout="desktop"] .w-10{width: 2.5rem;}
#direction-screen[data-layout="desktop"] .w-16{width: 4rem;}
#direction-screen[data-layout="desktop"] .w-2\.5{width: 0.625rem;}
#direction-screen[data-layout="desktop"] .w-20{width: 5rem;}
#direction-screen[data-layout="desktop"] .w-24{width: 6rem;}
#direction-screen[data-layout="desktop"] .w-3\.5{width: 0.875rem;}
#direction-screen[data-layout="desktop"] .w-4{width: 1rem;}
#direction-screen[data-layout="desktop"] .w-44{width: 11rem;}
#direction-screen[data-layout="desktop"] .w-8{width: 2rem;}
#direction-screen[data-layout="desktop"] .w-full{width: 100%;}
#direction-screen[data-layout="desktop"] .max-w-3xl{max-width: 48rem;}
#direction-screen[data-layout="desktop"] .max-w-7xl{max-width: 80rem;}
#direction-screen[data-layout="desktop"] .max-w-xs{max-width: 20rem;}
#direction-screen[data-layout="desktop"] .flex-1{flex: 1 1 0%;}
#direction-screen[data-layout="desktop"] .shrink-0{flex-shrink: 0;}
@keyframes pulse {50% { opacity: 0.5; }}
#direction-screen[data-layout="desktop"] .animate-pulse{animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;}
#direction-screen[data-layout="desktop"] .grid-cols-1{grid-template-columns: repeat(1, minmax(0px, 1fr));}
#direction-screen[data-layout="desktop"] .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#direction-screen[data-layout="desktop"] .grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#direction-screen[data-layout="desktop"] .flex-col{flex-direction: column;}
#direction-screen[data-layout="desktop"] .items-start{align-items: flex-start;}
#direction-screen[data-layout="desktop"] .items-center{align-items: center;}
#direction-screen[data-layout="desktop"] .items-stretch{align-items: stretch;}
#direction-screen[data-layout="desktop"] .justify-center{justify-content: center;}
#direction-screen[data-layout="desktop"] .justify-between{justify-content: space-between;}
#direction-screen[data-layout="desktop"] .gap-1{gap: 0.25rem;}
#direction-screen[data-layout="desktop"] .gap-1\.5{gap: 0.375rem;}
#direction-screen[data-layout="desktop"] .gap-2{gap: 0.5rem;}
#direction-screen[data-layout="desktop"] .gap-2\.5{gap: 0.625rem;}
#direction-screen[data-layout="desktop"] .gap-3{gap: 0.75rem;}
#direction-screen[data-layout="desktop"] .gap-6{gap: 1.5rem;}
#direction-screen[data-layout="desktop"] .gap-8{gap: 2rem;}
#direction-screen[data-layout="desktop"] .space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));}
#direction-screen[data-layout="desktop"] .space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));}
#direction-screen[data-layout="desktop"] .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="desktop"] .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="desktop"] .space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="desktop"] .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="desktop"] .space-y-3\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="desktop"] .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="desktop"] .overflow-hidden{overflow: hidden;}
#direction-screen[data-layout="desktop"] .rounded-2xl{border-radius: 1rem;}
#direction-screen[data-layout="desktop"] .rounded-full{border-radius: 9999px;}
#direction-screen[data-layout="desktop"] .rounded-lg{border-radius: 0.5rem;}
#direction-screen[data-layout="desktop"] .rounded-md{border-radius: 0.375rem;}
#direction-screen[data-layout="desktop"] .rounded-xl{border-radius: 0.75rem;}
#direction-screen[data-layout="desktop"] .rounded-r-xl{border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem;}
#direction-screen[data-layout="desktop"] .rounded-bl-full{border-bottom-left-radius: 9999px;}
#direction-screen[data-layout="desktop"] .border{border-width: 1px;}
#direction-screen[data-layout="desktop"] .border-0{border-width: 0px;}
#direction-screen[data-layout="desktop"] .border-b{border-bottom-width: 1px;}
#direction-screen[data-layout="desktop"] .border-l-4{border-left-width: 4px;}
#direction-screen[data-layout="desktop"] .border-t{border-top-width: 1px;}
#direction-screen[data-layout="desktop"] .border-dashed{border-style: dashed;}
#direction-screen[data-layout="desktop"] .border-amber-100{--tw-border-opacity: 1; border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-amber-400{--tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-blue-100{--tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-brand-border{--tw-border-opacity: 1; border-color: rgb(240 230 225 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-brand-border\/60{border-color: rgba(240, 230, 225, 0.6);}
#direction-screen[data-layout="desktop"] .border-brand-border\/70{border-color: rgba(240, 230, 225, 0.7);}
#direction-screen[data-layout="desktop"] .border-brand-border\/80{border-color: rgba(240, 230, 225, 0.8);}
#direction-screen[data-layout="desktop"] .border-brand-champagne{--tw-border-opacity: 1; border-color: rgb(232 222 212 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-emerald-100{--tw-border-opacity: 1; border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-indigo-100{--tw-border-opacity: 1; border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-indigo-100\/70{border-color: rgba(224, 231, 255, 0.7);}
#direction-screen[data-layout="desktop"] .border-rose-100{--tw-border-opacity: 1; border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-rose-100\/60{border-color: rgba(255, 228, 230, 0.6);}
#direction-screen[data-layout="desktop"] .border-sky-100{--tw-border-opacity: 1; border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-stone-100{--tw-border-opacity: 1; border-color: rgb(245 245 244 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .border-stone-200\/60{border-color: rgba(231, 229, 228, 0.6);}
#direction-screen[data-layout="desktop"] .border-stone-200\/80{border-color: rgba(231, 229, 228, 0.8);}
#direction-screen[data-layout="desktop"] .border-stone-300{--tw-border-opacity: 1; border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-amber-50{--tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-amber-50\/70{background-color: rgba(255, 251, 235, 0.7);}
#direction-screen[data-layout="desktop"] .bg-amber-600{--tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-blue-50\/40{background-color: rgba(239, 246, 255, 0.4);}
#direction-screen[data-layout="desktop"] .bg-blue-600{--tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-brand-surface\/85{background-color: rgba(255, 255, 255, 0.85);}
#direction-screen[data-layout="desktop"] .bg-brand-wine{--tw-bg-opacity: 1; background-color: rgb(134 59 70 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-emerald-50{--tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-emerald-500{--tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-indigo-50{--tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-indigo-50\/50{background-color: rgba(238, 242, 255, 0.5);}
#direction-screen[data-layout="desktop"] .bg-rose-50{--tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-rose-50\/50{background-color: rgba(255, 241, 242, 0.5);}
#direction-screen[data-layout="desktop"] .bg-rose-50\/70{background-color: rgba(255, 241, 242, 0.7);}
#direction-screen[data-layout="desktop"] .bg-sky-50{--tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-sky-50\/50{background-color: rgba(240, 249, 255, 0.5);}
#direction-screen[data-layout="desktop"] .bg-stone-100{--tw-bg-opacity: 1; background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-stone-200{--tw-bg-opacity: 1; background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-stone-400{--tw-bg-opacity: 1; background-color: rgb(168 162 158 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-stone-50{--tw-bg-opacity: 1; background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-stone-50\/50{background-color: rgba(250, 250, 249, 0.5);}
#direction-screen[data-layout="desktop"] .bg-stone-50\/80{background-color: rgba(250, 250, 249, 0.8);}
#direction-screen[data-layout="desktop"] .bg-stone-50\/90{background-color: rgba(250, 250, 249, 0.9);}
#direction-screen[data-layout="desktop"] .bg-white{--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .bg-white\/70{background-color: rgba(255, 255, 255, 0.7);}
#direction-screen[data-layout="desktop"] .bg-white\/95{background-color: rgba(255, 255, 255, 0.95);}
#direction-screen[data-layout="desktop"] .fill-current{fill: currentcolor;}
#direction-screen[data-layout="desktop"] .fill-stone-600{fill: rgb(87, 83, 78);}
#direction-screen[data-layout="desktop"] .p-2\.5{padding: 0.625rem;}
#direction-screen[data-layout="desktop"] .p-3{padding: 0.75rem;}
#direction-screen[data-layout="desktop"] .p-3\.5{padding: 0.875rem;}
#direction-screen[data-layout="desktop"] .p-5{padding: 1.25rem;}
#direction-screen[data-layout="desktop"] .p-6{padding: 1.5rem;}
#direction-screen[data-layout="desktop"] .p-7{padding: 1.75rem;}
#direction-screen[data-layout="desktop"] .px-2\.5{padding-left: 0.625rem; padding-right: 0.625rem;}
#direction-screen[data-layout="desktop"] .px-3{padding-left: 0.75rem; padding-right: 0.75rem;}
#direction-screen[data-layout="desktop"] .px-3\.5{padding-left: 0.875rem; padding-right: 0.875rem;}
#direction-screen[data-layout="desktop"] .px-4{padding-left: 1rem; padding-right: 1rem;}
#direction-screen[data-layout="desktop"] .px-5{padding-left: 1.25rem; padding-right: 1.25rem;}
#direction-screen[data-layout="desktop"] .px-6{padding-left: 1.5rem; padding-right: 1.5rem;}
#direction-screen[data-layout="desktop"] .px-7{padding-left: 1.75rem; padding-right: 1.75rem;}
#direction-screen[data-layout="desktop"] .py-1{padding-top: 0.25rem; padding-bottom: 0.25rem;}
#direction-screen[data-layout="desktop"] .py-1\.5{padding-top: 0.375rem; padding-bottom: 0.375rem;}
#direction-screen[data-layout="desktop"] .py-2{padding-top: 0.5rem; padding-bottom: 0.5rem;}
#direction-screen[data-layout="desktop"] .py-2\.5{padding-top: 0.625rem; padding-bottom: 0.625rem;}
#direction-screen[data-layout="desktop"] .py-3\.5{padding-top: 0.875rem; padding-bottom: 0.875rem;}
#direction-screen[data-layout="desktop"] .py-4{padding-top: 1rem; padding-bottom: 1rem;}
#direction-screen[data-layout="desktop"] .py-8{padding-top: 2rem; padding-bottom: 2rem;}
#direction-screen[data-layout="desktop"] .pb-28{padding-bottom: 7rem;}
#direction-screen[data-layout="desktop"] .pb-3{padding-bottom: 0.75rem;}
#direction-screen[data-layout="desktop"] .pt-0\.5{padding-top: 0.125rem;}
#direction-screen[data-layout="desktop"] .pt-1\.5{padding-top: 0.375rem;}
#direction-screen[data-layout="desktop"] .pt-10{padding-top: 2.5rem;}
#direction-screen[data-layout="desktop"] .pt-3{padding-top: 0.75rem;}
#direction-screen[data-layout="desktop"] .pt-4{padding-top: 1rem;}
#direction-screen[data-layout="desktop"] .pt-5{padding-top: 1.25rem;}
#direction-screen[data-layout="desktop"] .pt-6{padding-top: 1.5rem;}
#direction-screen[data-layout="desktop"] .text-center{text-align: center;}
#direction-screen[data-layout="desktop"] .font-sans{font-family: "Plus Jakarta Sans", "Noto Sans TC", sans-serif;}
#direction-screen[data-layout="desktop"] .font-serif{font-family: "Home Serif TC", serif;}
#direction-screen[data-layout="desktop"] .text-2xl{font-size: 1.5rem; line-height: 2rem;}
#direction-screen[data-layout="desktop"] .text-3xl{font-size: 1.875rem; line-height: 2.25rem;}
#direction-screen[data-layout="desktop"] .text-\[10px\]{font-size: 10px;}
#direction-screen[data-layout="desktop"] .text-\[11px\]{font-size: 11px;}
#direction-screen[data-layout="desktop"] .text-base{font-size: 1rem; line-height: 1.5rem;}
#direction-screen[data-layout="desktop"] .text-lg{font-size: 1.125rem; line-height: 1.75rem;}
#direction-screen[data-layout="desktop"] .text-sm{font-size: 0.875rem; line-height: 1.25rem;}
#direction-screen[data-layout="desktop"] .text-xl{font-size: 1.25rem; line-height: 1.75rem;}
#direction-screen[data-layout="desktop"] .text-xs{font-size: 0.75rem; line-height: 1rem;}
#direction-screen[data-layout="desktop"] .font-bold{font-weight: 700;}
#direction-screen[data-layout="desktop"] .font-light{font-weight: 300;}
#direction-screen[data-layout="desktop"] .font-medium{font-weight: 500;}
#direction-screen[data-layout="desktop"] .font-normal{font-weight: 400;}
#direction-screen[data-layout="desktop"] .font-semibold{font-weight: 600;}
#direction-screen[data-layout="desktop"] .uppercase{text-transform: uppercase;}
#direction-screen[data-layout="desktop"] .leading-relaxed{line-height: 1.625;}
#direction-screen[data-layout="desktop"] .tracking-wide{letter-spacing: 0.025em;}
#direction-screen[data-layout="desktop"] .tracking-wider{letter-spacing: 0.05em;}
#direction-screen[data-layout="desktop"] .tracking-widest{letter-spacing: 0.1em;}
#direction-screen[data-layout="desktop"] .text-amber-600{--tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-amber-700{--tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-blue-600{--tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-brand-gold{--tw-text-opacity: 1; color: rgb(197 160 89 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-brand-muted{--tw-text-opacity: 1; color: rgb(123 114 109 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-brand-wine{--tw-text-opacity: 1; color: rgb(134 59 70 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-brand-winedark{--tw-text-opacity: 1; color: rgb(104 44 53 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-emerald-600{--tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-emerald-700{--tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-indigo-500{--tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-indigo-600{--tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-indigo-700{--tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-indigo-900{--tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-rose-700{--tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-sky-600{--tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-sky-700{--tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-stone-400{--tw-text-opacity: 1; color: rgb(168 162 158 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-stone-500{--tw-text-opacity: 1; color: rgb(120 113 108 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-stone-600{--tw-text-opacity: 1; color: rgb(87 83 78 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-stone-700{--tw-text-opacity: 1; color: rgb(68 64 60 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-stone-800{--tw-text-opacity: 1; color: rgb(41 37 36 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-stone-900{--tw-text-opacity: 1; color: rgb(28 25 23 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .text-white{--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .underline{text-decoration-line: underline;}
#direction-screen[data-layout="desktop"] .antialiased{-webkit-font-smoothing: antialiased;}
#direction-screen[data-layout="desktop"] .opacity-60{opacity: 0.6;}
#direction-screen[data-layout="desktop"] .opacity-85{opacity: 0.85;}
#direction-screen[data-layout="desktop"] .shadow-card{--tw-shadow: 0 12px 35px -8px rgba(104, 44, 53, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.02); --tw-shadow-colored: 0 12px 35px -8px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] .shadow-soft{--tw-shadow: 0 8px 30px -4px rgba(134, 59, 70, 0.05); --tw-shadow-colored: 0 8px 30px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] .blur-2xl{--tw-blur: blur(40px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#direction-screen[data-layout="desktop"] .contrast-\[1\.02\]{--tw-contrast: contrast(1.02); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#direction-screen[data-layout="desktop"] .filter{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#direction-screen[data-layout="desktop"] .backdrop-blur-md{--tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
#direction-screen[data-layout="desktop"] .backdrop-blur-sm{--tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
#direction-screen[data-layout="desktop"] .transition-all{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
#direction-screen[data-layout="desktop"] .transition-colors{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
#direction-screen[data-layout="desktop"] .transition-transform{transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
#direction-screen[data-layout="desktop"] .duration-200{transition-duration: 200ms;}
#direction-screen[data-layout="desktop"] .duration-300{transition-duration: 300ms;}
#direction-screen[data-layout="desktop"] .selection\:bg-brand-champagne ::selection{--tw-bg-opacity: 1; background-color: rgb(232 222 212 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .selection\:text-brand-winedark ::selection{--tw-text-opacity: 1; color: rgb(104 44 53 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .selection\:bg-brand-champagne::selection{--tw-bg-opacity: 1; background-color: rgb(232 222 212 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .selection\:text-brand-winedark::selection{--tw-text-opacity: 1; color: rgb(104 44 53 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:border-brand-wine:hover{--tw-border-opacity: 1; border-color: rgb(134 59 70 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:bg-brand-winedark:hover{--tw-bg-opacity: 1; background-color: rgb(104 44 53 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:bg-stone-100:hover{--tw-bg-opacity: 1; background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:bg-stone-50:hover{--tw-bg-opacity: 1; background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:text-brand-wine:hover{--tw-text-opacity: 1; color: rgb(134 59 70 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:text-brand-winedark:hover{--tw-text-opacity: 1; color: rgb(104 44 53 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="desktop"] .hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] .hover\:shadow-card:hover{--tw-shadow: 0 12px 35px -8px rgba(104, 44, 53, 0.06), 0 4px 12px -2px rgba(0, 0, 0, 0.02); --tw-shadow-colored: 0 12px 35px -8px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="desktop"] .active\:scale-95:active{--tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
#direction-screen[data-layout="desktop"] .active\:scale-\[0\.99\]:active{--tw-scale-x: 0.99; --tw-scale-y: 0.99; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
#direction-screen[data-layout="desktop"] .group:hover .group-hover\:-translate-x-1{--tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
@media (min-width: 640px) {#direction-screen[data-layout="desktop"] .sm\:inline-block{display: inline-block;}
#direction-screen[data-layout="desktop"] .sm\:text-4xl{font-size: 2.25rem; line-height: 2.5rem;}
#direction-screen[data-layout="desktop"] .sm\:text-base{font-size: 1rem; line-height: 1.5rem;}
#direction-screen[data-layout="desktop"] .sm\:text-sm{font-size: 0.875rem; line-height: 1.25rem;}}
@media (min-width: 768px) {#direction-screen[data-layout="desktop"] .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (min-width: 1024px) {#direction-screen[data-layout="desktop"] .lg\:col-span-5{grid-column: span 5 / span 5;}
#direction-screen[data-layout="desktop"] .lg\:col-span-7{grid-column: span 7 / span 7;}
#direction-screen[data-layout="desktop"] .lg\:-mx-9{margin-left: -2.25rem; margin-right: -2.25rem;}
#direction-screen[data-layout="desktop"] .lg\:-mb-9{margin-bottom: -2.25rem;}
#direction-screen[data-layout="desktop"] .lg\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));}
#direction-screen[data-layout="desktop"] .lg\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#direction-screen[data-layout="desktop"] .lg\:p-9{padding: 2.25rem;}
#direction-screen[data-layout="desktop"] .lg\:px-12{padding-left: 3rem; padding-right: 3rem;}
#direction-screen[data-layout="desktop"] .lg\:px-9{padding-left: 2.25rem; padding-right: 2.25rem;}
#direction-screen[data-layout="desktop"] .lg\:text-2xl{font-size: 1.5rem; line-height: 2rem;}
#direction-screen[data-layout="desktop"] .lg\:text-3xl{font-size: 1.875rem; line-height: 2.25rem;}
#direction-screen[data-layout="desktop"] .lg\:text-5xl{font-size: 3rem; line-height: 1;}
#direction-screen[data-layout="desktop"] .lg\:text-base{font-size: 1rem; line-height: 1.5rem;}
#direction-screen[data-layout="desktop"] .lg\:text-xl{font-size: 1.25rem; line-height: 1.75rem;}}
#direction-screen[data-layout="mobile"]{-webkit-tap-highlight-color: transparent; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);}
#direction-screen[data-layout="mobile"] .tap-action{transition: transform 0.15s, opacity 0.15s;}
#direction-screen[data-layout="mobile"] .tap-action:active{transform: scale(0.97); opacity: 0.9;}
#direction-screen[data-layout="mobile"] *,#direction-screen[data-layout="mobile"] ::before,#direction-screen[data-layout="mobile"] ::after{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
#direction-screen[data-layout="mobile"] ::backdrop{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
#direction-screen[data-layout="mobile"] *,#direction-screen[data-layout="mobile"] ::after,#direction-screen[data-layout="mobile"] ::before{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
#direction-screen[data-layout="mobile"] ::after,#direction-screen[data-layout="mobile"] ::before{--tw-content: '';}
#direction-screen[data-layout="mobile"] :host,#direction-screen[data-layout="mobile"]{line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang TC", "Noto Sans TC", sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
#direction-screen[data-layout="mobile"]{margin: 0px; line-height: inherit;}
#direction-screen[data-layout="mobile"] hr{height: 0px; color: inherit; border-top-width: 1px;}
#direction-screen[data-layout="mobile"] abbr:where([title]){text-decoration: underline dotted;}
#direction-screen[data-layout="mobile"] h1,#direction-screen[data-layout="mobile"] h2,#direction-screen[data-layout="mobile"] h3,#direction-screen[data-layout="mobile"] h4,#direction-screen[data-layout="mobile"] h5,#direction-screen[data-layout="mobile"] h6{font-size: inherit; font-weight: inherit;}
#direction-screen[data-layout="mobile"] a{color: inherit; text-decoration: inherit;}
#direction-screen[data-layout="mobile"] b,#direction-screen[data-layout="mobile"] strong{font-weight: bolder;}
#direction-screen[data-layout="mobile"] code,#direction-screen[data-layout="mobile"] kbd,#direction-screen[data-layout="mobile"] pre,#direction-screen[data-layout="mobile"] samp{font-family: var(--font-sans-tc); font-feature-settings: normal; font-variation-settings: normal; font-size: 1em;}
#direction-screen[data-layout="mobile"] small{font-size: 80%;}
#direction-screen[data-layout="mobile"] sub,#direction-screen[data-layout="mobile"] sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
#direction-screen[data-layout="mobile"] sub{bottom: -0.25em;}
#direction-screen[data-layout="mobile"] sup{top: -0.5em;}
#direction-screen[data-layout="mobile"] table{text-indent: 0px; border-color: inherit; border-collapse: collapse;}
#direction-screen[data-layout="mobile"] button,#direction-screen[data-layout="mobile"] input,#direction-screen[data-layout="mobile"] optgroup,#direction-screen[data-layout="mobile"] select,#direction-screen[data-layout="mobile"] textarea{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
#direction-screen[data-layout="mobile"] button,#direction-screen[data-layout="mobile"] select{text-transform: none;}
#direction-screen[data-layout="mobile"] button,#direction-screen[data-layout="mobile"] input:where([type="button"]),#direction-screen[data-layout="mobile"] input:where([type="reset"]),#direction-screen[data-layout="mobile"] input:where([type="submit"]){appearance: button; background-color: transparent; background-image: none;}
#direction-screen[data-layout="mobile"] progress{vertical-align: baseline;}
#direction-screen[data-layout="mobile"] ::-webkit-inner-spin-button,#direction-screen[data-layout="mobile"] ::-webkit-outer-spin-button{height: auto;}
#direction-screen[data-layout="mobile"] [type="search"]{appearance: textfield; outline-offset: -2px;}
#direction-screen[data-layout="mobile"] ::-webkit-search-decoration{appearance: none;}
#direction-screen[data-layout="mobile"] ::-webkit-file-upload-button{appearance: button; font: inherit;}
#direction-screen[data-layout="mobile"] summary{display: list-item;}
#direction-screen[data-layout="mobile"] blockquote,#direction-screen[data-layout="mobile"] dd,#direction-screen[data-layout="mobile"] dl,#direction-screen[data-layout="mobile"] figure,#direction-screen[data-layout="mobile"] h1,#direction-screen[data-layout="mobile"] h2,#direction-screen[data-layout="mobile"] h3,#direction-screen[data-layout="mobile"] h4,#direction-screen[data-layout="mobile"] h5,#direction-screen[data-layout="mobile"] h6,#direction-screen[data-layout="mobile"] hr,#direction-screen[data-layout="mobile"] p,#direction-screen[data-layout="mobile"] pre{margin: 0px;}
#direction-screen[data-layout="mobile"] fieldset{margin: 0px; padding: 0px;}
#direction-screen[data-layout="mobile"] legend{padding: 0px;}
#direction-screen[data-layout="mobile"] menu,#direction-screen[data-layout="mobile"] ol,#direction-screen[data-layout="mobile"] ul{list-style: none; margin: 0px; padding: 0px;}
#direction-screen[data-layout="mobile"] dialog{padding: 0px;}
#direction-screen[data-layout="mobile"] textarea{resize: vertical;}
#direction-screen[data-layout="mobile"] input::placeholder,#direction-screen[data-layout="mobile"] textarea::placeholder{opacity: 1; color: rgb(156, 163, 175);}
#direction-screen[data-layout="mobile"] [role="button"],#direction-screen[data-layout="mobile"] button{cursor: pointer;}
#direction-screen[data-layout="mobile"] :disabled{cursor: default;}
#direction-screen[data-layout="mobile"] audio,#direction-screen[data-layout="mobile"] canvas,#direction-screen[data-layout="mobile"] embed,#direction-screen[data-layout="mobile"] iframe,#direction-screen[data-layout="mobile"] img,#direction-screen[data-layout="mobile"] object,#direction-screen[data-layout="mobile"] svg,#direction-screen[data-layout="mobile"] video{display: block; vertical-align: middle;}
#direction-screen[data-layout="mobile"] img,#direction-screen[data-layout="mobile"] video{max-width: 100%; height: auto;}
#direction-screen[data-layout="mobile"] [hidden]:where(:not([hidden="until-found"])){display: none;}
#direction-screen[data-layout="mobile"] [type="text"],#direction-screen[data-layout="mobile"] input:where(:not([type])),#direction-screen[data-layout="mobile"] [type="email"],#direction-screen[data-layout="mobile"] [type="url"],#direction-screen[data-layout="mobile"] [type="password"],#direction-screen[data-layout="mobile"] [type="number"],#direction-screen[data-layout="mobile"] [type="date"],#direction-screen[data-layout="mobile"] [type="datetime-local"],#direction-screen[data-layout="mobile"] [type="month"],#direction-screen[data-layout="mobile"] [type="search"],#direction-screen[data-layout="mobile"] [type="tel"],#direction-screen[data-layout="mobile"] [type="time"],#direction-screen[data-layout="mobile"] [type="week"],#direction-screen[data-layout="mobile"] [multiple],#direction-screen[data-layout="mobile"] textarea,#direction-screen[data-layout="mobile"] select{appearance: none; background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; border-radius: 0px; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000;}
#direction-screen[data-layout="mobile"] [type="text"]:focus,#direction-screen[data-layout="mobile"] input:where(:not([type])):focus,#direction-screen[data-layout="mobile"] [type="email"]:focus,#direction-screen[data-layout="mobile"] [type="url"]:focus,#direction-screen[data-layout="mobile"] [type="password"]:focus,#direction-screen[data-layout="mobile"] [type="number"]:focus,#direction-screen[data-layout="mobile"] [type="date"]:focus,#direction-screen[data-layout="mobile"] [type="datetime-local"]:focus,#direction-screen[data-layout="mobile"] [type="month"]:focus,#direction-screen[data-layout="mobile"] [type="search"]:focus,#direction-screen[data-layout="mobile"] [type="tel"]:focus,#direction-screen[data-layout="mobile"] [type="time"]:focus,#direction-screen[data-layout="mobile"] [type="week"]:focus,#direction-screen[data-layout="mobile"] [multiple]:focus,#direction-screen[data-layout="mobile"] textarea:focus,#direction-screen[data-layout="mobile"] select:focus{outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: rgb(37, 99, 235);}
#direction-screen[data-layout="mobile"] input::placeholder,#direction-screen[data-layout="mobile"] textarea::placeholder{color: rgb(107, 114, 128); opacity: 1;}
#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-fields-wrapper{padding: 0px;}
#direction-screen[data-layout="mobile"] ::-webkit-date-and-time-value{min-height: 1.5em; text-align: inherit;}
#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit{display: inline-flex;}
#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-year-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-month-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-day-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-hour-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-minute-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-second-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-millisecond-field,#direction-screen[data-layout="mobile"] ::-webkit-datetime-edit-meridiem-field{padding-top: 0px; padding-bottom: 0px;}
#direction-screen[data-layout="mobile"] select{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact;}
#direction-screen[data-layout="mobile"] [multiple],#direction-screen[data-layout="mobile"] [size]:where(select:not([size="1"])){background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset;}
#direction-screen[data-layout="mobile"] [type="checkbox"],#direction-screen[data-layout="mobile"] [type="radio"]{appearance: none; padding: 0px; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: rgb(37, 99, 235); background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; --tw-shadow: 0 0 #0000;}
#direction-screen[data-layout="mobile"] [type="checkbox"]{border-radius: 0px;}
#direction-screen[data-layout="mobile"] [type="radio"]{border-radius: 100%;}
#direction-screen[data-layout="mobile"] [type="checkbox"]:focus,#direction-screen[data-layout="mobile"] [type="radio"]:focus{outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
#direction-screen[data-layout="mobile"] [type="checkbox"]:checked,#direction-screen[data-layout="mobile"] [type="radio"]:checked{border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
#direction-screen[data-layout="mobile"] [type="checkbox"]:checked{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}
@media (forced-colors: active) {#direction-screen[data-layout="mobile"] [type="checkbox"]:checked{appearance: auto;}}
#direction-screen[data-layout="mobile"] [type="radio"]:checked{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}
@media (forced-colors: active) {#direction-screen[data-layout="mobile"] [type="radio"]:checked{appearance: auto;}}
#direction-screen[data-layout="mobile"] [type="checkbox"]:checked:hover,#direction-screen[data-layout="mobile"] [type="checkbox"]:checked:focus,#direction-screen[data-layout="mobile"] [type="radio"]:checked:hover,#direction-screen[data-layout="mobile"] [type="radio"]:checked:focus{border-color: transparent; background-color: currentcolor;}
#direction-screen[data-layout="mobile"] [type="checkbox"]:indeterminate{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
@media (forced-colors: active) {#direction-screen[data-layout="mobile"] [type="checkbox"]:indeterminate{appearance: auto;}}
#direction-screen[data-layout="mobile"] [type="checkbox"]:indeterminate:hover,#direction-screen[data-layout="mobile"] [type="checkbox"]:indeterminate:focus{border-color: transparent; background-color: currentcolor;}
#direction-screen[data-layout="mobile"] [type="file"]{background: unset; border-color: inherit; border-width: 0px; border-radius: 0px; padding: 0px; font-size: unset; line-height: inherit;}
#direction-screen[data-layout="mobile"] [type="file"]:focus{outline: -webkit-focus-ring-color auto 1px;}
#direction-screen[data-layout="mobile"] .pointer-events-none{pointer-events: none;}
#direction-screen[data-layout="mobile"] .absolute{position: absolute;}
#direction-screen[data-layout="mobile"] .relative{position: relative;}
#direction-screen[data-layout="mobile"] .sticky{position: sticky;}
#direction-screen[data-layout="mobile"] .left-2\.5{left: 0.625rem;}
#direction-screen[data-layout="mobile"] .right-2\.5{right: 0.625rem;}
#direction-screen[data-layout="mobile"] .top-0{top: 0px;}
#direction-screen[data-layout="mobile"] .top-2\.5{top: 0.625rem;}
#direction-screen[data-layout="mobile"] .z-40{z-index: 40;}
#direction-screen[data-layout="mobile"] .mx-auto{margin-left: auto; margin-right: auto;}
#direction-screen[data-layout="mobile"] .mb-2\.5{margin-bottom: 0.625rem;}
#direction-screen[data-layout="mobile"] .mb-3{margin-bottom: 0.75rem;}
#direction-screen[data-layout="mobile"] .mb-5{margin-bottom: 1.25rem;}
#direction-screen[data-layout="mobile"] .ml-1{margin-left: 0.25rem;}
#direction-screen[data-layout="mobile"] .mr-2{margin-right: 0.5rem;}
#direction-screen[data-layout="mobile"] .mt-0\.5{margin-top: 0.125rem;}
#direction-screen[data-layout="mobile"] .mt-1{margin-top: 0.25rem;}
#direction-screen[data-layout="mobile"] .mt-3{margin-top: 0.75rem;}
#direction-screen[data-layout="mobile"] .block{display: block;}
#direction-screen[data-layout="mobile"] .flex{display: flex;}
#direction-screen[data-layout="mobile"] .inline-flex{display: inline-flex;}
#direction-screen[data-layout="mobile"] .grid{display: grid;}
#direction-screen[data-layout="mobile"] .h-12{height: 3rem;}
#direction-screen[data-layout="mobile"] .h-3\.5{height: 0.875rem;}
#direction-screen[data-layout="mobile"] .h-4{height: 1rem;}
#direction-screen[data-layout="mobile"] .h-48{height: 12rem;}
#direction-screen[data-layout="mobile"] .h-5{height: 1.25rem;}
#direction-screen[data-layout="mobile"] .h-6{height: 1.5rem;}
#direction-screen[data-layout="mobile"] .h-8{height: 2rem;}
#direction-screen[data-layout="mobile"] .h-9{height: 2.25rem;}
#direction-screen[data-layout="mobile"] .h-full{height: 100%;}
#direction-screen[data-layout="mobile"] .min-h-screen{min-height: 100vh;}
#direction-screen[data-layout="mobile"] .w-12{width: 3rem;}
#direction-screen[data-layout="mobile"] .w-3\.5{width: 0.875rem;}
#direction-screen[data-layout="mobile"] .w-4{width: 1rem;}
#direction-screen[data-layout="mobile"] .w-5{width: 1.25rem;}
#direction-screen[data-layout="mobile"] .w-6{width: 1.5rem;}
#direction-screen[data-layout="mobile"] .w-8{width: 2rem;}
#direction-screen[data-layout="mobile"] .w-9{width: 2.25rem;}
#direction-screen[data-layout="mobile"] .w-full{width: 100%;}
#direction-screen[data-layout="mobile"] .max-w-md{max-width: 28rem;}
#direction-screen[data-layout="mobile"] .flex-1{flex: 1 1 0%;}
#direction-screen[data-layout="mobile"] .flex-shrink-0{flex-shrink: 0;}
#direction-screen[data-layout="mobile"] .grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#direction-screen[data-layout="mobile"] .items-start{align-items: flex-start;}
#direction-screen[data-layout="mobile"] .items-center{align-items: center;}
#direction-screen[data-layout="mobile"] .justify-center{justify-content: center;}
#direction-screen[data-layout="mobile"] .justify-between{justify-content: space-between;}
#direction-screen[data-layout="mobile"] .gap-1\.5{gap: 0.375rem;}
#direction-screen[data-layout="mobile"] .gap-2{gap: 0.5rem;}
#direction-screen[data-layout="mobile"] .gap-2\.5{gap: 0.625rem;}
#direction-screen[data-layout="mobile"] .gap-3{gap: 0.75rem;}
#direction-screen[data-layout="mobile"] .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="mobile"] .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="mobile"] .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="mobile"] .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="mobile"] .space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));}
#direction-screen[data-layout="mobile"] .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse));}
#direction-screen[data-layout="mobile"] .divide-\[\#F5EEE8\] > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity: 1; border-color: rgb(245 238 232 / var(--tw-divide-opacity, 1));}
#direction-screen[data-layout="mobile"] .overflow-hidden{overflow: hidden;}
#direction-screen[data-layout="mobile"] .truncate{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#direction-screen[data-layout="mobile"] .rounded{border-radius: 0.25rem;}
#direction-screen[data-layout="mobile"] .rounded-2xl{border-radius: 1rem;}
#direction-screen[data-layout="mobile"] .rounded-3xl{border-radius: 1.5rem;}
#direction-screen[data-layout="mobile"] .rounded-full{border-radius: 9999px;}
#direction-screen[data-layout="mobile"] .rounded-xl{border-radius: 0.75rem;}
#direction-screen[data-layout="mobile"] .border{border-width: 1px;}
#direction-screen[data-layout="mobile"] .border-0{border-width: 0px;}
#direction-screen[data-layout="mobile"] .border-b{border-bottom-width: 1px;}
#direction-screen[data-layout="mobile"] .border-l-4{border-left-width: 4px;}
#direction-screen[data-layout="mobile"] .border-t{border-top-width: 1px;}
#direction-screen[data-layout="mobile"] .border-\[\#D5C6BA\]{--tw-border-opacity: 1; border-color: rgb(213 198 186 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="mobile"] .border-\[\#D99A46\]{--tw-border-opacity: 1; border-color: rgb(217 154 70 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="mobile"] .border-\[\#EFE7DE\]{--tw-border-opacity: 1; border-color: rgb(239 231 222 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="mobile"] .border-\[\#F0E6DD\]{--tw-border-opacity: 1; border-color: rgb(240 230 221 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="mobile"] .border-\[\#F5EEE8\]{--tw-border-opacity: 1; border-color: rgb(245 238 232 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="mobile"] .border-\[\#F7EFE9\]{--tw-border-opacity: 1; border-color: rgb(247 239 233 / var(--tw-border-opacity, 1));}
#direction-screen[data-layout="mobile"] .border-amber-200\/60{border-color: rgba(253, 230, 138, 0.6);}
#direction-screen[data-layout="mobile"] .border-black\/5{border-color: rgba(0, 0, 0, 0.05);}
#direction-screen[data-layout="mobile"] .border-blue-200\/60{border-color: rgba(191, 219, 254, 0.6);}
#direction-screen[data-layout="mobile"] .border-emerald-200\/60{border-color: rgba(167, 243, 208, 0.6);}
#direction-screen[data-layout="mobile"] .border-rose-200\/60{border-color: rgba(254, 205, 211, 0.6);}
#direction-screen[data-layout="mobile"] .border-rosewood-200\/60{border-color: rgba(244, 217, 210, 0.6);}
#direction-screen[data-layout="mobile"] .border-rosewood-600\/40{border-color: rgba(155, 68, 68, 0.4);}
#direction-screen[data-layout="mobile"] .bg-\[\#EAE7E1\]{--tw-bg-opacity: 1; background-color: rgb(234 231 225 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-\[\#FAF7F2\]{--tw-bg-opacity: 1; background-color: rgb(250 247 242 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-\[\#FAF7F4\]{--tw-bg-opacity: 1; background-color: rgb(250 247 244 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-\[\#FAF7F4\]\/90{background-color: rgba(250, 247, 244, 0.9);}
#direction-screen[data-layout="mobile"] .bg-\[\#FFF8EC\]{--tw-bg-opacity: 1; background-color: rgb(255 248 236 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-amber-50{--tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-blue-50{--tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-emerald-50{--tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-rose-50{--tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-rosewood-100\/70{background-color: rgba(249, 237, 233, 0.7);}
#direction-screen[data-layout="mobile"] .bg-rosewood-50{--tw-bg-opacity: 1; background-color: rgb(253 248 247 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-rosewood-700{--tw-bg-opacity: 1; background-color: rgb(126 48 48 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-slate-100{--tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-white{--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .bg-white\/95{background-color: rgba(255, 255, 255, 0.95);}
#direction-screen[data-layout="mobile"] .p-1{padding: 0.25rem;}
#direction-screen[data-layout="mobile"] .p-3{padding: 0.75rem;}
#direction-screen[data-layout="mobile"] .p-4{padding: 1rem;}
#direction-screen[data-layout="mobile"] .p-5{padding: 1.25rem;}
#direction-screen[data-layout="mobile"] .px-1{padding-left: 0.25rem; padding-right: 0.25rem;}
#direction-screen[data-layout="mobile"] .px-2{padding-left: 0.5rem; padding-right: 0.5rem;}
#direction-screen[data-layout="mobile"] .px-3{padding-left: 0.75rem; padding-right: 0.75rem;}
#direction-screen[data-layout="mobile"] .px-4{padding-left: 1rem; padding-right: 1rem;}
#direction-screen[data-layout="mobile"] .py-0\.5{padding-top: 0.125rem; padding-bottom: 0.125rem;}
#direction-screen[data-layout="mobile"] .py-2{padding-top: 0.5rem; padding-bottom: 0.5rem;}
#direction-screen[data-layout="mobile"] .py-2\.5{padding-top: 0.625rem; padding-bottom: 0.625rem;}
#direction-screen[data-layout="mobile"] .py-3\.5{padding-top: 0.875rem; padding-bottom: 0.875rem;}
#direction-screen[data-layout="mobile"] .pb-10{padding-bottom: 2.5rem;}
#direction-screen[data-layout="mobile"] .pb-2\.5{padding-bottom: 0.625rem;}
#direction-screen[data-layout="mobile"] .pb-3{padding-bottom: 0.75rem;}
#direction-screen[data-layout="mobile"] .pb-6{padding-bottom: 1.5rem;}
#direction-screen[data-layout="mobile"] .pt-1{padding-top: 0.25rem;}
#direction-screen[data-layout="mobile"] .pt-1\.5{padding-top: 0.375rem;}
#direction-screen[data-layout="mobile"] .pt-2\.5{padding-top: 0.625rem;}
#direction-screen[data-layout="mobile"] .pt-5{padding-top: 1.25rem;}
#direction-screen[data-layout="mobile"] .text-center{text-align: center;}
#direction-screen[data-layout="mobile"] .font-sans{font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang TC", "Noto Sans TC", sans-serif;}
#direction-screen[data-layout="mobile"] .font-serif{font-family: "Home Serif TC", "Songti TC", Georgia, serif;}
#direction-screen[data-layout="mobile"] .text-2xl{font-size: 1.5rem; line-height: 2rem;}
#direction-screen[data-layout="mobile"] .text-\[10px\]{font-size: 10px;}
#direction-screen[data-layout="mobile"] .text-\[11px\]{font-size: 11px;}
#direction-screen[data-layout="mobile"] .text-base{font-size: 1rem; line-height: 1.5rem;}
#direction-screen[data-layout="mobile"] .text-lg{font-size: 1.125rem; line-height: 1.75rem;}
#direction-screen[data-layout="mobile"] .text-sm{font-size: 0.875rem; line-height: 1.25rem;}
#direction-screen[data-layout="mobile"] .text-xs{font-size: 0.75rem; line-height: 1rem;}
#direction-screen[data-layout="mobile"] .font-bold{font-weight: 700;}
#direction-screen[data-layout="mobile"] .font-medium{font-weight: 500;}
#direction-screen[data-layout="mobile"] .font-semibold{font-weight: 600;}
#direction-screen[data-layout="mobile"] .uppercase{text-transform: uppercase;}
#direction-screen[data-layout="mobile"] .leading-relaxed{line-height: 1.625;}
#direction-screen[data-layout="mobile"] .leading-snug{line-height: 1.375;}
#direction-screen[data-layout="mobile"] .tracking-wide{letter-spacing: 0.025em;}
#direction-screen[data-layout="mobile"] .tracking-wider{letter-spacing: 0.05em;}
#direction-screen[data-layout="mobile"] .tracking-widest{letter-spacing: 0.1em;}
#direction-screen[data-layout="mobile"] .text-\[\#352825\]{--tw-text-opacity: 1; color: rgb(53 40 37 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#42332F\]{--tw-text-opacity: 1; color: rgb(66 51 47 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#4A403A\]{--tw-text-opacity: 1; color: rgb(74 64 58 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#554640\]{--tw-text-opacity: 1; color: rgb(85 70 64 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#5F4725\]{--tw-text-opacity: 1; color: rgb(95 71 37 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#65554E\]{--tw-text-opacity: 1; color: rgb(101 85 78 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#6A5A53\]{--tw-text-opacity: 1; color: rgb(106 90 83 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#765D3C\]{--tw-text-opacity: 1; color: rgb(118 93 60 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#7A6961\]{--tw-text-opacity: 1; color: rgb(122 105 97 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#877870\]{--tw-text-opacity: 1; color: rgb(135 120 112 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#8C7A70\]{--tw-text-opacity: 1; color: rgb(140 122 112 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#9B8C83\]{--tw-text-opacity: 1; color: rgb(155 140 131 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-\[\#A8988C\]{--tw-text-opacity: 1; color: rgb(168 152 140 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-blue-600{--tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-rosewood-700{--tw-text-opacity: 1; color: rgb(126 48 48 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-rosewood-800{--tw-text-opacity: 1; color: rgb(103 39 39 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .text-white{--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1));}
#direction-screen[data-layout="mobile"] .underline{text-decoration-line: underline;}
#direction-screen[data-layout="mobile"] .underline-offset-2{text-underline-offset: 2px;}
#direction-screen[data-layout="mobile"] .antialiased{-webkit-font-smoothing: antialiased;}
#direction-screen[data-layout="mobile"] .shadow-btn{--tw-shadow: 0 4px 14px 0 rgba(126, 48, 48, 0.22); --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="mobile"] .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="mobile"] .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="mobile"] .shadow-soft{--tw-shadow: 0 8px 30px -4px rgba(126, 48, 48, 0.06), 0 2px 10px -2px rgba(0, 0, 0, 0.03); --tw-shadow-colored: 0 8px 30px -4px var(--tw-shadow-color), 0 2px 10px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
#direction-screen[data-layout="mobile"] .contrast-\[1\.02\]{--tw-contrast: contrast(1.02); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#direction-screen[data-layout="mobile"] .saturate-\[0\.95\]{--tw-saturate: saturate(0.95); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#direction-screen[data-layout="mobile"] .filter{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
#direction-screen[data-layout="mobile"] .backdrop-blur-md{--tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
#direction-screen[data-layout="mobile"] .backdrop-blur-sm{--tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
#direction-screen[data-layout="mobile"] .transition-all{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
#direction-screen[data-layout="mobile"] .selection\:bg-rosewood-200 ::selection{--tw-bg-opacity: 1; background-color: rgb(244 217 210 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .selection\:bg-rosewood-200::selection{--tw-bg-opacity: 1; background-color: rgb(244 217 210 / var(--tw-bg-opacity, 1));}
#direction-screen[data-layout="mobile"] .last\:pb-1:last-child{padding-bottom: 0.25rem;}
#direction-screen[data-layout="mobile"] .hover\:text-rosewood-900:hover{--tw-text-opacity: 1; color: rgb(82 32 32 / var(--tw-text-opacity, 1));}
@media (min-width: 640px) {#direction-screen[data-layout="mobile"] .sm\:p-5{padding: 1.25rem;}
#direction-screen[data-layout="mobile"] .sm\:text-sm{font-size: 0.875rem; line-height: 1.25rem;}}/* API state, shared accessibility, and content supplied by the wedding settings. */
body[data-page="direction"] {margin:0;padding:0;background:#faf7f2;}
#direction-screen {min-height:100vh;}
#direction-screen[data-layout] > div {background:inherit;color:inherit;font-family:inherit;min-height:100vh;}
#direction-screen[data-layout] [hidden] {display:none!important;}
#direction-screen[data-layout] [data-reveal] {opacity:1!important;transform:none!important;}
#direction-screen[data-layout] h2 {border-bottom:0;}
#direction-screen[data-layout] main {width:100%;}
#direction-screen[data-layout] .direction-map-frame {position:absolute;inset:0;}
#direction-screen[data-layout] .direction-map-frame iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
#direction-screen[data-layout] .map-status {display:grid;place-items:center;height:100%;padding:20px;text-align:center;}
#direction-screen[data-layout] .direction-status {font-size:.75rem;line-height:1.5;margin-top:8px;overflow-wrap:anywhere;}
#direction-screen[data-layout] .direction-status:empty {display:none;}
#direction-screen[data-layout] .direction-retry {padding:8px 16px;border:1px solid #863b46;border-radius:8px;margin-top:8px;}
#direction-screen[data-layout] #venue-address:empty {display:none;}
#direction-screen[data-layout] .transport-detail {overflow-wrap:anywhere;}
#direction-screen[data-layout] .direction-transport-line + .direction-transport-line {margin-top:8px;}
#direction-screen[data-layout="desktop"] #transport-mrt .direction-transport-line {position:relative;padding:12px 12px 12px 32px;border:1px solid #f5f5f4;border-radius:12px;background:#fafaf9cc;}
#direction-screen[data-layout="desktop"] #transport-mrt .direction-transport-line::before {content:'';position:absolute;left:12px;top:19px;width:10px;height:10px;border-radius:50%;background:#d97706;}
#direction-screen[data-layout="desktop"] #transport-mrt [data-route="1"]::before {background:#2563eb;}
#direction-screen[data-layout="desktop"] #transport-mrt [data-route="2"]::before {background:#a8a29e;}
#direction-screen[data-layout="desktop"] #transport-car,#direction-screen[data-layout="desktop"] #transport-parking {padding:12px;border:1px solid #f5f5f4;border-radius:12px;background:#fafaf9cc;font-size:.75rem;}
#direction-screen[data-layout="desktop"] [data-transport-row="parking"] {margin-top:12px;}
#direction-screen[data-layout="desktop"] #transport-parking {background:#eff6ff66;border-color:#dbeafe;}
#direction-screen[data-layout="mobile"] .direction-transport-line strong {color:#672727;}
#direction-screen[data-layout="mobile"] [data-transport-row="parking"] {margin-top:8px;}
#direction-screen[data-layout] .transport-guide--rain {padding:20px;border:1px solid #efe7de;border-radius:16px;margin-top:16px;background:white;}
html.senior-mode #direction-screen[data-layout] :is(a,button) {min-height:44px;}
@media(prefers-reduced-motion:reduce){#direction-screen[data-layout] * {animation:none!important;transition:none!important;}}

#direction-screen[data-layout="mobile"] .direction-transport-line.has-label {display:flex;align-items:flex-start;gap:8px;}
#direction-screen[data-layout="mobile"] .direction-transport-line.has-label > strong {flex:none;max-width:45%;}
#direction-screen[data-layout="mobile"] .direction-transport-line.has-label > strong::before {content:'● ';}
/* 使用者指定配色與條列可讀性；2026-09-28 改為地址自然換行。 */
#direction-screen[data-layout="desktop"] {--direction-section:#863b46;--direction-detail:#682c35;--direction-copy-bg:rgb(250 250 249 / .5);}
#direction-screen[data-layout="mobile"] {--direction-section:#672727;--direction-detail:#42332f;--direction-copy-bg:#fff;}
#direction-screen[data-layout] #venue-address {white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;}
#direction-screen[data-layout] :is(#venue-time,#venue-hall) {color:var(--direction-detail);}
#direction-screen[data-layout] #copy-address {background:var(--direction-copy-bg);color:#554640;box-shadow:none;border-color:#d5c6ba;}
#direction-screen[data-layout] :is(.venue-section-title,.calendar-section-title,#calendar-title) {color:var(--direction-section);}
#direction-screen[data-layout] .calendar-section-title svg {color:inherit;fill:currentColor;width:16px;height:16px;flex:none;}
#direction-screen[data-layout] :is(#google-calendar,#outlook-calendar,#ics-calendar) {background:#fff;color:#672727;box-shadow:none;border:1px solid #9b444466;}
#direction-screen[data-layout] .transport-detail {font-size:.875rem;line-height:1.85;}
#direction-screen[data-layout] .direction-transport-line + .direction-transport-line {margin-top:12px;}
#direction-screen[data-layout="mobile"] .direction-transport-line.has-label {display:block;}
#direction-screen[data-layout="mobile"] .direction-transport-line.has-label > strong {display:inline;max-width:none;margin:0;}
#direction-screen[data-layout="mobile"] .direction-transport-line.has-label > span {display:inline;padding:0;}
#direction-screen[data-layout="desktop"] :is(#transport-car,#transport-parking) {font-size:.875rem;line-height:1.85;}
/* 桌機交通原稿的繼承行高、標題邊框與響應式標籤，隔離全站樣式。 */
#direction-screen[data-layout="desktop"] [data-stitch-transport] { line-height:1.5; }
#direction-screen[data-layout="desktop"] [data-stitch-transport] h2 { border:0 solid #e5e7eb; }
#direction-screen[data-layout="desktop"] [data-stitch-transport] .hidden.sm\:inline-block { display:inline-block !important; }

/* 2026-09-27：手機交通說明使用完整欄寬，不由 pretty 排字預留右側空間。 */
@media (max-width: 1023px) {
  body[data-page="direction"] .transport-detail,
  body[data-page="direction"] .direction-transport-line {
    text-wrap: wrap;
    text-align: justify;
    text-align-last: start;
    word-break: normal;
    overflow-wrap: anywhere;
    min-width: 0;
  }
  body[data-page="direction"] .direction-transport { padding: 16px; }
  body[data-page="direction"] .transport-guide--primary { padding: 12px; }
  body[data-page="direction"] .transport-guide:not(.transport-guide--primary) .transport-details { padding-left: 0; }
  body[data-page="direction"] [data-transport-row="parking"] { padding: 12px !important; }
  /* 新版手機模板亦讓說明跨滿圖示下方，不保留整段圖示縮排。 */
  #direction-screen[data-layout="mobile"] .transport-guide:not(.transport-guide--primary):not(.transport-guide--rain) {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 8px;
  }
  #direction-screen[data-layout="mobile"] .transport-guide > .space-y-1 { display: contents; }
  #direction-screen[data-layout="mobile"] .transport-guide > .space-y-1 > h4 { align-self: center; }
  #direction-screen[data-layout="mobile"] .transport-guide > .space-y-1 > div { grid-column: 1 / -1; margin: 0; }
}

/* Stitch 手機原稿的清單與強調：隔離全站標題規則，保留自然換行。 */
#direction-screen[data-layout="mobile"] [data-stitch-transport] { line-height:1.5; }
#direction-screen[data-layout="mobile"] [data-stitch-transport] h2 { border:0; }
#direction-screen[data-layout="mobile"] [data-stitch-transport] :is(p,span) { text-wrap:wrap; overflow-wrap:anywhere; }
#direction-screen[data-layout="mobile"] :is(#nav-link,#apple-nav-link,#copy-address,#google-calendar,#outlook-calendar,#ics-calendar) { min-height:44px; }
#direction-screen[data-layout="mobile"] [data-stitch-transport] a[href^="tel:"] { display:inline-flex; align-items:center; min-height:44px; }

/* 手機也呈現 Stitch 的完整出入口／公車／無障礙卡片；桌機原稿保持三欄。 */
#direction-screen[data-layout="mobile"] .direction-secondary { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; font-size:14px; line-height:1.75; }
#direction-screen[data-layout="mobile"] [data-secondary-card] { display:flex; flex-direction:column; min-width:0; padding:18px; border:1px solid #f0e6dd; border-radius:24px; background:#fff; box-shadow:0 4px 16px #42332f06; }
#direction-screen[data-layout="mobile"] [data-secondary-heading] { display:flex; gap:12px; align-items:center; margin:0 0 16px; }
#direction-screen[data-layout="mobile"] [data-secondary-heading] h3 { margin:0; font-family:var(--wedding-heading); font-size:16px; font-weight:700; color:#352825; line-height:1.5; }
#direction-screen[data-layout="mobile"] [data-secondary-subtitle] { font-size:12px; line-height:1.5; }
#direction-screen[data-layout="mobile"] [data-secondary-icon] { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:12px; font-size:20px; }
#direction-screen[data-layout="mobile"] [data-secondary-card="walk"] [data-secondary-icon] { background:#ecfdf5; border:1px solid #d1fae5; color:#047857; }
#direction-screen[data-layout="mobile"] [data-secondary-card="walk"] [data-secondary-subtitle] { color:#047857; }
#direction-screen[data-layout="mobile"] [data-secondary-card="bus"] [data-secondary-icon] { background:#fffbeb; border:1px solid #fef3c7; color:#b45309; }
#direction-screen[data-layout="mobile"] [data-secondary-card="bus"] [data-secondary-subtitle] { color:#b45309; }
#direction-screen[data-layout="mobile"] [data-secondary-card="accessibility"] [data-secondary-icon] { background:#eef2ff; border:1px solid #e0e7ff; color:#4338ca; }
#direction-screen[data-layout="mobile"] [data-secondary-card="accessibility"] [data-secondary-subtitle] { color:#4338ca; }
#direction-screen[data-layout="mobile"] .direction-secondary :is(p,ul,li,[data-secondary-step]) { font-size:14px; line-height:1.75; text-wrap:wrap; overflow-wrap:anywhere; }
#direction-screen[data-layout="mobile"] [data-secondary-intro] { color:#65554e; margin:0 0 12px; }
#direction-screen[data-layout="mobile"] [data-secondary-steps] { padding:12px; border:1px solid #efe7de; border-radius:12px; background:#faf7f4; }
#direction-screen[data-layout="mobile"] [data-secondary-step] { display:block; position:relative; padding-left:28px; color:#42332f; }
#direction-screen[data-layout="mobile"] [data-secondary-step] + [data-secondary-step] { margin-top:10px; }
#direction-screen[data-layout="mobile"] [data-secondary-step] > span:first-child { position:absolute; left:0; top:3px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#e7e5e4; font-size:12px; }
#direction-screen[data-layout="mobile"] [data-secondary-step] > span:not(:first-child) { color:#863b46; font-weight:700; }
#direction-screen[data-layout="mobile"] [data-secondary-stations] { display:grid; gap:10px; }
#direction-screen[data-layout="mobile"] [data-secondary-station] { padding:12px; margin:0; border:1px solid #efe7de; border-radius:12px; background:#faf7f4; }
#direction-screen[data-layout="mobile"] [data-secondary-station] p:first-child { color:#352825; font-weight:700; }
#direction-screen[data-layout="mobile"] [data-secondary-station] p + p { margin-top:6px; color:#65554e; }
#direction-screen[data-layout="mobile"] [data-secondary-access] { padding:0; margin:0; list-style:none; }
#direction-screen[data-layout="mobile"] [data-secondary-access] li { display:flex; align-items:flex-start; gap:8px; color:#65554e; }
#direction-screen[data-layout="mobile"] [data-secondary-access] li + li { margin-top:10px; }
#direction-screen[data-layout="mobile"] [data-secondary-access] li > span:first-child { color:#6366f1; flex:none; }
#direction-screen[data-layout="mobile"] [data-secondary-contact] { margin-top:14px; padding:12px; border:1px solid #e0e7ff; border-radius:12px; background:#eef2ff80; color:#312e81; font-size:14px; }
#direction-screen[data-layout="mobile"] [data-secondary-contact] > span { display:block; font-weight:700; }
#direction-screen[data-layout="mobile"] [data-secondary-contact] a { display:flex; width:100%; min-height:44px; align-items:center; justify-content:center; margin:8px 0 0; border:1px solid #ddc2c2; border-radius:12px; background:#fff; color:#863b46; font-weight:700; text-decoration:underline; }
#direction-screen[data-layout="mobile"] [data-secondary-note] { margin:16px 0 0; padding-top:12px; border-top:1px solid #efe7de; color:#7a6961; font-size:12px; line-height:1.75; }

/* 手機共用 Stitch 完整開車資訊，路線與停車分區且使用完整欄寬。 */
#direction-screen[data-layout="mobile"] [data-driving-card] { display:flex; flex-direction:column; position:relative; min-width:0; padding:16px; border:1px solid #efe7de; border-radius:16px; background:#fff; }
#direction-screen[data-layout="mobile"] [data-driving-decoration] { display:none; }
#direction-screen[data-layout="mobile"] [data-driving-heading] { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:14px; }
#direction-screen[data-layout="mobile"] [data-driving-heading] > div { display:flex; align-items:center; gap:10px; }
#direction-screen[data-layout="mobile"] [data-driving-heading] > div > div:first-child { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:12px; background:#fff1f2; border:1px solid #ffe4e6; }
#direction-screen[data-layout="mobile"] [data-driving-heading] h3 { font-size:16px; line-height:1.5; color:#352825; }
#direction-screen[data-layout="mobile"] [data-driving-heading] span { font-size:12px; line-height:1.5; color:#863b46; }
#direction-screen[data-layout="mobile"] [data-driving-badge] { display:inline-block; border:1px solid #ffe4e6; border-radius:20px; background:#fff1f2; padding:4px 10px; }
#direction-screen[data-layout="mobile"] [data-driving-details] { display:grid; gap:12px; }
#direction-screen[data-layout="mobile"] :is([data-driving-routes],[data-driving-parking]) { padding:12px; border:1px solid #efe7de; border-radius:12px; background:#faf7f4; font-size:14px; line-height:1.75; color:#554640; }
#direction-screen[data-layout="mobile"] [data-driving-parking] { background:#eff6ff80; border-color:#dbeafe; }
#direction-screen[data-layout="mobile"] [data-driving-card] p { margin:0; font-size:14px; line-height:1.75; }
#direction-screen[data-layout="mobile"] [data-driving-card] p + p { margin-top:8px; }
#direction-screen[data-layout="mobile"] [data-driving-navigation] { display:block; margin-top:10px; padding-top:10px; border-top:1px solid #e7e5e4; color:#863b46; }
#direction-screen[data-layout="mobile"] [data-driving-parking] > div { display:block; margin-bottom:8px; font-weight:700; color:#352825; }
#direction-screen[data-layout="mobile"] [data-driving-note] { display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin-top:14px; padding-top:12px; border-top:1px solid #efe7de; font-size:12px; line-height:1.75; color:#7a6961; }

/* 2026-09-28：行事曆區塊使用透明背景。 */
#direction-screen[data-layout] #calendar-card {background:transparent;}

/* 會館地址、廳別與日期：手機、桌機統一為 14px。 */
#direction-screen[data-layout] :is(#venue-address,#venue-hall,#venue-time,.venue-detail-label) {font-size:14px;}