*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system;}
body{background:#f6f7fc;padding:16px;color:#222;}
.container{max-width:620px;margin: 0 auto;background:#fff;border-radius:14px;padding:20px;}
.hide{display:none;}
#home{text-align:center;padding:40px 10px;}
h1{font-size:28px;margin-bottom:8px;color:#203874;}
.subtitle{font-size:17px;color:#444;margin-bottom:12px;}
.tip{font-size:13px;color:#777;margin:24px 0;}
.main-btn{padding:14px 32px;font-size:18px;background:#3b68e3;color:#fff;border:0;border-radius:10px;cursor:pointer;}
.progress-bar{font-weight:600;margin:20px 0;font-size:16px;}
#questionText{font-size:18px;line-height:1.6;margin-bottom:20px;}
.opt-item{padding:15px;border: 1px solid #dde1ee;border-radius: 10px;margin:10px 0;cursor:pointer;font-size:16px;}
.opt-item.active{border-color:#3b68e3;background:#edf2ff;}
.btn-group{margin-top:32px;display:flex;gap:14px;}
button{padding:12px 22px;border:0;border-radius:9px;background:#3b68e3;color:#fff;font-size:16px;cursor:pointer;}
#prevBtn{background:#8697c9;}

.top-tag-wrap{display:flex;gap:12px;margin-bottom:12px;}
.tag-box{flex:1;text-align:center;padding:16px 8px;border-radius:12px;}
.sin-tag{background:#f3ecec;}
.vir-tag{background:#fceeee;}
.tag-box div{font-size:15px;color:#555;}
.tag-box h2{font-size:26px;margin-top:6px;}
.diff-value{text-align:center;background:#eef2fc;padding:8px;border-radius:20px;margin:16px 0;color:#3b68e3;}
.radar-wrap{margin:25px 0;padding:12px;border:1px solid #eee;border-radius:12px;}
.radar-wrap h4{text-align:center;margin-bottom:10px;font-size:17px;}
canvas{width:100% !important;}
.score-list{margin:24px 0;padding:14px;background:#f8f9ff;border-radius:12px;}
.score-item{display:flex;justify-content:space-between;padding:6px 4px;font-size:15px;}
.full-article{margin-top:20px;padding:16px;background:#f4f6ff;border-radius:12px;line-height:1.8;}
.full-article h4{margin-bottom:10px;}