.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--color-primary:#5b2a86;--color-primary-dark:#351a52;--color-primary-light:#8b5fb0;--color-secondary:#e0a93f;--color-secondary-dark:#b9832a;--color-bg:#faf7f2;--color-text:#2a2233;--color-text-muted:#6b5f7a;--color-white:#fff;--font-latin:"Poppins", system-ui, -apple-system, sans-serif;--font-cjk:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-body:var(--font-latin), var(--font-cjk)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6}h1,h2,h3{font-family:var(--font-body);margin:0 0 .4em;line-height:1.25}a{color:var(--color-primary)}img{max-width:100%;display:block}.page-shell{touch-action:pan-y;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.side-nav{-webkit-backdrop-filter:blur(6px);z-index:20;background:#e9e6ee8c;justify-content:center;align-items:center;width:48px;text-decoration:none;transition:background .15s;display:flex;position:fixed;top:0;bottom:0}.side-nav:hover{background:#e9e6eec7}.side-nav span{writing-mode:horizontal-tb;color:var(--color-primary);letter-spacing:.03em;white-space:nowrap;font-size:.8rem;font-weight:700}.side-nav-prev{border-right:1px solid #5b2a861a;left:0}.side-nav-next{border-left:1px solid #5b2a861a;right:0}.side-nav.is-disabled{pointer-events:none;opacity:.35}@media (width<=480px){.side-nav{width:36px}.side-nav span{font-size:.7rem}}.page-bg{background-position:50%;background-size:cover;background-image:linear-gradient(145deg, var(--color-primary-light) 0%, var(--color-primary) 45%, var(--color-primary-dark) 100%);z-index:0;position:absolute;inset:0}.page-decor{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}:root{--decor-color:#5b2a861f}body.layout-cover,body.layout-fullImage,body.layout-closing{--decor-color:#ffffff29}.decor-blob{background:var(--decor-color);border-radius:42% 58% 65% 35%/45% 45% 55% 55%;width:min(60vw,340px);height:min(60vw,340px);position:absolute;top:-8%;right:-10%;transform:rotate(18deg)}.decor-strip{background:var(--decor-color);border-radius:999px;width:140%;height:46px;position:absolute;bottom:12%;left:-20%;transform:rotate(-7deg)}.page-overlay{z-index:1;background:linear-gradient(#351a5259 0%,#351a528c 55%,#1f0f30d9 100%);position:absolute;inset:0}.page-content{z-index:2;flex-direction:column;gap:1.25rem;width:70%;min-height:100vh;margin-inline:auto;padding:2.5rem 0 1.5rem;display:flex;position:relative}@media (width>=640px){.page-content{width:min(600px,85%)}}.page-body{flex-direction:column;flex:1;gap:1rem;display:flex}body.layout-cover .page-content,body.layout-fullImage .page-content,body.layout-closing .page-content{color:var(--color-white);text-align:center;justify-content:center;align-items:center}body.layout-cover .subtitle,body.layout-fullImage .subtitle,body.layout-closing .subtitle{color:#ffffffd9;font-size:1rem}.title-plate{flex-direction:column;align-items:center;display:flex}.title-plate h1{color:var(--color-primary);letter-spacing:.04em;background:#fffffff0;border-radius:.6rem;padding:.5em .9em;font-size:clamp(2.2rem,10vw,3.6rem);font-weight:700;display:inline-block;box-shadow:0 14px 34px #1f0f3059}body.layout-cover .title-plate h1{font-size:clamp(2.6rem,12vw,4.2rem)}.title-plate .subtitle{text-shadow:0 2px 10px #1f0f3099;margin-top:1.1em;font-weight:600}body.layout-cover .prose,body.layout-fullImage .prose,body.layout-closing .prose{color:#ffffffeb}body.layout-cover .nav-controls a,body.layout-fullImage .nav-controls a,body.layout-closing .nav-controls a,body.layout-cover .nav-indicator,body.layout-fullImage .nav-indicator,body.layout-closing .nav-indicator{color:var(--color-white)}body.layout-content .page-content,body.layout-video .page-content{color:var(--color-text)}body.layout-content h1,body.layout-video h1{color:var(--color-primary-dark);font-size:clamp(1.5rem,5vw,2rem)}body.layout-content .subtitle,body.layout-video .subtitle{color:var(--color-text-muted);margin-top:-.4em}.hero-image{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg, var(--color-primary-light), var(--color-secondary));border-radius:.75rem;width:100%;box-shadow:0 10px 30px #351a522e}.video-wrapper{aspect-ratio:16/9;background:var(--color-primary-dark);border-radius:.75rem;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #351a522e}.video-wrapper-portrait{aspect-ratio:9/16;max-width:320px;margin-inline:auto}.video-wrapper iframe{border:0;width:100%;height:100%}.summary-text{color:var(--color-text-muted);font-style:italic}.read-more-btn{background:var(--color-primary);color:var(--color-white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.55rem 1.15rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.read-more-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.reveal-collapse{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.reveal-collapse.is-expanded{grid-template-rows:1fr}.reveal-inner{opacity:0;min-height:0;transition:opacity .4s 50ms,transform .4s 50ms;transform:translateY(-8px)}.reveal-collapse.is-expanded .reveal-inner{opacity:1;transform:translateY(0)}.link-row{gap:.75rem;justify-content:inherit;flex-wrap:wrap;display:flex}.btn-link{background:var(--color-secondary);color:var(--color-primary-dark);border-radius:999px;align-items:center;gap:.35rem;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-link:hover{background:var(--color-secondary-dark);transform:translateY(-1px)}.nav-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.nav-btn{background:var(--color-primary);color:var(--color-white);border-radius:999px;align-items:center;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.nav-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.nav-btn.is-disabled{color:#5b2a8666;pointer-events:none;background:#5b2a8626}body.layout-cover .nav-btn.is-disabled,body.layout-fullImage .nav-btn.is-disabled,body.layout-closing .nav-btn.is-disabled{color:#fff6;background:#ffffff26}.nav-indicator{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}::view-transition{perspective:1300px}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;backface-visibility:hidden;animation:none}::view-transition-old(root){transform-origin:100% 0;animation:.6s cubic-bezier(.45,0,.4,1) forwards page-peel-out}::view-transition-new(root){transform-origin:0 100%;animation:.6s cubic-bezier(.45,0,.4,1) forwards page-peel-in}@keyframes page-peel-out{0%{opacity:1;filter:drop-shadow(0 0 #1f0f3000);transform:rotate3d(1,1,0,0)}55%{filter:drop-shadow(-24px 24px 28px #1f0f3066)}to{opacity:0;filter:drop-shadow(-24px 24px 28px #1f0f3000);transform:rotate3d(1,1,0,108deg)}}@keyframes page-peel-in{0%{opacity:0;transform:rotate3d(1,1,0,-108deg)}45%{opacity:0}to{opacity:1;transform:rotate3d(1,1,0,0)}}