.ring{position:relative}
.account-button{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:10px;border-radius:9px;margin-bottom:14px;text-align:left}
.account-button strong,.account-button small{display:block}.account-button small{color:var(--muted);font-size:10px}.account-avatar,.mobile-account span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:750;flex:0 0 auto}.mobile-account{border:0;background:transparent;padding:0}.mobile-account span{width:34px;height:34px}.sync-state{font-size:11px;color:var(--muted)}.sync-state.error{color:var(--bad)}
.account-dialog{width:min(480px,calc(100vw - 24px))}.account-dialog .account-wrap{padding:26px}.account-dialog header{padding:0 0 18px}.account-dialog footer{padding:18px 0 0;margin-top:18px}.account-dialog .field{margin-bottom:13px}.account-dialog .button{width:100%}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.account-profile{text-align:center;padding:10px 0}.account-profile .account-avatar{width:62px;height:62px;font-size:22px;margin:0 auto 12px}.account-profile h2{margin:0}.account-profile p{color:var(--muted)}
.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter-card{padding:18px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);display:grid;grid-template-columns:1fr auto;gap:10px}.chapter-card:hover{border-color:var(--accent)}.chapter-card h3{margin:0 0 4px;font-size:16px}.chapter-card p{margin:0;color:var(--muted);font-size:12px}.chapter-card strong{color:var(--accent);font-variant-numeric:tabular-nums}.subject-detail-summary{padding:22px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.subject-detail-summary h2{margin:0}.subject-detail-summary p{margin:4px 0 0;color:var(--muted)}
.practice-state-actions{display:flex;align-items:center;gap:8px}.state-button{transition:background .18s,border-color .18s,color .18s,transform .18s}.state-button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.state-button.active:active{transform:scale(.97)}.favorite-active svg{fill:currentColor}.mastered-active{border-color:var(--good)!important;background:var(--good-soft)!important;color:var(--good)!important}
@media(max-width:760px){.mobile-tools{display:flex;align-items:center;gap:7px;min-width:0;flex:0 1 auto}.mobile-tools>select{width:42px;height:36px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;text-align:center}}
@media(max-width:760px){.chapter-grid{grid-template-columns:1fr}.subject-detail-summary{display:block}.subject-detail-summary .button{width:100%;margin-top:14px}.mobile-account span{width:32px;height:32px}.account-dialog{margin:auto 9px 9px}}

/* Published library: multi-scope query, durable selection and duplicate decisions. */
.published-filter-grid{display:grid;grid-template-columns:minmax(180px,240px) minmax(300px,1fr) auto;align-items:end;gap:10px;margin:16px 0 10px}.published-facets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.published-facet{border:1px solid var(--line);background:var(--surface)}.published-facet[open]{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.published-facet summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;cursor:pointer;list-style:none}.published-facet summary::-webkit-details-marker{display:none}.published-facet summary label{display:flex;align-items:center;gap:9px;min-width:0}.published-facet input{width:16px;height:16px;accent-color:var(--accent)}.published-facet summary span{display:flex;align-items:baseline;gap:7px}.published-facet summary small,.published-facet summary b{color:var(--muted);font-size:10px;font-weight:600}.published-systems{display:grid;max-height:180px;overflow:auto;border-top:1px solid var(--line);padding:7px 10px}.published-systems label{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 2px;font-size:12px}.published-systems label:hover{color:var(--accent-ink)}.published-systems small{color:var(--muted)}
.published-command-bar{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:12px 0;border:1px solid var(--line);border-left:5px solid var(--accent);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(8px);padding:11px 13px}.published-selection-copy{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:7px;min-width:155px}.published-selection-copy strong{font-size:27px;color:var(--accent);font-variant-numeric:tabular-nums}.published-selection-copy span{font-weight:800}.published-selection-copy small{grid-column:1/-1;color:var(--muted)}.published-batch-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.published-table .check-col{width:38px}.published-table input{width:16px;height:16px;accent-color:var(--accent)}.published-table tr.selected td{background:color-mix(in srgb,var(--accent-soft) 42%,var(--surface))}.published-table td:nth-child(2) small{max-width:130px;display:block;overflow:hidden;text-overflow:ellipsis}.published-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px}.published-pager span{min-width:70px;text-align:center;color:var(--muted);font-size:12px}
.compact-command-bar{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:10px 0;padding:9px 11px;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface-2)}.compact-command-bar strong{margin-right:auto;font-size:12px}.data-table tr.selected td{background:color-mix(in srgb,var(--accent-soft) 42%,var(--surface))}.data-table .check-col{width:38px}
.conflict-dialog{width:min(1180px,calc(100vw - 32px));max-height:92vh}.conflict-dialog>div>header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.conflict-dialog header h2,.conflict-dialog header p{margin:3px 0}.conflict-dialog header p{color:var(--muted)}.conflict-dialog>div>footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 24px;border-top:1px solid var(--line)}.conflict-batch-bar{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--surface-2);border-bottom:1px solid var(--line)}.conflict-batch-bar>span{margin-right:auto;font-weight:750}.conflict-list{max-height:65vh;padding:0 24px}.conflict-card{padding:20px 0;border-bottom:1px solid var(--line)}.conflict-card>header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:12px}.conflict-card>header>span{font-size:25px;color:var(--accent);font-weight:300}.conflict-card>header small{color:var(--muted)}.conflict-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.conflict-compare section{padding:16px;min-width:0}.conflict-compare section+section{border-left:1px solid var(--line);background:var(--surface-2)}.conflict-compare h4{line-height:1.6;margin:9px 0}.conflict-compare p{color:var(--muted);font-size:12px;line-height:1.6}.conflict-compare dl{display:grid;grid-template-columns:50px 1fr;gap:4px 8px;font-size:11px}.conflict-compare dt{color:var(--muted)}.conflict-compare dd{margin:0}.conflict-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.conflict-actions label{cursor:pointer}.conflict-actions input{position:absolute;opacity:0}.conflict-actions span{display:block;border:1px solid var(--line);padding:9px;text-align:center;font-size:12px;font-weight:700}.conflict-actions input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.conflict-actions .decision-replace input:checked+span{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}
@media(max-width:900px){.published-filter-grid{grid-template-columns:1fr auto}.published-filter-grid .grow{grid-column:1/-1;grid-row:1}.published-facets{grid-template-columns:1fr 1fr}.published-command-bar{grid-template-columns:1fr}.published-batch-actions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.conflict-compare{grid-template-columns:1fr}.conflict-compare section+section{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.published-facets{grid-template-columns:1fr}.published-filter-grid{grid-template-columns:1fr}.published-filter-grid .grow{grid-column:auto;grid-row:auto}.published-filter-grid .button{width:100%}.conflict-batch-bar{align-items:stretch;flex-direction:column}.conflict-batch-bar>span{margin:0}.conflict-actions{grid-template-columns:1fr}.conflict-dialog{width:100vw;max-height:100vh;margin:0}.conflict-list{padding:0 14px}}

/* ===== 手机端导航与排版修复（2026-07-18） ===== */
@media(max-width:760px){
  .brand.compact strong{white-space:nowrap;font-size:15px}
  .route-loading{min-height:230px;margin-top:6px;gap:14px}
  .route-loading .loading-index{font-size:44px}
  .route-loading h2{font-size:21px;margin:0 0 6px}
  .route-loading .loading-track{margin:10px 0}
  .chapter-complete-card{display:block;padding:26px 20px;text-align:center}
  .completion-folio{display:block;font-size:64px;margin-bottom:14px}
  .completion-actions{justify-content:center}
  .completion-actions .button{flex:1 1 150px}
}
@media(max-width:400px){
  .brand.compact strong{display:none}
  .mobile-nav a,.mobile-nav button{font-size:9px}
  .mobile-nav svg{width:18px;height:18px}
}

/* ===== 平板端练习页（761~1100px）：单列 + 答题卡抽屉 ===== */
@media(min-width:761px) and (max-width:1100px){
  .practice-grid{display:block}
  .answer-sheet{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:50;max-height:55vh;overflow:auto;box-shadow:0 18px 50px rgba(0,0,0,.25);border-radius:var(--radius-lg) var(--radius-lg) 0 0}
  .answer-sheet.open{display:block}
  .mobile-sheet-toggle{display:inline-flex}
}