/* ===== 答题页 ===== */
.quiz-top{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(247,243,236,.94) 78%,rgba(247,243,236,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:calc(6px + env(safe-area-inset-top)) 0 14px}
.q-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.q-meta .where{font-size:13px;font-weight:700;color:var(--ink2);letter-spacing:.06em}
.q-meta .quit{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--ink2);padding:6px 10px;border-radius:8px}
.q-meta .quit:hover{color:var(--acc-deep);background:var(--acc-soft)}
.pbar{height:8px;border-radius:999px;background:rgba(42,37,31,.08);overflow:hidden}
.pbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acc),#E295A4);transition:width .3s ease;width:0%}

.qcard{padding:clamp(22px,4.5vw,36px)}
.q-num{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--acc-deep);background:var(--acc-soft);padding:5px 14px;border-radius:999px}
.q-text{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:clamp(19px,3.4vw,24px);font-weight:700;line-height:1.55;margin:16px 0 24px}

.opts{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.opt{
  position:relative;border:1.5px solid var(--line);border-radius:14px;background:var(--card);
  min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  cursor:pointer;transition:border-color .15s,background .15s,transform .1s;user-select:none;font-family:inherit;
}
.opt .n{font-size:17px;font-weight:700;color:var(--ink)}
.opt .l{font-size:10.5px;color:var(--ink2);line-height:1.25;text-align:center;padding:0 2px}
.opt:hover{border-color:rgba(196,106,124,.5)}
.opt.sel{border-color:var(--acc);background:var(--acc-soft)}
.opt.sel .n{color:var(--acc-deep)}
.opt.sel .l{color:var(--acc-deep);font-weight:600}
.opt:active{transform:scale(.97)}

.scale-tip{display:flex;justify-content:space-between;margin:10px 2px 0;font-size:11.5px;color:var(--ink2)}
.scale-tip span:last-child{text-align:right}

.quiz-foot{display:flex;align-items:center;justify-content:space-between;margin-top:22px}
.quiz-foot .hint{font-size:12.5px;color:var(--ink2)}

/* ===== 答题页响应式 ===== */
@media (max-width:560px){
  .opts{grid-template-columns:1fr;gap:10px}
  .opt{flex-direction:row;justify-content:flex-start;gap:14px;min-height:54px;padding:8px 14px}
  .opt .n{font-size:15px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--ink)}
  .opt.sel .n{border-color:var(--acc);background:var(--acc);color:#fff}
  .opt .l{font-size:14px;text-align:left;color:var(--ink);flex:1;padding:0}
  .opt.sel .l{color:var(--acc-deep)}
  .scale-tip{display:none}
  .quiz-foot{flex-direction:column;gap:12px;align-items:stretch}
  .quiz-foot .btn-ghost{align-self:flex-start;min-height:48px}
  .quiz-foot .hint{text-align:right;font-size:12px}
  .q-meta .where{font-size:13.5px}
}