:root{--ink:#eaf9f7;--muted:#bddfe2;--deep:#062a48;--aqua:#89cbd2;--pale:#d8f2f0}*{box-sizing:border-box}html{background:var(--deep);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) 22px 16px;pointer-events:none}.brand,.menu-toggle{pointer-events:auto;color:var(--ink)}.brand{display:flex;gap:8px;align-items:center;font-family:Georgia,"Noto Serif TC",serif;font-size:14px;letter-spacing:.08em;text-decoration:none}.brand img{width:24px;height:24px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";grid-area:1/1;width:20px;height:1px;background:currentColor}.menu-toggle:before{transform:translateY(-6px)}.menu-toggle:after{transform:translateY(6px)}.site-menu[hidden]{display:none}.site-menu{position:fixed;inset:0;z-index:30;padding:max(19px,env(safe-area-inset-top)) 25px max(24px,env(safe-area-inset-bottom));background:linear-gradient(150deg,#082a48,#0c4e76 62%,#11678a);display:flex;flex-direction:column}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-close{border:0;background:transparent;color:var(--ink);font-size:29px;cursor:pointer}.menu-links{display:grid;margin:auto 0}.menu-links a{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px solid #9bc7cf66;color:var(--ink);font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(24px,7vw,34px);letter-spacing:.06em;text-decoration:none}.menu-links small,.social-links{color:var(--muted);font-size:10px;letter-spacing:.12em}.social-links{display:flex;gap:17px}.social-links a{color:inherit;text-decoration:none;font-size:12px}main{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}page{min-height:100dvh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;padding:100px 23px max(32px,env(safe-area-inset-bottom))}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:10px;letter-spacing:.17em}.page-title{max-width:12ch;margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(42px,13vw,63px);font-weight:400;letter-spacing:.08em;line-height:1.06}.description{max-width:30ch;margin:13px 0 0;font-size:14px;line-height:1.75}.button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;width:max-content;margin-top:22px;padding:0 16px;border-radius:999px;background:var(--pale);color:#094260;font-size:13px;text-decoration:none}.scroll-hint{position:absolute;right:23px;bottom:max(31px,env(safe-area-inset-bottom));color:var(--muted);font-size:10px;letter-spacing:.13em;writing-mode:vertical-rl}.cover-page{background:radial-gradient(circle at 74% 20%,#9cd8df 0 7%,transparent 7.5%),radial-gradient(circle at 61% 29%,#d6f4ef55 0 17%,transparent 17.5%),linear-gradient(155deg,#062a48,#0e5d89 62%,#b9e4eb)}.cover-page:after{content:"";position:absolute;right:-39vmax;bottom:-24vmax;width:65vmax;height:65vmax;border:1px solid #d6f4ef44;border-radius:50%}.cover-page>*{z-index:1}.album-page{background:#eef9f8;color:#093c5c;justify-content:space-between}.album-art{width:min(74vw,340px);aspect-ratio:1;margin:30px auto 0;padding:22px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#06294b,#12648b 52%,#d4f0ec);color:#ecfaf8;box-shadow:13px 15px #a8d9d9;font:37px/1.1 Georgia,"Noto Serif TC",serif;letter-spacing:.08em}.album-page .eyebrow,.album-page .description,.album-page .scroll-hint{color:#4c7890}.album-page .button{background:#0d567c;color:#fff}.news-page{background:linear-gradient(155deg,#082d4b,#145a7d)}.news-list{margin:20px 0 0;border-top:1px solid #a8d9d955}.news-item{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:17px 0;border-bottom:1px solid #a8d9d955;color:inherit;text-decoration:none}.news-item time{color:var(--aqua);font-size:10px;line-height:1.2}.news-item strong{font-size:14px;font-weight:400}.news-item b{color:var(--muted);font-weight:400}.video-page{background:radial-gradient(circle at 14% 18%,#9ed5da55 0 13%,transparent 13.5%),linear-gradient(160deg,#0a4264,#092a49)}.video-card{display:block;margin-top:18px;padding:17px;background:#d9f0ef;color:#0d4263;text-decoration:none}.video-frame{display:grid;place-items:center;aspect-ratio:9/14;max-height:34dvh;background:linear-gradient(145deg,#1c5d7d,#9cced3);color:#ecfaf8;font-size:27px}.video-card h3{margin:13px 0 5px;font-size:16px;font-weight:500}.video-card p{margin:0;color:#47738a;font-size:12px;line-height:1.5}.archive-page{justify-content:center;background:#d9f0ef;color:#093c5c}.archive-page .eyebrow{color:#4c7890}.archive-links{display:grid;margin-top:24px}.archive-links a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #85bac1;color:inherit;font-family:Georgia,"Noto Serif TC",serif;font-size:21px;text-decoration:none}.archive-links small{align-self:end;font-size:9px;letter-spacing:.12em}.page-dots{position:fixed;z-index:10;top:50%;right:10px;display:grid;gap:8px;transform:translateY(-50%)}.page-dots a{width:5px;height:5px;border:1px solid var(--pale);border-radius:50%;opacity:.55}.page-dots a.is-active{background:var(--pale);opacity:1}@media(min-width:720px){main{max-width:520px;margin:auto;box-shadow:0 0 80px #0008}.site-header{left:50%;right:auto;width:min(100%,520px);transform:translateX(-50%)}.site-menu{left:50%;right:auto;width:min(100%,520px);transform:translateX(-50%)}.page-dots{right:calc(50% - 290px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}