@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07080b;color:#d7d7dc;font-family:'Noto Serif TC',serif}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 15%,#151a25 0,#090a0e 46%,#040405 100%)}button,input,textarea{font:inherit}.film{position:fixed;left:0;width:100%;height:4vh;background:#010101;z-index:20;box-shadow:0 0 40px #000}.top{top:0}.bottom{bottom:0}.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}.music{position:fixed;right:24px;bottom:7vh;z-index:30;background:#090a0dcc;color:#777;border:1px solid #333;padding:8px 12px;letter-spacing:.18em;cursor:pointer}.music:hover{color:#eee;border-color:#777}main{min-height:100vh;display:grid;place-items:center;padding:9vh 24px;position:relative}.panel{width:min(900px,100%);text-align:center;animation:enter .9s ease both}.eyebrow{font-size:11px;letter-spacing:.52em;color:#73757c}.title{font-size:clamp(48px,9vw,88px);letter-spacing:.14em;margin:24px 0 34px;color:#eee;text-shadow:0 0 40px #ffffff12}.section-title{font-size:clamp(25px,5vw,36px);font-weight:400;letter-spacing:.12em;margin:30px 0 50px}.opening-quote{line-height:1.4;letter-spacing:.22em;color:#b8b9bf;font-size:clamp(18px,3vw,26px);min-height:88px}.opening-quote p{margin:5px}.btn{margin-top:48px;padding:13px 42px;background:transparent;border:1px solid #555;color:#ddd;letter-spacing:.3em;cursor:pointer;transition:.35s}.btn:hover{background:#eee;color:#090a0d;box-shadow:0 0 30px #ffffff22}.fields{max-width:460px;margin:0 auto;display:grid;gap:34px}.field label{display:block;color:#777;font-size:12px;letter-spacing:.25em;margin-bottom:12px}.field input{width:100%;border:0;border-bottom:1px solid #444;background:transparent;color:#eee;padding:12px;text-align:center;outline:none}.field input:focus{border-color:#aaa}.routes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:680px;margin:auto}.route{padding:38px 24px;background:#0d1016aa;border:1px solid #2a2d34;color:#ddd;cursor:pointer;transition:.45s}.route:hover{border-color:#999;transform:translateY(-5px);background:#131722}.route small{display:block;color:#666;letter-spacing:.25em}.route h3{font-size:24px;letter-spacing:.2em}.route p{color:#777;line-height:1.9}.question{max-width:720px;margin:auto;text-align:left}.qnum{color:#555;letter-spacing:.3em;font-size:12px}.scene-text{margin:30px 0 18px;color:#777;letter-spacing:.15em;line-height:1.9;font-size:14px}.question h2{font-weight:400;line-height:1.8;margin:0 0 36px;border-bottom:1px solid #292c33;padding-bottom:28px}.answers{display:grid;gap:14px}.answer{display:flex;gap:20px;width:100%;padding:16px 18px;text-align:left;background:transparent;border:0;border-left:1px solid #333;color:#aaa;cursor:pointer;transition:.3s}.answer:hover{background:#11151d;color:#fff;border-color:#aaa;padding-left:26px}.answer span:first-child{color:#555;letter-spacing:.15em}.progress{height:1px;background:#222;margin-top:44px}.progress i{display:block;height:100%;background:#aaa;transition:width .8s ease}.cinema-stage{width:min(900px,100%);min-height:55vh;display:grid;place-content:center;text-align:center;opacity:0;filter:blur(8px);transform:scale(.985);transition:opacity .9s,filter .9s,transform .9s;cursor:default}.cinema-stage.visible{opacity:1;filter:none;transform:none}.chapter{font-size:11px;letter-spacing:.65em;color:#64666d;margin-bottom:48px}.story-lines{font-size:clamp(22px,4vw,36px);line-height:1.8;letter-spacing:.18em;color:#e1e1e4;text-shadow:0 0 35px #ffffff10}.story-lines p{margin:0}.continue-hint{opacity:0;margin-top:70px;color:#505158;font-size:10px;letter-spacing:.38em;transition:opacity 1s}.cinema-stage.can-continue{cursor:pointer}.cinema-stage.can-continue .continue-hint{opacity:1;animation:pulse 2s infinite}.result-card{position:relative;width:min(430px,90vw);aspect-ratio:3/4;margin:26px auto 40px;overflow:hidden;border:1px solid #333}.result-card img{width:100%;height:100%;object-fit:cover;animation:slowZoom 12s ease-out both}.result-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#08090d)}.result-name{position:absolute;z-index:2;left:0;right:0;bottom:24px}.result-name h1{font-size:48px;margin:0}.result-name p{letter-spacing:.35em;color:#bbb}.desc{max-width:620px;margin:0 auto 50px;line-height:2;letter-spacing:.1em;text-align:justify}.resonance-title{margin-bottom:28px}.rank{max-width:520px;margin:auto;display:grid;gap:18px}.rank-row{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:12px}.bar{height:1px;background:#333}.bar i{display:block;height:100%;background:#ccc;animation:grow 1.5s ease both}.note{max-width:560px;margin:54px auto 0}.note textarea{width:100%;height:110px;background:#0e1117;border:1px solid #333;color:#ddd;padding:16px}.actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ghost{background:transparent;border:0;color:#777;cursor:pointer;letter-spacing:.2em}.ghost:hover{color:#ddd}@keyframes enter{from{opacity:0;transform:scale(.98);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes pulse{50%{opacity:.35}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}@keyframes slowZoom{from{transform:scale(1.05)}to{transform:scale(1.14)}}@keyframes grow{from{width:0}}@media(max-width:650px){.routes{grid-template-columns:1fr}.title{letter-spacing:.08em}.question h2{font-size:20px}.result-name h1{font-size:38px}.rank-row{grid-template-columns:72px 1fr 42px}.story-lines{letter-spacing:.1em}.cinema-stage{min-height:65vh}.music{right:12px}}

.host-intro{max-width:680px;margin:0 auto 24px;color:#c9c5bc;line-height:1.8;text-align:center}
.host-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:26px 0}
.host-card{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);color:#f4efe5;padding:22px 18px;text-align:left;cursor:pointer;transition:.25s;border-radius:4px}
.host-card:hover,.host-card:focus{transform:translateY(-3px);border-color:rgba(228,190,113,.75);background:rgba(228,190,113,.1)}
.host-card strong{display:block;font-size:1.14rem;letter-spacing:.08em;margin-bottom:8px}
.host-card span{color:#aaa399;font-size:.88rem}
.share-status{min-height:1.5em;margin-top:18px;color:#c8b47d;text-align:center;line-height:1.6}