/* ===========================================================
   研途政治 · 外壳 + 首页视觉（按设计截图重做）
   覆盖 styles.css；仅改样式与布局，不动 app.js / data / localStorage
   浅色：中性暖白底 + 纯白卡片 + 中性黑 hero + 朱红点缀
   深色：同结构换一套 token，所有颜色走变量
   =========================================================== */

:root{
  color-scheme:light;
  --bg:#FAF8F5;          /* 主内容区底色 */
  --panel:#FFFFFF;       /* 顶栏 / 侧栏 */
  --card:#FFFFFF;        /* 卡片 */
  --sunk:#F7F4EE;        /* 下沉块 / 提示条 / 打卡卡 */
  --field:#F5F2EC;       /* 输入框 */
  --ink:#1B1A18;
  --ink2:#3E3934;
  --muted:#8A837B;
  --faint:#B3ABA1;
  --line:#ECE7DE;
  --line2:#F2EEE7;
  --red:#BE3A2F;
  --red-deep:#A32E26;
  --red-weak:#FBEEEC;
  --accent:#E8543F;      /* hero 进度条 */
  --ico:#6B645B;         /* 线框图标 */
  --quote-ink:#8E2F27;   /* 今日一句正文 */
  --blue:#BE3A2F; --blue-weak:#FBEEEC;      /* 兼容旧类名 */
  --ok:#2E7D5B; --ok-weak:#EDF5F1;
  --err:#BE3A2F; --err-weak:#FBEEEC;
  --warn:#B4703A; --warn-weak:#FBF1E6;
  --hero:#1B1A18; --hero-ink:#F7F5F1; --hero-sub:#A79F95;
  /* 奶油治愈 · 倒计时卡 */
  --cream-bg:#FFF4E6; --cream-bg2:#FFF9F0;
  --cream-ink:#3B2A20; --cream-sub:#A98D77; --cream-border:#F0DFC9;
  --cream-line:#EAD5B9; --cream-track:#F3E1C9; --cream-fill:#F0A46E;
  --cream-red:#E03F2D;
  --dog:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2258%22%20fill%3D%22%23FFE2C4%22%2F%3E%0A%3Cg%20stroke%3D%22%235B3A22%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M86%2079c11-3%2017%204%2015%2013-2%208-10%2010-14%205%22%20fill%3D%22%23E3AC60%22%2F%3E%0A%3Cpath%20d%3D%22M78%2081c8%202%2010%2011%209%2019-1%207-7%2010-11%206%22%20fill%3D%22%23F1C47A%22%2F%3E%0A%3Cpath%20d%3D%22M43%2081v18c0%206%203%2010%208%2010s8-4%208-10V81%22%20fill%3D%22%23F5CB84%22%2F%3E%0A%3Cpath%20d%3D%22M59%2081v18c0%206%203%2010%208%2010s8-4%208-10V81%22%20fill%3D%22%23F5CB84%22%2F%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%2254%22%20r%3D%2232%22%20fill%3D%22%23F5CB84%22%2F%3E%0A%3Cpath%20d%3D%22M31%2044c-9-4-16%202-16%2012s7%2017%2016%2016%22%20fill%3D%22%23DDA35C%22%2F%3E%0A%3Cpath%20d%3D%22M89%2044c9-4%2016%202%2016%2012s-7%2017-16%2016%22%20fill%3D%22%23DDA35C%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M44%2042q5-5%2010%200M66%2042q5-5%2010%200%22%20fill%3D%22none%22%20stroke%3D%22%235B3A22%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%2250%22%20cy%3D%2253%22%20r%3D%223.4%22%20fill%3D%22%234A3120%22%2F%3E%0A%3Ccircle%20cx%3D%2270%22%20cy%3D%2253%22%20r%3D%223.4%22%20fill%3D%22%234A3120%22%2F%3E%0A%3Cellipse%20cx%3D%2239%22%20cy%3D%2261%22%20rx%3D%225.6%22%20ry%3D%223.2%22%20fill%3D%22%23F4A9A2%22%2F%3E%0A%3Cellipse%20cx%3D%2281%22%20cy%3D%2261%22%20rx%3D%225.6%22%20ry%3D%223.2%22%20fill%3D%22%23F4A9A2%22%2F%3E%0A%3Cpath%20d%3D%22M55%2061h10c0%203-2%205-5%205s-5-2-5-5z%22%20fill%3D%22%234A3120%22%2F%3E%0A%3Cpath%20d%3D%22M60%2066v3M60%2069q-5%205-9%200M60%2069q5%205%209%200%22%20fill%3D%22none%22%20stroke%3D%22%234A3120%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M47%20103v5M54%20103v5M64%20103v5M71%20103v5%22%20fill%3D%22none%22%20stroke%3D%22%23C08A46%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
  --star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%202.2l2.9%206.2%206.8.8-5%204.7%201.4%206.8L12%2017.4l-6.1%203.3%201.4-6.8-5-4.7%206.8-.8z%22%20fill%3D%22%23F6D15C%22%20stroke%3D%22%23E8B23F%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
  --flower:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%0A%3Cg%20fill%3D%22%23EFAF55%22%20stroke%3D%22%23D98B3A%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229%22%20rx%3D%225.4%22%20ry%3D%227.6%22%20transform%3D%22rotate%280%2018%2018%29%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229%22%20rx%3D%225.4%22%20ry%3D%227.6%22%20transform%3D%22rotate%2860%2018%2018%29%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229%22%20rx%3D%225.4%22%20ry%3D%227.6%22%20transform%3D%22rotate%28120%2018%2018%29%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229%22%20rx%3D%225.4%22%20ry%3D%227.6%22%20transform%3D%22rotate%28180%2018%2018%29%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229%22%20rx%3D%225.4%22%20ry%3D%227.6%22%20transform%3D%22rotate%28240%2018%2018%29%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229%22%20rx%3D%225.4%22%20ry%3D%227.6%22%20transform%3D%22rotate%28300%2018%2018%29%22%2F%3E%3C%2Fg%3E%0A%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%225.1%22%20fill%3D%22%23FFE9BE%22%2F%3E%0A%3C%2Fsvg%3E");
  --paw:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cg%20fill%3D%22%23E9A45E%22%3E%0A%3Ccircle%20cx%3D%224%22%20cy%3D%224.4%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%223.1%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.4%22%20r%3D%221.7%22%2F%3E%0A%3Cpath%20d%3D%22M8%207c2.7%200%204.7%202%204.7%204.2%200%202-1.8%203.4-4.7%203.4S3.3%2013.2%203.3%2011.2C3.3%209%205.3%207%208%207z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
  --paw-soft:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cg%20fill%3D%22%23EBC9A3%22%3E%0A%3Ccircle%20cx%3D%224%22%20cy%3D%224.4%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%223.1%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.4%22%20r%3D%221.7%22%2F%3E%0A%3Cpath%20d%3D%22M8%207c2.7%200%204.7%202%204.7%204.2%200%202-1.8%203.4-4.7%203.4S3.3%2013.2%203.3%2011.2C3.3%209%205.3%207%208%207z%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
  --r:14px; --r-sm:10px; --r-lg:18px;
  --shadow:0 1px 2px rgba(27,26,24,.03);
  --serif:"SimSun","Songti SC","STSong",serif;
  --sans:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#131211; --panel:#171614; --card:#1B1A18;
  --sunk:#23211E; --field:#201E1B;
  --ink:#F2EFEA; --ink2:#D6D0C7; --muted:#9A9289; --faint:#756E66;
  --line:#2C2925; --line2:#24211E;
  --red:#E27064; --red-deep:#F0958B; --red-weak:#301D1A;
  --accent:#E8543F; --ico:#B9B1A7; --quote-ink:#E9C6C0;
  --blue:#E27064; --blue-weak:#301D1A;
  --ok:#5FAF8C; --ok-weak:#14231E;
  --err:#E0705F; --err-weak:#2A1A17;
  --warn:#D89A4E; --warn-weak:#2A2116;
  --hero:#0C0B0A; --hero-ink:#F7F5F1; --hero-sub:#8E877E;
  --cream-bg:#2A211A; --cream-bg2:#332820;
  --cream-ink:#F7E9D6; --cream-sub:#C1A589; --cream-border:#4A3A2A;
  --cream-line:#4A3B2C; --cream-track:#44362A; --cream-fill:#D9965C;
  --cream-red:#F08A72;
  --dog:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2258%22%20fill%3D%22%233B2C20%22%2F%3E%0A%3Cg%20stroke%3D%22%235B3A22%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M86%2079c11-3%2017%204%2015%2013-2%208-10%2010-14%205%22%20fill%3D%22%23E3AC60%22%2F%3E%0A%3Cpath%20d%3D%22M78%2081c8%202%2010%2011%209%2019-1%207-7%2010-11%206%22%20fill%3D%22%23F1C47A%22%2F%3E%0A%3Cpath%20d%3D%22M43%2081v18c0%206%203%2010%208%2010s8-4%208-10V81%22%20fill%3D%22%23F5CB84%22%2F%3E%0A%3Cpath%20d%3D%22M59%2081v18c0%206%203%2010%208%2010s8-4%208-10V81%22%20fill%3D%22%23F5CB84%22%2F%3E%0A%3Ccircle%20cx%3D%2260%22%20cy%3D%2254%22%20r%3D%2232%22%20fill%3D%22%23F5CB84%22%2F%3E%0A%3Cpath%20d%3D%22M31%2044c-9-4-16%202-16%2012s7%2017%2016%2016%22%20fill%3D%22%23DDA35C%22%2F%3E%0A%3Cpath%20d%3D%22M89%2044c9-4%2016%202%2016%2012s-7%2017-16%2016%22%20fill%3D%22%23DDA35C%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M44%2042q5-5%2010%200M66%2042q5-5%2010%200%22%20fill%3D%22none%22%20stroke%3D%22%235B3A22%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%2250%22%20cy%3D%2253%22%20r%3D%223.4%22%20fill%3D%22%234A3120%22%2F%3E%0A%3Ccircle%20cx%3D%2270%22%20cy%3D%2253%22%20r%3D%223.4%22%20fill%3D%22%234A3120%22%2F%3E%0A%3Cellipse%20cx%3D%2239%22%20cy%3D%2261%22%20rx%3D%225.6%22%20ry%3D%223.2%22%20fill%3D%22%23F4A9A2%22%2F%3E%0A%3Cellipse%20cx%3D%2281%22%20cy%3D%2261%22%20rx%3D%225.6%22%20ry%3D%223.2%22%20fill%3D%22%23F4A9A2%22%2F%3E%0A%3Cpath%20d%3D%22M55%2061h10c0%203-2%205-5%205s-5-2-5-5z%22%20fill%3D%22%234A3120%22%2F%3E%0A%3Cpath%20d%3D%22M60%2066v3M60%2069q-5%205-9%200M60%2069q5%205%209%200%22%20fill%3D%22none%22%20stroke%3D%22%234A3120%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M47%20103v5M54%20103v5M64%20103v5M71%20103v5%22%20fill%3D%22none%22%20stroke%3D%22%23C08A46%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
  --shadow:0 1px 2px rgba(0,0,0,.18);
}

html,body{background:var(--bg)!important;color:var(--ink)!important}
body{font-family:var(--sans)!important;font-size:14px;line-height:1.6;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}

/* ---------- 顶栏 ---------- */
.topbar{height:56px!important;background:var(--panel)!important;color:var(--ink)!important;
  border-bottom:1px solid var(--line)!important;box-shadow:none!important;
  display:flex;align-items:center;gap:12px;padding:0 22px!important;
  position:sticky;top:0;z-index:60}
.topbar::after{display:none!important}
.brand{display:flex;align-items:center;gap:10px;min-width:auto!important}
.brand-mark{width:28px!important;height:28px!important;flex:0 0 28px;border-radius:9px!important;
  background:var(--hero)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;
  display:flex!important;align-items:center;justify-content:center;box-shadow:none!important;
  font-family:var(--sans)!important;position:relative;overflow:hidden}
.brand-mark::after{content:"";position:absolute;right:0;top:0;width:8px;height:8px;
  background:var(--red);border-radius:0 0 0 3px}
.brand-text h1{font-family:var(--sans)!important;font-size:16px!important;font-weight:700!important;
  color:var(--ink)!important;letter-spacing:.2px;margin:0}
.brand-text p{display:none!important}
.topbar .tb-right{margin-left:auto;display:flex;align-items:center;gap:9px}
.tb-stat{font-size:11.5px;color:var(--red);background:var(--red-weak);
  border-radius:999px;padding:5px 12px;font-weight:600;white-space:nowrap}
.tb-btn{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;
  background:var(--panel);color:var(--ink2);font-size:12px;cursor:pointer;
  font-family:var(--sans);white-space:nowrap}
.tb-btn:hover{border-color:var(--red);color:var(--red)}
.tb-avatar{width:30px;height:30px;border-radius:50%;background:var(--hero);
  position:relative;flex:none;display:inline-block}
.tb-avatar::before{content:"";position:absolute;left:10px;top:6px;width:10px;height:10px;
  border-radius:50%;background:var(--hero-ink)}
.tb-avatar::after{content:"";position:absolute;left:6px;bottom:4px;width:18px;height:10px;
  border-radius:9px 9px 4px 4px;background:var(--hero-ink)}
.menu-toggle{display:none;background:none!important;border:1px solid var(--line)!important;
  border-radius:8px;color:var(--ink2)!important;width:30px;height:30px;font-size:15px!important}

/* ---------- 布局 ---------- */
.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 56px);max-width:none!important}
.sidebar{width:100%!important;flex:none!important;backdrop-filter:none!important;
  background:var(--panel)!important;border-right:1px solid var(--line)!important;
  padding:16px 12px 18px!important;position:sticky;top:56px;height:calc(100vh - 56px);
  overflow:hidden;display:flex;flex-direction:column}
.sb-search{position:relative;margin:0 2px 14px}
.sb-search input{width:100%;height:34px;border:0;background:var(--field);
  border-radius:9px;padding:0 10px 0 32px;font-size:12.5px;color:var(--ink);
  font-family:var(--sans);outline:none;box-shadow:none}
.sb-search input::placeholder{color:var(--faint)}
.sb-search input:focus{background:var(--card);box-shadow:0 0 0 1px var(--line),0 0 0 2px var(--red-weak)}
.sb-search svg{position:absolute;left:10px;top:10px;width:14px;height:14px;
  stroke:var(--faint);fill:none;stroke-width:1.6}
.nav-groups{gap:2px!important;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}
.nav-groups::-webkit-scrollbar{width:5px}
.nav-groups::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}
.nav-group{padding:0 0 2px!important;border:0!important}
.nav-group-title{font-size:11.5px!important;letter-spacing:.7px;color:#A63F33!important;
  text-transform:none!important;margin:16px 0 6px!important;padding:0 10px!important;
  font-weight:700!important;background:none!important;border:0!important;position:static!important}
.nav-group-title::before{display:inline-block!important;content:""!important;width:3px;height:11px;
  background:#C4574A!important;border-radius:2px;margin:0 7px 0 0!important;vertical-align:-1px}
.navbtn{display:block;width:100%;text-align:left;background:none!important;border:0!important;
  border-left:0!important;border-radius:8px!important;color:var(--ink2)!important;
  font-size:12.5px!important;font-weight:500!important;line-height:1.45;
  padding:7px 10px!important;margin:1px 0!important;cursor:pointer;font-family:var(--sans);
  box-shadow:none!important;transition:background .12s,color .12s}
.navbtn:hover{background:var(--sunk)!important;color:var(--ink)!important;border-color:transparent!important}
.navbtn.active{background:var(--red-weak)!important;color:var(--red)!important;font-weight:600!important}
.sb-card{margin-top:10px;flex:none;background:var(--sunk);border-radius:var(--r-sm);padding:12px 13px}
.sb-card-k{font-size:12.5px;font-weight:600;color:var(--ink)}
.sb-card-v{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.6}
.content{padding:0!important;max-width:none!important;min-width:0!important}
/* 内容区铺满侧栏右侧的整块空间：不设最大宽度、不居中，只留一圈内边距 */
.app{display:block;width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:26px 32px 64px!important}
.global-search,.footer{max-width:none!important;margin-left:0!important;margin-right:0!important}

/* ---------- 通用：内页标题块 ---------- */
.hero{background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;padding:0 0 16px!important;margin:0 0 16px!important}
.hero::before{display:none!important}
.hero h2{font-family:var(--sans)!important;font-size:24px!important;font-weight:700!important;
  color:var(--ink)!important;letter-spacing:.2px;line-height:1.45;margin:0 0 8px!important}
.hero p{font-size:13px!important;color:var(--muted)!important;line-height:1.85;margin:0!important;max-width:780px}
.hero .eyebrow{font-size:11.5px;letter-spacing:1.2px;color:var(--faint);margin-bottom:8px}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.quick button{background:var(--card)!important;border:1px solid var(--line)!important;
  color:var(--ink2)!important;border-radius:9px!important;padding:6px 12px!important;
  font-size:12.5px!important;box-shadow:none!important;font-family:var(--sans)!important}
.quick button:hover{border-color:var(--red)!important;color:var(--red)!important}

/* ---------- 数字条 ---------- */
.stat-row{display:grid!important;grid-template-columns:repeat(6,1fr);gap:0!important;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  margin:0 0 18px!important;overflow:hidden}
.stat{background:none!important;border:0!important;border-left:1px solid var(--line2)!important;
  border-radius:0!important;box-shadow:none!important;padding:18px 18px 16px!important;text-align:left!important}
.stat:first-child{border-left:0!important}
.stat::before{display:none!important}
.stat b{display:block;font-size:26px!important;font-weight:700;color:var(--ink)!important;line-height:1.1}
.stat span{display:block;margin-top:6px;font-size:11.5px!important;color:var(--muted)!important}

/* ---------- 首页 · 问候 ---------- */
.hm-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.hm-hello h2{font-size:22px;font-weight:700;letter-spacing:.2px;margin:0 0 6px}
.hm-hello .sub{font-size:12px;color:var(--muted)}
.hm-today-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--red);
  background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 13px;
  white-space:nowrap;font-weight:600;box-shadow:var(--shadow)}

/* ---------- 首页 · 倒计时 hero（奶油治愈风） ---------- */
.hm-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(118deg,var(--cream-bg2) 0%,var(--cream-bg) 58%,var(--cream-bg) 100%);
  color:var(--cream-ink)!important;
  border:1px solid var(--cream-border);border-radius:22px;
  padding:22px 28px;display:grid;
  grid-template-columns:minmax(175px,.85fr) minmax(295px,1.35fr) 124px;
  gap:26px;align-items:center;margin:0 0 18px;
  box-shadow:0 2px 12px rgba(180,130,70,.07)}
/* 星星 / 小花 / 淡爪印 */
.hm-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-repeat:no-repeat;
  background-image:var(--star),var(--flower),var(--paw-soft),var(--paw-soft);
  background-size:20px 20px,28px 28px,12px 12px,10px 10px;
  background-position:16.5% 9%,20% 15%,11.5% 32%,14% 52%}
.hm-hero > div{position:relative;z-index:1}
/* 右侧小狗插画（第 4 列） */
.hm-hero::after{content:"";grid-column:3;grid-row:1;z-index:1;
  align-self:center;justify-self:end;width:120px;height:120px;
  background:var(--dog) center/contain no-repeat}
.hm-hero .k{font-size:11.5px;color:var(--cream-sub);margin-bottom:10px;letter-spacing:.4px}
.hm-num{display:flex;align-items:baseline;gap:9px}
.hm-num b{font-size:64px;font-weight:800;line-height:.9;letter-spacing:-3px;color:var(--cream-ink)}
.hm-num i{font-style:normal;font-size:14px;font-weight:700;color:var(--cream-ink)}
.hm-hero .note{font-size:11.5px;color:var(--cream-sub);margin-top:18px;white-space:nowrap}
.hm-prog-top{display:flex;justify-content:space-between;align-items:baseline;
  font-size:12px;color:var(--cream-sub);margin-bottom:12px}
.hm-prog-top b{color:var(--cream-red);font-weight:800;font-size:14px}
.hm-prog{position:relative;height:6px;border-radius:99px;background:var(--cream-track);overflow:visible}
.hm-prog i{position:relative;display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--cream-fill),#F3B57F)}
/* 填充末端的爪印，随进度自动移动 */
.hm-prog i::after{content:"";position:absolute;right:-8px;top:-8px;width:17px;height:17px;
  background:var(--paw) center/contain no-repeat}
.hm-prog::after{content:"";position:absolute;left:0;right:0;top:-8px;height:17px;pointer-events:none;
  background-image:var(--paw),var(--paw);background-repeat:no-repeat;
  background-size:17px 17px,17px 17px;background-position:76% 0,90% 0}
.hm-hero .note2{font-size:11px;color:var(--cream-sub);margin-top:14px;line-height:1.6}
.hm-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;text-align:left}
.hm-stats > div{padding:0 16px;border-left:1px solid var(--cream-line)}
.hm-stats > div:first-child{padding-left:0;border-left:0}
.hm-stats > div:last-child{padding-right:0}
.hm-stats b{display:block;font-size:26px;font-weight:800;letter-spacing:-.8px;
  white-space:nowrap;color:var(--cream-ink);line-height:1.15}
.hm-stats > div:last-child b::after{content:" 天";font-size:.62em;font-weight:700}
.hm-stats span{display:block;font-size:10.5px;color:var(--cream-sub);margin-top:7px;white-space:nowrap}
html[data-theme="dark"] .hm-hero{box-shadow:0 2px 14px rgba(0,0,0,.24)}
html[data-theme="dark"] .hm-hero::before{opacity:.8}
html[data-theme="dark"] .hm-prog i{background:linear-gradient(90deg,var(--cream-fill),#C98A55)}

/* ---------- 首页 · 可自定义今日任务 ---------- */
.hm-last-card{margin:0 0 16px}
.hm-task-add{border:1px dashed var(--line);background:transparent;color:var(--red);border-radius:7px;
  padding:4px 10px;font-size:11.5px;cursor:pointer;font-family:inherit;white-space:nowrap}
.hm-task-add:hover{border-color:var(--red);background:var(--red-weak)}
.hm-task-reset{border:0;background:none;color:var(--muted);font-size:11.5px;cursor:pointer;
  margin-right:8px;font-family:inherit}
.hm-task-reset:hover{color:var(--red)}
.hm-task .hm-dot{cursor:pointer;padding:0;appearance:none;-webkit-appearance:none}
.hm-task-tools{display:flex;gap:2px;opacity:.35;transition:opacity .15s;flex:none}
.hm-task:hover .hm-task-tools,.hm-task:focus-within .hm-task-tools{opacity:1}
.hm-task-tools button{border:0;background:transparent;color:var(--muted);cursor:pointer;
  font-size:13px;padding:2px 5px;border-radius:5px;font-family:inherit;line-height:1.2}
.hm-task-tools button:hover{background:var(--sunk);color:var(--red)}
.hm-task-t.done{text-decoration:line-through}
.hm-task-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.hm-task-form[hidden]{display:none}
.hm-task-form input{flex:1 1 140px;min-width:0;border:1px solid var(--line);background:var(--card);
  border-radius:7px;padding:7px 10px;font:inherit;font-size:12.5px;color:var(--ink)}
.hm-task-form input:focus{outline:none;border-color:var(--red)}
.hm-task-form .hm-btn{height:32px;padding:0 12px}
.hm-task-empty{font-size:12.5px;color:var(--muted);padding:14px 0}

/* ---------- 首页 · 卡片通用 ---------- */
.hm-grid2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin:0 0 20px}
.hm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:18px 20px;box-shadow:var(--shadow)}
.hm-card-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}
.hm-card-hd h3{font-size:14.5px;font-weight:700;margin:0}
.hm-card-hd .r{font-size:11.5px;color:var(--muted)}

/* 今日任务 */
.hm-task{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:0}
.hm-task:first-of-type{padding-top:2px}
.hm-dot{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line);
  background:var(--card);flex:none;margin-top:2px;box-sizing:border-box;position:relative}
.hm-dot.on{background:var(--red);border-color:var(--red)}
.hm-dot.on::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;
  border:2px solid #fff;border-top:0;border-left:0;transform:rotate(42deg)}
.hm-task-main{flex:1;min-width:0}
.hm-task-t{font-size:13px;color:var(--ink);font-weight:600}
.hm-task-t.done{color:var(--muted);text-decoration:none;font-weight:500}
.hm-task-d{font-size:11.5px;color:var(--muted);margin-top:4px}
.hm-task-s{font-size:11px;color:var(--faint);white-space:nowrap;padding-top:3px}
.hm-task-s.need{color:var(--red);font-weight:600}
.hm-foot{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:14px;
  border-top:1px solid var(--line2)}
.hm-btn{height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--line);
  background:var(--card);color:var(--ink2);font-size:12.5px;cursor:pointer;font-family:var(--sans)}
.hm-btn:hover{border-color:var(--red);color:var(--red)}
.hm-btn.red{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}
.hm-btn.red:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff}
.hm-foot .hm-btn:not(.red){border:0;background:transparent;color:var(--muted);padding:0 4px}
.hm-foot .hm-btn:not(.red):hover{color:var(--red)}

/* 关键时间节点：圆点时间线 */
.hm-tl{display:flex;flex-direction:column;gap:0}
.hm-tl-row{display:flex;align-items:center;gap:10px;padding:8px 0}
.hm-tl-row::before{content:"";width:5px;height:5px;border-radius:50%;
  background:var(--line);flex:none;margin-right:2px}
.hm-tl-row.key::before{background:var(--red)}
.hm-tl-d{width:60px;flex:none;font-size:11.5px;color:var(--faint)}
.hm-tl-t{font-size:12.5px;color:var(--ink2)}
.hm-tl-row.key .hm-tl-d{color:var(--red);font-weight:600}
.hm-tl-row.key .hm-tl-t{color:var(--red);font-weight:600}
.hm-tl-note{margin-top:12px;background:var(--sunk);border-radius:var(--r-sm);
  padding:11px 13px;font-size:11.5px;color:var(--ink2);line-height:1.75}

/* ---------- 待上线栏目（未发布内容统一提示） ---------- */
.pending-wrap{padding:34px 0 60px}
.pending-card{max-width:600px;margin:0 auto;background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:38px 34px 34px;text-align:center;box-shadow:var(--shadow)}
.pending-ico{width:46px;height:46px;border-radius:50%;margin:0 auto 14px;background:var(--sunk);
  color:var(--red);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}
.pending-badge{display:inline-block;font-size:11px;letter-spacing:2px;color:#8A6D3B;
  border:1px dashed #DCCBA8;background:#FBF4E4;border-radius:99px;padding:3px 11px;margin-bottom:12px}
.pending-card h3{margin:0 0 10px;font-family:var(--song,Georgia,serif);font-size:21px;font-weight:600;
  letter-spacing:1px;color:var(--ink)}
.pending-msg{margin:0;font-size:13.5px;line-height:1.9;color:var(--ink2)}
@media(max-width:560px){.pending-card{padding:28px 20px 26px}.pending-card h3{font-size:18px}}

/* ---------- 错题本 / 收藏 快捷入口 ---------- */
.hm-quick{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin:16px 0 0}
.hm-qk{display:flex;align-items:center;gap:14px;text-align:left;padding:15px 18px;border-radius:14px;
  border:1px solid var(--line);background:var(--card);cursor:pointer;font-family:var(--sans);
  box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}
.hm-qk:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,26,24,.09)}
.hm-qk-ico{width:40px;height:40px;border-radius:11px;flex:none;display:flex;align-items:center;
  justify-content:center;font-size:21px;font-weight:700;line-height:1;background:var(--sunk);color:var(--red)}
.hm-qk-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.hm-qk-main b{font-size:15.5px;letter-spacing:.6px;font-weight:700}
.hm-qk-main i{font-style:normal;font-size:11.5px;color:var(--muted)}
.hm-qk-n{margin-left:auto;font-family:var(--song,Georgia,serif);font-size:26px;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
.hm-qk-n span{font-size:11px;margin-left:3px;letter-spacing:0}
.hm-qk-go{flex:none;font-size:11.5px;color:var(--muted);margin-left:14px;white-space:nowrap}
.hm-qk.no{background:linear-gradient(135deg,#C4574A 0%,#AF4438 55%,#9C3A2F 100%);
  border-color:#A93E32;color:#FFF8F5;box-shadow:0 14px 30px -20px rgba(160,55,44,.85)}
.hm-qk.no:hover{box-shadow:0 16px 32px -18px rgba(160,55,44,.9)}
.hm-qk.no .hm-qk-ico{background:rgba(255,255,255,.18);color:#FFF8F5}
.hm-qk.no .hm-qk-main i{color:rgba(255,248,245,.8)}
.hm-qk.no .hm-qk-go{color:rgba(255,248,245,.9);font-weight:600}
.hm-qk.fav .hm-qk-ico{background:#F6EFE2;color:#8A6D3B}
.hm-qk.fav .hm-qk-n{color:var(--ink)}
@media(max-width:760px){
  .hm-quick{grid-template-columns:1fr}
  .hm-qk{padding:12px 14px}
  .hm-qk-main i{display:none}
  .hm-qk-n{font-size:22px;margin-left:auto}
  .hm-qk-go{margin-left:12px}
}

/* ---------- 知识库快捷入口 ---------- */
.hm-head{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 12px}
.hm-head h3{font-size:14.5px;font-weight:700;margin:0}
.hm-head .r{font-size:11.5px;color:var(--muted)}
.hm-kbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-kb{display:block;text-align:left;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:14px 15px 15px;cursor:pointer;font-family:var(--sans);
  box-shadow:var(--shadow);transition:border-color .15s,transform .15s,box-shadow .15s}
.hm-kb:hover{border-color:var(--red);transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(27,26,24,.07)}
.hm-kb-ico{width:30px;height:30px;border-radius:9px;background:var(--sunk);
  display:flex;align-items:center;justify-content:center;font-size:0;margin-bottom:12px;
  --ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E")}
.hm-kb-ico::after{content:"";display:block;width:17px;height:17px;background-color:var(--ico);
  -webkit-mask-image:var(--ico-url);mask-image:var(--ico-url);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.hm-kb:nth-child(1) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6c-2-1.5-5-2-8-2v13c3 0 6 .5 8 2 2-1.5 5-2 8-2V4c-3 0-6 .5-8 2z'/%3E%3Cpath d='M12 6v13'/%3E%3C/svg%3E")}
.hm-kb:nth-child(1) .hm-kb-ico::after{background-color:var(--red)}
.hm-kb:nth-child(2) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E")}
.hm-kb:nth-child(3) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v16M10 8v12M14 4v16M18 9v11'/%3E%3C/svg%3E")}
.hm-kb:nth-child(4) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E")}
.hm-kb:nth-child(5) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20L12 3z'/%3E%3Cpath d='M12 9v5M12 17h.01'/%3E%3C/svg%3E")}
.hm-kb:nth-child(6) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E")}
.hm-kb:nth-child(7) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E")}
.hm-kb:nth-child(8) .hm-kb-ico{--ico-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18'/%3E%3Ccircle cx='8' cy='12' r='2'/%3E%3Ccircle cx='16' cy='12' r='2'/%3E%3C/svg%3E")}
.hm-kb-t{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-kb-d{font-size:11px;color:var(--muted);margin-top:4px}

/* ---------- 首页 · 底部两卡 ---------- */
.hm-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
.hm-last{display:flex;align-items:center;gap:12px}
.hm-last-ico{width:34px;height:34px;border-radius:9px;background:var(--sunk);color:var(--ink2);
  display:flex;align-items:center;justify-content:center;flex:none;font-size:14px}
.hm-last-t{font-size:13px;font-weight:600}
.hm-last-d{font-size:11.5px;color:var(--muted);margin-top:3px}
.hm-last .go{margin-left:auto;border:0;background:transparent;color:var(--red);
  font-weight:600;padding:0 4px;box-shadow:none}
.hm-last .go:hover{color:var(--red-deep)}
.hm-quote{background:var(--red-weak);border:1px solid transparent;border-radius:var(--r);padding:18px 20px}
.hm-quote .k{font-size:11.5px;color:var(--red);font-weight:700;letter-spacing:.4px;margin-bottom:9px}
.hm-quote p{font-size:12.5px;color:var(--quote-ink);line-height:1.85;margin:0;font-weight:600}
.hm-quote .by{font-size:11px;color:var(--muted);margin-top:10px}

/* ---------- 兼容旧组件 ---------- */
.cd-card{display:flex;align-items:center;gap:26px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:22px 26px;margin:0 0 18px}
.cd-num{font-size:64px;font-weight:700;letter-spacing:-2px;line-height:1;color:var(--ink)}
.cd-unit{font-size:13px;color:var(--muted);margin-left:8px}
.cd-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:6px}
.cd-sub{font-size:12.5px;color:var(--muted);line-height:1.8}
.cd-sub b{color:var(--ink2);font-weight:600}
.cd-side{margin-left:auto;text-align:right}
.card,.home-today,.dw-card,.prog-card,.fc-card,.paper-card{
  background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  box-shadow:var(--shadow)!important}
.section-title{font-family:var(--sans)!important;font-size:18px!important;font-weight:700!important;
  color:var(--ink)!important;letter-spacing:.2px;margin:26px 0 12px!important}
.section-title::before{display:none!important}
.chip,.tag{background:var(--sunk)!important;border:1px solid transparent!important;color:var(--ink2)!important;
  border-radius:6px!important;font-size:12px!important}
.chip.active,.chip.on{background:var(--red-weak)!important;border-color:var(--red)!important;color:var(--red)!important}
mark{background:var(--red-weak);color:inherit;padding:0 2px;border-radius:3px}
.ghost-btn,.btn,button.primary{
  background:var(--card)!important;border:1px solid var(--line)!important;color:var(--ink2)!important;
  border-radius:8px!important;font-size:12.5px!important;padding:7px 14px!important;box-shadow:none!important}
.ghost-btn:hover,.btn:hover{border-color:var(--red)!important;color:var(--red)!important}
button.primary,.btn-primary{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .hm-kbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hm-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 96px;row-gap:20px;gap:18px;padding:20px 22px}
  .hm-stats{grid-column:1 / 3;text-align:left}
  .hm-hero::after{grid-column:3;grid-row:1 / 3;width:96px;height:96px;align-self:center}
  .hm-num b{font-size:58px}
  .hm-hero .note{white-space:normal}
}
@media (max-width:900px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:56px;width:240px!important;height:calc(100vh - 56px);
    z-index:70;transform:translateX(-100%);transition:transform .18s;
    background:var(--panel)!important;box-shadow:0 8px 30px rgba(0,0,0,.14)}
  body.nav-open .sidebar{transform:none}
  body.nav-open .nav-backdrop{display:block;position:fixed;inset:56px 0 0 0;
    background:rgba(20,18,16,.28);z-index:65}
  .menu-toggle{display:block}
  .app{padding:18px 16px 50px!important}
  .hm-hero{grid-template-columns:1fr;gap:18px;padding:20px}
  .hm-stats{grid-column:auto;text-align:left}
  .hm-hero::after{position:absolute;grid-column:auto;grid-row:auto;right:14px;top:12px;
    width:78px;height:78px;opacity:.92}
  .hm-hero::before{background-size:16px 16px,26px 26px,10px 10px,9px 9px;
    background-position:40% 6%,48% 10%,30% 26%,34% 42%}
  .hm-num b{font-size:56px}
  .hm-hero .note{margin-top:12px;white-space:normal}
  .hm-stats > div{padding:0 12px}
  .hm-grid2,.hm-bottom{grid-template-columns:1fr}
  .hm-kbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .topbar{padding:0 14px!important}
  .tb-stat{display:none}
  .hm-hello{align-items:flex-start;flex-direction:column;gap:10px}
  .hm-hero{padding:18px 16px;gap:16px}
  .hm-hero .note{white-space:normal}
  .hm-hero::after{width:64px;height:64px;right:10px;top:10px}
  .hm-num b{font-size:50px}
  .hm-stats b{font-size:21px}
  .hm-stats > div{padding:0 9px}
  .hm-hero .note2{white-space:normal}
  .hm-kbs{gap:10px}
}

/* ===========================================================
   品牌 · 学长政治（2026-11-12 改版）
   印章式红方块「学」+ 宋体站名 + 金角点缀，浅/深主题自适应
   =========================================================== */
.brand-mark{
  background:linear-gradient(155deg,#C4574A 0%,#BE3A2F 55%,#A32E26 100%)!important;
  color:#FFF8F5!important;font-family:var(--serif)!important;font-size:16px!important;
  font-weight:700!important;border-radius:8px!important;
  box-shadow:0 2px 6px -2px rgba(190,58,47,.55),inset 0 1px 0 rgba(255,255,255,.18)!important;
  letter-spacing:0!important
}
.brand-mark::after{width:9px!important;height:9px!important;background:#F2C14E!important;
  border-radius:0 0 0 4px!important;box-shadow:inset -1px -1px 0 rgba(122,84,16,.35)}
.brand-text{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important}
.brand-text h1{font-family:var(--serif)!important;font-size:17px!important;font-weight:700!important;
  letter-spacing:1.2px!important;line-height:1.15!important;color:var(--ink)!important;margin:0!important}
.brand-sub{display:block!important;font-size:9.5px!important;letter-spacing:2.6px!important;
  color:var(--muted)!important;margin-top:2px!important;white-space:nowrap!important}
html[data-theme="dark"] .brand-mark{
  background:linear-gradient(155deg,#C4574A 0%,#BE3A2F 55%,#A32E26 100%)!important}
html[data-theme="dark"] .brand-sub{color:var(--faint)!important}
@media (max-width:520px){ .brand-sub{letter-spacing:1.6px!important} }