*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;background:#121212}body{min-width:320px;background:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;line-height:1.4}.landing-page{min-height:100vh;overflow-x:hidden;background:#121212}.site-header{position:absolute;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.brand{font-size:18px;font-weight:600}.site-header nav{display:flex;gap:20px}.site-header a{color:#fff;font-size:16px;text-decoration:none;opacity:.9}.site-header a.active{font-weight:500;opacity:1}.hero{position:relative;margin-bottom:20px;background:#000}.hero-image-wrap{position:relative;width:100%;overflow:hidden;aspect-ratio:390/560}.hero-image-wrap:after{position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to top,#121212,transparent);content:"";pointer-events:none}.hero-slider{display:flex;width:500%;height:100%;transition:transform .5s ease-in-out;will-change:transform}.hero-slider img{width:20%;height:100%;object-fit:cover;object-position:top center}.hero-info{position:relative;z-index:10;margin-top:-100px;padding:0 20px}.hero-title{width:max-content;margin-bottom:15px;color:#fff;font-family:"STKaiti","KaiTi","PingFang SC",serif;font-size:clamp(27px,8vw,48px);font-weight:700;line-height:1;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.7)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{padding:5px 12px;border-radius:6px;background:rgba(255,255,255,.1);color:#ddd;font-size:12px}.hero-description{display:-webkit-box;margin-bottom:15px;overflow:hidden;color:#999;font-size:14px;line-height:1.6;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.carousel-dots{display:flex;justify-content:flex-start;gap:8px;padding-bottom:10px}.dot{width:6px;height:6px;border:0;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:width .2s ease,background-color .2s ease}.dot.active{width:16px;border-radius:3px;background:#fff}.section-header{padding:10px 20px 15px}.section-header h2{font-size:19px;font-weight:700}.drama-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 120px}.drama-item{position:relative;display:flex;flex-direction:column}.drama-poster{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#222;aspect-ratio:3/4.2}.drama-poster img{width:100%;height:100%;object-fit:cover}.drama-count{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.4);color:rgba(255,255,255,.9);font-size:10px}.fixed-download{position:fixed;right:16px;bottom:max(24px,env(safe-area-inset-bottom));left:16px;z-index:1000}.download-button{display:flex;height:54px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(90deg,#ff9d3f,#ff7e15);box-shadow:0 8px 20px rgba(255,126,21,.4);color:#fff;font-size:17px;font-weight:600;text-decoration:none;transition:transform .16s ease,filter .16s ease}.download-button:hover{filter:brightness(1.04)}.download-button:active{transform:scale(.985)}.download-button:focus-visible,.site-header a:focus-visible,.dot:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:3px}.play-icon{position:relative;display:inline-flex;width:22px;height:22px;margin-right:10px;align-items:center;justify-content:center;border-radius:50%;background:#fff}.play-icon:after{width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #ff8c26;content:""}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slider,.download-button{transition:none}}