/* 同芯题库 · 沿用首页设计令牌（见 DESIGN.md） */
:root{
  --bg:#f5f7fb; --card:#fff; --line:#e6ecf4; --line-2:#eef2f7;
  --ink:#0f2942; --muted:#64748b; --muted-2:#94a3b8;
  --navy:#102a45; --navy-2:#071d33;
  --gold:#edc04a; --gold-dark:#8b6a18; --gold-soft:#fdf6e1;
  --easy:#12a37f; --medium:#d98a06; --hard:#d6453d;
  --ok:#12a37f;
  --radius:16px;
  --shadow-card:0 10px 30px rgba(15,23,42,.06);
  --shadow-hover:0 16px 42px rgba(15,23,42,.11);
  --side-w:264px; --rail-w:272px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-gutter:stable}
body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:linear-gradient(180deg,#eef3f8 0,#f7f9fc 260px,var(--bg) 620px);
  color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}
h1,h2,h3{font-family:'Noto Serif SC','Noto Sans SC',serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
html.qb-wait .pw,html.qb-wait .pbar,html.qb-wait .ptabs,html.qb-wait .pmissing{opacity:0;pointer-events:none}
html.qb-gated .pw,html.qb-gated .pbar,html.qb-gated .ptabs,html.qb-gated .pmissing{visibility:hidden}

/* ── 顶部导航（与首页一致）── */
.nav{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#243047,#1f2a3f);
  border-bottom:1px solid rgba(255,255,255,.075);box-shadow:0 12px 36px rgba(7,29,51,.18)}
.nav-in{max-width:1180px;margin:0 auto;padding:12px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.nav-brand{display:inline-flex;align-items:center;color:#fff;text-decoration:none;white-space:nowrap}
.nav-brand-logo{display:block;width:auto;height:50px;object-fit:contain;filter:brightness(1.42) saturate(1.18) drop-shadow(0 6px 14px rgba(0,0,0,.22))}
.nav-menu{justify-self:end;display:flex;align-items:center;gap:6px;padding:5px;border-radius:18px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(7,29,51,.18)}
.nav-menu a{display:inline-flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:13px;font-weight:600;
  padding:8px 12px;border-radius:13px;transition:background .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}
.nav-actions{display:flex;align-items:center;gap:9px}
.nav-menu a:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-1px)}
.nav-menu a.is-active{background:rgba(255,255,255,.13);color:#fff}
.nav-space{color:#f8e7aa;font-size:13px;font-weight:600;padding:9px 12px;border-radius:13px;
  background:rgba(216,178,74,.12);border:1px solid rgba(216,178,74,.34);white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(216,178,74,.12)}
.nav-space:hover{background:rgba(216,178,74,.2);color:#fff}
.mobile-quick{display:none}
.mq-ico{display:block;width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.devbar{background:#102a45;color:#f8e7aa;font-size:12px;font-weight:600;text-align:center;padding:6px 14px;
  border-bottom:1px solid rgba(237,192,74,.28)}
.devbar b{color:#fff}

/* ── 三栏布局 ── */
.qb{max-width:1380px;margin:0 auto;padding:22px 20px 64px;display:grid;
  grid-template-columns:var(--side-w) minmax(0,1fr) var(--rail-w);gap:20px;align-items:start}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:11px 18px;
  font-size:14px;font-weight:700;transition:.2s;white-space:nowrap}
.btn-navy{background:linear-gradient(180deg,#17395c,var(--navy));color:#fff;box-shadow:0 10px 24px rgba(16,42,69,.22)}
.btn-navy:hover{transform:translateY(-1px)}
.btn-soft{background:#eef3f9;color:var(--navy)}
.btn-soft:hover{background:#e3ebf5}
.link-btn{background:none;border:0;color:var(--muted);font-size:12.5px;font-weight:600;padding:4px 6px;border-radius:8px}
.link-btn:hover{color:var(--navy);background:#eef3f9}

/* ── 左侧筛选栏 ── */
.qb-side{display:flex;flex-direction:column;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}
.side-head{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--line-2)}
.side-head strong{font-size:15px;color:var(--navy-2);margin-right:auto}
.side-close,.side-foot{display:none}
.side-body{overflow-y:auto;padding:4px 16px 14px;scrollbar-width:thin}
.fgroup{padding:14px 0 12px;border-bottom:1px solid var(--line-2)}
.fgroup:last-child{border-bottom:0}
.fgroup-title{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--muted);
  letter-spacing:.04em;margin-bottom:8px}
.fgroup-title em{font-style:normal;font-weight:600;color:var(--gold-dark);font-size:11.5px}
.fopt{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;margin:0 -8px;width:calc(100% + 16px);border:0;background:none;
  border-radius:10px;font-size:13.5px;text-align:left;color:#26405a;transition:background .15s}
.fopt:hover{background:#f3f7fb}
.fopt .mark{flex:0 0 auto;width:16px;height:16px;border:1.5px solid #c3cfdd;background:#fff;display:grid;place-items:center;transition:.15s}
.fopt .mark.box{border-radius:5px}
.fopt .mark.radio{border-radius:50%}
.fopt.on{color:var(--navy-2);font-weight:600}
.fopt.on .mark{border-color:var(--navy);background:var(--navy)}
.fopt.on .mark::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.fopt .mark.box::after{width:8px;height:4px;border-radius:0;background:none;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}
.fopt .lab{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fopt .n{font-size:12px;color:var(--muted-2);font-variant-numeric:tabular-nums}
.fopt.zero{opacity:.45}
.fopt.d-easy .lab{color:var(--easy)} .fopt.d-medium .lab{color:var(--medium)} .fopt.d-hard .lab{color:var(--hard)}
.ftags{display:flex;flex-wrap:wrap;gap:6px}
.ftag{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:600;color:#3a526b;transition:.15s}
.ftag:hover{border-color:#c3cfdd}
.ftag.on{background:var(--navy);border-color:var(--navy);color:#fff}
.ftag .n{margin-left:4px;opacity:.55;font-weight:500}
.ftitle-sub{margin-right:auto;margin-left:6px;font-weight:600;color:var(--muted-2);font-family:'JetBrains Mono',monospace;font-size:11.5px}
.fmonths{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fmonth{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px 6px;border:1px solid var(--line);background:#fff;border-radius:12px;
  color:#3a526b;transition:.15s;line-height:1.2}
.fmonth b{font-size:14px;font-weight:700}
.fmonth .n{font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}
.fmonth:hover{border-color:#c3cfdd;transform:translateY(-1px)}
.fmonth.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(16,42,69,.2)}
.fmonth.on .n{color:#f8e7aa}
.fmonth.zero{opacity:.45}

/* ── 中间 ── */
.qb-main{min-width:0}
.banners{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.banner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;overflow:hidden;
  min-height:104px;padding:16px 18px;border:0;border-radius:var(--radius);color:#fff;transition:transform .2s,box-shadow .2s}
.banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.banner strong{font-family:'Noto Serif SC',serif;font-size:17px;font-weight:700;line-height:1.3;margin-top:6px}
.banner-tag{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2)}
.banner-sub{font-size:12.5px;opacity:.78}
.banner-ico{position:absolute;right:14px;bottom:10px;width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round;opacity:.28}
.b-daily{background:linear-gradient(135deg,#102a45,#1d4a73)}
.b-hot{background:linear-gradient(135deg,#7a4b0a,#c28a1c)}
.banner.is-active{box-shadow:inset 0 0 0 3px var(--gold),0 6px 18px rgba(194,138,28,.32)}
.banner.is-active:hover{box-shadow:inset 0 0 0 3px var(--gold),var(--shadow-hover)}
.b-course{background:linear-gradient(135deg,#0b3b4f,#14788f)}

.toolbar{display:flex;align-items:center;gap:10px;margin:6px 0 12px}
.search{flex:1;min-width:0;max-width:340px;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;
  background:#fff;border:1px solid var(--line);border-radius:12px;transition:.15s}
.search:focus-within{border-color:#b3c6dc;box-shadow:0 0 0 3px rgba(16,42,69,.06)}
.search svg,.sort svg,.tool-btn svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.search svg{color:var(--muted-2)}
.search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:13.5px}
.sort{position:relative;display:flex;align-items:center;gap:6px;height:38px;padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.sort select{border:0;outline:0;background:none;font-size:13px;font-weight:600;color:#3a526b;padding-right:4px;cursor:pointer}
.tool-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;background:#fff;border:1px solid var(--line);
  border-radius:12px;font-size:13px;font-weight:600;color:#3a526b;transition:.15s}
.tool-btn:hover{border-color:#c3cfdd;transform:translateY(-1px)}
.tool-btn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.only-mobile{display:none}
.solved-count{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.solved-count b{color:var(--ok);font-size:14px}

.chips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 12px}
.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px 3px 11px;border-radius:99px;background:var(--gold-soft);
  border:1px solid #efdc9d;color:var(--gold-dark);font-size:12.5px;font-weight:600}
.chip button{width:18px;height:18px;border:0;border-radius:50%;background:rgba(139,106,24,.12);color:var(--gold-dark);font-size:13px;line-height:1;display:grid;place-items:center}
.chip button:hover{background:rgba(139,106,24,.24)}
.chips-clear{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:3px 11px 3px 9px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap}
.chips-clear svg{width:14px;height:14px}
.chips-clear:hover{color:var(--navy);background:#eef3f9;border-color:#cbd7e4}
.chips-clear:focus-visible{outline:3px solid #edc04a99;outline-offset:2px}

/* 题目列表 */
.qlist{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}
.qrow{display:grid;grid-template-columns:44px minmax(0,1fr) 52px 112px 34px 18px;align-items:center;column-gap:10px;padding:0 14px 0 8px;
  min-height:56px;border-bottom:1px solid var(--line-2);position:relative}
.qrow:last-child{border-bottom:0}
.qhead{min-height:40px;background:#f8fafc;font-size:12px;font-weight:700;color:var(--muted-2);letter-spacing:.04em}
.qrow.q:focus-visible{outline:2px solid #8fb0d3;outline-offset:-2px}
.qrow.q:nth-child(even){background:#fbfcfe}
.qrow.q{cursor:pointer;transition:background .15s}
.qrow.q:hover{background:#f1f6fb}
.qrow.q::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:.15s}
.qrow.q:hover::before{background:linear-gradient(180deg,var(--gold),#c79a2a)}

.c-status{display:flex;justify-content:center}
.st{width:30px;height:30px;border:0;border-radius:50%;background:none;display:grid;place-items:center;transition:background .15s}
.st:hover{background:#e7eef6}
.st.static{cursor:inherit}
.st.static:hover{background:none}
.st svg{width:20px;height:20px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st.todo svg{stroke:#c3cfdd}
.st.solved svg{stroke:var(--ok)}

.c-title{min-width:0;display:flex;flex-direction:column;gap:3px}
.q-name{font-size:14.5px;font-weight:600;color:var(--navy-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 未解锁的题：整个标题贴一条胶带盖住，题号前缀不受影响 */
.q-name-text{position:relative;display:inline-block;max-width:100%;vertical-align:bottom}
.q-name-glass{display:inline-block;white-space:nowrap;visibility:hidden}
.q-name-text::after{content:'';position:absolute;top:50%;left:-5px;right:-5px;height:19px;transform:translateY(-50%);background-image:url(/assets/qb-tape.png);background-repeat:repeat-x;background-position:left center;background-size:auto 100%;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.45) 40px,#000 64px,#000 calc(100% - 64px),rgba(0,0,0,.45) calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.45) 40px,#000 64px,#000 calc(100% - 64px),rgba(0,0,0,.45) calc(100% - 40px),transparent);pointer-events:none}
.q-name-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.q-name .no{color:var(--muted-2);font-weight:500;margin-right:6px;font-variant-numeric:tabular-nums}
.q-formal{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:99px;background:#e8f1ff;color:#1d4e89;font-size:11px;font-weight:800;vertical-align:1px}
.c-month.is-tpl{color:#3d6b2f}
.q-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted-2);overflow:hidden;white-space:nowrap}
.q-meta .tp{padding:0 7px;border-radius:99px;background:#eef3f9;color:#4b6480;font-weight:600}
.q-meta .ty{color:var(--muted)}

.c-diff{font-size:13px;font-weight:700}
.d-easy{color:var(--easy)} .d-medium{color:var(--medium)} .d-hard{color:var(--hard)}
.c-month{font-size:12.5px;font-weight:600;color:#4b6480;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qhead .c-month{color:var(--muted-2);font-weight:700}
.c-fav{display:flex;justify-content:center}
.fav{width:30px;height:30px;border:0;background:none;border-radius:50%;display:grid;place-items:center;color:#c3cfdd;transition:.15s}
.fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.qrow.q .fav{opacity:0}
.qrow.q:hover .fav,.fav.on,.qrow.q .fav:focus-visible{opacity:1}
.fav:hover{color:var(--gold-dark);background:var(--gold-soft)}
.fav.on{color:#d9a21b}
.fav.on svg{fill:#f1c95a}

.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:54px 20px;text-align:center;color:var(--muted)}
.empty svg{width:42px;height:42px;fill:none;stroke:#c3cfdd;stroke-width:1.5;stroke-linecap:round;margin-bottom:6px}
.empty strong{color:var(--navy-2);font-size:15px}
.empty span{font-size:13px}
.empty .btn{margin-top:12px}

.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px}
.pg{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:13px;font-weight:600;color:#3a526b;transition:.15s;font-variant-numeric:tabular-nums}
.pg:hover:not(:disabled):not(.on){border-color:#c3cfdd;transform:translateY(-1px)}
.pg.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pg:disabled{opacity:.4;cursor:not-allowed}
.pager .gap{color:var(--muted-2)}
.pager .total{margin-left:10px;font-size:12.5px;color:var(--muted)}

/* ── 右侧栏 ── */
.qb-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px;min-width:0}
.rail-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card);position:relative}
.rail-card::before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,rgba(237,192,74,0),var(--gold) 50%,rgba(237,192,74,0))}
.rail-card h3{font-size:15px;color:var(--navy-2);margin-bottom:12px}
.ring-wrap{position:relative;width:128px;height:128px;margin:2px auto 14px}
.ring{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:9}
.ring-bg{stroke:#eaf0f6}
.ring-fg{stroke:var(--ok);stroke-linecap:round;transition:stroke-dashoffset .5s ease}
.ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
.ring-text b{font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;color:var(--navy-2)}
.ring-text span{font-size:12px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
.prog-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.prog-list li{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:6px 10px;border-radius:10px;background:#f6f9fc}
.prog-list .nm{font-weight:700;width:34px}
.prog-list .bar{flex:1;height:5px;border-radius:99px;background:#e3eaf2;overflow:hidden}
.prog-list .bar i{display:block;height:100%;border-radius:inherit;background:currentColor;transition:width .4s ease}
.prog-list .ct{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cal-head h3{margin:0;font-size:15px;font-variant-numeric:tabular-nums}
.cal-nav{display:flex;gap:4px}
.cal-nav button{width:28px;height:28px;border:0;border-radius:50%;background:#eef3f9;color:var(--navy);font-size:17px;line-height:1;display:grid;place-items:center;transition:.15s}
.cal-nav button:hover:not(:disabled){background:#e0e9f4}
.cal-nav button:disabled{opacity:.35;cursor:not-allowed}
.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.cal-week span{text-align:center;font-size:11.5px;font-weight:600;color:var(--muted-2);padding-bottom:6px}
.cal-grid{row-gap:2px}
.cal-pad{height:34px}
.cal-cell{position:relative;display:grid;place-items:center;height:34px}
.cal-cell b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:13px;font-weight:500;color:#52667d;font-variant-numeric:tabular-nums}
.cal-cell.has b{color:var(--navy-2);font-weight:700}
.cal-cell.has::after{content:"";position:absolute;bottom:0;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#e23b3b}
.cal-cell.today b{background:var(--ok);color:#fff;font-weight:700}
.cal-cell.today.has::after{background:#fff;bottom:3px;margin-bottom:0}
.cal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2);font-size:12px;color:var(--muted)}
.rail-note{margin-top:12px;font-size:11.5px;line-height:1.55;color:var(--muted-2)}
.resume-inline{display:none;margin-bottom:16px}
.resume-card{min-width:0;overflow:hidden}
.resume-lead{margin:-2px 0 12px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.resume-drop{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px dashed #c5d2e0;border-radius:12px;background:#f7fafc;cursor:pointer;transition:border-color .15s,background .15s;min-width:0;max-width:100%;overflow:hidden}
.resume-drop:hover,.resume-drop.is-on{border-color:#9eb3c8;background:#eef4fa}
.resume-name,.resume-drop strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--navy-2)}
.resume-drop span{font-size:12px;color:var(--muted-2)}
.resume-text{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;resize:vertical;min-height:68px;line-height:1.5}
.ai-search-title{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.ai-search-text{font-family:inherit;font-size:13.5px}
.resume-text:focus{outline:2px solid rgba(16,42,69,.18);outline-offset:1px}
.resume-actions{display:flex;align-items:center;gap:8px;margin-top:10px}
.resume-actions .btn{flex:1;padding:10px 14px;font-size:13.5px}
.resume-meta{margin-top:10px;font-size:12.5px;color:var(--navy);line-height:1.5}
.resume-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.resume-tags span{padding:3px 8px;border-radius:99px;background:#eef3f9;color:#3a526b;font-size:11.5px;font-weight:600}

.toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:200;background:var(--navy-2);color:#fff;font-size:13px;font-weight:600;
  padding:10px 18px;border-radius:12px;box-shadow:0 14px 36px rgba(7,29,51,.3);animation:toastIn .22s ease}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ── 响应式 ── */
@media(max-width:1240px){
  .qb{grid-template-columns:var(--side-w) minmax(0,1fr)}
  .qb-rail{display:none}
  .resume-inline{display:block}
}
@media(max-width:980px){
  .nav{display:none}
  .nav-menu{display:none}
  .qb{grid-template-columns:minmax(0,1fr);padding:14px 14px 96px;gap:0}
  .nav-in{display:flex;padding:12px 16px}
  .nav-brand-logo{height:40px}
  .nav-space{display:none}
  .nav-actions{margin-left:auto}

  /* 筛选栏变成底部抽屉 */
  .qb-side{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:120;max-height:82vh;border-radius:20px 20px 0 0;border-width:1px 0 0;
    transform:translateY(105%);transition:transform .28s cubic-bezier(.22,.61,.36,1);box-shadow:0 -20px 60px rgba(7,29,51,.3)}
  .qb-side.open{transform:none}
  .side-mask{position:fixed;inset:0;z-index:110;background:rgba(7,29,51,.46)}
  .side-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#eef3f9;font-size:18px;line-height:1;color:var(--navy)}
  .side-foot{display:block;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line-2)}
  .side-foot .btn{width:100%}
  .only-mobile{display:inline-flex}

  /* 底部标签栏：七等分 */
  .mobile-quick{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(20,31,48,.88),rgba(9,20,35,.97));border-top:1px solid rgba(255,255,255,.1);
    box-shadow:0 -8px 28px rgba(7,29,51,.26);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
  .mobile-quick-in{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-width:560px;margin:0 auto}
  .mobile-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;padding:5px 1px;border-radius:14px;
    color:#9db0c6;font-size:clamp(9.5px,2.6vw,11px);font-weight:600;line-height:1.2;white-space:nowrap;-webkit-tap-highlight-color:transparent}
  .mobile-quick a.is-active{color:#f2d78b;background:rgba(216,178,74,.13)}
  .mobile-quick a.is-active .mq-ico{color:#e8c46a;stroke-width:2.1}
  .mobile-quick a:last-child .mq-ico{color:rgba(216,178,74,.92)}
  .toast{bottom:92px}
}
@media(max-width:720px){
  .banners{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-14px;padding:0 14px 4px;scrollbar-width:none}
  .banners::-webkit-scrollbar{display:none}
  .banner{scroll-snap-align:start;min-height:92px}
  .toolbar{flex-wrap:wrap}
  .search{order:1;flex:1 1 100%;max-width:none}
  .only-mobile{order:2}
  .sort{order:3}
  .tool-btn#randomBtn{order:4}
  .tool-btn#randomBtn span{display:none}
  .solved-count{order:5;margin-left:auto}
  .qhead{display:none}
  .qrow{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"s t d" "s t c";row-gap:4px;padding:10px 12px 10px 4px}
  .c-status{grid-area:s;align-self:start;padding-top:2px}
  .c-title{grid-area:t}
  .c-diff{grid-area:d;justify-self:end;font-size:12.5px}
    .c-fav{display:none}
  .q-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Mobile profile deck: filter rail, question identity, independent reading cards. */
.swipe{display:none}
@media(max-width:980px){
 html:has(body.swipe-on){scrollbar-gutter:auto}
 body.swipe-on{background:#fafafa;overflow:hidden}
 body.swipe-on>.nav,body.swipe-on>.devbar,body.swipe-on .qb-main,body.swipe-on .qb-rail{display:none!important}
 body.swipe-on .qb{display:contents}
 .swipe{--deck-ink:#102a45;--deck-muted:#64717b;display:flex;flex-direction:column;max-width:600px;margin:auto;height:100vh;height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 20px calc(8px + env(safe-area-inset-bottom));overflow:hidden}
 .swipe button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .swipe button:disabled{opacity:.3;cursor:default}
 .swipe button:focus-visible,.swipe a:focus-visible{outline:3px solid var(--gold-dark);outline-offset:3px}
 .swipe-top{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:-20px;padding-bottom:6px}
 .swipe-filter{flex:0 0 40px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--deck-ink);position:relative}
 .swipe-filter svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
 .swipe-filter .dot{position:absolute;right:0;top:5px;width:7px;height:7px;background:var(--gold-dark);border-radius:50%}
 .swipe-chips{display:flex;gap:9px;overflow:auto;scrollbar-width:none;padding:2px 20px 2px 0;min-width:0}
 .schip{flex-shrink:0;min-height:44px;border:1px solid #d7dadd;border-radius:28px;padding:0 19px;background:#fff;color:#283d4c;font-size:13px!important;font-weight:600!important;white-space:nowrap}
 .schip.on{background:var(--deck-ink);border-color:var(--deck-ink);color:white}
 .swipe-context{display:flex;align-items:center;justify-content:space-between;height:36px;flex-shrink:0;font-size:10px;color:var(--deck-muted)}
 .swipe-context button{border:0;background:none;min-height:44px;min-width:58px;font-size:12px;color:var(--deck-ink)}
 .swipe-stage{position:relative;flex:1;min-height:140px;perspective:1400px;container-type:size}
 .swipe-underlay{display:none}
 .scard{position:absolute;inset:0;touch-action:pan-y;transition:transform .25s ease;will-change:transform}
 .scard-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.3,0,.2,1);will-change:transform}
 .scard.is-flipped .scard-inner{transform:rotateY(180deg)}
 /* will-change forces each face onto its own GPU layer before the flip starts;
    without it, Safari can promote the layer mid-rotation and the not-yet-rasterized
    face (worse with images/figures) flashes through as a brief ghost. */
 .scard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fafafa;will-change:transform}
 .scard-reverse{transform:rotateY(180deg)}
 /* Explicitly hide the inactive face: composited descendants can bleed through
    backface-visibility on mobile Safari. Switch at the flip midpoint. */
 .scard-face{visibility:visible;transition:visibility 0s linear .26s}
 .scard-face[aria-hidden="true"]{visibility:hidden;pointer-events:none}

 .scard-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;padding-bottom:16px}
 .scard-scroll::-webkit-scrollbar{display:none}
 .scard-profile{padding:6px 20px 20px}
 .scard-profile h2{font-family:'Noto Sans SC',sans-serif;font-size:clamp(25px,7.3vw,32px);line-height:1.22;letter-spacing:-.045em;font-weight:800;overflow-wrap:anywhere;margin-bottom:10px}
 .scard-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--deck-muted)}
 .scard-difficulty{color:#32775d}
 .scard-difficulty::before{content:'';display:inline-block;background:#438566;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px}
 .scard-followed{color:var(--gold-dark);font-weight:600}
 .scard-cover{position:relative;min-height:clamp(190px,39cqh,260px);border-radius:16px;overflow:hidden;padding:20px;display:flex;flex-direction:column;background:linear-gradient(145deg,#244a6b,#102a45 64%,#081d30);color:white}
 .scard-cover-top{display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:1}
 .scard-series{font-size:12px;color:#e3cd96}
 .scard-number{font:10px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#c6d5e1}
 .scard-art{position:absolute;inset:30px -20px 20px;display:grid;place-items:center;color:#d2b674;opacity:.65;pointer-events:none}
 .scard-art svg{width:100%;max-height:150px;filter:drop-shadow(0 0 20px #d2b67422)}
 .scard-cover-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:90px;color:#c7d4df;font-size:10px}
 .scard-cover-bottom button{min-height:44px;border:0;background:#ffffff12;color:#f0d48c;border-radius:24px;padding:0 13px;font-size:11px;white-space:nowrap}
 .scard-scroll-cue{display:none}
 .scard-prompt{margin-top:16px;background:white;border:1px solid #eceef0;border-radius:16px;padding:24px 22px;min-height:220px}
 .scard-section-label{display:flex;justify-content:space-between;gap:12px;font:9px 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--deck-muted);margin-bottom:12px}
 .scard-section-label span{font:10px 'Noto Sans SC',sans-serif;letter-spacing:0}
 .scard-prompt h3{font:700 19px 'Noto Sans SC',sans-serif;line-height:1.4;letter-spacing:-.03em;margin-bottom:18px}
 .scard-rich{font-size:14px;line-height:1.85;overflow-wrap:anywhere;color:#263a49}
 .scard-rich p,.scard-rich ul,.scard-rich ol,.scard-rich pre{margin-bottom:18px}
 .scard-rich ul,.scard-rich ol{padding-left:20px}.scard-rich li{margin:8px 0}
 .scard-rich h4{font-size:15px;margin:16px 0 12px}
 .scard-rich code{font-family:'JetBrains Mono',monospace;font-size:.85em;background:#f0f3f5;padding:2px 4px;border-radius:4px}
 .scard-rich pre{overflow:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;background:#102a45;color:#e2eaf2;padding:18px 16px;border-radius:12px;line-height:1.8;font-size:12px;white-space:pre;overflow-wrap:normal;tab-size:2}
 .scard-rich pre code{background:none;padding:0;color:inherit;font-size:inherit}
 .scard-rich img,.scard-rich svg,.scard-rich figure{max-width:100%;height:auto}
 .scard-rich table{display:block;max-width:100%;overflow:auto}
 .scard-inline-flip{min-height:48px;margin-top:12px;width:100%;border:1px solid #dfe5e9;border-radius:12px;background:#f7f9fb;color:var(--deck-ink);font-size:12px!important}
 .scard-answer-head{padding:6px 20px 18px;background:transparent;color:var(--deck-ink)}
 .scard-answer-head h3{font:800 clamp(25px,7.3vw,32px)/1.22 'Noto Sans SC',sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0 0 8px}
 .answer-heading-meta{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:var(--deck-muted)}
 .answer-face-label{color:#32775d;font-weight:500}
 .answer-face-label::before{content:'';display:inline-block;width:6px;height:6px;background:#438566;border-radius:50%;margin-right:6px;vertical-align:1px}
 .answer-question-no{font:10px 'JetBrains Mono',monospace;color:var(--deck-muted)}
 .answer-heading-meta button{margin-left:auto;min-height:32px;height:32px;border:1px solid #e3e7eb;border-radius:16px;background:#fff;padding:0 11px;color:var(--deck-ink);font-size:11px!important;line-height:1.2}
 .scard-answer{display:flex;flex-direction:column;gap:16px}
 .answer-note{padding:22px;background:white;border:1px solid #eceef0;border-radius:16px;overflow:hidden}
 .answer-note-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
 .answer-note-head h4{font:700 18px/1.4 'Noto Sans SC',sans-serif;margin:0;color:var(--deck-ink);letter-spacing:-.025em}
 .answer-note-head>span{font:9px 'JetBrains Mono',monospace;color:var(--deck-muted);letter-spacing:.04em}
 .answer-note-head .answer-language{padding:5px 8px;border-radius:6px;background:#f0f3f5;color:#425a6b;text-transform:uppercase;overflow-wrap:anywhere}
 .answer-note>p:last-child,.answer-note>ul:last-child,.answer-note>ol:last-child{margin-bottom:0}
 .answer-note>ul{padding-left:20px}.answer-note li::marker{color:#758a99}
 .answer-code{padding:20px 0 0}
 .answer-code .answer-note-head{padding:0 20px;margin-bottom:8px}
 .answer-code-hint{padding:0 20px 16px;color:var(--deck-muted);font-size:10px}
 .scard-answer .answer-code pre{border-radius:0 0 15px 15px;margin:0;padding:20px;background:#edf2f6;color:#18384f;border-top:1px solid #e1e8ed;font-size:12px;line-height:1.9}
 .scard-answer-end{padding:22px 10px;font-size:11px;text-align:center;color:var(--deck-muted)}
 .scard-wait{color:var(--deck-muted)}
 .swipe-actions{display:flex;justify-content:space-between;flex-shrink:0;padding:10px 12px 12px;gap:20px}
 .swipe-action{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;color:var(--deck-muted);font-size:10px!important;min-width:64px}
 .action-circle{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:white;color:var(--deck-ink);border:1px solid #e7e9eb;box-shadow:0 3px 10px #102a4509;transition:transform .18s ease}
 .action-circle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .flip .action-circle{background:var(--deck-ink);border-color:var(--deck-ink);color:white}
 .like .action-circle{background:#edce7d;border-color:#edce7d}
 .swipe-action:active .action-circle{transform:scale(.94)}
 .swipe-footer{display:flex;justify-content:space-around;align-items:center;background:white;border:1px solid #eceef0;box-shadow:0 5px 22px #102a4506;border-radius:36px;padding:5px;flex-shrink:0;gap:8px}
 .swipe-footer>a,.swipe-nav-current{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;flex:1;font-size:10px;color:#415363;border-radius:28px}
 .swipe-nav-current{background:#eef2f5;color:var(--deck-ink);font-weight:700}
 .swipe-footer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .swipe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:24px;text-align:center;background:white;border-radius:16px}
 .swipe-empty-mark{font-size:36px;color:var(--gold-dark)}.swipe-empty b{font-size:22px}.swipe-empty p{font-size:13px;color:var(--deck-muted);line-height:1.8}
 body.swipe-on .toast{bottom:160px;max-width:90%;font-size:12px;pointer-events:none}
}
@media(max-width:980px) and (max-height:740px){
 .swipe{padding-top:6px}.swipe-context{height:28px}.scard-profile{padding-bottom:14px}.scard-profile h2{font-size:25px}.scard-cover{min-height:165px;padding:16px 20px}.scard-art{inset:22px 0 32px;opacity:.5}.scard-art svg{max-height:110px}.scard-cover-bottom{padding-top:58px}.scard-prompt{padding:18px 20px}.scard-section-label{margin-bottom:8px}.scard-prompt h3{font-size:17px;margin-bottom:12px}.action-circle{width:44px;height:44px}.swipe-actions{padding:6px 8px 8px}.swipe-footer>a,.swipe-nav-current{min-height:44px}
}
@media(max-width:980px) and (orientation:landscape) and (max-height:540px){
 .swipe{max-width:900px;padding-right:140px}.swipe-context{height:24px}.swipe-actions{position:absolute;right:18px;top:20px;flex-direction:column;gap:12px}.swipe-footer{position:absolute;right:12px;bottom:10px;width:112px;border-radius:18px}.swipe-footer svg{width:16px;height:16px}.swipe-footer>a,.swipe-nav-current{font-size:8px}.swipe-nav-current{display:none}.scard-cover{min-height:145px}.scard-cover-bottom{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){.scard,.scard-inner,.action-circle{transition:none!important}}

@media(max-width:980px) and (max-height:740px){.scard-answer-head h3{font-size:25px}.scard-answer-head{padding-bottom:14px}.answer-note{padding:18px 20px}.answer-code{padding:18px 0 0}}

/* Reuse the same full-width, seven-item navigation as the rest of the site. */
@media(max-width:980px){
 body.swipe-on>.mobile-quick{display:block!important}
 .swipe{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 body.swipe-on .mobile-quick-in{max-width:520px}
 body.swipe-on .mobile-quick a{padding:5px 2px;border-radius:14px;font-size:clamp(10px,2.8vw,11px)}
}
@media(max-width:980px) and (orientation:landscape) and (max-height:540px){
 .swipe-actions{top:16px;bottom:76px;gap:8px}
}

.swipe[hidden]{display:none!important}
@media(max-width:980px){#swipeBack{padding:0 8px 0 0;color:var(--navy);font-size:12px;font-weight:600}.swipe-context{gap:8px}#swipeRemaining{margin-left:auto}.swipe-context #swipeUndo{min-width:48px}}

/* Actions float over the reading surface, like the reference profile deck. */
@media(max-width:980px){
 .swipe{position:relative}
 .swipe-stage{margin-bottom:0}
 .scard-scroll{padding-bottom:104px}
 .swipe-actions{position:absolute;z-index:5;left:28px;right:28px;bottom:calc(84px + env(safe-area-inset-bottom));padding:0;pointer-events:none;justify-content:space-between;align-items:flex-end}
 .swipe-action{pointer-events:auto;min-width:58px;gap:0;position:relative}
 .swipe-action>span:last-child{position:absolute;bottom:3px;left:0;right:0;font-size:8px;color:var(--navy);pointer-events:none}
 .action-circle{width:60px;height:60px;border:1px solid #ffffffd9;box-shadow:0 5px 20px #102a451a,0 1px 3px #102a4510;transition:transform .22s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s ease;background:#fff}
 .action-circle svg{width:26px;height:26px;margin-bottom:6px;transition:transform .22s ease}
 .like .action-circle{background:#edce7d;border-color:#f4dfaa}
 .swipe-action:active .action-circle{transform:scale(.87) rotate(-6deg);box-shadow:0 2px 6px #102a4510}
 .like:active .action-circle{transform:scale(.87) rotate(6deg)}
 .like:active svg{fill:currentColor;transform:scale(1.12)}
 .scard-cover-bottom>span{font-size:10px;line-height:1.6}
}
@media(max-width:980px) and (orientation:landscape) and (max-height:540px){
 .swipe{padding-right:20px}
 .swipe-actions{top:auto;left:28px;right:28px;bottom:calc(78px + env(safe-area-inset-bottom));flex-direction:row}
 .action-circle{width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){.action-circle,.action-circle svg{transition:none!important}}

@media(max-width:980px){.swipe-action>span:last-child{display:none}.action-circle svg{margin-bottom:0}.scard-cover{min-height:210px}.scard-art{max-height:155px;margin:auto 0}}
@media(max-width:980px) and (max-height:740px){.scard-cover{min-height:165px}}

@media(max-width:980px){
 .question-locked{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 12px 30px;gap:12px}
 .question-lock-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f0f3f6;color:#688093;margin-bottom:4px}
 .question-lock-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .question-locked strong{font-size:17px;color:var(--navy);font-weight:600}
 .question-locked p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
 .scard[data-locked] .scard-cover-bottom{min-height:44px}
}

/* A measured, shared motion for button and gesture decisions. */
@media(max-width:980px){
 .scard{z-index:1;transform-origin:50% 85%;transition:transform .46s cubic-bezier(.2,.8,.2,1)}
 .scard-next{z-index:0;pointer-events:none;transform-origin:50% 90%;transform:translateY(14px) scale(.965);filter:blur(5px);opacity:.65}
 .scard-leaving{z-index:2;pointer-events:none}
 .action-circle{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
 .swipe-action:active .action-circle,.like:active .action-circle{transform:scale(.94)}
 .like:active svg{transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){.scard,.action-circle{transition:none!important}}

.follow-feedback[hidden]{display:none!important}
@media(max-width:980px){
 .follow-feedback{position:absolute;z-index:15;top:48%;left:50%;transform:translate(-50%,-50%);width:170px;padding:24px 16px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;background:rgba(255,255,255,.97);border:1px solid #e8dfc8;border-radius:24px;box-shadow:0 16px 44px #102a4524,0 2px 8px #102a4508;color:var(--navy)}
 .follow-feedback-heart{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fbf2d8;margin-bottom:4px}
 .follow-feedback-heart svg{width:27px;height:27px;fill:#d8b24a;stroke:#b48c32;stroke-width:1.2;stroke-linejoin:round}
 .follow-feedback strong{font-size:18px;font-weight:700;letter-spacing:.04em}
 .follow-feedback>span:last-child{font-size:11px;color:#657482}
}

@media(max-width:980px){
 .scard-cover-bottom .card-follow{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;border:1px solid #ffffff18;background:#152333;color:#fff;box-shadow:0 4px 12px #071d3320;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
 .card-follow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
 .scard-cover-bottom .card-follow.is-followed{color:#edce7d;background:#202b35;border-color:#edce7d55}
 .card-follow.is-followed svg{fill:currentColor}
 .scard-cover-bottom .card-follow:focus-visible{outline:2px solid #fff;outline-offset:4px}.scard-cover-bottom .card-follow:active{transform:scale(.93)}
 .swipe-progress{position:relative;pointer-events:none;width:68px;height:68px;border-radius:50%;background:#fff;box-shadow:0 5px 20px #102a4516;display:grid;place-items:center}
 .swipe-progress>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:3}
 .progress-track{stroke:#e5eee9}.progress-value{stroke:#36a475;stroke-linecap:round;stroke-dasharray:201.062;stroke-dashoffset:201.062;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1)}
 .progress-numbers{display:flex;flex-direction:column;align-items:center;line-height:1.3;gap:1px;font-variant-numeric:tabular-nums}
 .progress-numbers strong{font-size:17px;color:#173b2e;font-weight:700}.progress-numbers>span{font-size:9px;color:#64746d}
}
@media(prefers-reduced-motion:reduce){.progress-value,.card-follow{transition:none!important}}

/* Clear glass controls: translucent surface, fine rim, restrained shadow. */
@media(max-width:980px){
 .swipe-action.skip .action-circle,.swipe-progress{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.18) 48%,rgba(231,240,247,.28));border:1px solid rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 0 0 1px #16324d0b,0 5px 14px #16324d14;isolation:isolate}
 .swipe-action.skip .action-circle:before,.swipe-progress:before{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid transparent;border-top-color:#ffffffc7;border-left-color:#ffffff70;pointer-events:none;background:none;box-shadow:none}
 .swipe-action.skip .action-circle:after,.swipe-progress:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#ffffff38,transparent 42%,transparent 70%,#ffffff30);pointer-events:none;z-index:-1}
 .swipe-action.skip .action-circle{color:#18334b}
 .swipe-action.skip .action-circle svg{filter:none;position:relative;stroke-width:2.5}
 .swipe-action.skip:active .action-circle{transform:scale(.94);background:rgba(255,255,255,.5);box-shadow:inset 0 1px 3px #16324d0c,0 2px 6px #16324d12}
 .swipe-action.skip:focus-visible{outline:2px solid var(--navy);outline-offset:6px;border-radius:50%}
 .swipe-progress>svg{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);stroke-width:2.5;filter:none}
 .progress-track{stroke:#28594120}
 .progress-value{stroke:#23996a}
 .progress-numbers{position:relative;text-shadow:0 1px 1px #ffffffb3}
 .progress-numbers>span{color:#4e655a}
}
@media(hover:hover) and (max-width:980px){.swipe-action.skip:hover .action-circle{transform:translateY(-2px);background-color:#ffffff40}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .swipe-action.skip .action-circle,.swipe-progress{background:rgba(248,251,253,.94)}
}

@media(max-width:980px){
 .swipe-context #swipeUndo{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;white-space:nowrap;font-size:11px}
 #swipeUndo svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
 #swipeRemaining{white-space:nowrap}
}

@media(max-width:980px){
 .scard-motto{margin:20px 0 8px;padding:0 12px;text-align:center;font-size:12px;line-height:1.8;letter-spacing:.04em;color:#687987}
 .scard-motto strong{position:relative;display:inline-block;margin-left:4px;color:#bd8b22;font-size:16px;font-weight:750;isolation:isolate}
 .scard-motto strong:after{content:none}
}

/* Shared glass treatment for the mobile filter controls. */
@media(max-width:980px){
 .swipe-chips{padding-top:5px;padding-bottom:8px}
 .schip,.swipe-filter{border:1px solid #ffffffd9;background:linear-gradient(135deg,#ffffffb3,#ffffff40 55%,#e7f0f747);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 0 0 1px #16324d0b,0 3px 9px #16324d0c;color:#283d4c;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
 .swipe-filter{flex-basis:44px;border-radius:50%}
 .swipe-filter svg{width:22px;height:22px}
 .swipe-filter .dot{right:2px;top:2px;border:2px solid #fff;width:9px;height:9px}
 .schip.on{background:linear-gradient(135deg,#456580e8,#183951ed);border-color:#ffffff66;color:#fff;box-shadow:inset 0 1px 0 #ffffff60,inset 0 -1px 0 #102a4530,0 0 0 1px #18395114,0 3px 9px #16324d18}
 .schip:active,.swipe-filter:active{transform:scale(.96);box-shadow:inset 0 1px 3px #16324d18,0 1px 4px #16324d0c}
 .schip:focus-visible,.swipe-filter:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.schip,.swipe-filter{transition:none}}

/* Final mobile rhythm: consistent type, complete filter rows, centred count. */
@media(max-width:980px){
 .swipe{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .swipe-top{margin-right:0;gap:12px;padding-bottom:8px}
 .swipe-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:6px;padding:3px 1px 5px;overflow:visible}
 .schip{width:100%;padding:0 8px;min-height:40px;font-size:12px!important;font-weight:500!important}
 .schip.on{background:linear-gradient(135deg,#edf5fae8,#d8e7f1b8);border-color:#abc2d4;color:#173c59;box-shadow:inset 0 1px 0 #ffffffed,inset 0 -1px 0 #ffffff70,0 2px 6px #16324d0c;font-weight:650!important}
 .swipe-context{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;height:40px;font-size:11px}
 #swipeBack{justify-self:start;font-size:11px;padding:0}
 #swipeRemaining{margin:0;text-align:center;font-variant-numeric:tabular-nums}
 .swipe-context #swipeUndo{justify-self:end;font-size:11px}
 .scard-profile{padding:8px 20px 16px}
 .scard-profile h2,.scard-answer-head h3{font-family:inherit;font-size:clamp(22px,6vw,26px);font-weight:700;line-height:1.4;letter-spacing:-.02em}
 .scard-meta,.answer-heading-meta{font-size:12px;gap:10px}
 .scard-rich{font-size:14px;line-height:1.85}
 .scard-rich h3,.scard-rich h4{font-family:inherit;font-size:16px;line-height:1.6;font-weight:650}
 .scard-section-label{font-size:11px;letter-spacing:.08em}
 .scard-cover-bottom>span,.scard-inline-flip,.scard-answer-end,.scard-motto{font-size:12px;line-height:1.7}
}
@media(max-width:360px){.swipe-top{gap:8px}.schip{padding:0 4px;font-size:11px!important}.swipe-context{gap:3px}}

@media(max-width:980px){
 .swipe-top{gap:8px}
 .swipe-top .swipe-filter{flex-basis:36px;height:40px}
 .swipe-chips .schip{padding:0 3px;font-size:11px!important}
 .swipe-context #swipeBack,.swipe-context #swipeUndo{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;min-width:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;color:var(--navy)}
 #swipeBack svg,#swipeUndo svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
}

@media(max-width:980px){
 .scard-cover-bottom .scard-cover-motto{flex:1;min-width:0;font-size:12px;line-height:1.8;color:#fff;text-wrap:pretty}
 .scard-cover-motto strong{color:#edce7d;font-size:15px;font-weight:700;margin-left:2px;white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){.scard-face{transition:none}}

/* Access indicator follows the favorite action without changing row alignment. */
.c-lock{display:flex;align-items:center;justify-content:center;color:#8b7955;min-width:18px}
@media(max-width:720px){.qrow{grid-template-columns:36px minmax(0,1fr) auto 18px;grid-template-areas:"s t d l" "s t c l"}.c-lock{grid-area:l}}

/* Reset uses the shared feedback dialog shell and existing navy/gold palette. */
.progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.progress-head h3{margin:0}
.progress-reset{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #dde6ef;border-radius:9px;background:linear-gradient(145deg,#fff,#f4f7fb);color:#667b91;font:inherit;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #102a4505;transition:background .15s,color .15s,border-color .15s}
.progress-reset svg{width:13px;height:13px}
.progress-reset:hover{color:#b45145;border-color:#eacbc5;background:#fff7f4}
.progress-reset:focus-visible,.reset-dialog button:focus-visible{outline:3px solid #edc04a99;outline-offset:3px}
.fb.reset-dialog{box-sizing:border-box;width:min(440px,100%);padding:38px 34px 26px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(248,250,251,.94));box-shadow:0 24px 80px #102a4518,0 4px 16px #102a4508,inset 0 1px 0 #fff;text-align:center}
.reset-dialog .fb-head{position:absolute;right:14px;top:14px;padding:0}
.reset-dialog .fb-body{padding:0;gap:0;align-items:center}
.reset-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:22px;color:#9a7937;background:linear-gradient(145deg,#fffaf0,#f2e9d4);border:1px solid #fff;box-shadow:0 6px 16px #ad925318,inset 0 1px 0 #fff}
.reset-icon svg{width:28px;height:28px}
.reset-dialog .reset-eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:600;color:#8a7855;margin-bottom:10px}
.reset-dialog h2{font-family:inherit;font-size:23px;font-weight:650;letter-spacing:-.025em;line-height:1.45;color:#102a45;margin:0 0 12px}
.reset-dialog p{margin:0;font-size:14px;line-height:1.8;color:#697985;max-width:310px}
.reset-list{box-sizing:border-box;list-style:none;width:100%;margin:20px 0 16px;padding:15px 18px;background:#102a4504;border:1px solid #e3eaf0;border-radius:14px;display:grid;gap:10px;text-align:left;color:#526779;font-size:13px;line-height:1.7}
.reset-list li{position:relative;padding-left:15px}
.reset-list li:before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#a99465}
.reset-dialog .reset-warning{color:#9a7956;font-size:12px;line-height:1.8}
.reset-dialog .reset-error{color:#c8443d;font-size:12px;margin-top:12px}
.reset-dialog .fb-foot{display:flex;flex-direction:column;gap:9px;padding:24px 0 0}
.reset-dialog .fb-foot .btn{box-sizing:border-box;width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:14px;font:inherit;font-size:14px;line-height:1.5}
.reset-dialog .reset-cancel{order:2;border:1px solid transparent;background:transparent;color:#657581;font-size:13px}
.reset-dialog .reset-cancel:hover{background:#102a4506;color:#102a45}
.reset-dialog .reset-confirm{order:1;border:1px solid #24425b;background:linear-gradient(135deg,#203f58,#102a45);color:#fff;box-shadow:0 5px 12px #102a4518;font-weight:600}
.reset-confirm:hover{transform:translateY(-1px)}
.reset-dialog button:disabled{opacity:.6;cursor:wait}
@media(max-width:560px){.fb.reset-dialog{padding:30px 24px 20px;border-radius:24px}.reset-dialog h2{font-size:21px}.reset-list{padding:13px 14px;font-size:12px}}

/* Topic training lives apart from basics and interview-month filters. */
.specialty-note{font-size:11px;line-height:1.7;color:var(--muted,#6f8092);margin:10px 0 0}

/* Online study presence, above personal progress. */
.online-card{background:linear-gradient(135deg,#f1faf7 0%,#fff 76%);border-color:#cde6dc;padding:20px;position:relative;overflow:hidden}
.online-heading{display:flex;align-items:center;gap:7px}.online-heading h3{font-size:14px;margin:0;color:#244d41;font-weight:700}
.online-dot{width:7px;height:7px;border-radius:50%;background:#16a17c;box-shadow:0 0 0 4px #16a17c12;flex:none}
.online-live{margin-left:auto;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#16866a;background:#e2f4ec;border-radius:5px;padding:4px 5px}
.online-value{display:flex;align-items:baseline;gap:9px;margin:16px 0 8px}.online-value b{font-family:"JetBrains Mono",monospace;font-size:42px;font-weight:700;line-height:1;color:#143f34;letter-spacing:-2px;font-variant-numeric:tabular-nums}.online-value span{font-size:12px;color:#527465}
.online-message{font-size:12px;line-height:1.7;color:#47675a;margin:0 0 14px}.online-note{border-top:1px solid #dcece4;padding-top:11px;margin:0;font-size:10px;line-height:1.6;color:#7a9186}.online-card.is-offline .online-dot{background:#a5b6af;box-shadow:none}

.online-card{--period-ink:#ae762a;--period-bg:#fff3d9}
.online-message{display:flex;align-items:flex-start;gap:10px;padding:12px 0 2px;margin:0 0 14px}
.online-message p{margin:0;min-width:0}.online-message p>span{display:block}.online-period{font-size:12px;font-weight:700;color:var(--period-ink);margin-bottom:5px;line-height:1.5}
.online-period-icon{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--period-bg);color:var(--period-ink)}.online-period-icon svg{width:25px;height:25px}
#onlineGreeting{font-size:11px;line-height:1.8;color:#60776b}
.online-card[data-period="noon"]{--period-ink:#b37a16;--period-bg:#fff3c9}
.online-card[data-period="afternoon"]{--period-ink:#bf783a;--period-bg:#fff0df}
.online-card[data-period="evening"]{--period-ink:#5c6baf;--period-bg:#eef0fc;background:linear-gradient(135deg,#f0f3fb,#fff 80%)}
.online-card[data-period="midnight"]{--period-ink:#7463a2;--period-bg:#f0eafa;background:linear-gradient(135deg,#f3f0fa,#fff 80%)}

.online-note[hidden]{display:none}.online-card .online-message{margin-bottom:0}

/* Breathing activity indicator beside the title; LIVE remains a badge. */
.online-dot{position:relative}
.online-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:#16a17c22;animation:onlineBreathe 2.6s ease-in-out infinite;pointer-events:none}
@keyframes onlineBreathe{0%,100%{transform:scale(.65);opacity:.3}50%{transform:scale(1.2);opacity:.9}}
.online-card.is-offline .online-dot::after{animation:none;background:transparent}
@media(prefers-reduced-motion:reduce){.online-dot::after{animation:none;opacity:.45}}

/* Card discussions share the full discussion UI, with gestures confined to the question face. */
.scard .scard-tabs{margin:-4px -6px 18px;padding:0 4px;gap:16px;background:transparent}
.scard .scard-tabs button{font-size:14px;padding:12px 8px;min-height:48px}
.scard .qd-panel{overflow:visible;min-width:0}
.scard .qd-wrap{padding:4px 0 20px}
.scard .qd-hero h1{font-size:18px}
.scard .qd-eyebrow{font-size:10px}
.scard .qd-search{width:100%}
.scard .qd-search input{flex:1;min-width:0;width:0}
.scard .qd-item{gap:10px}
.scard .qd-avatar{width:30px;height:30px;flex-basis:30px}
.scard .qd-title{font-size:15px}
.scard.qd-active .scard-motto{display:none}
.scard [role=tabpanel][hidden]{display:none!important}
.scard .qd-hero>.qd-button.primary{flex:0 0 auto;align-self:flex-start;min-height:32px;height:32px;padding:0 10px;margin-top:2px;font-size:11px;line-height:1.3;border-radius:10px;box-shadow:none}

.progress-continue{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:14px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#fff,#f4f7fb);color:var(--ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #102a4505;transition:background .15s,border-color .15s}
.progress-continue svg{width:17px;height:17px;flex-shrink:0}
.progress-continue .continue-icon{color:#667b91}
.progress-continue .continue-arrow{margin-left:auto;color:var(--muted-2);width:15px;height:15px}
.progress-continue:hover{background:#eef3f9;border-color:#cbd7e4}
.progress-continue:focus-visible{outline:3px solid #edc04a99;outline-offset:3px}

/* A compact, optional route above the existing question list. */
.study-roadmap{margin:0 0 18px;border:1px solid #dce5ef;border-radius:16px;background:linear-gradient(135deg,#fff 30%,#f7f9fc);box-shadow:0 5px 18px #102a4505;overflow:hidden}
.study-roadmap summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;cursor:pointer;list-style:none}
.study-roadmap summary::-webkit-details-marker{display:none}
.roadmap-heading{display:flex;flex-direction:column;gap:5px;min-width:0}
.roadmap-kicker{color:var(--gold-dark);font-size:10px;letter-spacing:1px;font-weight:600}
.roadmap-heading>strong{font-family:'Noto Serif SC',serif;font-size:18px;color:var(--navy)}
.roadmap-summary{font-size:11px;color:var(--muted)}
.roadmap-toggle{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:11px;min-height:44px}
.roadmap-toggle svg{width:17px;height:17px;transition:transform .15s}
.study-roadmap details[open] .roadmap-toggle svg{transform:rotate(180deg)}
.roadmap-body{padding:0 22px 16px}
.roadmap-map{position:relative;padding:0 0 8px;margin-bottom:24px}
.roadmap-trail{position:absolute;inset:0;width:100%;height:244px;pointer-events:none}
.roadmap-trail path{stroke:#d8e2ee;stroke-width:2;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.roadmap-nodes{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,122px);position:relative;gap:0}
.roadmap-stop{min-width:0}
.roadmap-stop.stop-3{grid-column:3;grid-row:2}.roadmap-stop.stop-4{grid-column:2;grid-row:2}.roadmap-stop.stop-5{grid-column:1;grid-row:2}
.roadmap-node{display:flex;align-items:center;flex-direction:column;width:100%;padding:16px 3px 10px;border:0;border-radius:12px;background:transparent;min-height:116px;position:relative}
.roadmap-pin{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d4dfeb;border-radius:50%;background:#f8fafc;color:#6c8095;font-family:'JetBrains Mono',monospace;font-size:12px;box-shadow:0 0 0 6px #fafbfd;margin-bottom:8px}
.roadmap-node strong{font-size:12px;font-weight:600;color:var(--ink)}
.roadmap-step-sub{font-size:10px;color:var(--muted);margin-top:3px}.roadmap-step-count{font-size:9px;color:#718095;margin-top:4px}
.roadmap-node.selected .roadmap-pin{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 0 0 5px #e8edf3,0 0 0 6px #cedae7}
.roadmap-node.complete .roadmap-pin{background:#e9f6f1;color:#087b60;border-color:#b8dfd2}
.roadmap-node.complete .roadmap-step-count{color:#087b60;font-weight:600}
.roadmap-node:hover{background:#edf2f880}
.roadmap-detail{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.roadmap-detail-copy{min-width:0}.roadmap-eyebrow{font-size:10px;color:var(--muted);letter-spacing:1px}.roadmap-detail h3{font-family:inherit;font-size:13px;margin:4px 0 6px}.roadmap-detail p{font-size:11px;line-height:1.8;color:var(--muted)}
.roadmap-evidence{margin-top:9px;color:var(--gold-dark);font-size:10px;line-height:1.7}
.roadmap-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.roadmap-actions .btn{font-size:11px;white-space:nowrap;min-height:40px}.roadmap-actions>span{font-size:9px;color:var(--muted)}.roadmap-actions .link-btn{font-size:10px;min-height:32px}
.roadmap-footnote{font-size:9px;color:var(--muted);line-height:1.7;margin:10px 2px 0}
.study-roadmap summary:focus-visible,.roadmap-node:focus-visible,.roadmap-actions button:focus-visible{outline:3px solid #edc04a99;outline-offset:-3px}
.qlist{scroll-margin-top:90px}
@media(max-width:600px){.study-roadmap summary{padding:16px}.roadmap-heading>strong{font-size:16px}.roadmap-body{padding:0 12px 12px}.roadmap-detail{flex-direction:column;align-items:stretch;gap:12px;padding:13px}.roadmap-actions{align-items:stretch}.roadmap-actions>span{text-align:center}.roadmap-node strong{font-size:10px}.roadmap-step-sub{font-size:9px}.roadmap-step-count{font-size:8px}.roadmap-heading{gap:4px}.roadmap-kicker{font-size:9px}.roadmap-summary{font-size:10px}.roadmap-nodes{grid-template-rows:repeat(2,126px)}.roadmap-trail{height:252px}.roadmap-toggle>span{display:none}}
@media(prefers-reduced-motion:reduce){.roadmap-toggle svg{transition:none}}

.roadmap-detail{flex-wrap:wrap}.roadmap-detail-copy{flex:1;min-width:180px}.roadmap-topics{flex-basis:100%;border-top:1px solid var(--line-2);padding-top:12px}.roadmap-topics p{font-weight:600;color:var(--ink);margin-bottom:4px}.roadmap-topics p>span{font-weight:400;color:var(--muted);margin-left:8px;font-size:9px}.roadmap-topics button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border:0;background:transparent;font-size:11px;text-align:left;border-radius:6px;padding:4px 8px}.roadmap-topics button:hover{background:#f4f7fb}.roadmap-topics button>span:first-child{width:145px;flex-shrink:0}.roadmap-topic-bar{height:4px;background:#eef2f7;flex:1;border-radius:4px;overflow:hidden}.roadmap-topic-bar i{display:block;height:100%;background:#b7c7d8;border-radius:inherit}.roadmap-topics b{font-size:10px;color:var(--muted);width:30px;text-align:right}.roadmap-topics button:focus-visible{outline:3px solid #edc04a99}

.roadmap-phases{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:18px;padding:14px 22px 22px;text-align:center;color:var(--muted-2);font-size:11px}
.roadmap-phases button{min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:11px;font-weight:600}
.roadmap-phases button[aria-pressed=true]{background:#edf2f8;border-color:#c8d5e4;color:var(--navy)}
.roadmap-phases button:focus-visible{outline:3px solid #edc04a99;outline-offset:2px}
.roadmap-priorities{list-style:none;flex-basis:100%;width:100%;border-top:1px solid var(--line-2);padding-top:4px}
.roadmap-priorities li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line-2)}
.roadmap-priorities li:last-child{border-bottom:0;padding-bottom:0}
.roadmap-point-rank{font-family:'JetBrains Mono',monospace;font-size:11px;color:#9aa9ba;align-self:flex-start;margin-top:3px}
.roadmap-priorities li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.roadmap-priorities strong{font-size:11px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.roadmap-priorities li>div>span{font-size:10px;color:var(--muted);line-height:1.7}
.roadmap-priorities button{min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--navy);font-size:10px;white-space:nowrap}
.roadmap-priorities button:hover{background:#edf2f8;border-color:#c8d5e4}
.roadmap-priorities button:focus-visible{outline:3px solid #edc04a99;outline-offset:2px}
@media(max-width:600px){.roadmap-priorities li{flex-wrap:wrap;gap:6px}.roadmap-priorities li>div{flex-basis:calc(100% - 30px)}.roadmap-priorities button{margin-left:23px}.roadmap-phases{gap:10px;padding:14px 4px 22px}.roadmap-heading>strong{line-height:1.7}.roadmap-node strong{overflow-wrap:anywhere}.roadmap-nodes{grid-template-rows:repeat(2,140px)}.roadmap-trail{height:280px}}

.roadmap-nodes{grid-template-rows:repeat(var(--route-rows,2),122px)}
.roadmap-trail{height:calc(var(--route-rows,2)*122px)}
.roadmap-stop.stop-6{grid-column:1;grid-row:3}.roadmap-stop.stop-7{grid-column:2;grid-row:3}.roadmap-stop.stop-8{grid-column:3;grid-row:3}
.roadmap-goal .roadmap-pin{background:#fffaf0;border-color:#efdc9d;box-shadow:0 0 0 4px #fdf6e3,0 0 16px 6px #edc04a59}.roadmap-goal .roadmap-pin img{width:26px;height:26px}.roadmap-goal:hover{background:transparent}.roadmap-goal .roadmap-step-count{color:var(--gold-dark);font-weight:600}
@media(max-width:600px){.roadmap-nodes{grid-template-rows:repeat(var(--route-rows,2),140px)}.roadmap-trail{height:calc(var(--route-rows,2)*140px)}}

/* Keep the practice details readable at normal desktop and phone zoom. */
.roadmap-detail{padding:20px;gap:20px}
.roadmap-eyebrow{font-size:11px}
.roadmap-detail h3{font-size:16px;margin:5px 0 9px}
.roadmap-detail p{font-size:13px;line-height:1.85}
.roadmap-evidence{font-size:12px;line-height:1.8;margin-top:12px}
.roadmap-actions .btn{font-size:12px;min-height:44px}
.roadmap-actions>span{font-size:11px;line-height:1.7;max-width:180px;text-align:center}
.roadmap-priorities li{padding:16px 0;gap:12px}
.roadmap-point-rank{font-size:12px}
.roadmap-priorities strong{font-size:13px;line-height:1.8}
.roadmap-priorities li>div>span{font-size:12px;line-height:1.8}
.roadmap-priorities button{font-size:12px;padding:8px 12px}
.roadmap-footnote{font-size:11px;line-height:1.8}
@media(max-width:600px){.roadmap-detail{padding:16px;gap:16px}.roadmap-priorities li{gap:8px}.roadmap-actions>span{max-width:none}.roadmap-priorities button{margin-left:24px}}

/* One compact organization control in the mobile question reader. */
.card-study{position:relative;display:inline-flex;align-items:center;border:1px solid #ffffff30;border-radius:12px;background:#152333;color:#fff}
.card-study select{appearance:none;-webkit-appearance:none;min-height:44px;padding:0 32px 0 13px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.card-study>span{position:absolute;right:12px;pointer-events:none;font-size:16px}
.card-study select:focus-visible{outline:2px solid #edce7d;outline-offset:3px}
.card-study option{background:#fff;color:#17324d}
.card-study[data-state="1"]{color:#f3b9aa;border-color:#f3b9aa55}
.card-study[data-state="2"]{color:#edce7d;border-color:#edce7d55}
.card-study[data-state="3"]{color:#9edec8;border-color:#9edec855}

/* Mobile reader: one quiet filter bar instead of a grid of pills. */
@media(max-width:980px){
 .swipe-top{position:relative;isolation:isolate;gap:0;margin:0 0 8px;padding:0;min-height:58px;border:1px solid #ffffffdc;border-radius:18px;background:linear-gradient(135deg,#ffffffad,#ffffff33 48%,#e7f0f747);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff85,0 0 0 1px #16324d0b,0 5px 14px #16324d0d}
 .swipe-top:before{content:"";position:absolute;inset:2px;border:1px solid transparent;border-top-color:#ffffffc7;border-left-color:#ffffff70;border-radius:15px;pointer-events:none}
 .swipe-top:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#ffffff38,transparent 42%,transparent 70%,#ffffff30);pointer-events:none}
 .swipe-chips{order:0;display:grid;grid-template-columns:1fr 1fr;flex:1;gap:0;padding:0;overflow:visible}
 .reader-filter{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:58px;padding:10px 14px;transition:background .18s ease;border-radius:15px}
 .reader-filter+.reader-filter:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:1px;background:linear-gradient(transparent,#bccdda70 25%,#bccdda70 75%,transparent);box-shadow:1px 0 0 #ffffff9c;pointer-events:none}
 .reader-filter>span{position:relative;z-index:1;color:#6f8396;font-size:10px;font-weight:500;letter-spacing:.03em;line-height:13px;pointer-events:none}
 .reader-filter select{position:absolute;inset:0;appearance:none;-webkit-appearance:none;width:100%;height:100%;min-width:0;padding:25px 28px 9px 14px;border:0;border-radius:15px;background:transparent;color:#18364f;font:inherit;font-size:13px;font-weight:650;line-height:20px;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .reader-filter select:focus{outline:none}
 .reader-filter:focus-within{outline:2px solid #91b2cc;outline-offset:-3px;background:#ffffff45}
 .reader-filter>svg{position:absolute;right:11px;bottom:13px;width:14px;height:14px;fill:none;stroke:#71869a;stroke-width:1.8;pointer-events:none}
 .swipe-top .swipe-filter{order:1;flex:0 0 44px;height:44px;margin:0 7px 0 3px;border:1px solid #ffffff9c;border-radius:12px;background:linear-gradient(135deg,#ffffff80,#ffffff26);box-shadow:inset 0 1px 0 #ffffffd9,0 1px 5px #16324d05;backdrop-filter:none;-webkit-backdrop-filter:none;color:#60758a}
 .swipe-top .swipe-filter svg{width:20px;height:20px}
 .swipe-top .swipe-filter .dot{right:6px;top:6px}
}

@media(hover:hover) and (max-width:980px){
 .reader-filter:hover{background:#ffffff4d}
 .swipe-top .swipe-filter:hover{background:#ffffff85}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .swipe-top{background:#f5f8fc}
}
@media(prefers-reduced-motion:reduce){.reader-filter{transition:none}}

.status-create-link{display:block;width:100%;padding:10px 12px;margin-top:5px;border:0;border-radius:9px;background:transparent;color:#6c8095;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.status-create-link:hover{background:#edf3f9;color:var(--navy)}
.status-dialog{margin:auto;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto;width:min(360px,calc(100vw - 32px));padding:25px;border:1px solid #ffffffdd;border-radius:19px;background:#fbfcfe;color:var(--navy);box-shadow:0 24px 80px #102a4530}
.status-dialog::backdrop{background:#102a4540;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.status-dialog h2{font-family:inherit;font-size:19px;font-weight:700;line-height:1.4;margin:0 0 8px}
.status-dialog p{font-size:13px;color:var(--muted);margin-bottom:24px}
.status-dialog label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.status-dialog input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cdd9e5;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:16px;box-sizing:border-box}
.status-dialog input:focus{outline:2px solid #8bafce55;border-color:#7598b7}
.status-dialog-hint{font-size:11px;color:var(--muted);margin-top:8px}
.status-dialog-error{min-height:18px;margin:10px 0;color:#b55245;font-size:12px}
.status-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.status-dialog-actions button{min-height:42px;padding:8px 16px;border:1px solid #dce5ee;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:13px;cursor:pointer}
.status-dialog-actions button[type=submit]{background:var(--navy);border-color:var(--navy);color:#fff}
.status-dialog-actions button:disabled{opacity:.5;cursor:wait}
.status-create-link:focus-visible,.status-dialog button:focus-visible{outline:2px solid #7598b7;outline-offset:3px}
.card-study{max-width:calc(100% - 64px)}
.card-study select{min-width:0;width:100%;text-overflow:ellipsis}
.fopt .lab{overflow-wrap:anywhere}

/* Unified question, resume and AI search. */
.search-hub{margin:6px 0 16px;padding:0 16px 14px;border:1px solid #dce6ef;border-radius:14px;background:linear-gradient(110deg,#f7fbfc,#f0f7fc);}
.search-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:14px}
.search-tabs button{position:relative;padding:14px 4px 12px;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.search-tabs button[aria-selected=true]{color:var(--navy)}
.search-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:3px;background:var(--navy)}
.search-tabs button:focus-visible,.search-hot button:focus-visible,.keyword-submit:focus-visible{outline:2px solid #3985c3;outline-offset:3px}
.search-hub .toolbar{margin:0;flex-wrap:wrap}
.keyword-panel{flex:1;min-width:180px}
.search-hub .search{max-width:none;width:100%;height:40px;padding-right:0;overflow:hidden;background:#fff}
.keyword-submit{height:40px;width:42px;display:grid;place-items:center;flex-shrink:0;border:0;background:var(--navy);cursor:pointer}
.search-hub .keyword-submit svg{color:#fff;width:19px;height:19px}
.search-hub #randomBtn{color:#3578d4;background:#eaf3ff;border-color:#dbe9fc;}
.search-hub .solved-count{font-size:11px}
.search-hot{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:11px;color:var(--muted)}
.search-hot>span{font-weight:600}
.search-hot button{padding:3px 9px;border:0;border-radius:6px;background:#e9eff5;color:#61748b;font:inherit;cursor:pointer}
.search-hot button:hover{background:#e9eff5;color:var(--navy)}
.search-hub .resume-card{margin-top:14px}
.search-hub .resume-actions .btn{flex:0 1 auto;min-width:140px}
.search-hub .resume-text{margin-top:0}
.search-hub [hidden]{display:none!important}
@media(max-width:720px){
  .search-hub{padding:0 12px 12px;background:linear-gradient(110deg,#f7fbfc,#f0f7fc);border:1px solid #dce6ef}
  .search-hub .keyword-panel{flex:1 1 100%}
  .search-hub .search{box-sizing:border-box}
  .search-hub .search input{font-size:12px}
  .search-hub .search-tabs{gap:22px}
}

/* Compact practice shortcuts above the unified search. */
.quick-nav.banners{display:flex;align-items:stretch;gap:6px;padding:8px;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.quick-nav .banner{flex:1;min-width:0;min-height:66px;display:flex;flex-direction:row;align-items:center;gap:9px;padding:10px 8px;border-radius:10px;background:#f7faff;color:var(--navy);box-shadow:none}
.quick-nav .banner:hover{background:#edf4fc;transform:translateY(-1px);box-shadow:none}
.quick-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.quick-nav .banner strong{margin:0;font-family:inherit;font-size:12px;white-space:nowrap;line-height:1.4}
.quick-nav .banner-sub{font-size:10px;white-space:nowrap;color:var(--muted);opacity:1}
.quick-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#e9f1ff;color:#397cfa;}
.quick-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick-nav .b-hot{background:#fff9f9;}
.quick-nav .b-hot .quick-icon{background:#ffedf0;color:#f04a68;}
.quick-nav .b-uvm .quick-icon{background:#f2eaff;color:#9655e8;}
.quick-nav .banner.is-active{box-shadow:inset 0 0 0 1px #edb557;background:#fff6e5;}
.quick-more{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;border-radius:8px}
.quick-more:hover{background:#f0f5fa;color:var(--navy)}
.quick-nav a:focus-visible,.quick-nav button:focus-visible{outline:2px solid #3985c3;outline-offset:2px}
@media(min-width:1241px) and (max-width:1450px){.quick-nav .banner{gap:6px;padding:9px 5px;background:#f7faff}.quick-icon{flex-basis:28px;width:28px;height:28px;background:#e9f1ff;color:#397cfa}.quick-nav .banner strong{font-size:11px}.quick-nav .banner-sub{font-size:9px}}
@media(max-width:720px){
  .quick-nav.banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:6px;padding:8px;margin:0 0 12px;overflow:visible}
  .quick-nav .banner{min-height:62px;padding:8px 5px;gap:6px;background:#f7faff}
  .quick-nav .quick-icon{flex-basis:26px;width:26px;height:26px;background:#e9f1ff;color:#397cfa}.quick-icon svg{width:17px;height:17px}
  .quick-nav .banner strong{font-size:11px}.quick-nav .banner-sub{font-size:9px}
}

.study-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px;margin-bottom:14px}
.continue-card,.review-card{padding:20px;border:1px solid #d7e3ef;border-radius:14px;min-width:0;background:linear-gradient(120deg,#f4f8fd,#edf3fa);;border-color:#d7e3ef}
.dashboard-heading{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#476581;}
.dashboard-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#dfeaf6;font-size:24px;line-height:1;color:#476581}
.continue-card h2{font-size:16px;line-height:1.5;margin:10px 0 8px;color:var(--navy);overflow-wrap:anywhere}
.continue-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:21px}
.continue-tags span{padding:2px 7px;border-radius:6px;background:#e2ebf5;color:#526d80;font-size:11px}.continue-tags .difficulty{background:#e2ebf5;color:#526d80;}
.continue-bottom{display:flex;align-items:end;gap:14px;margin-top:18px}.continue-progress{flex:1;min-width:0;font-size:11px;color:var(--muted)}
.continue-meter{height:6px;overflow:hidden;border-radius:9px;background:#dce6f0;margin-top:8px}.continue-meter i{display:block;width:0;height:100%;background:#577ea6;border-radius:9px;transition:width .2s}
.continue-bottom .btn{font-size:12px;white-space:nowrap;padding:11px 14px}
.review-card{background:linear-gradient(120deg,#f4f8fd,#edf3fa);border-color:#d7e3ef;}.review-card .dashboard-heading{color:#476581;}.review-card .dashboard-icon{background:#dfeaf6;color:#476581;}
.review-count{display:flex;align-items:baseline;gap:7px;margin:9px 0 2px;color:var(--navy)}.review-count strong{font-size:30px;line-height:1.2}.review-count span{font-size:13px;font-weight:600}
.review-card p{font-size:11px;color:var(--muted);margin:5px 0 12px;line-height:1.6}.review-card .btn{width:100%;border:1px solid var(--line);background:#f3f6fa;color:var(--navy);font-size:12px;padding:9px}
.study-dashboard .btn:disabled{opacity:.55;cursor:default}.dashboard-rules{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:-4px}.dashboard-rules summary{cursor:pointer;width:fit-content}.dashboard-rules p{line-height:1.7;margin:6px 0}
@media(max-width:720px){.study-dashboard{gap:8px;grid-template-columns:1fr}.continue-card,.review-card{padding:16px;background:linear-gradient(120deg,#f4f8fd,#edf3fa);border:1px solid #d7e3ef;border-color:#d7e3ef}.continue-card h2{font-size:15px}.review-card{display:grid;grid-template-columns:1fr auto;column-gap:12px;background:linear-gradient(120deg,#f4f8fd,#edf3fa);border-color:#d7e3ef}.review-card .dashboard-heading{grid-column:1/-1;color:#476581;}.review-card .review-count{grid-column:1}.review-card p{grid-column:1}.review-card .btn{grid-column:2;grid-row:2/4;align-self:center;width:auto;padding:10px 16px}}

/* Keep only the new learning cards coordinated with the existing blue palette. */
.continue-card,.review-card{display:flex;flex-direction:column;min-height:196px;box-shadow:0 3px 12px rgba(16,42,69,.025)}
.continue-card h2{font-family:inherit;font-weight:650;line-height:1.55}
.dashboard-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.continue-bottom{margin-top:auto;padding-top:18px;align-items:center}
.study-dashboard .btn{min-height:36px;border-radius:9px;box-shadow:none;font-size:12px}
.review-card .btn{margin-top:auto;background:#f8fbff;border-color:#d0dfef;color:#375f88}
.review-card p{color:#64778d}
@media(max-width:720px){.continue-card,.review-card{min-height:178px}.review-card{display:flex}.review-card .btn{width:100%}}

/* A single continuous surface for learning, shortcuts and search. */
.learning-hub{margin-bottom:18px;padding:18px;border:1px solid #d8e4ef;border-radius:18px;background:linear-gradient(135deg,#f4f8fd 0%,#edf4fb 50%,#e6eff8 100%);box-shadow:0 4px 18px rgba(16,42,69,.035)}
.learning-hub .study-dashboard{margin:0;gap:16px}
.learning-hub .continue-card,.learning-hub .review-card{padding:2px 4px 14px;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:174px}
.learning-hub .review-card{padding-left:20px;border-left:1px solid #d9e4ef}
.learning-hub .dashboard-rules{margin:0;padding:0 4px 12px;color:#798ba0}
.learning-hub .quick-nav.banners{margin:0;padding:10px 0;gap:4px;background:transparent;border:0;border-top:1px solid #d9e4ef;border-bottom:1px solid #d9e4ef;border-radius:0;box-shadow:none}
.learning-hub .quick-nav .banner{background:transparent;min-height:60px}
.learning-hub .quick-nav .banner:hover{background:rgba(255,255,255,.6)}
.learning-hub .quick-nav .banner.is-active{background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #c9d9e9}
.learning-hub .search-hub{margin:0;padding:0 0 2px;background:transparent;border:0;border-radius:0;box-shadow:none}
.learning-hub .search-tabs{margin-bottom:12px;border-color:#d9e4ef}
.learning-hub .search-tabs button{padding-top:16px}
.learning-hub .search-hot button{background:rgba(255,255,255,.55);color:#657c94}
.learning-hub .search-hot button:hover{background:#fff}
.learning-hub .search-hub .search,.learning-hub .sort,.learning-hub #randomBtn{background:rgba(255,255,255,.8);border-color:#d8e3ef}
.learning-hub .dashboard-icon{background:#dfeaf6}
.learning-hub .review-card .btn{background:rgba(255,255,255,.7)}
@media(max-width:720px){
  .learning-hub{padding:14px;border-radius:16px}
  .learning-hub .study-dashboard{gap:12px}
  .learning-hub .continue-card{padding:0 0 14px;min-height:172px}
  .learning-hub .review-card{padding:14px 0;border-left:0;border-top:1px solid #d9e4ef;min-height:166px}
  .learning-hub .dashboard-rules{padding:0 0 10px}
  .learning-hub .quick-nav.banners{padding:8px 0;margin:0;gap:4px}
}

/* 题目卡片：掌握程度放在难度/题型这一行的最右边，做成小胶囊（不再是封面上的深色大框） */
.scard-meta .card-study{margin-left:auto;max-width:58%;min-height:0;border:1px solid #dbe5ef;border-radius:999px;background:linear-gradient(180deg,#fff,#f3f7fb);color:#4f6680;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(16,42,69,.05)}
.scard-meta .card-study select{min-height:30px;height:30px;padding:0 24px 0 12px;border-radius:999px;font-size:12px;font-weight:600;line-height:30px}
.scard-meta .card-study>span{right:9px;font-size:12px;line-height:1;top:50%;transform:translateY(-62%)}
.scard-meta .card-study[data-state="1"]{color:#b4553e;border-color:#f0cfc5;background:linear-gradient(180deg,#fffaf8,#fbeee9)}
.scard-meta .card-study[data-state="2"]{color:#9a6c14;border-color:#efdca8;background:linear-gradient(180deg,#fffdf6,#fbf2dc)}
.scard-meta .card-study[data-state="3"]{color:#2c7559;border-color:#c5e4d6;background:linear-gradient(180deg,#f8fdfa,#e8f5ee)}
.scard-meta .card-study:not([data-state="0"]):not([data-state="1"]):not([data-state="2"]):not([data-state="3"]){color:#3e6795;border-color:#cbdcef;background:linear-gradient(180deg,#f9fbff,#ebf2fb)}
.scard-meta .card-study select:focus-visible{outline:2px solid #8fb0d3;outline-offset:2px}
.scard-cover-bottom .card-follow{margin-left:auto}
/* 掌握程度胶囊：更窄、更精致（细箭头 + 左侧状态小圆点） */
.scard-meta .card-study{gap:0;box-shadow:inset 0 1px 0 #fff,0 1px 1.5px rgba(16,42,69,.05)}
.scard-meta .card-study::before{content:"";position:absolute;left:9px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:currentColor;opacity:.55;pointer-events:none}
.scard-meta .card-study[data-state="0"]::before{opacity:.3}
.scard-meta .card-study select{width:82px;min-height:26px;height:26px;padding:0 20px 0 19px;font-size:11.5px;font-weight:600;line-height:26px;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.scard-meta .card-study>span{right:9px;top:50%;width:5px;height:5px;margin-top:-4px;font-size:0;transform:rotate(45deg);border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;opacity:.7}
.scard-meta .card-study select{width:90px;padding:0 17px 0 18px}
.scard-meta .card-study::before{left:8px}.scard-meta .card-study>span{right:8px}