body{
margin:0;
font-family: "Segoe UI", "PingFang SC", Arial;
background: radial-gradient(circle at top, #111827, #020617);
color:#e5e7eb;
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

/* ====== 主容器（玻璃效果）====== */
.container{
width:90%;
max-width:650px;
padding:30px;
background:rgba(255,255,255,0.06);
backdrop-filter: blur(14px);
border:1px solid rgba(255,255,255,0.1);
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,0.6);
animation: fadeIn 0.8s ease;
}

/* 标题 */
h1{
text-align:center;
font-size:34px;
margin-bottom:5px;
background: linear-gradient(90deg,#22c55e,#60a5fa,#a78bfa);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* 副标题 */
.sub{
text-align:center;
opacity:0.7;
margin-bottom:25px;
}

/* ====== 表单 ====== */
.form{
display:flex;
flex-direction:column;
gap:12px;
}

input,select{
padding:14px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.1);
background:rgba(255,255,255,0.05);
color:white;
outline:none;
transition:0.2s;
}

input:focus,select:focus{
border-color:#60a5fa;
transform:scale(1.02);
}

/* ====== 按钮 ====== */
button{
margin-top:10px;
padding:15px;
border:none;
border-radius:12px;
cursor:pointer;
font-size:16px;
font-weight:bold;
color:white;
background: linear-gradient(90deg,#22c55e,#3b82f6);
box-shadow:0 10px 30px rgba(34,197,94,0.2);
transition:0.2s;
}

button:hover{
transform:translateY(-2px);
box-shadow:0 15px 40px rgba(59,130,246,0.3);
}

/* ====== 结果卡片 ====== */
#result{
margin-top:25px;
padding:20px;
border-radius:16px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
animation: fadeIn 0.6s ease;
}

.card h2{
margin-top:0;
}

.card h3{
margin:8px 0;
color:#93c5fd;
}

/* 风险颜色 */
.bad{color:#ef4444;font-weight:bold;}
.mid{color:#facc15;font-weight:bold;}
.good{color:#22c55e;font-weight:bold;}

/* 列表 */
ul{
padding-left:18px;
}

li{
margin:6px 0;
opacity:0.9;
}

/* 小字 */
small{
opacity:0.5;
display:block;
margin-top:10px;
text-align:center;
}

/* 动画 */
@keyframes fadeIn{
from{opacity:0; transform:translateY(10px);}
to{opacity:1; transform:translateY(0);}
}

/* 手机适配 */
@media (max-width:600px){
h1{font-size:26px;}
.container{padding:20px;}
}