/* TASK 6B: maker-profile 人才个人主页。仅覆盖 maker-profile；TASK 6A 人才目录视觉冻结。 */

body:has(#view-maker-profile.active),
body:has(#view-maker-profile.active) #app,
body:has(#view-maker-profile.active) #view-maker-profile {
  background: #fff;
}

body:has(#view-maker-profile.active) #app > .bg {
  display: none;
}

/* 人才频道没有“发布”型主 CTA。额外用 CSS 兜底，避免旧频道状态串线。 */
body:has(#view-maker-profile.active) #main-topbar .plaza-top-publish,
body:has(#view-plaza.plaza-mode-maker.active) #main-topbar .plaza-top-publish {
  display: none !important;
}

#view-maker-profile.plaza-maker-profile {
  /* 与公共 Header 的 Logo / 账户左右边界使用同一版心。 */
  width: min(calc(100% - var(--plaza-shell-gutter, 48px)), var(--plaza-shell-max, 1480px));
  max-width: none;
  margin: 0 auto;
  padding: 24px 0 64px;
  color: #202633;
}

#view-maker-profile.plaza-maker-profile.active {
  display: grid;
  gap: 0;
}

#view-maker-profile .plaza-maker-profile-back {
  justify-self: start;
  min-height: 34px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #626b7c;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
}

#view-maker-profile .plaza-maker-profile-back:hover {
  color: #5158df;
  transform: none;
}

/* 首屏是自然 Profile Header，不是 Hero Card。 */
#view-maker-profile .plaza-maker-profile-header {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  padding: 10px 0 34px;
  border-bottom: 1px solid #d5d9e2;
  background: transparent;
}

#view-maker-profile .plaza-maker-profile-avatar-wrap {
  width: 112px;
  height: 112px;
}

#view-maker-profile .plaza-maker-profile-avatar-wrap .big-avatar {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe3ea;
  border-radius: 50%;
  color: #fff;
  background-color: #6971df;
  box-shadow: none;
  font-size: 34px;
  font-weight: 700;
}

#view-maker-profile .plaza-maker-profile-intro {
  min-width: 0;
  padding-top: 2px;
}

#view-maker-profile .plaza-maker-profile-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

#view-maker-profile .plaza-maker-profile-title-row h1 {
  margin: 0;
  color: #1d2430;
  font-family: var(--font) !important;
  font-size: clamp(28px, 2vw, 34px);
  font-weight: 750;
  line-height: 1.22;
  letter-spacing: -0.02em;
}

#view-maker-profile .plaza-maker-profile-direction {
  margin: 7px 0 0;
  color: #424c5e;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

#view-maker-profile .plaza-maker-profile-availability {
  flex: 0 0 auto;
  margin-top: 5px;
  color: #5a63cd;
  font-size: 13px;
  font-weight: 650;
  white-space: nowrap;
}

#view-maker-profile .plaza-maker-profile-meta {
  margin: 7px 0 0;
  color: #818999;
  font-size: 13px;
}

#view-maker-profile .plaza-maker-profile-bio {
  max-width: 900px;
  margin: 15px 0 0;
  color: #4c5668;
  font-size: 15px;
  line-height: 1.75;
}

#view-maker-profile .plaza-maker-profile-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

#view-maker-profile .plaza-maker-profile-tags span,
#view-maker-profile .plaza-maker-profile-skill-list span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 9px;
  border: 1px solid #e2e5eb;
  border-radius: 7px;
  color: #596376;
  background: #fafbfc;
  font-size: 12px;
  font-weight: 600;
}

#view-maker-profile .plaza-maker-profile-summary {
  margin: 14px 0 0;
  color: #7a8393;
  font-size: 12px;
}

#view-maker-profile .plaza-maker-profile-actions {
  min-height: 0;
  margin-top: 16px;
}

#view-maker-profile .plaza-maker-profile-action {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #d8dcf5;
  border-radius: 8px;
  color: #5059cc;
  background: #f7f7ff;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
}

#view-maker-profile .plaza-maker-profile-action:hover {
  border-color: #c8cdf0;
  background: #f2f3ff;
}

/* 主列 + Sidebar。Sidebar 是连续阅读栏，不做 Card 堆叠。 */
#view-maker-profile .plaza-maker-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 56px;
  padding-top: 32px;
}

#view-maker-profile .plaza-maker-profile-main,
#view-maker-profile .plaza-maker-profile-side {
  min-width: 0;
}

#view-maker-profile .plaza-maker-profile-main {
  display: grid;
  gap: 0;
}

#view-maker-profile .plaza-maker-profile-section {
  padding: 0 0 32px;
}

#view-maker-profile .plaza-maker-profile-section + .plaza-maker-profile-section {
  padding-top: 30px;
  border-top: 1px solid #d5d9e2;
}

#view-maker-profile .plaza-maker-profile-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 10px;
}

#view-maker-profile .plaza-maker-profile-section-head h2,
#view-maker-profile .plaza-maker-profile-side-section h2 {
  margin: 0;
  color: #232a36;
  font-family: var(--font) !important;
  font-size: 16px;
  font-weight: 720;
  line-height: 1.4;
  letter-spacing: 0;
}

#view-maker-profile .plaza-maker-profile-section-count {
  color: #939aa7;
  font-size: 12px;
}

/* 项目改成紧凑 Row，不复用广场五列大 Card。 */
#view-maker-profile .plaza-maker-profile-projects {
  display: grid;
}

#view-maker-profile .plaza-maker-profile-project {
  position: relative;
  display: grid;
  grid-template-columns: 158px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 20px;
  min-height: 132px;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid #e0e3e9;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 130ms ease;
}

#view-maker-profile .plaza-maker-profile-project.is-extra {
  display: none;
}

#view-maker-profile .plaza-maker-profile-projects.is-expanded .plaza-maker-profile-project.is-extra {
  display: grid;
}

#view-maker-profile .plaza-maker-profile-project:hover,
#view-maker-profile .plaza-maker-profile-idea:hover {
  background: #fafafc;
}

#view-maker-profile .plaza-maker-profile-project:focus-visible,
#view-maker-profile .plaza-maker-profile-idea:focus-visible,
#view-maker-profile .plaza-maker-profile-activity-item:focus-visible {
  outline: 2px solid rgba(81, 88, 223, 0.45);
  outline-offset: -2px;
}

#view-maker-profile .plaza-maker-profile-project-cover {
  width: 158px;
  aspect-ratio: 16 / 9.4;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e1e4ea;
  border-radius: 9px;
  color: #8b93a3;
  background: #f3f4f7;
  background-position: center;
  background-size: cover;
}

#view-maker-profile .plaza-maker-profile-project-cover b {
  font-size: 12px;
  font-weight: 650;
}

#view-maker-profile .plaza-maker-profile-project-copy,
#view-maker-profile .plaza-maker-profile-idea-copy {
  min-width: 0;
}

#view-maker-profile .plaza-maker-profile-project-title-row,
#view-maker-profile .plaza-maker-profile-idea-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

#view-maker-profile .plaza-maker-profile-project h3,
#view-maker-profile .plaza-maker-profile-idea h3 {
  min-width: 0;
  margin: 0;
  color: #242b37;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

#view-maker-profile .plaza-maker-profile-project-title-row > span,
#view-maker-profile .plaza-maker-profile-idea-title-row > span {
  flex: 0 0 auto;
  color: #616ad0;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

#view-maker-profile .plaza-maker-profile-project p,
#view-maker-profile .plaza-maker-profile-idea p {
  display: -webkit-box;
  overflow: hidden;
  margin: 7px 0 0;
  color: #606a7b;
  font-size: 13px;
  line-height: 1.62;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#view-maker-profile .plaza-maker-profile-project-meta,
#view-maker-profile .plaza-maker-profile-idea-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  color: #9299a7;
  font-size: 11px;
}

#view-maker-profile .plaza-maker-profile-row-arrow {
  align-self: center;
  color: #a1a7b3;
  font-size: 15px;
}

#view-maker-profile .plaza-maker-profile-more {
  margin-top: 14px;
  padding: 0;
  border: 0;
  color: #6069ca;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
}

#view-maker-profile .plaza-maker-profile-more:hover {
  color: #454dc0;
}

#view-maker-profile .plaza-maker-profile-empty {
  margin: 12px 0 0;
  padding: 14px 0;
  color: #8d94a2;
  font-size: 13px;
}

/* 点子保持文字型条目。 */
#view-maker-profile .plaza-maker-profile-ideas {
  display: grid;
}

#view-maker-profile .plaza-maker-profile-idea {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px;
  align-items: center;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #e0e3e9;
  cursor: pointer;
  transition: background-color 130ms ease;
}

/* 最近动态是轻量时间流，不是一条一张 Card。 */
#view-maker-profile .plaza-maker-profile-activity {
  display: grid;
}

#view-maker-profile .plaza-maker-profile-activity-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 18px;
  align-items: baseline;
  gap: 16px;
  min-height: 48px;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid #e6e8ed;
  color: #4e5868;
  background: transparent;
  text-align: left;
}

#view-maker-profile .plaza-maker-profile-activity-item time {
  color: #959ca9;
  font-size: 11px;
}

#view-maker-profile .plaza-maker-profile-activity-item span {
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-maker-profile .plaza-maker-profile-activity-item i {
  color: #a4aab5;
  font-style: normal;
}

/* Sidebar：标题 / 内容 / divider，明确禁止 Card 盒子。 */
#view-maker-profile .plaza-maker-profile-side {
  border-top: 1px solid #d5d9e2;
}

#view-maker-profile .plaza-maker-profile-side-section {
  padding: 22px 0 24px;
  border-bottom: 1px solid #d5d9e2;
  background: transparent;
}

#view-maker-profile .plaza-maker-profile-side-section h2 {
  margin-bottom: 16px;
  font-size: 14px;
}

#view-maker-profile .plaza-maker-profile-about {
  display: grid;
  gap: 13px;
  margin: 0;
}

#view-maker-profile .plaza-maker-profile-about > div {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

#view-maker-profile .plaza-maker-profile-about dt {
  color: #969daa;
  font-size: 11px;
}

#view-maker-profile .plaza-maker-profile-about dd {
  margin: 0;
  color: #4d5667;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

#view-maker-profile .plaza-maker-profile-skill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#view-maker-profile .plaza-maker-profile-side-empty {
  margin: 0;
  color: #949ba8;
  font-size: 12px;
}

#view-maker-profile .plaza-maker-profile-cert-list {
  display: grid;
  gap: 10px;
}

#view-maker-profile .plaza-maker-profile-cert-list > div {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #5d6676;
}

#view-maker-profile .plaza-maker-profile-cert-list span {
  color: #6971d5;
  font-size: 11px;
}

#view-maker-profile .plaza-maker-profile-cert-list strong {
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 1500px) {
  #view-maker-profile.plaza-maker-profile {
    width: min(calc(100% - 48px), 1720px);
  }

  #view-maker-profile .plaza-maker-profile-layout {
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 42px;
  }

  #view-maker-profile .plaza-maker-profile-project {
    grid-template-columns: 142px minmax(0, 1fr) 18px;
    gap: 16px;
  }

  #view-maker-profile .plaza-maker-profile-project-cover {
    width: 142px;
  }
}

@media (max-width: 1080px) {
  #view-maker-profile .plaza-maker-profile-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #view-maker-profile .plaza-maker-profile-side {
    border-top: 1px solid #d5d9e2;
  }
}

@media (max-width: 760px) {
  #view-maker-profile.plaza-maker-profile {
    width: min(calc(100% - 28px), 1720px);
    padding-top: 16px;
  }

  #view-maker-profile .plaza-maker-profile-header {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 18px;
    padding-bottom: 26px;
  }

  #view-maker-profile .plaza-maker-profile-avatar-wrap,
  #view-maker-profile .plaza-maker-profile-avatar-wrap .big-avatar {
    width: 80px;
    height: 80px;
  }

  #view-maker-profile .plaza-maker-profile-avatar-wrap .big-avatar {
    font-size: 26px;
  }

  #view-maker-profile .plaza-maker-profile-title-row {
    display: block;
  }

  #view-maker-profile .plaza-maker-profile-availability {
    display: inline-block;
    margin-top: 8px;
  }

  #view-maker-profile .plaza-maker-profile-project {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
  }

  #view-maker-profile .plaza-maker-profile-project-cover {
    width: 112px;
  }

  #view-maker-profile .plaza-maker-profile-row-arrow {
    display: none;
  }

  #view-maker-profile .plaza-maker-profile-project-title-row,
  #view-maker-profile .plaza-maker-profile-idea-title-row {
    display: block;
  }

  #view-maker-profile .plaza-maker-profile-project-title-row > span,
  #view-maker-profile .plaza-maker-profile-idea-title-row > span {
    display: inline-block;
    margin-top: 4px;
  }

  #view-maker-profile .plaza-maker-profile-activity-item {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
  }

  #view-maker-profile .plaza-maker-profile-activity-item i {
    display: none;
  }
}