:root {
        --ivory: #e7f1e3;
        --beige-gold: #efbd6c;
        --red: #8b1e24;
        --gold: #efbd6c;
        --black: #111111;
        --white: #ffffff;
        --type-kicker: 12px;
        --type-section-title: clamp(24px, 2.05vw, 32px);
        --type-section-lead: clamp(14px, 1.02vw, 15px);
        --type-card-title: clamp(18px, 1.35vw, 22px);
        --type-data-title: clamp(14px, 1vw, 16px);
        --type-body: clamp(15px, 0.98vw, 15px);
        --type-small: 13px;
        --line-title: 1.28;
        --line-body: 1.85;
        --site-header-height: clamp(66px, 7vw, 84px);
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      [id] {
        scroll-margin-top: calc(var(--site-header-height) + 18px);
      }

      body {
        position: relative;
        margin: 0;
        font-family: "Noto Sans TC", system-ui, sans-serif;
        font-size: var(--type-body);
        line-height: var(--line-body);
        color: var(--ivory);
        background: #080707;
        letter-spacing: 0;
      }

      main {
        position: relative;
        overflow: hidden;
        background: #080707;
        isolation: isolate;
      }

      .site-header {
        position: fixed;
        inset: 0 0 auto;
        z-index: 30;
        display: flex;
        justify-content: center;
        pointer-events: none;
        background: linear-gradient(
          180deg,
          rgba(8, 7, 7, 0.84) 0%,
          rgba(8, 7, 7, 0.58) 64%,
          rgba(8, 7, 7, 0.28) 100%
        );
        border-bottom: 1px solid rgba(239, 189, 108, 0.14);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }

      .site-header__inner {
        width: min(1180px, calc(100% - 40px));
        height: var(--site-header-height);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        pointer-events: auto;
        position: relative;
      }

      .site-header__brand {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        color: rgba(239, 189, 108, 0.94);
        text-decoration: none;
        text-shadow: 0 8px 22px rgba(0, 0, 0, 0.72);
        white-space: nowrap;
      }

      .site-header__brand-logo {
        display: block;
        flex: 0 0 auto;
        width: clamp(92px, 10vw, 136px);
        max-height: calc(var(--site-header-height) - 24px);
        object-fit: contain;
      }

      .site-header__brand-main {
        display: block;
        color: rgba(239, 189, 108, 0.94);
        text-align: center;
        font-size: clamp(16px, 1.35vw, 20px);
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0.1em;
      }

      .site-header__menu {
        width: 52px;
        height: 52px;
        display: inline-grid;
        place-items: center;
        padding: 0;
        border: 1px solid rgba(239, 189, 108, 0.38);
        border-radius: 0;
        color: rgba(239, 189, 108, 0.92);
        background: rgba(8, 7, 7, 0.18);
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.035),
          0 14px 28px rgba(0, 0, 0, 0.22);
        cursor: pointer;
        transition:
          border-color 220ms ease,
          background 220ms ease,
          transform 220ms ease;
      }

      .site-header__menu:hover,
      .site-header__menu:focus-visible {
        border-color: rgba(239, 189, 108, 0.78);
        background: rgba(8, 7, 7, 0.34);
        transform: translateY(-1px);
        outline: none;
      }

      .site-header__menu-lines,
      .site-header__menu-lines::before,
      .site-header__menu-lines::after {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: currentColor;
        transition:
          top 220ms ease,
          transform 220ms ease,
          background 220ms ease;
      }

      .site-header__menu-lines {
        position: relative;
      }

      .site-header__menu-lines::before,
      .site-header__menu-lines::after {
        position: absolute;
        left: 0;
      }

      .site-header__menu-lines::before {
        top: -8px;
      }

      .site-header__menu-lines::after {
        top: 8px;
      }

      .site-header.is-open .site-header__menu-lines {
        background: transparent;
      }

      .site-header.is-open .site-header__menu-lines::before {
        top: 0;
        transform: rotate(45deg);
      }

      .site-header.is-open .site-header__menu-lines::after {
        top: 0;
        transform: rotate(-45deg);
      }

      .site-header__nav {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        width: min(340px, calc(100vw - 40px));
        padding: 10px;
        border: 1px solid rgba(239, 189, 108, 0.22);
        background:
          linear-gradient(
            145deg,
            rgba(36, 18, 18, 0.96),
            rgba(8, 7, 7, 0.92)
          ),
          rgba(8, 7, 7, 0.92);
        box-shadow:
          0 24px 60px rgba(0, 0, 0, 0.38),
          inset 0 0 0 1px rgba(255, 255, 255, 0.035);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        pointer-events: none;
        transition:
          opacity 240ms ease,
          visibility 240ms ease,
          transform 240ms ease;
      }

      .site-header.is-open .site-header__nav {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
      }

      .site-header__nav-list {
        display: grid;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .site-header__nav-link {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 14px;
        border: 1px solid transparent;
        color: rgba(239, 189, 108, 0.8);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1;
        text-decoration: none;
        transition:
          color 220ms ease,
          border-color 220ms ease,
          background 220ms ease;
      }

      .site-header__nav-link:hover,
      .site-header__nav-link:focus-visible {
        color: var(--white);
        border-color: rgba(239, 189, 108, 0.42);
        background: rgba(139, 30, 36, 0.28);
        outline: none;
      }

      main::before {
        content: none;
      }

      .hero {
        position: relative;
        min-height: 100svh;
        overflow: hidden;
        display: grid;
        place-items: center;
        isolation: isolate;
        background: var(--ivory);
      }

      .hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: -4;
        opacity: 0;
        transition: opacity 1200ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .hero__video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: -3;
        opacity: 1;
        transition: opacity 1200ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .hero.is-video-ended .hero__image,
      .hero.is-video-fallback .hero__image {
        opacity: 1;
      }

      .hero.is-video-ended .hero__video,
      .hero.is-video-fallback .hero__video {
        opacity: 0;
      }

      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
          radial-gradient(
            ellipse at 50% 44%,
            rgba(17, 17, 17, 0.34),
            transparent 58%
          ),
          linear-gradient(
            105deg,
            rgba(17, 17, 17, 0.7) 0%,
            rgba(139, 30, 36, 0.26) 42%,
            rgba(239, 189, 108, 0.1) 64%,
            rgba(17, 17, 17, 0.08) 100%
          ),
          linear-gradient(
            180deg,
            rgba(17, 17, 17, 0.2),
            transparent 45%,
            rgba(17, 17, 17, 0.34)
          );
        opacity: 0.64;
        animation: heroGradientReveal 2450ms cubic-bezier(0.16, 1, 0.22, 1)
          120ms both;
        pointer-events: none;
      }

      .hero::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 34%;
        z-index: -1;
        background: linear-gradient(
          180deg,
          transparent,
          rgba(17, 17, 17, 0.54)
        );
        pointer-events: none;
      }

      .hero__content {
        width: min(1180px, calc(100% - 40px));
        min-height: 100svh;
        display: grid;
        grid-template-rows: auto 1fr auto;
        align-items: center;
        row-gap: clamp(22px, 3vw, 38px);
        padding: clamp(80px, 10vw, 124px) 0 clamp(30px, 5vw, 54px);
      }

      .hero__center {
        --hero-center-y: 3vh;
        transform: translateY(var(--hero-center-y));
        text-align: center;
        margin: 0 auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        box-shadow: none;
        backdrop-filter: none;
        animation: heroCenterDrift 1900ms cubic-bezier(0.16, 1, 0.22, 1) 540ms
          both;
      }

      .hero__brand {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin: 0 0 clamp(14px, 1.8vw, 22px);
        color: var(--beige-gold);
        font-size: clamp(13px, 1.2vw, 16px);
        font-weight: 600;
        letter-spacing: 0.18em;
        text-shadow: 0 10px 26px rgba(0, 0, 0, 0.58);
        animation: heroTopBrandIn 1350ms cubic-bezier(0.16, 1, 0.22, 1) 260ms
          both;
        will-change: opacity, transform, filter;
      }

      .hero__brand::before,
      .hero__brand::after {
        content: "";
        width: clamp(34px, 5vw, 72px);
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(239, 189, 108, 0.78)
        );
        opacity: 0;
        transform: scaleX(0.2);
        transform-origin: right center;
        animation: heroBrandRuleIn 1200ms cubic-bezier(0.16, 1, 0.22, 1) 560ms
          both;
      }

      .hero__brand::after {
        background: linear-gradient(
          90deg,
          rgba(239, 189, 108, 0.78),
          transparent
        );
        transform-origin: left center;
      }

      .hero__brand span {
        color: var(--gold);
      }

      .hero__title {
        margin: 0;
        font-family: "Noto Sans TC", system-ui, sans-serif;
        font-size: clamp(36px, 5.2vw, 70px);
        font-weight: 700;
        line-height: 1.18;
        color: var(--white);
        white-space: nowrap;
        letter-spacing: 0.04em;
        text-shadow:
          0 1px 0 rgba(239, 189, 108, 0.18),
          0 14px 38px rgba(0, 0, 0, 0.62);
      }

      .hero__title .char {
        display: inline-block;
        opacity: 0;
        transform: translateY(0.08em);
        color: transparent;
        background: linear-gradient(
          180deg,
          #ffffff 0%,
          #f7f1e3 48%,
          #efbd6c 124%
        );
        background-clip: text;
        -webkit-background-clip: text;
        animation: titleLetterIn 1400ms cubic-bezier(0.16, 1, 0.22, 1) both;
        animation-delay: calc(1120ms + var(--index) * 16ms);
        will-change: opacity, transform, filter;
      }

      .hero__title .word {
        display: inline-block;
        white-space: nowrap;
      }

      .hero__title .space {
        display: inline-block;
        width: 0.28em;
      }

      .hero__tagline {
        margin: clamp(12px, 1.5vw, 18px) 0 0;
        font-family: "Cormorant Garamond", "Noto Sans TC", serif;
        font-size: clamp(22px, 2.4vw, 34px);
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: 0.08em;
        color: var(--ivory);
        text-shadow:
          0 1px 0 rgba(239, 189, 108, 0.16),
          0 12px 30px rgba(0, 0, 0, 0.52);
        animation: heroCenterTextIn 1350ms cubic-bezier(0.16, 1, 0.22, 1) 1720ms
          both;
        will-change: opacity, transform, filter;
      }

      .hero__ornament {
        width: min(260px, 52vw);
        height: 1px;
        margin: clamp(20px, 2.4vw, 30px) auto;
        position: relative;
        background: linear-gradient(
          90deg,
          transparent,
          var(--gold),
          transparent
        );
        transform-origin: center;
        animation: heroLineReveal 1300ms cubic-bezier(0.16, 1, 0.22, 1) 1860ms
          both;
      }

      .hero__ornament::before {
        content: none;
      }

      .discover {
        display: inline-grid;
        gap: 12px;
        justify-items: center;
        color: var(--ivory);
        text-decoration: none;
        font-family: "Noto Sans TC", system-ui, sans-serif;
        font-size: clamp(16px, 1.55vw, 20px);
        font-weight: 500;
        animation: heroCenterTextIn 1350ms cubic-bezier(0.16, 1, 0.22, 1) 2020ms
          both;
        will-change: opacity, transform, filter;
      }

      .discover__label {
        min-width: 250px;
        padding: 15px 34px 16px;
        border: 1px solid rgba(239, 189, 108, 0.9);
        border-radius: 0;
        background: linear-gradient(
          135deg,
          #efbd6c 0%,
          #efbd6c 54%,
          #efbd6c 100%
        );
        color: #111111;
        font-size: clamp(13px, 1.1vw, 16px);
        font-weight: 700;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
        transition:
          transform 240ms ease,
          background 240ms ease,
          border-color 240ms ease,
          color 240ms ease;
      }

      .discover__label::after {
        content: "→";
        margin-left: 10px;
        letter-spacing: 0;
      }

      .discover__arrow {
        display: none;
      }

      .discover:hover .discover__label,
      .discover:focus-visible .discover__label {
        transform: translateY(-2px);
        background: linear-gradient(
          135deg,
          #8b1e24 0%,
          #b73a38 58%,
          #efbd6c 100%
        );
        color: #ffffff;
        border-color: var(--gold);
      }

      .hero__subtitle {
        width: min(760px, 100%);
        margin: 0 auto;
        padding: 0;
        text-align: center;
        color: var(--black);
        font-size: 18px;
        font-weight: 500;
        line-height: 1.85;
        letter-spacing: 0.16em;
        color: var(--beige-gold);
        background: none;
        border: 0;
        box-shadow: none;
        text-shadow: 0 8px 20px rgba(0, 0, 0, 0.42);
        backdrop-filter: none;
        animation: heroBottomIn 1450ms cubic-bezier(0.16, 1, 0.22, 1) 2280ms
          both;
        will-change: opacity, transform, filter;
      }

      .hero__subtitle::before,
      .hero__subtitle::after {
        content: "✧";
        display: inline-block;
        margin: 0 22px;
        color: var(--gold);
        font-size: 0.82em;
      }

      .hero__top {
        display: grid;
        gap: 4px;
        justify-items: center;
        align-self: start;
        width: min(760px, 100%);
        margin: 0 auto;
        color: var(--beige-gold);
        text-align: center;
        font-size: clamp(13px, 1.2vw, 16px);
        font-weight: 600;
        line-height: 1.75;
        letter-spacing: 0.16em;
        background: none;
        text-shadow: none;
        animation: none;
      }

      .hero__top .hero__brand {
        margin: 0;
      }

      .hero__intro {
        display: grid;
        gap: 4px;
        justify-items: center;
        margin: 0 0 clamp(14px, 1.8vw, 22px);
        color: var(--beige-gold);
        text-align: center;
        font-size: clamp(13px, 1.2vw, 16px);
        font-weight: 600;
        line-height: 1.75;
        letter-spacing: 0.16em;
        background: none;
        text-shadow: none;
        animation: none;
      }

      .hero__top p,
      .hero__intro p {
        margin: 0;
      }

      .hero__intro p {
        opacity: 0;
        animation: heroIntroLineIn 1280ms cubic-bezier(0.16, 1, 0.22, 1) 680ms
          both;
        will-change: opacity, transform, filter;
      }

      .hero__intro p:nth-child(2) {
        animation-delay: 860ms;
      }

      .brand-section {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: clamp(70px, 8vw, 108px) 20px 0;
      }

      .brand-section::before {
        content: none;
      }

      .match-intake {
        position: relative;
        z-index: 1;
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .connection-section {
        padding-block: clamp(54px, 7vw, 96px);
      }

      .process-section {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: clamp(82px, 9vw, 132px) 20px;
        color: var(--ivory);
      }

      .process-wrap {
        position: relative;
        z-index: 1;
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .process-head {
        max-width: 880px;
        margin: 0 auto clamp(34px, 5vw, 58px);
        text-align: center;
      }

      .process-head .section-kicker {
        justify-content: center;
        width: min(520px, 100%);
        margin: 0 auto 20px;
        color: var(--gold);
      }

      .process-head .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .process-title {
        margin: 0;
        color: var(--ivory);
        font-size: clamp(34px, 5.1vw, 66px);
        line-height: 1.18;
        font-weight: 700;
        text-shadow: 0 16px 42px rgba(0, 0, 0, 0.44);
      }

      .process-title span {
        color: var(--gold);
      }

      .process-lead {
        max-width: 700px;
        margin: 18px auto 0;
        color: rgba(231, 241, 227, 0.72);
        font-size: clamp(14px, 1.35vw, 16px);
        line-height: 1.9;
      }

      .process-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px clamp(24px, 4vw, 46px);
      }

      .process-assurance {
        margin-top: 0;
      }

      .process-step {
        position: relative;
        display: grid;
        grid-template-columns: 88px 54px 1fr;
        gap: 16px;
        align-items: center;
        min-height: 126px;
        padding: 18px 22px;
        border: 1px solid rgba(201, 162, 74, 0.26);
        border-radius: 8px;
        background:
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.07),
            rgba(255, 255, 255, 0.025)
          ),
          rgba(17, 17, 17, 0.48);
        box-shadow: 0 22px 62px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(12px);
      }

      .process-number {
        position: relative;
        display: grid;
        width: 72px;
        height: 72px;
        place-items: center;
        color: var(--gold);
        border: 1px solid rgba(201, 162, 74, 0.78);
        border-radius: 50%;
        background:
          radial-gradient(
            circle at 35% 28%,
            rgba(231, 241, 227, 0.18),
            transparent 27%
          ),
          linear-gradient(
            145deg,
            rgba(201, 162, 74, 0.18),
            rgba(17, 17, 17, 0.92) 46%,
            rgba(139, 30, 36, 0.42)
          ),
          var(--black);
        box-shadow:
          inset 0 0 0 6px rgba(201, 162, 74, 0.06),
          inset 0 0 0 1px rgba(255, 255, 255, 0.08),
          0 18px 40px rgba(0, 0, 0, 0.34),
          0 0 34px rgba(201, 162, 74, 0.16);
        font-size: 34px;
        font-weight: 700;
        line-height: 1;
        font-family: "Cormorant Garamond", Georgia, serif;
      }

      .process-number::before,
      .process-number::after {
        content: "";
        position: absolute;
        inset: -8px;
        border: 1px solid rgba(201, 162, 74, 0.32);
        border-radius: 50%;
      }

      .process-number::after {
        inset: 12px;
        border-color: rgba(201, 162, 74, 0.2);
      }

      .process-label {
        writing-mode: vertical-rl;
        justify-self: center;
        color: var(--gold);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.12em;
        line-height: 1.1;
      }

      .process-copy {
        padding-left: 18px;
        border-left: 1px solid rgba(139, 30, 36, 0.92);
      }

      .process-copy h3 {
        margin: 0;
        color: var(--white);
        font-size: clamp(22px, 2.2vw, 31px);
        line-height: 1.35;
        font-weight: 600;
      }

      .process-copy p {
        margin: 10px 0 0;
        color: rgba(231, 241, 227, 0.68);
        line-height: 1.75;
      }

      .process-step--assurance .process-copy h3 {
        font-size: clamp(18px, 1.65vw, 22px);
      }

      .process-step--assurance .process-copy p {
        font-size: clamp(14px, 1.15vw, 16px);
      }

      .soulmate-section {
        position: relative;
        z-index: 5;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(70px, 9vw, 124px) 20px;
        color: var(--ivory);
        background:
          linear-gradient(
            180deg,
            rgba(8, 7, 7, 0.82),
            rgba(8, 7, 7, 0.76) 44%,
            rgba(8, 7, 7, 0.92)
          ),
          url("../img/pain-dialogue-bg.webp") center / cover no-repeat,
          #090807;
        box-shadow:
          inset 0 1px 0 rgba(139, 30, 36, 0.38),
          inset 0 -1px 0 rgba(239, 189, 108, 0.14);
      }

      .soulmate-section::before {
        content: none;
      }

      .soulmate-section::after {
        content: none;
      }

      .soulmate-wrap {
        position: relative;
        z-index: 1;
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .soulmate-head {
        max-width: 880px;
        margin: 0 auto clamp(32px, 5vw, 56px);
        text-align: center;
      }

      .soulmate-head .section-kicker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        width: min(640px, 100%);
        margin: 0 auto 20px;
        color: var(--red);
        font-size: var(--type-kicker);
        font-weight: 700;
        line-height: 1.7;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .soulmate-head .section-kicker::before {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--red));
      }

      .soulmate-head .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, var(--red), transparent);
      }

      .soulmate-title {
        margin: 0;
        color: var(--ivory);
        font-size: 23px;
        line-height: 1.45;
        font-weight: 700;
        text-shadow: 0 18px 46px rgba(0, 0, 0, 0.54);
      }

      .soulmate-title span {
        color: var(--red);
      }

      .soulmate-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }

      .soulmate-card {
        position: relative;
        overflow: hidden;
        min-height: 218px;
        padding: clamp(22px, 3vw, 30px);
        border: 1px solid rgba(239, 189, 108, 0.62);
        background:
          linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.062),
            rgba(255, 255, 255, 0.018) 44%,
            rgba(139, 30, 36, 0.14)
          ),
          rgba(10, 9, 8, 0.74);
        box-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
      }

      .soulmate-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(
          180deg,
          var(--gold),
          rgba(139, 30, 36, 0.08)
        );
      }

      .soulmate-card__number {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 12px;
        color: var(--red);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: clamp(40px, 4.8vw, 64px);
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.04em;
      }

      .soulmate-card__number::after {
        content: "";
        width: 34px;
        height: 1px;
        background: rgba(239, 189, 108, 0.68);
      }

      .soulmate-card h3 {
        margin: 0 0 14px;
        color: var(--gold);
        font-size: clamp(20px, 2vw, 26px);
        line-height: 1.35;
        font-weight: 700;
        letter-spacing: 0.08em;
      }

      .soulmate-card p {
        margin: 0;
        color: rgba(247, 241, 227, 0.76);
        font-size: clamp(14px, 1.16vw, 16px);
        line-height: 1.9;
        letter-spacing: 0.035em;
      }

      .soulmate-summary {
        max-width: 920px;
        margin: clamp(30px, 4.6vw, 52px) auto 0;
        padding: clamp(22px, 3vw, 30px);
        border: 1px solid rgba(139, 30, 36, 0.42);
        border-left: 4px solid var(--red);
        background: rgba(139, 30, 36, 0.1);
        text-align: center;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
      }

      .soulmate-summary p {
        margin: 0;
        color: rgba(247, 241, 227, 0.82);
        font-size: clamp(15px, 1.24vw, 18px);
        line-height: 1.9;
        letter-spacing: 0.04em;
      }

      .soulmate-summary p + p {
        margin-top: 10px;
      }

      .soulmate-quote {
        color: var(--ivory);
      }

      .soulmate-quote span {
        color: var(--red);
        font-weight: 700;
      }

      .brand-manifesto {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
        align-items: stretch;
        width: min(1080px, 100%);
        margin: 0 auto clamp(46px, 6vw, 76px);
        padding: 0;
        border: 1px solid rgba(239, 189, 108, 0.24);
        border-radius: 8px;
        background:
          radial-gradient(
            circle at 18% 18%,
            rgba(239, 189, 108, 0.13),
            transparent 28%
          ),
          radial-gradient(
            circle at 84% 74%,
            rgba(139, 30, 36, 0.38),
            transparent 34%
          ),
          linear-gradient(
            155deg,
            rgba(8, 7, 7, 0.98) 0%,
            rgba(32, 9, 12, 0.96) 54%,
            rgba(8, 7, 7, 0.98) 100%
          );
        box-shadow:
          0 34px 90px rgba(0, 0, 0, 0.42),
          inset 0 1px 0 rgba(255, 255, 255, 0.06);
      }

      .brand-manifesto::before {
        content: "";
        position: absolute;
        inset: 12px;
        z-index: 2;
        border-top: 1px solid rgba(239, 189, 108, 0.42);
        border-bottom: 1px solid rgba(139, 30, 36, 0.62);
        border-radius: 0;
        pointer-events: none;
      }

      .brand-manifesto__media {
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
        min-height: clamp(420px, 42vw, 560px);
        margin: 0;
        border-right: 1px solid rgba(239, 189, 108, 0.22);
        background: #080707;
      }

      .brand-manifesto__media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, transparent 44%, rgba(8, 7, 7, 0.62)),
          linear-gradient(
            90deg,
            rgba(139, 30, 36, 0.22),
            transparent 48%,
            rgba(8, 7, 7, 0.28)
          );
        pointer-events: none;
      }

      .brand-manifesto__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right center;
      }

      .brand-manifesto__content {
        position: relative;
        z-index: 3;
        display: grid;
        align-content: center;
        width: 100%;
        min-height: auto;
        padding: clamp(30px, 4.4vw, 52px);
      }

      .brand-manifesto__kicker {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        width: fit-content;
        margin: 0 0 18px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .brand-manifesto__kicker::before {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, var(--red), transparent);
      }

      .brand-manifesto__title {
        max-width: 640px;
        margin: 0;
        color: var(--ivory);
        font-size: clamp(30px, 4.1vw, 52px);
        line-height: 1.16;
        font-weight: 700;
        text-shadow: 0 18px 42px rgba(0, 0, 0, 0.46);
      }

      .brand-manifesto__title span {
        display: block;
        color: var(--gold);
      }

      .brand-manifesto__en {
        position: relative;
        margin: 14px 0 0;
        color: #efbd6c;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: clamp(20px, 2.2vw, 30px);
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: 0.025em;
      }

      .brand-manifesto__zh {
        position: relative;
        max-width: 620px;
        margin: 18px 0 0;
        color: rgba(247, 241, 227, 0.78);
        font-size: var(--type-section-lead);
        line-height: 1.9;
      }

      .brand-manifesto__actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: clamp(22px, 3vw, 32px);
      }

      .brand-manifesto__button {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 24px;
        border: 1px solid rgba(239, 189, 108, 0.5);
        border-radius: 999px;
        color: var(--white);
        background: rgba(139, 30, 36, 0.86);
        font-weight: 700;
        letter-spacing: 0.04em;
        text-decoration: none;
        transition:
          transform 850ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 850ms cubic-bezier(0.16, 1, 0.22, 1),
          background 850ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .brand-manifesto__button:hover,
      .brand-manifesto__button:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(239, 189, 108, 0.8);
        background: #6f171d;
      }

      .brand-manifesto__seat {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 10px 14px;
        border: 1px solid rgba(239, 189, 108, 0.48);
        border-radius: 999px;
        color: rgba(247, 241, 227, 0.9);
        background: rgba(255, 255, 255, 0.065);
        font-size: var(--type-small);
        line-height: 1.45;
      }

      .brand-manifesto__seat span,
      .brand-manifesto__seat strong {
        color: rgba(247, 241, 227, 0.96);
        font-weight: 700;
      }

      .brand-manifesto__seat em {
        color: var(--gold);
        font-style: normal;
        font-weight: 700;
      }

      .executive-stats {
        position: relative;
        z-index: 5;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(44px, 6.5vw, 78px) 20px;
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 18% 18%,
            rgba(139, 30, 36, 0.16),
            transparent 27%
          ),
          radial-gradient(
            circle at 80% 28%,
            rgba(239, 189, 108, 0.1),
            transparent 26%
          ),
          #080707;
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.2),
          inset 0 -1px 0 rgba(239, 189, 108, 0.12);
      }

      .executive-stats__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .executive-stat {
        position: relative;
        display: grid;
        justify-items: center;
        gap: 14px;
        min-height: 124px;
        padding: 10px clamp(18px, 2.4vw, 34px);
        text-align: center;
      }

      .executive-stat + .executive-stat::before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        left: 0;
        width: 1px;
        background: linear-gradient(
          180deg,
          transparent,
          rgba(239, 189, 108, 0.82),
          transparent
        );
      }

      .executive-stat__value {
        display: inline-flex;
        align-items: baseline;
        justify-content: center;
        color: var(--gold);
        font-family: "Cormorant Garamond", "Noto Sans TC", serif;
        font-size: clamp(56px, 6.4vw, 92px);
        font-weight: 500;
        line-height: 0.92;
        letter-spacing: 0.06em;
      }

      .executive-stat__unit {
        margin-left: 4px;
        color: #efbd6c;
        font-size: 0.24em;
        font-family: inherit;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.02em;
      }

      .executive-stat__label {
        margin: 0;
        color: rgba(247, 241, 227, 0.82);
        font-size: clamp(13px, 1.12vw, 15px);
        font-weight: 500;
        line-height: 1.65;
        letter-spacing: 0.08em;
      }

      .member-data,
      .executive-stats--light {
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 82% 18%,
            rgba(239, 189, 108, 0.12),
            transparent 30%
          ),
          linear-gradient(
            35deg,
            rgba(139, 30, 36, 0.78),
            rgba(54, 22, 25, 0.9) 46%,
            rgba(17, 17, 17, 0.92)
          ),
          var(--black);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          inset 0 -1px 0 rgba(239, 189, 108, 0.22);
      }

      .member-data .executive-stat__value,
      .executive-stats--light .executive-stat__value {
        color: var(--gold);
        text-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
      }

      .member-data .executive-stat__unit,
      .executive-stats--light .executive-stat__unit {
        color: rgba(247, 241, 227, 0.9);
      }

      .member-data .executive-stat__label,
      .executive-stats--light .executive-stat__label {
        color: rgba(247, 241, 227, 0.84);
        font-weight: 700;
      }

      .executive-stats.member-data .executive-stat + .executive-stat::before,
      .executive-stats.member-data .executive-stat:nth-child(2n)::before,
      .executive-stats.executive-stats--light
        .executive-stat
        + .executive-stat::before,
      .executive-stats.executive-stats--light
        .executive-stat:nth-child(2n)::before {
        background: linear-gradient(
          180deg,
          transparent,
          rgba(239, 189, 108, 0.42),
          transparent
        );
      }

      .executive-stats.member-data .executive-stat:nth-child(n + 3)::after,
      .executive-stats.executive-stats--light
        .executive-stat:nth-child(n + 3)::after {
        background: linear-gradient(
          90deg,
          transparent,
          rgba(239, 189, 108, 0.32),
          transparent
        );
      }

      .journey-section {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: clamp(82px, 9vw, 132px) 20px;
        background: transparent;
        color: var(--ivory);
      }

      .journey-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent,
          rgba(201, 162, 74, 0.022) 44%,
          transparent
        );
        opacity: 0.45;
        pointer-events: none;
      }

      .journey-wrap {
        position: relative;
        z-index: 1;
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .journey-head {
        max-width: 880px;
        margin: 0 auto clamp(34px, 5vw, 58px);
        text-align: center;
      }

      .journey-head .section-kicker {
        justify-content: center;
        width: min(520px, 100%);
        margin: 0 auto 20px;
        color: var(--gold);
      }

      .journey-head .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .journey-title {
        margin: 0;
        color: var(--ivory);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 16px 42px rgba(0, 0, 0, 0.44);
      }

      .journey-title span {
        display: block;
        margin-top: 8px;
        color: var(--gold);
      }

      .journey-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(16px, 2vw, 22px);
      }

      .journey-step {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding: 0;
        border: 1px solid rgba(239, 189, 108, 0.26);
        border-radius: 8px;
        background:
          radial-gradient(
            circle at 18% 12%,
            rgba(239, 189, 108, 0.1),
            transparent 30%
          ),
          linear-gradient(
            145deg,
            rgba(139, 30, 36, 0.78) 0%,
            rgba(54, 22, 25, 0.9) 48%,
            rgba(17, 17, 17, 0.92) 100%
          ),
          var(--black);
        box-shadow: 0 22px 62px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(8px);
      }

      .journey-media {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0;
        aspect-ratio: 16 / 10;
        border-bottom: 1px solid rgba(201, 162, 74, 0.22);
        background: rgba(17, 17, 17, 0.72);
      }

      .journey-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, transparent 48%, rgba(5, 5, 5, 0.62)),
          radial-gradient(
            circle at 18% 14%,
            rgba(139, 30, 36, 0.18),
            transparent 34%
          );
        pointer-events: none;
      }

      .journey-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.01);
        transition: transform 1100ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .journey-step:hover .journey-media img,
      .journey-step:focus-within .journey-media img {
        transform: scale(1.045);
      }

      .journey-body {
        display: grid;
        gap: 14px;
        flex: 1;
        padding: clamp(18px, 2.2vw, 24px);
      }

      .journey-meta {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .journey-number {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        color: var(--gold);
        font-family: "Noto Sans TC", system-ui, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.08em;
      }

      .journey-label {
        color: var(--gold);
        font-size: var(--type-data-title);
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1.35;
      }

      .journey-copy {
        padding-top: 14px;
        border-top: 1px solid rgba(139, 30, 36, 0.72);
      }

      .journey-copy h3 {
        margin: 0;
        color: var(--white);
        font-size: var(--type-card-title);
        line-height: 1.35;
        font-weight: 600;
      }

      .journey-copy p {
        margin: 10px 0 0;
        color: rgba(231, 241, 227, 0.68);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .reveal {
        opacity: 0;
        transform: translateY(34px) scale(0.985);
        transition:
          opacity 1500ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 1500ms cubic-bezier(0.16, 1, 0.22, 1);
        transition-delay: var(--delay, 0ms);
      }

      .reveal.is-visible {
        opacity: 1;
        transform: translateY(0) scale(1);
      }

      .journey-grid .reveal:nth-child(odd) {
        --delay: 80ms;
      }

      .journey-grid .reveal:nth-child(even) {
        --delay: 180ms;
      }

      .section-quote {
        width: min(920px, 100%);
        margin: clamp(28px, 4vw, 44px) auto 0;
        color: var(--beige-gold);
        text-align: center;
        font-size: clamp(14px, 1.22vw, 17px);
        font-weight: 600;
        line-height: 1.7;
        letter-spacing: 0.06em;
      }

      .success-section {
        position: relative;
        z-index: 5;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(68px, 9vw, 118px) 20px;
        color: var(--ivory);
        background: #080707;
        box-shadow: inset 0 1px 0 rgba(239, 189, 108, 0.12);
      }

      .success-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            circle at 18% 14%,
            rgba(139, 30, 36, 0.2),
            transparent 28%
          ),
          radial-gradient(
            circle at 82% 18%,
            rgba(239, 189, 108, 0.12),
            transparent 26%
          ),
          linear-gradient(180deg, rgba(8, 7, 7, 0.12), rgba(8, 7, 7, 0.6));
        opacity: 0.64;
        pointer-events: none;
      }

      .success-section::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            180deg,
            rgba(8, 7, 7, 0.82),
            transparent 28%,
            rgba(8, 7, 7, 0.72)
          ),
          radial-gradient(
            ellipse at 50% 50%,
            transparent 0%,
            rgba(8, 7, 7, 0.34) 74%
          );
        pointer-events: none;
      }

      .success-wrap {
        position: relative;
        z-index: 1;
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .success-head {
        max-width: 780px;
        margin: 0 auto clamp(28px, 4vw, 46px);
        text-align: center;
      }

      .success-kicker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        line-height: 1.7;
        color: var(--gold);
      }

      .success-kicker::before,
      .success-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: currentColor;
        opacity: 0.72;
      }

      .success-title {
        margin: 0;
        color: var(--white);
        font-size: 23px;
        line-height: 1.45;
        font-weight: 700;
        text-shadow: 0 16px 42px rgba(0, 0, 0, 0.46);
      }

      .success-title span {
        color: var(--gold);
      }

      .success-subtitle {
        margin: 12px 0 0;
        color: rgba(239, 189, 108, 0.9);
        font-size: var(--type-data-title);
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: 0.12em;
      }

      .success-average {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        margin: 20px auto 0;
        padding: 0 18px;
        border: 1px solid rgba(239, 189, 108, 0.34);
        border-radius: 999px;
        color: rgba(231, 241, 227, 0.82);
        background: rgba(255, 255, 255, 0.035);
        font-size: var(--type-body);
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: 0.05em;
      }

      .success-average strong {
        color: var(--gold);
        font-weight: 800;
      }

      .craft-section .success-title,
      .soulmate-section .soulmate-title {
        font-size: 23px;
        line-height: 1.45;
      }

      .craft-section .success-wrap {
        position: relative;
      }

      .craft-section .success-head {
        max-width: 780px;
        padding-top: clamp(34px, 4vw, 54px);
      }

      .craft-section .success-kicker {
        position: absolute;
        top: 0;
        left: 0;
        justify-content: flex-start;
        color: var(--white);
      }

      .craft-section .success-title,
      .craft-section .success-title span {
        color: var(--white);
      }

      .success-lead {
        max-width: 700px;
        margin: 18px auto 0;
        color: rgba(231, 241, 227, 0.72);
        font-size: var(--type-section-lead);
        line-height: var(--line-body);
      }

      .craft-faq {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }

      .craft-faq__item {
        position: relative;
        overflow: hidden;
        min-height: 100%;
        padding: clamp(22px, 2.7vw, 32px);
        border: 1px solid rgba(239, 189, 108, 0.22);
        border-radius: 8px;
        background:
          linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.05),
            rgba(255, 255, 255, 0.018) 42%,
            rgba(139, 30, 36, 0.11)
          ),
          rgba(9, 8, 8, 0.72);
        box-shadow: 0 22px 62px rgba(0, 0, 0, 0.28);
      }

      .craft-faq__item::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          90deg,
          rgba(239, 189, 108, 0.28),
          transparent 34%
        );
        opacity: 0.34;
        pointer-events: none;
      }

      .craft-faq__item h3 {
        position: relative;
        margin: 0 0 12px;
        color: var(--gold);
        font-size: clamp(18px, 1.7vw, 23px);
        line-height: 1.45;
        font-weight: 700;
        letter-spacing: 0.04em;
      }

      .craft-faq__item p {
        position: relative;
        margin: 0;
        color: rgba(231, 241, 227, 0.78);
        font-size: var(--type-body);
        line-height: 1.9;
      }

      .craft-faq__item p + p {
        margin-top: 8px;
      }

      .qa-board-section {
        position: relative;
        z-index: 2;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(82px, 9vw, 132px) 20px;
        color: var(--ivory);
        background: transparent;
      }

      .qa-board-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            180deg,
            rgba(239, 189, 108, 0.028),
            transparent 48%,
            rgba(139, 30, 36, 0.045)
          );
        pointer-events: none;
      }

      .qa-board-wrap {
        position: relative;
        z-index: 1;
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .qa-accordion-panel {
        position: relative;
        padding: clamp(24px, 3.2vw, 40px);
        border: 1px solid rgba(239, 189, 108, 0.3);
        border-radius: 8px;
        background:
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.038),
            rgba(255, 255, 255, 0.012)
          ),
          rgba(10, 9, 8, 0.42);
        box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(14px);
      }

      .qa-accordion-head {
        max-width: 780px;
        margin: 0 auto clamp(30px, 4.4vw, 52px);
        text-align: center;
      }

      .qa-accordion-head .section-kicker {
        justify-content: center;
        width: min(520px, 100%);
        margin: 0 auto 18px;
        color: var(--gold);
      }

      .qa-accordion-head .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .qa-accordion-title {
        margin: 0;
        color: var(--white);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 16px 42px rgba(0, 0, 0, 0.44);
      }

      .qa-accordion-title span {
        color: var(--gold);
      }

      .accordion-list {
        display: grid;
        gap: 8px;
      }

      .accordion-item {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(239, 189, 108, 0.24);
        border-radius: 5px;
        background:
          linear-gradient(
            90deg,
            rgba(239, 189, 108, 0.055),
            rgba(255, 255, 255, 0.018) 42%,
            rgba(17, 17, 17, 0.34)
          ),
          rgba(6, 6, 5, 0.66);
        transition:
          border-color 1050ms cubic-bezier(0.16, 1, 0.22, 1),
          box-shadow 1050ms cubic-bezier(0.16, 1, 0.22, 1),
          background 1050ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .accordion-item::after {
        content: "";
        position: absolute;
        inset: -1px -1px -1px auto;
        width: 30%;
        opacity: 0;
        background: radial-gradient(
          circle at 100% 50%,
          rgba(139, 30, 36, 0.5),
          transparent 64%
        );
        transition: opacity 1050ms cubic-bezier(0.16, 1, 0.22, 1);
        pointer-events: none;
      }

      .accordion-item.is-open {
        border-color: rgba(239, 189, 108, 0.64);
        background:
          linear-gradient(
            90deg,
            rgba(139, 30, 36, 0.2),
            rgba(255, 255, 255, 0.035) 44%,
            rgba(17, 17, 17, 0.4)
          ),
          rgba(8, 7, 6, 0.76);
        box-shadow:
          0 14px 42px rgba(0, 0, 0, 0.24),
          inset 0 0 24px rgba(139, 30, 36, 0.2),
          0 0 24px rgba(239, 189, 108, 0.08);
      }

      .accordion-item.is-open::after {
        opacity: 1;
      }

      .accordion-trigger {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: grid;
        grid-template-columns: 68px 1fr 26px;
        gap: 10px;
        align-items: center;
        min-height: 72px;
        padding: 10px 18px;
        border: 0;
        border-radius: 0;
        color: var(--white);
        background: transparent;
        box-shadow: none;
        font: inherit;
        text-align: left;
        cursor: pointer;
        transition:
          box-shadow 1050ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 1050ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .accordion-trigger::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.12;
        background: linear-gradient(
          110deg,
          transparent 0%,
          rgba(239, 189, 108, 0.22) 34%,
          rgba(139, 30, 36, 0.18) 52%,
          transparent 74%
        );
        background-size: 220% 100%;
        animation: messageGradient 7.5s ease-in-out infinite;
        pointer-events: none;
      }

      .accordion-trigger > * {
        position: relative;
        z-index: 1;
      }

      .accordion-item.is-open .accordion-trigger {
        transform: translateY(-1px);
      }

      .accordion-item.is-open .accordion-trigger::before {
        opacity: 0.52;
        background:
          linear-gradient(
            110deg,
            rgba(17, 17, 17, 0.08),
            rgba(239, 189, 108, 0.18) 28%,
            rgba(139, 30, 36, 0.4) 52%,
            rgba(239, 189, 108, 0.12) 70%,
            rgba(17, 17, 17, 0.06)
          ),
          linear-gradient(90deg, rgba(255, 255, 255, 0.045), transparent 64%);
        background-size: 260% 100%, 100% 100%;
        animation: messageGradient 7.8s ease-in-out infinite;
      }

      .accordion-trigger:focus-visible {
        outline: 2px solid rgba(239, 189, 108, 0.8);
        outline-offset: -4px;
      }

      .accordion-no {
        position: relative;
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid rgba(239, 189, 108, 0.5);
        border-radius: 0;
        color: var(--gold);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 17px;
        font-weight: 700;
        line-height: 1;
        text-indent: -999px;
        transform: rotate(45deg);
      }

      .accordion-no::before {
        content: "";
        position: absolute;
        inset: 6px;
        border: 1px solid rgba(239, 189, 108, 0.18);
      }

      .accordion-no::after {
        content: attr(data-label);
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        text-indent: 0;
        transform: rotate(-45deg);
      }

      .accordion-question {
        color: var(--white);
        font-size: var(--type-data-title);
        line-height: 1.55;
        font-weight: 700;
        letter-spacing: 0.02em;
      }

      .accordion-icon {
        position: relative;
        display: block;
        width: 18px;
        height: 18px;
        justify-self: end;
        transition: transform 1050ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .accordion-icon::before,
      .accordion-icon::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 10px;
        height: 1px;
        background: var(--gold);
        transform: translate(-50%, -50%);
        transition: transform 1050ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .accordion-icon::after {
        transform: translate(-50%, -50%) rotate(90deg);
      }

      .accordion-item.is-open .accordion-icon {
        transform: rotate(180deg);
      }

      .accordion-item.is-open .accordion-icon::after {
        transform: translate(-50%, -50%) rotate(0deg);
      }

      .accordion-panel {
        display: grid;
        grid-template-rows: 0fr;
        width: 100%;
        transition: grid-template-rows 1050ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .accordion-item.is-open .accordion-panel {
        grid-template-rows: 1fr;
      }

      .accordion-panel-inner {
        min-height: 0;
        overflow: hidden;
      }

      .accordion-answer {
        position: relative;
        margin: 0;
        padding: 18px 72px 18px 96px;
        border: 0;
        border-top: 1px solid rgba(239, 189, 108, 0.12);
        color: rgba(231, 241, 227, 0.76);
        background:
          linear-gradient(
            110deg,
            rgba(239, 189, 108, 0.075),
            rgba(139, 30, 36, 0.22) 36%,
            rgba(18, 16, 15, 0.34) 58%,
            rgba(239, 189, 108, 0.05) 82%
          ),
          linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 70%),
          rgba(17, 17, 17, 0.22);
        background-size: 260% 100%, 100% 100%, 100% 100%;
        font-size: var(--type-body);
        line-height: var(--line-body);
        animation: messageGradient 9.5s ease-in-out infinite reverse;
      }

      .success-slider {
        position: relative;
        touch-action: pan-y;
      }

      .success-viewport {
        overflow: hidden;
        border-radius: 18px;
        /* 高度由 JS 跟隨當前卡片（syncViewportHeight），切換時平滑過渡 */
        transition: height 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .success-track {
        display: flex;
        transition: transform 1150ms cubic-bezier(0.16, 1, 0.22, 1);
        will-change: transform;
      }

      .success-slide {
        flex: 0 0 100%;
        min-width: 0;
        padding: 1px;
      }

      .success-card {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(340px, 0.92fr) minmax(0, 1.08fr);
        min-height: clamp(430px, 42vw, 520px);
        border: 1px solid rgba(239, 189, 108, 0.28);
        border-radius: 18px;
        background:
          radial-gradient(
            circle at 76% 12%,
            rgba(139, 30, 36, 0.2),
            transparent 28%
          ),
          linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.052),
            rgba(255, 255, 255, 0.018) 42%,
            rgba(139, 30, 36, 0.13)
          ),
          rgba(9, 8, 8, 0.78);
        box-shadow: 0 32px 92px rgba(0, 0, 0, 0.38);
        backdrop-filter: blur(8px);
      }

      .success-card::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(239, 189, 108, 0.14);
        border-radius: 10px;
        pointer-events: none;
        z-index: 2;
      }

      .success-photo {
        position: relative;
        overflow: hidden;
        min-height: 100%;
        background: #050505;
      }

      .success-photo::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            180deg,
            rgba(5, 5, 5, 0.02),
            transparent 48%,
            rgba(5, 5, 5, 0.46)
          ),
          linear-gradient(90deg, transparent 42%, rgba(5, 5, 5, 0.62));
        pointer-events: none;
      }

      .success-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.98) contrast(1.04) brightness(0.94);
        transform: scale(1.02);
        transition:
          transform 1150ms cubic-bezier(0.16, 1, 0.22, 1),
          filter 1150ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .success-slide.is-active .success-photo img {
        filter: saturate(1.04) contrast(1.06) brightness(0.98);
        transform: scale(1.055);
      }

      .success-body {
        position: relative;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 18px;
        padding: clamp(28px, 3.8vw, 46px);
      }

      .success-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }

      .success-tags span {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 0 16px;
        border: 1px solid rgba(239, 189, 108, 0.4);
        border-radius: 999px;
        color: rgba(231, 241, 227, 0.82);
        background: rgba(255, 255, 255, 0.035);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.06em;
      }

      .success-tags span:first-child {
        color: var(--black);
        background: linear-gradient(
          90deg,
          rgba(239, 189, 108, 0.98),
          rgba(247, 241, 227, 0.78)
        );
      }

      .success-code {
        margin: 6px 0 -4px;
        color: rgba(239, 189, 108, 0.72);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: clamp(20px, 2vw, 28px);
        font-style: italic;
        letter-spacing: 0.22em;
      }

      .success-card h3 {
        margin: 0;
        color: var(--white);
        font-size: clamp(26px, 2.8vw, 40px);
        line-height: var(--line-title);
        font-weight: 700;
      }

      .success-meta {
        margin: 0;
        color: rgba(231, 241, 227, 0.58);
        font-size: var(--type-data-title);
        line-height: 1.6;
      }

      .success-quote {
        position: relative;
        margin: 0;
        padding-left: 22px;
        color: rgba(231, 241, 227, 0.84);
        font-size: var(--type-section-lead);
        line-height: 1.8;
        border-left: 3px solid rgba(239, 189, 108, 0.82);
      }

      .success-details {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin: 0;
      }

      .success-details div {
        padding: 13px 14px;
        border: 1px solid rgba(239, 189, 108, 0.18);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.03);
      }

      .success-details dt {
        color: rgba(239, 189, 108, 0.78);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .success-details dd {
        margin: 5px 0 0;
        color: rgba(231, 241, 227, 0.78);
        font-size: var(--type-body);
        line-height: 1.65;
      }

      .success-controls {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 18px;
        align-items: center;
        margin-top: clamp(18px, 3vw, 28px);
      }

      .success-nav {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border: 1px solid rgba(239, 189, 108, 0.42);
        border-radius: 50%;
        color: var(--gold);
        background: rgba(255, 255, 255, 0.035);
        cursor: pointer;
        transition:
          color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          background 900ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .success-nav::before {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 1px solid currentColor;
        border-left: 1px solid currentColor;
        transform: rotate(-45deg) translate(1px, 1px);
      }

      .success-nav--next::before {
        border-left: 0;
        border-right: 1px solid currentColor;
        transform: rotate(45deg) translate(-1px, 1px);
      }

      .success-nav:hover,
      .success-nav:focus-visible {
        color: var(--ivory);
        border-color: rgba(239, 189, 108, 0.82);
        background: rgba(139, 30, 36, 0.44);
        transform: translateY(-2px);
      }

      .success-dots {
        display: flex;
        justify-content: center;
        gap: 12px;
      }

      .success-dot {
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border: 0;
        background: transparent;
        cursor: pointer;
      }

      .success-dot::before {
        content: "";
        width: 8px;
        height: 8px;
        border: 1px solid rgba(239, 189, 108, 0.5);
        background: rgba(255, 255, 255, 0.04);
        border-radius: 50%;
        transition:
          background 900ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          box-shadow 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .success-dot:hover::before,
      .success-dot:focus-visible::before {
        background: rgba(139, 30, 36, 0.56);
        border-color: rgba(239, 189, 108, 0.82);
        box-shadow: 0 0 16px rgba(139, 30, 36, 0.32);
      }

      .success-dot.is-active::before {
        background: var(--gold);
        border-color: var(--gold);
        box-shadow: 0 0 18px rgba(239, 189, 108, 0.42);
      }

      .match-intake__head {
        display: block;
        max-width: 940px;
        margin: 0 auto clamp(34px, 5vw, 54px);
        text-align: center;
      }

      .match-intake__title {
        max-width: 940px;
        margin: 0;
        color: var(--ivory);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 16px 42px rgba(0, 0, 0, 0.46);
      }

      .match-intake__lead {
        max-width: 720px;
        margin: 18px auto 0;
        color: rgba(231, 241, 227, 0.72);
        font-size: var(--type-section-lead);
        line-height: var(--line-body);
      }

      .match-intake .section-kicker {
        width: min(520px, 100%);
        margin: 0 auto 20px 0;
        color: var(--gold);
      }

      .match-intake .section-kicker::before {
        background: linear-gradient(90deg, var(--gold), transparent);
      }

      .match-intake .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .intake-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(18px, 2.8vw, 30px);
        margin: 0 0 clamp(22px, 3.8vw, 40px);
      }

      .intake-option {
        position: relative;
        scroll-margin-top: 18px;
        overflow: hidden;
        display: grid;
        align-content: space-between;
        min-height: clamp(270px, 28vw, 340px);
        padding: clamp(24px, 3.4vw, 38px);
        border: 1px solid rgba(239, 189, 108, 0.28);
        border-radius: 16px;
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 16% 4%,
            rgba(239, 189, 108, 0.16),
            transparent 34%
          ),
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.052),
            rgba(255, 255, 255, 0.016) 38%,
            rgba(139, 30, 36, 0.14)
          ),
          rgba(10, 9, 8, 0.54);
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(8px);
        transition:
          border-color 1150ms cubic-bezier(0.16, 1, 0.22, 1),
          box-shadow 1150ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 1150ms cubic-bezier(0.16, 1, 0.22, 1),
          background 1150ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .intake-option::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(239, 189, 108, 0.14);
        border-radius: 8px;
        pointer-events: none;
      }

      .intake-option::after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.2;
        background: linear-gradient(
          110deg,
          transparent 0%,
          rgba(239, 189, 108, 0.26) 35%,
          rgba(139, 30, 36, 0.18) 52%,
          transparent 76%
        );
        pointer-events: none;
        transition: opacity 1380ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .intake-option.is-active {
        border-color: rgba(239, 189, 108, 0.62);
        background:
          radial-gradient(
            circle at 16% 4%,
            rgba(239, 189, 108, 0.22),
            transparent 34%
          ),
          linear-gradient(
            145deg,
            rgba(239, 189, 108, 0.09),
            rgba(139, 30, 36, 0.18) 56%,
            rgba(17, 17, 17, 0.5)
          ),
          rgba(10, 9, 8, 0.66);
        box-shadow:
          0 30px 90px rgba(0, 0, 0, 0.28),
          0 0 34px rgba(239, 189, 108, 0.09),
          inset 0 0 26px rgba(139, 30, 36, 0.16);
        transform: translateY(-4px);
      }

      .intake-option.is-active::after {
        opacity: 0.44;
      }

      .intake-option__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 18px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .intake-option__eyebrow::before {
        content: "";
        width: 36px;
        height: 1px;
        background: currentColor;
      }

      .intake-option h3 {
        margin: 0;
        color: var(--white);
        font-size: clamp(28px, 3.2vw, 42px);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 14px 36px rgba(0, 0, 0, 0.44);
      }

      .intake-cta {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        margin-top: clamp(24px, 3vw, 34px);
        padding: 0 24px;
        border: 1px solid rgba(239, 189, 108, 0.52);
        border-radius: 999px;
        color: var(--white);
        background: rgba(255, 255, 255, 0.04);
        font: inherit;
        font-size: var(--type-body);
        font-weight: 700;
        letter-spacing: 0.03em;
        cursor: pointer;
        transition:
          color 850ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 850ms cubic-bezier(0.16, 1, 0.22, 1),
          background 850ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 850ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .intake-cta::after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
        transform: rotate(45deg) translateY(-2px);
      }

      .intake-cta:hover,
      .intake-cta:focus-visible,
      .intake-option.is-active .intake-cta {
        color: var(--ivory);
        border-color: rgba(239, 189, 108, 0.82);
        background: rgba(139, 30, 36, 0.44);
        transform: translateY(-2px);
      }

      .intake-tabs {
        width: min(680px, 100%);
        gap: 0;
        margin: 0 auto clamp(22px, 3.8vw, 38px);
        padding: 6px;
        border: 1px solid rgba(239, 189, 108, 0.32);
        background: rgba(8, 7, 7, 0.48);
      }

      .intake-option {
        min-height: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        transform: none;
      }

      .intake-option::before,
      .intake-option::after {
        content: none;
      }

      .intake-option.is-active {
        background: transparent;
        box-shadow: none;
        transform: none;
      }

      .intake-tab-card {
        width: 100%;
        min-height: 82px;
        margin: 0;
        display: grid;
        gap: 4px;
        padding: 14px 16px;
        border: 1px solid transparent;
        border-radius: 0;
        color: rgba(231, 241, 227, 0.72);
        background: transparent;
        text-align: center;
      }

      .intake-tab-card::after {
        content: none;
      }

      .intake-option.is-active .intake-tab-card {
        color: var(--black);
        border-color: rgba(239, 189, 108, 0.82);
        background: linear-gradient(135deg, #efbd6c, #efbd6c 62%, #efbd6c);
        transform: none;
      }

      .intake-tab-card .intake-option__eyebrow {
        display: block;
        margin: 0;
        color: inherit;
        font-size: 14px;
        letter-spacing: 0.18em;
      }

      .intake-tab-card .intake-option__eyebrow::before {
        content: none;
      }

      .intake-tab-title {
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.18em;
      }

      .connection-form-step {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        gap: 18px;
        width: min(640px, 100%);
        margin: 0 auto 22px;
        color: rgba(231, 241, 227, 0.42);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.18em;
      }

      .connection-form-step span:first-child {
        color: var(--beige-gold);
      }

      .match-form-stage {
        scroll-margin-top: 18px;
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        transform: translateY(24px);
        transition:
          grid-template-rows 1500ms cubic-bezier(0.16, 1, 0.22, 1),
          opacity 1260ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 1500ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .match-form-stage.is-ready {
        grid-template-rows: 1fr;
        opacity: 1;
        transform: translateY(0);
      }

      .match-form-stage__inner {
        min-height: 0;
        overflow: hidden;
      }

      .match-form-stage.is-ready .match-form-stage__inner {
        overflow: visible;
        padding-bottom: 14px;
      }

      .intake-form-panel {
        display: none;
      }

      .intake-form-panel.is-active {
        display: block;
        animation: intakePanelReveal 1500ms cubic-bezier(0.16, 1, 0.22, 1) both;
      }

      .match-form-stage .match-form-card {
        width: 100%;
        min-height: auto;
        margin: 0;
      }

      .match-form-card {
        position: relative;
        min-height: auto;
        padding: clamp(26px, 4vw, 40px);
        border: 1px solid rgba(239, 189, 108, 0.34);
        border-radius: 16px;
        box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(8px);
      }

      .match-form-card::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(239, 189, 108, 0.18);
        border-radius: 6px;
        pointer-events: none;
      }

      .match-form-card::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -7px;
        width: 16px;
        height: 16px;
        border: 1px solid var(--gold);
        background: rgba(17, 17, 17, 0.74);
        transform: translateX(-50%) rotate(45deg);
      }

      .match-form-card--dark {
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 18% 12%,
            rgba(239, 189, 108, 0.12),
            transparent 30%
          ),
          linear-gradient(
            145deg,
            rgba(17, 17, 17, 0.92),
            rgba(54, 22, 25, 0.9) 54%,
            rgba(139, 30, 36, 0.78)
          ),
          var(--black);
      }

      .match-form-card--light {
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 16% 12%,
            rgba(239, 189, 108, 0.1),
            transparent 30%
          ),
          linear-gradient(
            145deg,
            rgba(231, 241, 227, 0.12),
            rgba(255, 255, 255, 0.06)
          ),
          rgba(17, 17, 17, 0.42);
        border-color: rgba(239, 189, 108, 0.28);
      }

      .match-form-card__eyebrow {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 16px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .match-form-card__eyebrow::before {
        content: "";
        width: 38px;
        height: 1px;
        background: currentColor;
      }

      .match-form-card h3 {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 0;
        font-size: var(--type-card-title);
        line-height: var(--line-title);
        font-weight: 700;
      }

      .match-form-card h3::before {
        content: "";
        width: 48px;
        height: 48px;
        flex: 0 0 auto;
        border: 1px solid var(--gold);
        border-radius: 50%;
        background:
          radial-gradient(circle, var(--gold) 0 3px, transparent 4px),
          radial-gradient(
            circle at 34% 38%,
            rgba(239, 189, 108, 0.32),
            transparent 32%
          ),
          rgba(17, 17, 17, 0.38);
        box-shadow: inset 0 0 0 6px rgba(239, 189, 108, 0.06);
      }

      .connection-form .match-form-card {
        max-width: 880px;
        margin: 0 auto;
        border-radius: 0;
      }

      .connection-form .match-form-card h3 {
        justify-content: center;
        text-align: center;
      }

      .connection-form .match-form-card h3::before {
        content: none;
      }

      .connection-form-section {
        position: relative;
        z-index: 1;
        margin: 26px 0 12px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.18em;
      }

      .match-field-list--split {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .match-field--full {
        grid-column: 1 / -1;
      }

      .match-form-card--dark h3 {
        color: var(--white);
      }

      .match-form-card--light h3 {
        color: var(--white);
      }

      .match-form-card__note {
        position: relative;
        z-index: 1;
        margin: 18px 0 26px;
        color: inherit;
        opacity: 0.72;
        font-size: var(--type-body);
        line-height: var(--line-body);
      }

      .match-field-list {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 9px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .match-field {
        display: grid;
        grid-template-columns: 88px 1fr;
        gap: 14px;
        align-items: center;
        min-height: 48px;
        padding: 8px 12px 8px 16px;
        border: 1px solid rgba(239, 189, 108, 0.24);
        border-radius: 8px;
      }

      .match-form-card--dark .match-field {
        background: rgba(255, 255, 255, 0.045);
      }

      .match-form-card--light .match-field {
        background: rgba(255, 255, 255, 0.06);
      }

      .match-field label {
        color: inherit;
        font-size: var(--type-data-title);
        font-weight: 700;
      }

      .match-select {
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 12px;
        border-radius: 6px;
        color: inherit;
        font-size: var(--type-small);
      }

      .match-form-card--dark .match-select {
        background: rgba(17, 17, 17, 0.32);
        color: rgba(231, 241, 227, 0.74);
      }

      .match-form-card--light .match-select {
        background: rgba(17, 17, 17, 0.28);
        color: rgba(231, 241, 227, 0.7);
      }

      .match-select::after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: 1px solid var(--gold);
        border-bottom: 1px solid var(--gold);
        transform: rotate(45deg) translateY(-2px);
      }

      .match-form-actions {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        margin-top: clamp(24px, 3vw, 34px);
      }

      .match-form-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 46px;
        padding: 0 24px;
        border: 1px solid rgba(239, 189, 108, 0.88);
        border-radius: 0;
        color: var(--black);
        background: linear-gradient(135deg, #efbd6c, #efbd6c 58%, #efbd6c);
        font: inherit;
        font-size: var(--type-small);
        font-weight: 800;
        letter-spacing: 0.12em;
        cursor: pointer;
        transition:
          color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          background 900ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .match-form-submit::after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
        transform: rotate(-45deg);
      }

      .match-form-submit:hover,
      .match-form-submit:focus-visible {
        color: var(--white);
        border-color: var(--gold);
        background: linear-gradient(135deg, #8b1e24, #b73a38 58%, #efbd6c);
        transform: translateY(-2px);
      }

      .match-choice {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin: 24px 0 24px;
      }

      .choice-pill {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        border: 1px solid rgba(239, 189, 108, 0.38);
        border-radius: 999px;
        color: var(--black);
        background: linear-gradient(
          135deg,
          rgba(239, 189, 108, 0.95),
          rgba(231, 241, 227, 0.86)
        );
        font-size: var(--type-body);
        font-weight: 700;
      }

      .choice-pill--ghost {
        color: rgba(231, 241, 227, 0.8);
        background: rgba(255, 255, 255, 0.08);
      }

      .service-section {
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: clamp(70px, 8vw, 112px) 20px;
        color: var(--ivory);
        background: transparent;
      }

      .service-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 0%,
          rgba(239, 189, 108, 0.018) 42%,
          transparent 100%
        );
        opacity: 0.38;
        pointer-events: none;
      }

      .service-section::after {
        content: "";
        position: absolute;
        inset: -12% 0;
        opacity: 0.1;
        background:
          radial-gradient(
            circle at 20% 28%,
            rgba(239, 189, 108, 0.16),
            transparent 30%
          ),
          radial-gradient(
            circle at 78% 68%,
            rgba(139, 30, 36, 0.18),
            transparent 34%
          );
        pointer-events: none;
      }

      .service-wrap {
        position: relative;
        z-index: 1;
        width: min(1180px, 100%);
        margin: 0 auto;
      }

      .service-head {
        max-width: 900px;
        margin: 0 auto clamp(26px, 3.5vw, 42px);
        text-align: center;
      }

      .service-head .section-kicker {
        justify-content: center;
        width: min(520px, 100%);
        margin: 0 auto 20px;
        color: var(--gold);
      }

      .service-head .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .service-title {
        margin: 0;
        color: var(--white);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 18px 46px rgba(0, 0, 0, 0.5);
      }

      .service-title span {
        color: var(--gold);
      }

      .service-lead {
        max-width: 760px;
        margin: 18px auto 0;
        color: rgba(231, 241, 227, 0.72);
        font-size: var(--type-section-lead);
        line-height: var(--line-body);
      }

      .service-swiper {
        position: relative;
        touch-action: pan-y;
      }

      .service-viewport {
        overflow: hidden;
        border-radius: 18px;
        /* 高度由 JS 跟隨當前卡片（syncViewportHeight），切換時平滑過渡 */
        transition: height 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .service-track {
        display: flex;
        will-change: transform;
        transition: transform 1150ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .service-slide {
        flex: 0 0 100%;
        min-width: 0;
        padding: 1px;
      }

      .service-slide .service-content,
      .service-slide .service-image img {
        transition:
          opacity 1380ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 1380ms cubic-bezier(0.16, 1, 0.22, 1),
          filter 1380ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .service-slide:not(.is-active) .service-content {
        opacity: 0.62;
        transform: translateY(14px);
      }

      .service-slide.is-active .service-content {
        opacity: 1;
        transform: translateY(0);
      }

      .service-slide.is-active .service-image img {
        filter: saturate(1.09) contrast(1.08) brightness(0.98);
        transform: scale(1.06);
      }

      .service-card {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.05fr);
        min-height: clamp(360px, 38vw, 440px);
        border: 1px solid rgba(239, 189, 108, 0.28);
        border-radius: 16px;
        background:
          radial-gradient(
            circle at 74% 20%,
            rgba(239, 189, 108, 0.11),
            transparent 32%
          ),
          linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.058),
            rgba(255, 255, 255, 0.018) 36%,
            rgba(139, 30, 36, 0.11)
          ),
          rgba(9, 8, 8, 0.76);
        box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
        backdrop-filter: blur(8px);
      }

      .service-card::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(239, 189, 108, 0.13);
        border-radius: 8px;
        pointer-events: none;
        z-index: 2;
      }

      .service-card::after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.34;
        background:
          linear-gradient(
            115deg,
            transparent 0%,
            rgba(239, 189, 108, 0.18) 34%,
            rgba(139, 30, 36, 0.18) 55%,
            transparent 78%
          ),
          linear-gradient(
            90deg,
            transparent 0%,
            rgba(5, 5, 5, 0.18) 48%,
            rgba(239, 189, 108, 0.05) 100%
          );
        pointer-events: none;
      }

      .service-image {
        position: relative;
        height: 100%;
        min-height: 100%;
        overflow: hidden;
        background: #050505;
      }

      .service-image::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            180deg,
            rgba(5, 5, 5, 0.02),
            transparent 44%,
            rgba(5, 5, 5, 0.16)
          ),
          linear-gradient(
            90deg,
            rgba(5, 5, 5, 0.02),
            transparent 46%,
            rgba(5, 5, 5, 0.24)
          );
        pointer-events: none;
      }

      .service-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.02) contrast(1.02) brightness(1.04);
        transform: scale(1.03);
      }

      .service-content {
        position: relative;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        height: 100%;
        padding: clamp(24px, 3.4vw, 38px);
      }

      .service-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
      }

      .service-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin: 0;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .service-eyebrow::before {
        content: "";
        width: 36px;
        height: 1px;
        background: currentColor;
      }

      .service-number {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        flex: 0 0 auto;
        border: 1px solid rgba(239, 189, 108, 0.58);
        color: var(--gold);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 20px;
        font-weight: 700;
        transform: rotate(45deg);
      }

      .service-number span {
        transform: rotate(-45deg);
      }

      .service-card h3 {
        margin: 0 0 10px;
        color: var(--white);
        font-size: clamp(30px, 3.2vw, 42px);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
      }

      .service-subtitle {
        margin: 0;
        color: rgba(239, 189, 108, 0.78);
        font-size: var(--type-small);
        line-height: 1.75;
        font-weight: 700;
        letter-spacing: 0.03em;
      }

      .service-list,
      .service-qual-list {
        display: grid;
        gap: 9px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .service-list li,
      .service-qual-list li {
        position: relative;
        padding-left: 18px;
        color: rgba(231, 241, 227, 0.74);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .service-list li::before,
      .service-qual-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.82em;
        width: 6px;
        height: 6px;
        border: 1px solid var(--gold);
        transform: rotate(45deg);
      }

      .service-qual {
        display: grid;
        gap: 12px;
        padding-top: 18px;
        border-top: 1px solid rgba(239, 189, 108, 0.18);
      }

      .service-qual h4 {
        margin: 0;
        color: rgba(255, 255, 255, 0.9);
        font-size: var(--type-data-title);
        line-height: 1.45;
      }

      .service-list {
        padding-bottom: 18px;
        border-bottom: 1px solid rgba(239, 189, 108, 0.18);
      }

      .service-activity-list li strong {
        display: block;
        color: rgba(255, 255, 255, 0.9);
        font-weight: 700;
      }

      .service-action {
        display: flex;
        justify-content: flex-end;
        margin-top: auto;
        padding-top: 6px;
      }

      .service-more {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 42px;
        padding: 0 20px;
        border: 1px solid rgba(239, 189, 108, 0.46);
        border-radius: 999px;
        color: rgba(255, 255, 255, 0.86);
        background: rgba(255, 255, 255, 0.035);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        transition:
          color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          background 900ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .service-more::after {
        content: "";
        width: 7px;
        height: 7px;
        border-top: 1px solid currentColor;
        border-right: 1px solid currentColor;
        transform: rotate(45deg);
      }

      .service-more:hover,
      .service-more:focus-visible {
        color: var(--ivory);
        border-color: rgba(239, 189, 108, 0.82);
        background: rgba(139, 30, 36, 0.44);
        transform: translateY(-2px);
      }

      .service-controls {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 18px;
        align-items: center;
        margin-top: clamp(18px, 3vw, 28px);
      }

      .service-nav {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border: 1px solid rgba(239, 189, 108, 0.42);
        border-radius: 50%;
        color: var(--gold);
        background: rgba(255, 255, 255, 0.035);
        cursor: pointer;
        transition:
          color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          background 900ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .service-nav::before {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 1px solid currentColor;
        border-left: 1px solid currentColor;
        transform: rotate(-45deg) translate(1px, 1px);
      }

      .service-nav--next::before {
        border-left: 0;
        border-right: 1px solid currentColor;
        transform: rotate(45deg) translate(-1px, 1px);
      }

      .service-nav:hover,
      .service-nav:focus-visible {
        color: var(--ivory);
        border-color: rgba(239, 189, 108, 0.82);
        background: rgba(139, 30, 36, 0.44);
        transform: translateY(-2px);
      }

      .service-dots {
        display: flex;
        justify-content: center;
        gap: 12px;
      }

      .service-dot {
        position: relative;
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border: 0;
        background: transparent;
        cursor: pointer;
      }

      .service-dot::before {
        content: "";
        width: 8px;
        height: 8px;
        border: 1px solid rgba(239, 189, 108, 0.5);
        background: rgba(255, 255, 255, 0.04);
        transform: rotate(45deg);
        transition:
          background 900ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 900ms cubic-bezier(0.16, 1, 0.22, 1),
          box-shadow 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .service-dot:hover::before,
      .service-dot:focus-visible::before {
        background: rgba(139, 30, 36, 0.56);
        border-color: rgba(239, 189, 108, 0.82);
        box-shadow: 0 0 16px rgba(139, 30, 36, 0.32);
      }

      .service-dot.is-active::before {
        background: var(--gold);
        border-color: var(--gold);
        box-shadow: 0 0 18px rgba(239, 189, 108, 0.42);
      }

      .event-section {
        position: relative;
        z-index: 5;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(76px, 9vw, 124px) 20px;
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 80% -8%,
            rgba(239, 189, 108, 0.15),
            transparent 34%
          ),
          radial-gradient(
            circle at 12% 42%,
            rgba(139, 30, 36, 0.28),
            transparent 32%
          ),
          radial-gradient(
            circle at 72% 108%,
            rgba(239, 189, 108, 0.1),
            transparent 30%
          ),
          linear-gradient(180deg, #080707 0%, #130909 48%, #080707 100%);
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.14),
          inset 0 -1px 0 rgba(239, 189, 108, 0.12);
      }

      .event-section::before {
        content: "";
        position: absolute;
        inset: clamp(18px, 2.4vw, 32px);
        border-top: 1px solid rgba(239, 189, 108, 0.42);
        border-bottom: 1px solid rgba(239, 189, 108, 0.28);
        pointer-events: none;
      }

      .event-section::after {
        content: none;
      }

      .event-wrap {
        position: relative;
        z-index: 1;
        width: min(1180px, 100%);
        margin: 0 auto;
      }

      .event-head {
        max-width: 860px;
        margin: 0 auto clamp(28px, 4vw, 48px);
        text-align: center;
      }

      .event-kicker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin: 0 0 18px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .event-kicker::before,
      .event-kicker::after {
        content: "";
        width: 40px;
        height: 1px;
        background: currentColor;
      }

      .event-title {
        margin: 0;
        color: var(--white);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
      }

      .event-title span {
        display: block;
        margin-top: 8px;
        color: var(--gold);
      }

      .event-lead {
        max-width: 720px;
        margin: 18px auto 0;        
        color:var(--beige-gold);
        font-size: var(--type-section-lead);
        line-height: 1.9;
      }

      .event-teasers {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin-bottom: clamp(22px, 3vw, 34px);
      }

      .event-teaser {
        min-height: 150px;
        padding: 22px;
        border: 1px solid rgba(239, 189, 108, 0.24);
        border-radius: 16px;
        background:
          radial-gradient(
            circle at 18% 0%,
            rgba(239, 189, 108, 0.11),
            transparent 34%
          ),
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.06),
            rgba(139, 30, 36, 0.14)
          ),
          rgba(9, 8, 8, 0.72);
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(8px);
      }

      .event-teaser__label {
        margin: 0 0 12px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .event-teaser h3 {
        margin: 0;
        color: var(--white);
        font-size: var(--type-card-title);
        line-height: 1.35;
        font-weight: 700;
      }

      .event-teaser p {
        margin: 10px 0 0;
        color: rgba(255, 255, 255, 0.64);
        font-size: var(--type-small);
        line-height: 1.75;
      }

      .event-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(18px, 3vw, 30px);
      }

      .event-card {
        position: relative;
        overflow: hidden;
        padding: clamp(24px, 3vw, 34px);
        border: 1px solid rgba(239, 189, 108, 0.3);
        border-radius: 20px;
        background:
          radial-gradient(
            circle at 82% 12%,
            rgba(239, 189, 108, 0.1),
            transparent 30%
          ),
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(139, 30, 36, 0.16) 58%,
            rgba(8, 7, 7, 0.78)
          ),
          rgba(9, 8, 8, 0.78);
        box-shadow: 0 36px 86px rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(8px);
      }

      .event-card::before {
        content: "";
        position: absolute;
        inset: 16px;
        border: 1px dashed rgba(239, 189, 108, 0.18);
        border-radius: 14px;
        pointer-events: none;
      }

      .event-card > * {
        position: relative;
        z-index: 1;
      }

      .event-card__series {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 16px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .event-card__series::before {
        content: "";
        width: 34px;
        height: 1px;
        background: currentColor;
      }

      .event-card h3 {
        margin: 0;
        color: var(--white);
        font-size: clamp(28px, 3vw, 40px);
        line-height: 1.25;
        font-weight: 700;
      }

      .event-card__badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        margin: 16px 0 0;
        padding: 0 16px;
        border-radius: 999px;
        color: var(--ivory);
        background: linear-gradient(135deg, #8b1e24, #c9403d);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.08em;
      }

      .event-card__tagline {
        margin: 18px 0 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: var(--type-data-title);
        line-height: 1.7;
        font-weight: 700;
      }

      .event-meta,
      .event-criteria,
      .event-remarks {
        display: grid;
        gap: 10px;
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
      }

      .event-meta li,
      .event-criteria li,
      .event-remarks li {
        position: relative;
        padding-left: 18px;
        color: rgba(255, 255, 255, 0.66);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .event-meta li::before,
      .event-criteria li::before,
      .event-remarks li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.72em;
        width: 6px;
        height: 6px;
        border: 1px solid var(--gold);
        background: rgba(239, 189, 108, 0.18);
        transform: rotate(45deg);
      }

      .event-card strong {
        color: rgba(255, 255, 255, 0.92);
        font-weight: 700;
      }

      .event-columns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 18px;
      }

      .event-panel {
        padding: 16px;
        border: 1px solid rgba(239, 189, 108, 0.28);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.045);
      }

      .event-panel h4 {
        margin: 0 0 10px;
        color: var(--gold);
        font-size: var(--type-data-title);
        line-height: 1.4;
        font-weight: 700;
      }

      .event-fee {
        margin: 18px 0 0;
        padding: 14px 16px;
        border-left: 3px solid var(--gold);
        color: rgba(255, 255, 255, 0.78);
        background: rgba(139, 30, 36, 0.28);
        font-size: var(--type-body);
        line-height: 1.75;
        font-weight: 700;
      }

      .partner-section {
        position: relative;
        z-index: 5;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(76px, 9vw, 126px) 20px;
        color: var(--black);
        background:
          radial-gradient(
            circle at 84% 12%,
            rgba(239, 189, 108, 0.28),
            transparent 26%
          ),
          radial-gradient(
            circle at 12% 78%,
            rgba(139, 30, 36, 0.1),
            transparent 30%
          ),
          linear-gradient(135deg, #fff 0%, #f7f1e3 50%, #efbd6c 100%);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.86),
          inset 0 -1px 0 rgba(239, 189, 108, 0.2);
      }

      .partner-section::before {
        content: "";
        position: absolute;
        inset: clamp(18px, 2.4vw, 32px);
        border-top: 1px solid rgba(239, 189, 108, 0.42);
        border-bottom: 1px solid rgba(239, 189, 108, 0.28);
        pointer-events: none;
      }

      .partner-section::after {
        content: none;
      }

      .partner-wrap {
        position: relative;
        z-index: 1;
        width: min(1180px, 100%);
        margin: 0 auto;
      }

      .partner-head {
        max-width: 860px;
        margin: 0 auto clamp(30px, 4.4vw, 52px);
        text-align: center;
      }

      .partner-kicker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin: 0 0 18px;
        color: var(--red);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.12em;
        line-height: 1.7;
        text-transform: uppercase;
      }

      .partner-kicker::before,
      .partner-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: currentColor;
      }

      .partner-title {
        margin: 0;
        color: var(--black);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
      }

      .partner-title span {
        color: var(--red);
      }

      .partner-lead {
        max-width: 720px;
        margin: 18px auto 0;
        color: rgba(17, 17, 17, 0.66);
        font-size: var(--type-section-lead);
        line-height: 1.9;
      }

      .partner-profile-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(18px, 3vw, 30px);
      }

      .partner-card {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(160px, 0.78fr) minmax(0, 1fr);
        min-height: 320px;
        border: 1px solid rgba(239, 189, 108, 0.42);
        border-radius: 20px;
        background:
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.78),
            rgba(247, 241, 227, 0.42)
          ),
          rgba(255, 255, 255, 0.62);
        box-shadow: 0 28px 68px rgba(75, 42, 18, 0.14);
      }

      .partner-card::before {
        content: "";
        position: absolute;
        inset: 16px;
        border: 1px dashed rgba(139, 30, 36, 0.3);
        border-radius: 14px;
        pointer-events: none;
        z-index: 2;
      }

      .partner-photo {
        position: relative;
        overflow: hidden;
        min-height: 100%;
        background: #ddd;
      }

      .partner-photo::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
          linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.22)),
          linear-gradient(90deg, transparent 48%, rgba(255, 255, 255, 0.16));
        pointer-events: none;
      }

      .partner-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
        filter: saturate(1.02) contrast(1.03);
      }

      .partner-photo-lock {
        position: absolute;
        inset: 0;
        z-index: 3;
        display: grid;
        place-items: center;
        margin: 0;
        padding: clamp(14px, 1.8vw, 22px);
        color: var(--ivory);
        text-align: center;
        background:
          radial-gradient(
            circle at 50% 18%,
            rgba(239, 189, 108, 0.18),
            transparent 34%
          ),
          linear-gradient(
            180deg,
            rgba(20, 18, 16, 0.56),
            rgba(6, 7, 10, 0.82)
          );
      }

      .partner-photo-lock__inner {
        display: grid;
        justify-items: center;
        gap: clamp(7px, 0.9vw, 11px);
        width: min(100%, 218px);
      }

      .partner-photo-lock__icon {
        width: clamp(26px, 2.5vw, 34px);
        height: clamp(26px, 2.5vw, 34px);
        color: rgba(239, 189, 108, 0.9);
        filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.42));
      }

      .partner-photo-lock__title {
        margin: 0;
        color: var(--white);
        font-size: clamp(13px, 1.06vw, 16px);
        font-weight: 500;
        line-height: 1.36;
        letter-spacing: 0.1em;
      }

      .partner-photo-lock__text {
        margin: 0;
        color: rgba(247, 241, 227, 0.86);
        font-size: clamp(11px, 0.92vw, 13px);
        font-weight: 500;
        line-height: 1.58;
        letter-spacing: 0.04em;
      }

      .partner-photo-lock__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 16px;
        border: 1px solid rgba(239, 189, 108, 0.72);
        color: rgba(239, 189, 108, 0.96);
        background: rgba(17, 17, 17, 0.28);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.22em;
        text-decoration: none;
        transition:
          transform 800ms cubic-bezier(0.16, 1, 0.22, 1),
          background 800ms cubic-bezier(0.16, 1, 0.22, 1),
          color 800ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .partner-photo-lock__button:hover,
      .partner-photo-lock__button:focus-visible {
        transform: translateY(-2px);
        color: #111111;
        background: rgba(239, 189, 108, 0.88);
      }

      .partner-card__body {
        position: relative;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        padding: clamp(22px, 2.8vw, 32px);
      }

      .partner-card__label {
        margin: 0;
        color: var(--red);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .partner-card h3 {
        margin: 0;
        color: var(--black);
        font-size: clamp(24px, 2.3vw, 32px);
        line-height: 1.32;
        font-weight: 700;
      }

      .partner-fields {
        display: grid;
        gap: 9px;
        margin: 0;
        padding: 0;
      }

      .partner-fields div {
        display: grid;
        grid-template-columns: 58px 1fr;
        gap: 10px;
        align-items: baseline;
        color: rgba(17, 17, 17, 0.72);
        font-size: var(--type-body);
        line-height: 1.55;
      }

      .partner-fields dt {
        color: rgba(139, 30, 36, 0.86);
        font-weight: 700;
      }

      .partner-fields dd {
        min-width: 0;
        margin: 0;
        font-weight: 700;
      }

      .partner-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        min-height: 42px;
        padding: 0 22px;
        border: 1px solid rgba(139, 30, 36, 0.42);
        border-radius: 999px;
        color: var(--ivory);
        background: linear-gradient(135deg, #8b1e24, #c9403d);
        box-shadow: 0 12px 26px rgba(139, 30, 36, 0.2);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-decoration: none;
        transition:
          transform 900ms cubic-bezier(0.16, 1, 0.22, 1),
          box-shadow 900ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .partner-cta:hover,
      .partner-cta:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 16px 32px rgba(139, 30, 36, 0.26);
      }

      .partner-quote {
        color: rgba(139, 30, 36, 0.88);
      }

      .partner-quote span {
        display: block;
        margin-top: 4px;
        color: rgba(17, 17, 17, 0.72);
      }

      .partner-section {
        color: var(--ivory);
        background:
          linear-gradient(
            180deg,
            rgba(5, 5, 5, 0.96),
            rgba(14, 12, 11, 0.94) 46%,
            rgba(5, 5, 5, 0.98)
          ),
          #080707;
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.18),
          inset 0 -1px 0 rgba(239, 189, 108, 0.12);
      }

      .partner-section::before {
        inset: clamp(18px, 2.4vw, 34px);
        border: 1px solid rgba(239, 189, 108, 0.16);
        border-left: 0;
        border-right: 0;
      }

      .partner-section::after {
        background:
          linear-gradient(
            90deg,
            transparent 0%,
            rgba(239, 189, 108, 0.08) 50%,
            transparent 100%
          ),
          linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.035),
            transparent 28%,
            rgba(139, 30, 36, 0.08)
          );
        opacity: 0.82;
      }

      .partner-wrap {
        width: min(1240px, 100%);
      }

      .partner-head {
        max-width: 900px;
        margin-bottom: clamp(34px, 5vw, 64px);
      }

      .partner-kicker {
        color: var(--gold);
      }

      .partner-title {
        color: var(--white);
        text-shadow: 0 16px 42px rgba(0, 0, 0, 0.46);
      }

      .partner-title span {
        color: var(--gold);
      }

      .partner-lead {
        color: rgba(231, 241, 227, 0.68);
      }

      .matchmaker-descent-section {
        position: relative;
        z-index: 2;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(72px, 9vw, 118px) 20px;
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 76% 18%,
            rgba(239, 189, 108, 0.1),
            transparent 28%
          ),
          radial-gradient(
            circle at 22% 82%,
            rgba(139, 30, 36, 0.24),
            transparent 34%
          ),
          linear-gradient(180deg, #080707, #120909 54%, #080707);
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.14),
          inset 0 -1px 0 rgba(239, 189, 108, 0.1);
      }

      .matchmaker-descent {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1fr);
        gap: clamp(26px, 4vw, 52px);
        align-items: center;
        width: min(1180px, 100%);
        margin: 0 auto;
        padding: clamp(26px, 4vw, 48px);
        border: 1px solid rgba(239, 189, 108, 0.34);
        border-radius: 12px;
        background:
          radial-gradient(
            circle at 16% 18%,
            rgba(239, 189, 108, 0.12),
            transparent 28%
          ),
          linear-gradient(
            135deg,
            rgba(72, 25, 28, 0.92),
            rgba(12, 10, 10, 0.96) 48%,
            rgba(107, 24, 30, 0.68)
          ),
          #080707;
        box-shadow:
          0 32px 80px rgba(0, 0, 0, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.06);
      }

      .matchmaker-descent::before {
        content: "";
        position: absolute;
        inset: 14px;
        border: 1px solid rgba(239, 189, 108, 0.16);
        pointer-events: none;
      }

      .matchmaker-descent > * {
        position: relative;
        z-index: 1;
      }

      .matchmaker-descent__kicker {
        margin: 0 0 14px;
        color: rgba(239, 189, 108, 0.86);
        font-family: "Cormorant Garamond", "Noto Sans TC", serif;
        font-size: clamp(18px, 2vw, 28px);
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.08em;
      }

      .matchmaker-descent__title {
        margin: 0;
        color: var(--white);
        font-size: clamp(28px, 3.6vw, 46px);
        font-weight: 700;
      }

      .matchmaker-descent__note {
        margin: 18px 0 0;
        color: rgba(247, 241, 227, 0.8);
        font-size: var(--type-small);
        font-weight: 700;
        line-height: 1.7;
        letter-spacing: 0.12em;
      }

      .matchmaker-descent__en {
        display: block;
        margin-top: 4px;
        color: rgba(239, 189, 108, 0.78);
        font-family: "Cormorant Garamond", "Noto Sans TC", serif;
        font-size: clamp(16px, 1.5vw, 21px);
        font-weight: 500;
        letter-spacing: 0.04em;
        text-transform: none;
      }

      .matchmaker-descent__photo {
        overflow: hidden;
        width: min(100%, 390px);
        aspect-ratio: 4 / 5;
        margin: 22px 0 0;
        border: 1px solid rgba(239, 189, 108, 0.34);
        border-radius: 8px;
        background: rgba(247, 241, 227, 0.94);
        box-shadow:
          0 22px 52px rgba(0, 0, 0, 0.26),
          inset 0 1px 0 rgba(255, 255, 255, 0.22);
      }

      .matchmaker-descent__photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: saturate(1.04) brightness(1.03);
      }

      .matchmaker-descent__body {
        display: grid;
        gap: 22px;
      }

      .matchmaker-descent__fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 22px;
        margin: 0;
        padding: 0;
      }

      .matchmaker-descent__fields div {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        min-height: 42px;
        border-bottom: 1px solid rgba(239, 189, 108, 0.22);
      }

      .matchmaker-descent__fields dt {
        color: rgba(239, 189, 108, 0.86);
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.08em;
      }

      .matchmaker-descent__fields label {
        color: inherit;
        cursor: text;
      }

      .matchmaker-descent__fields dd {
        min-height: 1px;
        margin: 0;
      }

      .matchmaker-descent__input {
        width: 100%;
        min-width: 0;
        border: 0;
        border-radius: 0;
        outline: 0;
        background: transparent;
        color: rgba(247, 241, 227, 0.92);
        font: inherit;
        font-size: var(--type-body);
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: 0.04em;
        box-shadow: none;
        appearance: none;
      }

      .matchmaker-descent__input::placeholder {
        color: rgba(247, 241, 227, 0.34);
      }

      .matchmaker-descent__fields div:focus-within {
        border-bottom-color: rgba(239, 189, 108, 0.72);
      }

      .matchmaker-descent__cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: start;
        min-height: 46px;
        padding: 0 34px;
        border: 1px solid rgba(239, 189, 108, 0.68);
        border-radius: 4px;
        color: #111111;
        background: linear-gradient(
          135deg,
          rgba(239, 189, 108, 0.98),
          rgba(247, 241, 227, 0.84)
        );
        font-size: var(--type-small);
        font-weight: 700;
        letter-spacing: 0.16em;
        text-decoration: none;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
        transition:
          transform 800ms cubic-bezier(0.16, 1, 0.22, 1),
          box-shadow 800ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .matchmaker-descent__cta:hover,
      .matchmaker-descent__cta:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 22px 44px rgba(239, 189, 108, 0.18);
      }

      .matchmaker-descent__quote {
        grid-column: 1 / -1;
        margin-top: 4px;
        color: var(--gold);
      }

      .partner-profile-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(14px, 1.8vw, 22px);
        align-items: start;
      }

      .partner-card {
        display: flex;
        flex-direction: column;
        min-height: 610px;
        border-color: rgba(239, 189, 108, 0.34);
        border-radius: 10px;
        background:
          linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.05),
            rgba(255, 255, 255, 0.016) 42%,
            rgba(139, 30, 36, 0.1)
          ),
          rgba(12, 11, 10, 0.86);
        box-shadow:
          0 30px 82px rgba(0, 0, 0, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.04);
      }

      .partner-card:nth-child(even) {
        margin-top: clamp(24px, 3.4vw, 48px);
      }

      .partner-card::before {
        inset: 12px;
        border: 1px solid rgba(239, 189, 108, 0.12);
        border-radius: 6px;
      }

      .partner-photo {
        min-height: 0;
        aspect-ratio: 4 / 5;
        border-bottom: 1px solid rgba(239, 189, 108, 0.18);
        background: #060606;
      }

      .partner-photo::after {
        background:
          linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, 0.42)),
          linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.12),
            transparent 45%,
            rgba(239, 189, 108, 0.1)
          );
      }

      .partner-photo img {
        filter: saturate(0.98) contrast(1.04) brightness(0.96);
        transition:
          transform 1200ms cubic-bezier(0.16, 1, 0.22, 1),
          filter 1200ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .partner-card:hover .partner-photo img {
        transform: scale(1.06);
        filter: saturate(1.04) contrast(1.08) brightness(1);
      }

      .partner-photo--blur img,
      .partner-card:hover .partner-photo--blur img {
        filter: blur(7px) saturate(1.02) contrast(1.04) brightness(0.98);
      }

      .partner-card__body {
        flex: 1;
        justify-content: flex-start;
        gap: 14px;
        padding: 24px 20px 22px;
      }

      .partner-card__label {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: rgba(239, 189, 108, 0.86);
        font-size: 11px;
        letter-spacing: 0.16em;
      }

      .partner-card__label::after {
        content: "";
        width: 34px;
        height: 1px;
        background: rgba(239, 189, 108, 0.48);
      }

      .partner-card h3 {
        color: var(--white);
        font-size: clamp(19px, 1.45vw, 23px);
        letter-spacing: 0.04em;
      }

      .partner-fields {
        gap: 0;
        border-top: 1px solid rgba(239, 189, 108, 0.14);
      }

      .partner-fields div {
        grid-template-columns: 52px 1fr;
        gap: 9px;
        padding: 8px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        color: rgba(231, 241, 227, 0.72);
        font-size: 14px;
      }

      .partner-fields dt {
        color: rgba(239, 189, 108, 0.82);
        font-weight: 700;
      }

      .partner-fields dd {
        color: rgba(247, 241, 227, 0.86);
        font-weight: 600;
      }

      .partner-cta {
        width: 100%;
        min-height: 44px;
        margin-top: auto;
        border-color: rgba(239, 189, 108, 0.5);
        border-radius: 4px;
        color: var(--black);
        background: linear-gradient(
          135deg,
          rgba(239, 189, 108, 0.98),
          rgba(247, 241, 227, 0.84)
        );
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
      }

      .partner-cta:hover,
      .partner-cta:focus-visible {
        box-shadow: 0 18px 38px rgba(239, 189, 108, 0.18);
      }

      .partner-quote {
        color: var(--gold);
      }

      .partner-quote span {
        color: rgba(231, 241, 227, 0.72);
      }

      .info-section {
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: clamp(88px, 10vw, 148px) 20px;
        color: var(--ivory);
        background: transparent;
      }

      .info-section::before {
        content: none;
      }

      .info-section::after {
        content: "";
        position: absolute;
        inset: -18% -12%;
        opacity: 0.14;
        background:
          radial-gradient(
            circle at 14% 64%,
            rgba(239, 189, 108, 0.18),
            transparent 24%
          ),
          radial-gradient(
            circle at 82% 28%,
            rgba(139, 30, 36, 0.24),
            transparent 28%
          );
        pointer-events: none;
      }

      .info-wrap {
        position: relative;
        z-index: 1;
        width: min(1180px, 100%);
        margin: 0 auto;
      }

      .info-head {
        max-width: 900px;
        margin: 0 auto clamp(36px, 5vw, 62px);
        text-align: center;
      }

      .info-head .section-kicker {
        justify-content: center;
        width: min(520px, 100%);
        margin: 0 auto 20px;
        color: var(--gold);
      }

      .info-head .section-kicker::after {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .info-title {
        margin: 0;
        color: var(--white);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 18px 46px rgba(0, 0, 0, 0.5);
      }

      .info-title span {
        color: var(--gold);
      }

      .info-lead {
        max-width: 760px;
        margin: 18px auto 0;
        color: rgba(231, 241, 227, 0.72);
        font-size: var(--type-section-lead);
        line-height: var(--line-body);
      }

      .info-card {
        position: relative;
        overflow: hidden;
        padding: clamp(26px, 3.4vw, 40px);
        border: 1px solid rgba(239, 189, 108, 0.28);
        border-radius: 16px;
        background:
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.052),
            rgba(255, 255, 255, 0.016) 40%,
            rgba(139, 30, 36, 0.12)
          ),
          rgba(9, 8, 8, 0.72);
        box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(8px);
      }

      .info-card::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(239, 189, 108, 0.13);
        border-radius: 8px;
        pointer-events: none;
      }

      .info-card::after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.22;
        background: linear-gradient(
          115deg,
          transparent 0%,
          rgba(239, 189, 108, 0.18) 34%,
          rgba(139, 30, 36, 0.18) 56%,
          transparent 78%
        );
        pointer-events: none;
      }

      .info-card > * {
        position: relative;
        z-index: 1;
      }

      .info-card h3 {
        margin: 0;
        color: var(--white);
        font-size: clamp(28px, 3vw, 40px);
        line-height: var(--line-title);
        font-weight: 700;
        text-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
      }

      .info-card h3 span {
        display: block;
        margin-top: 8px;
        color: rgba(239, 189, 108, 0.88);
        font-size: var(--type-data-title);
        line-height: 1.55;
      }

      .info-list {
        display: grid;
        gap: 12px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .info-list li {
        display: grid;
        grid-template-columns: 42px 1fr;
        gap: 14px;
        align-items: center;
        padding: 14px;
        border: 1px solid rgba(239, 189, 108, 0.16);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.035);
      }

      .info-list__no {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(239, 189, 108, 0.48);
        color: var(--gold);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 17px;
        font-weight: 700;
        transform: rotate(45deg);
      }

      .info-list__no span {
        transform: rotate(-45deg);
      }

      .info-list strong {
        display: block;
        margin: 0 0 4px;
        color: rgba(255, 255, 255, 0.9);
        font-size: var(--type-data-title);
        line-height: 1.45;
      }

      .info-list p {
        margin: 0;
        color: rgba(231, 241, 227, 0.68);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .conduct-section {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        background:
          radial-gradient(
            circle at 82% 12%,
            rgba(139, 30, 36, 0.18),
            transparent 28%
          ),
          radial-gradient(
            circle at 12% 80%,
            rgba(239, 189, 108, 0.12),
            transparent 30%
          ),
          #080707;
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.16),
          inset 0 -1px 0 rgba(239, 189, 108, 0.16);
      }

      .requirements-section {
        background:
          radial-gradient(
            circle at 18% 18%,
            rgba(239, 189, 108, 0.14),
            transparent 28%
          ),
          radial-gradient(
            circle at 82% 76%,
            rgba(139, 30, 36, 0.2),
            transparent 30%
          ),
          linear-gradient(180deg, #080707, #11100d 48%, #080707);
      }

      .conduct-card {
        max-width: 1080px;
        margin: 0 auto;
      }

      .conduct-card .info-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .conduct-card .info-list li {
        align-items: flex-start;
        min-height: 160px;
        padding: clamp(16px, 2vw, 22px);
      }

      .conduct-quote {
        color: var(--gold);
      }

      .requirements-quote {
        color: var(--beige-gold);
      }

      @media (max-width: 760px) {
        .conduct-card .info-list {
          grid-template-columns: 1fr;
        }

        .conduct-card .info-list li {
          min-height: auto;
        }
      }

      .referral-section {
        position: relative;
        z-index: 5;
        overflow: hidden;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: clamp(70px, 8.5vw, 118px) 20px;
        color: var(--ivory);
        background:
          radial-gradient(
            circle at 20% -6%,
            rgba(239, 189, 108, 0.12),
            transparent 32%
          ),
          radial-gradient(
            circle at 84% 36%,
            rgba(139, 30, 36, 0.3),
            transparent 34%
          ),
          radial-gradient(
            circle at 18% 102%,
            rgba(239, 189, 108, 0.1),
            transparent 30%
          ),
          linear-gradient(180deg, #080707 0%, #120808 46%, #080707 100%);
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.14),
          inset 0 -1px 0 rgba(239, 189, 108, 0.12);
      }

      .referral-section::before {
        content: "";
        position: absolute;
        inset: clamp(18px, 2.2vw, 30px);
        border-top: 1px solid rgba(239, 189, 108, 0.42);
        border-bottom: 1px solid rgba(239, 189, 108, 0.28);
        pointer-events: none;
      }

      .referral-section::after {
        content: none;
      }

      .referral-wrap {
        position: relative;
        z-index: 1;
        width: min(1180px, 100%);
        margin: 0 auto;
      }

      .referral-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
        gap: clamp(28px, 5vw, 72px);
        align-items: center;
        margin-bottom: clamp(28px, 4.5vw, 58px);
      }

      .referral-kicker {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 18px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .referral-kicker::before {
        content: "";
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, var(--gold), transparent);
      }

      .referral-title {
        max-width: 760px;
        margin: 0;
        color: var(--white);
        font-size: var(--type-section-title);
        line-height: var(--line-title);
        font-weight: 700;
      }

      .referral-title span {
        color: var(--gold);
      }

      .referral-lead {
        max-width: 680px;
        margin: 22px 0 0;
        color: rgba(255, 255, 255, 0.68);
        font-size: var(--type-section-lead);
        line-height: 1.9;
      }

      .referral-lead strong {
        color: var(--gold);
        font-weight: 700;
      }

      .referral-steps {
        display: grid;
        gap: 12px;
        margin: clamp(22px, 3vw, 34px) 0 0;
        padding: 0;
        list-style: none;
      }

      .referral-steps li {
        display: grid;
        grid-template-columns: 18px 1fr;
        gap: 14px;
        align-items: start;
        min-width: 0;
        padding: 6px 0;
        color: rgba(255, 255, 255, 0.7);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .referral-steps span {
        position: relative;
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 0.64em;
        border: 1px solid rgba(239, 189, 108, 0.48);
        background: var(--gold);
        transform: rotate(45deg);
        box-shadow:
          0 0 0 5px rgba(139, 30, 36, 0.045),
          0 8px 18px rgba(139, 30, 36, 0.14);
      }

      .referral-steps span::after {
        content: "";
        position: absolute;
        inset: 2px;
        border: 1px solid rgba(255, 255, 255, 0.42);
      }

      .referral-step-copy {
        min-width: 0;
      }

      .referral-step-copy strong {
        display: block;
        color: rgba(255, 255, 255, 0.9);
      }

      .referral-step-copy p {
        margin: 2px 0 0;
        color: rgba(255, 255, 255, 0.62);
        line-height: 1.8;
      }

      .referral-reward {
        position: relative;
        overflow: hidden;
        padding: clamp(24px, 3.4vw, 36px);
        border: 1px solid rgba(239, 189, 108, 0.34);
        border-radius: 18px;
        background:
          radial-gradient(
            circle at 80% 8%,
            rgba(239, 189, 108, 0.12),
            transparent 32%
          ),
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(139, 30, 36, 0.18) 62%,
            rgba(8, 7, 7, 0.76)
          ),
          rgba(9, 8, 8, 0.76);
        box-shadow: 0 32px 78px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(8px);
      }

      .referral-reward::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(239, 189, 108, 0.24);
        border-radius: 10px;
        pointer-events: none;
      }

      .referral-reward > * {
        position: relative;
        z-index: 1;
      }

      .referral-reward__label {
        margin: 0;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .referral-reward__value {
        margin: 14px 0 0;
        color: #efbd6c;
        font-family: "Noto Sans TC", system-ui, sans-serif;
        font-size: 50px;
        line-height: 1.02;
        font-weight: 700;
        letter-spacing: -0.02em;
      }

      .referral-reward__value small {
        color: rgba(255, 255, 255, 0.62);
        font-family: "Noto Sans TC", system-ui, sans-serif;
        font-size: clamp(18px, 2vw, 24px);
        font-weight: 700;
      }

      .referral-reward__note {
        margin: 18px 0 0;
        color: rgba(255, 255, 255, 0.66);
        font-size: var(--type-body);
        line-height: 1.85;
      }

      .referral-record {
        display: grid;
        gap: 10px;
        margin-top: 22px;
        padding: 16px;
        border: 1px solid rgba(239, 189, 108, 0.16);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.04);
      }

      .referral-record__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
        color: rgba(255, 255, 255, 0.86);
        font-size: var(--type-data-title);
        font-weight: 700;
      }

      .referral-record__title span {
        color: rgba(239, 189, 108, 0.76);
        font-size: var(--type-small);
      }

      .referral-record__row {
        display: grid;
        grid-template-columns: 46px repeat(4, minmax(0, 1fr));
        gap: 8px;
        align-items: center;
        min-width: 0;
        padding: 12px;
        border: 1px solid rgba(239, 189, 108, 0.2);
        border-radius: 10px;
        color: rgba(255, 255, 255, 0.66);
        background: rgba(255, 255, 255, 0.045);
        font-size: var(--type-small);
        font-weight: 700;
      }

      .referral-record__row strong {
        color: var(--gold);
      }

      .referral-record__row > * {
        min-width: 0;
      }

      .referral-body {
        display: grid;
        grid-template-columns: 1fr;
        gap: clamp(22px, 3vw, 34px);
        align-items: start;
      }

      .referral-plan,
      .referral-rules {
        border: 1px solid rgba(239, 189, 108, 0.32);
        border-radius: 18px;
        background:
          radial-gradient(
            circle at 16% 0%,
            rgba(239, 189, 108, 0.1),
            transparent 32%
          ),
          linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(139, 30, 36, 0.14)
          ),
          rgba(9, 8, 8, 0.72);
        box-shadow: 0 28px 72px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(8px);
      }

      .referral-plan h3,
      .referral-rules h3 {
        margin: 0;
        color: var(--white);
        font-size: var(--type-card-title);
        line-height: 1.35;
        font-weight: 700;
      }

      .referral-plans {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }

      .referral-plan {
        padding: clamp(22px, 2.6vw, 30px);
      }

      .referral-plan__label {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 14px;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .referral-plan__label::before {
        content: "";
        width: 32px;
        height: 1px;
        background: currentColor;
      }

      .referral-plan-list {
        display: grid;
        gap: 12px;
        margin: 18px 0 0;
        padding: 0;
        list-style: none;
      }

      .referral-plan-list li {
        position: relative;
        padding-left: 18px;
        color: rgba(255, 255, 255, 0.66);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .referral-plan-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.72em;
        width: 6px;
        height: 6px;
        border: 1px solid var(--gold);
        transform: rotate(45deg);
      }

      .referral-plan-list strong {
        display: block;
        color: rgba(255, 255, 255, 0.88);
      }

      .referral-plan-list em {
        display: block;
        margin-top: 4px;
        color: var(--gold);
        font-style: normal;
        font-weight: 700;
      }

      .referral-rules {
        grid-column: 1 / -1;
        margin-top: clamp(18px, 3vw, 32px);
        padding: clamp(22px, 3vw, 34px);
      }

      .referral-rules ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 22px;
        margin: 18px 0 0;
        padding-left: 1.3em;
        color: rgba(255, 255, 255, 0.66);
        font-size: var(--type-body);
        line-height: 1.75;
      }

      .referral-quote {
        color: var(--gold);
        text-shadow: none;
      }

      .success-section,
      .executive-stats:not(.executive-stats--light):not(.member-data),
      .service-section,
      .event-section,
      .partner-section,
      .info-section,
      .conduct-section,
      .requirements-section,
      .qa-board-section,
      .referral-section {
        position: relative;
        overflow: hidden;
        background: transparent;
        box-shadow:
          inset 0 1px 0 rgba(239, 189, 108, 0.12),
          inset 0 -1px 0 rgba(239, 189, 108, 0.1);
      }

      .success-section {
        --flow-a-x: 18%;
        --flow-a-y: 8%;
        --flow-b-x: 82%;
        --flow-b-y: 72%;
      }

      .service-section {
        --flow-a-x: 80%;
        --flow-a-y: 18%;
        --flow-b-x: 16%;
        --flow-b-y: 76%;
      }

      .executive-stats:not(.executive-stats--light):not(.member-data) {
        --flow-a-x: 18%;
        --flow-a-y: 18%;
        --flow-b-x: 82%;
        --flow-b-y: 58%;
      }

      .event-section {
        --flow-a-x: 22%;
        --flow-a-y: 16%;
        --flow-b-x: 78%;
        --flow-b-y: 82%;
      }

      .partner-section {
        --flow-a-x: 84%;
        --flow-a-y: 18%;
        --flow-b-x: 18%;
        --flow-b-y: 72%;
      }

      .info-section,
      .conduct-section {
        --flow-a-x: 18%;
        --flow-a-y: 24%;
        --flow-b-x: 82%;
        --flow-b-y: 68%;
      }

      .requirements-section,
      .qa-board-section,
      .referral-section {
        --flow-a-x: 78%;
        --flow-a-y: 12%;
        --flow-b-x: 18%;
        --flow-b-y: 78%;
      }

      .success-section::after,
      .executive-stats:not(.executive-stats--light):not(.member-data)::after,
      .service-section::after,
      .event-section::after,
      .partner-section::after,
      .info-section::after,
      .conduct-section::after,
      .requirements-section::after,
      .qa-board-section::after,
      .referral-section::after {
        content: "";
        position: absolute;
        inset: -18% -12%;
        z-index: 0;
        background:
          radial-gradient(
            circle at var(--flow-a-x, 18%) var(--flow-a-y, 18%),
            rgba(239, 189, 108, 0.1),
            transparent 28%
          ),
          radial-gradient(
            circle at var(--flow-b-x, 82%) var(--flow-b-y, 72%),
            rgba(139, 30, 36, 0.22),
            transparent 34%
          );
        opacity: 0.72;
        pointer-events: none;
      }

      .success-section > *,
      .executive-stats:not(.executive-stats--light):not(.member-data) > *,
      .service-section > *,
      .event-section > *,
      .partner-section > *,
      .info-section > *,
      .conduct-section > *,
      .requirements-section > *,
      .qa-board-section > *,
      .referral-section > * {
        position: relative;
        z-index: 1;
      }

      .closing-section {
        position: relative;
        z-index: 5;
        overflow: hidden;
        width: 100vw;
        min-height: clamp(680px, 82vh, 860px);
        margin: 0 calc(50% - 50vw);
        padding: clamp(82px, 10vw, 132px) 20px;
        display: grid;
        place-items: center;
        color: var(--ivory);
        isolation: isolate;
        background:
          linear-gradient(
            90deg,
            rgba(8, 7, 7, 0.9),
            rgba(8, 7, 7, 0.56) 48%,
            rgba(8, 7, 7, 0.88)
          ),
          linear-gradient(180deg, rgba(8, 7, 7, 0.58), rgba(8, 7, 7, 0.94)),
          url("../img/closing-hands-bg.webp") center / cover no-repeat;
      }

      .closing-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            circle at 50% 35%,
            rgba(239, 189, 108, 0.18),
            transparent 30%
          ),
          radial-gradient(
            circle at 18% 58%,
            rgba(247, 241, 227, 0.14),
            transparent 24%
          ),
          linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.34) 100%);
        pointer-events: none;
      }

      .closing-section::after {
        content: "";
        position: absolute;
        inset: clamp(20px, 3vw, 42px);
        border-top: 1px solid rgba(239, 189, 108, 0.24);
        border-bottom: 1px solid rgba(239, 189, 108, 0.16);
        pointer-events: none;
      }

      .closing-wrap {
        position: relative;
        z-index: 1;
        width: min(980px, 100%);
        margin: 0 auto;
        text-align: center;
      }

      .closing-logo {
        display: block;
        width: min(520px, 82vw);
        height: auto;
        margin: 0 auto clamp(22px, 3.4vw, 42px);
        filter: drop-shadow(0 20px 42px rgba(0, 0, 0, 0.42));
      }

      .closing-kicker {
        margin: 0 0 clamp(22px, 3vw, 34px);
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.45em;
        text-transform: uppercase;
      }

      .closing-title {
        margin: 0;
        color: rgba(255, 255, 255, 0.93);
        font-family: "Noto Sans TC", sans-serif;
        font-size: clamp(56px, 7vw, 96px);
        line-height: 1.13;
        font-weight: 400;
        letter-spacing: 0.16em;
        text-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
      }

      .closing-title span {
        display: block;
        margin-top: 0.08em;
        color: var(--gold);
      }

      .closing-belief {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        margin: clamp(24px, 4vw, 38px) 0 0;
        color: rgba(255, 255, 255, 0.86);
        font-size: var(--type-data-title);
        letter-spacing: 0.28em;
      }

      .closing-belief::before,
      .closing-belief::after {
        content: "";
        width: 72px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold));
      }

      .closing-belief::after {
        background: linear-gradient(90deg, var(--gold), transparent);
      }

      .closing-copy {
        margin: clamp(22px, 3vw, 34px) auto 0;
        max-width: 620px;
        color: rgba(255, 255, 255, 0.84);
        font-size: var(--type-section-lead);
        line-height: 2;
        letter-spacing: 0.05em;
      }

      .closing-actions {
        display: flex;
        justify-content: center;
        gap: 14px;
        margin: clamp(34px, 5vw, 54px) 0 0;
        flex-wrap: wrap;
      }

      .closing-btn {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 24px;
        border: 1px solid rgba(239, 189, 108, 0.48);
        border-radius: 999px;
        color: rgba(255, 255, 255, 0.9);
        background: rgba(8, 7, 7, 0.28);
        font-size: var(--type-body);
        font-weight: 700;
        letter-spacing: 0.04em;
        text-decoration: none;
        transition:
          transform 850ms cubic-bezier(0.16, 1, 0.22, 1),
          border-color 850ms cubic-bezier(0.16, 1, 0.22, 1),
          background 850ms cubic-bezier(0.16, 1, 0.22, 1),
          color 850ms cubic-bezier(0.16, 1, 0.22, 1);
      }

      .closing-btn:hover,
      .closing-btn:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(239, 189, 108, 0.8);
        background: #6f171d;
        color: #fff;
      }

      .closing-btn--primary {
        border-color: rgba(139, 30, 36, 0.5);
        background: var(--red);
        color: var(--white);
      }

      .closing-note {
        margin: clamp(22px, 3vw, 34px) 0 0;
        color: var(--gold);
        font-size: var(--type-kicker);
        font-weight: 700;
        letter-spacing: 0.34em;
        line-height: 2;
      }

      .closing-note span {
        display: block;
        color: rgba(255, 255, 255, 0.72);
        font-size: var(--type-small);
        font-weight: 500;
        letter-spacing: 0.24em;
      }

      .reveal {
        opacity: 0;
        transform: translateY(34px) scale(0.985);
        transition:
          opacity 1500ms cubic-bezier(0.16, 1, 0.22, 1),
          transform 1500ms cubic-bezier(0.16, 1, 0.22, 1);
        transition-delay: var(--delay, 0ms);
      }

      .reveal.is-visible {
        opacity: 1;
        transform: translateY(0) scale(1);
      }

      .process-grid .reveal:nth-child(odd) {
        --delay: 80ms;
      }

      .process-grid .reveal:nth-child(even) {
        --delay: 180ms;
      }

      .brand-manifesto__title,
      .success-title,
      .match-intake__title,
      .soulmate-title,
      .process-title,
      .service-title,
      .event-title,
      .partner-title,
      .info-title,
      .referral-title,
      .closing-title {
        font-size: var(--type-section-title);
        line-height: var(--line-title);
      }

      .soulmate-card h3,
      .craft-faq__item h3,
      .success-card h3,
      .match-form-card h3,
      .intake-option h3,
      .service-card h3,
      .service-qual h4,
      .brand-manifesto__en,
      .event-teaser h3,
      .event-card h3,
      .event-panel h4,
      .partner-card h3,
      .info-card h3,
      .info-list strong,
      .referral-plan h3,
      .referral-rules h3,
      .process-copy h3 {
        font-size: var(--type-card-title);
        line-height: 1.38;
      }

      .brand-manifesto__zh,
      .success-lead,
      .match-intake__lead,
      .service-lead,
      .event-lead,
      .partner-lead,
      .info-lead,
      .referral-lead,
      .closing-copy,
      .soulmate-card p,
      .soulmate-summary p,
      .craft-faq__item p,
      .success-quote,
      .success-details dd,
      .match-form-card__note,
      .service-list li,
      .service-qual-list li,
      .event-teaser p,
      .event-meta li,
      .event-criteria li,
      .event-remarks li,
      .event-fee,
      .partner-fields div,
      .info-list p,
      .referral-steps li,
      .referral-step-copy p,
      .referral-reward__note,
      .referral-plan-list li,
      .referral-rules ol,
      .process-copy p {
        font-size: var(--type-body);
      }

      @keyframes imageReveal {
        from {
          opacity: 0;
          transform: scale(1.045);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      @keyframes heroGradientReveal {
        0% {
          opacity: 0.74;
          filter: brightness(0.9) saturate(1.02);
        }
        62% {
          opacity: 0.36;
          filter: brightness(1) saturate(1.08);
        }
        100% {
          opacity: 0.16;
          filter: brightness(1) saturate(1);
        }
      }

      @keyframes heroCenterDrift {
        from {
          transform: translateY(calc(var(--hero-center-y) + 26px));
        }
        to {
          transform: translateY(var(--hero-center-y));
        }
      }

      @keyframes heroTopBrandIn {
        from {
          opacity: 0;
          transform: translateY(-14px);
          filter: blur(5px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
          filter: blur(0);
        }
      }

      @keyframes heroBrandRuleIn {
        from {
          opacity: 0;
          transform: scaleX(0.2);
        }
        to {
          opacity: 1;
          transform: scaleX(1);
        }
      }

      @keyframes heroIntroLineIn {
        from {
          opacity: 0;
          transform: translateY(18px);
          filter: blur(7px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
          filter: blur(0);
        }
      }

      @keyframes heroCenterTextIn {
        from {
          opacity: 0;
          transform: translateY(18px);
          filter: blur(5px) drop-shadow(0 0 0 rgba(239, 189, 108, 0));
        }
        to {
          opacity: 1;
          transform: translateY(0);
          filter: blur(0) drop-shadow(0 14px 30px rgba(0, 0, 0, 0.28));
        }
      }

      @keyframes heroLineReveal {
        from {
          opacity: 0;
          transform: scaleX(0.24);
        }
        to {
          opacity: 1;
          transform: scaleX(1);
        }
      }

      @keyframes heroBottomIn {
        from {
          opacity: 0;
          transform: translateY(18px);
          filter: blur(4px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
          filter: blur(0);
        }
      }

      @keyframes titleLetterIn {
        from {
          opacity: 0;
          transform: translateY(0.16em);
          filter: drop-shadow(0 0 0 rgba(239, 189, 108, 0));
        }
        to {
          opacity: 1;
          transform: translateY(0);
          filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.42));
        }
      }

      @keyframes arrowFloat {
        0%,
        100% {
          transform: rotate(45deg) translate(0, 0);
        }
        50% {
          transform: rotate(45deg) translate(5px, 5px);
        }
      }

      @keyframes intakePanelReveal {
        from {
          opacity: 0;
          transform: translateY(18px) scale(0.988);
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes messageGradient {
        0%,
        100% {
          background-position: 0% 50%;
        }

        50% {
          background-position: 100% 50%;
        }
      }

      .process-head .section-kicker,
      .soulmate-head .section-kicker,
      .journey-head .section-kicker,
      .success-head .section-kicker,
      .qa-accordion-head .section-kicker,
      .match-intake .section-kicker,
      .match-intake__head .section-kicker,
      .service-head .section-kicker,
      .event-kicker,
      .partner-kicker,
      .info-head .section-kicker,
      .referral-kicker,
      .brand-manifesto__kicker {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        width: fit-content;
        max-width: 100%;
        margin: 0 auto 20px;
        line-height: 1.7;
        text-align: center;
      }

      .process-head .section-kicker::before,
      .process-head .section-kicker::after,
      .soulmate-head .section-kicker::before,
      .soulmate-head .section-kicker::after,
      .journey-head .section-kicker::before,
      .journey-head .section-kicker::after,
      .success-head .section-kicker::before,
      .success-head .section-kicker::after,
      .qa-accordion-head .section-kicker::before,
      .qa-accordion-head .section-kicker::after,
      .match-intake .section-kicker::before,
      .match-intake .section-kicker::after,
      .match-intake__head .section-kicker::before,
      .match-intake__head .section-kicker::after,
      .service-head .section-kicker::before,
      .service-head .section-kicker::after,
      .event-kicker::before,
      .event-kicker::after,
      .partner-kicker::before,
      .partner-kicker::after,
      .info-head .section-kicker::before,
      .info-head .section-kicker::after,
      .referral-kicker::before,
      .referral-kicker::after,
      .brand-manifesto__kicker::before,
      .brand-manifesto__kicker::after {
        content: "";
        flex: 0 0 42px;
        width: 42px;
        height: 1px;
        background: linear-gradient(90deg, transparent, currentColor);
        opacity: 0.72;
      }

      .process-head .section-kicker::after,
      .soulmate-head .section-kicker::after,
      .journey-head .section-kicker::after,
      .success-head .section-kicker::after,
      .qa-accordion-head .section-kicker::after,
      .match-intake .section-kicker::after,
      .match-intake__head .section-kicker::after,
      .service-head .section-kicker::after,
      .event-kicker::after,
      .partner-kicker::after,
      .info-head .section-kicker::after,
      .referral-kicker::after,
      .brand-manifesto__kicker::after {
        background: linear-gradient(90deg, currentColor, transparent);
      }

      @media (min-width: 1025px) {
        main {
          padding-top: var(--site-header-height);
        }

        .site-header__inner {
          width: min(1240px, calc(100% - 48px));
        }

        .site-header__menu {
          display: none;
        }

        .site-header__nav {
          position: static;
          width: auto;
          margin-left: auto;
          padding: 0;
          border: 0;
          background: transparent;
          box-shadow: none;
          backdrop-filter: none;
          -webkit-backdrop-filter: none;
          opacity: 1;
          visibility: visible;
          transform: none;
          pointer-events: auto;
        }

        .site-header__nav-list {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: flex-end;
          gap: 3px 4px;
        }

        .site-header__nav-link {
          min-height: 32px;
          padding: 0 9px;
          border-color: transparent;
          background: transparent;
          color: rgba(239, 189, 108, 0.72);
          font-size: 13px;
          letter-spacing: 0.08em;
        }

        .site-header__nav-link:hover,
        .site-header__nav-link:focus-visible {
          color: var(--white);
          border-color: rgba(239, 189, 108, 0.32);
          background: rgba(139, 30, 36, 0.22);
        }

        .hero {
          min-height: calc(100svh - var(--site-header-height));
        }

        .hero__content {
          min-height: calc(100svh - var(--site-header-height));
          padding-top: clamp(46px, 5vw, 78px);
        }
      }

      @media (max-width: 980px) {
        .matchmaker-descent {
          grid-template-columns: 1fr;
        }

        .partner-profile-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .partner-card:nth-child(even) {
          margin-top: 0;
        }

        .referral-hero,
        .referral-body {
          grid-template-columns: 1fr;
        }

        .referral-hero {
          gap: 28px;
        }

        .referral-rules ol {
          grid-template-columns: 1fr;
        }
      }

      /*
       * PM 2026-08-14：左右切換鍵原本排在卡片下方，筆電上卡片高過視窗，
       * 要捲到底才按得到、按完又看不到上方標題。桌機改成浮貼卡片兩側垂直置中
       * ——不論捲到哪都在視線內；圓點留在下方當進度指示。
       * 卡片中心＝(輪播總高 − 下方控制列高) ÷ 2；控制列＝按鈕 46px ＋ 其 margin-top。
       * ≤980px 維持原本下方橫排：手機卡片改單欄後兩側就是內文、拇指區也在下方；
       * 761-980px 雖仍是雙欄，但文字欄已窄到不該再讓出 gutter。
       */
      @media (min-width: 981px) {
        .service-swiper,
        .success-slider {
          --carousel-controls-h: calc(46px + clamp(18px, 3vw, 28px));
        }

        .service-nav,
        .success-nav {
          position: absolute;
          top: calc((100% - var(--carousel-controls-h)) / 2);
          z-index: 6;
          transform: translateY(-50%);
          /* 浮在照片上，需自帶深色底才有足夠對比（WCAG 非文字 3:1） */
          background: rgba(9, 8, 8, 0.62);
          backdrop-filter: blur(6px);
        }

        .service-nav--prev,
        .success-nav--prev {
          left: clamp(10px, 1.4vw, 18px);
        }

        .service-nav--next,
        .success-nav--next {
          right: clamp(10px, 1.4vw, 18px);
        }

        .service-nav:hover,
        .service-nav:focus-visible,
        .success-nav:hover,
        .success-nav:focus-visible {
          background: rgba(139, 30, 36, 0.72);
          transform: translateY(-50%) scale(1.06);
        }

        /* 下一頁鍵浮在文字欄上方，替它讓出一條 gutter，免得壓到條列文字 */
        .service-content,
        .success-body {
          padding-right: clamp(74px, 5.6vw, 92px);
        }

        .service-controls,
        .success-controls {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 760px) {
        :root {
          --type-section-title: 24px;
          --type-card-title: 18px;
          --type-data-title: 14px;
          --type-section-lead: 14px;
          --type-body: 16px;
          --mobile-content: min(100% - 32px, 1120px);
          --site-header-height: 62px;
        }

        .site-header__inner {
          width: var(--mobile-content);
          height: var(--site-header-height);
        }

        .site-header__brand-main {
          font-size: 15px;
          letter-spacing: 0.06em;
        }

        .site-header__brand {
          gap: 8px;
          max-width: calc(100% - 64px);
        }

        .site-header__brand-logo {
          width: 82px;
          max-height: 38px;
        }

        .site-header__menu {
          width: 50px;
          height: 50px;
        }

        .hero {
          min-height: 92svh;
          overflow-x: hidden;
        }

        .hero__image {
          object-position: 72% center;
        }

        .hero__video {
          object-position: 60% center;
        }

        .hero__content {
          width: var(--mobile-content);
          min-height: 92svh;
          row-gap: 18px;
          padding-top: 46px;
          padding-bottom: 34px;
        }

        .hero__center {
          --hero-center-y: 0px;
          width: 100%;
          max-width: 100%;
          transform: translateY(0);
          padding: 0;
          overflow: visible;
        }

        .hero__title {
          display: block;
          width: 100%;
          max-width: 10.8em;
          margin-inline: auto;
          font-size: 30px;
          line-height: 1.28;
          white-space: normal;
          word-break: break-all;
          line-break: anywhere;
          overflow-wrap: anywhere;
          text-align: center;
          letter-spacing: 0.02em;
        }

        .hero__title .char {
          display: inline;
          transform: none;
        }

        .hero__title .word {
          display: inline;
          white-space: normal;
          word-break: break-all;
        }

        .hero__title .space {
          display: none;
        }

        .hero__tagline {
          margin-top: 10px;
          font-size: 18px;
          line-height: 1.25;
          letter-spacing: 0.04em;
        }

        .hero__ornament {
          width: min(210px, 72vw);
          margin: 15px auto 17px;
        }

        .discover__label {
          min-width: min(250px, 100%);
          padding: 13px 22px 14px;
        }

        .hero__subtitle {
          width: var(--mobile-content);
          max-width: var(--mobile-content);
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          padding: 0;
          font-size: 16px;
          line-height: 1.65;
          letter-spacing: 0.02em;
          white-space: normal;
          overflow-wrap: anywhere;
        }

        .hero__subtitle::before,
        .hero__subtitle::after {
          flex: 0 0 auto;
          margin: 0;
        }

        .hero__top {
          width: var(--mobile-content);
          max-width: var(--mobile-content);
          font-size: 13px;
          line-height: 1.7;
          letter-spacing: 0.03em;
          overflow-wrap: anywhere;
        }

        .hero__intro {
          margin-bottom: 14px;
          font-size: 13px;
          line-height: 1.7;
          letter-spacing: 0.03em;
          overflow-wrap: anywhere;
        }

        .hero__brand {
          gap: 10px;
          font-size: 12px;
          letter-spacing: 0.1em;
        }

        .hero__brand::before,
        .hero__brand::after {
          width: 28px;
        }

        .process-head,
        .soulmate-head,
        .journey-head,
        .success-head,
        .qa-accordion-head,
        .match-intake__head,
        .service-head,
        .event-head,
        .partner-head,
        .info-head {
          width: 100%;
          max-width: none;
          text-align: center;
        }

        .process-head .section-kicker,
        .soulmate-head .section-kicker,
        .journey-head .section-kicker,
        .success-head .section-kicker,
        .qa-accordion-head .section-kicker,
        .match-intake .section-kicker,
        .match-intake__head .section-kicker,
        .service-head .section-kicker,
        .event-kicker,
        .partner-kicker,
        .info-head .section-kicker,
        .referral-kicker,
        .brand-manifesto__kicker {
          display: flex;
          justify-content: flex-start;
          width: 100%;
          max-width: none;
          margin: 0 0 18px;
          text-align: left;
        }

        .process-head .section-kicker::before,
        .process-head .section-kicker::after,
        .soulmate-head .section-kicker::before,
        .soulmate-head .section-kicker::after,
        .journey-head .section-kicker::before,
        .journey-head .section-kicker::after,
        .success-head .section-kicker::before,
        .success-head .section-kicker::after,
        .qa-accordion-head .section-kicker::before,
        .qa-accordion-head .section-kicker::after,
        .match-intake .section-kicker::before,
        .match-intake .section-kicker::after,
        .match-intake__head .section-kicker::before,
        .match-intake__head .section-kicker::after,
        .service-head .section-kicker::before,
        .service-head .section-kicker::after,
        .event-kicker::before,
        .event-kicker::after,
        .partner-kicker::before,
        .partner-kicker::after,
        .info-head .section-kicker::before,
        .info-head .section-kicker::after,
        .referral-kicker::before,
        .referral-kicker::after,
        .brand-manifesto__kicker::before,
        .brand-manifesto__kicker::after {
          content: none;
          display: none;
        }

        .match-intake__head,
        .intake-tabs,
        .process-grid,
        .journey-grid,
        .event-teasers,
        .event-grid,
        .event-columns,
        .partner-profile-grid {
          grid-template-columns: 1fr;
        }

        .brand-section,
        .process-section,
        .service-section,
        .event-section,
        .partner-section,
        .matchmaker-descent-section,
        .info-section,
        .referral-section {
          padding-inline: 16px;
          padding-top: clamp(38px, 9vw, 54px);
          padding-bottom: clamp(38px, 9vw, 54px);
        }

        .brand-section {
          padding-top: clamp(42px, 10vw, 60px);
          padding-bottom: 0;
        }

        .match-intake__head,
        .process-head,
        .service-head,
        .event-head,
        .partner-head,
        .info-head {
          margin-bottom: 22px;
        }

        .matchmaker-descent {
          gap: 22px;
          padding: 24px 18px;
          border-radius: 8px;
        }

        .matchmaker-descent::before {
          inset: 10px;
        }

        .matchmaker-descent__kicker {
          margin-bottom: 10px;
          font-size: 18px;
          line-height: 1.2;
        }

        .matchmaker-descent__title {
          font-size: var(--type-section-title);
          line-height: var(--line-title);
        }

        .matchmaker-descent__note {
          margin-top: 12px;
          letter-spacing: 0.08em;
        }

        .matchmaker-descent__fields {
          grid-template-columns: 1fr;
          gap: 6px;
        }

        .matchmaker-descent__fields div {
          min-height: 36px;
        }

        .matchmaker-descent__cta {
          width: 100%;
          min-height: 42px;
        }

        .brand-manifesto {
          grid-template-columns: 1fr;
          width: 100%;
          min-height: 0;
          margin-bottom: 0;
          padding: 0;
        }

        .brand-manifesto__media {
          aspect-ratio: 4 / 3;
          min-height: 0;
          border-right: 0;
          border-bottom: 1px solid rgba(239, 189, 108, 0.22);
        }

        .brand-manifesto__content {
          min-height: auto;
          align-self: end;
          padding: 28px 20px 30px;
        }

        .brand-manifesto__title {
          font-size: 30px;
        }

        .brand-manifesto__actions {
          align-items: flex-start;
          gap: 12px;
        }

        .brand-manifesto__seat {
          border-radius: 16px;
        }

        .executive-stats {
          padding: 40px 16px 44px;
        }

        .executive-stats__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          width: min(100%, 420px);
          row-gap: 30px;
        }

        .executive-stat {
          min-height: 112px;
          padding: 8px 14px;
        }

        .executive-stat + .executive-stat::before {
          content: none;
        }

        .executive-stat:nth-child(2n)::before {
          content: "";
          position: absolute;
          top: 8%;
          bottom: 8%;
          left: 0;
          width: 1px;
          background: linear-gradient(
            180deg,
            transparent,
            rgba(239, 189, 108, 0.82),
            transparent
          );
        }

        .executive-stat:nth-child(n + 3)::after {
          content: "";
          position: absolute;
          top: -15px;
          left: 12%;
          right: 12%;
          height: 1px;
          background: linear-gradient(
            90deg,
            transparent,
            rgba(239, 189, 108, 0.62),
            transparent
          );
        }

        .executive-stat__value {
          font-size: 44px;
        }

        .executive-stat__label {
          font-size: 13px;
          letter-spacing: 0.04em;
        }

        .section-quote {
          margin-top: 28px;
          font-size: 14px;
          letter-spacing: 0.04em;
        }

        .soulmate-section {
          padding: 46px 16px 52px;
        }

        .soulmate-head {
          margin-bottom: 24px;
        }

        .soulmate-head .section-kicker {
          gap: 8px;
          letter-spacing: 0.04em;
        }

        .soulmate-head .section-kicker::before,
        .soulmate-head .section-kicker::after {
          width: 28px;
        }

        .soulmate-title {
          font-size: 23px;
          line-height: 1.25;
        }

        .soulmate-grid {
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .soulmate-card {
          min-height: auto;
          padding: 20px 18px;
        }

        .soulmate-summary {
          padding: 20px 18px;
          text-align: left;
        }

        .success-section {
          padding: 42px 18px;
        }

        .success-title,
        .match-intake__title,
        .process-title,
        .service-title,
        .event-title,
        .partner-title,
        .info-title,
        .referral-title,
        .closing-title {
          font-size: 30px;
          line-height: 1.25;
        }

        .success-head {
          margin-bottom: 24px;
        }

        .success-kicker::before,
        .success-kicker::after {
          width: 28px;
        }

        .craft-faq {
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .craft-faq__item {
          padding: 20px 18px;
        }

        .qa-accordion-panel {
          padding: 22px;
        }

        .accordion-trigger {
          grid-template-columns: 58px 1fr;
        }

        .accordion-trigger,
        .accordion-panel {
          width: 100%;
        }

        .accordion-icon {
          grid-column: 1 / -1;
          justify-self: end;
        }

        .accordion-answer {
          padding: 16px 18px 16px 76px;
        }

        .success-card {
          grid-template-columns: 1fr;
          min-height: auto;
        }

        .success-photo {
          min-height: 0;
          aspect-ratio: 4 / 3;
        }

        .success-photo::after {
          background: linear-gradient(
            180deg,
            transparent 45%,
            rgba(5, 5, 5, 0.64)
          );
        }

        .success-body {
          padding: 24px;
        }

        .success-details {
          grid-template-columns: 1fr;
        }

        .success-controls {
          grid-template-columns: 46px 1fr 46px;
        }

        .match-form-card {
          min-height: auto;
          padding: 24px;
        }

        .intake-option {
          min-height: auto;
          padding: 0;
        }

        .intake-option h3 {
          font-size: 18px;
        }

        .intake-tabs {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          width: min(100%, 344px);
          gap: 0;
          margin-inline: auto;
          padding: 4px;
        }

        .intake-tab-card {
          min-height: 64px;
          padding: 10px 8px;
        }

        .intake-tab-card .intake-option__eyebrow,
        .intake-tab-title {
          letter-spacing: 0.08em;
        }

        .connection-form-step {
          gap: 10px;
          font-size: 12px;
          letter-spacing: 0.08em;
        }

        .match-field-list--split {
          grid-template-columns: 1fr;
        }

        .service-content {
          padding: 24px;
        }

        .service-card {
          grid-template-columns: 1fr;
          min-height: auto;
        }

        .service-image {
          height: auto;
          min-height: 0;
          aspect-ratio: 16 / 10;
        }

        .service-card h3 {
          font-size: 24px;
        }

        .process-step h3,
        .event-card h3,
        .event-teaser h3,
        .info-card h3,
        .referral-plan h3,
        .referral-rules h3 {
          font-size: 24px;
          line-height: 1.35;
        }

        .service-controls {
          grid-template-columns: 46px 1fr 46px;
        }

        .event-teaser,
        .event-card {
          padding: 22px 18px;
        }

        .event-kicker::before,
        .event-kicker::after {
          width: 28px;
        }

        .event-card::before {
          inset: 12px;
        }

        .partner-kicker {
          gap: 8px;
          letter-spacing: 0.08em;
        }

        .partner-kicker::before,
        .partner-kicker::after {
          width: 28px;
        }

        .partner-card {
          grid-template-columns: 1fr;
          min-height: auto;
        }

        .partner-photo {
          min-height: 0;
          aspect-ratio: 4 / 5;
        }

        .partner-photo-lock {
          padding: 14px 16px;
        }

        .partner-photo-lock__inner {
          gap: 8px;
          width: min(100%, 206px);
        }

        .partner-photo-lock__icon {
          width: 30px;
          height: 30px;
        }

        .partner-photo-lock__title {
          font-size: 15px;
          line-height: 1.34;
          letter-spacing: 0.12em;
        }

        .partner-photo-lock__text {
          font-size: 12px;
          line-height: 1.5;
        }

        .partner-photo-lock__button {
          min-height: 32px;
          padding: 0 14px;
          font-size: 10px;
          letter-spacing: 0.18em;
        }

        .partner-card__body {
          padding: 22px 18px;
        }

        .partner-card::before {
          inset: 12px;
        }

        .info-card {
          padding: 24px;
        }

        .referral-section {
          padding-inline: 18px;
        }

        .referral-hero,
        .referral-body {
          grid-template-columns: 1fr;
        }

        .referral-hero {
          gap: 24px;
        }

        .referral-kicker::before {
          width: 28px;
        }

        .referral-title {
          font-size: 30px;
        }

        .referral-reward__value {
          font-size: 36px;
        }

        .referral-plans {
          grid-template-columns: 1fr;
        }

        .referral-record__row {
          grid-template-columns: 42px 1fr;
        }

        .referral-record__row span:nth-child(n + 3) {
          grid-column: 2;
        }

        .referral-rules ol {
          grid-template-columns: 1fr;
        }

        .closing-section {
          min-height: auto;
          padding: clamp(56px, 14vw, 76px) 18px;
        }

        .closing-section::after {
          inset: 18px;
        }

        .closing-kicker {
          letter-spacing: 0.22em;
          line-height: 1.8;
        }

        .closing-logo {
          width: min(300px, 78vw);
          margin-bottom: 20px;
        }

        .closing-title {
          font-size: 30px;
          letter-spacing: 0.1em;
        }

        .closing-belief {
          gap: 10px;
          letter-spacing: 0.18em;
        }

        .closing-belief::before,
        .closing-belief::after {
          width: 42px;
        }

        .closing-copy {
          font-size: 15px;
          line-height: 1.9;
        }

        .closing-actions {
          display: grid;
          grid-template-columns: 1fr;
        }

        .closing-btn {
          width: 100%;
          min-width: 0;
          letter-spacing: 0.04em;
        }

        .closing-note,
        .closing-note span {
          letter-spacing: 0.12em;
        }

        .info-list li {
          grid-template-columns: 36px 1fr;
          align-items: center;
          padding: 13px;
        }

        .info-list__no {
          justify-self: center;
          align-self: center;
        }

        .match-field {
          grid-template-columns: 72px 1fr;
        }

        .process-step {
          display: grid;
          grid-template-columns: 64px minmax(0, 1fr);
          grid-template-areas:
            "number copy"
            "label copy";
          align-items: center;
          justify-items: center;
          min-height: auto;
          column-gap: 16px;
          row-gap: 8px;
          padding: 18px;
        }

        .process-media {
          aspect-ratio: 16 / 10;
        }

        .process-body {
          gap: 12px;
          padding: 18px;
        }

        .process-meta {
          gap: 10px;
        }

        .process-number {
          grid-area: number;
          width: 48px;
          height: 48px;
          min-width: 48px;
          font-size: 22px;
        }

        .process-label {
          grid-area: label;
          writing-mode: horizontal-tb;
          justify-self: center;
          max-width: none;
          font-size: 12px;
          letter-spacing: 0.04em;
          line-height: 1.25;
          white-space: nowrap;
        }

        .process-copy {
          grid-area: copy;
          width: 100%;
          padding-top: 0;
          padding-left: 16px;
          border-top: 0;
          border-left: 1px solid rgba(139, 30, 36, 0.72);
          text-align: left;
        }

        .intake-option,
        .match-form-card,
        .service-card,
        .success-card,
        .info-card,
        .process-step {
          backdrop-filter: none;
        }

        .brand-manifesto__title,
        .success-title,
        .match-intake__title,
        .soulmate-title,
        .process-title,
        .service-title,
        .event-title,
        .partner-title,
        .info-title,
        .referral-title,
        .closing-title {
          font-size: var(--type-section-title);
          line-height: var(--line-title);
        }

        .soulmate-card h3,
        .craft-faq__item h3,
        .success-card h3,
        .match-form-card h3,
        .intake-option h3,
        .service-card h3,
        .service-qual h4,
        .brand-manifesto__en,
        .event-teaser h3,
        .event-card h3,
        .event-panel h4,
        .partner-card h3,
        .info-card h3,
        .info-list strong,
        .referral-plan h3,
        .referral-rules h3,
        .process-copy h3 {
          font-size: var(--type-card-title);
          line-height: 1.38;
        }

        .brand-manifesto__zh,
        .success-lead,
        .match-intake__lead,
        .service-lead,
        .event-lead,
        .partner-lead,
        .info-lead,
        .referral-lead,
        .closing-copy,
        .soulmate-card p,
        .soulmate-summary p,
        .craft-faq__item p,
        .success-quote,
        .success-details dd,
        .match-form-card__note,
        .service-list li,
        .service-qual-list li,
        .event-teaser p,
        .event-meta li,
        .event-criteria li,
        .event-remarks li,
        .event-fee,
        .partner-fields div,
        .info-list p,
        .referral-steps li,
        .referral-step-copy p,
        .referral-reward__note,
        .referral-plan-list li,
        .referral-rules ol,
        .process-copy p {
          font-size: var(--type-body);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          animation-delay: 0ms !important;
          animation-duration: 1ms !important;
          scroll-behavior: auto !important;
          transition-duration: 1ms !important;
        }
      }

      /* lead form: span 佔位升級為 input 後的樣式（外觀沿用 .match-select） */
      input.match-select {
        width: 100%;
        border: 0;
        outline: none;
        font: inherit;
        font-size: var(--type-small);
      }
      input.match-select::placeholder {
        color: inherit;
        opacity: 0.85;
      }
      input.match-select:focus {
        box-shadow: inset 0 0 0 1px var(--gold);
      }
      .choice-pill {
        cursor: pointer;
      }
      .match-form-status {
        margin: 10px 0 0;
        font-size: var(--type-small);
      }

      /* lead form: 下拉選單樣式（沿用 .match-select 底色）與按鈕上方提醒 */
      select.match-select {
        width: 100%;
        border: 0;
        outline: none;
        font: inherit;
        font-size: var(--type-small);
        color: inherit;
        cursor: pointer;
      }
      select.match-select:focus {
        box-shadow: inset 0 0 0 1px var(--gold);
      }
      select.match-select option {
        color: #111111;
        background: #ffffff;
      }
      .match-form-actions {
        flex-wrap: wrap;
      }
      .match-form-actions .match-form-status {
        width: 100%;
        text-align: center;
        margin: 0 0 12px;
      }

      /* 提醒訊息固定在送出鈕上方（直排置中，不依賴 flex-wrap） */
      .match-form-actions {
        flex-direction: column;
        align-items: center;
        gap: 12px;
      }
      .match-form-actions .match-form-status {
        margin: 0;
      }

      /* 街頭月老:下拉選單(沿用底線輸入風格,加金色箭頭) */
      select.matchmaker-descent__input {
        cursor: pointer;
        padding-right: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23efbd6c' stroke-width='1.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 4px center;
      }
      select.matchmaker-descent__input option {
        color: #111111;
        background: #ffffff;
      }

      /* 導覽列右上「登入／註冊」（PM 需求 7）：金色橢圓，登入後改顯示「會員中心」 */
      .site-header__login {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        padding: 9px 20px;
        border-radius: 999px;
        background: linear-gradient(180deg, #f3cf8b 0%, #d9a04e 100%);
        color: #1a1206;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-decoration: none;
        white-space: nowrap;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
      }
      .site-header__login:hover {
        filter: brightness(1.06);
      }
      @media (max-width: 560px) {
        .site-header__login {
          padding: 8px 14px;
          font-size: 13px;
          letter-spacing: 0.06em;
        }
      }

      /* 法務頁（隱私權政策／服務條款）：長條文排版，沿用既有色票 */
      .legal-section .info-wrap {
        max-width: 880px;
      }
      .legal-card {
        display: grid;
        gap: 34px;
      }
      .legal-card h3 {
        margin: 0 0 12px;
        color: var(--gold);
        font-size: clamp(19px, 2.2vw, 23px);
        line-height: 1.5;
        font-weight: 700;
      }
      .legal-card p {
        margin: 0;
        color: rgba(231, 241, 227, 0.78);
        font-size: var(--type-body);
        line-height: 1.9;
      }
      .legal-card p + p {
        margin-top: 12px;
      }
      .legal-card ol,
      .legal-card ul {
        display: grid;
        gap: 10px;
        margin: 12px 0 0;
        padding-left: 1.5em;
      }
      .legal-card li {
        color: rgba(231, 241, 227, 0.78);
        font-size: var(--type-body);
        line-height: 1.9;
      }
      .legal-card li::marker {
        color: rgba(239, 189, 108, 0.75);
      }
      .legal-card strong {
        color: rgba(255, 255, 255, 0.92);
      }
      .legal-updated {
        margin-top: 6px;
        color: rgba(231, 241, 227, 0.5);
        font-size: 14px;
        letter-spacing: 0.04em;
      }