.top-discount-banner_banner__6QnYL{position:fixed;top:0;right:0;left:0;z-index:70;height:40px;overflow:hidden;color:#fff;font-family:Inter,var(--font-sans),sans-serif}.top-discount-banner_background__mieZA{z-index:-1;object-fit:cover}.top-discount-banner_content__Usw_f{position:absolute;top:50%;left:50%;display:flex;align-items:center;max-width:calc(100% - 120px);transform:translate(-50%, -50%)}.top-discount-banner_withCountdown__g_8xv .top-discount-banner_content__Usw_f{gap:var(--top-banner-pc-gap, clamp(10px, 5.5556vw, 80px))}.top-discount-banner_withoutCountdown__H108M .top-discount-banner_content__Usw_f{gap:32px}.top-discount-banner_textAndBadges__hzQI6{display:flex;flex-shrink:1;gap:12px;align-items:center;min-width:0}.top-discount-banner_discountBadge__lkgpq{display:inline-flex;flex-shrink:0;align-items:center;padding:4px 8px;color:#5c1d24;font-weight:800;font-size:12px;line-height:normal;white-space:nowrap;background:#fff;border-radius:6px}.top-discount-banner_message__7IExi{min-width:0;margin:0;overflow:hidden;color:#fff;font-weight:500;font-size:16px;line-height:normal;white-space:nowrap;text-overflow:ellipsis}.top-discount-banner_messageHighlight__usE2g{font-weight:900}.top-discount-banner_messageTrack__7dk7q{display:inline}.top-discount-banner_messageCopy__saeD_{display:inline-block;white-space:nowrap}.top-discount-banner_countdown__XE_xg{display:flex;flex-shrink:0;gap:6px;align-items:center;color:#fff;font-weight:700;line-height:normal;white-space:nowrap;text-align:center}.top-discount-banner_countdownCell__2GcUJ{display:flex;flex-direction:column;flex-shrink:0;gap:1px;align-items:center;justify-content:center;width:37px;height:32px;background:rgba(67,29,36,.7);border-radius:5px}.top-discount-banner_countdownValue__ZhWpO{font-size:14px}.top-discount-banner_countdownLabel__0Zdfp{color:hsla(0,0%,100%,.7);font-size:8px}.top-discount-banner_countdownSeparator__3yFIG{color:hsla(0,0%,100%,.6);font-size:14px}.top-discount-banner_claimButton__6HD2K{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:8px 18px;color:#5c1d24;font-weight:700;font-size:13px;line-height:normal;white-space:nowrap;background:#fff;border:0;border-radius:100px;cursor:pointer}.top-discount-banner_closeButton__OtFZK{position:absolute;top:4px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:hsla(0,0%,100%,.2);border:0;border-radius:28px;cursor:pointer;backdrop-filter:blur(10px)}.top-discount-banner_closeIcon__xPXwH{width:14px;height:14px;transform:rotate(45deg)}.top-discount-banner_mobile__jDcn1{height:40px}.top-discount-banner_mobile__jDcn1 .top-discount-banner_content__Usw_f,.top-discount-banner_mobile__jDcn1.top-discount-banner_withCountdown__g_8xv .top-discount-banner_content__Usw_f,.top-discount-banner_mobile__jDcn1.top-discount-banner_withoutCountdown__H108M .top-discount-banner_content__Usw_f{top:50%;left:8px;gap:20px;width:calc(100% - 48px);max-width:none;transform:translateY(-50%)}.top-discount-banner_mobile__jDcn1 .top-discount-banner_textAndBadges__hzQI6{flex:1 1 auto;gap:12px}.top-discount-banner_mobile__jDcn1 .top-discount-banner_discountBadge__lkgpq{padding:3px 7px;color:#fff;font-weight:600;font-size:11px;background:rgba(0,0,0,0);border:1px solid #fff;border-radius:100px}.top-discount-banner_message__7IExi .top-discount-banner_discountBadge__lkgpq{vertical-align:middle}.top-discount-banner_message__7IExi .top-discount-banner_discountBadge__lkgpq:first-child{margin-right:12px}.top-discount-banner_mobile__jDcn1 .top-discount-banner_message__7IExi{flex:1 1 auto;max-width:none;font-weight:500;font-size:12px}.top-discount-banner_mobile__jDcn1 .top-discount-banner_messageMarquee__WPvAK{text-overflow:clip}.top-discount-banner_mobile__jDcn1 .top-discount-banner_messageMarquee__WPvAK .top-discount-banner_messageTrack__7dk7q{display:inline-flex;gap:32px;min-width:max-content;animation-name:top-discount-banner_top-banner-message-marquee__O60Iv;animation-timing-function:linear;animation-iteration-count:infinite}.top-discount-banner_mobile__jDcn1 .top-discount-banner_countdown__XE_xg{display:none}.top-discount-banner_mobile__jDcn1 .top-discount-banner_claimButton__6HD2K{padding:4px 6px;font-size:12px}.top-discount-banner_mobile__jDcn1 .top-discount-banner_closeButton__OtFZK{top:0;right:0;width:32px;height:40px;background:rgba(0,0,0,0);border-radius:0;backdrop-filter:none}.top-discount-banner_mobile__jDcn1 .top-discount-banner_closeIcon__xPXwH{width:13px;height:13px}@keyframes top-discount-banner_top-banner-message-marquee__O60Iv{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 16px))}}
/* ============================================================
   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: 96px;
  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);
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  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: 0.38s;
  --hero-mode-ease: cubic-bezier(0.16, 1, 0.3, 1);

  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: clamp(40px, calc(-10.7769px + 1.9835vw), 64px);
  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;
}

/* 特殊模式：标题与输入框间距拉大，模式卡区域折叠 */
.loggedInPcSections_heroTopSpecial__w9Uku {
  --hero-special-title-composer-gap: clamp(
    130px,
    calc(-35.0248px + 6.4463vw),
    208px
  );

  gap: var(--hero-special-title-composer-gap);
  will-change: gap;
}

/*
 * 专项模式仍保留 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;
  z-index: 1;
  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;
  transform: translateZ(0);
}

/*
 * heroTop 内 composer / modes 都是 flex item。
 * 默认 modes 更高，让卡片悬浮预览盖住输入框；
 * Settings 打开时提升 composer，让下拉盖住 mode card。
 */
.loggedInPcSections_heroComposer__dFV3z:has([data-settings-open="true"]) {
  z-index: 60;
}

/* Logged-in trending composer — Figma 2993:117456 */
.loggedInPcSections_trendingComposer__7FHEB {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(6px, calc(-1.616529px + 0.297521vw), 9.6px);
  border: none;
  border-radius: clamp(30px, calc(-8.082645px + 1.487603vw), 48px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.loggedInPcSections_trendingComposerBody__ElA5u {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, calc(-5.388430px + 0.991736vw), 32px);
  width: 100%;
  box-sizing: border-box;
  padding: clamp(16px, calc(-4.310744px + 0.793388vw), 25.6px);
  border-radius: clamp(26px, calc(-7.004959px + 1.289256vw), 41.6px);
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.loggedInPcSections_trendingComposerFileInput__DZfZO {
  display: none;
}

/* 首页保留自身留白，输入内容与资源 Clip 由公共富文本组件渲染。 */
.loggedInPcSections_trendingComposerRichInput__KDjkX {
  width: 100%;
}

.loggedInPcSections_trendingComposerRichInput__KDjkX .loggedInPcSections_trendingComposerEditor__7famq {
  min-height: clamp(20px, calc(-5.388430px + 0.991736vw), 32px);
  max-height: clamp(126px, calc(-33.947107px + 6.247934vw), 201.6px);
  padding-top: clamp(5px, calc(-1.347107px + 0.247934vw), 8px);
  padding-bottom: clamp(5px, calc(-1.347107px + 0.247934vw), 8px);
  font-size: clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
  line-height: clamp(18px, calc(-4.849587px + 0.892562vw), 28.8px);
}

.loggedInPcSections_trendingComposerRichInput__KDjkX .loggedInPcSections_trendingComposerPlaceholder__EBTn4 {
  top: clamp(5px, calc(-1.347107px + 0.247934vw), 8px);
  font-size: clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
  line-height: clamp(18px, calc(-4.849587px + 0.892562vw), 28.8px);
}

.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_trendingComposerActions__HP3hR {
  display: flex;
  align-items: center;
  gap: clamp(8px, calc(-2.155372px + 0.396694vw), 12.8px);
}

.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);
}

.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-family: var(--font-encode-expanded), "Encode Sans Expanded", sans-serif;
  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 16px 64px;
  box-sizing: border-box;
  scroll-margin-top: 96px;
}

.loggedInPcSections_presetsTitle__KYHp3 {
  margin: 0;
  width: 100%;
  /* 2560px 以下保持 20/30；到 3770px 线性放大至 1.6 倍。 */
  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: clamp(40px, calc(-10.776860px + 1.983471vw), 64px);
  height: clamp(40px, calc(-10.776860px + 1.983471vw), 64px);
  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;
  }
}

@media (prefers-reduced-motion: reduce) {
  .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;
  }
}

/* ---- 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;
}

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

.loggedInPcSections_trendingComposerSpecialMode__PY0X_ {
  border: 2px solid #e2e2e2;
}

/* ---- 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: -90px;
  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;
}