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

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

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

/* ---- Toolbar 2592:140526 (1440×64) ------------------------ */

.loggedInPcSections_header__meUyY {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 40;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  background: rgb(255 255 255 / 2%);
  pointer-events: none;
}
.loggedInPcSections_header__meUyY::before {
  position: absolute;
  inset: 0 0 -12px;
  background: transparent;
  backdrop-filter: blur(18px);
  content: "";
  mask-image: linear-gradient(to bottom, #000 0%, #000 21%, rgb(0 0 0 / 10%) 84%, transparent 100%);
  pointer-events: none;
}

.loggedInPcSections_headerInner__UnmFn {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: var(--logged-in-pc-content-max-width);
  height: 64px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.loggedInPcSections_headerLogo__xQtZE {
  display: inline-flex;
  align-items: center;
  color: #252525;
  text-decoration: none;
  cursor: pointer;
}

.loggedInPcSections_headerActions__vQvVp {
  display: flex;
  align-items: center;
  gap: 8px;
}

.loggedInPcSections_headerLangBtn__fLfyc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: rgb(255 255 255 / 30%);
  border-radius: 16px;
  color: #6b7280;
  backdrop-filter: blur(20px);
  cursor: pointer;
}

.loggedInPcSections_headerLangBtn__fLfyc:hover {
  color: #3a3a3a;
  background: rgb(255 255 255 / 30%);
}

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

.loggedInPcSections_headerLangPopover___Pn36 {
  box-sizing: border-box;
  width: 160px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
}

.loggedInPcSections_headerLangList__3ISIM {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.loggedInPcSections_headerLangOption__jU_zH {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  gap: 8px;
  padding: 0 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  cursor: pointer;
}

.loggedInPcSections_headerLangOption__jU_zH:hover {
  background: rgba(0, 0, 0, 0.04);
}

.loggedInPcSections_headerLangOptionLabel__RdX6P {
  flex: 1;
  min-width: 0;
}

.loggedInPcSections_headerLangCheck__Dk5HM {
  flex-shrink: 0;
  width: 10.75px;
  height: 9.75px;
}

.loggedInPcSections_headerLangCheckHidden___GI3o {
  opacity: 0;
}

.loggedInPcSections_headerUpgrade__G9M42 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 16px;
  background: #ff631b;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  white-space: nowrap;
  cursor: pointer;
}

.loggedInPcSections_headerUpgrade__G9M42:hover {
  filter: brightness(1.05);
}

.loggedInPcSections_headerCredits__OU5oQ {
  display: inline-flex;
  align-items: center;
  gap: 0;
  height: 32px;
  padding: 8px 10px 8px 8px;
  border: none;
  background: rgb(255 255 255 / 30%);
  border-radius: 16px;
  color: #6b7280;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  backdrop-filter: blur(20px);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.loggedInPcSections_headerCredits__OU5oQ:hover {
  background: rgb(255 255 255 / 30%);
}

.loggedInPcSections_headerCreditsDisabled__Rn8kc {
  cursor: default;
  opacity: 0.6;
}

.loggedInPcSections_headerCreditsDisabled__Rn8kc:hover {
  background: rgb(255 255 255 / 30%);
}

.loggedInPcSections_headerCreditsIcon__3JG9O {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.loggedInPcSections_headerCreditsValue__wpKaD {
  font-variant-numeric: tabular-nums;
}

.loggedInPcSections_headerAvatarSlot__kwVGy {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

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

.loggedInPcSections_hero__rmQOR {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 2560px 以下保持基准；到 3770px 线性放大至 1.6 倍。 */
  gap: clamp(40px, calc(-10.776860px + 1.983471vw), 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.776860px + 1.983471vw), 64px);
  width: 100%;
  max-width: clamp(792px, calc(-213.381818px + 39.272727vw), 1267.2px);
  overflow: visible;
}

.loggedInPcSections_heroTitle__r8AR6 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(714px, calc(-192.366942px + 35.404959vw), 1142.4px);
  max-width: 100%;
  height: clamp(52px, calc(-14.009917px + 2.578512vw), 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;
}

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

.loggedInPcSections_heroTitleArtwork__VAgrK {
  display: block;
  max-width: 100%;
  height: auto;
}

.loggedInPcSections_heroTitleArtwork__VAgrK[data-locale="en"] {
  width: clamp(560px, calc(-150.876033px + 27.768595vw), 896px);
}

.loggedInPcSections_heroTitleArtwork__VAgrK[data-locale="es"] {
  width: clamp(397px, calc(-106.960331px + 19.685950vw), 635.2px);
}

.loggedInPcSections_heroTitleArtwork__VAgrK[data-locale="pt"] {
  width: clamp(602px, calc(-162.191736px + 29.851240vw), 963.2px);
}

.loggedInPcSections_heroComposer__dFV3z {
  width: clamp(716px, calc(-192.905785px + 35.504132vw), 1145.6px);
  max-width: 100%;
  min-height: clamp(124px, calc(-33.408264px + 6.148760vw), 198.4px);
}

/* 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 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(32px, calc(-8.621488px + 1.586777vw), 51.2px);
  width: clamp(787px, calc(-212.034711px + 39.024793vw), 1259.2px);
  max-width: 100%;
  padding:
    clamp(17px, calc(-4.580165px + 0.842975vw), 27.2px)
    0
    clamp(14px, calc(-3.771901px + 0.694215vw), 22.4px);
  box-sizing: border-box;
  overflow: visible;
}

.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: 10.8px;
  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: 10.8px;
  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;
}

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

@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_masonryEffectHoverCta__EUW6v {
  position: absolute;
  right: 3.6cqw;
  bottom: 5.76cqw;
  z-index: 3;
  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;
  pointer-events: none;
}

.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: 4.4813cqw;
    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: 4.4813cqw;
    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;
  }
}

@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%;
    gap: 16px;
    padding-top: 14px;
    padding-bottom: 12px;
    overflow-x: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .loggedInPcSections_heroModes__SJa3I::-webkit-scrollbar {
    display: 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 {
    transition: none;
  }

  .loggedInPcSections_masonryEffectSkeleton__5vUPw {
    animation: none;
  }
}

/* Figma 2592:139439 — scroll-driven word reveal (Inactive → Revealing → Active) */

.ScrollRevealCopySection_section__CiHAY {
  position: relative;
  width: 100%;
  background: #f5f5f5;
  color: #3a3a3a;
  /* Figma parent gap above this block ≈ 204 */
  /* margin-top: clamp(80px, 12vw, 204px); */
  /* Frame height 500; bottom scoop matches landing-1440w */
  min-height: 500px;
  padding: 0;
  border-radius: 0 0 200px 200px;
  overflow: hidden;
  margin-bottom: 204px;
}

.ScrollRevealCopySection_inner__EP0Tw {
  position: relative;
  width: 100%;
  max-width: 1440px;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
}

/*
 * Figma 1440 layout: copy is a fixed 988×219 box at x=56;
 * visual is absolute 390×300 on the right (does NOT shrink the copy).
 * Previous CSS grid stole ~100px from the copy and broke line wraps.
 */
.ScrollRevealCopySection_copy__YA0bG {
  position: absolute;
  left: 56px;
  top: 50%;
  transform: translateY(-50%);
  width: 988px;
  max-width: calc(100% - 112px);
  margin: 0;
  font-family: Inter, "Inter var", var(--font-montserrat-var), system-ui, sans-serif;
  font-weight: 500;
  font-size: 50.996px;
  line-height: 54.639px;
  letter-spacing: -1.0389px;
  color: #c8c8c8;
}

.ScrollRevealCopySection_word__fUdGo {
  display: inline;
  transition: none;
}

/* Desktop soft breaks from copy `\n` (Figma wrap points) */
.ScrollRevealCopySection_lineBreak__s6IwV {
  display: inline;
}

/* Inline photo stack — Figma 2592:139441 (back) / 2592:139443 (front)
 * 尺寸用 em，随 .copy 字号一起缩放（桌面约 51px 时：上 63 / 下 58）
 * Front −6.68°；Back +13.83°，右上探出
 */
.ScrollRevealCopySection_inlineStack__NJfuC {
  display: inline-block;
  position: relative;
  /* 占位 ≈ 下层 left + 宽（16+58 ≈ 74 @ 51px） */
  width: 1.45em;
  height: 1em;
  margin: 0 0.1em;
  vertical-align: super;
}

.ScrollRevealCopySection_stackCard__0tsa1 {
  position: absolute;
  box-sizing: border-box;
  height: auto;
  background: #ffffff;
  border-radius: 0.157em;
  padding: 0.098em;
  box-shadow: 0 0.137em 0.275em rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.ScrollRevealCopySection_stackCard__0tsa1 img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.118em;
}

.ScrollRevealCopySection_stackBack___Rf9J {
  /* 下层 — 含 padding ≈ 58px，padding ≈ 4px @ 51px */
  left: 0.314em;
  top: 0.078em;
  width: 1.137em;
  height: auto;
  padding: 0.078em;
  transform: rotate(13.83deg);
  z-index: 1;
}

.ScrollRevealCopySection_stackFront__U7eON {
  /* 上层 — 含 padding ≈ 63px，padding ≈ 3px @ 51px */
  left: 0;
  top: -0.08em;
  width: 1.235em;
  height: auto;
  padding: 0.059em;
  transform: rotate(-6.68deg);
  z-index: 2;
}

.ScrollRevealCopySection_sparkle__M0fHg {
  display: inline-block;
  width: 0.85em;
  height: 0.95em;
  margin: 0 0.06em 0 0.1em;
  vertical-align: -0.12em;
  object-fit: contain;
}

/* Figma 2592:139445 Recreate Vid — 390×300；子项按稿绝对定位（%/px 同源） */
.ScrollRevealCopySection_visual__KcfVx {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 390px;
  height: 300px;
}

/* 右侧大图 — 195.5×261.4 @ (139.7, 16.8)，−4.42° */
.ScrollRevealCopySection_resultCard__12Aa1 {
  position: absolute;
  left: 35.82%;
  top: 5.6%;
  width: 50.13%;
  height: 87.13%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 15px;
  padding: 7.5px;
  box-shadow: 0 12.5px 25px rgba(0, 0, 0, 0.1);
  transform: rotate(-7deg);
  overflow: hidden;
  z-index: 1;
}

.ScrollRevealCopySection_resultCard__12Aa1 img,
.ScrollRevealCopySection_resultCard__12Aa1 video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* 左侧参考图 — 105×130 @ (51, 122)，+10.64°；比大图小且更贴紧 */
.ScrollRevealCopySection_referenceWrap__yGkNG {
  position: absolute;
  left: 8%;
  top: 40.67%;
  width: 26.9%;
  height: 43.2%;
  z-index: 2;
}

.ScrollRevealCopySection_referenceCard__WX__J {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 12.7px;
  padding: 6.4px;
  box-shadow: 0 10.6px 21.3px rgba(0, 0, 0, 0.1);
  transform: rotate(10.64deg);
  overflow: visible;
}

.ScrollRevealCopySection_referenceMedia__5IxYJ {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  overflow: hidden;
}

.ScrollRevealCopySection_referenceMedia__5IxYJ img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 「Original Photo」胶囊 — 相对 visual @ (64, 231)，−4.19° */
.ScrollRevealCopySection_referenceLabel__Kg22Q {
  position: absolute;
  left: 13.36%;
  top: 77.1%;
  /* width: 28.2%; */
  height: 10.93%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px;
  background: #ffffff;
  border-radius: 77px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  white-space: nowrap;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #3a3a3a;
  letter-spacing: -0.01em;
  transform: rotate(-4.19deg);
  z-index: 4;
  pointer-events: none;
}

/* 箭头 — 27×19 @ (115, 99)，−26.3° */
.ScrollRevealCopySection_arrow__tRu3k {
  position: absolute;
  left: 25%;
  top: 32.83%;
  width: 7.03%;
  z-index: 3;
  transform: rotate(-26.3deg);
  pointer-events: none;
}

.ScrollRevealCopySection_arrow__tRu3k img {
  display: block;
  width: 100%;
  height: auto;
}

/* Below design width: scale type, keep absolute layout */
@media (max-width: 1439px) and (min-width: 901px) {
  .ScrollRevealCopySection_copy__YA0bG {
    left: clamp(24px, 3.9vw, 56px);
    width: min(988px, 68%);
    font-size: clamp(28px, 3.5vw, 51px);
    line-height: 1.07;
    letter-spacing: -0.02em;
  }

  .ScrollRevealCopySection_visual__KcfVx {
    width: min(390px, 28vw);
    height: auto;
    aspect-ratio: 390 / 300;
    right: clamp(0px, 1vw, 16px);
  }
}

@media (max-width: 900px) {
  .ScrollRevealCopySection_section__CiHAY {
    min-height: 400px;
    padding: 48px 0 80px;
    border-radius: 0 0 80px 80px;
  }

  .ScrollRevealCopySection_inner__EP0Tw {
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 24px;
  }

  .ScrollRevealCopySection_copy__YA0bG {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: none;
    font-size: clamp(24px, 5vw, 36px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }

  /* Let copy reflow naturally on small screens */
  .ScrollRevealCopySection_lineBreak__s6IwV {
    display: none;
  }

  .ScrollRevealCopySection_visual__KcfVx {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 280px;
    height: auto;
    aspect-ratio: 390 / 300;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .ScrollRevealCopySection_section__CiHAY {
    margin-top: 64px;
    padding: 40px 0 72px;
    border-radius: 0 0 64px 64px;
  }

  .ScrollRevealCopySection_copy__YA0bG {
    font-size: clamp(24px, 7vw, 32px);
  }

  .ScrollRevealCopySection_referenceLabel__Kg22Q {
    font-size: 9px;
    padding: 4px 8px;
  }

  .ScrollRevealCopySection_visual__KcfVx {
    max-width: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ScrollRevealCopySection_word__fUdGo,
  .ScrollRevealCopySection_inlineStack__NJfuC,
  .ScrollRevealCopySection_sparkle__M0fHg,
  .ScrollRevealCopySection_visual__KcfVx {
    transition: none !important;
  }
}

@media (max-width: 768px) {
  .VirashV1Reels_mobile_heroSection__FSQZR {
    min-height: 100vh;
    min-height: 100dvh;
    padding-bottom: 56px !important;
  }

  .VirashV1Reels_mobile_statsPanel__sj2rK {
    padding: 40px 20px !important;
  }

  .VirashV1Reels_mobile_videoSlot__5x8gX {
    min-height: 40vh !important;
  }

  .VirashV1Reels_mobile_userCaseCard__579LL {
    --uc-h: 360px;
  }

  .VirashV1Reels_mobile_faqSectionOpen__ivTj8 {
    max-height: none !important;
  }
}

@media (max-width: 480px) {
  .VirashV1Reels_mobile_heroSection__FSQZR {
    padding: 80px 16px 60px !important;
  }

  .VirashV1Reels_mobile_ctaBand__uL_cu {
    padding: 48px 16px !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    overflow: hidden;
  }

  .VirashV1Reels_mobile_howSection__UgREx {
    padding: 48px 16px !important;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    overflow: hidden;
  }

  .VirashV1Reels_mobile_faqSection__Pf19h {
    padding: 48px 16px 48px !important;
  }

  .VirashV1Reels_mobile_userCasesTrack__qNGxV {
    padding-left: 16px !important;
  }
}