/* 双项目菜单与知识竞赛：独立于人格测试样式。 */
.card-inner .btn{text-decoration:none;}
.card-inner img{display:block;background:#342c4f;}
#btnCard:disabled{opacity:.65;cursor:wait;transform:none;}
.menu-panel{margin-top:42px;}
.project-choice{
  display:block;width:100%;padding:18px 16px;margin-top:16px;text-align:left;
  font-family:inherit;color:var(--ink);background:#fffdf2;border:4px solid var(--wood-dark);
  box-shadow:0 5px 0 var(--wood-dark);cursor:pointer;transition:transform .12s,background .12s;
}
.project-choice:first-child{margin-top:0;}
.project-choice:hover{background:#fff7da;transform:translateY(-2px);}
.project-choice:active{transform:translateY(3px);box-shadow:0 2px 0 var(--wood-dark);}
.project-choice.contest{background:#f0e6f8;border-color:#6d4a99;box-shadow:0 5px 0 #6d4a99;}
.project-choice.contest:hover{background:#eadcf6;}
.project-choice.contest:active{box-shadow:0 2px 0 #6d4a99;}
.project-name{display:block;font-size:18px;font-weight:bold;letter-spacing:1px;}
.project-desc{display:block;font-size:12px;line-height:1.9;margin-top:7px;color:#6b5533;}
.project-action{display:block;font-size:11px;margin-top:10px;color:var(--grass-dark);font-weight:bold;}
.contest .project-action{color:#6d4a99;}
.level-list{display:grid;gap:14px;}
.level-choice{
  width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;
  padding:14px;background:#fffdf2;border:3px solid var(--wood-dark);color:var(--ink);
  box-shadow:0 4px 0 var(--wood-dark);font-family:inherit;text-align:left;cursor:pointer;
}
.level-choice:hover{background:#fff7da;}
.level-choice:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood-dark);}
.level-order{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--paper2);border:2px solid var(--wood);font-size:19px;font-weight:bold;}
.level-name{display:block;font-size:16px;font-weight:bold;}
.level-sub{display:block;font-size:11px;margin-top:5px;color:#8a6a3d;line-height:1.7;}
.level-score{font-size:11px;color:var(--grass-dark);white-space:nowrap;}
.version-note{font-size:10px;line-height:1.9;color:#8a6a3d;margin-top:16px;padding-top:12px;border-top:2px dashed #d9bd7e;}
.trivia-panel{margin-top:24px;}
.trivia-exit{margin-top:14px;font-size:12px;padding:9px;}
.opt.selected{background:#eadcf6;border-color:#6d4a99;}
.opt.selected b.letter{background:var(--purple);border-color:#6d4a99;}
.trivia-hero .rlabel{position:relative;z-index:1;}
.score-ring{position:relative;width:190px;height:190px;margin:16px auto 4px;z-index:1;}
.score-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg);}
.score-ring circle{fill:none;stroke-width:12;}
.score-ring .ring-bg{stroke:#2e2745;}
.score-ring .ring-value{stroke:#ffe08a;stroke-linecap:square;stroke-dasharray:100;transition:stroke-dashoffset .8s;}
.score-number{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.score-number strong{font-size:48px;line-height:1;color:#ffe08a;text-shadow:3px 3px 0 rgba(0,0,0,.35);}
.score-number span{font-size:12px;margin-top:9px;color:#d9cfe8;}
.trivia-rank{position:relative;z-index:1;font-size:20px;color:#ffe08a;margin-top:12px;}
.trivia-stats{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap;}
.trivia-stat{font-size:11px;padding:5px 11px;background:#2e2745;border:2px solid #7a5528;color:#f5ecd7;}
.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;}
.answer-cell{border:3px solid var(--wood-dark);padding:10px 4px;background:#fffdf2;font-family:inherit;cursor:pointer;color:var(--ink);}
.answer-cell b{display:block;font-size:14px;}
.answer-cell span{display:block;font-size:10px;margin-top:4px;}
.answer-cell.correct{background:#e2f3d9;border-color:var(--grass-dark);}
.answer-cell.wrong{background:#f7dfda;border-color:#a03330;}
.answer-cell:hover{filter:brightness(.97);}
.review-list{display:grid;gap:14px;}
.review-item{background:#fffdf2;border:3px solid var(--wood-dark);padding:14px;scroll-margin-top:16px;}
.review-item.correct{border-left:7px solid var(--grass-dark);}
.review-item.wrong{border-left:7px solid #a03330;}
.review-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;}
.review-status{font-weight:bold;}
.correct .review-status{color:var(--grass-dark);}
.wrong .review-status{color:#a03330;}
.review-points{color:#8a6a3d;}
.review-question{font-size:14px;font-weight:bold;line-height:1.9;margin-top:9px;}
.review-answer{font-size:12px;line-height:1.9;margin-top:8px;color:#6b5533;}
.review-answer b{color:var(--ink);}
.review-explain{font-size:11px;line-height:1.9;margin-top:9px;padding-top:9px;border-top:2px dashed #d9bd7e;color:#8a6a3d;}
.trivia-actions{margin-bottom:8px;}
@media(max-width:480px){
  .project-name{font-size:16px;}
  .level-choice{grid-template-columns:38px 1fr;gap:10px;padding:12px;}
  .level-order{width:36px;height:36px;}
  .level-score{grid-column:2;font-size:10px;}
  .answer-grid{gap:6px;}
  .answer-cell{padding:8px 2px;border-width:2px;}
  .score-ring{width:170px;height:170px;}
  .review-item{padding:11px;}
}