body { background-color: #0d1117; color: #c9d1d9; font-family: sans-serif; margin: 0; }
.panel { background-color: #161b22; border: 1px solid #30363d; border-radius: 12px; }
.neon-text { color: #58a6ff; }
.btn-primary { background-color: #238636; color: white; transition: 0.3s; }
.btn-primary:hover { background-color: #2ea043; }
.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.btn-blue { background-color: #1f6feb; color: white; transition: 0.3s; }
.btn-blue:hover { background-color: #388bfd; }
.score-circle { width: 130px; height: 130px; border-radius: 50%; background: conic-gradient(#2ea043 0% 86%, #30363d 86% 100%); display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; }
.score-circle::before { content: ""; position: absolute; width: 110px; height: 110px; background: #161b22; border-radius: 50%; }
.score-text { position: relative; font-size: 32px; font-weight: 900; color: #fff; }

/* 导航栏优化：手机端不换行、字不被挤掉 */
.nav-tab { 
    cursor: pointer; 
    padding: 15px 12px; 
    font-weight: bold; 
    border-bottom: 2px solid transparent; 
    color: #8b949e; 
    transition: 0.3s; 
    font-size: 14px; 
    white-space: nowrap; 
}
.nav-tab.active { color: #58a6ff; border-bottom-color: #58a6ff; }