body{
margin:0;
font-family:"PingFang SC","Microsoft YaHei",sans-serif;
color:white;
overflow:hidden;
background:#0f0f14;
}

/* 背景 */

.bg{
position:fixed;
width:100%;
height:100%;
background:
radial-gradient(circle at 20% 30%,rgba(255,60,60,0.25),transparent 40%),
radial-gradient(circle at 80% 50%,rgba(60,120,255,0.25),transparent 40%),
linear-gradient(135deg,#0f0f14,#1d2230);
z-index:-1;
}

/* 标题 */

.title{
text-align:center;
font-size:72px;
margin-top:50px;
margin-bottom:40px;
}

/* 布局 */

.debate-area{
display:flex;
justify-content:center;
align-items:center;
gap:100px;
}

/* 阵营 */

.side{
width:320px;
text-align:center;
transition:0.4s;
}

.side h2{
font-size:42px;
margin-bottom:20px;
}

.left h2{ color:#ff4d4d; }
.right h2{ color:#4da6ff; }

/* 高亮 */

.active-left{
transform:scale(1.05);
filter:drop-shadow(0 0 20px rgba(255,60,60,0.8));
}

.active-right{
transform:scale(1.05);
filter:drop-shadow(0 0 20px rgba(80,140,255,0.8));
}

/* 观点卡片 */

.opinion{
font-size:28px;
padding:24px;
border-radius:16px;
font-weight:bold;
}

.red-card{
background:linear-gradient(135deg,#ff4d4d,#c92b2b);
}

.blue-card{
background:linear-gradient(135deg,#4da6ff,#2b63c9);
}

/* 抬杠器 */

.device{
width:480px;
height:260px;
position:relative;
}

.board{
position:relative;
width:100%;
height:100%;
}

.half{
position:absolute;
bottom:0;
width:50%;
height:180px;
}

.red{
left:0;
background:#ff4d4d;
border-bottom-left-radius:240px;
border-top-left-radius:240px;
}

.blue{
right:0;
background:#4da6ff;
border-bottom-right-radius:240px;
border-top-right-radius:240px;
}

/* 指针 */

.pointer{
position:absolute;
left:50%;
bottom:90px;
width:36px;
height:200px;
background:linear-gradient(#f5f5f5,#dcdcdc);
transform-origin:bottom center;
transform:rotate(0deg);
transition:0.6s cubic-bezier(.4,2,.6,1);
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.6);
}

.pointer.left{ transform:rotate(-45deg); }
.pointer.right{ transform:rotate(45deg); }

/* 计时器 */

.timer{
text-align:center;
font-size:90px;
margin-top:20px;
font-weight:bold;
}

.timer.warning{
color:#ff4d4d;
animation:blink 1s infinite;
}

@keyframes blink{
0%{opacity:1}
50%{opacity:0.4}
100%{opacity:1}
}

/* 按钮 */

button{
display:block;
margin:40px auto 10px auto;
font-size:30px;
padding:18px 50px;
border:none;
border-radius:14px;
background:linear-gradient(135deg,#ffffff,#d9d9d9);
cursor:pointer;
}

/* 状态 */

.status{
text-align:center;
font-size:32px;
opacity:0.9;
}