/*
 * 安逸导航 自定义样式
 * 在父主题 main 样式之后加载；颜色尽量用 OneNav 的变量，深色模式（.io-black-mode）自动跟随。
 */

/* ---------- 详情页：产品概览 ---------- */
.anyi-overview { margin-bottom: 1rem; }
.anyi-overview .card-body { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; }
.anyi-overview-score { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.anyi-rating { display: flex; align-items: baseline; gap: .4rem; margin-right: .5rem; }
.anyi-rating-num { font-size: 2rem; font-weight: 700; line-height: 1; color: var(--theme-color); font-variant-numeric: tabular-nums; }
.anyi-rating-label { font-size: .8rem; color: var(--muted-color); }
.anyi-grade { display: inline-flex; align-items: baseline; gap: 1px; font-weight: 700; font-size: 1rem; padding: .1rem .55rem; border-radius: var(--theme-border-radius-sm, 4px); color: #fff; background: #8a94a6; }
.anyi-grade small { font-size: .7em; font-weight: 500; }
.anyi-grade-s { background: linear-gradient(135deg, #f0a32f, #e2531d); }
.anyi-grade-a { background: #6c5ce7; }
.anyi-grade-b { background: #2d8cf0; }
.anyi-status, .anyi-badge { font-size: .75rem; padding: .15rem .55rem; border-radius: 99px; background: var(--muted-bg-color); color: var(--muted-color); white-space: nowrap; }
.anyi-status-active { color: #1f9254; background: rgba(31, 146, 84, .12); }
.anyi-status-beta { color: #2d6cdf; background: rgba(45, 108, 223, .12); }
.anyi-status-paused, .anyi-status-closed { color: #c0392b; background: rgba(192, 57, 43, .12); }
.anyi-badge-new { color: #1f9254; background: rgba(31, 146, 84, .12); }
.anyi-badge-hot { color: #e2531d; background: rgba(226, 83, 29, .12); }
.anyi-badge-cn_pick, .anyi-badge-intl_pick { color: var(--theme-color); background: rgba(var(--theme-color-rgb), .12); }

.anyi-overview-meta { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .5rem 1.5rem; margin: 0; flex: 1 1 360px; }
.anyi-overview-meta > div { min-width: 0; }
.anyi-overview-meta dt { font-size: .75rem; font-weight: 400; color: var(--muted-color); }
.anyi-overview-meta dd { margin: 0; font-size: .9rem; color: var(--main-color); overflow-wrap: anywhere; }

/* ---------- 详情页：结构化内容 ---------- */
.anyi-section { margin-top: 1.75rem; }
.anyi-section h2 { font-size: 1.15rem; margin-bottom: .75rem; }
.anyi-section ul, .anyi-section ol { padding-left: 1.25rem; margin: 0; }
.anyi-section li { margin-bottom: .35rem; line-height: 1.75; }

.anyi-badge-sponsor { color: #9a6a00; background: rgba(240, 163, 47, .16); }
.anyi-rank-badges { display: flex; flex-wrap: wrap; gap: .4rem; flex-basis: 100%; }
.anyi-rank-badge { font-size: .75rem; padding: .2rem .6rem; border-radius: var(--theme-border-radius-sm, 4px); color: #9a6a00; background: rgba(240, 163, 47, .14); white-space: nowrap; }
.anyi-rank-badge b { font-weight: 700; margin-right: .15rem; }
a.anyi-rank-badge:hover { color: #e2531d; text-decoration: none; }

/* ---------- 网址卡片角标 ---------- */
.anyi-card-badges { display: inline-flex; gap: 3px; margin-left: .35rem; vertical-align: 1px; }
.anyi-cb { display: inline-block; font-size: 10px; line-height: 16px; padding: 0 5px; border-radius: 3px; font-weight: 500; color: var(--muted-color); background: var(--muted-bg-color); white-space: nowrap; }
.anyi-cb-new { color: #1f9254; background: rgba(31, 146, 84, .12); }
.anyi-cb-hot { color: #e2531d; background: rgba(226, 83, 29, .12); }
.anyi-cb-cn_pick, .anyi-cb-intl_pick { color: var(--theme-color); background: rgba(var(--theme-color-rgb), .12); }
.anyi-cb-sponsor { color: #9a6a00; background: rgba(240, 163, 47, .18); }
.anyi-cb-rating { color: #e2531d; background: transparent; padding: 0 2px; font-weight: 700; }
.sites-item .item-title { display: flex; align-items: center; min-width: 0; }
.sites-item .item-title > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.style-sites-min .anyi-cb-lang, .style-sites-min .anyi-cb-rating { display: none; }

/* ---------- 区块通用标题 ---------- */
.anyi-block-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; }
.anyi-block-head h2 { font-size: 1.05rem; font-weight: 700; margin: 0; }
.anyi-more { font-size: .8rem; color: var(--muted-color); white-space: nowrap; }
.anyi-more:hover { color: var(--theme-color); }

/* ---------- 首页：Top5 + 快速进入 ---------- */
.anyi-home-blocks { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1rem; margin: 0 0 1rem; }
@media (max-width: 991.98px) { .anyi-home-blocks { grid-template-columns: 1fr; } }
.anyi-home-blocks > .card { margin: 0; }
.anyi-home-blocks .card-body { margin-top: 0; }
.anyi-home-module { margin-top: 1rem; }

.anyi-toplist-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .15rem; }
.anyi-toplist-items a { display: flex; align-items: center; gap: .65rem; padding: .45rem .5rem; border-radius: var(--theme-border-radius-sm, 6px); color: var(--main-color); min-width: 0; }
.anyi-toplist-items a:hover { background: var(--muted-bg-color); text-decoration: none; }
.anyi-top-no { flex: 0 0 1.5rem; height: 1.5rem; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: .8rem; font-weight: 700; color: var(--muted-color); background: var(--muted-bg-color); font-variant-numeric: tabular-nums; }
.anyi-top-1 .anyi-top-no { color: #fff; background: linear-gradient(135deg, #f0a32f, #e2531d); }
.anyi-top-2 .anyi-top-no { color: #fff; background: #8a94a6; }
.anyi-top-3 .anyi-top-no { color: #fff; background: #b07a4a; }
.anyi-top-ico { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 8px; object-fit: cover; background: var(--muted-bg-color); }
.anyi-top-text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.anyi-top-text b { font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anyi-top-text small { font-size: .75rem; color: var(--muted-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anyi-top-score { font-weight: 700; color: #e2531d; font-variant-numeric: tabular-nums; }

.anyi-quick-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
@media (min-width: 576px) { .anyi-quick-items { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) { .anyi-quick-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.anyi-quick-items a { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .6rem .75rem; border-radius: var(--theme-border-radius-sm, 6px); background: var(--muted-bg-color); color: var(--main-color); min-width: 0; }
.anyi-quick-items a:hover { color: var(--theme-color); text-decoration: none; }
.anyi-quick-items span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; }
.anyi-quick-items em { font-style: normal; font-size: .75rem; color: var(--muted-color); white-space: nowrap; }

.anyi-scenes { margin: 0 0 1rem; }
.anyi-scenes ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .75rem; }
.anyi-scenes a { display: flex; flex-direction: column; gap: .25rem; padding: .9rem 1rem; color: var(--main-color); height: 100%; }
.anyi-scenes a:hover { color: var(--theme-color); text-decoration: none; }
.anyi-scenes small { color: var(--muted-color); font-size: .75rem; line-height: 1.5; }

/* 分类页 Top5 */
.anyi-cat-top .anyi-toplist-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .25rem .75rem; }

/* ---------- 赞助墙 ---------- */
.anyi-sponsor-wall { display: flex; flex-direction: column; gap: 1.5rem; }
.anyi-sponsor-level h2 { font-size: 1.1rem; margin-bottom: .75rem; }
.anyi-sponsor-level ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .75rem; }
.anyi-sponsor-level a { display: flex; flex-direction: column; gap: .25rem; padding: .9rem 1rem; border-radius: var(--theme-border-radius, 8px); background: var(--muted-bg-color); color: var(--main-color); height: 100%; }
.anyi-sponsor-level a:hover { text-decoration: none; color: var(--theme-color); }
.anyi-sponsor-level small { color: var(--muted-color); font-size: .75rem; line-height: 1.5; }
.anyi-sponsor-gold a { background: rgba(240, 163, 47, .12); }

/* ---------- 提示词库 ---------- */
.anyi-page-head { padding: 1.5rem 0 1rem; }
.anyi-page-head h1 { font-size: 1.6rem; font-weight: 700; margin-bottom: .35rem; }
.anyi-page-head p { color: var(--muted-color); margin: 0; max-width: 60ch; }
.anyi-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }
.anyi-tabs a { font-size: .85rem; padding: .3rem .85rem; border-radius: 99px; background: var(--muted-bg-color); color: var(--main-color); }
.anyi-tabs a.active, .anyi-tabs a:hover { background: var(--theme-color); color: #fff; text-decoration: none; }
.anyi-prompt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
.anyi-prompt-card { margin: 0; height: 100%; }
.anyi-prompt-card .card-body { display: flex; flex-direction: column; gap: .5rem; height: 100%; }
.anyi-prompt-card h2 { font-size: 1rem; margin: 0; }
.anyi-prompt-card p { font-size: .85rem; color: var(--muted-color); margin: 0; flex: 1 1 auto; }
.anyi-prompt-cat { align-self: flex-start; font-size: .7rem; padding: 0 .5rem; border-radius: 99px; color: var(--theme-color); background: rgba(var(--theme-color-rgb), .12); }
.anyi-prompt-foot { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .75rem; color: var(--muted-color); }
.anyi-copy { font-size: .8rem; padding: .25rem .75rem; border: 0; border-radius: 99px; color: #fff; background: var(--theme-color); cursor: pointer; white-space: nowrap; }
.anyi-copy:focus-visible { outline: 2px solid var(--theme-color); outline-offset: 2px; }
.anyi-crumb { font-size: .8rem; color: var(--muted-color); margin: .75rem 0; }
.anyi-crumb a { color: var(--muted-color); }
.anyi-prompt-single h1 { font-size: 1.5rem; margin-bottom: .5rem; }
.anyi-prompt-tools { color: var(--muted-color); font-size: .85rem; }
.anyi-prompt-box { position: relative; margin: 1rem 0 1.5rem; }
.anyi-prompt-box pre { white-space: pre-wrap; word-break: break-word; padding: 1rem 1rem 3rem; border-radius: var(--theme-border-radius, 8px); background: var(--muted-bg-color); color: var(--main-color); font-family: inherit; font-size: .95rem; line-height: 1.8; margin: 0; }
.anyi-prompt-box .anyi-copy { position: absolute; right: .75rem; bottom: .75rem; }
.anyi-empty { color: var(--muted-color); padding: 2rem 0; }