* { box-sizing: border-box; margin: 0; padding: 0; }
  html, body { height: 100%; }
  body { background: #14161a; color: #e8e8e8; font-family: "Microsoft YaHei", sans-serif;
         display: flex; height: 100vh; overflow: hidden; }
  /* ===== 左侧边栏 ===== */
  .sidebar { width: 208px; background: #191c22; border-right: 1px solid #2c303a;
             display: flex; flex-direction: column; padding: 20px 12px; flex-shrink: 0; }
  .nav { display: flex; flex-direction: column; gap: 4px; }
  .nav-item { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 8px;
              cursor: pointer; color: #aab; font-size: 15px; user-select: none; }
  .nav-item:hover { background: #23262d; color: #fff; }
  .nav-item.active { background: #26304a; color: #fff; font-weight: bold; }
  .nico { font-size: 16px; width: 20px; text-align: center; }
  /* ===== 右侧内容区 ===== */
  .main { flex: 1; overflow-y: auto; padding: 24px 26px; }
  .page { animation: fadein .18s ease; }
  @keyframes fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
  .sub { color: #888; font-size: 13px; margin-bottom: 18px; line-height: 1.5; }
  .bar { display: flex; gap: 10px; margin-bottom: 16px; }
  input { flex: 1; background: #23262d; border: 1px solid #3a3f4a; color: #fff; padding: 12px 16px;
          border-radius: 8px; font-size: 16px; outline: none; }
  input:focus { border-color: #5b8cff; }
  button.go { background: #5b8cff; color: #fff; border: none; padding: 12px 28px; border-radius: 8px;
              font-size: 16px; cursor: pointer; }
  button.go:hover { background: #6d9aff; }
  #status { color: #9aa; font-size: 13px; margin-bottom: 14px; min-height: 18px; }
  .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
  .card { background: #1d2027; border: 1px solid #2c303a; border-radius: 10px; overflow: hidden;
          cursor: pointer; transition: transform .12s, border-color .12s; position: relative; }
  .card:hover { transform: translateY(-3px); border-color: #5b8cff; }
  .cover { width: 100%; aspect-ratio: 2/3; object-fit: cover; background: #2a2e37; display: block; }
  .cinfo { padding: 8px 10px 10px; }
  .ctitle { font-size: 14px; font-weight: bold; line-height: 1.3; height: 37px; overflow: hidden; }
  .cmeta { display: flex; align-items: center; gap: 6px; margin-top: 6px; flex-wrap: wrap; }
  .badge { padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: bold; }
  .b4k { background: #7c3aed; color: #fff; }
  .bhd { background: #059669; color: #fff; }
  .bother { background: #4b5563; color: #ddd; }
  .year { color: #778; font-size: 12px; }
  .srctags { display: flex; gap: 4px; margin-top: 7px; flex-wrap: wrap; }
  .srctag { padding: 1px 7px; border-radius: 4px; font-size: 11px; background: #2b3040; color: #9fb; border: 1px solid #3a4152; }
  /* 弹层 */
  .mask { position: fixed; inset: 0; background: rgba(0,0,0,.7); display: none; align-items: center;
          justify-content: center; z-index: 50; padding: 20px; }
  .mask.show { display: flex; }
  .dlg { background: #1d2027; border: 1px solid #3a3f4a; border-radius: 12px; width: 100%; max-width: 660px;
         max-height: 82vh; overflow-y: auto; padding: 20px; }
  .dhead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
  .dtitle { font-size: 17px; font-weight: bold; }
  .close { background: none; border: none; color: #99a; font-size: 22px; cursor: pointer; }
  .dhead-btns { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
  .subfind { background: #2b3040; color: #cdd; border: 1px solid #3a4152; padding: 6px 12px;
             border-radius: 6px; font-size: 13px; cursor: pointer; white-space: nowrap; }
  .subfind:hover { background: #3a4152; color: #fff; }
  .sub-search { display: flex; gap: 8px; margin-bottom: 8px; }
  .sub-search input { flex: 1; background: #23262d; border: 1px solid #3a4152; color: #dee;
                      border-radius: 6px; padding: 7px 10px; font-size: 13px; outline: none; }
  .sub-search input:focus { border-color: #5b8cff; }
  .sub-search button { background: #5b8cff; color: #fff; border: none; border-radius: 6px;
                       padding: 7px 14px; font-size: 13px; cursor: pointer; flex-shrink: 0; }
  .sub-search button:hover { background: #6f9bff; }
  .t-tx { background: #0ea5e9; color: #fff; }
  .t-bili { background: #fb7299; color: #fff; }
  .t-dd { background: #f59e0b; color: #fff; }
  #danmaku-panel { background: #1d2027; border: 1px solid #333844; border-radius: 8px;
                   padding: 10px 12px; margin-bottom: 12px; }
  #danmaku-panel .hint { padding: 2px 0 8px; }
  .dm-srcrow { display: flex; align-items: center; gap: 10px; background: #23262d; border: 1px solid #333844;
               border-radius: 6px; padding: 8px 12px; margin-bottom: 6px; cursor: pointer; }
  .dm-srcrow:hover { border-color: #5b8cff; }
  .dm-srcrow.loading { opacity: .5; }
  .dm-eps { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; max-height: 220px; overflow-y: auto; }
  .dm-ep { background: #23262d; border: 1px solid #333844; color: #cdd; border-radius: 5px;
           padding: 5px 10px; font-size: 12px; cursor: pointer; }
  .dm-ep:hover { border-color: #5b8cff; color: #fff; }
  .dm-ep.cur { border-color: #f59e0b; color: #f59e0b; font-weight: bold; }
  .dm-back { background: #2b3040; color: #cdd; border: 1px solid #3a4152; border-radius: 5px;
             padding: 4px 10px; font-size: 12px; cursor: pointer; margin-right: 8px; }
  .dm-off { background: #7f1d1d; color: #fecaca; border: 1px solid #991b1b; border-radius: 5px;
            padding: 4px 10px; font-size: 12px; cursor: pointer; }
  .site-group { font-size: 13px; font-weight: bold; color: #5b8cff; margin: 12px 0 6px; }
  .site-group:first-child { margin-top: 0; }
  .link-row { display: flex; align-items: center; gap: 10px; background: #23262d; border: 1px solid #333844;
              border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; }
  .dtype { padding: 3px 10px; border-radius: 5px; font-size: 12px; font-weight: bold; flex-shrink: 0; }
  .t-quark { background: #0ea5e9; color: #fff; }
  .t-baidu { background: #2563eb; color: #fff; }
  .t-uc { background: #f59e0b; color: #fff; }
  .t-115 { background: #dc2626; color: #fff; }
  .t-ali { background: #f97316; color: #fff; }
  .t-other { background: #4b5563; color: #ddd; }
  .lname { flex: 1; font-size: 13px; color: #cdd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .lsrc { font-size: 11px; color: #9fb; background: #2b3040; border: 1px solid #3a4152; padding: 1px 6px;
          border-radius: 4px; flex-shrink: 0; }
  .lsize { font-size: 12px; font-weight: bold; color: #7ee0a3; background: #16311f; border: 1px solid #2c5e46;
           padding: 2px 8px; border-radius: 4px; flex-shrink: 0; white-space: nowrap; }
  .lrec { font-size: 11px; font-weight: bold; color: #ffd75e; background: #3a2f10; border: 1px solid #6b5518;
          padding: 1px 6px; border-radius: 4px; flex-shrink: 0; white-space: nowrap; }
  .copy { background: #059669; color: #fff; border: none; padding: 7px 16px; border-radius: 6px;
          font-size: 13px; cursor: pointer; flex-shrink: 0; }
  .copy:hover { background: #10b981; }
  .copy.done { background: #4b5563; }
  .hint { color: #778; font-size: 13px; padding: 8px 0; }
  .steps { color: #889; font-size: 12px; margin-top: 12px; line-height: 1.6; border-top: 1px solid #2c303a; padding-top: 10px; }
  .home-title { font-size: 15px; font-weight: bold; color: #cdd; margin: 4px 0 12px; }
  .home-title span { color: #778; font-weight: normal; font-size: 12px; margin-left: 8px; }
  .cat-name { font-size: 15px; font-weight: bold; color: #cdd; margin: 20px 0 10px; }
  .cat-name:first-child { margin-top: 0; }
  /* ===== 横排卡片 ===== */
  .watch-strip { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 8px; }
  .watch-card { position: relative; flex: 0 0 150px; background: #1d2027; border: 1px solid #2c303a;
                border-radius: 10px; overflow: hidden; cursor: pointer;
                transition: transform .12s, border-color .12s; }
  .watch-card:hover { transform: translateY(-3px); border-color: #5b8cff; }
  .wbar { height: 4px; background: #2a2e37; }
  .wbar-in { height: 100%; background: #5b8cff; }
  .wtitle { font-size: 13px; font-weight: bold; padding: 7px 9px 0; line-height: 1.3;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .wmeta { font-size: 11px; color: #778; padding: 3px 9px 8px;
           white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .w-del { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; border-radius: 50%;
           background: rgba(0,0,0,.55); color: #cdd; display: flex; align-items: center;
           justify-content: center; font-size: 13px; z-index: 2; }
  .w-del:hover { background: rgba(140,35,35,.9); color: #fff; }
  /* ===== 红点角标（追更更新提醒） ===== */
  .fdot { position: absolute; top: 6px; right: 6px; min-width: 19px; height: 19px; border-radius: 10px;
          background: #e5484d; color: #fff; font-size: 11px; font-weight: bold; line-height: 19px;
          text-align: center; padding: 0 5px; box-shadow: 0 2px 6px rgba(229,72,77,.55); z-index: 2; }
  /* ===== 播放历史页（卡片墙） ===== */
  .his-head { display: flex; align-items: center; justify-content: space-between; gap: 12px;
              margin: 4px 0 14px; flex-wrap: wrap; }
  .his-head .home-title { margin: 0; }
  .his-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 14px; }
  .his-card { background: #1d2027; border: 1px solid #2c303a; border-radius: 12px; overflow: hidden;
              cursor: pointer; transition: border-color .12s, transform .12s, box-shadow .12s; }
  .his-card:hover { border-color: #5b8cff; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
  .his-cov { position: relative; aspect-ratio: 2 / 3; overflow: hidden; background: #262a33; }
  .his-cov img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
  .his-ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
            font-size: 40px; font-weight: bold; color: rgba(255,255,255,.92); text-shadow: 0 2px 10px rgba(0,0,0,.4); }
  .his-flag { position: absolute; top: 8px; right: 8px; background: rgba(28,74,52,.92); color: #8fe6ad;
              font-size: 11px; padding: 2px 8px; border-radius: 8px; }
  .his-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(0,0,0,.5); }
  .his-bar-in { height: 100%; background: #5b8cff; }
  .his-body { padding: 11px 13px 13px; }
  .his-name { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; min-width: 0; }
  .his-title { flex: 0 1 auto; min-width: 0; font-size: 14px; font-weight: bold; color: #eef;
               white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .his-ep { background: #26304a; color: #8fb3ff; font-size: 11px; padding: 2px 8px; border-radius: 8px;
            flex: 0 0 auto; max-width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .his-file { font-size: 12px; color: #7e8698; margin-bottom: 5px; white-space: nowrap;
              overflow: hidden; text-overflow: ellipsis; }
  .his-sub { font-size: 12px; color: #9aa3b5; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .his-when { font-size: 12px; color: #6c7383; margin-bottom: 10px; }
  .his-btns { display: flex; gap: 8px; }
  .his-play { flex: 1; }
  .his-del2 { background: transparent; border: 1px solid #3a4152; color: #8a91a3; width: 40px;
              border-radius: 6px; font-size: 13px; cursor: pointer; flex: 0 0 auto; }
  .his-del2:hover { background: rgba(140,35,35,.35); border-color: #8c4040; color: #ffd7d7; }
  /* ===== 下载到本地 ===== */
  #dl-fab { position: fixed; right: 26px; bottom: 26px; background: #26304a; border: 1px solid #3a4152;
            color: #cdd; border-radius: 20px; padding: 9px 16px; font-size: 14px; cursor: pointer;
            z-index: 40; display: none; align-items: center; gap: 7px;
            box-shadow: 0 4px 14px rgba(0,0,0,.45); user-select: none; }
  #dl-fab:hover { background: #2f3b5a; color: #fff; }
  .dl-btn { background: #2b3040; color: #9fb; border: 1px solid #3a4152; padding: 6px 10px;
            border-radius: 6px; font-size: 13px; cursor: pointer; flex-shrink: 0; }
  .dl-btn:hover { background: #3a4152; color: #fff; }
  .dl-btn:disabled { opacity: .5; cursor: default; }
  .dl-row { background: #23262d; border: 1px solid #333844; border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; }
  .dlr-head { display: flex; align-items: center; gap: 8px; }
  .dlr-name { flex: 1; font-size: 13px; color: #cdd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dlr-bar { height: 6px; background: #2a2e37; border-radius: 3px; margin-top: 8px; overflow: hidden; }
  .dlr-bar-in { height: 100%; background: #5b8cff; transition: width .4s; }
  .dlr-meta { display: flex; gap: 12px; font-size: 12px; color: #778; margin-top: 5px; flex-wrap: wrap; }
  /* 分类浏览：页签 + 筛选 + 翻页 */
  .tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
  .tab { padding: 8px 18px; border-radius: 18px; background: #23262d; border: 1px solid #3a3f4a;
         color: #aab; font-size: 14px; cursor: pointer; user-select: none; }
  .tab:hover { color: #fff; border-color: #5b8cff; }
  .tab.on { background: #5b8cff; border-color: #5b8cff; color: #fff; font-weight: bold; }
  #browse-filters { margin-bottom: 12px; }
  .frow { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
  .flabel { color: #778; font-size: 13px; flex-shrink: 0; padding: 5px 0; width: 36px; }
  .chip { padding: 4px 12px; border-radius: 14px; background: #23262d; border: 1px solid #333844;
          color: #bcc; font-size: 13px; cursor: pointer; user-select: none; }
  .chip:hover { border-color: #5b8cff; color: #fff; }
  .chip.on { background: #26304a; border-color: #5b8cff; color: #fff; font-weight: bold; }
  #kw-row { align-items: center; }
  #browse-kw { flex: 0 1 340px; padding: 7px 14px; font-size: 14px; border-radius: 16px; }
  .kw-btn { background: #5b8cff; color: #fff; border: none; padding: 7px 20px; border-radius: 16px;
            font-size: 13px; cursor: pointer; flex-shrink: 0; }
  .kw-btn:hover { background: #6d9aff; }
  .kw-btn.kw-clear { background: #3a3f4a; }
  .kw-btn.kw-clear:hover { background: #4b5563; }
  #browse-pager { display: flex; gap: 14px; align-items: center; justify-content: center; margin: 18px 0 6px; }
  .pg { background: #23262d; border: 1px solid #3a3f4a; color: #cdd; padding: 8px 24px;
        border-radius: 8px; font-size: 14px; cursor: pointer; }
  .pg:hover { border-color: #5b8cff; color: #fff; }
  .pginfo { color: #778; font-size: 13px; }
  .bar-wrap { position: relative; }
  #hist-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #1d2027; border: 1px solid #3a3f4a;
                   border-radius: 10px; margin-top: 6px; z-index: 30; padding: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.45);
                   display: none; flex-wrap: wrap; gap: 8px; align-items: center; }
  .hist-label { color: #778; font-size: 12px; margin-right: 2px; }
  .hist-item { background: #2a2e37; border: 1px solid #3a3f4a; color: #cdd; padding: 6px 13px; border-radius: 16px;
               font-size: 13px; cursor: pointer; }
  .hist-item:hover { border-color: #5b8cff; color: #fff; }
  .fav-btn { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%;
             background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center;
             cursor: pointer; font-size: 16px; color: #ddd; z-index: 2; }
  .fav-btn.on { color: #f59e0b; }
  .fav-btn:hover { color: #f59e0b; }
  .rate-badge { position: absolute; top: 6px; left: 6px; background: rgba(0,0,0,.65); color: #ffb400;
                font-size: 12px; font-weight: bold; padding: 2px 7px; border-radius: 6px; z-index: 2; }
  .card.dead { opacity: .45; filter: grayscale(.65); }
  .dead-badge { position: absolute; top: 6px; left: 6px; background: rgba(140,35,35,.9); color: #fdd;
                font-size: 12px; font-weight: bold; padding: 2px 8px; border-radius: 6px; z-index: 3; }
  .play { background: #7c3aed; color: #fff; border: none; padding: 7px 14px; border-radius: 6px;
          font-size: 13px; cursor: pointer; flex-shrink: 0; }
  .play:hover { background: #8b5cf6; }
  .play:disabled { background: #4b5563; cursor: default; }
  #toast { position: fixed; left: 50%; bottom: 34px; transform: translateX(-50%); background: #23262d;
           color: #e8e8e8; border: 1px solid #3a3f4a; border-radius: 8px; padding: 11px 20px;
           font-size: 14px; z-index: 99; box-shadow: 0 4px 18px rgba(0,0,0,.5); display: none;
           max-width: 80vw; text-align: center; }
  #toast.show { display: block; }
  .toast-btn { margin-left: 14px; background: #5b8cff; color: #fff; border: none; padding: 6px 14px;
               border-radius: 6px; font-size: 13px; cursor: pointer; }
  .toast-btn:hover { background: #6d9aff; }
  /* ===== 设置页 ===== */
  .set-wrap { max-width: 1080px; }
  .set-head { font-size: 19px; font-weight: bold; margin-bottom: 6px; }
  .set-card { border: 1px solid #3a3f4a; border-radius: 12px; padding: 16px; margin-top: 14px; }
  .set-card-title { font-size: 16px; font-weight: bold; color: #cdd; }
  .disk-row { display: flex; gap: 14px; margin-top: 12px; }
  .disk-card { flex: 1; min-width: 0; border: 1px solid #2c303a; border-radius: 10px; padding: 14px; background: #1a1d23; }
  .disk-title { font-size: 14px; font-weight: bold; color: #cdd; }
  .disk-card .hint { margin-top: 6px; }
  .prow { display: flex; gap: 18px; align-items: center; margin: 12px 0 2px; font-size: 14px; color: #cdd; }
  .prow label { cursor: pointer; display: flex; align-items: center; gap: 6px; }
  .prow input[type=radio], .prow input[type=checkbox] { flex: none; width: auto; padding: 0; }
  .qk-note { color: #778; font-size: 12px; margin-top: 4px; }
  /* 监控页 */
  .mon-upd { color: #556; font-size: 12px; text-align: right; margin-bottom: 8px; }
  .mon-table { width: 100%; border-collapse: collapse; font-size: 13px; }
  .mon-table th { text-align: left; color: #778; font-weight: normal; padding: 6px 10px; border-bottom: 1px solid #2c303a; white-space: nowrap; }
  .mon-table td { padding: 7px 10px; border-bottom: 1px solid #22252c; color: #bcc; white-space: nowrap; }
  .mon-table tr:hover td { background: #1c2027; }
  .mon-name { font-weight: bold; color: #cdd; }
  .mon-zero { color: #556; }
  .mon-bad { color: #e06060; font-weight: bold; }
  .hcells { display: flex; gap: 4px; }
  .hcell { width: 20px; height: 20px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #06140a; cursor: default; }
  .hcell.ok { background: #3fae62; }
  .hcell.bad { background: #c94f4f; color: #fff; }
  .hcell.na { background: #2a2e36; }
  /* 选集格子 */
  .ep-season { color: #9aa; font-size: 13px; margin: 12px 0 8px; }
  .ep-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 8px; }
  .ep-cell { position: relative; border: 1px solid #3a3f4a; border-radius: 8px; padding: 9px 4px;
             text-align: center; cursor: pointer; background: #1c2027; transition: border-color .15s, background .15s; }
  .ep-cell:hover { border-color: #5b8cff; background: #22283a; }
  .ep-num { font-size: 15px; font-weight: bold; color: #cdd; }
  .ep-q { display: block; font-size: 10px; color: #778; margin-top: 2px; }
  .ep-cell.watched { opacity: .45; }
  .ep-cell.watched .ep-num { text-decoration: none; }
  .ep-tick { position: absolute; top: 2px; right: 4px; font-size: 10px; color: #3fae62; }
  .ep-cnt { position: absolute; top: 2px; left: 4px; font-size: 9px; color: #9ac1ff; background: #22304d;
            border-radius: 5px; padding: 0 4px; line-height: 14px; }
  .ep-cell.cont { border-color: #e8a33d; background: #2a2417; }
  .ep-cell.cont .ep-num { color: #e8a33d; }
  .ep-flag { position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
             background: #e8a33d; color: #1a1408; font-size: 10px; padding: 1px 6px; border-radius: 6px; white-space: nowrap; }
  .picker-switch { text-align: center; margin-top: 12px; }
  .picker-switch a { color: #778; font-size: 12px; text-decoration: none; }
  .picker-switch a:hover { color: #aab; }
  /* 链接收藏 */
  .fav-star { flex: none; width: auto; padding: 4px 6px; background: none; border: none;
              color: #667; font-size: 15px; cursor: pointer; }
  .fav-star:hover { color: #e8c33d; }
  .fav-star.on { color: #e8c33d; }
  .fav-group { margin-bottom: 18px; }
  .fav-group-title { font-size: 15px; font-weight: bold; color: #cdd; margin: 10px 0 6px; }
  .fav-follow { flex: none; width: auto; padding: 4px 9px; border-radius: 7px; font-size: 12px;
                background: rgba(255,255,255,.06); border: 1px solid #3a3f4a; color: #9aa; cursor: pointer; }
  .fav-follow:hover { border-color: #5b8cff; color: #cdd; }
  .fav-follow.on { background: rgba(63,174,98,.16); border-color: #3fae62; color: #7ee0a3; }
  .fav-chk { flex: none; width: auto; padding: 4px 8px; border-radius: 7px; font-size: 12px;
             background: none; border: 1px solid #2c303a; color: #778; cursor: pointer; }
  .fav-chk:hover { border-color: #5b8cff; color: #aab; }
  .fav-note { font-size: 11px; color: #667; white-space: nowrap; }
  .fav-upd { flex: none; width: auto; padding: 3px 9px; border-radius: 12px; font-size: 12px; font-weight: bold;
             background: #e5484d; border: none; color: #fff; cursor: pointer; box-shadow: 0 2px 6px rgba(229,72,77,.4); }
  .fav-upd:hover { filter: brightness(1.12); }
  .fav-upd.dead { background: #8a5a2b; box-shadow: 0 2px 6px rgba(138,90,43,.4); }
  .nav-dot { margin-left: auto; min-width: 17px; height: 17px; border-radius: 9px; background: #e5484d;
             color: #fff; font-size: 10px; font-weight: bold; align-items: center; justify-content: center;
             padding: 0 4px; display: none; }