:root{--bg:#141414;--panel:#202020;--red:#e50914;--muted:#b3b3b3;--gutter:4.3vw;color-scheme:dark;font-family:Arial,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f7f7f7}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid #fff;outline-offset:5px}a{color:inherit;text-decoration:none}button{transition:background .2s,transform .2s,opacity .2s}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}header{height:82px;display:flex;align-items:center;gap:40px;position:fixed;z-index:30;inset:0 0 auto;padding:0 var(--gutter);background:linear-gradient(#000b,transparent);transition:background .3s}header.scrolled{background:#141414f5;box-shadow:0 5px 30px #0002}.wordmark{font-size:29px;font-weight:950;letter-spacing:-1.6px;color:var(--red);white-space:nowrap;display:inline-flex;align-items:baseline;gap:7px;transform:scaleY(1.12)}.wordmark span{font-size:.53em;letter-spacing:1.4px;font-weight:800}.wordmark.small{font-size:23px}nav{display:flex;gap:25px;align-items:center}nav button{background:none;padding:15px 0;font-size:13px;color:#d9d9d9;white-space:nowrap}nav button:hover{color:#aaa}nav button.active{font-weight:800;color:white}.header-tools{margin-left:auto;display:flex;align-items:center;gap:22px}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:none;border-radius:4px}.icon-button:hover{background:#ffffff16}.icon-button svg,.round svg{width:22px;height:22px}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:0;padding:0;opacity:0;background:#080808d9;border:1px solid #fff;height:36px;transition:width .3s,opacity .3s;color:white}.search-box.open input{width:220px;padding:0 40px 0 12px;opacity:1}.search-box.open .icon-button{position:absolute;right:0}.presentation{background:none;font-size:12px;letter-spacing:.5px;white-space:nowrap}.presentation span{font-size:20px;margin-left:4px}.avatar{width:32px;height:32px;background:#344c47;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:bold;font-size:19px;position:relative;padding-bottom:6px}.avatar span{position:absolute;bottom:0;font-size:21px;line-height:14px;font-family:Arial;font-weight:400}.hero{height:min(820px,61vw);min-height:650px;position:relative;isolation:isolate}.hero-art{position:absolute;inset:0;overflow:hidden;background:#10120f}.hero-art img,.hero-art video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:opacity 1.1s}.hero-art img{animation:slow-zoom 22s ease-out both}.hero-art video{opacity:0}.hero-art video.ready{opacity:1}.hero-art.portrait img{object-position:76% 29%;width:58%;right:0}.hero-art.portrait video{width:58%;right:0;object-fit:cover;object-position:center 30%}.hero-art.portrait:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 30%,#243d4a,#11171c 75%)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#141414f5 0%,#141414c9 19%,#14141446 50%,transparent 73%),linear-gradient(0deg,#141414 0%,#141414c9 6%,transparent 38%),linear-gradient(#0002,transparent 30%)}.hero-content{position:absolute;left:var(--gutter);top:24%;max-width:600px;width:44%;text-shadow:0 2px 15px #0004}.original{font-size:10px;letter-spacing:3px;font-weight:600;display:flex;align-items:center;gap:9px;color:#e3e3e3}.original>span{font-size:28px;color:var(--red);font-weight:950;letter-spacing:-2px;line-height:1}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#aaa;font-weight:600}.hero .eyebrow{margin-top:20px;color:#d5d5d5;letter-spacing:2px}.hero h1{font-family:"Songti TC","Noto Serif TC",Georgia,serif;font-size:clamp(65px,7.8vw,116px);line-height:1.25;letter-spacing:.1em;margin:12px 0 16px;font-weight:900}.hero h1.tianji{font-size:clamp(52px,5.6vw,84px);line-height:1.15;letter-spacing:.03em;color:#eed7a8;text-shadow:0 3px #524028,0 7px 16px #0009}.hero h1.brand{font-size:clamp(45px,5vw,76px);letter-spacing:.04em;line-height:1.2}.hero-tagline{font-size:23px;line-height:1.55;font-weight:600;letter-spacing:.1em;margin:0 0 18px}.hero-description{font-size:14px;line-height:1.9;color:#d0d0d0;max-width:420px;margin:0 0 25px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;min-height:46px;padding:11px 25px;font-size:15px;letter-spacing:.5px;font-weight:750}.button svg{width:21px;height:21px}.white{background:#fff;color:#111}.white:hover{background:#d6d6d6}.translucent{background:#6d6d6e88;color:#fff}.translucent:hover{background:#6d6d6ebb}.button:active{transform:scale(.97)}.hero-meta{display:flex;gap:12px;margin-top:20px;font-size:11px;color:#b3b3b3;align-items:center}.quality{font-size:9px;border:1px solid #ffffff60;padding:1px 4px;color:#ddd;line-height:1.2}.hero-side{position:absolute;right:0;bottom:150px;display:flex;gap:10px;align-items:center}.round{display:grid;place-items:center;border:1.5px solid #ffffff8a;background:#2226;border-radius:50%;width:38px;height:38px;color:white}.round:hover{background:#fff2;border-color:white}.hero-side>span:not(.hero-rating){font-size:11px;color:#ddd}.hero-rating{border-left:3px solid #ddd;background:#4446;font-size:12px;padding:12px 3.8vw 12px 18px;margin-left:10px}.hero-selector{position:absolute;right:var(--gutter);bottom:84px;display:flex;gap:9px}.hero-selector button{width:40px;height:35px;background:none;color:#bbb;font-size:10px;border-bottom:2px solid #ffffff50;text-align:left;position:relative}.hero-selector button.selected{color:#fff;border-color:var(--red)}.catalog{padding:0 var(--gutter);margin-top:-30px;position:relative;z-index:2}.catalog-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.catalog-heading .eyebrow{font-size:9px;letter-spacing:2.5px;color:#8e8e8e;margin:0 0 10px}.catalog-heading h2{font-size:23px;font-weight:700;letter-spacing:.06em;margin:0}.catalog-heading>span{font-size:11px;color:#8d8d8d;padding-bottom:4px}.shelf{margin:0 0 46px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shelf h3{font-size:18px;margin:0;letter-spacing:.02em}.shelf-heading>span{font-size:11px;color:#929292}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.film-card{min-width:0;border-radius:5px;position:relative;background:#1d1d1d;transition:transform .3s,box-shadow .3s;isolation:isolate}.film-card:hover,.film-card:focus-within{transform:translateY(-7px);box-shadow:0 12px 35px #0009;z-index:5}.card-open{display:block;width:100%;padding:0;background:none;text-align:left;position:relative;border-radius:5px;overflow:hidden}.card-art{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#232323}.card-art img,.card-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 27%;transition:transform .65s,opacity .35s}.card-art video{opacity:0}.film-card.previewing .card-art video{opacity:1}.film-card:hover .card-art img{transform:scale(1.05)}.card-shade{position:absolute;inset:0;background:linear-gradient(transparent 22%,#0002 45%,#000d 100%)}.card-original{position:absolute;top:13px;left:15px;font-weight:950;color:var(--red);font-size:25px;line-height:1}.card-badge{position:absolute;top:14px;right:13px;font-size:9px;letter-spacing:1px;padding:4px 6px;background:#141414a8;backdrop-filter:blur(8px);border-radius:2px;color:#eee}.card-title{position:absolute;left:21px;bottom:22px;font-family:"Songti TC",Georgia,serif;font-weight:900;font-size:clamp(25px,2.65vw,39px);letter-spacing:.08em;text-shadow:0 3px 12px #0009;line-height:1.15}.card-title.gold{color:#f2d3a0;font-size:clamp(23px,2.4vw,35px)}.card-title.brand-title{font-size:clamp(21px,2.3vw,32px);line-height:1.3}.card-subtitle{display:block;font-family:Arial,"PingFang TC",sans-serif;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:8px;color:#ddd}.card-info{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 16px;gap:10px}.card-info .card-type{font-size:11px;color:#b6b6b6;display:flex;align-items:center;gap:8px}.card-info p{margin:7px 0 0;font-size:12px;color:#dedede;line-height:1.5}.card-info .round{width:29px;height:29px;flex-shrink:0}.card-info .round svg{width:16px;height:16px}.episode-card .card-title{font-size:22px;font-family:Arial,"PingFang TC",sans-serif;letter-spacing:1px;bottom:17px}.episode-card .card-art{aspect-ratio:16/8.5}.episode-card .episode-label{position:absolute;left:18px;top:15px;font-size:11px;letter-spacing:1.4px}.episode-card .card-art img{object-position:center 23%}.episode-card .card-title small{display:block;font-size:10px;color:#ddd;font-weight:400;letter-spacing:1px;margin-bottom:7px}.episode-card .duration-pill{position:absolute;right:13px;bottom:17px;font-size:10px;color:#eee;background:#141414b3;padding:4px 7px;border-radius:3px}.episode-card .card-info p{font-size:11px;color:#aaa}.mini-play{position:absolute;top:42%;left:45%;height:40px;width:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff8;background:#0003;opacity:0;transition:opacity .3s}.mini-play svg{width:17px}.film-card:hover .mini-play,.film-card:focus-within .mini-play{opacity:1}.closing{border-top:1px solid #ffffff13;padding:40px 0 34px;display:flex;align-items:end;position:relative;gap:40px}.closing-index{font-size:11px;color:#666;align-self:start;padding-top:3px;white-space:nowrap}.closing .eyebrow{font-size:9px;color:#777;margin:0 0 15px}.closing h2{font-family:"Songti TC",serif;font-size:30px;font-weight:600;line-height:1.6;letter-spacing:.1em;margin:0 0 12px}.closing p:not(.eyebrow){font-size:11px;color:#888;line-height:1.8;margin:0}.text-button{margin-left:auto;background:none;font-size:11px;color:#bbb;padding:10px 0}.text-button span{display:inline-block;margin-left:50px;font-size:23px}footer{display:flex;gap:22px;align-items:center;margin:0 var(--gutter);padding:30px 0 35px;border-top:1px solid #ffffff13}footer p{font-size:10px;color:#797979}footer p span{margin:0 9px}footer button{background:none;color:#999;font-size:10px;margin-left:auto}.footer-note{font-size:9px;color:#666;border:1px solid #ffffff20;padding:4px 6px}dialog{background:#181818;color:white;border:0;padding:0;border-radius:10px;box-shadow:0 20px 90px #000b;max-height:92dvh;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}#detail{width:min(880px,94vw)}.close{position:absolute;z-index:8;right:17px;top:16px;border-radius:50%;background:#181818d9;width:36px;height:36px;display:grid;place-items:center;font-size:28px;line-height:1}.close:hover{background:#444}.detail-art{height:340px;position:relative;background:#111;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.detail-art.portrait img{object-fit:contain;position:relative;z-index:1}.detail-art.portrait:before{content:"";position:absolute;inset:-30px;background-image:var(--poster);background-size:cover;background-position:50% 20%;filter:blur(25px);opacity:.3}.detail-art:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#181818,transparent 55%)}.detail-body{padding:0 40px 34px;position:relative;margin-top:-22px;z-index:3}.detail-body .original{font-size:9px}.detail-body .original span{font-size:22px}.detail-body h2{font-family:"Songti TC",Georgia,serif;font-size:42px;letter-spacing:.06em;margin:12px 0 14px;line-height:1.3}.meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#bcbcbc}.meta .type{color:#78bc92}.detail-actions{display:flex;gap:15px;align-items:center;margin:23px 0}.synopsis{display:grid;grid-template-columns:1.8fr 1fr;gap:28px;margin-bottom:32px}.synopsis>p{font-size:14px;line-height:1.95;margin:0;color:#ddd}.synopsis dl{font-size:11px;line-height:1.8;margin:0}.synopsis dt{display:inline;color:#888}.synopsis dd{display:inline;margin:0;color:#ccc}.synopsis dd:after{content:"";display:block;height:7px}.episode-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff23;padding-bottom:15px}.episode-heading h3{font-size:20px;margin:0}.episode-heading>span{font-size:11px;color:#aaa}.episode-row{display:grid;grid-template-columns:26px 132px 1fr auto;align-items:center;gap:18px;width:100%;background:none;text-align:left;padding:21px 12px;border-bottom:1px solid #ffffff15;border-radius:4px}.episode-row:hover{background:#333}.episode-row>span{font-size:21px;color:#aaa}.episode-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:4px;background:#000}.episode-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.episode-thumb svg{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;filter:drop-shadow(0 2px 5px #000)}.episode-row strong{font-size:13px;font-weight:600}.episode-row p{font-size:11px;line-height:1.7;color:#aaa;margin:6px 0 0}.episode-row small{font-size:10px;color:#aaa;white-space:nowrap;align-self:start;margin-top:4px}.fiction-note{color:#929292;font-size:10px;line-height:1.8;margin:25px 0 0}#player{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;margin:0;background:#070707}#player::backdrop{background:#000}.player-top{position:absolute;inset:0 0 auto;height:85px;z-index:3;display:flex;gap:15px;align-items:center;padding:15px 3vw;background:linear-gradient(#000c,transparent)}.player-top>div{flex:1}.player-top span{font-size:11px;color:#aaa}.player-top h2{font-size:15px;margin:6px 0 0;font-weight:500}.video-container{height:100%;display:grid;place-items:center;padding:85px 0 65px}.video-container video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.player-bottom{position:absolute;inset:auto 0 0;padding:12px 4vw;height:65px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#000b)}.player-bottom p{font-size:11px;color:#aaa}.player-bottom .button{min-height:34px;font-size:12px;padding:8px 15px}#playback-error{position:absolute;inset:30% 5% 20%;text-align:center;background:#111e;display:grid;place-content:center;justify-items:center}#playback-error p{color:#aaa;font-size:13px}#credits{width:min(700px,92vw)}.credits-body{padding:45px}.credits-body h2{font-size:28px}.credits-body h3{font-size:17px;margin-top:28px}.credits-body p{font-size:12px;line-height:1.9;color:#aaa}.credits-body a{color:#eee;text-decoration:underline;text-underline-offset:3px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:100;background:#f0f0f0;color:#181818;padding:12px 24px;border-radius:4px;box-shadow:0 7px 25px #0008;opacity:0;pointer-events:none;font-size:13px;transition:.25s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}#empty{padding:65px 0 100px;text-align:center}#empty p{color:#aaa;font-size:13px;margin-bottom:25px}.presentation-active header{background:#0c0c0ce6}.presentation-active .presentation{color:#f3c9ca}.presentation-active .hero{min-height:650px}@keyframes slow-zoom{from{transform:scale(1)}to{transform:scale(1.045)}}@media(min-width:1600px){.hero-content{top:25%}.hero{height:850px;max-height:none}.hero-description{font-size:16px;max-width:450px}.catalog{margin-top:-40px}}@media(max-width:1100px){header{gap:27px}nav{gap:16px}.header-tools{gap:12px}.wordmark{font-size:25px}.hero{min-height:610px}.hero-content{top:24%;width:50%}.hero-tagline{font-size:19px}.hero-description{font-size:13px}.hero-side{bottom:120px}.hero-selector{bottom:62px}.catalog{margin-top:-20px}.search-box.open input{width:180px}.search-box.open{position:absolute;right:var(--gutter);top:76px}.card-info{padding:13px}.card-info p{font-size:11px}}@media(max-width:760px){:root{--gutter:5vw}header{height:105px;align-items:flex-start;padding-top:21px;gap:10px;background:linear-gradient(#000b,#0003)}.wordmark{font-size:25px}nav{position:absolute;top:64px;left:var(--gutter);right:var(--gutter);justify-content:flex-start;gap:24px;overflow:auto;scrollbar-width:none}nav button{font-size:12px;padding:12px 0}.header-tools{margin-top:-4px;gap:9px}.presentation{font-size:10px}.avatar{display:none}.hero{height:760px;min-height:0;max-height:88dvh}.hero-content{top:auto;bottom:110px;width:90%;max-width:450px}.hero h1{font-size:66px;margin:8px 0 14px}.hero h1.tianji{font-size:52px}.hero h1.brand{font-size:46px}.hero-tagline{font-size:18px;margin-bottom:15px}.hero-description{font-size:12px;line-height:1.8;max-width:330px;margin-bottom:20px}.hero .eyebrow{margin:15px 0 0;font-size:9px}.original{font-size:8px;letter-spacing:2.7px}.original>span{font-size:23px}.hero-art img,.hero-art video{object-position:65% 25%}.hero-art.portrait img,.hero-art.portrait video{width:100%;object-position:center 20%}.hero-scrim{background:linear-gradient(0deg,#141414 0%,#141414d9 22%,#1414147a 49%,#14141422 75%,#14141455 100%),linear-gradient(90deg,#14141466,transparent)}.hero-actions{gap:9px}.button{font-size:13px;padding:11px 19px;min-height:43px}.hero-meta{font-size:10px;margin-top:17px}.hero-side{bottom:52px;right:var(--gutter);gap:7px}.hero-side .round{width:32px;height:32px}.hero-side .hero-rating{display:none}.hero-side>span:not(.hero-rating){font-size:9px}.hero-selector{left:var(--gutter);right:auto;bottom:50px}.hero-selector button{width:33px;height:28px}.catalog{margin-top:0}.catalog-heading{margin-bottom:23px;gap:15px}.catalog-heading h2{font-size:19px;line-height:1.4}.catalog-heading>span{font-size:9px;white-space:nowrap}.catalog-heading .eyebrow{font-size:8px;letter-spacing:2px}.card-grid{display:flex;overflow-x:auto;gap:12px;padding:8px 5vw 22px;margin:-8px -5vw -17px;scroll-snap-type:x mandatory;scrollbar-width:none}.card-grid .film-card{flex:0 0 80%;scroll-snap-align:center}.card-title{font-size:33px}.card-title.gold{font-size:31px}.card-title.brand-title{font-size:29px}.card-info p{font-size:12px}.card-info{padding:15px 17px}.film-card:hover{transform:none}.shelf{margin-bottom:35px}.shelf h3{font-size:16px}.shelf-heading>span{font-size:9px}.episode-card .card-art{aspect-ratio:16/9}.closing{padding:30px 0;gap:22px;flex-wrap:wrap}.closing-index{font-size:10px}.closing h2{font-size:25px}.closing p:not(.eyebrow){font-size:10px}.closing .text-button{margin-left:0;padding-left:57px}.text-button span{margin-left:25px}footer{flex-wrap:wrap;gap:15px;padding:25px 0}.wordmark.small{font-size:20px}footer p{font-size:9px}footer button{margin-left:0}.footer-note{margin-left:auto}.detail-art{height:270px}.detail-body{padding:0 23px 28px}.detail-body h2{font-size:31px}.synopsis{display:block}.synopsis>p{font-size:13px}.synopsis dl{margin-top:18px}.episode-row{grid-template-columns:18px 95px 1fr;gap:12px;padding:18px 0}.episode-row>span{font-size:16px}.episode-row strong{font-size:11px}.episode-row p{font-size:10px}.episode-row small{display:none}.episode-heading h3{font-size:17px}.search-box.open{top:110px;right:5vw}.search-box.open input{width:250px}.player-top h2{font-size:12px}.credits-body{padding:40px 25px}.credits-body h2{font-size:24px}}@media(max-width:380px){nav{gap:17px}.hero h1{font-size:55px}.hero h1.tianji{font-size:45px}.hero{max-height:none;height:720px}.catalog-heading{align-items:start}.catalog-heading>span{max-width:72px;white-space:normal;line-height:1.7}.card-grid .film-card{flex-basis:87%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.hero-art video,.card-art video{display:none}}