:root { color-scheme: light; font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif; color: #0a1739; background: #e1ded4; }
* { box-sizing: border-box; }
body { margin: 0; }
#lp5-tail { display: block; width: 100%; max-width: 1366px; margin: 0 auto; }
a { color: inherit; }
header { min-height: 64px; max-width: 1366px; margin: auto; padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.brand { font-weight: 800; text-decoration: none; }
main { max-width: 1366px; margin: auto; }
section { margin: 0; }
.page { display: block; width: 100%; border: 0; padding: 0; margin: 0; background: transparent; cursor: zoom-in; }
.page img { display: block; width: 100%; height: auto; }
.page:focus-visible { outline: 4px solid #e97f00; outline-offset: -4px; }
.cta { text-align: center; padding: 30px 20px; }
.button { display: inline-block; padding: 17px 32px; border-radius: 6px; background: #0a1739; color: #fff; text-decoration: none; font-size: clamp(16px, 2vw, 21px); font-weight: 700; border: 2px solid #e97f00; }
.button:hover { background: #192751; }
a:focus-visible, button:focus-visible { outline: 3px solid #e97f00; outline-offset: 3px; }
footer { text-align: center; padding: 32px 20px 40px; font-size: 13px; }
footer nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px 24px; margin-bottom: 24px; }
.sr-only, .skip:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip:focus { display: block; padding: 12px; background: #fff; }
dialog { padding: 0; border: 0; max-width: 96vw; width: 1400px; max-height: 94dvh; background: #e1ded4; }
dialog::backdrop { background: rgb(0 0 0 / 80%); }
.close { display: block; margin: 12px 16px 12px auto; padding: 10px 18px; background: #0a1739; color: #fff; border: 0; border-radius: 4px; cursor: pointer; }
.image-scroll { overflow: auto; max-height: calc(94dvh - 66px); }
.image-scroll img { display: block; width: 100%; min-width: 1000px; height: auto; }
@media (width <= 600px) { header { padding: 14px 16px; font-size: 13px; } .cta { padding: 22px 16px; } .button { width: 100%; max-width: 380px; padding: 15px 12px; } }

.interface-note { margin:0; padding:8px 20px 24px; text-align:center; font-size:13px; line-height:1.7; color:#655f58; }
.cta .button + .button { margin-left:12px; }
@media (width <= 600px) { .cta .button + .button { margin:12px 0 0; } }