/* 电脑做题页沿用首页的浅蓝底与蓝紫操作层级；专属类隔离样式，不改动共用答题数据流。 */
body.diannao-dati{--primary-color:#4388ff;--primary:#4388ff;--accent-color:#8665e9;--dati-shense:#101e4c;--dati-cise:#5c7094;--dati-anniu:linear-gradient(110deg,#4388ff,#8665e9);margin:0;padding:0;min-height:100vh;background:#f0f8ff;color:var(--dati-shense);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.6}
.diannao-dati .answer-top-nav{position:relative;display:flex;align-items:center;gap:30px;width:100%;max-width:none;min-height:78px;margin:0;padding:0 max(32px,calc((100% - 1360px)/2));background:#fff;border:0;border-bottom:1px solid #e6effb;box-shadow:none}
.diannao-dati .xingge-pinpai{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--dati-shense);font-size:24px;font-weight:800;text-decoration:none;white-space:nowrap}
.diannao-dati .xingge-pinpai img{width:34px;height:34px;flex:0 0 34px;object-fit:contain}
.diannao-dati .xingge-dati-baocun{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--dati-cise);font-size:14px;white-space:nowrap}
.diannao-dati .xingge-dati-baocun svg{color:#2a8a54;flex-shrink:0}
.diannao-dati .answer-top-nav .nav-home{display:inline-flex;align-items:center;min-height:44px;padding:0 0 0 27px;border:0;border-left:1px solid #dce6f6;border-radius:0;color:var(--dati-cise);background:none;font-size:14px;white-space:nowrap}
.diannao-dati .answer-top-nav .nav-home:hover{color:#285bdf;background:none}
/* 标题与进度保持完整桌面宽度，题量徽标只复用原脚本维护的真实文案。 */
body.diannao-dati #testContainer{width:calc(100% - 64px);max-width:1200px;margin:46px auto 0;padding:0;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}
body.diannao-dati #testContainer .header{position:relative;margin:0;padding:0 190px 34px 0;background:none;text-align:left}
.diannao-dati .xingge-dati-mianbao{margin:0 0 14px;color:#6a80a4;font-size:14px;line-height:1.6}
body.diannao-dati #testContainer h1{margin:0 0 12px;color:var(--dati-shense);font-size:36px;font-weight:800;line-height:1.4;letter-spacing:-.5px}
body.diannao-dati #testContainer .header p{margin:0;color:var(--dati-cise);font-size:16px;line-height:1.8}
body.diannao-dati #testContainer .header .xingge-dati-banben{position:absolute;right:0;top:40px;margin:0;padding:7px 17px;border-radius:15px;background:#eae4ff;color:#6f50c0;font-size:14px;font-weight:600;line-height:1.6;white-space:nowrap}
body.diannao-dati #testContainer .progress-container{padding:0 0 28px;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
.diannao-dati .progress-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;color:var(--dati-cise);font-size:15px}
.diannao-dati .progress-text-main{font-size:16px;font-weight:600;color:var(--dati-shense)}
.diannao-dati #currentNum{font-size:23px;font-weight:750;color:#386bfa}
body.diannao-dati #testContainer .progress-bar-bg{height:9px;margin:0;border:0;border-radius:10px;background:#dae7ff;overflow:hidden;box-shadow:none}
.diannao-dati #mainProgress{height:100%;border-radius:inherit;background:var(--dati-anniu);box-shadow:none;animation:none}
.diannao-dati .progress-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:9px;color:#7185a6;font-size:13px}
.diannao-dati #progressDimension{display:none}
/* 五档均使用中性浅底，只有已选答案突出边框和勾选；点击区域不随选中状态移动。 */
body.diannao-dati #testContainer .question-card{margin:0;padding:28px 26px 26px;border:1px solid #e5eefb;border-radius:24px;background:#fff;box-shadow:0 10px 38px #5579b008;animation:none;transform:none;overflow:visible}
.diannao-dati #currentSlide{text-align:center}
.diannao-dati .xingge-tihao{display:inline-grid;place-items:center;min-width:43px;height:33px;margin:0 0 18px;padding:4px 12px;border-radius:14px;background:#eee8ff;color:#7d58d3;font-size:17px;font-weight:600;line-height:1.4}
body.diannao-dati #testContainer .question-text{max-width:1040px;min-height:0;margin:0 auto 7px;padding:0;background:none;color:var(--dati-shense);font-size:26px;font-weight:750;line-height:1.65;overflow-wrap:anywhere}
.diannao-dati .xingge-dati-tishi{margin:0 0 25px;color:#7689a9;font-size:14px;line-height:1.7}
body.diannao-dati #optionsContainer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%;margin:0;padding:0}
body.diannao-dati #testContainer .answer-btn{position:relative;display:block;width:100%;min-width:0;min-height:116px;margin:0;padding:64px 8px 19px;border:1px solid #dbe7fc;border-radius:15px;background:#f6f9ff;color:var(--dati-shense);font-size:17px;font-weight:600;line-height:1.5;text-align:center;box-shadow:none;transform:none;animation:none;cursor:pointer;transition:background .15s,border-color .15s}
body.diannao-dati #testContainer .answer-btn:nth-child(n){background:#f6f9ff}
body.diannao-dati #testContainer .answer-btn::before{content:'';position:absolute;display:block;top:24px;left:calc(50% - 15px);width:30px;height:30px;margin:0;padding:0;border:1.5px solid #8da5ce;border-radius:50%;background:#fff;box-shadow:none;opacity:1;transform:none}
body.diannao-dati #testContainer .answer-btn::after{display:none}
body.diannao-dati #testContainer .answer-btn:hover{border-color:#a6bff5;background:#f0f5ff;transform:none}
body.diannao-dati #testContainer .answer-btn.selected{border:2px solid #8c70ff;padding:63px 7px 18px;background:#eeeaff;color:#30277b;box-shadow:none;transform:none}
body.diannao-dati #testContainer .answer-btn.selected::before{content:'✓';display:grid;place-items:center;top:23px;left:calc(50% - 15px);border:0;background:linear-gradient(135deg,#6586ff,#9361f5);color:#fff;font-size:22px;font-weight:600;line-height:1;box-shadow:none}
/* 上下题与重测继续沿用原按钮、禁用状态和确认流程，只调整排布与颜色。 */
.diannao-dati #testContainer .nav-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:26px 0 0;padding:22px 0 0;border-top:1px solid #e5edfc;background:none}
body.diannao-dati #testContainer #prevBtn,body.diannao-dati #testContainer #nextBtn,body.diannao-dati #testContainer #restartBtn{min-height:48px;margin:0;padding:10px 22px;border-radius:25px;box-shadow:none;font-size:15px;line-height:1.6;transform:none;animation:none}
body.diannao-dati #testContainer #prevBtn{justify-self:start;min-width:150px;border:1px solid #648aff;background:#fff;color:#3869e8}
body.diannao-dati #testContainer #restartBtn{justify-self:center;border:0;background:none;color:#778bab;font-size:13px}
body.diannao-dati #testContainer #nextBtn{justify-self:end;min-width:170px;border:0;background:var(--dati-anniu);color:#fff;font-weight:600}
.diannao-dati #nextBtn::after{content:' →';margin-left:8px}
body.diannao-dati #testContainer #prevBtn:disabled,body.diannao-dati #testContainer #nextBtn:disabled{border-color:#dfe7f4;background:#edf2fa;color:#9aaac3;box-shadow:none;cursor:not-allowed}
.diannao-dati .xingge-dati-jiaozhu{position:relative;width:calc(100% - 64px);max-width:1200px;min-height:90px;margin:19px auto 0;padding:0 0 20px;text-align:center;color:#7588a8;font-size:13px;line-height:1.8;pointer-events:none}
.diannao-dati .xingge-dati-jiaozhu p{margin:0}
.diannao-dati .xingge-dati-jiaozhu .diannao-dati-beizhu{margin-top:29px;color:#8da0bb;font-size:12px}
.diannao-dati .xingge-dati-jiaozhu img{position:absolute;right:-160px;bottom:22px;width:130px;height:180px;object-fit:contain;z-index:1}
.diannao-dati .xingge-dati-jiaozhu::after{content:'';position:absolute;right:-171px;bottom:18px;width:152px;height:19px;border-radius:50%;background:#e1e3ff}
.diannao-dati #introContainer{width:calc(100% - 64px);max-width:820px;margin:46px auto 0;padding:0}
.diannao-dati .intro-card{border-color:#e3ecfb!important;background:#fff!important;box-shadow:0 10px 38px #5579b008!important}
.diannao-dati .notice-tag{background:#e9efff;color:#3869e8}
.diannao-dati #startBtn{background:var(--dati-anniu)!important;border-radius:25px}
.diannao-dati #restartModal .modal-content{border:1px solid #e1eafa;border-radius:22px;box-shadow:0 20px 65px #2e4a7b20}
.diannao-dati #restartModal .modal-title{color:var(--dati-shense)}
.diannao-dati #restartModal .modal-btn-confirm{background:var(--dati-anniu)}
.diannao-dati :is(a,button):focus-visible{outline:3px solid #285bdf;outline-offset:4px}
@media(max-width:1560px){.diannao-dati .xingge-dati-jiaozhu img,.diannao-dati .xingge-dati-jiaozhu::after{display:none}}
@media(max-width:1440px){
  body.diannao-dati #testContainer{margin-top:31px}
  body.diannao-dati #testContainer .header{padding-bottom:26px}
  body.diannao-dati #testContainer h1{font-size:33px}
  body.diannao-dati #testContainer .question-card{padding-top:25px}
  body.diannao-dati #testContainer .answer-btn{min-height:108px;padding-top:60px;padding-bottom:15px}
  body.diannao-dati #testContainer .answer-btn.selected{padding-top:59px;padding-bottom:14px}
}
@media(max-height:850px) and (min-width:701px){
  .diannao-dati .answer-top-nav{min-height:64px}
  body.diannao-dati #testContainer{margin-top:20px}
  body.diannao-dati #testContainer .header{padding-bottom:18px}
  .diannao-dati .xingge-dati-mianbao{font-size:12px;margin-bottom:8px}
  body.diannao-dati #testContainer h1{font-size:28px;line-height:1.4;margin-bottom:8px}
  body.diannao-dati #testContainer .header p{font-size:14px;line-height:1.6}
  body.diannao-dati #testContainer .header .xingge-dati-banben{top:32px}
  body.diannao-dati #testContainer .progress-container{padding-bottom:16px}
  .diannao-dati .progress-label{margin-bottom:8px;font-size:14px}
  .diannao-dati #currentNum{font-size:19px;line-height:1.4}
  .diannao-dati .progress-meta{margin-top:7px;font-size:12px}
  body.diannao-dati #testContainer .question-card{padding:20px 24px}
  .diannao-dati .xingge-tihao{height:28px;margin-bottom:12px;font-size:15px}
  body.diannao-dati #testContainer .question-text{font-size:23px;line-height:1.6;margin-bottom:6px}
  .diannao-dati .xingge-dati-tishi{font-size:13px;line-height:1.6;margin-bottom:16px}
  body.diannao-dati #testContainer .answer-btn{min-height:92px;padding-top:53px;padding-bottom:12px;font-size:15px}
  body.diannao-dati #testContainer .answer-btn.selected{padding-top:52px;padding-bottom:11px}
  body.diannao-dati #testContainer .answer-btn::before{top:16px;width:27px;height:27px;left:calc(50% - 13.5px)}
  body.diannao-dati #testContainer .answer-btn.selected::before{top:15px;left:calc(50% - 13.5px)}
  .diannao-dati #testContainer .nav-actions{margin-top:20px;padding-top:16px}
  body.diannao-dati #testContainer #prevBtn,body.diannao-dati #testContainer #nextBtn,body.diannao-dati #testContainer #restartBtn{min-height:44px;padding-top:8px;padding-bottom:8px}
}
/* 缩小桌面窗口仍保留可操作的五档选项；长题自然增高并滚动，不用固定底栏遮挡答案。 */
@media(max-width:1000px){
  .diannao-dati .answer-top-nav{gap:20px;padding:0 24px}
  .diannao-dati .xingge-pinpai{font-size:21px}
  body.diannao-dati #testContainer{width:calc(100% - 48px)}
  body.diannao-dati #testContainer .header{padding-right:165px}
  body.diannao-dati #testContainer h1{font-size:29px}
  body.diannao-dati #testContainer .header p{font-size:14px}
  body.diannao-dati #testContainer .header .xingge-dati-banben{top:36px;font-size:12px;padding:6px 12px}
  body.diannao-dati #optionsContainer{gap:10px}
  body.diannao-dati #testContainer .question-text{font-size:23px}
  body.diannao-dati #testContainer .answer-btn{font-size:14px}
}
@media(max-width:700px){
  .diannao-dati .answer-top-nav{min-height:68px;gap:15px;padding:10px 20px;flex-wrap:wrap}
  .diannao-dati .xingge-pinpai{font-size:18px}
  .diannao-dati .xingge-dati-baocun{font-size:12px}
  .diannao-dati .answer-top-nav .nav-home{padding-left:14px;font-size:12px}
  body.diannao-dati #testContainer{width:calc(100% - 40px);margin-top:25px}
  body.diannao-dati #testContainer .header{padding:0 0 23px}
  body.diannao-dati #testContainer h1{font-size:27px}
  body.diannao-dati #testContainer .header .xingge-dati-banben{position:static;display:inline-block;margin-top:13px}
  body.diannao-dati #testContainer .question-card{padding:22px 18px}
  body.diannao-dati #testContainer .question-text{font-size:21px}
  body.diannao-dati #optionsContainer{grid-template-columns:1fr}
  body.diannao-dati #testContainer .answer-btn,body.diannao-dati #testContainer .answer-btn.selected{min-height:56px;padding:14px 16px 14px 57px;text-align:left;font-size:15px}
  body.diannao-dati #testContainer .answer-btn::before,body.diannao-dati #testContainer .answer-btn.selected::before{top:calc(50% - 12px);left:18px;width:24px;height:24px;font-size:17px}
  .diannao-dati #testContainer .nav-actions{gap:8px;margin-top:22px;padding-top:18px}
  body.diannao-dati #testContainer #prevBtn,body.diannao-dati #testContainer #nextBtn{min-width:0;padding:9px 16px;font-size:13px}
  body.diannao-dati #testContainer #restartBtn{padding:8px 3px;font-size:12px}
  .diannao-dati .xingge-dati-jiaozhu{width:calc(100% - 40px)}
}
@media(max-width:430px){
  .diannao-dati .answer-top-nav{gap:5px 14px}
  .diannao-dati .xingge-pinpai{font-size:17px}
  .diannao-dati .xingge-dati-baocun{margin-left:auto}
  .diannao-dati .answer-top-nav .nav-home{margin-left:auto}
  body.diannao-dati #testContainer h1{font-size:24px}
}