*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--ink:#0e1f38;--surface:#16304f;--surface-hover:#1d3c60;--border:hsla(0,3%,94%,.14);--paper:#f1f0f0;--muted:hsla(0,3%,94%,.64);--beam:#00c2cb;--lamp:#ffbd59;--radius-card:20px;--radius-btn:14px;--shadow-card:0 8px 32px rgba(0,0,0,.4);--transition:0.2s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--ink);color:var(--paper);min-height:100dvh;line-height:1.6;overflow-x:hidden}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}:focus-visible{outline:2px solid var(--beam);outline-offset:3px}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100dvh;flex-direction:column}.app,.app-header{position:relative;display:flex}.app-header{z-index:10;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(14,31,56,.96)}.logo-wrap{gap:12px}.logo-link,.logo-wrap{display:flex;align-items:center}.logo-link{gap:10px;text-decoration:none;color:inherit}.logo-icon{font-size:1.6rem;line-height:1}.logo-title{font-size:1.1rem;font-weight:700;letter-spacing:.04em;color:var(--paper)}.header-right{display:flex;align-items:center;gap:20px}.header-right--desktop{display:flex}.header-nav-link{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;letter-spacing:.02em;transition:color var(--transition)}.header-nav-link:hover{color:var(--beam)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border-radius:8px;transition:background var(--transition);z-index:60;flex-shrink:0}.hamburger-btn:hover{background:var(--surface)}.hamburger-line{display:block;width:22px;height:2px;background:var(--paper);border-radius:2px;transition:transform .2s ease,opacity .2s ease;transform-origin:center}.hamburger-btn.is-open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:rgba(14,31,56,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}.mobile-nav.is-open{display:block;max-height:400px;padding:16px 20px 20px}.mobile-nav-items{display:flex;flex-direction:column;gap:12px}.mobile-nav-items .header-nav-link,.mobile-nav-items .lang-switcher{font-size:1rem;padding:10px 0;border-bottom:1px solid var(--border);width:100%}.mobile-nav-items .lang-switcher{border-bottom:none;padding-bottom:0}.lang-switcher{position:relative;z-index:50}.lang-toggle{display:flex;align-items:center;gap:6px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:background var(--transition),color var(--transition);white-space:nowrap}.lang-toggle:hover{background:var(--surface-hover);color:var(--paper)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;list-style:none;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:langDropIn .15s ease-out}.lang-dropdown--up{top:auto;bottom:calc(100% + 6px);animation:langDropUp .15s ease-out}@keyframes langDropUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes langDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;border-radius:8px;color:var(--muted);font-size:.88rem;font-weight:500;transition:background var(--transition),color var(--transition)}.lang-option:hover{background:var(--surface-hover);color:var(--paper)}.lang-option.active{color:var(--beam);font-weight:700}.lang-check{font-size:.8rem;color:var(--beam)}.app-main{position:relative;flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 48px;max-width:1080px;margin-left:auto;margin-right:auto;width:100%}.list-detail-page,.lists-page,.select-phase{width:100%;max-width:720px;display:flex;flex-direction:column;gap:32px;align-items:center}.hero-text{text-align:center}.hero-title{font-size:clamp(1.7rem,5vw,2.6rem);font-weight:800;line-height:1.25;letter-spacing:.01em;color:var(--paper)}.hero-title.accent{color:var(--beam)}.hero-desc{margin-top:12px;color:var(--muted);font-size:1rem;line-height:1.8}.category-selector{width:100%}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.category-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border-radius:var(--radius-card);background:var(--surface);border:2px solid transparent;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition)}.category-btn:hover{transform:translateY(-4px);background:var(--surface-hover)}.category-btn.active{border-color:var(--cat-color,var(--beam));box-shadow:0 8px 28px rgba(0,0,0,.35);transform:translateY(-4px)}.cat-emoji{font-size:2rem;line-height:1}.cat-name{font-size:.95rem;font-weight:700;color:var(--paper);white-space:nowrap}.category-btn.active .cat-name{color:var(--cat-color,var(--beam))}.cat-desc{font-size:.72rem;color:var(--muted);text-align:center;line-height:1.4}.cat-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--cat-color,var(--beam));font-size:.7rem}.cat-check,.spin-btn{color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700}.spin-btn{gap:10px;padding:16px 36px;border-radius:var(--radius-btn);font-size:1.05rem;letter-spacing:.02em;background:var(--muted);opacity:.5;transition:opacity var(--transition),transform var(--transition),background var(--transition);cursor:not-allowed;text-decoration:none}.spin-btn.ready{opacity:1;cursor:pointer;background:var(--beam);color:#04262a}.spin-btn.ready:hover{transform:translateY(-2px)}.spin-btn.ready:active{transform:scale(.98)}.spin-btn-icon{font-size:1.3rem}.lucky-btn{display:inline-flex;align-items:center;justify-content:center;margin:2px auto 0;padding:10px 22px;border-radius:12px;border:1px solid rgba(255,189,89,.4);background:rgba(255,189,89,.12);color:var(--lamp);font-size:.85rem;font-weight:600;letter-spacing:.02em;transition:background var(--transition)}.lucky-btn:hover{background:rgba(255,189,89,.22)}.error-msg{color:#ff8080;font-size:.9rem;text-align:center}.gashapon-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 16px}.gashapon-label{color:var(--muted);font-size:1rem;letter-spacing:.04em;text-align:center}.gashapon-machine{position:relative;display:flex;align-items:center;justify-content:center}.machine-body,.machine-stand{display:flex;flex-direction:column;align-items:center}.machine-dome{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,hsla(0,0%,100%,.85),hsla(0,0%,100%,.25) 60%,rgba(20,40,70,.15));border:4px solid hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px var(--glow),0 0 80px hsla(0,0%,100%,.08),inset 0 4px 16px hsla(0,0%,100%,.3)}.machine-emoji{font-size:3.5rem;line-height:1}.machine-base{width:120px;height:40px;background:linear-gradient(180deg,#22385a,#14243c);border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.12)}.machine-slot{width:40px;height:10px;background:rgba(0,0,0,.5);border-radius:5px;border:1px solid hsla(0,0%,100%,.15)}.stage-shake .machine-body{animation:shake .15s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}20%{transform:translateX(-6px) rotate(-2deg)}40%{transform:translateX(6px) rotate(2deg)}60%{transform:translateX(-4px) rotate(-1deg)}80%{transform:translateX(4px) rotate(1deg)}}.capsule-fly{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:60px;height:60px;animation:capsulePop .6s ease-out forwards}.capsule-bottom,.capsule-top{width:60px;height:30px}.capsule-top{border-radius:30px 30px 0 0;background:var(--cap-color);opacity:.9}.capsule-bottom{border-radius:0 0 30px 30px;background:hsla(0,0%,100%,.85)}@keyframes capsulePop{0%{transform:translateX(-50%) translateY(0) scale(.5);opacity:1}60%{transform:translateX(-50%) translateY(-120px) scale(1.2) rotate(20deg);opacity:1}to{transform:translateX(-50%) translateY(-200px) scale(.8) rotate(45deg);opacity:0}}.loading-dots{display:flex;gap:8px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--beam);animation:dotBounce .9s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}.revealed-phase{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeSlideUp .4s ease-out both}.reveal-title{color:var(--beam);font-size:1rem;letter-spacing:.08em;text-align:center}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.result-card-stage{width:100%;display:flex;justify-content:center}.result-card{width:100%;max-width:420px;aspect-ratio:4/5;min-height:460px;background:var(--ink);border-radius:20px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;display:flex;flex-direction:column}.result-card.card--downloading{border-radius:0}.result-card-bg{position:absolute;inset:0;background-size:cover;background-position:50%;filter:blur(24px) brightness(.6) saturate(1.1);transform:scale(1.15)}.result-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,56,.55),rgba(14,31,56,.82) 55%,rgba(14,31,56,.96))}.result-card-body{position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:32px 26px 60px}.result-card-scene{display:inline-block;background:rgba(0,194,203,.18);border:1px solid rgba(0,194,203,.4);color:var(--beam);border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:600;letter-spacing:.03em}.result-card-quote{color:var(--paper);font-style:italic;line-height:1.5;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.4)}.result-card-quote.quote-lg{font-size:1.7rem}.result-card-quote.quote-md{font-size:1.25rem}.result-card-quote.quote-sm{font-size:1.02rem}.quote-mark{font-family:Georgia,Times New Roman,serif;color:var(--lamp);font-style:normal;margin:0 2px}.result-card-title{margin-top:6px;font-size:1.1rem;font-weight:800;color:var(--paper)}.result-card-meta{color:var(--muted);font-size:.82rem;letter-spacing:.02em}.result-card-watermark{position:absolute;z-index:1;bottom:16px;left:0;right:0;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.1em;color:hsla(0,3%,94%,.6)}.card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:460px}.action-btn{flex:1 1 130px;min-width:130px;padding:12px 16px;border-radius:var(--radius-btn);font-size:.9rem;font-weight:700;letter-spacing:.02em;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.download-btn{background:var(--beam);color:#04262a;box-shadow:0 4px 16px rgba(0,194,203,.35)}.download-btn:hover{transform:translateY(-2px)}.share-btn{background:var(--surface);color:var(--paper);border:1px solid var(--border)}.share-btn:hover{background:var(--surface-hover);transform:translateY(-2px)}.reset-btn{background:transparent;color:var(--muted);border:1px solid var(--border)}.reset-btn:hover{background:var(--surface);color:var(--paper);transform:translateY(-2px)}.title-detail{width:100%;max-width:560px;gap:22px;padding-top:8px}.title-detail,.title-detail-block{display:flex;flex-direction:column}.title-detail-block{gap:10px}.title-detail-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cat-color,var(--beam))}.title-detail-text{font-size:.92rem;color:var(--paper);opacity:.9;line-height:1.8}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);color:var(--paper);border-radius:20px;padding:6px 14px;font-size:.8rem}.tag-chip--platform{border-color:rgba(255,189,89,.4);color:var(--lamp)}.tmdb-link{display:inline-flex;align-items:center;gap:6px;color:var(--beam);font-size:.9rem;font-weight:600;text-decoration:none}.tmdb-link:hover{text-decoration:underline}.lists-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.list-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition)}.list-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.list-card-cover{position:relative;aspect-ratio:16/9;background-size:cover;background-position:50%;background-color:#0a1626;display:flex;align-items:flex-end;padding:14px}.list-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,56,.1),rgba(14,31,56,.9))}.list-card-title{position:relative;z-index:1;font-size:1.05rem;font-weight:800;color:var(--paper)}.list-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}.list-card-desc{font-size:.85rem;color:var(--muted);line-height:1.5}.list-card-count{font-size:.78rem;color:var(--beam);font-weight:600}.list-curator{margin-top:4px;font-size:.85rem;color:var(--muted)}.title-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px}.title-grid-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.title-grid-poster{aspect-ratio:2/3;border-radius:12px;background-size:cover;background-position:50%;background-color:var(--surface);display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}.title-grid-card:hover .title-grid-poster{transform:translateY(-4px)}.title-grid-fallback{font-size:2.4rem}.title-grid-name{font-size:.85rem;font-weight:700;color:var(--paper);line-height:1.3}.title-grid-quote{font-size:.75rem;color:var(--muted);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 12px;animation:backdropIn .2s ease-out}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.share-modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;animation:modalSlideUp .25s ease-out;margin-bottom:12px}@keyframes modalSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;color:var(--paper)}.share-close{background:hsla(0,0%,100%,.08);color:var(--muted);width:28px;height:28px;border-radius:50%;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.share-close:hover{background:hsla(0,0%,100%,.16);color:var(--paper)}.share-action-btn{width:100%;padding:12px 16px;border-radius:var(--radius-btn);background:hsla(0,0%,100%,.06);color:var(--paper);font-size:.9rem;font-weight:600;transition:background var(--transition)}.share-action-btn:hover{background:hsla(0,0%,100%,.12)}.share-action-primary{background:var(--beam);color:#04262a}.share-action-primary:hover{background:var(--beam);opacity:.9}.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;flex-direction:column;width:calc(100% - 32px);max-width:400px}.toast-container,.toast-item{display:flex;gap:8px;align-items:center}.toast-item{background:var(--surface);border:1px solid var(--border);color:var(--paper);padding:12px 18px;border-radius:12px;font-size:.88rem;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:toastIn .2s ease-out;cursor:pointer}.toast-item.toast-exit{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}.toast-success .toast-icon{color:var(--beam)}.toast-error .toast-icon{color:#ff8080}.toast-icon{font-weight:700}.about-page{width:100%;max-width:640px;gap:28px}.about-hero,.about-page{display:flex;flex-direction:column}.about-hero{align-items:center;gap:8px;text-align:center}.about-wave{font-size:1.4rem;font-weight:700;color:var(--paper)}.about-title{font-size:1rem;font-weight:600;color:var(--beam)}.about-subtitle{font-size:.9rem;color:var(--muted)}.about-section{gap:16px}.about-card,.about-section{display:flex;flex-direction:column}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 22px;gap:8px}.about-card-title{font-size:1rem;font-weight:700;color:var(--paper)}.about-card-text{font-size:.9rem;color:var(--muted);line-height:1.8}.about-cta{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:12px 0 8px}.about-cta-text{font-size:1rem;color:var(--paper);font-weight:600}.about-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-btn);background:var(--beam);color:#04262a;font-weight:700;text-decoration:none;transition:transform var(--transition)}.about-cta-btn:hover{transform:translateY(-2px)}.app-footer{position:relative;border-top:1px solid var(--border);padding:32px 20px 24px;background:rgba(10,22,38,.6)}.footer-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.footer-link{color:var(--muted);font-size:.88rem;text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--beam)}.footer-bottom{max-width:1080px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.footer-copyright{font-size:.8rem;color:var(--muted)}.footer-tmdb-notice{font-size:.72rem;color:hsla(0,3%,94%,.42)}@media (max-width:768px){.header-right--desktop{display:none}.hamburger-btn{display:flex}.footer-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:560px){.category-grid{grid-template-columns:repeat(2,1fr)}.lists-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.action-btn{flex:1 1 auto}}@media (max-width:420px){.app-main{padding:24px 12px 36px}}