@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#fff;font-synthesis:none;background:#050505;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{background:#050505;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.page-width{width:min(1200px,100% - 96px);margin:0 auto}.site-header{z-index:20;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 max(32px,50vw - 600px);transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:fixed;top:0;left:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050505cc;border-bottom:1px solid #ffffff14}.brand{white-space:nowrap;align-items:center;gap:9px;font-size:17px;font-weight:700;display:inline-flex}.brand img{object-fit:contain;width:32px;height:32px;display:block}nav{color:#b9b9b9;gap:34px;margin-left:auto;margin-right:32px;font-size:14px;display:flex}nav a{transition:color .2s}nav a:hover{color:#fff}.header-download,.button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.header-download{color:#090909;background:#fff;padding:10px 15px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.header-download:hover{background:#fff72b;transform:translateY(-1px)}.hero{isolation:isolate;min-height:780px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-3;background:linear-gradient(90deg,#050505 0%,#050505ed 28%,#0505054d 65%,#050505 100%),linear-gradient(#0000 74%,#050505 100%),url(/images/hero-background.jpg) 50%/cover;position:absolute;inset:0}.hero-glow{z-index:-2;filter:blur(2px);opacity:.42;background:linear-gradient(90deg,#0000,#fff72b,#ff3d19,#0000);width:55%;height:1px;animation:8s linear infinite sweep;position:absolute;transform:rotate(-26deg)}.glow-one{top:24%;right:-14%}.glow-two{opacity:.18;animation-delay:-4s;top:70%;right:8%}.hero-content{justify-content:space-between;align-items:center;padding-top:80px;display:flex}.hero-copy{width:48%;padding:80px 0 64px;animation:.75s both rise}.eyebrow{color:#fff072;letter-spacing:1.4px;align-items:center;gap:7px;margin:0 0 18px;font-size:12px;font-weight:700;line-height:1.2;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:620px;margin-bottom:24px;font-size:76px;line-height:1.05}h1 em{color:#fff72b;font-style:normal}h2{letter-spacing:0;margin-bottom:0;font-size:42px;line-height:1.15}.hero-description{color:#c4c4c4;margin:0 0 32px;font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:25px;display:flex}.primary-button{color:#080808;background:linear-gradient(120deg,#ff3d19,#ff9d0a 58%,#fff72b);min-height:48px;padding:0 22px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff5c0d3b}.primary-button:active{transform:scale(.98)}.hero-note{color:#8d8d8d;align-items:center;gap:7px;margin-top:25px;font-size:12px;display:flex}.poster-stage{width:450px;height:590px;margin-top:55px;position:relative}.poster{aspect-ratio:9/16;object-fit:cover;border-radius:7px;width:230px;display:block;position:absolute;box-shadow:0 32px 55px #00000073}.poster-back-left{opacity:.46;animation:5.4s ease-in-out infinite floatBack;top:80px;left:-28px;transform:rotate(-11deg)}.poster-back-right{opacity:.52;animation:5.4s ease-in-out -2.7s infinite floatBack;top:35px;right:-10px;transform:rotate(10deg)}.poster-main-wrap{z-index:2;aspect-ratio:9/16;border:1px solid #ffffff3d;border-radius:8px;width:260px;animation:.85s .1s both posterIn,4.8s ease-in-out 1s infinite floatMain;position:absolute;top:0;left:106px;overflow:hidden;box-shadow:0 35px 80px #00000094}.poster-main{width:100%;height:100%;box-shadow:none;border-radius:0;animation:.52s both posterSwap;position:static}.drama-tag{color:#151300;background:#fff72b;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.poster-progress{background:#ffffff59;height:2px;position:absolute;bottom:8px;left:17px;right:17px}.poster-progress span{background:#fff72b;width:58%;height:100%;display:block}.scroll-hint{color:#888;letter-spacing:1.5px;transform-origin:100% 100%;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:31px;right:48px;transform:rotate(-90deg)}.scroll-hint i{background:#888;width:42px;height:1px}.dramas-section{background:#080808;padding:116px 0 130px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section-heading .eyebrow,.feature-intro .eyebrow{margin-bottom:10px}.section-heading h2{font-size:40px}.section-heading>p{color:#9b9b9b;margin:0 0 5px;font-size:14px}.drama-rail{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.drama-card{aspect-ratio:9/15.4;animation:rise .55s var(--delay) both;background:#191919;border-radius:6px;position:relative;overflow:hidden}.drama-card img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card-shade{background:linear-gradient(#0000 46%,#000000eb);transition:background .3s;position:absolute;inset:0}.card-info{position:absolute;bottom:14px;left:14px;right:14px}.card-info p{color:#d0d0d0;margin-bottom:4px;font-size:11px}.card-info h3{margin:0;font-size:18px}.drama-summary{color:#f2f2f2;opacity:0;max-height:0;font-size:11px;line-height:1.6;transition:max-height .35s,margin-top .35s,opacity .25s;display:block;overflow:hidden}.drama-card:hover img{transform:scale(1.035)}.drama-card:hover .card-shade{background:linear-gradient(#00000052,#000000f5)}.drama-card:hover .drama-summary{opacity:1;max-height:220px;margin-top:9px}.features-section{background:#050505;border-top:1px solid #202020;padding:130px 0}.feature-intro{max-width:660px}.feature-intro h2{font-size:42px}.feature-list{border-top:1px solid #303030;grid-template-columns:repeat(3,1fr);margin-top:75px;display:grid}.feature{border-right:1px solid #303030;padding:31px 42px 18px 0;position:relative}.feature:not(:first-child){padding-left:42px}.feature:last-child{border-right:0}.feature-index{color:#727272;background:#050505;font-size:11px;position:absolute;top:-11px}.feature svg{color:#ffb51b;stroke-width:1.5px;width:30px;height:30px;margin:20px 0 32px}.feature h3{margin-bottom:13px;font-size:19px}.feature p{color:#a5a5a5;max-width:230px;margin:0;font-size:14px;line-height:1.75}.download-section{color:#0b0b09;background:#f4ef41;padding:112px 0;position:relative;overflow:hidden}.download-beam{opacity:.85;background:#ff421d;width:1px;height:300%;position:absolute;top:-100%;right:18%;transform:rotate(35deg)}.download-content{justify-content:space-between;align-items:center;display:flex;position:relative}.download-content .eyebrow{color:#5c2600}.download-content h2{font-size:48px}.download-content>div>p:last-child{margin:20px 0 0;font-size:15px}.download-panel{color:#fff;background:#111;border:1px solid #0b0b09;border-radius:8px;min-width:350px;padding:25px;box-shadow:9px 9px #ff421d}.app-mark{align-items:center;gap:9px;font-weight:700;display:flex}.app-mark img{width:30px;height:30px}.download-panel>p{color:#bcbcbc;margin:17px 0;font-size:13px}.store-buttons{gap:8px;display:flex}.store-buttons a{color:#fff;text-align:left;background:#161616;border:1px solid #4b4b4b;border-radius:5px;flex:1;align-items:center;gap:7px;padding:9px 10px;transition:border .2s,background .2s;display:flex}.store-buttons a:hover{background:#222;border-color:#fff72b}.store-buttons span{font-size:9px;line-height:1.2}.store-buttons b{font-size:12px}footer{color:#fff;background:#050505;padding:29px 0;font-size:12px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-inner .brand{color:#fff;font-size:14px}.footer-inner .brand img{width:25px;height:25px}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy strong{font-size:14px}.brand-copy small{color:#fff;font-size:10px;font-weight:400}.footer-inner p{margin:0}.footer-inner div{gap:20px;display:flex}.footer-inner a:hover,.footer-link:hover{color:#fff72b}.footer-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.notice-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notice{text-align:center;background:#101010;border:1px solid #3c3c3c;border-radius:8px;width:min(400px,100%);padding:42px;animation:.25s both rise;position:relative;box-shadow:0 28px 80px #00000080}.notice>img{width:60px}.notice h2{margin:20px 0 10px;font-size:24px}.notice p{color:#a9a9a9;margin-bottom:25px;font-size:14px;line-height:1.6}.close-button{color:#fff;cursor:pointer;background:#252525;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.agreement-backdrop{z-index:40}.agreement{color:#202020;background:#fff;border:1px solid #343434;border-radius:8px;flex-direction:column;width:min(780px,100%);max-height:min(780px,100vh - 40px);animation:.25s both rise;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000080}.agreement>header{text-align:center;border-bottom:1px solid #e5e5e5;padding:35px 54px 22px}.agreement>header p{color:#ff3d19;margin-bottom:8px;font-size:12px;font-weight:700}.agreement>header h2{font-size:27px}.agreement .close-button{color:#222;background:#ececec}.agreement-body{padding:28px 54px 42px;overflow-y:auto}.agreement-body h3{margin:0 0 20px;font-size:17px}.agreement-body p{color:#3b3b3b;text-align:justify;margin:0 0 15px;font-size:14px;line-height:1.8}.agreement-body strong{color:#101010}.agreement-body::-webkit-scrollbar{width:8px}.agreement-body::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.document-modal{background:#fff;border:1px solid #343434;border-radius:8px;width:min(900px,100%);height:min(800px,100vh - 40px);animation:.25s both rise;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000080}.document-modal .close-button{z-index:1;color:#222;background:#ececec}.document-modal iframe{border:0;width:100%;height:100%;display:block}.download-backdrop{z-index:50}.download-modal{color:#fff;text-align:center;background:#101010;border:1px solid #4b4b4b;border-radius:8px;width:min(440px,100%);padding:38px 34px 32px;animation:.25s both rise;position:relative;box-shadow:0 28px 80px #00000080}.download-modal>img{width:54px;height:54px}.download-modal h2{margin:18px 0 8px;font-size:25px}.download-modal>p{color:#b9b9b9;margin:0 0 24px;font-size:14px}.qr-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.qr-grid a{color:#111;background:#fff;border:1px solid #383838;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:196px;padding:10px;transition:transform .2s,border .2s;display:flex}.qr-grid a:hover{border-color:#fff72b;transform:translateY(-3px)}.qr-grid a span{align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes posterIn{0%{opacity:0;transform:translateY(35px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes posterSwap{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes floatMain{50%{transform:translateY(-10px)}}@keyframes floatBack{50%{translate:0 -9px}}@keyframes sweep{0%{translate:-18vw}to{translate:22vw}}@media (width<=900px){.page-width{width:min(100% - 48px,650px)}.hero{min-height:850px}.hero-content{align-items:flex-start}.hero-copy{width:57%}.poster-stage{transform-origin:100%;width:350px;transform:scale(.82)}.drama-rail{grid-template-columns:repeat(5,minmax(160px,1fr));padding-bottom:8px;overflow-x:auto}.feature{padding-right:23px}.feature:not(:first-child){padding-left:23px}.download-panel{min-width:320px}}@media (width<=680px){.page-width{width:calc(100% - 40px)}.site-header{height:60px;padding:0 20px}.brand{font-size:15px}.brand img{width:29px;height:29px}nav{display:none}.header-download{padding:9px 11px;font-size:12px}.hero{min-height:820px}.hero-bg{background-position:58%}.hero-content{padding-top:108px;display:block}.hero-copy{width:100%;padding:0}.eyebrow{font-size:10px}h1{margin-bottom:19px;font-size:48px}.hero-description{margin-bottom:25px;font-size:15px}.poster-stage{width:318px;height:410px;margin:40px auto 0;transform:none}.poster{width:165px}.poster-back-left{top:54px;left:-5px}.poster-back-right{top:24px;right:-3px}.poster-main-wrap{width:182px;left:75px}.poster-main-caption{padding:30px 12px 0;bottom:11px}.poster-main-caption strong{margin:7px 0 3px;font-size:16px}.poster-main-caption i{font-size:9px}.poster-progress{bottom:5px;left:12px;right:12px}.scroll-hint{bottom:21px;right:20px}.dramas-section,.features-section{padding:80px 0}.section-heading h2,.feature-intro h2{font-size:31px}.section-heading{margin-bottom:27px}.section-heading>p{display:none}.drama-rail{grid-template-columns:repeat(5,minmax(176px,52vw));gap:12px;margin-right:-20px;padding-right:20px}.feature-list{margin-top:47px;display:block}.feature{border-bottom:1px solid #303030;border-right:0;min-height:180px;padding:27px 0 26px!important}.feature:last-child{border-bottom:0}.feature svg{margin:17px 0 22px}.download-section{padding:78px 0}.download-content{display:block}.download-content h2{font-size:36px}.download-panel{min-width:0;margin-top:37px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{order:3;width:100%}.footer-inner div{margin-left:auto}.notice{padding:36px 24px 27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}