/* Main Practice unified-picker display v7.6. The original picker and business logic stay intact. */
.ui2-task-practice .qselect-backdrop.qselect-embedded-v1011 {
  position:static!important; inset:auto!important; z-index:auto!important;
  display:block!important; background:transparent!important;
  padding:0!important; width:100%!important; height:auto!important;
  min-height:0!important; overflow:visible!important;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-modal {
  width:100%!important;max-width:100%!important;height:auto!important;
  max-height:none!important;overflow:visible!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;margin:0!important;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-head{display:none!important}
.ui2-task-practice .qselect-embedded-v1011 .qselect-body{padding:0!important;min-width:0}
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-heading-v1011 {
  margin:0 0 18px; padding:0 2px;
}
.ui2-task-practice .qselect-main-heading-v1011 small {
  display:block;letter-spacing:.08em;text-transform:uppercase;font-size:11px;
  color:#64748b;font-weight:800;margin-bottom:6px;
}
.ui2-task-practice .qselect-main-heading-v1011 h2 {
  color:#0f172a;font-size:clamp(23px,4vw,30px);margin:0 0 6px;font-weight:850;letter-spacing:-.02em;
}
.ui2-task-practice .qselect-main-heading-v1011 p{margin:0;font-size:13px;color:#64748b;line-height:1.55}
.ui2-task-practice .qselect-main-subjects-v1011 {
  margin-bottom:18px;padding:16px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;
}
.ui2-task-practice .qselect-main-step-v1011 {
  display:flex;align-items:center;gap:10px;margin:22px 0 11px;
}
.ui2-task-practice .qselect-main-subjects-v1011 .qselect-main-step-v1011{margin:0 0 14px}
.ui2-task-practice .qselect-main-step-v1011 b {
  display:grid;place-items:center;flex:0 0 30px;height:30px;background:#eaf1ff;
  border-radius:9px;color:#2358aa;font-size:12px;
}
.ui2-task-practice .qselect-main-step-v1011 strong{font-size:17px;font-weight:800;color:#0f172a}
.ui2-task-practice .qselect-main-step-v1011 small{font-size:12px;color:#64748b;margin-left:auto}
.ui2-task-practice .qselect-main-subject-rail-v1011 {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
.ui2-task-practice .qselect-main-subject-rail-v1011 button {
  border:1px solid #d4dce7;background:#fafcff;color:#334155;
  padding:14px 5px;border-radius:13px;font:inherit;font-weight:750;cursor:pointer;
  min-height:52px;transition:background .12s,border-color .12s;
}
.ui2-task-practice .qselect-main-subject-rail-v1011 button.active{
  border-color:#9bb9eb;background:#eaf2ff;color:#2458a2;box-shadow:inset 0 0 0 1px #a5c1ed;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-controls{
  display:block!important;margin:0 0 14px!important
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-controls .qselect-field:first-child {
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-controls .qselect-search{max-width:100%}
.ui2-task-practice .qselect-embedded-v1011 .qselect-controls .qselect-search>span{
  font-size:13px;font-weight:700;color:#475569;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-search input{
  padding:12px 14px;border-radius:12px;border-color:#d3deeb;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-source-filter,
.ui2-task-practice .qselect-embedded-v1011 .qselect-filter,
.ui2-task-practice .qselect-embedded-v1011 .qselect-summary {
  background:#fff;border:1px solid #e1e7ef;border-radius:16px;
  padding:14px 16px;margin:12px 0!important;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-filter-head{margin-bottom:11px}
.ui2-task-practice .qselect-embedded-v1011 .qselect-filter-head b{
  font-size:14px;font-weight:750;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-chips button{
  padding:10px 13px;min-height:42px;border-radius:12px;background:#f8fafc;
  border-color:#d7e0eb;font-size:13px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-chips button.active{
  color:#fff;background:#15233d;border-color:#15233d;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-summary {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(115px,auto);gap:12px;
  background:#eff5ff!important;border-color:#dae5f5;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-summary b{
  font-size:15px;overflow-wrap:anywhere;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-passages,
.ui2-task-practice .qselect-embedded-v1011 .qselect-advanced,
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011 {
  margin:12px 0;border:1px solid #dce4ee;border-radius:16px;
  background:#fff;overflow:hidden;padding:0;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-passages>summary,
.ui2-task-practice .qselect-embedded-v1011 .qselect-advanced>summary,
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>summary {
  padding:16px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;cursor:pointer;list-style:none;font-size:15px;color:#0f172a;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>summary span {
  display:flex;flex-direction:column;gap:4px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>summary small,
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>summary em{
  color:#64748b;font-size:11px;font-style:normal;font-weight:450;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>summary em {
  padding:6px 9px;background:#f1f5fb;border-radius:9px;white-space:nowrap;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>.qselect-toolbar,
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>.qselect-list,
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>.qselect-pages {
  margin-left:14px;margin-right:14px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-main-precise-v1011>.qselect-pages {
  margin-bottom:16px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-advanced[open]{
  padding-bottom:14px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-advanced .qselect-settings-grid,
.ui2-task-practice .qselect-embedded-v1011 .qselect-advanced .qselect-settings-note{
  margin-left:16px;margin-right:16px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  position:sticky;bottom:94px;z-index:7;margin:22px 0 0;
  background:rgba(250,252,255,.96);
  backdrop-filter:blur(10px);padding:12px 0;
  border-top:1px solid #dce5f0;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-actions button{
  min-width:0;font-size:13px;min-height:52px;border-radius:12px;padding:10px;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-actions .primary{
  background:#235fbe;border-color:#235fbe;
}
@media(max-width:720px){
 .ui2-task-practice .qselect-main-subject-rail-v1011{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ui2-task-practice .qselect-main-step-v1011{flex-wrap:wrap}
 .ui2-task-practice .qselect-main-step-v1011 small{margin-left:0}
 .ui2-task-practice .qselect-embedded-v1011 .qselect-summary{grid-template-columns:1fr 1fr}
 .ui2-task-practice .qselect-embedded-v1011 .qselect-actions{bottom:86px}
 .ui2-task-practice .qselect-embedded-v1011 .qselect-actions button{font-size:12px}
 .ui2-task-practice .qselect-embedded-v1011 .qselect-chips{gap:7px}
 .ui2-task-practice .qselect-embedded-v1011 .qselect-chips button{padding:9px 11px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .ui2-task-practice .qselect-main-subject-rail-v1011 button{transition:none}
}
/* Inline question-picker: explicit mutually exclusive article/item views.
   Keep the accordion's native summary non-interactive while in by-article
   view, so a drag across the heading cannot collapse the article list. */
.ui2-task-practice .qselect-embedded-v1011 [data-qselect-passages]>summary {
  display:none!important;
}
.ui2-task-practice .qselect-selection-mode-v1011 {
  border:1px solid #dde6f3;background:#fff;border-radius:16px;
  padding:14px;margin:12px 0;
}
.ui2-task-practice .qselect-selection-mode-title-v1011 {
  color:#0f172a;font-weight:800;font-size:14px;margin:0 0 12px;
}
.ui2-task-practice .qselect-selection-mode-buttons-v1011 {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
.ui2-task-practice .qselect-selection-mode-buttons-v1011 button {
  display:flex;flex-direction:column;gap:5px;justify-content:center;
  align-items:flex-start;text-align:left;min-height:66px;min-width:0;
  padding:11px 12px;background:#f8fafc;border:1px solid #d9e2ef;
  color:#334155;border-radius:12px;font:inherit;cursor:pointer;
}
.ui2-task-practice .qselect-selection-mode-buttons-v1011 button.active {
  background:#eaf2ff;border-color:#85afe8;box-shadow:inset 0 0 0 1px #85afe8;
  color:#1d4f96;
}
.ui2-task-practice .qselect-selection-mode-buttons-v1011 b{font-size:15px;font-weight:800}
.ui2-task-practice .qselect-selection-mode-buttons-v1011 small {
  font-size:11px;line-height:1.45;opacity:.8;
}
.ui2-task-practice .qselect-embedded-v1011 [data-qselect-passages] {
  margin-top:8px;
}

/* 2026-10-11: dual quantity units. Existing question quota UI is retained
   when in '逐题选题'; independent whole-chapter quotas live in '按篇选题'. */
.ui2-task-practice .qselect-embedded-v1011[data-selection-mode-v1011="passage"] .qselect-quota-panel{
  display:none!important;
}
.ui2-task-practice .qselect-embedded-v1011 .qselect-passage-auto-v1011{
  background:#f8fbff;border:1px solid #d7e3f4;border-radius:14px;
  margin:12px 0 17px;padding:14px;
}
.ui2-task-practice .qselect-passage-unit-label-v1011,
.ui2-task-practice .qselect-passage-count-label-v1011 {
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;
  font-weight:750;color:#334155;margin:12px 0;
}
.ui2-task-practice .qselect-passage-unit-label-v1011 select{
  flex:1 1 200px;min-width:0;max-width:100%;padding:10px 12px;border-radius:10px;
  border:1px solid #cbd5e1;background:white;color:#0f172a;font:inherit;
}
.ui2-task-practice .qselect-passage-count-label-v1011 input,
.ui2-task-practice .qselect-passage-quota-row-v1011 input{
  width:98px;max-width:40%;padding:9px 10px;font:inherit;color:#0f172a;
  background:#fff;border:1px solid #cbd5e1;border-radius:10px;
  box-sizing:border-box;text-align:center;
}
.ui2-task-practice .qselect-passage-count-label-v1011 input:placeholder-shown{
  width:200px;max-width:72%;
}
.ui2-task-practice .qselect-passage-auto-modes-v1011{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;
}
.ui2-task-practice .qselect-passage-auto-modes-v1011 button{
  color:#334155;background:white;border:1px solid #cbd5e1;border-radius:10px;
  padding:11px 8px;font-size:12px;font-weight:750;cursor:pointer;
}
.ui2-task-practice .qselect-passage-auto-modes-v1011 button.active{
  color:#fff;background:#14233f;border-color:#14233f;
}
.ui2-task-practice .qselect-passage-quota-v1011{
  display:grid;gap:8px;margin:13px 0;
}
.ui2-task-practice .qselect-passage-quota-row-v1011{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid #dce5ef;border-radius:12px;background:white;
}
.ui2-task-practice .qselect-passage-quota-row-v1011>span{
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
.ui2-task-practice .qselect-passage-quota-row-v1011 b{font-size:13px}
.ui2-task-practice .qselect-passage-quota-row-v1011 small{font-size:11px;color:#64748b}
.ui2-task-practice .qselect-passage-auto-summary-v1011{
  color:#315a90;font-size:12px;margin:12px 0;
}
.ui2-task-practice .qselect-passage-auto-error-v1011{
  color:#b42318;font-size:12px;margin:12px 0;
}
.ui2-task-practice [data-qselect-passage-launch-auto-v1011]{
  width:100%;padding:13px;border:0;border-radius:12px;
  background:#225bbb;color:#fff;font-size:14px;font-weight:800;cursor:pointer;
}
.ui2-task-practice [data-qselect-passage-launch-auto-v1011]:disabled{
  background:#abbacf;cursor:not-allowed;
}

/* 2026-10-31: by-passage order, adjacent to the actual chapter picker. */
.qselect-passages .qselect-passage-order-v1031 {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;
  padding:12px;margin:10px 0 14px;border:1px solid #d7e3f4;
  border-radius:12px;background:#f8fbff;
}
.qselect-passages .qselect-passage-order-v1031 label {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-weight:700;color:#233453;font-size:14px;
}
.qselect-passages .qselect-passage-order-v1031 select {
  font-size:16px;min-height:40px;max-width:100%;min-width:165px;
  background:#fff;border:1px solid #c6d4e5;border-radius:9px;
  padding:7px 10px;color:#152b48;
}
.qselect-passages .qselect-passage-order-v1031 small {
  flex:1 1 220px;color:#596b80;font-size:12px;line-height:1.5;
}