*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#f5f7fa;color:#333;line-height:1.6;}
a{text-decoration:none;color:#1677ff;}
input{outline:none;border:1px solid #dcdfe6;border-radius:4px;padding:8px 10px;font-size:14px;width:100%;}
input:focus{border-color:#1677ff;}
button{outline:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;}
.must{color:#ff4d4f;margin-left:2px;}

/* 登录页样式 */
.login-container{width:100%;max-width:500px;margin:0 auto;padding:20px;margin-top:60px;}
.login-logo{text-align:center;margin-bottom:30px;}
.login-logo h1{font-size:24px;color:#1677ff;margin-bottom:10px;}
.login-logo p{font-size:14px;color:#666;}
.login-box{background:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
.login-form{width:100%;}
.form-title{font-size:18px;text-align:center;margin-bottom:20px;color:#333;font-weight:600;}
.form-item{margin-bottom:15px;}
.form-item label{display:block;margin-bottom:6px;font-size:14px;color:#666;}
.login-btn{width:100%;padding:12px;background:#1677ff;color:#fff;font-size:16px;margin-top:10px;}
.login-btn:hover{opacity:0.9;}
.test-btn{display:block;width:100%;text-align:center;padding:10px;margin-top:15px;background:#e6f7ff;color:#1677ff;border-radius:4px;font-size:14px;}
.test-btn:hover{background:#1677ff;color:#fff;}

/* ✅ 登录页广告样式【广告联盟专属 无遮挡 自适应】 */
.login-ad-top,.login-ad-bottom{width:100%;padding:10px;margin:15px 0;background:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
.login-ad-top .ad-item,.login-ad-bottom .ad-item{width:100%;text-align:center;line-height:1.6;}
.login-ad-top .ad-item img,.login-ad-bottom .ad-item img{max-width:100%;height:auto;border-radius:4px;}

/* 播放页样式 */
.play-container{width:98%;margin:0 auto;padding:15px;}
.play-header{background:#fff;padding:15px;border-radius:8px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 5px rgba(0,0,0,0.05);}
.course-title{font-size:18px;font-weight:600;color:#333;}
.online-num{color:#1677ff;font-weight:600;}
.play-main{display:flex;flex-direction:column;gap:15px;}
.video-area{width:100%;background:#000;border-radius:8px;overflow:hidden;min-height:400px;position:relative;}
.video-js{width:100%;height:100%;}
.func-area{background:#fff;padding:10px;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;box-shadow:0 0 5px rgba(0,0,0,0.05);}
.func-btn{padding:8px 15px;background:#e6f7ff;color:#1677ff;border-radius:4px;cursor:pointer;}
.func-btn:hover{background:#1677ff;color:#fff;}
.chat-area{width:100%;background:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,0.05);overflow:hidden;}
.chat-list{height:300px;overflow-y:auto;padding:10px;}
.chat-item{margin-bottom:8px;padding:8px;border-radius:6px;background:rgba(245,247,250,0.9);}
.chat-sender{font-size:12px;color:#666;margin-bottom:4px;}
.chat-content{font-size:14px;color:#333;word-break:break-all;}
.chat-input{padding:10px;border-top:1px solid #eee;display:flex;gap:10px;}
.chat-input textarea{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;resize:none;height:60px;}
.chat-input button{padding:0 20px;background:#1677ff;color:#fff;border-radius:6px;}

/* ✅ 播放页广告样式【重中之重 广告联盟专属适配 支持所有格式 JS/HTML/iframe/图片/文字 无遮挡】 */
.play-ad-top,.play-ad-bottom{width:100%;padding:12px;background:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,0.05);margin:10px 0;}
.play-ad-top .ad-item,.play-ad-bottom .ad-item{width:100%;text-align:center;line-height:1.8;}
.play-ad-top .ad-item img,.play-ad-bottom .ad-item img{max-width:100%;height:auto;border-radius:4px;}
/* 右侧悬浮广告 - 电脑端固定悬浮 手机端自适应顶部 不遮挡任何内容 */
.play-ad-right{position: fixed;top: 120px;right: 20px;width: 280px;background: #fff;border-radius:8px;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:998;}
.play-ad-right .ad-item{width:100%;text-align:center;margin-bottom:8px;}
.play-ad-right .ad-item img{max-width:100%;height:auto;border-radius:4px;}
/* ✅ 广告联盟兼容样式 防止JS广告/iframe广告错位变形 */
.ad-item{width:100%;overflow:hidden;}
.ad-item iframe{width:100%!important;height:auto!important;border:0!important;}
.ad-item script{display:block!important;}

/* ✅ 自适应兼容 - 手机端完美适配 广告自动调整位置 无遮挡 */
@media (max-width:768px) {
    .login-container{margin-top:30px;padding:10px;}.login-box{padding:20px;}
    .video-area{min-height:280px;}.chat-input{flex-direction:column;}
    .play-ad-right{position: relative;top:0;right:0;width:100%;margin:10px 0;}
}