:root{color-scheme:dark;font-family:"Noto Sans TC","PingFang TC",sans-serif;color:#f7f0df;background:#173b3e}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}.landscape,.veil{position:fixed;inset:0}.landscape{background:#173b3e url('assets/entrance/poster.jpg') center/cover}.film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.25s ease}.film.visible{opacity:1}.veil{background:linear-gradient(90deg,rgba(4,32,37,.68),rgba(4,32,37,.12) 65%,transparent),linear-gradient(0deg,rgba(6,25,29,.72),transparent 25%);pointer-events:none}header,main,footer{position:relative;z-index:2}header{display:flex;justify-content:space-between;align-items:center;padding:32px 5vw;font-size:14px;letter-spacing:.08em}.wordmark{font-family:"Noto Serif TC","Songti TC",serif;font-size:24px}.wordmark span{font-family:sans-serif;font-size:11px;letter-spacing:.24em;margin-left:15px}main{padding:clamp(30px,7vh,100px) 8vw 120px;max-width:750px}.eyebrow{font-size:11px;letter-spacing:.32em;color:#e1d4ac}h1{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(78px,10vw,152px);font-weight:500;line-height:1.16;letter-spacing:.12em;margin:20px 0 12px;text-shadow:0 3px 30px #153f4433}.subtitle{font-size:clamp(18px,2vw,25px);letter-spacing:.18em;margin:0 0 28px}.invitation{font-size:17px;line-height:2;letter-spacing:.08em;color:#ede5d2}.enter{display:inline-flex;gap:45px;align-items:center;padding:16px 26px;margin-top:20px;background:#f2e6ca;color:#203b3b;border-radius:3px;font-size:16px;letter-spacing:.1em;transition:background .2s,transform .2s}.enter:hover{background:#fff5df;transform:translateY(-2px)}.hint{font-size:12px;color:#ddd9c9;letter-spacing:.04em;margin-top:17px}footer{position:fixed;bottom:0;left:0;width:100%;padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em}button{font:inherit;color:inherit;cursor:pointer;background:#102f3866;border:1px solid #ede5d255;border-radius:24px;padding:10px 16px}a:focus-visible,button:focus-visible{outline:3px solid #f3d799;outline-offset:6px}@media(max-width:600px){.film{object-position:72% center}.landscape{background-position:72% center}.veil{background:linear-gradient(0deg,#092c39c9,transparent 95%),linear-gradient(90deg,#12394299,transparent)}header{padding:24px 7vw}.wordmark span{display:none}main{padding:10vh 8vw 120px}h1{font-size:88px}.invitation{font-size:16px}footer{padding:18px 7vw;gap:12px}footer>span{max-width:150px;font-size:10px;line-height:1.8}.enter{margin-top:15px}}@media(prefers-reduced-motion:reduce){.film,.enter{transition:none}}

.sound-controls{display:flex;align-items:center;gap:12px}.music-volume{display:flex;align-items:center;gap:8px;font-size:11px}.music-volume input{width:80px;accent-color:#e9d9ae}@media(max-width:600px){footer{flex-wrap:wrap}.sound-controls{flex-wrap:wrap;gap:8px;width:100%;justify-content:space-between}.music-volume input{width:65px}footer>span{max-width:none}.sound-controls button{padding:9px 12px;font-size:11px}main{padding-bottom:150px}}

.entrance-guide{display:block;width:fit-content;margin:14px auto 0;padding:8px 12px;color:#eee3cb;font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px;box-sizing:border-box}.entrance-guide:focus-visible{outline:2px solid #eee3cb;outline-offset:3px}