.HookPreview_preview__urwrv{position:relative;flex-shrink:0;width:465.51px;height:220px}.HookPreview_card__sAdB_{position:absolute;height:116.982px;overflow:hidden;border:4px solid var(--neutral-0);border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.1)}.HookPreview_media__SkGdz{display:block;width:100%;height:100%;object-fit:cover}.HookPreview_avatar__jWVbJ{top:61.02px;left:22.69px;width:101.03px;transform:rotate(-14.01deg)}.HookPreview_product__JAkkG{top:49.88px;left:116.59px;width:94.004px;transform:rotate(0.88deg)}.HookPreview_scene__VtGd1{top:61.93px;left:205.19px;width:94.004px;transform:rotate(13.89deg)}.HookPreview_result__R_hNH{position:absolute;top:50%;left:331.49px;width:134.015px;height:179.963px;object-fit:cover;background:var(--neutral-200);border:4px solid var(--neutral-0);border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-50%)}.HookPreview_label__8hBog{position:absolute;display:flex;align-items:center;justify-content:center;min-width:59.339px;height:26px;padding:0 10px;color:var(--neutral-900);font-weight:600;font-size:12px;line-height:normal;white-space:nowrap;background:var(--neutral-0);border:1px solid #e5e5e5;border-radius:var(--radius-99)}.HookPreview_avatarLabel__iBeUZ{top:93.51px;left:0}.HookPreview_productLabel__LZ0fl{top:31.51px;left:133.92px}.HookPreview_sceneLabel__zT_xr{top:99.51px;left:267.24px;color:var(--neutral-800)}.HookPreview_arrow__1Is_n{position:absolute;top:30.08px;left:274.32px;width:44.496px;height:14.034px}
.preview-video_root__L_3Br {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.preview-video_video__IqTW6 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preview-video_soundControl__NJEXN {
  position: absolute;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 0;
  overflow: hidden;
  background: rgb(0 0 0 / 20%);
  border: 1px solid rgb(0 0 0 / 1%);
  border-radius: 52px;
  transform: translateY(var(--preview-video-sound-enter-y)) scale(0.96);
  cursor: pointer;
  opacity: 0;
  backdrop-filter: blur(6.95px);
  transition:
    opacity 160ms ease-out,
    transform 160ms ease-out;
  pointer-events: none;
}
.preview-video_soundControlTopLeft__UhMpd {
  top: 12px;
  left: 12px;

  --preview-video-sound-enter-y: -4px;
}
.preview-video_soundControlTopRight___elvo {
  top: 12px;
  right: 12px;

  --preview-video-sound-enter-y: -4px;
}
.preview-video_soundControlBottomLeft___qgKt {
  bottom: 12px;
  left: 12px;

  --preview-video-sound-enter-y: 4px;
}
.preview-video_soundControlBottomRight__tjIvM {
  right: 12px;
  bottom: 12px;

  --preview-video-sound-enter-y: 4px;
}
.preview-video_soundControlAudible__9mr67,
.preview-video_soundControl__NJEXN:focus-visible,
.preview-video_root__L_3Br:hover .preview-video_soundControl__NJEXN {
  transform: translateY(0) scale(1);
  opacity: 1;
  transition-delay: 0s;
  pointer-events: auto;
}
.preview-video_soundIcon__ciu_p {
  display: block;
  width: 24px;
  height: 24px;
}

@media (hover: none) {
  .preview-video_soundControl__NJEXN {
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .preview-video_soundControl__NJEXN {
    transform: none;
    transition: none;
  }
}

/* ============================================================
   Logged-in PC home — Figma 2868:107568 (1440w)
   ============================================================ */

.loggedInPcSections_loggedInPcShell__2yLa9 {
  --logged-in-pc-content-max-width: 3770px;
  --logged-in-pc-side-rail-width: 80px;
  width: 100%;
  min-height: 100dvh;
  background: #f3f4f6;
}

.loggedInPcSections_pageViewport___i0EX {
  width: 100%;
  min-width: 0;
}

.loggedInPcSections_page__fElbe {
  --li-bg: #f3f4f6;
  --li-ink: #3a3a3a;
  --li-muted: #6b7280;
  --li-orange: #ff631b;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: var(--logged-in-pc-content-max-width);
  min-height: 100dvh;
  margin: 0 auto;
  background: var(--li-bg);
  color: var(--li-ink);
  overflow-x: clip;
}

@media (min-width: 768px) {
  .loggedInPcSections_pageViewport___i0EX {
    width: calc(100% - var(--logged-in-pc-side-rail-width));
    margin-left: var(--logged-in-pc-side-rail-width);
  }
}

/* ---- Hero (2592:140528) ----------------------------------- */

.loggedInPcSections_hero__rmQOR {
  --hero-mode-duration: var(--virash-composer-motion-duration);
  --hero-mode-exit-duration: var(--virash-composer-exit-duration);
  --hero-surface-exit-duration: 0.22s;
  --hero-mode-ease: var(--virash-composer-motion-ease);
  --hero-layout-motion-duration: 0.38s;
  --hero-default-title-composer-gap: clamp(40px, calc(-10.7769px + 1.9835vw), 64px);
  --hero-special-title-composer-gap:
    clamp(
      130px,
      calc(-35.0248px + 6.4463vw),
      208px
    );
  --hero-composer-layout-shift: calc(var(--hero-special-title-composer-gap) - var(--hero-default-title-composer-gap));

  display: flex;
  flex-direction: column;
  align-items: center;
  /* 2560px 以下保持基准；到 3770px 线性放大至 1.6 倍。 */
  gap: clamp(40px, calc(-10.7769px + 1.9835vw), 64px);
  width: 100%;
  max-width: none;
  margin: 0 auto;
  box-sizing: border-box;
}

.loggedInPcSections_heroTop__EIo2S {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--hero-default-title-composer-gap);
  width: 100%;
  max-width: clamp(792px, calc(-213.3818px + 39.2727vw), 1267.2px);
  overflow: visible;
  transition: gap var(--hero-mode-duration) var(--hero-mode-ease);
  will-change: gap;
}

/* Agent 专项模式与带任意资源卡的 Create 输入框共用下移间距。 */
.loggedInPcSections_heroTopSpecial__w9Uku,
.loggedInPcSections_heroTop__EIo2S:has([data-home-composer-layout="raised"]) {
  gap: var(--hero-special-title-composer-gap);
}

/*
 * 资源卡布局一次性切到最终 gap，位移由输入区的 transform 补间动画承担。
 * gap 不再逐帧参与 Layout，避免 Windows Chromium 上的重排卡顿。
 */
.loggedInPcSections_heroTop__EIo2S:has([data-home-composer-layout]) {
  transition: none;
  will-change: auto;
}

/*
 * 专项模式仍保留 heroModes 节点做收起动效；flex gap 会对 0 高子项继续占位。
 * 用负 margin 抵消 composer → modes 之间的空隙，让下方卡片上移。
 */
.loggedInPcSections_heroTopSpecial__w9Uku > .loggedInPcSections_heroModesHidden__M_mAP {
  margin-top: calc(-1 * var(--hero-special-title-composer-gap));
}

.loggedInPcSections_heroTitle__r8AR6 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(714px, calc(-192.3669px + 35.405vw), 1142.4px);
  max-width: 100%;
  height: clamp(47px, calc(-14.0099px + 2.5785vw), 83.2px);
  margin: 0;
  font-size: 36.61px;
  font-weight: 700;
  line-height: 45.77px;
  letter-spacing: 0;
  color: var(--li-ink);
  text-align: center;
  white-space: nowrap;
  transform: translateZ(0);
}

.loggedInPcSections_heroTitleText__WQ8_j {
  display: block;
  max-width: 100%;
}

.loggedInPcSections_heroTitleArtwork__VAgrK {
  display: block;
  max-width: 100%;
  height: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  opacity: 1;
  transition: opacity calc(var(--hero-mode-duration) * 0.72) var(--hero-mode-ease);
  height: 47px;
}

.loggedInPcSections_heroComposer__dFV3z {
  position: relative;
  width: clamp(716px, calc(-192.9058px + 35.5041vw), 1145.6px);
  max-width: 100%;
  min-height: clamp(124px, calc(-33.4083px + 6.1488vw), 198.4px);
  overflow: visible;
}

/*
 * 常态输入区留在默认文档流与层叠顺序中，避免影响全局弹层。
 * Settings 打开时才临时提升 composer，确保本地下拉面板不被首页其他内容遮挡。
 */
.loggedInPcSections_heroComposer__dFV3z:has([data-settings-open="true"]) {
  z-index: 60;
}

/* Logged-in trending composer — Figma 2993:117456 */
.loggedInPcSections_trendingComposer__7FHEB {
  --trending-composer-ring-width: clamp(6px, calc(-1.6165px + 0.2975vw), 9.6px);
  --trending-composer-glow-spin: 0deg;
  --trending-composer-radius: clamp(var(--radius-30), calc(-8.0826px + 1.4876vw), 48px);

  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: var(--trending-composer-ring-width);
  border: none;
  border-radius: var(--trending-composer-radius);
  box-shadow: inset 0 0 0 2px var(--neutral-250);
}

/* 首页常规态按 1px 内边、6px 橙色环、2px 外边分层；外边框不占环宽且位于交互层下方。 */
.loggedInPcSections_trendingComposer__7FHEB:not(.loggedInPcSections_trendingComposerSpecialMode__PY0X_) {
  border: none;
  box-shadow: none;
}
.loggedInPcSections_trendingComposer__7FHEB:not(.loggedInPcSections_trendingComposerSpecialMode__PY0X_)::after {
  position: absolute;
  inset: -2px;
  z-index: 0;
  box-sizing: border-box;
  border: 2px solid var(--neutral-250, #e2e2e2);
  border-radius: calc(var(--trending-composer-radius) + 2px);
  content: "";
  pointer-events: none;
}

/* stylelint-disable rule-empty-line-before -- 双层背景按职责分组。 */
.loggedInPcSections_trendingComposerBackgroundStack__eyG_B {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.loggedInPcSections_trendingComposerBackgroundLayer__D0sSD {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transform: translateZ(0);
  opacity: 0;
  transition: opacity var(--hero-mode-duration) var(--hero-mode-ease);
}

.loggedInPcSections_trendingComposerBackgroundLayerVisible__qdljW {
  opacity: 1;
}

/* 只提升输入框内容；保留 0.8.0 热成像层的绝对定位与描边裁切。 */
.loggedInPcSections_trendingComposer__7FHEB
  > :not(.loggedInPcSections_trendingComposerBackgroundStack__eyG_B):not(.loggedInPcSections_trendingComposerThermalNoise__XKN8b) {
  position: relative;
  z-index: 1;
}

.loggedInPcSections_trendingComposer__7FHEB[data-shell-exiting="true"] .loggedInPcSections_trendingComposerBackgroundLayer__D0sSD {
  transition-duration: var(--hero-surface-exit-duration);
}
/* stylelint-enable rule-empty-line-before */

/* 外圈热成像噪波只盖住橙色描边环，不遮挡白色内框。 */
.loggedInPcSections_trendingComposerThermalNoise__XKN8b {
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: var(--trending-composer-ring-width);
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  filter: blur(0.5px) saturate(1.08);
  mix-blend-mode: overlay;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  /* stylelint-disable property-no-vendor-prefix -- Safari 需要 -webkit-mask 才能把热成像裁成描边环。 */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  /* stylelint-enable property-no-vendor-prefix */
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.loggedInPcSections_trendingComposerThermalSvg__U3SvJ {
  position: absolute;
  width: 0;
  height: 0;
}
.loggedInPcSections_trendingComposerThermalHeat__dHL10,
.loggedInPcSections_trendingComposerThermalGrain__CZwir {
  position: absolute;
  pointer-events: none;
}

/* 色相贴着外圈橙，并掺一点点品牌桃粉做过渡。 */
.loggedInPcSections_trendingComposerThermalHeat__dHL10 {
  inset: 0;
  background:
    conic-gradient(
      from calc(105deg + var(--trending-composer-glow-spin, 0deg)) at 66% 50%,
      var(--noon-orange) 0deg,
      var(--dusk-pink-light) 46deg,
      #f8ab82 92deg,
      #fd8b56 148deg,
      var(--dusk-pink) 204deg,
      #ffab6a 268deg,
      var(--noon-orange) 318deg,
      var(--dusk-pink-light) 348deg,
      var(--noon-orange) 360deg
    );
  animation: loggedInPcSections_trending-composer-glow-spin__YLgsL 3.4s linear infinite;
  animation-play-state: paused;
}
.loggedInPcSections_trendingComposerThermalGrain__CZwir {
  inset: -55%;
  background: var(--dusk-pink-light);
  opacity: 0.42;
  mix-blend-mode: overlay;
  animation: loggedInPcSections_trending-composer-thermal-drift__9rHXV 4.2s linear infinite;
  animation-play-state: paused;
}

@keyframes loggedInPcSections_trending-composer-glow-spin__YLgsL {
  to {
    --trending-composer-glow-spin: 360deg;
  }
}

@keyframes loggedInPcSections_trending-composer-thermal-drift__9rHXV {
  to {
    transform: translate3d(-16%, -11%, 0) rotate(14deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .loggedInPcSections_trendingComposer__7FHEB:not(.loggedInPcSections_trendingComposerSpecialMode__PY0X_):hover .loggedInPcSections_trendingComposerThermalNoise__XKN8b {
    opacity: 0.68;
  }
  .loggedInPcSections_trendingComposer__7FHEB:not(.loggedInPcSections_trendingComposerSpecialMode__PY0X_):hover .loggedInPcSections_trendingComposerThermalHeat__dHL10,
  .loggedInPcSections_trendingComposer__7FHEB:not(.loggedInPcSections_trendingComposerSpecialMode__PY0X_):hover .loggedInPcSections_trendingComposerThermalGrain__CZwir {
    animation-play-state: running;
  }
}

/* Figma 7879:272159 → 7424:24444：欢迎区展开后自动收回，Think 的 Agent 状态保持不变。 */
.loggedInPcSections_trendingComposerAgentMode__8nV1Y {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  container-type: inline-size;
  transition: gap 0.76s cubic-bezier(0.7, 0, 0.84, 0);
}
.loggedInPcSections_trendingComposerAgentMode__8nV1Y[data-agent-intro-visible="true"] {
  gap: clamp(7px, calc(-1.8859px + 0.3471vw), 11.2px);
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-duration: 0.86s;
}
.loggedInPcSections_homeAgentIntro__2XSob {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: 20.4545cqw;
  max-height: 0;
  overflow: hidden;
  container-type: inline-size;
  transform: translateY(1.1364cqw);
  opacity: 0;
  transition:
    max-height 0.76s cubic-bezier(0.7, 0, 0.84, 0),
    opacity 0.76s cubic-bezier(0.7, 0, 0.84, 0),
    transform 0.76s cubic-bezier(0.7, 0, 0.84, 0);
  will-change: max-height, opacity, transform;
}
.loggedInPcSections_trendingComposerAgentMode__8nV1Y[data-agent-intro-visible="true"] .loggedInPcSections_homeAgentIntro__2XSob {
  max-height: 20.4545cqw;
  transform: translateY(0);
  opacity: 1;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-duration: 0.86s;
}
.loggedInPcSections_homeAgentIntroPhotoLeft__gbcbe,
.loggedInPcSections_homeAgentIntroPhotoTopLeft__V2eAj,
.loggedInPcSections_homeAgentIntroPhotoTopRight__a2aMT,
.loggedInPcSections_homeAgentIntroPhotoRight__zdAAh {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loggedInPcSections_homeAgentIntroPhotoCard__IKQX5 {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  background: var(--neutral-0);
  border: 0.4413cqw solid var(--neutral-0);
  border-radius: 1.3239cqw;
  box-shadow: 0 1.1033cqw 2.2064cqw rgb(0 0 0 / 10%);
  animation: loggedInPcSections_home-think-card-in__A1A_e 0.98s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.loggedInPcSections_homeAgentIntroPhoto__oap0c {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  animation: loggedInPcSections_home-think-card-media-flow__Zy8vP 3.2s ease-in-out infinite alternate;
}
.loggedInPcSections_homeAgentIntroPhotoLeft__gbcbe {
  top: 5.0938cqw;
  left: -2.1721cqw;
  width: 13.0009cqw;
  height: 15.911cqw;
}
.loggedInPcSections_homeAgentIntroPhotoLeft__gbcbe .loggedInPcSections_homeAgentIntroPhotoCard__IKQX5 {
  width: 10.5908cqw;
  height: 14.2219cqw;
  transform: rotate(-10.48deg);
}
.loggedInPcSections_homeAgentIntroPhotoTopLeft__V2eAj {
  top: -2.9214cqw;
  left: 14.3494cqw;
  width: 10.7865cqw;
  height: 13.3687cqw;
}
.loggedInPcSections_homeAgentIntroPhotoTopLeft__V2eAj .loggedInPcSections_homeAgentIntroPhotoCard__IKQX5 {
  width: 9.0283cqw;
  height: 12.1237cqw;
  transform: rotate(8.85deg);
  animation-delay: 80ms;
}
.loggedInPcSections_homeAgentIntroPhotoTopRight__a2aMT {
  top: -3.875cqw;
  left: 74.0684cqw;
  width: 15.663cqw;
  height: 19.07cqw;
}
.loggedInPcSections_homeAgentIntroPhotoTopRight__a2aMT .loggedInPcSections_homeAgentIntroPhotoCard__IKQX5 {
  width: 12.6206cqw;
  height: 16.9476cqw;
  transform: rotate(-11.16deg);
  animation-delay: 120ms;
}
.loggedInPcSections_homeAgentIntroPhotoRight__zdAAh {
  top: 12.4817cqw;
  left: 92.8595cqw;
  width: 9.0283cqw;
  height: 12.1237cqw;
}
.loggedInPcSections_homeAgentIntroPhotoRight__zdAAh .loggedInPcSections_homeAgentIntroPhotoCard__IKQX5 {
  width: 100%;
  height: 100%;
  animation-delay: 180ms;
}
.loggedInPcSections_homeAgentIntroBadge__FNHEx {
  position: absolute;
  z-index: 2;
  display: block;
  box-sizing: border-box;
  background: var(--neutral-0);
  border-radius: 50%;
  box-shadow: inset 0 0 0.8054cqw color-mix(in srgb, var(--orange-500) 58%, transparent);
  transform: var(--home-agent-intro-badge-transform, none);
  animation: loggedInPcSections_home-think-badge-pop__NTWte 0.72s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.loggedInPcSections_homeAgentIntroBadgeIcon__9ctKD {
  /* Next Image 的 fill 会保留 100% 尺寸；显式收窄图片盒子，才能还原 Figma 的中心图形比例。 */
  inset: 19.6% !important;
  width: 60.8% !important;
  height: 60.8% !important;
  object-fit: contain;
}
.loggedInPcSections_homeAgentIntroBadgeTopLeft__9v4dd {
  top: 1.2466cqw;
  left: 13.0051cqw;
  width: 4.393cqw;
  height: 4.413cqw;
  animation-delay: 560ms;
}
.loggedInPcSections_homeAgentIntroBadgeBottomLeft__5fytV {
  top: 15.4528cqw;
  left: 8.6528cqw;
  width: 4.3523cqw;
  height: 4.413cqw;
  animation-delay: 900ms;
}
.loggedInPcSections_homeAgentIntroBadgeTopRight__TzT0z {
  top: 2.1806cqw;
  left: 85.4214cqw;
  width: 5.1639cqw;
  height: 5.1798cqw;

  --home-agent-intro-badge-transform: rotate(-11.16deg);

  animation-delay: 680ms;
}
.loggedInPcSections_homeAgentIntroBadgeRight__dqDSq {
  top: 10.4473cqw;
  left: 91.5952cqw;
  width: 4.3523cqw;
  height: 4.413cqw;
  animation-delay: 800ms;
}
.loggedInPcSections_homeAgentIntroTitle__XsrJv,
.loggedInPcSections_homeAgentIntroDescription__w5crI {
  position: absolute;
  left: 50%;
  z-index: 3;
  width: max-content;
  max-width: 54%;
  margin: 0;
  color: var(--neutral-0);
  white-space: nowrap;
  text-align: center;
  transform: translateX(-50%);
}
.loggedInPcSections_homeAgentIntroTitle__XsrJv {
  top: 7.0381cqw;
  font-weight: 700;
  font-size: 3.3237cqw;
  font-family: var(--font-encode-expanded), "Encode Sans Expanded", sans-serif;
  line-height: 3.3237cqw;
  letter-spacing: 0;
  animation: loggedInPcSections_home-think-copy-in__e9Lb7 0.76s 300ms ease-out both;
}
.loggedInPcSections_homeAgentIntroDescription__w5crI {
  top: 11.7711cqw;
  font-weight: 600;
  font-size: 2.2727cqw;
  font-family: var(--font-sans), Inter, sans-serif;
  line-height: 2.5568cqw;
  letter-spacing: 0;
  animation: loggedInPcSections_home-think-copy-in__e9Lb7 0.76s 420ms ease-out both;
}
.loggedInPcSections_trendingComposerBody__ElA5u {
  display: flex;
  flex-direction: column;

  /* 28px 富文本区 + 32px 操作栏配合 18px 间距，还原 Figma 的 100px 内框高度。 */
  gap: clamp(18px, calc(-4.8496px + 0.8926vw), 28.8px);
  box-sizing: border-box;
  width: 100%;
  min-height: clamp(100px, calc(-26.9421px + 4.9587vw), 160px);
  padding: clamp(10px, calc(-2.6942px + 0.4959vw), 16px);
  background: var(--neutral-0);
  border: 1px solid var(--neutral-200);
  border-radius: clamp(var(--radius-26), calc(-7.005px + 1.2893vw), 41.6px);
  box-shadow: 0 4px 20px rgb(0 0 0 / 3%);
}

.loggedInPcSections_trendingComposerFileInput__DZfZO {
  display: none;
}

/* 首页 Agent 与 Create 共用 28px 行盒；留白由内框承担，保持 112px 最小外框高度。 */
.loggedInPcSections_trendingComposerRichInput__KDjkX {
  width: 100%;
}

.loggedInPcSections_trendingComposerRichInput__KDjkX .loggedInPcSections_trendingComposerEditor__7famq {
  min-height: 28px;
  max-height: clamp(126px, calc(-33.947107px + 6.247934vw), 201.6px);
  padding-top: 0;
  padding-bottom: 0;
}

.loggedInPcSections_trendingComposerRichInput__KDjkX .loggedInPcSections_trendingComposerPlaceholder__EBTn4 {
  top: 0;
}

.loggedInPcSections_trendingComposerAttachments__Y8Swx {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(6px, calc(-1.616529px + 0.297521vw), 9.6px);
  max-height: clamp(60px, calc(-16.165289px + 2.975207vw), 96px);
  overflow-y: auto;
}

.loggedInPcSections_trendingComposerAttachment__RYjT7 {
  display: inline-flex;
  min-width: 0;
  max-width: clamp(180px, calc(-48.495868px + 8.925620vw), 288px);
  align-items: center;
  gap: clamp(5px, calc(-1.347107px + 0.247934vw), 8px);
  padding:
    clamp(5px, calc(-1.347107px + 0.247934vw), 8px)
    clamp(7px, calc(-1.885950px + 0.347107vw), 11.2px)
    clamp(5px, calc(-1.347107px + 0.247934vw), 8px)
    clamp(9px, calc(-2.424793px + 0.446281vw), 14.4px);
  border-radius: clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
  background: #f1f1f2;
  color: #505050;
  font-size: clamp(12px, calc(-3.233058px + 0.595041vw), 19.2px);
  line-height: clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
}

.loggedInPcSections_trendingComposerAttachmentName__b57wl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loggedInPcSections_trendingComposerAttachmentRemove__M4R78 {
  display: inline-flex;
  width: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  height: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  flex: 0 0 clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #6b6b6b;
  cursor: pointer;
  font-size: clamp(17px, calc(-4.580165px + 0.842975vw), 27.2px);
  line-height: 1;
}

.loggedInPcSections_trendingComposerAttachmentRemove__M4R78:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #3a3a3a;
}

.loggedInPcSections_trendingComposerInput__Z0Ynj {
  display: block;
  width: 100%;
  min-height: 28px;
  max-height: 120px;
  margin: 0;
  padding: 5px 0;
  border: none;
  outline: none;
  resize: none;
  background: transparent;
  color: #3a3a3a;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  field-sizing: content;
}

.loggedInPcSections_trendingComposerInput__Z0Ynj::placeholder {
  color: #b3b3b3;
}

.loggedInPcSections_trendingComposerFooter__J6JRq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
}

.loggedInPcSections_trendingComposerAttach__25wan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  height: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  padding: 0;
  border: none;
  border-radius: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  background: #f1f1f2;
  color: #6b6b6b;
  cursor: pointer;
}

.loggedInPcSections_trendingComposerAttach__25wan:hover:not(:disabled) {
  background: #e8e8ea;
  color: #3a3a3a;
}

.loggedInPcSections_trendingComposerAttach__25wan:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.loggedInPcSections_trendingComposerAttachIcon__tBpra {
  width: clamp(20px, calc(-5.388430px + 0.991736vw), 32px);
  height: clamp(20px, calc(-5.388430px + 0.991736vw), 32px);
}
.loggedInPcSections_trendingComposerThink__sGkIe {
  display: inline-flex;
  gap: clamp(3px, calc(-0.8083px + 0.1488vw), 4.8px);
  align-items: center;
  box-sizing: border-box;
  height: clamp(32px, calc(-8.6215px + 1.5868vw), 51.2px);
  padding: 0 clamp(10px, calc(-2.6942px + 0.4959vw), 16px);
  color: var(--neutral-600);
  font-weight: 600;
  font-size: clamp(12px, calc(-3.2331px + 0.595vw), 19.2px);
  font-family: var(--font-sans);
  line-height: clamp(18px, calc(-4.8496px + 0.8926vw), 28.8px);
  white-space: nowrap;
  background: var(--neutral-150);
  border: 0;
  border-radius: var(--radius-100);
  cursor: pointer;
}
.loggedInPcSections_trendingComposerThink__sGkIe[data-active="true"] {
  color: var(--neutral-0);
  background: var(--orange-500);
  box-shadow: inset 0 0 14.3px var(--neutral-0);
}
.loggedInPcSections_trendingComposerThink__sGkIe:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.loggedInPcSections_trendingComposerThinkIcon___QWvG {
  width: clamp(16px, calc(-4.3107px + 0.7934vw), 25.6px);
  height: clamp(16px, calc(-4.3107px + 0.7934vw), 25.6px);
}
.loggedInPcSections_trendingComposerThink__sGkIe[data-active="true"] .loggedInPcSections_trendingComposerThinkIcon___QWvG {
  filter: brightness(0) invert(1);
}
.loggedInPcSections_trendingComposerActions__HP3hR {
  display: flex;
  gap: clamp(8px, calc(-2.1554px + 0.3967vw), 12.8px);
  align-items: center;
}
.loggedInPcSections_trendingComposerMention__IIIK1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, calc(-8.6215px + 1.5868vw), 51.2px);
  height: clamp(32px, calc(-8.6215px + 1.5868vw), 51.2px);
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 35px;
  cursor: pointer;
}
.loggedInPcSections_trendingComposerMention__IIIK1:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.loggedInPcSections_trendingComposerMentionIcon__Dd1b_ {
  width: clamp(16px, calc(-4.3107px + 0.7934vw), 25.6px);
  height: clamp(16px, calc(-4.3107px + 0.7934vw), 25.6px);
}

.loggedInPcSections_trendingComposerActions__HP3hR > div > button,
.loggedInPcSections_trendingComposerEnergy__I8EOn {
  width: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  height: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
}

.loggedInPcSections_trendingComposerActions__HP3hR > div > button img {
  width: clamp(15.333px, calc(-4.131040px + 0.760314vw), 24.5328px);
  height: clamp(11.5px, calc(-3.098347px + 0.570248vw), 18.4px);
}

.loggedInPcSections_trendingComposerEnergy__I8EOn > span {
  width: clamp(24px, calc(-6.466116px + 1.190083vw), 38.4px);
  height: clamp(24px, calc(-6.466116px + 1.190083vw), 38.4px);
}

.loggedInPcSections_trendingComposerGlyph__EmmsL {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #3a3a3a;
  pointer-events: none;
}

.loggedInPcSections_trendingComposerSettingsIcon__2Cg6k {
  width: 16px;
  height: 16px;
}

.loggedInPcSections_trendingComposerSubmit__Iijzt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  height: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  padding: 0;
  border: none;
  border-radius: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  background: #ff631b;
  color: #fff;
  cursor: pointer;
  transition: transform 0.12s ease;
}

.loggedInPcSections_trendingComposerSubmit__Iijzt:hover:not(:disabled) {
  transform: scale(1.05);
}

.loggedInPcSections_trendingComposerSubmit__Iijzt:active:not(:disabled) {
  transform: scale(0.95);
}

.loggedInPcSections_trendingComposerSubmit__Iijzt:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.loggedInPcSections_trendingComposerSubmitIcon__lXTZA {
  width: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  height: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
}

/* 产品 Think 动画：前景卡片、徽标与文案按顺序进入，背景由噪点原图承载。 */
@keyframes loggedInPcSections_home-think-card-media-flow__Zy8vP {
  from {
    transform: scale(1.04) translate3d(-1.5%, -1%, 0);
  }
  to {
    transform: scale(1.11) translate3d(1.5%, 1%, 0);
  }
}

@keyframes loggedInPcSections_home-think-card-in__A1A_e {
  from {
    opacity: 0;
    filter: blur(2px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes loggedInPcSections_home-think-badge-pop__NTWte {
  0% {
    transform: var(--home-agent-intro-badge-transform, none) scale(0.65);
    opacity: 0;
  }
  70% {
    transform: var(--home-agent-intro-badge-transform, none) scale(1.08);
    opacity: 1;
  }
  100% {
    transform: var(--home-agent-intro-badge-transform, none) scale(1);
    opacity: 1;
  }
}

@keyframes loggedInPcSections_home-think-copy-in__e9Lb7 {
  from {
    transform: translateX(-50%) translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}
.loggedInPcSections_trendingComposerSpinner__0JeW2 {
  width: clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
  height: clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 999px;
  animation: loggedInPcSections_liComposerSpin__ZnAFQ 0.8s linear infinite;
}

@keyframes loggedInPcSections_liComposerSpin__ZnAFQ {
  to { transform: rotate(360deg); }
}

.loggedInPcSections_heroModes__SJa3I {
  position: relative;
  z-index: 50;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(32px, calc(-8.6215px + 1.5868vw), 51.2px);
  width: clamp(787px, calc(-212.0347px + 39.0248vw), 1259.2px);
  max-width: 100%;
  max-height: 220px;
  padding:
    clamp(17px, calc(-4.5802px + 0.843vw), 27.2px)
    0
    clamp(14px, calc(-3.7719px + 0.6942vw), 22.4px);
  box-sizing: border-box;
  overflow: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition:
    opacity var(--hero-mode-duration) var(--hero-mode-ease),
    transform var(--hero-mode-duration) var(--hero-mode-ease),
    max-height var(--hero-mode-duration) var(--hero-mode-ease),
    margin var(--hero-mode-duration) var(--hero-mode-ease);
  will-change: opacity, transform, max-height;
}

/* 特殊模式下隐藏模式卡区域（动画折叠） */
.loggedInPcSections_heroModesHidden__M_mAP {
  max-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  pointer-events: none;
}

.loggedInPcSections_heroModeCard__7JBBi {
  position: relative;
  flex: 0 0 clamp(241px, calc(-64.930579px + 11.950413vw), 385.6px);
  width: clamp(241px, calc(-64.930579px + 11.950413vw), 385.6px);
  height: clamp(80px, calc(-21.553719px + 3.966942vw), 128px);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: clamp(13px, calc(-3.502479px + 0.644628vw), 20.8px);
  background: #e5e5e5;
  overflow: visible;
  cursor: pointer;
  text-align: left;
  container-type: inline-size;
  container-name: hero-mode-card;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.loggedInPcSections_heroModeCardPlaceholder__ovBUU {
  overflow: hidden;
  cursor: default;
  background: #e5e5e5;
}

.loggedInPcSections_heroModeCardPlaceholder__ovBUU:hover {
  box-shadow: none;
  transform: none;
}

.loggedInPcSections_heroModePlaceholderTitle___Q9gF,
.loggedInPcSections_heroModePlaceholderSubtitle__3pJbS,
.loggedInPcSections_heroModePlaceholderPreview__ukMg8 {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: rgba(107, 114, 128, 0.13);
}

.loggedInPcSections_heroModePlaceholderTitle___Q9gF {
  top: 12px;
  left: 12px;
  width: 84px;
  height: 12px;
}

.loggedInPcSections_heroModePlaceholderSubtitle__3pJbS {
  top: 35px;
  left: 12px;
  width: 132px;
  height: 9px;
}

.loggedInPcSections_heroModePlaceholderPreview__ukMg8 {
  top: 8px;
  right: 20px;
  width: 46px;
  height: 58px;
  border-radius: 6px;
  background: rgba(107, 114, 128, 0.1);
  transform: rotate(-7deg);
}

.loggedInPcSections_heroModeCardViral___R2_u {
  background:
    linear-gradient(
      212.0167deg,
      rgba(200, 174, 249, 0.4) 5.5028%,
      rgba(200, 174, 249, 0) 41.915%
    ),
    #e5e5e5;
}

.loggedInPcSections_heroModeCardRecreate__aMz1Z {
  background:
    linear-gradient(
      222.4985deg,
      rgba(184, 241, 227, 0.4) 5.0979%,
      rgba(184, 241, 227, 0) 41.755%
    ),
    #e5e5e5;
}

.loggedInPcSections_heroModeCardClone__bCJ9t {
  background:
    linear-gradient(
      222.3809deg,
      rgba(255, 146, 186, 0.3) 5.0979%,
      rgba(255, 146, 186, 0) 41.755%
    ),
    #e5e5e5;
}

.loggedInPcSections_heroModeCard__7JBBi:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

.loggedInPcSections_heroModeCard__7JBBi:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 3px;
}

.loggedInPcSections_heroModeCopy__P58qV {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.loggedInPcSections_heroModeTitle__MZxNo {
  position: absolute;
  top: 10px;
  left: 12px;
  color: #3a3a3a;
  font-family: var(--font-encode-expanded), sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
  white-space: nowrap;
}

.loggedInPcSections_heroModeSubtitle__xDOnc {
  position: absolute;
  top: 33px;
  left: 12px;
  max-width: 130px;
  color: #6b7280;
  font-family: var(--font-sans), Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.5px;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.loggedInPcSections_heroModeCard__7JBBi:first-child .loggedInPcSections_heroModeSubtitle__xDOnc {
  max-width: 125px;
}

/* URL card: + at (164.27, 28.02) */
.loggedInPcSections_heroModePlus__3PiVU {
  position: absolute;
  top: 26px;
  left: 156px;
  z-index: 3;
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/*
 * Preview polaroid — local photo + CSS frame.
 * 1 URL:      inner 45×63 + pad 2 → outer 49×67, rot -11.59°
 * 2 Recreate: inner 47×67 + pad 2 → outer 51×71, rot +10.64°
 * 3 Clone:    inner 45×63 + pad 2 → outer 49×67, rot -10.11°
 */
.loggedInPcSections_heroModePreview__Uogvn {
  position: absolute;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  transform-origin: center center;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.loggedInPcSections_heroModePreviewImg__4SCoK {
  position: absolute;
  inset: 2px;
  display: block;
  width: 45px;
  height: 63px;
  object-fit: cover;
  border-radius: 4px;
  pointer-events: none;
}

.loggedInPcSections_heroModeCardViral___R2_u .loggedInPcSections_heroModePreview__Uogvn {
  top: -15.88px;
  left: 173.73px;
  width: 49px;
  height: 67px;
  transform: rotate(-11.59deg);
}

.loggedInPcSections_heroModeCardRecreate__aMz1Z .loggedInPcSections_heroModePreview__Uogvn {
  top: -17.01px;
  left: 166.15px;
  width: 51px;
  height: 71px;
  transform: rotate(10.64deg);
}

.loggedInPcSections_heroModeCardRecreate__aMz1Z .loggedInPcSections_heroModePreviewImg__4SCoK {
  width: 47px;
  height: 67px;
}

.loggedInPcSections_heroModeCardClone__bCJ9t .loggedInPcSections_heroModePreview__Uogvn {
  top: -12.09px;
  left: 169.07px;
  width: 49px;
  height: 67px;
  transform: rotate(-10.11deg);
}

.loggedInPcSections_heroModePill__aU5TW {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  color: #3a3a3a;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  transform-origin: center center;
}

/* URL pill: (133.14, 43.25) 94.1×29.1, +1.1deg */
.loggedInPcSections_heroModePillLink__pw7rM {
  top: 43px;
  left: 133px;
  height: 29px;
  gap: 4px;
  padding: 0 5px;
  border: 0.6px solid #e5e5e5;
  border-radius: 15.45px;
  box-shadow: 0 5.94px 11.88px rgba(0, 0, 0, 0.08);
  transform: rotate(1.1deg);
}

/* Recreate pill: (160.25, 43.10) 95.3×28.4, -4.19deg */
.loggedInPcSections_heroModePillVideo__1rEcm {
  top: 43px;
  left: 160px;
  height: 28px;
  justify-content: center;
  padding: 0 10px;
  border-radius: 99px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  transform: rotate(-4.19deg);
}

/* Clone pill: (167.96, 45.76) 93.05×26.37, +2.97deg */
.loggedInPcSections_heroModePillImage__dyjey {
  top: 46px;
  left: 168px;
  height: 26px;
  justify-content: center;
  padding: 0 10px;
  border-radius: 99px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  transform: rotate(2.97deg);
}

.loggedInPcSections_heroModePillIcon__l0SFp {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
}

.loggedInPcSections_heroModePillText___iboG {
  font-family: var(--font-sans), Inter, sans-serif;
  font-size: 8.38px;
  font-weight: 500;
  line-height: 10.14px;
  letter-spacing: 0;
}

.loggedInPcSections_heroModePillVideo__1rEcm .loggedInPcSections_heroModePillText___iboG,
.loggedInPcSections_heroModePillImage__dyjey .loggedInPcSections_heroModePillText___iboG {
  font-size: 9.46px;
  line-height: 11.45px;
}

/*
 * Hover 预览卡 — Figma 5973:185705。
 * 225×300 / r20，水平居中于卡片，底部距卡片顶部 16px，向上溢出。
 * 纯视觉装饰：pointer-events: none 不拦截鼠标，:hover/:focus-visible 控制显隐。
 */
.loggedInPcSections_heroModeHoverPreview__MdTNe {
  position: absolute;
  bottom: calc(100% + 16px);
  left: 50%;
  width: 225px;
  height: 300px;
  z-index: 5;
  overflow: hidden;
  border-radius: 20px;
  background: #b3b3b3;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, 6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.loggedInPcSections_heroModeCard__7JBBi:hover .loggedInPcSections_heroModeHoverPreview__MdTNe,
.loggedInPcSections_heroModeCard__7JBBi:focus-visible .loggedInPcSections_heroModeHoverPreview__MdTNe {
  opacity: 1;
  transform: translate(-50%, 0);
}

.loggedInPcSections_heroModeHoverPreview__MdTNe video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
 * Fan cards — Figma 3191:113138.
 * Full viewport width, 48px screen inset; local upright photo + CSS rotate.
 * Cards keep Figma's top-left anchored layout; hover correction uses the center.
 * The reserved 455px track ratio keeps the fan clear of the hero modes.
 */
.loggedInPcSections_heroFan__e94Nw {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(48px, calc(-12.932231px + 2.380165vw), 76.8px);
  box-sizing: border-box;
  overflow: visible;
}

.loggedInPcSections_heroFanTrack___7NXZ {
  position: relative;
  width: 100%;
  max-width: clamp(
    1413.724px,
    calc(-380.887623px + 70.102017vw),
    2261.9584px
  );
  margin: 0 auto;
  /* Preserve the original vertical reservation so cards cannot cover hero modes. */
  aspect-ratio: 1344 / 455;
  overflow: visible;
  container-type: inline-size;
  container-name: fan-track;
}

.loggedInPcSections_heroFanCard__8mIXK {
  position: absolute;
  z-index: var(--fan-z, 1);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  transform: rotate(var(--fan-rotate, 0deg));
  transform-origin: top left;
  user-select: none;
}

.loggedInPcSections_heroFanCard__8mIXK:hover,
.loggedInPcSections_heroFanCard__8mIXK:focus-visible {
  z-index: 30;
}

.loggedInPcSections_heroFanCard__8mIXK:focus-visible {
  outline: 2px solid #87013e;
  outline-offset: 4px;
}

/* The outer card preserves layout; this shell straightens around its own center. */
.loggedInPcSections_heroFanCardShell__o9e2w {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 2.17%; /* 6.5 / 300 */
  border-radius: 1.488cqw; /* 20 / 1344 track */
  background: #fff;
  box-shadow: 0 1.19cqw 2.38cqw rgba(0, 0, 0, 0.1);
  container-type: inline-size;
  container-name: fan-card;
  transform: rotate(0deg) scale(1);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  will-change: transform;
}

.loggedInPcSections_heroFanCard__8mIXK:hover .loggedInPcSections_heroFanCardShell__o9e2w,
.loggedInPcSections_heroFanCard__8mIXK:focus-visible .loggedInPcSections_heroFanCardShell__o9e2w {
  transform: rotate(var(--fan-counter-rotate, 0deg)) scale(1.03);
}

.loggedInPcSections_heroFanCardInner__dagd1 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5.33cqw; /* 16 / 300 card */
  background: #9688c6;
}

.loggedInPcSections_heroFanCardPhoto__g98TA {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.loggedInPcSections_heroFanCardCopy__cQ_MP {
  position: absolute;
  left: 10%;
  right: 8%;
  bottom: 6%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2cqw;
  color: #87013e;
  text-align: left;
  pointer-events: none;
}

.loggedInPcSections_heroFanCardTitle__Z9L_8 {
  font-size: 6.67cqw; /* 20 / 300 */
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

.loggedInPcSections_heroFanCardSubtitle__hGth4 {
  font-family: var(--font-sans), Inter, sans-serif;
  font-size: 3.67cqw; /* 11 / 300 */
  font-weight: 500;
  line-height: 1.21;
  letter-spacing: 0;
}
.loggedInPcSections_heroFanCardPlaceholder__zQq5o {
  cursor: default;
  pointer-events: none;
}

/* ---- Canvas banner (2592:140621) --------------------------- */
/*
 * Figma Link 2592:140623: inset 16 L/R, 1408×300, radius 24.
 * Full viewport width + 16px side margins; image aspect locked.
 */

.loggedInPcSections_canvas__Z4DDZ {
  width: 100%;
  margin: 0;
  padding: 0 16px;
  box-sizing: border-box;
}

.loggedInPcSections_canvasBtn__cXI25 {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1408 / 300;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 24px;
  overflow: hidden;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.loggedInPcSections_canvasPlaceholder__cV7p6 {
  position: relative;
  background: #e5e7eb;
  cursor: default;
}
.loggedInPcSections_canvasImg__INTgC {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}

/* ---- Viral Presets (2592:140638) --------------------------- */

.loggedInPcSections_presets__W46M0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0 0 64px;
  box-sizing: border-box;
  scroll-margin-top: 96px;
}

.loggedInPcSections_homePresets__khRqD {
  padding-right: 16px;
  padding-left: 16px;
}

.loggedInPcSections_presetsTitle__KYHp3 {
  margin: 0;
  width: 100%;
  /* 2560px 以下保持 20/30；到 3770px 线性放大至 1.6 倍。 */
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: clamp(20px, calc(-5.388430px + 0.991736vw), 32px);
  font-weight: 700;
  line-height: clamp(30px, calc(-8.082645px + 1.487603vw), 48px);
  color: var(--li-ink);
}

.loggedInPcSections_presetsToolbar__C8L2G {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  height: clamp(40px, calc(-10.776860px + 1.983471vw), 64px);
}

.loggedInPcSections_presetsTabsWrap__SZ6ON {
  position: relative;
  flex: 1;
  min-width: 0;
  height: clamp(34px, calc(-9.160331px + 1.685950vw), 54.4px);
  overflow: hidden;
}

.loggedInPcSections_presetsTabs__rZLTw {
  display: flex;
  align-items: center;
  gap: clamp(8px, calc(-2.155372px + 0.396694vw), 12.8px);
  height: clamp(34px, calc(-9.160331px + 1.685950vw), 54.4px);
  padding: 1px clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px) 1px 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.loggedInPcSections_presetsTabs__rZLTw::-webkit-scrollbar {
  display: none;
}

.loggedInPcSections_presetsTab__fTe5_ {
  flex: 0 0 auto;
  height: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  padding: 0 clamp(8px, calc(-2.155372px + 0.396694vw), 12.8px);
  border: 1px solid #e5e7eb;
  border-radius: clamp(8px, calc(-2.155372px + 0.396694vw), 12.8px);
  background: #fff;
  color: #333;
  font-family: var(--font-sans);
  font-size: clamp(12px, calc(-3.233058px + 0.595041vw), 19.2px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.loggedInPcSections_presetsFade__UtbpR {
  position: absolute;
  top: 0;
  right: 0;
  width: 96px;
  height: clamp(34px, calc(-9.160331px + 1.685950vw), 54.4px);
  pointer-events: none;
  background: linear-gradient(90deg, rgba(243, 244, 246, 0), #f3f4f6);
}

.loggedInPcSections_presetsNav__KM6Dy {
  display: flex;
  align-items: center;
  gap: clamp(12px, calc(-3.233058px + 0.595041vw), 19.2px);
  flex: 0 0 auto;
  height: clamp(40px, calc(-10.776860px + 1.983471vw), 64px);
  padding: 0 clamp(8px, calc(-2.155372px + 0.396694vw), 12.8px);
}

.loggedInPcSections_presetsNavBtn__gHcf3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 99px;
  background: #f3f4f6;
  color: #3a3a3a;
  cursor: pointer;
}

.loggedInPcSections_presetsNavBtn__gHcf3:disabled {
  cursor: default;
}
.loggedInPcSections_presetsNavBtn__gHcf3:hover:not(:disabled) {
  background: #e5e7eb;
}
.loggedInPcSections_presetsNavBtnPrimary__vv8pG {
  background: #fff;
  box-shadow: 0 0 0 1px #e5e7eb;
}

.loggedInPcSections_presetsNavIcon__uogKm {
  display: block;
  width: clamp(12px, calc(-3.233058px + 0.595041vw), 19.2px);
  height: clamp(12px, calc(-3.233058px + 0.595041vw), 19.2px);
}

/*
 * Figma @1440：卡宽 278、gap 4、5 列 = 1408（与 section 左右 16 inset 对齐）。
 * 列数由 JS 按「基准卡宽 278 能塞几列」决定；实际卡宽 = 余宽均分到各列，贴满容器。
 * 小屏单卡不低于 160px，空间不足时由 JS 减少列数。
 * 2880px 视口起最多 8 列，达到上限后卡片随容器继续等比放大。
 * 卡高由媒体原始宽高比（aspect-ratio）自适应。
 */
.loggedInPcSections_masonry__cCTq5 {
  --masonry-cols: 5;
  --masonry-gap: 4px;
  display: flex;
  gap: var(--masonry-gap);
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}

.loggedInPcSections_masonry__cCTq5[data-loading="true"] {
  min-height: 420px;
}

.loggedInPcSections_masonryCol__Vo3OX {
  display: flex;
  flex: 0 0 calc(
    (100% - (var(--masonry-cols) - 1) * var(--masonry-gap)) / var(--masonry-cols)
  );
  width: calc(
    (100% - (var(--masonry-cols) - 1) * var(--masonry-gap)) / var(--masonry-cols)
  );
  flex-direction: column;
  gap: var(--masonry-gap);
  min-width: 0;
  box-sizing: border-box;
}

/* 运营卡 — 服务端整图 + Generate 按钮 */
.loggedInPcSections_masonryModeCard__wlEHf {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  background: #d1d5db;
  cursor: pointer;
  text-align: left;
  color: #fff;
  container-type: inline-size;
  container-name: masonry-card;
}

.loggedInPcSections_masonryModeCard__wlEHf:focus-visible,
.loggedInPcSections_masonryEffectCard__8iq6i:focus-visible {
  outline: 2px solid var(--li-orange);
  outline-offset: 2px;
}

.loggedInPcSections_masonryModeMedia__AEGId {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.loggedInPcSections_masonryModeCta__cbF7K {
  position: absolute;
  right: 5.8%;
  bottom: 4.3%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Figma 110×50 @卡宽 278 → cqw 随卡宽缩放 */
  min-width: 39.57cqw;
  height: 17.99cqw;
  padding: 0 8.63cqw;
  border-radius: 99px;
  background: #000;
  color: #fff;
  font-size: max(11px, 5.04cqw);
  font-weight: 600;
  box-sizing: border-box;
  pointer-events: none;
}

/* 效果卡 — media_url + 文案叠加 */
.loggedInPcSections_masonryEffectCard__8iq6i {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  background: #d1d5db;
  cursor: pointer;
  text-align: left;
  color: #fff;
  container-type: inline-size;
  container-name: masonry-card;
}

.loggedInPcSections_masonryEffectMedia__2ZpZA {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.loggedInPcSections_masonryVideo__PYxqu {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.loggedInPcSections_masonryVideoReady__UdGOi {
  opacity: 1;
}

.loggedInPcSections_masonryEffectSkeleton__5vUPw {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, #e5e7eb 20%, #f3f4f6 40%, #e5e7eb 60%);
  background-size: 200% 100%;
  animation: loggedInPcSections_masonryShimmer__fBp0q 1.2s linear infinite;
}
.loggedInPcSections_masonryEffectOfferBadge__HFcbD {
  position: absolute;
  top: 8px;
  right: 8px;
}

@keyframes loggedInPcSections_masonryShimmer__fBp0q {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

.loggedInPcSections_masonryEffectCaption__OAFtZ {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2.16cqw;
  padding: 17.27cqw 3.6cqw 5.76cqw;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 90%
  );
  transition: opacity 0.2s ease;
}

.loggedInPcSections_masonryEffectTitle__qX3dV {
  font-size: max(10px, 4.32cqw);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.loggedInPcSections_masonryEffectDesc__xpbo9 {
  display: -webkit-box;
  overflow: hidden;
  color: #d9d9d9;
  font-weight: 400;
  font-size: 12px;

  /* 验收指定效果卡说明为 Inter Regular 12px / 120%。 */
  font-family: Inter, sans-serif;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.loggedInPcSections_masonryEffectHoverCtaTarget__fuik4 {
  position: absolute;
  right: 3.6cqw;
  bottom: 5.76cqw;
  z-index: 3;
  display: inline-flex;
  pointer-events: none;
}
.loggedInPcSections_masonryEffectHoverCta__EUW6v {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 39.57cqw;
  height: 17.99cqw;
  padding: 0 8.27cqw;
  border-radius: 99px;
  background: #000;
  color: #fff;
  font-size: max(11px, 5.04cqw);
  font-weight: 600;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.loggedInPcSections_masonryEffectCard__8iq6i:hover .loggedInPcSections_masonryEffectCaption__OAFtZ,
.loggedInPcSections_masonryEffectCard__8iq6i:focus-visible .loggedInPcSections_masonryEffectCaption__OAFtZ {
  opacity: 0;
}

.loggedInPcSections_masonryEffectCard__8iq6i:hover .loggedInPcSections_masonryEffectHoverCta__EUW6v,
.loggedInPcSections_masonryEffectCard__8iq6i:focus-visible .loggedInPcSections_masonryEffectHoverCta__EUW6v {
  opacity: 1;
  transform: translateY(0);
}

/* 模式卡内部以 241px 设计宽为基准，仅在超大屏跟随卡宽同比放大。 */
@media (min-width: 2560px) {
  .loggedInPcSections_heroModePlaceholderTitle___Q9gF {
    top: 4.9793cqw;
    left: 4.9793cqw;
    width: 34.8548cqw;
    height: 4.9793cqw;
  }

  .loggedInPcSections_heroModePlaceholderSubtitle__3pJbS {
    top: 14.5228cqw;
    left: 4.9793cqw;
    width: 54.7718cqw;
    height: 3.7344cqw;
  }

  .loggedInPcSections_heroModePlaceholderPreview__ukMg8 {
    top: 3.3195cqw;
    right: 8.2988cqw;
    width: 19.0871cqw;
    height: 24.0664cqw;
    border-radius: 2.4896cqw;
  }

  .loggedInPcSections_heroModeCard__7JBBi:hover {
    transform: translateY(-0.8299cqw);
    box-shadow: 0 3.3195cqw 7.4689cqw rgba(0, 0, 0, 0.06);
  }

  .loggedInPcSections_heroModeTitle__MZxNo {
    top: 4.1494cqw;
    left: 4.9793cqw;
    font-size: 6.2241cqw;
    line-height: 7.4689cqw;
  }

  .loggedInPcSections_heroModeSubtitle__xDOnc {
    top: 13.6929cqw;
    left: 4.9793cqw;
    max-width: 53.9419cqw;
    font-size: 4.9793cqw;
    line-height: 6.0166cqw;
  }

  .loggedInPcSections_heroModeCard__7JBBi:first-child .loggedInPcSections_heroModeSubtitle__xDOnc {
    max-width: 51.8672cqw;
  }

  .loggedInPcSections_heroModePlus__3PiVU {
    top: 10.7884cqw;
    left: 64.7303cqw;
    width: 6.639cqw;
    height: 6.639cqw;
  }

  .loggedInPcSections_heroModePlus__3PiVU svg {
    width: 6.639cqw;
    height: 6.639cqw;
  }

  .loggedInPcSections_heroModePreview__Uogvn {
    padding: 0.8299cqw;
    border-radius: 2.4896cqw;
    box-shadow: 0 2.4896cqw 4.9793cqw rgba(0, 0, 0, 0.1);
  }

  .loggedInPcSections_heroModePreviewImg__4SCoK {
    inset: 0.8299cqw;
    width: 18.6722cqw;
    height: 26.1411cqw;
    border-radius: 1.6598cqw;
  }

  .loggedInPcSections_heroModeCardViral___R2_u .loggedInPcSections_heroModePreview__Uogvn {
    top: -6.5892cqw;
    left: 72.0871cqw;
    width: 20.332cqw;
    height: 27.8008cqw;
  }

  .loggedInPcSections_heroModeCardRecreate__aMz1Z .loggedInPcSections_heroModePreview__Uogvn {
    top: -7.0581cqw;
    left: 68.9419cqw;
    width: 21.1618cqw;
    height: 29.4606cqw;
  }

  .loggedInPcSections_heroModeCardRecreate__aMz1Z .loggedInPcSections_heroModePreviewImg__4SCoK {
    width: 19.5021cqw;
    height: 27.8008cqw;
  }

  .loggedInPcSections_heroModeCardClone__bCJ9t .loggedInPcSections_heroModePreview__Uogvn {
    top: -5.0166cqw;
    left: 70.1535cqw;
    width: 20.332cqw;
    height: 27.8008cqw;
  }

  .loggedInPcSections_heroModePillLink__pw7rM {
    top: 17.8423cqw;
    left: 55.1867cqw;
    height: 12.0332cqw;
    gap: 1.6598cqw;
    padding: 0 2.0747cqw;
    border-width: 0.249cqw;
    border-radius: 6.4108cqw;
    box-shadow: 0 2.4647cqw 4.9295cqw rgba(0, 0, 0, 0.08);
  }

  .loggedInPcSections_heroModePillVideo__1rEcm {
    top: 17.8423cqw;
    left: 66.39cqw;
    height: 11.6183cqw;
    padding: 0 4.1494cqw;
    border-radius: 99px;
    box-shadow: 0 1.6598cqw 4.1494cqw rgba(0, 0, 0, 0.06);
  }

  .loggedInPcSections_heroModePillImage__dyjey {
    top: 19.0871cqw;
    left: 69.7095cqw;
    height: 10.7884cqw;
    padding: 0 4.1494cqw;
    border-radius: 99px;
    box-shadow: 0 1.6598cqw 4.1494cqw rgba(0, 0, 0, 0.06);
  }

  .loggedInPcSections_heroModePillIcon__l0SFp {
    width: 2.9046cqw;
    height: 2.9046cqw;
  }

  .loggedInPcSections_heroModePillText___iboG {
    font-size: 3.4772cqw;
    line-height: 4.2075cqw;
  }

  .loggedInPcSections_heroModePillVideo__1rEcm .loggedInPcSections_heroModePillText___iboG,
  .loggedInPcSections_heroModePillImage__dyjey .loggedInPcSections_heroModePillText___iboG {
    font-size: 3.9253cqw;
    line-height: 4.751cqw;
  }

  /* Hover 预览卡随卡片（基准宽 241）等比放大到 1.6x。 */
  .loggedInPcSections_heroModeHoverPreview__MdTNe {
    bottom: calc(100% + 6.639cqw);  /* 16 / 241 */
    width: 93.361cqw;               /* 225 / 241 */
    height: 124.481cqw;             /* 300 / 241 */
    border-radius: 8.299cqw;        /* 20 / 241 */
  }
}

@media (max-width: 1100px) {
  .loggedInPcSections_heroTitle__r8AR6 {
    width: 100%;
    font-size: clamp(28px, 3.2vw, 36.61px);
    height: auto;
    white-space: normal;
  }
  .loggedInPcSections_heroInspiring__w6eYz {
    width: clamp(140px, 16vw, 186px);
    height: auto;
    aspect-ratio: 186 / 47;
  }
  .loggedInPcSections_heroModes__SJa3I {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .loggedInPcSections_heroModeCard__7JBBi,
  .loggedInPcSections_heroModeCard__7JBBi:nth-child(2) {
    flex: 0 0 220px;
    width: 220px;
  }
}

/* 保持当前文件的分组空行习惯，H5 覆盖按卡片层级分段。 */
/* stylelint-disable rule-empty-line-before */
@media (max-width: 639px) {
  .loggedInPcSections_presets__W46M0 {
    gap: 12px;
    padding-bottom: 40px;
    scroll-margin-top: 72px;
  }

  .loggedInPcSections_homePresets__khRqD {
    padding-right: 12px;
    padding-left: 12px;
  }

  .loggedInPcSections_presetsToolbar__C8L2G {
    height: 40px;
  }

  .loggedInPcSections_presetsTabsWrap__SZ6ON,
  .loggedInPcSections_presetsTabs__rZLTw {
    height: 36px;
  }

  .loggedInPcSections_presetsTabs__rZLTw {
    gap: 8px;
    padding-right: 28px;
    scroll-padding-inline: 2px;
    touch-action: pan-x;
  }

  .loggedInPcSections_presetsTab__fTe5_ {
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 999px;
    -webkit-tap-highlight-color: transparent;
  }

  .loggedInPcSections_presetsTab__fTe5_[aria-selected="true"] {
    color: #c2410c;
    background: #fff7ed;
    border-color: #ff631b;
  }

  .loggedInPcSections_presetsFade__UtbpR {
    width: 40px;
    height: 36px;
  }

  .loggedInPcSections_presetsNav__KM6Dy {
    display: none;
  }

  .loggedInPcSections_masonry__cCTq5 {
    --masonry-gap: 6px;
  }

  .loggedInPcSections_masonryCol__Vo3OX {
    gap: var(--masonry-gap);
  }

  .loggedInPcSections_masonryModeCard__wlEHf,
  .loggedInPcSections_masonryEffectCard__8iq6i {
    border-radius: 10px;
    -webkit-tap-highlight-color: transparent;
  }

  .loggedInPcSections_masonryModeCta__cbF7K,
  .loggedInPcSections_masonryEffectHoverCta__EUW6v {
    min-width: 0;
    height: 34px;
    padding: 0 13px;
    font-size: 12px;
  }

  .loggedInPcSections_masonryEffectCaption__OAFtZ,
  .loggedInPcSections_masonryEffectCard__8iq6i:hover .loggedInPcSections_masonryEffectCaption__OAFtZ,
  .loggedInPcSections_masonryEffectCard__8iq6i:focus-visible .loggedInPcSections_masonryEffectCaption__OAFtZ {
    gap: 4px;
    padding: 48px 8px;
    opacity: 1;
  }

  .loggedInPcSections_masonryEffectTitle__qX3dV {
    font-size: 12px;
    line-height: 1.2;
  }

  .loggedInPcSections_masonryEffectDesc__xpbo9 {
    font-size: 10px;
    line-height: 1.2;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }

  .loggedInPcSections_masonryEffectHoverCtaTarget__fuik4 {
    right: 8px;
    bottom: 8px;
  }

  .loggedInPcSections_masonryEffectHoverCta__EUW6v,
  .loggedInPcSections_masonryEffectCard__8iq6i:hover .loggedInPcSections_masonryEffectHoverCta__EUW6v,
  .loggedInPcSections_masonryEffectCard__8iq6i:focus-visible .loggedInPcSections_masonryEffectHoverCta__EUW6v {
    transform: none;
    opacity: 1;
  }

  .loggedInPcSections_masonryEffectOfferBadge__HFcbD {
    top: 6px;
    right: 6px;
  }
}
/* stylelint-enable rule-empty-line-before */

@media (prefers-reduced-motion: reduce) {
  .loggedInPcSections_trendingComposerAgentMode__8nV1Y,
  .loggedInPcSections_homeAgentIntro__2XSob,
  .loggedInPcSections_heroFan__e94Nw,
  .loggedInPcSections_heroFanCardShell__o9e2w,
  .loggedInPcSections_canvasBtn__cXI25,
  .loggedInPcSections_masonryModeCard__wlEHf,
  .loggedInPcSections_masonryEffectCard__8iq6i,
  .loggedInPcSections_masonryEffectHoverCta__EUW6v,
  .loggedInPcSections_masonryEffectCaption__OAFtZ,
  .loggedInPcSections_heroModeCard__7JBBi,
  .loggedInPcSections_heroModeHoverPreview__MdTNe {
    transition: none;
  }

  .loggedInPcSections_masonryEffectSkeleton__5vUPw {
    animation: none;
  }
  .loggedInPcSections_trendingComposer__7FHEB,
  .loggedInPcSections_trendingComposerThermalNoise__XKN8b,
  .loggedInPcSections_trendingComposerThermalHeat__dHL10,
  .loggedInPcSections_trendingComposerThermalGrain__CZwir {
    --trending-composer-glow-spin: 0deg;

    animation: none;
  }
  .loggedInPcSections_trendingComposerThermalNoise__XKN8b {
    opacity: 0;
  }
  /* 尊重系统减少动态效果设置，同时保留欢迎区的最终可读状态。 */
  .loggedInPcSections_homeAgentIntroPhotoCard__IKQX5,
  .loggedInPcSections_homeAgentIntroPhoto__oap0c,
  .loggedInPcSections_homeAgentIntroBadge__FNHEx,
  .loggedInPcSections_homeAgentIntroTitle__XsrJv,
  .loggedInPcSections_homeAgentIntroDescription__w5crI {
    animation: none;
  }
}

/* ---- Hero mode card: active (selected) state --------------- */

.loggedInPcSections_heroModeCardViralActive__F97t9 {
  box-shadow: 0 0 0 2px #9367e7, 0 8px 18px rgba(147, 103, 231, 0.18);
  transform: translateY(-2px);
}

.loggedInPcSections_heroModeCardRecreateActive__v43GK {
  box-shadow: 0 0 0 2px #6ea99b, 0 8px 18px rgba(110, 169, 155, 0.18);
  transform: translateY(-2px);
}

.loggedInPcSections_heroModeCardCloneActive__bkk_2 {
  box-shadow: 0 0 0 2px #da82a6, 0 8px 18px rgba(218, 130, 166, 0.18);
  transform: translateY(-2px);
}

/* ---- Composer: wrapper (allows floating tiles to overflow) -- */

.loggedInPcSections_trendingComposerWrapper__8VzdJ {
  position: relative;
  width: 100%;
  overflow: visible;
}

/*
 * 示例资源属于创作区的临时弹出层；触发时连同外层上浮，才能跨过位移动画建立的层叠上下文。
 * 100 仅高于全局导航的 99，仍低于 Dialog / 全屏遮罩的 190。
 */
.loggedInPcSections_trendingComposerWrapper__8VzdJ:has(:hover [data-workspace-upload-example-preview]),
.loggedInPcSections_trendingComposerWrapper__8VzdJ:has(:focus-within [data-workspace-upload-example-preview]) {
  z-index: 100;
}

@keyframes loggedInPcSections_home-composer-layout-motion-down__1x7A5 {
  from {
    transform: translate3d(0, calc(-1 * var(--hero-composer-layout-shift)), 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes loggedInPcSections_home-composer-layout-motion-up__44aQS {
  from {
    transform: translate3d(0, var(--hero-composer-layout-shift), 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.loggedInPcSections_homeComposerLayoutMotionDown__zKu3w {
  animation:
    loggedInPcSections_home-composer-layout-motion-down__1x7A5 var(--hero-layout-motion-duration)
    var(--hero-mode-ease) both;
  will-change: transform;
}
.loggedInPcSections_homeComposerLayoutMotionUp__h0geS {
  animation:
    loggedInPcSections_home-composer-layout-motion-up__44aQS var(--hero-layout-motion-duration)
    var(--hero-mode-ease) both;
  will-change: transform;
}

.loggedInPcSections_trendingComposerSettingsLayer__WRn6g {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

@keyframes loggedInPcSections_home-mode-switches-fade-in__2_sxC {
  from {
    transform: translate3d(0, 8px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes loggedInPcSections_home-mode-switches-fade-out__LH4Oe {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 8px, 0);
    opacity: 0;
  }
}

@keyframes loggedInPcSections_home-mode-switches-collapse-layout__JYE0T {
  from {
    height: var(--home-composer-mode-switches-height);
    margin-top: var(--home-composer-mode-switches-margin-top);
  }
  to {
    height: 0;
    margin-top: 0;
  }
}
.loggedInPcSections_homeComposerModeSwitches__jlZr7 {
  --home-composer-mode-switches-height: clamp(40px, calc(-10.7769px + 1.9835vw), 64px);
  --home-composer-mode-switches-margin-top: clamp(24px, calc(-6.4661px + 1.1901vw), 38.4px);

  display: flex;
  gap: clamp(12px, calc(-3.2331px + 0.595vw), 19.2px);
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  height: var(--home-composer-mode-switches-height);
  margin: var(--home-composer-mode-switches-margin-top) auto 0;
  font-family: var(--font-sans);
  backface-visibility: hidden;
}
.loggedInPcSections_homeComposerModeSwitchesEnter__lmy38 {
  /* 与底纹词打字从点击叉的同一帧开始，并保持相同时长。 */
  animation:
    loggedInPcSections_home-mode-switches-fade-in__2_sxC var(--hero-mode-duration)
    var(--hero-mode-ease);
}

/*
 * 胶囊先用合成层淡出，高度与外边距在末帧一次性收起。
 * step-end 避免 Agent 专项切换时每帧重新布局整个首页。
 */
.loggedInPcSections_homeComposerModeSwitchesHidden__8j1Vk {
  height: 0;
  margin-top: 0;
  overflow: hidden;
  transform: translate3d(0, 8px, 0);
  opacity: 0;
  animation:
    loggedInPcSections_home-mode-switches-fade-out__LH4Oe var(--hero-layout-motion-duration)
    var(--hero-mode-ease) both,
    loggedInPcSections_home-mode-switches-collapse-layout__JYE0T 0s var(--hero-layout-motion-duration)
    step-end both;
}
.loggedInPcSections_homeComposerModeSwitchesLocked__AT_4V {
  pointer-events: none;
}
.loggedInPcSections_homeComposerModeSwitch__QY6x5 {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  gap: clamp(3px, calc(-0.8083px + 0.1488vw), 4.8px);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  padding:
    clamp(8px, calc(-2.1554px + 0.3967vw), 12.8px)
    clamp(16px, calc(-4.3107px + 0.7934vw), 25.6px)
    clamp(8px, calc(-2.1554px + 0.3967vw), 12.8px)
    clamp(12px, calc(-3.2331px + 0.595vw), 19.2px);
  color: var(--neutral-600);
  font-weight: 600;
  font-size: clamp(13px, calc(-3.5025px + 0.6446vw), 20.8px);
  line-height: clamp(18px, calc(-4.8496px + 0.8926vw), 28.8px);
  white-space: nowrap;
  background: var(--neutral-0);
  border: 0;
  border-radius: 51px;
  box-shadow: inset 0 0 7.3px rgb(255 99 27 / 58%);
  overflow: visible;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.loggedInPcSections_homeComposerModeSwitch__QY6x5:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.loggedInPcSections_homeComposerModeSwitch__QY6x5:hover:not(:disabled),
.loggedInPcSections_homeComposerModeSwitch__QY6x5:focus-visible:not(:disabled),
.loggedInPcSections_homeComposerModeSwitch__QY6x5:active:not(:disabled) {
  color: var(--neutral-600);
  background: var(--neutral-0);
  box-shadow: inset 0 0 7.3px rgb(255 99 27 / 58%);
}

/* 胶囊预览：200 宽，保持原 3:4 比例。 */
.loggedInPcSections_homeComposerModeSwitch__QY6x5 .loggedInPcSections_heroModeHoverPreview__MdTNe {
  bottom: calc(100% + 14px);
  width: 200px;
  height: calc(200px * 4 / 3);
  border-radius: 18px;
}

.loggedInPcSections_homeComposerModeSwitch__QY6x5:hover:not(:disabled) .loggedInPcSections_heroModeHoverPreview__MdTNe,
.loggedInPcSections_homeComposerModeSwitch__QY6x5:focus-visible:not(:disabled) .loggedInPcSections_heroModeHoverPreview__MdTNe {
  opacity: 1;
  transform: translate(-50%, 0);
}

.loggedInPcSections_homeComposerModeIcon__VHiUx {
  position: relative;
  display: block;
  flex: 0 0 auto;
  height: clamp(24px, calc(-6.4661px + 1.1901vw), 38.4px);
}
.loggedInPcSections_homeComposerModeIconSquare__ThL54 {
  width: clamp(24px, calc(-6.4661px + 1.1901vw), 38.4px);
}
.loggedInPcSections_homeComposerModeIconWideContainer__8K1hc {
  width: clamp(24.368px, calc(-6.5653px + 1.2083vw), 38.9888px);
}
.loggedInPcSections_homeComposerModeIconDefault__g6YS9 {
  object-fit: contain;
}
.loggedInPcSections_homeComposerModeIconHook__QVK4z {
  top: 15.54% !important;
  right: 11.26% !important;
  bottom: 20.58% !important;
  left: 13.57% !important;
  width: auto !important;
  height: auto !important;
}
.loggedInPcSections_homeComposerModeIconWide__sdAoh {
  object-fit: cover;
}

/* ---- Composer: special-mode outer border ------------------- */

.loggedInPcSections_trendingComposerSpecialMode__PY0X_ {
  display: flex;
  flex-direction: column;
  gap: clamp(7px, calc(-1.8859px + 0.3471vw), 11.2px);
  border: 0;
}

/* Figma 7092:248720 / 249269 / 249774：专项模式胶囊位于渐变外框顶部。 */
.loggedInPcSections_trendingComposerModeHeader__c4xiV {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: clamp(35px, calc(-9.4298px + 1.7355vw), 56px);
  padding: 0 clamp(16px, calc(-4.3107px + 0.7934vw), 25.6px);
}

/* stylelint-disable rule-empty-line-before, order/properties-order -- 浮动槽位紧邻既有绝对定位规则。 */
/* stylelint-disable stylistic/declaration-colon-newline-after, scss/operator-no-newline-before */
@keyframes loggedInPcSections_home-mode-shell-fade-in__FYJ_q {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes loggedInPcSections_home-mode-shell-fade-out__qg7CJ {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, -4px, 0);
    opacity: 0;
  }
}

.loggedInPcSections_trendingComposerSpecialMode__PY0X_:not([data-shell-exiting="true"]) .loggedInPcSections_trendingComposerModeHeader__c4xiV {
  animation: loggedInPcSections_home-mode-shell-fade-in__FYJ_q var(--hero-mode-duration) var(--hero-mode-ease) both;
}

.loggedInPcSections_homeModeFloatingSlotMotion__xko_3[data-exiting="true"],
.loggedInPcSections_trendingComposer__7FHEB[data-shell-exiting="true"] .loggedInPcSections_trendingComposerModeHeader__c4xiV {
  animation: loggedInPcSections_home-mode-shell-fade-out__qg7CJ var(--hero-surface-exit-duration) var(--hero-mode-ease) both;
  pointer-events: none;
}

/* 回退首帧让旧标题脱离排版，默认 Create 主体和边框无需等待旧壳层卸载。 */
.loggedInPcSections_trendingComposer__7FHEB[data-shell-exiting="true"] .loggedInPcSections_trendingComposerModeHeader__c4xiV {
  position: absolute;
  top: var(--trending-composer-ring-width);
  right: var(--trending-composer-ring-width);
  left: var(--trending-composer-ring-width);
  z-index: 2;
  width: auto;
}

/* 默认资源卡从回退首帧开始，与旧专项壳层按相同时长交叉淡入淡出。 */
.loggedInPcSections_trendingComposerWrapper__8VzdJ:has(> .loggedInPcSections_trendingComposer__7FHEB[data-shell-exiting="true"]) > [data-create-generation-resource-cards] {
  animation: loggedInPcSections_home-mode-shell-fade-in__FYJ_q var(--hero-surface-exit-duration) var(--hero-mode-ease);
}

.loggedInPcSections_trendingComposerSpecialMode__PY0X_ .loggedInPcSections_trendingComposerBody__ElA5u {
  gap: clamp(20px, calc(-5.3884px + 0.9917vw), 32px);

  /* Figma 的 1px 描边不占布局空间，使用内阴影保持主体总高精确为 100px。 */
  border: 0;
  box-shadow:
    inset 0 0 0 1px var(--neutral-200),
    0 4px 20px rgb(0 0 0 / 3%);
}
/* stylelint-enable stylistic/declaration-colon-newline-after, scss/operator-no-newline-before */
/* stylelint-enable rule-empty-line-before, order/properties-order */

/* ---- Floating tile outer container (z-30, overflow-visible) - */

.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf {
  position: absolute;
  z-index: 30;
  display: block;
}

.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:hover,
.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:focus-within {
  z-index: 60;
}

/* Card wrap isolates rotation from the remove button coordinates */
.loggedInPcSections_trendingComposerFloatingTileCardWrap__GgaQN {
  position: absolute;
  transform: var(--home-floating-tile-transform, rotate(0deg));
  transition: transform 0.15s ease;
}

/* 整个卡片（含删除按钮）悬停或键盘聚焦时归正，避免只旋转内部内容。 */
.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:hover .loggedInPcSections_trendingComposerFloatingTileCardWrap__GgaQN,
.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:focus-within .loggedInPcSections_trendingComposerFloatingTileCardWrap__GgaQN {
  transform: rotate(0deg);
}

.loggedInPcSections_trendingComposerFloatingTileCard__WzxVG {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  border: 2.455px solid white;
  background: #e2e2e2;
  padding: 2.455px;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:hover .loggedInPcSections_trendingComposerFloatingTileCard__WzxVG {
  transform: scale(1.02);
}

.loggedInPcSections_trendingComposerFloatingTileCardError__Ebqa1 {
  outline: 2px solid rgba(248, 113, 113, 0.7);
}

/* Empty state: gray circle + plus icon */
.loggedInPcSections_trendingComposerFloatingTilePlusCircle__a_3ju {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.06);
  color: #707070;
  flex-shrink: 0;
}

.loggedInPcSections_trendingComposerFloatingTilePlusIcon__vRlJa {
  width: 16px;
  height: 16px;
}

/* Filled: thumbnail fills the card */
.loggedInPcSections_trendingComposerFloatingTileThumb__RFRVY {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.loggedInPcSections_trendingComposerFloatingTileThumbDimmed__P_Pe1 {
  opacity: 0.5;
}

/* Uploading spinner overlay */
.loggedInPcSections_trendingComposerFloatingTileBusyOverlay__aaQka {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
}

.loggedInPcSections_trendingComposerFloatingTileSpinner__GJ9i2 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-top-color: white;
  animation: loggedInPcSections_liComposerSpin__ZnAFQ 0.8s linear infinite;
}

/* Remove button: sits at -4px / -4px outside the card boundary */
.loggedInPcSections_trendingComposerFloatingTileRemove__Z9A4C {
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  color: var(--neutral-800, #3a3a3a);
  transform: scale(0.82);
  opacity: 0;
  transition: background 0.12s ease, opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}
.loggedInPcSections_trendingComposerFloatingTileRemove__Z9A4C:hover {
  background: #f1f1f2;
}

/* 已填入内容的坑位仅在交互态展示删除入口。 */
.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:hover .loggedInPcSections_trendingComposerFloatingTileRemove__Z9A4C,
.loggedInPcSections_trendingComposerFloatingTileOuter__7fsyf:focus-within .loggedInPcSections_trendingComposerFloatingTileRemove__Z9A4C {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.loggedInPcSections_trendingComposerFloatingTileRemoveIcon__OA9JR {
  width: 12px;
  height: 12px;
}

/* White pill label — positioned per-tile via dedicated classes below */
.loggedInPcSections_trendingComposerFloatingTileLabel__FUdOo {
  position: absolute;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 26px;
  white-space: nowrap;
  border-radius: 999px;
  background: white;
  padding: 0 10px;
  font-family: var(--font-sans), Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: var(--neutral-800, #3a3a3a);
  backdrop-filter: blur(30px);
}

/* ---- Viral: Link slot --------------------------------------- */

/* Container sits to the left of the photo tile (right: 110.39px == photo width 100px + gap) */
.loggedInPcSections_trendingComposerLinkOuter__vIya0 {
  position: absolute;
  z-index: 40;
  right: 110.39px;
  top: -55.969px;
  height: 36px;
  width: 214px;
}

/* Shared bar layout for editing + filled states */
.loggedInPcSections_trendingComposerLinkBar__HmPNu {
  position: absolute;
  left: 0;
  top: 2.7px;
  display: flex;
  align-items: center;
  height: 33px;
  width: 212.461px;
  border-radius: 16px;
  border: 2px solid white;
  background: #e2e2e2;
  padding-left: 8px;
  padding-right: 10px;
  overflow: hidden;
}

.loggedInPcSections_trendingComposerLinkBarFilled__w2XA6 {
  background: #ece2ff;
}

.loggedInPcSections_trendingComposerLinkIconWrap__4pwWm {
  display: flex;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.loggedInPcSections_trendingComposerLinkIcon__n0zNP {
  width: 11px;
  height: 11px;
  color: #e9b4ff;
}

/* Editing: URL text input */
.loggedInPcSections_trendingComposerLinkInput__TorWr {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  line-height: 18px;
  color: #6b7280;
  font-family: var(--font-sans), Inter, sans-serif;
}

.loggedInPcSections_trendingComposerLinkInput__TorWr::placeholder {
  color: #6b7280;
}

/* Filled: truncated URL display button */
.loggedInPcSections_trendingComposerLinkUrlBtn__g6uP3 {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  background: transparent;
  border: none;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  font-family: var(--font-sans), Inter, sans-serif;
}

/* Clear / remove link button */
.loggedInPcSections_trendingComposerLinkClearBtn__BlNnd {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  color: var(--neutral-800, #3a3a3a);
  transition: background 0.12s ease;
}

.loggedInPcSections_trendingComposerLinkClearBtn__BlNnd:hover {
  background: rgba(0, 0, 0, 0.08);
}

.loggedInPcSections_trendingComposerLinkClearIcon__NXaay {
  width: 14px;
  height: 14px;
}

/* Empty state: compact chip anchored to the right edge */
.loggedInPcSections_trendingComposerLinkEmptyChip__o7fRV {
  position: absolute;
  right: 0;
  top: 2.7px;
  display: flex;
  align-items: center;
  height: 33px;
  padding-left: 8px;
  padding-right: 10px;
  border-radius: 16px;
  border: 2px solid white;
  background: #e2e2e2;
  font-size: 14px;
  line-height: 18px;
  color: #6b7280;
  cursor: pointer;
  font-family: var(--font-sans), Inter, sans-serif;
  transition: opacity 0.12s ease;
}

.loggedInPcSections_trendingComposerLinkEmptyChip__o7fRV:hover {
  opacity: 0.85;
}

/* ---- Mode capsule (bottom-left of footer) ------------------- */

.loggedInPcSections_trendingComposerModePill__I_Nlr {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: clamp(28px, calc(-7.543802px + 1.388430vw), 44.8px);
  padding: 6px 4px 6px clamp(8px, calc(-2.155372px + 0.396694vw), 12.8px);
  border: 1.6px solid currentColor;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  font-family: var(--font-sans), Inter, sans-serif;
  font-size: clamp(11px, calc(-2.963636px + 0.545455vw), 17.6px);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: opacity 0.12s ease;
}

.loggedInPcSections_trendingComposerModePill__I_Nlr:hover:not(:disabled) {
  opacity: 0.78;
}

.loggedInPcSections_trendingComposerModePill__I_Nlr:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.loggedInPcSections_trendingComposerModePillViral__cEAyO {
  color: #9367e7;
  background: #ece2ff;
  border-color: #9367e7;
}

.loggedInPcSections_trendingComposerModePillRecreate__g8Rxe {
  color: #4cb198;
  background: #e2eded;
  border-color: #4cb198;
}

.loggedInPcSections_trendingComposerModePillReference__mWuAJ {
  color: #c66978;
  background: #ffe6e7;
  border-color: #c66978;
}
.loggedInPcSections_trendingComposerModePillClose__EWV4D {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(18px, calc(-4.849587px + 0.892562vw), 28.8px);
  height: clamp(18px, calc(-4.849587px + 0.892562vw), 28.8px);
  border-radius: 50%;
  /* background: currentColor; */
  flex-shrink: 0;
}

.loggedInPcSections_trendingComposerModePillText__uC9Bb {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loggedInPcSections_trendingComposerModePillCloseIcon___hnmx {
  width: 10px;
  height: 10px;
  color: currentcolor;
  transform: rotate(45deg);
}

/* 顶部模式胶囊严格使用 Figma 的 35px 高度、图标尺寸和内阴影。 */
.loggedInPcSections_trendingComposerModePillHeader__LMXvx {
  gap: clamp(3px, calc(-0.8083px + 0.1488vw), 4.8px);
  height: 100%;
  padding:
    clamp(4px, calc(-1.0777px + 0.1983vw), 6.4px)
    clamp(8px, calc(-2.1554px + 0.3967vw), 12.8px);
  color: var(--neutral-600);
  background: var(--neutral-0);
  border: 0;
  border-radius: var(--radius-100);
  font-size: clamp(13px, calc(-3.5025px + 0.6446vw), 20.8px);
  font-weight: 600;
  line-height: clamp(18px, calc(-4.8496px + 0.8926vw), 28.8px);
}

.loggedInPcSections_trendingComposerModePillHeaderViral__JIv7v {
  width: clamp(138.368px, calc(-37.2717px + 6.8629vw), 221.3888px);
  box-shadow: inset 0 0 7.3px rgb(147 103 231 / 70%);
}

.loggedInPcSections_trendingComposerModePillHeaderRecreate__355rI {
  width: clamp(161.368px, calc(-43.4692px + 8.0033vw), 258.1888px);
  box-shadow: inset 0 0 7.3px #c0b8ad;
}

.loggedInPcSections_trendingComposerModePillHeaderReference__qWI09 {
  width: clamp(119px, calc(-32.0579px + 5.9008vw), 190.4px);

  /* Clone ID 使用 Figma 7092:249929 的粉色内阴影，与 Recreate 的灰色胶囊区分。 */
  box-shadow: inset 0 0 7.3px #ff8d91;
}

/* 顶部专项模式胶囊悬停时保持原亮度，避免整体透明后透出模式背景而视觉变深。 */
.loggedInPcSections_trendingComposerModePillHeader__LMXvx:hover:not(:disabled) {
  opacity: 1;
}

.loggedInPcSections_trendingComposerModePillHeaderIcon__4PDyk {
  position: relative;
  display: block;
  width: clamp(24px, calc(-6.4661px + 1.1901vw), 38.4px);
  height: clamp(24px, calc(-6.4661px + 1.1901vw), 38.4px);
  flex: 0 0 auto;
}

.loggedInPcSections_trendingComposerModePillHeaderIconWide__bRVp0 {
  width: clamp(24.368px, calc(-6.5653px + 1.2083vw), 38.9888px);
}

.loggedInPcSections_trendingComposerModePillHeaderIconImage__MDCji {
  object-fit: cover;
}

.loggedInPcSections_trendingComposerModePillHeaderClose__Emgz1 {
  width: clamp(20px, calc(-5.3884px + 0.9917vw), 32px);
  height: clamp(20px, calc(-5.3884px + 0.9917vw), 32px);
}

.loggedInPcSections_trendingComposerModePillHeaderCloseIcon__Dl2UM {
  /* 20px 图标画布内保留 Figma 原始 11.25px 叶子，避免把叉号二次缩小。 */
  width: clamp(20px, calc(-5.3884px + 0.9917vw), 32px);
  height: clamp(20px, calc(-5.3884px + 0.9917vw), 32px);
}

/* stylelint-disable rule-empty-line-before, order/properties-order -- reduced-motion 统一覆盖动效属性。 */
@media (prefers-reduced-motion: reduce) {
  .loggedInPcSections_trendingComposerBackgroundLayer__D0sSD,
  .loggedInPcSections_homeComposerModeSwitches__jlZr7,
  .loggedInPcSections_homeComposerLayoutMotionDown__zKu3w,
  .loggedInPcSections_homeComposerLayoutMotionUp__h0geS,
  .loggedInPcSections_heroTop__EIo2S,
  .loggedInPcSections_homeModeFloatingSlotMotion__xko_3,
  .loggedInPcSections_trendingComposerModeHeader__c4xiV {
    animation: none !important;
    transition: none !important;
  }

  .loggedInPcSections_trendingComposerBackgroundLayerVisible__qdljW {
    opacity: 1;
  }
}
/* stylelint-enable rule-empty-line-before, order/properties-order */

.header_header__rj0C7{position:fixed;right:0;left:0;z-index:99;box-sizing:border-box;width:100%;height:64px;background:hsla(0,0%,100%,.02);pointer-events:none}.header_header__rj0C7::before{position:absolute;background:rgba(0,0,0,0);backdrop-filter:blur(18px);content:"";pointer-events:none;inset:0 0 -12px;mask-image:linear-gradient(to bottom, #000 0%, #000 21%, rgba(0, 0, 0, 0.1) 84%, transparent 100%)}.header_headerInner__In3z9{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:3770px;margin:0 auto;padding:16px 24px 1px;pointer-events:auto}.header_headerLogo__RQEoQ{display:inline-flex;align-items:center;min-width:300px;color:#252525;text-decoration:none;cursor:pointer}.header_headerActions__8sWpf{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:300px}.header_headerLangBtn__WoQOE,.header_headerAction__9xYeU{display:inline-flex;align-items:center;justify-content:center;height:32px;color:#3a3a3a;font-family:inherit;white-space:nowrap;background:hsla(0,0%,100%,.4);border:none;border-radius:16px;cursor:pointer}.header_headerLangBtn__WoQOE{width:32px;padding:0;backdrop-filter:blur(20px)}.header_headerLangBtn__WoQOE:hover{color:#3a3a3a}.header_headerLangIcon__0Wzfk{width:16px;height:16px}.header_headerAction__9xYeU{gap:6px;min-width:74px;padding:0 16px;color:var(--neutral-800, #3a3a3a);font-weight:600;font-size:14px;line-height:normal;background:var(--neutral-0, #fff);border-radius:var(--radius-16, 16px)}.header_headerAction__9xYeU:disabled{cursor:default}.header_headerActionActive__X7deU{color:var(--orange-500, #ff631b)}.header_headerLangBtn__WoQOE:enabled:hover,.header_headerAction__9xYeU:enabled:hover{background:hsla(0,0%,100%,.88)}.header_headerInviteBtn__RaIi_{display:inline-flex;gap:4px;align-items:center;justify-content:center;height:32px;padding:0 9px;color:#3a3a3a;font-weight:600;font-size:14px;font-family:inherit;line-height:normal;white-space:nowrap;background:none;border:none;border-radius:16px;cursor:pointer}.header_headerInviteBtn__RaIi_:hover{background:hsla(0,0%,100%,.3)}.header_headerInviteIcon__0H1eM{flex-shrink:0;width:18px;height:17px}