重庆卫视
正在播放: 飞虎队50 [14:16 - 15:03]
即将播放: 雪豹1 [15:03 - 15:58]
分享到：
<>
/**/
#t-bei { width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgb(454545);z-index:100;opacity:0.8;display: block;}
#t-opo { background: #333333; position: fixed; z-index: 7000; left: 50%; top: 50%;margin-left:-180px; margin-top:-150px; width:360px; height:240px;}
#t-opo-title {height:30px;padding-left:10px;line-height:30px;color: #FFF;}
#t-opo-content {padding:10px;}
#t-opo-content p{width: 50%; float: left; text-align: center;}
#t-opo-content img {width:170px;height:170px;float:left;padding:10px;}
#tca{position:absolute;right:10px;top:6px;color:#fff;font-size:16px;}
/*
<>
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: 1000;
}
.qr-modal {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
background: white;
padding: 10px;
border-radius: 8px;
text-align: center;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
#qrCanvas {
margin: 5px auto;
}
.close-btn {
margin-top: 15px;
padding: 8px 16px;
background: #4285f4;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
<>
#节目 {
font-family: 'Microsoft YaHei''Segoe UI'SimSunsans-serif;
width: 100%;
max-width: 1200px;
min-width: 300px;
margin: 20px auto;
padding: 0px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
background: linear-gradient(135deg#f9f9f9 0%#ffffff 100%);
transition: all 0.3s ease;
}
/* 宽荧幕布局 */
.节目容器 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
.当前节目 {
background: rgba(2402482550.5);
padding: 20px;
border-radius: 10px;
border-left: 5px solid red;
backdrop-filter: blur(5px);
grid-column: 1 / -1;
}
.即将播放 {
background: rgba(2552502400.7);
padding: 20px;
border-radius: 10px;
border-left: 5px solid #faad14;
backdrop-filter: blur(5px);
}
/* 响应式调整 */
@media (max-width: 768px) {
.节目容器 {
grid-template-columns: 1fr;
}
#节目 {
padding: 15px;
width: 95%;
}
}
/* 增强视觉效果 */
.频道名称 {
font-family: 'Microsoft YaHei''Segoe UI'SimSunsans-serif;
font-size: 1.5rem;
margin-bottom: 0px;
color: #222;
font-weight: 600;
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.节目项 {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.节目项:hover {
transform: translateX(5px);
}
.节目项:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.节目标题 {
font-weight: 400;
font-size: 1.0rem;
color: #ff6666;
margin-bottom: 0px;
}
.节目时间 {
color: #666;
font-size: 0.9rem;
margin: 8px 0;
display: flex;
align-items: center;
}
.节目时间::before {
content: "🕒";
margin-right: 5px;
}
.节目描述 {
color: #666;
font-size: 0.95rem;
line-height: 1.5;
margin-top: 10px;
}
.更新时间 {
text-align: right;
font-size: 0.6rem;
color: #999;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
font-: italic;
}
/* 宽荧幕特效 */
@media (min-width: 1600px) {
#节目 {
max-width: 1400px;
padding: 30px;
}
.节目容器 {
grid-template-columns: 2fr 1fr;
}
.当前节目 {
grid-column: 1 / 2;
}
.即将播放 {
grid-column: 2 / 3;
align-self: start;
}
}
