*{box-sizing:border-box}body{color:#edf2fa;background:#101827;margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}button,input{font:inherit}h1{font-size:clamp(26px,4vw,44px);line-height:1.25}a{text-decoration:none}.seo-languages{justify-content:flex-end;gap:16px;margin-bottom:20px;font-size:13px;display:flex}.seo-languages [aria-current],.seo-sort [aria-current]{color:#f2c38d;border-color:#f2c38d}.seo-muted{color:#b5c2d7;max-width:900px;line-height:1.8}.seo-sort{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.seo-sort a,.seo-pagination a,.seo-episodes a{background:#192538;border:1px solid #53627a;border-radius:12px;padding:10px 18px}.seo-sort [aria-current]{color:#162131;background:#f2c38d}.seo-detail{grid-template-columns:260px 1fr;align-items:start;gap:40px;display:grid}.seo-copy{overflow-wrap:anywhere;max-width:1100px;margin:35px 0;line-height:1.9}.seo-source{border:1px solid #53627a;border-radius:12px;margin:14px 0;padding:18px}.seo-source summary,.seo-filters summary{cursor:pointer}.seo-episodes{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.seo-filters{margin:25px 0}.seo-filters form{flex-wrap:wrap;align-items:end;gap:15px;display:flex}.seo-filters label{gap:6px;font-size:13px;display:grid}.seo-filters input{color:#edf2fa;background:#192538;border:1px solid #53627a;border-radius:8px;width:150px;padding:9px}.seo-filters button{color:#162131;background:#f2c38d;border:0;border-radius:8px;padding:10px}.seo-pagination{justify-content:center;align-items:center;gap:22px;margin:35px 0;display:flex}.seo-breadcrumb{color:#b5c2d7;margin-bottom:24px;line-height:1.8}.seo-welcome{min-height:50vh;padding:70px 0}.cinema-card p{line-height:1.8}.seo-detail .cinema-poster img{object-fit:cover;height:100%}input:focus-visible{outline:2px solid #f2c38d}.cinema-main{min-height:70vh}@media (width<=700px){.seo-detail{grid-template-columns:110px 1fr;gap:18px}.seo-detail h1{font-size:24px}.seo-detail p{font-size:13px}.seo-languages{justify-content:flex-start}.seo-source{padding:14px}.seo-breadcrumb{font-size:12px}.seo-pagination{gap:12px}.cinema-header{flex-wrap:wrap}.cinema-search{margin-left:0}}.language-menu{flex:none;margin-left:0;position:relative}.language-menu summary{color:#bdc9dc;cursor:pointer;background:#ffffff05;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:42px;height:42px;list-style:none;display:grid}.language-menu summary::-webkit-details-marker{display:none}.language-menu[open] summary,.language-menu summary:hover{color:#f2c38d;border-color:#f2c38d}.language-menu nav{z-index:1100;background:#1b283d;border:1px solid #ffffff25;border-radius:16px;gap:4px;width:200px;padding:10px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 14px 40px #0006}.language-menu nav>span{color:#9eadc2;padding:6px 10px;font-size:11px}.language-menu nav a,.language-menu nav button{text-align:left;color:#e4eaf4;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:12px 10px;font-size:14px;display:block}.language-menu nav [aria-current]{color:#f2c38d;background:#ffffff08}.language-menu nav a:hover,.language-menu nav button:hover{background:#ffffff0d}.language-menu nav button{color:#b5c2d7;border-top:1px solid #ffffff15;border-radius:0;font-size:12px}@media (width<=767px){.cinema-header{column-gap:10px}.cinema-header .cinema-search{min-width:90px}.language-menu summary{width:36px;height:36px}.language-menu nav{top:44px}.language-menu{order:2}}.seo-detail{grid-template-columns:220px minmax(0,1fr) minmax(320px,.95fr);gap:28px}.seo-detail>div,.seo-detail-identity,.seo-detail-metadata{overflow-wrap:anywhere;min-width:0}.seo-detail h1{font-size:clamp(26px,3vw,40px)}.seo-detail-playlist{background:#142033;border:1px solid #354459;border-radius:18px;min-width:0;margin:0;padding:20px;scroll-margin-top:110px}.seo-detail-playlist h2{margin:0 0 8px;font-size:20px}.seo-detail-playlist>.seo-muted{margin:0 0 14px;font-size:13px}.seo-detail-playlist .seo-source{background:#152235;margin:10px 0;padding:14px 16px}.seo-detail-playlist summary{color:#f2c38d;align-content:center;min-height:44px;font-weight:600}.seo-detail-playlist .seo-episodes{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:320px;margin-top:14px;padding:2px 4px 4px 2px;display:grid;overflow-y:auto}.seo-detail-playlist .seo-episodes a{text-align:center;color:#edf2fa;overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;display:flex}.seo-detail-playlist .seo-episodes a:hover{background:#29364b;border-color:#f2c38d}.seo-detail-playlist a:focus-visible,.seo-detail-playlist summary:focus-visible{outline-offset:2px;outline:2px solid #f2c38d}@media (width<=1099px){.seo-detail{grid-template-columns:200px minmax(0,1fr);gap:24px}.seo-detail-playlist{grid-column:1/-1}}@media (width<=700px){.seo-detail{grid-template-columns:96px minmax(0,1fr);gap:18px 16px}.seo-detail>.cinema-poster{grid-area:1/1;width:96px}.seo-detail-info{display:contents}.seo-detail-identity{grid-area:1/2;align-self:center}.seo-detail-identity .eyebrow{display:none}.seo-detail h1{margin:0 0 10px;font-size:22px;line-height:1.4}.seo-detail-identity p{color:#b5c2d7;margin:6px 0;font-size:13px;line-height:1.6}.seo-detail-playlist{border-radius:14px;grid-area:2/1/auto/-1;padding:14px}.seo-detail-playlist h2{margin:0 0 6px;font-size:18px}.seo-detail-playlist>.seo-muted{margin-bottom:10px;font-size:12px;line-height:1.6}.seo-detail-playlist .seo-source{margin:8px 0;padding:8px 10px}.seo-detail-playlist .seo-source:last-child{margin-bottom:0}.seo-detail-playlist .seo-episodes{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:250px;margin-top:8px}.seo-detail-playlist .seo-episodes a{padding:8px 4px;font-size:13px}.seo-detail-metadata{border-bottom:1px solid #354459;grid-area:3/1/auto/-1;padding-bottom:14px}.seo-detail-metadata p{margin:6px 0;font-size:13px;line-height:1.7}.seo-detail-metadata>.seo-muted{margin-top:10px;font-size:12px}.seo-detail~.seo-copy{margin:22px 0;font-size:14px;line-height:1.8}.seo-detail~.seo-copy h2{margin:0 0 12px;font-size:20px}.seo-detail~.seo-copy p{margin:10px 0}}.seo-home-guides{margin:32px 0 44px}.seo-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.seo-guide-card{overflow-wrap:anywhere;background:#152235;border:1px solid #354459;border-radius:16px;min-width:0;padding:22px}.seo-guide-card h2,.seo-guide-card h3{margin:10px 0;font-size:20px;line-height:1.5}.seo-guide-card a,.seo-comparison a,.seo-guide-hub>a{color:#f2c38d}.seo-guide-card p{font-size:14px;line-height:1.8}.seo-guide-card a:focus-visible,.seo-comparison-wrap:focus-visible{outline-offset:4px;outline:2px solid #f2c38d}.seo-comparison-wrap{margin:20px 0;overflow-x:auto}.seo-comparison{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.seo-comparison caption{text-align:left;color:#b5c2d7;margin-bottom:12px}.seo-comparison th,.seo-comparison td{text-align:left;vertical-align:top;border:1px solid #354459;padding:14px}.seo-comparison thead{background:#192538}.seo-comparison tbody th{font-weight:600}.seo-guide-hub{max-width:none}.seo-guide-hub .seo-guide-card h2{font-size:20px}@media (width<=900px){.seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.seo-guide-grid{grid-template-columns:1fr;gap:12px}.seo-guide-card{padding:18px}.seo-guide-card h2,.seo-guide-card h3{font-size:18px}.seo-home-guides{margin:24px 0 32px}}.seo-comparison th:nth-child(2),.seo-comparison td:nth-child(2),.seo-comparison th:nth-child(3),.seo-comparison td:nth-child(3){white-space:nowrap}.seo-featured{min-width:0;margin-bottom:36px}.seo-hero-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#718298 transparent;border-radius:22px;gap:16px;display:flex;position:relative;overflow-x:auto}.seo-hero-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0}.seo-hero-slide .hero-copy{padding-bottom:52px}.seo-hero-slide h2{color:#f3f6ed;overflow-wrap:anywhere;margin:0 0 18px;font-size:clamp(30px,3.8vw,60px);line-height:1.2}.seo-hero-picker{gap:10px;padding:12px 0;display:flex;overflow-x:auto}.seo-hero-picker a{color:#d4dfed;border:1px solid #ffffff30;border-radius:8px;flex:none;padding:10px 16px;font-size:13px}.seo-hero-picker a:hover{background:#ffffff12}.seo-featured :focus-visible{outline-offset:-3px;outline:2px solid #f2c38d}@media (width<=767px){.seo-hero-slide{min-height:400px}.seo-hero-slide .hero-copy{padding:60px 24px 36px}.seo-hero-slide h2{font-size:32px}.seo-hero-picker a{font-size:12px}}
