:root{--tzuchi-blue:#06c;--tzuchi-yellow:#f5a623;--tzuchi-blue-dark:#0052a3;--font-sans:var(--font-sans,"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif);--font-serif:var(--font-serif,"Noto Serif TC", "Source Han Serif TC", "PingFang TC", serif);--bg:#f3efe8;--bg-soft:#fffbf5d6;--surface:#fffbf5c2;--surface-strong:#f4eee3f0;--surface-dark:#465158e6;--ink:#253038;--ink-soft:#53616b;--ink-muted:#73818a;--line:#6f7a7e38;--accent:#8f9f95;--accent-strong:#6f8176;--accent-warm:#baa98f;--success:#6e8e83;--shadow-soft:0 18px 40px #4e54581a;--shadow-card:0 20px 54px #5859541f;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--max-width:1240px;--btn-h:50px;--story-letterbox-h:clamp(26px, 6vh, 60px);--cine-gold-core:#fff0a8;--cine-gold-line:#f6c95b;--cine-gold-text:#f0d79f;--cine-void:#04070d}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:clip}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-serif), serif;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 0 0,#c9d0c87a,#0000 28%),radial-gradient(circle at 100% 0,#cec2b06b,#0000 24%),linear-gradient(#f7f3ec 0%,#efe8de 52%,#ebe4da 100%);margin:0;font-size:19px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--font-sans), sans-serif}a,button,[role=button],input[type=submit],input[type=button],input[type=reset]{touch-action:manipulation}img{max-width:100%;height:auto}.main-nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--font-sans), sans-serif;justify-content:space-between;align-items:center;padding:14px 32px;transition:background .26s,border-color .26s;display:flex;position:sticky;top:0}.main-nav--light{background:linear-gradient(#f7f4ece6 0%,#ebe7dcd1 100%);border-bottom:1px solid #6f7a7e1a}.main-nav--dark{border-bottom:1px solid color-mix(in srgb, var(--cine-gold-text) 8%, transparent);background:linear-gradient(#080c12e0 0%,#05070ad1 100%)}.nav-brand{font-family:var(--font-serif), serif;color:#365f78;letter-spacing:.18em;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;transition:color .26s;display:flex}.main-nav--dark .nav-brand{color:color-mix(in srgb, var(--cine-gold-text) 90%, transparent)}.nav-brand-icon{color:currentColor;opacity:.88;flex-shrink:0}.nav-links{gap:24px;display:flex}.nav-links a{color:#3e494fbd;letter-spacing:.08em;font-size:.94rem;transition:color .18s,font-weight .18s}.main-nav--dark .nav-links a{color:#ecf1f7a3}@media (hover:hover){.nav-links a:hover{color:#365f78}}.nav-links a.active{color:#365f78;font-weight:600}@media (hover:hover){.main-nav--dark .nav-links a:hover{color:var(--cine-gold-text)}}.main-nav--dark .nav-links a.active{color:var(--cine-gold-text)}.nav-right{align-items:center;gap:16px;display:flex}@media (min-width:721px){.hamburger-btn,.mobile-menu,.mobile-menu-overlay{display:none}}.language-switcher{background:#6f7a7e14;border-radius:999px;gap:4px;padding:4px;transition:background-color .26s;display:flex}.main-nav--dark .language-switcher{background:#ffffff0f}.lang-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.95rem;transition:all .18s}.main-nav--dark .lang-btn{color:#ecf1f799}@media (hover:hover){.lang-btn:hover{background:#6f7a7e1f}.main-nav--dark .lang-btn:hover{color:#ecf1f7e6;background:#ffffff14}}.lang-btn.active{color:#fff;background:#baa98fe6;font-weight:600}.main-nav--dark .lang-btn.active{background:var(--cine-gold-text);color:#0c0f13;box-shadow:0 2px 8px color-mix(in srgb, var(--cine-gold-text) 25%, transparent);font-weight:600}.btn{min-height:var(--btn-h);color:var(--ink);cursor:pointer;background:#fffbf5d1;border:1px solid #6f817642;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 22px #696f7014}@media (hover:hover){.btn:hover{background:#fffffff0;border-color:#6f817666;transform:translateY(-1px)}}.btn.primary{color:#fcfbf8;background:linear-gradient(135deg, var(--accent-strong), var(--accent));border-color:#0000}@media (hover:hover){.btn.primary:hover{background:linear-gradient(135deg,#65776d,#88988f)}}.card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section{padding:24px}.muted{color:var(--ink-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.map-page{background:radial-gradient(circle at top,#96a5a12e,#0000 28%),linear-gradient(#dfe3df 0%,#bfc7c3 18%,#89939b 56%,#465159 100%);width:100vw;min-height:100svh;position:relative;overflow:hidden}.map-page .viewerWrap{background:#8e999d;width:100%;height:100svh;min-height:0;overflow:hidden}.map-page__overlay{border-radius:var(--radius-lg);max-width:560px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2eabd;border:1px solid #6671742e;padding:24px 26px;position:absolute;top:24px;left:24px;right:24px}.map-page__title{letter-spacing:.02em;margin:0;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}.map-page__text{color:var(--ink-soft);margin:12px 0 0;font-size:1rem}.map-page__footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.map-page__next{color:var(--ink-soft);font-size:.95rem}.viewer-overlay{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:18px;left:18px}.viewerWrap iframe,.viewerWrap canvas{display:block}.dashboard-charts{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px;display:grid}.chart-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);padding:24px}.chart-title{color:var(--ink);margin-bottom:16px;font-size:1.2rem}.timeline-container{position:relative;overflow:hidden}.timeline-item{opacity:0;transform:translateY(20px)}.timeline-item.visible{opacity:1;transform:translateY(0)}@media (max-width:720px){body{font-size:16px}.main-nav{padding:12px 16px}.nav-links{display:none}.nav-right{align-items:center;gap:12px;display:flex}.hamburger-btn{cursor:pointer;background:#6f7a7e14;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;transition:background .18s;display:flex}@media (hover:hover){.hamburger-btn:hover{background:#6f7a7e29}}.hamburger-line{background:var(--ink-soft);border-radius:2px;width:22px;height:2px;transition:transform .22s,opacity .22s;display:block}.hamburger-line.is-open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.is-open:nth-child(2){opacity:0}.hamburger-line.is-open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;width:280px;height:calc(100svh - 60px);font-family:var(--font-sans), sans-serif;background:#fffcf6fa;border-left:1px solid #6f7a7e1f;flex-direction:column;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:60px;right:0;transform:translate(100%)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{font-family:var(--font-serif), serif;color:#365f78;border-bottom:1px solid #6f7a7e14;align-items:center;gap:10px;padding:20px 24px 16px;font-size:1.25rem;font-weight:700;display:flex}.mobile-menu__content{flex-direction:column;gap:6px;height:100%;padding:16px;display:flex;overflow-y:auto}.mobile-menu__link{color:var(--ink-soft);border-radius:12px;align-items:center;padding:12px 16px;font-size:1.05rem;transition:all .18s;display:flex}@media (hover:hover){.mobile-menu__link:hover{color:#365f78;background:#6f7a7e14}}.mobile-menu__link.is-current{background:color-mix(in srgb, var(--cine-gold-text) 10%, transparent);border-left:3px solid color-mix(in srgb, var(--cine-gold-text) 82%, transparent);color:#ba8c2d;font-weight:600}.mobile-menu__footer{border-top:1px solid #6f7a7e14;flex-direction:column;gap:16px;margin-top:auto;padding:24px 8px 8px;display:flex}.mobile-menu__lang-switch{flex-direction:column;gap:8px;display:flex}.mobile-menu__lang-label{color:var(--ink-muted);letter-spacing:.04em;font-size:.8rem}.mobile-menu__version{color:var(--ink-muted);opacity:.8;font-size:.75rem}.main-nav--dark~.mobile-menu{border-left:1px solid color-mix(in srgb, var(--cine-gold-text) 8%, transparent);background:#080c12fa}.main-nav--dark~.mobile-menu .mobile-menu__header{color:var(--cine-gold-text);border-bottom:1px solid color-mix(in srgb, var(--cine-gold-text) 8%, transparent)}.main-nav--dark~.mobile-menu .mobile-menu__link{color:#ecf1f7bf}@media (hover:hover){.main-nav--dark~.mobile-menu .mobile-menu__link:hover{color:var(--cine-gold-text);background:#ffffff0a}}.main-nav--dark~.mobile-menu .mobile-menu__link.is-current{background:color-mix(in srgb, var(--cine-gold-text) 8%, transparent);border-left:3px solid var(--cine-gold-text);color:var(--cine-gold-text)}.main-nav--dark~.mobile-menu .mobile-menu__footer{border-top:1px solid color-mix(in srgb, var(--cine-gold-text) 8%, transparent)}.main-nav--dark~.mobile-menu .mobile-menu__lang-label,.main-nav--dark~.mobile-menu .mobile-menu__version{color:#ecf1f76b}.main-nav--dark .hamburger-line{background-color:color-mix(in srgb, var(--cine-gold-text) 80%, transparent)}.mobile-menu-overlay{z-index:150;background:#0000004d;position:fixed;inset:60px 0 0}.map-page__overlay{padding:20px;top:16px;left:16px;right:16px}.map-page__footer{flex-direction:column;align-items:flex-start}.viewer-overlay{bottom:12px;left:12px;right:12px}.dashboard-charts{grid-template-columns:1fr}}