*{box-sizing:border-box}body{margin:0;background:#080808;color:#f5f5f5;font-family:Arial,sans-serif}header{height:68px;padding:0 4vw;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;background:#080808}header nav{color:#bbb;font-size:13px}header input{margin-left:auto;background:#111;border:1px solid #555;color:white;padding:9px}header button{background:#181818;border:1px solid #555;color:white;padding:9px 13px}.logo{font-size:26px;color:#e0ae45}.logo span{color:#fff;font-weight:500}#hero{height:68vh;min-height:480px;background:#202020 center/cover no-repeat;position:relative}#hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808,transparent 75%),linear-gradient(0deg,#080808,transparent 45%)}#hero>div{position:absolute;z-index:2;left:4vw;bottom:16%;max-width:600px}#hero h1{font-size:58px;line-height:1;margin:8px 0}#hero small,#cat{color:#e0ae45;letter-spacing:2px}#hero button{padding:11px 20px;font-weight:bold}.member{margin:-12px 4vw 18px;position:relative;z-index:3;background:#121212;border-left:3px solid #e0ae45;padding:12px;color:#aaa;font-size:12px}h2{font-size:20px;margin:18px 4vw 10px}.rail{display:flex;gap:8px;overflow:auto;padding:0 4vw 22px}.card{min-width:250px;cursor:pointer;transition:.2s}.card:hover{transform:scale(1.05)}.poster{aspect-ratio:16/9;background:#222 center/cover no-repeat;border-radius:4px}.meta{padding:7px 2px}.meta b{font-size:13px}.meta p{font-size:10px;color:#888}.badge{font-size:9px;background:#123b2e;color:#b9e2d2;padding:4px 6px}.ad{margin:20px 4vw;min-height:90px;border:1px solid #292929;background:#101010;color:#666;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;letter-spacing:1px}.watch{max-width:1280px;margin:auto;padding:25px}.watch video{width:100%;max-height:75vh;background:#000}.videoAd{min-height:85px;background:#101010;color:#666;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:10px}.watchgrid{display:grid;grid-template-columns:1fr 300px;gap:25px}.watchgrid h1{font-size:34px}.watchgrid p{color:#aaa}.reward{background:#111;border-left:3px solid #e0ae45;padding:18px}.progress{height:6px;background:#333}.progress i{display:block;height:100%;width:0;background:#e0ae45}.hidden{display:none}footer{padding:40px 4vw;border-top:1px solid #222;color:#777}@media(max-width:800px){header nav,header input{display:none}#hero h1{font-size:40px}.card{min-width:205px}.watchgrid{grid-template-columns:1fr}.watchgrid aside{display:none}}

/* GWATCH_TITLE_SERIES_EXPERIENCE */
.titleBody header a{color:#ddd;text-decoration:none}.titleHero{min-height:72vh;background:#1b1b1b center/cover no-repeat;position:relative}.titleShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.94),rgba(8,8,8,.28) 72%),linear-gradient(0deg,#080808,transparent 52%)}.titleHeroInner{position:absolute;z-index:2;left:4vw;bottom:13%;max-width:680px}.titleHeroInner>small{color:#e0ae45;letter-spacing:2px;font-weight:800}.titleHeroInner h1{font-size:56px;line-height:1;margin:10px 0 12px;letter-spacing:-2px}.titleHeroInner p{color:#ccc;line-height:1.55;max-width:620px}.metaLine{color:#999;font-size:12px;margin-bottom:12px}.titleActions{display:flex;gap:8px;margin-top:18px}.titleActions button{padding:11px 19px;border:0;border-radius:4px;font-weight:800}.titleReward{margin-top:18px;display:flex;gap:10px;align-items:center;padding:10px 12px;background:rgba(15,15,15,.82);border-left:3px solid #e0ae45;font-size:11px}.titleReward b{color:#e0ae45;letter-spacing:1px}.detailSection{padding:10px 0 25px}.detailHead{display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.detailHead h2{margin-left:0}.detailHead select{background:#111;color:#fff;border:1px solid #555;padding:9px 12px}.episodeList{padding:0 4vw}.episode{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:16px 0;border-top:1px solid #242424;cursor:pointer}.episodePoster{aspect-ratio:16/9;background:#222 center/cover no-repeat;border-radius:4px}.episode h3{margin:5px 0 7px}.episode p{color:#888;font-size:12px;line-height:1.5;max-width:750px}.episode small{color:#e0ae45;letter-spacing:1.5px}.episodeProgress{height:4px;background:#333;max-width:260px;margin-top:10px}.episodeProgress i{display:block;height:100%;background:#e0ae45}.resumeText{font-size:10px;color:#999}.hidden{display:none!important}@media(max-width:800px){.titleHeroInner h1{font-size:40px}.episode{grid-template-columns:120px 1fr}.episode p{display:none}}
