*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF2C55;--primary-dark: #E01E45;--bg: #000000;--bg-card: #1C1C1E;--bg-secondary: #2C2C2E;--text: #FFFFFF;--text-secondary: #8E8E93;--text-muted: #48484A;--border: #38383A;--gold: #FFD700;--success: #30D158}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;width:100%;margin:0 auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit}input{font-family:inherit;outline:none}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;height:68px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffff8c;font-size:14px;font-weight:500;padding:8px 20px;transition:color .2s}.tab-item.active{color:#fff;font-weight:700}.tab-item svg{width:28px;height:28px}.page-content{padding-bottom:72px}.drama-card{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-card)}.drama-card:active{opacity:.8}.drama-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.drama-card-info{padding:8px}.drama-card-title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.drama-card-meta{font-size:11px;color:var(--text-secondary);margin-top:3px}.hot-badge{position:absolute;top:6px;left:6px;background:var(--primary);color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600}.new-badge{position:absolute;top:6px;left:6px;background:var(--success);color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600}.ep-badge{position:absolute;bottom:50px;right:6px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark)}.btn-block{width:100%}.tag{display:inline-block;padding:4px 10px;border-radius:14px;font-size:12px;background:var(--bg-secondary);color:var(--text-secondary)}.tag-active{background:var(--primary);color:#fff}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:14px}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.episodes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.episode-btn{height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--bg-secondary);color:var(--text);border:none;position:relative;cursor:pointer}.episode-btn.locked{color:var(--text-muted)}.episode-btn.locked:after{content:"🔒";position:absolute;top:2px;right:4px;font-size:8px}.episode-btn.active{background:var(--primary);color:#fff}