* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        
        body {
            background: #000;
            padding: 10px;
            color: #333;
            /* 增加body最小高度，方便滚动测试 */
            min-height: 200vh;
        }
        
        /* 顶部标题 */
        .page-title {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            margin: 5px 0 10px;
        }
        
        /* 视频播放器 */
        .video-container {
            width: 100%;
            /* border-radius: 8px; */
            overflow: hidden;
            margin-bottom: 15px;
            background: #000;
        }
        
        #main-video {
            width: 100%;
            height: 200px;
            display: block;
        }
        
        /* 线路选择 */
        .line-selector {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
            overflow-x: auto;
            padding-bottom: 5px;
        }
        
        .line-btn {
            padding: 6px 15px;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 14px;
            white-space: nowrap;
        }
        
        /* 分集按钮 */
        .episode-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
            margin-bottom: 20px;
        }
        
        .episode-btn {
            padding: 6px 5px;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            text-align: center;
            font-size: 14px;
        }
        
        .episode-btn.active {
            background: #e6f7ff;
            border-color: #1890ff;
            color: #1890ff;
        }
        .line-btn.active {
            background: #e6f7ff;
            border-color: #1890ff;
            color: #1890ff;
        }
        /* 猜你喜欢 */
        .recommend-title {
            font-size: 18px;
            margin-bottom: 10px;
            padding-left: 5px;
			color: #ddd;
        }
        
        .recommend-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }
        
        .recommend-item {
            background: #151515;
            border-radius: 6px;
            overflow: hidden;
        }
        
        .itemposter{
            width: 100%;
			height: 40vw;
            object-fit: cover;
            display: block;
        }
        
        .itemname {
            padding: 8px;
            font-size: 12px;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
			color: #ddd;
        }
		.olddiv{
			display: none;
		}
		.playdiv{
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 9;
			display:none;
		}
		/* 横屏提示层 */
		.landscape-tip {
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100vw;
		  height: 100vh;
		  background: #000;
		  color: #fff;
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		  align-items: center;
		  z-index: 9999;
		  text-align: center;
		  padding: 0 20px;
		}
		.landscape-tip i {
		  font-size: 60px;
		  margin-bottom: 20px;
		  transform: rotate(90deg);
		  display: inline-block;
		}
		.landscape-tip p {
		  font-size: 18px;
		  line-height: 1.5;
		}
		/* 视频容器 */
		.video-container {
		  width: 100vw;
		  height: 100vh;
		  position: relative;
		  transition: all 0.3s ease;
		  z-index: 1;
		}
		/* 视频容器-选集展开时收缩宽度 */
		.video-container.shrink {
		  width: calc(100vw - 280px);
		}
		video {
		  width: 100%;
		  height: 100%;
		  /* 禁用iOS视频默认的全屏按钮 */
		        -webkit-appearance: none;
		        appearance: none;
		        /* 确保视频层级低于控制栏 */
		  object-fit: contain; /* 保持视频比例，不拉伸 */
		  z-index: 1;
		}
		/* 视频控制栏 */
		.video-controls {
		  position: absolute;
		  bottom: 20px;
		  left: 0;
		  width: 100%;
		  padding: 0 20px;
		  display: flex;
		  align-items: center;
		  gap: 15px;
		  z-index: 99;
		  /* 防止iOS点击穿透 */
		        pointer-events: auto;
		  color: #fff;
		}
		.control-btn {
		  width: 44px;
		  height: 44px;
		  border-radius: 50%;
		  background: rgba(0,0,0,0.5);
		  border: none;
		  color: #fff;
		  font-size: 18px;
		  cursor: pointer;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  transition: background 0.2s;
		}
		.control-btn:hover {
		  /* background: rgba(0,0,0,0.7); */
		}
		/* 选集面板 */
		.episode-panel {
		  position: fixed;
		  top: 0;
		  right: 0;
		  width: 280px;
		  height: 100vh;
		  background: #1a1a1a;
		  color: #fff;
		  transform: translateX(100%);
		  transition: transform 0.3s ease;
		  z-index: 999;
		  padding: 20px 15px;
		  overflow-y: auto;
		}
		.episode-panel.show {
		  transform: translateX(0);
		}
		.episode-panel .panel-header {
		      position: absolute;
		      top: 20px;
		      left: 15px;
		      z-index: 99;
		      width: calc(100% - 30px);
		      display: flex;
		      justify-content: space-between;
		      align-items: center;
		      margin-bottom: 20px;
		      padding-bottom: 10px;
		      border-bottom: 1px solid #333;
		}
		.episode-panel .panel-title {
		  font-size: 18px;
		  font-weight: 600;
		}
		.episode-panel .close-btn {
		  width: 36px;
		  height: 36px;
		  border-radius: 50%;
		  background: #333;
		  border: none;
		  color: #fff;
		  font-size: 16px;
		  cursor: pointer;
		}
		.episode-list {
		position: relative;
		    top: 60px;
		    display: grid;
		    grid-template-columns: repeat(3, 1fr);
		    gap: 10px;
		    height: calc(100% - 60px);
		    overflow-y: scroll;
		}
		.episode-item {
		  height: 40px;
		  line-height: 40px;
		  text-align: center;
		  background: #333;
		  border-radius: 6px;
		  cursor: pointer;
		  transition: all 0.2s;
		}
		.episode-item.active {
		  background: #fe2c55; /* 快手橙红主色，适配大厂风格 */
		  color: #fff;
		}
		.episode-item:hover {
		  /* background: #444; */
		}
		/* 适配竖屏场景：强制显示横屏提示 */
		@media (orientation: portrait) {
		  .landscape-tip {
		    display: flex;
		  }
		  .video-container {
		    display: none;
		  }
		  .episode-panel {
		    display: none;
		  }
		}
		/* 横屏时隐藏提示，显示视频 */
		@media (orientation: landscape) {
		  .landscape-tip {
		    display: none;
		  }
		  .video-container {
		    display: block;
		  }
		  .episode-panel {
		    display: block;
		  } 
		}
		/* 小屏横屏适配 */
		@media (max-width: 768px) and (orientation: landscape) {
		  .episode-panel {
		    width: 220px;
		  }
		  .video-container.shrink {
		    width: calc(100vw - 220px);
		  }
		  .episode-list {
		    grid-template-columns: repeat(2, 1fr);
		  }
		}
		.back3{
			position: absolute;
			top: 88vw;
			right:12vw;
			width: 12vw;
			height: 12vw;
			background: none;
		}
		.inputout{
			background: ghostwhite;
			border: 1px solid whitesmoke;
			width: 70vw;
			margin-top: 115vw;
			margin-left: 15vw;
			line-height: 10vw;
			height: 10vw;
			color: black;
			font-size: 14px;
			border-radius: 100vw;
			padding: 0 0vw;
			position: relative;
		}
		.kuang{
			background: none;
		    width: 100%;
			border: none;
			line-height: 10vw;
			padding: 0 4vw;
			border-radius: 100vw;
		}
		.kuang :focus {
		    box-shadow: 0 0 5px rgba(0,0,0,0.1); /* 添加阴影效果 */
		    border: none;
		     outline: 2px dashed red;
		}
		.click{
			position: absolute;
			line-height: 8vw;
			right: 1vw;
			top: 1vw;
			background: #fe2c55;
			color: white;
			padding: 0 4vw;
			font-size:14px;
			border-radius: 10vw;
		}
		.shuru{
			/* display: none; */
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #F8F8F8 no-repeat; 
			background-image:url('https://cdn.doumvip.com/824d9c3acf96ade61ff2fc6b752c5252.jpg');
			background-size: 100% auto;  
		}
		/* ========== 新增：加载状态样式 ========== */
		.loading-tip {
			text-align: center;
			color: #ddd;
			font-size: 14px;
			margin: 20px 0;
			display: none;
		}
		.no-more-tip {
			text-align: center;
			color: #666;
			font-size: 14px;
			margin: 20px 0;
			display: none;
		}