@charset "UTF-8";
/* AI工具盒：首页自定义模块 */

/* 我的导航 */
.aitoolhe-personal-nav {
  margin: 0 auto 1.5rem;
}
.aitoolhe-personal-nav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.aitoolhe-personal-nav__tabs {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.aitoolhe-personal-nav__tab {
  position: relative;
  padding: .35rem 0;
  border: 0;
  background: transparent;
  color: #8a8f98;
  cursor: pointer;
}
.aitoolhe-personal-nav__tab.active {
  color: #0d8cff;
}
.aitoolhe-personal-nav__tab.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #0d8cff;
}
.aitoolhe-personal-nav__edit {
  position: static;
  align-self: end;
  justify-self: start;
  margin: 0 0 2px;
  padding: .24rem .78rem;
  border: 1px solid #8a8f98;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 12px;
  line-height: 1.35;
  cursor: pointer;
  z-index: 3;
}
.aitoolhe-personal-nav__edit:hover,
.aitoolhe-personal-nav__edit.active {
  border-color: #0d8cff;
  color: #0d8cff;
}
.aitoolhe-personal-nav__grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 1rem;
  max-width: 100%;
  margin: 0 auto;
}
.aitoolhe-personal-nav__card {
  position: relative;
  display: flex;
  min-width: 0;
  height: 102px;
  padding: .8rem .6rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(125, 125, 125, .08);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: center;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.io-black-mode .aitoolhe-personal-nav__card {
  background: #2c2e2f;
}
.aitoolhe-personal-nav__card:hover {
  transform: translateY(-2px);
  border-color: rgba(13, 140, 255, .45);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
  color: inherit;
}
.aitoolhe-personal-nav__icon {
  width: 46px;
  height: 46px;
  margin-bottom: .5rem;
  border-radius: 50%;
  object-fit: cover;
}
.aitoolhe-personal-nav__title {
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aitoolhe-personal-nav__remove {
  position: absolute;
  top: -7px;
  right: -7px;
  display: none;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #ef4444;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  z-index: 2;
}
.io-black-mode .aitoolhe-personal-nav__remove {
  border-color: #1b1d1f;
}
.aitoolhe-personal-nav.is-editing .aitoolhe-personal-nav__remove {
  display: block;
}


.aitoolhe-personal-nav__add {
  display: flex;
  width: 100%;
  height: 102px;
  border: 1px dashed #0d8cff;
  background: transparent;
  color: #0d8cff;
  cursor: pointer;
}
.aitoolhe-personal-nav__add:hover {
  color: #0d8cff;
}
.aitoolhe-personal-nav__add-mark {
  margin-bottom: .25rem;
  font-size: 32px;
  line-height: 1;
}
.aitoolhe-personal-nav__empty {
  grid-column: 1 / -1;
  padding: 2rem 1rem;
  color: #8a8f98;
  text-align: center;
}
.aitoolhe-category-grid {
  justify-content: center;
}
.aitoolhe-nav-dialog[hidden] {
  display: none;
}
.aitoolhe-nav-dialog {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, .62);
  z-index: 10050;
}
.aitoolhe-nav-dialog__panel {
  width: min(440px, 100%);
  padding: 1.25rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
}
.io-black-mode .aitoolhe-nav-dialog__panel {
  background: #2c2e2f;
}
.aitoolhe-nav-dialog__panel h3 {
  margin: 0 0 1rem;
  font-size: 18px;
}
.aitoolhe-nav-dialog__field {
  display: block;
  margin-bottom: .85rem;
}
.aitoolhe-nav-dialog__field span {
  display: block;
  margin-bottom: .35rem;
  font-size: 13px;
  color: #8a8f98;
}
.aitoolhe-nav-dialog__field input {
  width: 100%;
  height: 42px;
  padding: 0 .75rem;
  border: 1px solid rgba(125, 125, 125, .35);
  border-radius: 7px;
  background: transparent;
  color: inherit;
}
.aitoolhe-nav-dialog__hint {
  display: block;
  margin-top: .45rem;
  color: #8a8f98;
  font-size: 12px;
}
.aitoolhe-nav-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  margin-top: 1rem;
}
@media (max-width: 1199.98px) {
  .aitoolhe-personal-nav__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .aitoolhe-personal-nav__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .aitoolhe-personal-nav__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
  }
  .aitoolhe-personal-nav__card { height: 96px; }
}

/* 热门推荐、最新收录、精选推荐 */
.aitoolhe-home-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:2px 0 44px}.aitoolhe-recommend-card{display:flex;min-width:0;min-height:384px;flex-direction:column;padding:24px 22px;border:1px solid rgba(33,43,54,.06);border-radius:22px;background:#fff;box-shadow:0 10px 32px rgba(33,43,54,.06)}.aitoolhe-recommend-card--hot{background:linear-gradient(145deg,#fffaf4 0%,#fff 72%)}.aitoolhe-recommend-card--latest{background:linear-gradient(145deg,#f8f6ff 0%,#fff 72%)}.aitoolhe-recommend-card--featured{background:linear-gradient(145deg,#f3f8ff 0%,#fff 72%)}.aitoolhe-recommend-title{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:#202b3c;font-size:22px;font-weight:700;line-height:1.25}.aitoolhe-recommend-title i{display:flex;width:30px;height:30px;align-items:center;justify-content:center;font-size:24px}.aitoolhe-recommend-card--hot .aitoolhe-recommend-title i{color:#ff6b22}.aitoolhe-recommend-card--latest .aitoolhe-recommend-title i{color:#7b61ff}.aitoolhe-recommend-card--featured .aitoolhe-recommend-title i{color:#3788ff}.aitoolhe-recommend-list{display:flex;flex:1;flex-direction:column}.aitoolhe-recommend-item{display:grid;grid-template-columns:24px 42px minmax(0,1fr) auto;gap:10px;min-width:0;min-height:59px;align-items:center;padding:7px 0;color:#263247;border-bottom:1px solid rgba(33,43,54,.055);transition:transform .2s ease,color .2s ease}.aitoolhe-recommend-item:last-child{border-bottom:0}.aitoolhe-recommend-item:hover{color:#ff6b22;transform:translateX(3px)}.aitoolhe-recommend-rank{font-size:16px;font-weight:700;text-align:center;color:#98a6ba}.aitoolhe-recommend-item:nth-child(1) .aitoolhe-recommend-rank{color:#f5b400}.aitoolhe-recommend-item:nth-child(2) .aitoolhe-recommend-rank{color:#8fa0b6}.aitoolhe-recommend-item:nth-child(3) .aitoolhe-recommend-rank{color:#f06c28}.aitoolhe-recommend-icon{width:42px;height:42px;padding:2px;border:1px solid rgba(33,43,54,.08);border-radius:50%;background:#fff;object-fit:cover}.aitoolhe-recommend-meta{display:flex;min-width:0;align-items:center;gap:9px}.aitoolhe-recommend-name{overflow:hidden;min-width:0;color:inherit;font-size:16px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.aitoolhe-recommend-tag{overflow:hidden;max-width:112px;padding:3px 9px;border-radius:14px;background:rgba(255,107,34,.09);color:#ff6b22;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.aitoolhe-recommend-views{color:#94a5bd;font-size:12px;white-space:nowrap}.aitoolhe-recommend-views i{margin-right:4px}.aitoolhe-recommend-ad{display:flex;flex:1;min-height:294px;align-items:center;justify-content:center;overflow:hidden;border-radius:15px;background:rgba(55,136,255,.045)}.aitoolhe-recommend-ad .apd,.aitoolhe-recommend-ad a{display:block;width:100%;margin:0}.aitoolhe-recommend-ad img{display:block;width:100%;max-height:294px;border-radius:15px;object-fit:cover}.io-black-mode .aitoolhe-recommend-card{border-color:rgba(255,255,255,.065);box-shadow:0 10px 32px rgba(0,0,0,.14)}.io-black-mode .aitoolhe-recommend-card--hot{background:linear-gradient(145deg,#302820 0%,#242627 72%)}.io-black-mode .aitoolhe-recommend-card--latest{background:linear-gradient(145deg,#28243a 0%,#242627 72%)}.io-black-mode .aitoolhe-recommend-card--featured{background:linear-gradient(145deg,#202d3b 0%,#242627 72%)}.io-black-mode .aitoolhe-recommend-title,.io-black-mode .aitoolhe-recommend-item{color:#eef2f8}.io-black-mode .aitoolhe-recommend-item{border-bottom-color:rgba(255,255,255,.06)}.io-black-mode .aitoolhe-recommend-tag{background:rgba(255,107,34,.14)}.io-black-mode .aitoolhe-recommend-ad{background:rgba(255,255,255,.035)}@media(max-width:1199px){.aitoolhe-home-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.aitoolhe-recommend-card--featured{grid-column:1/-1;min-height:300px}.aitoolhe-recommend-ad{min-height:210px}.aitoolhe-recommend-ad img{max-height:260px}}@media(max-width:767px){.aitoolhe-home-recommendations{grid-template-columns:1fr;gap:16px;margin-bottom:34px}.aitoolhe-recommend-card,.aitoolhe-recommend-card--featured{grid-column:auto;min-height:0;padding:20px 16px;border-radius:18px}.aitoolhe-recommend-title{font-size:20px}.aitoolhe-recommend-item{grid-template-columns:22px 38px minmax(0,1fr) auto;gap:8px;min-height:55px}.aitoolhe-recommend-icon{width:38px;height:38px}.aitoolhe-recommend-tag{display:none}.aitoolhe-recommend-ad{min-height:160px}.aitoolhe-recommend-ad img{max-height:220px}}