/* OneNav iOS26 — Author Favorites V1 (v1.7.3) */

body.author .mf-author-favorites .mf-author-main-tabs {
  gap:3px;
}
body.author .mf-author-favorites .mf-author-main-tabs > .btn-tab {
  min-height:34px;
  padding:7px 10px !important;
  border-radius:11px !important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease;
}
body.author .mf-author-favorites .mf-author-main-tabs > .btn-tab.active {
  color:#e45f70 !important;
  background:rgba(255,91,111,.09) !important;
  box-shadow:inset 0 0 0 1px rgba(231,92,111,.12);
}

body.author .mf-favorites-pane {
  min-height:360px;
}
body.author .mf-favorite-type-tabs {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 15px !important;
}
body.author .mf-favorite-type-btn {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:32px;
  margin:0 !important;
  padding:0 11px !important;
  border:1px solid rgba(126,146,176,.14) !important;
  border-radius:999px !important;
  color:#667487 !important;
  background:rgba(255,255,255,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70);
  font-size:11px !important;
  font-weight:700 !important;
}
body.author .mf-favorite-type-btn .badge {
  min-width:20px;
  height:20px;
  margin-left:6px !important;
  padding:0 5px !important;
  border:1px solid rgba(126,146,176,.12);
  border-radius:999px !important;
  background:rgba(125,145,173,.07) !important;
  color:#8b96a5 !important;
  line-height:18px !important;
  font-size:9px !important;
}
body.author .mf-favorite-type-btn.active {
  color:#fff !important;
  border-color:rgba(238,86,106,.30) !important;
  background:linear-gradient(135deg,#ff7888,#f15066) !important;
  box-shadow:0 6px 14px rgba(225,77,96,.16) !important;
}
body.author .mf-favorite-type-btn.active .badge {
  color:#fff !important;
  border-color:rgba(255,255,255,.32) !important;
  background:rgba(255,255,255,.16) !important;
}

body.author .mf-favorites-grid {
  position:relative;
  min-height:300px;
}
body.author .mf-favorites-empty {
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
  padding:0 !important;
}
body.author .mf-favorites-empty-inner {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:300px;
  padding:22px 16px 28px;
  border:1px dashed rgba(128,147,175,.11);
  border-radius:20px;
  background:radial-gradient(circle at 50% 42%,rgba(106,151,225,.06),transparent 45%);
}
body.author .mf-favorites-empty-svg {
  width:170px !important;
  max-width:28vw !important;
  height:auto !important;
  margin:0 auto 12px !important;
  opacity:.88;
  filter:saturate(.88);
}
body.author .mf-favorites-empty-msg {
  margin:0 !important;
  color:#8e99a8 !important;
  font-size:11px !important;
  line-height:1.35;
}
body.author .mf-favorites-empty-msg::after {
  content:"收藏喜欢的文章、网址、书籍或软件后，会显示在这里";
  display:block;
  margin-top:6px;
  color:#a8b1bd;
  font-size:9px;
  text-align:center;
}
body.author .mf-favorite-native-item {
  transition:transform .16s ease,filter .18s ease;
}
body.author .mf-favorites-posts-nav .next-page a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 13px;
  border:1px solid rgba(125,146,176,.13);
  border-radius:10px;
  background:rgba(255,255,255,.50);
  color:#78879a;
  font-size:10px;
  font-weight:700;
}

/* Administrator visual demo */
body.author .mf-favorite-demo-wrap {
  width:100%;
}
body.author .mf-favorite-demo-note {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  padding:9px 11px;
  border:1px solid rgba(74,137,222,.14);
  border-radius:11px;
  background:rgba(77,145,232,.07);
  color:#758398;
  font-size:9px;
}
body.author .mf-favorite-demo-note strong {
  color:#3f78c2;
  font-size:10px;
  font-weight:800;
}
body.author .mf-favorite-demo-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
body.author .mf-favorite-demo-card {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 30px;
  align-items:center;
  gap:10px;
  min-height:78px;
  padding:12px;
  border:1px solid rgba(126,146,176,.12);
  border-radius:15px;
  background:rgba(255,255,255,.53);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
body.author .mf-favorite-demo-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:13px;
  color:#dd6877;
  background:linear-gradient(145deg,rgba(255,122,139,.14),rgba(255,177,187,.07));
  font-size:13px;
  font-weight:850;
}
body.author .mf-favorite-demo-main {min-width:0;}
body.author .mf-favorite-demo-type {color:#9aa5b3;font-size:8px;font-weight:700;}
body.author .mf-favorite-demo-title {margin-top:3px;overflow:hidden;color:#334256;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;}
body.author .mf-favorite-demo-time {margin-top:4px;color:#9ba6b4;font-size:8px;}
body.author .mf-favorite-demo-remove {
  width:30px;height:30px;padding:0;border:0;border-radius:10px;
  color:#e36a79;background:rgba(235,91,110,.075);font-size:17px;cursor:default;
}

@media (hover:hover) {
  body.author .mf-favorite-type-btn:hover {transform:translateY(-1px);}
  body.author .mf-favorite-native-item:hover {transform:translateY(-1px);}
}

html.io-black-mode body.author .mf-favorite-type-btn {
  color:#aab6c6 !important;
  border-color:rgba(189,207,232,.09) !important;
  background:rgba(47,57,74,.45) !important;
  box-shadow:none;
}
html.io-black-mode body.author .mf-favorite-type-btn.active {
  color:#fff !important;
  border-color:rgba(239,109,126,.19) !important;
  background:linear-gradient(135deg,rgba(185,72,90,.92),rgba(153,51,69,.94)) !important;
}
html.io-black-mode body.author .mf-favorites-empty-inner {
  border-color:rgba(190,207,232,.07);
  background:radial-gradient(circle at 50% 42%,rgba(80,125,195,.07),transparent 45%);
}
html.io-black-mode body.author .mf-favorites-empty-msg {color:#96a3b5 !important;}
html.io-black-mode body.author .mf-favorites-empty-msg::after {color:#758296;}
html.io-black-mode body.author .mf-favorite-demo-note {
  border-color:rgba(111,166,241,.11);background:rgba(75,133,211,.08);color:#9aa8ba;
}
html.io-black-mode body.author .mf-favorite-demo-note strong {color:#8bb8f4;}
html.io-black-mode body.author .mf-favorite-demo-card {
  border-color:rgba(190,207,232,.07);background:rgba(43,52,68,.48);box-shadow:none;
}
html.io-black-mode body.author .mf-favorite-demo-title {color:#e6edf6;}

@media (max-width:767.98px) {
  body.author .mf-author-favorites .mf-author-main-tabs {
    gap:1px;
    padding:0 2px;
  }
  body.author .mf-author-favorites .mf-author-main-tabs > .btn-tab {
    flex:none;
    min-height:42px;
    padding:8px 10px !important;
    font-size:13px !important;
  }
  body.author .mf-author-favorites .mf-author-main-tabs > .btn-tab .badge {
    margin-left:5px !important;
  }
  body.author .mf-favorite-type-tabs {
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:7px;
    margin-bottom:12px !important;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  body.author .mf-favorite-type-tabs::-webkit-scrollbar {display:none;}
  body.author .mf-favorite-type-btn {
    flex:none;
    min-height:34px;
    padding:0 12px !important;
    font-size:12px !important;
  }
  body.author .mf-favorites-grid {min-height:360px;}
  body.author .mf-favorites-empty-inner {
    min-height:360px;
    padding:26px 13px 32px;
    border-radius:16px;
  }
  body.author .mf-favorites-empty-svg {
    width:185px !important;
    max-width:58vw !important;
    margin-bottom:14px !important;
  }
  body.author .mf-favorites-empty-msg {font-size:12px !important;}
  body.author .mf-favorites-empty-msg::after {
    max-width:240px;
    margin:7px auto 0;
    font-size:9px;
    line-height:1.5;
  }
  body.author .mf-favorite-demo-note {
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
  body.author .mf-favorite-demo-grid {grid-template-columns:1fr;gap:7px;}
  body.author .mf-favorite-demo-card {min-height:72px;padding:11px;border-radius:14px;}
}

@media (prefers-reduced-motion:reduce) {
  body.author .mf-favorite-type-btn,
  body.author .mf-favorite-native-item {transition:none !important;}
}


/* =========================================================
   v1.7.3.1 — desktop favorites full-width fix
   Parent author/star content can inherit a half-width flex/column constraint.
   Favorites should use the complete author content area on desktop.
   ========================================================= */
@media (min-width:768px) {
  body.author #tab_star.mf-favorites-pane,
  body.author .mf-favorites-pane {
    width:100% !important;
    max-width:none !important;
    flex:0 0 100% !important;
  }

  body.author .mf-favorites-pane > .mb-3,
  body.author .mf-favorite-type-tabs,
  body.author .mf-favorites-grid,
  body.author .mf-favorite-demo-wrap {
    width:100% !important;
    max-width:none !important;
  }

  body.author .mf-favorites-grid.mf-favorites-demo-mode {
    display:block !important;
    flex:0 0 100% !important;
  }

  body.author .mf-favorite-demo-grid {
    width:100% !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.author .mf-favorite-demo-card {
    width:100% !important;
    min-width:0 !important;
  }

  body.author .mf-favorite-demo-note {
    width:100% !important;
  }
}

/* =========================================================
   v1.7.3.3 — content-width adaptive favorite grid
   Do not depend on viewport >=1200px. Fill by available content width.
   ========================================================= */
@media (min-width:768px) {
  body.author .mf-favorite-demo-grid {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
  }

  body.author .mf-favorite-demo-card {
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
}

@media (min-width:768px) and (max-width:991.98px) {
  body.author .mf-favorite-demo-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
