p{
   display: none;
   display: block;
}

@media (max-width: 768px) {
   .finprime-liquidity .banner-image {
    object-position: 30% bottom;
}
}

.finprime-liquidity { color: var(--fp-ink); }
.finprime-liquidity .banner { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column;  min-height: 620px; color: #fff; background: #0c264c; }
.finprime-liquidity .banner::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
        background: linear-gradient(90deg, rgba(12, 38, 76, .4), rgba(12, 38, 76, .2) 100%);
}
.finprime-liquidity .banner-image { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 31%; }
.finprime-liquidity .banner-mark { position: absolute; z-index: -1; top: 79px; left: calc(50% + 107px); width: 318px; height: auto; }
.finprime-liquidity .banner-outline { position: absolute; z-index: -1; top: 254px; left: calc(50% - 915px); width: 314px; height: auto;}
.finprime-liquidity .banner-content { flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 0; padding-top: 160px; padding-bottom: 80px; }
.finprime-liquidity h1 span { display: block; }
.finprime-liquidity .banner-content > p { max-width: 750px; margin-top: 16px; font-size: 16px; line-height: 24px; opacity: .7; }
.finprime-liquidity .banner-content .finprime-button { margin-top: 48px; }
.finprime-liquidity .banner-features { flex: none; background: #1a1a1a33; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 0 20px #f2f2f214,inset 0 0 10px #b3b3b314; }
/* Equal thirds, not fixed widths with space-between: the leftover space would make the real gap
   differ from --feature-gap and the separator dot would no longer sit in the middle of it. */
.finprime-liquidity .banner-features ul { --feature-gap: 32px; max-width: 1200px; display: flex; gap: var(--feature-gap); padding: 0; margin-block: 0; list-style: none; }
.finprime-liquidity .banner-features li { position: relative; flex: 1; min-width: 0; padding: 24px 20px; text-align: center; line-height: 24px; }
/* The design breaks each feature at a fixed point, so the lines are content, not a width accident. */
.finprime-liquidity .banner-features li span { display: block; }
.finprime-liquidity .banner-features li + li::before { content: ''; position: absolute; width: 4px; height: 4px; background: #b4825d; border-radius: 50%; left: calc(var(--feature-gap) / -2); top: calc(50% - 2px); transform: translateX(-50%); }

/* ---------- Intro statement ---------- */
.finprime-liquidity .row-intro { position: relative; isolation: isolate; padding: 96px 0; color: #0c264c; background: #f6f8fc; border-block: 1px solid #c7d2e6;overflow: hidden; }
.finprime-liquidity .intro-pattern { position: absolute; z-index: -1; top: 0; left: max(0px,calc(50% - 900px)); height: 100%; width: auto; max-width: none; pointer-events: none; }
.finprime-liquidity .intro-content { text-align: center; }
.finprime-liquidity h2.intro-title {
    margin: 0 auto;
    font-size: 44px;
    font-weight: 460;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    max-width: 1100px;
    letter-spacing: -1.8%;}
.finprime-liquidity .intro-key { color: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; transition: color .2s ease; }
.finprime-liquidity a.intro-key:focus-visible { outline: 2px solid #b4825d; outline-offset: 4px; }
.finprime-liquidity .intro-divider {     display: block;
    width: 96px;
    height: 1px;
    margin: 45px auto 40px;
    background: #0c264c4d }
.finprime-liquidity .intro-description {     max-width: 1000px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 1.6; }

/* ---------- Shared section copy ---------- */
.finprime-liquidity .section-intro {    margin-top: 55px;
    /* max-width: 1040px; */
    font-size: 18px;
    line-height: 1.6; }

/* ---------- Page base ---------- */
.finprime-liquidity h2 { font-size: 56px; }
.finprime-liquidity .section-pattern { position: absolute; z-index: -1; pointer-events: none; height: auto; }
.finprime-liquidity.protected-page { padding: 160px 40px 80px; }

/* ---------- Multi-Asset Liquidity + Weekend Gold & Oil (shared with the home page) ---------- */
.finprime-liquidity .eyebrow {text-transform: uppercase; display: flex; align-items: center; gap: 4px; margin-bottom: -1px; min-height: 30px; font-size: 18px; font-weight: 500; line-height: 1.2; }
.finprime-liquidity .row3 .eyebrow img {     width: 30px;
    height: 30px;
    margin-right: 15px;}
.finprime-liquidity .row2 { padding: 80px 0; }
.finprime-liquidity .row2 { color: #fff; background: linear-gradient(130deg,#0c264c,#041c39); }
.finprime-liquidity .heading-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.finprime-liquidity .section-intro { margin-top: 55px; font-size: 18px; line-height: 1.6; }
.finprime-liquidity .row2 .section-intro { color: #ffffffe6; }
.finprime-liquidity .assets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 40px 0 0; padding: 0; list-style: none; }
.finprime-liquidity .asset-card { display: flex; flex-direction: column; gap: 28px; min-width: 0; padding: 24px 24px 28px; background: #ffffff0f; border: 1px solid #ffffff1f; border-radius: 2px; transition: background-color .25s ease, border-color .25s ease; }
.finprime-liquidity .asset-head { display: flex; align-items: center; gap: 16px; }
.finprime-liquidity .asset-head h3 { font-size: 30px; line-height: 1.2; text-transform: none; }
.finprime-liquidity .asset-icon { position: relative; flex: none; width: 64px; height: 64px; }
.finprime-liquidity .asset-icon img { display: block; width: 62px; height: 62px; transition: opacity .25s ease; }
.finprime-liquidity .asset-icon .icon-hover { position: absolute; inset: 0; opacity: 0; }
.finprime-liquidity .asset-card p { font-size: 16px; line-height: 1.6; color: #ffffffe0; }
.finprime-liquidity .row2 { overflow-x: clip; }
.finprime-liquidity .assets-watermark { position: relative; min-width: 0; pointer-events: none; }
.finprime-liquidity .assets-watermark img { position: absolute; top: 0; left: 3.5%; display: block; width: auto; height: 100%; max-width: 96.5%; object-fit: contain; object-position: left top; }
@media (max-width: 768px) {
 .finprime-liquidity .eyebrow { font-size: 14px; min-height: 23px; line-height: 1.1; margin-bottom: 0px; }
 .finprime-liquidity .row3 .eyebrow img {     width: 20px; height: 20px; margin-right: 10px;}
 .finprime-liquidity .row2 { padding: 32px 0; }
 .finprime-liquidity .row2 .heading-row { align-items: flex-start; flex-direction: column; gap: 24px; }
}
@media (max-width: 440px) {
 .finprime-liquidity .asset-head h3 { font-size: 20px; }
}
@media (hover: hover) and (pointer: fine) {
 .finprime-liquidity .asset-card:hover { background: #b4825d; border-color: #b4825d; }
 .finprime-liquidity .asset-card:hover .icon-default { opacity: 0; }
 .finprime-liquidity .asset-card:hover .icon-hover { opacity: 1; }
 .finprime-liquidity .asset-card:hover .asset-head::after { color: #fff; }
}
@media (max-width: 1280px) {
 .finprime-liquidity .asset-head h3 { font-size: 28px; }
 .finprime-liquidity .asset-card { padding: 24px 20px 28px; }
 .finprime-liquidity .asset-head { gap: 12px; }
 .finprime-liquidity .asset-head h3 { min-width: 0; font-size: clamp(20px,2.2vw,28px); overflow-wrap: anywhere; }
 .finprime-liquidity .asset-icon, .finprime-liquidity .asset-icon img { width: 48px; height: 48px; }
}
@media (max-width: 960px) {
 .finprime-liquidity .assets { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
 .finprime-liquidity .assets-watermark { display: none; }
}
@media (max-width: 768px) {
 .finprime-liquidity .section-intro { margin-top: 16px; font-size: 14px; }
 .finprime-liquidity .assets { grid-template-columns: 1fr; margin-top: 32px; }
 .finprime-liquidity .asset-card { padding: 20px; gap: 16px; }
 .finprime-liquidity .asset-head { gap: 12px; }
 .finprime-liquidity .asset-head h3 { min-width: 0; font-size: 24px; }
 .finprime-liquidity .asset-icon, .finprime-liquidity .asset-icon img { width: 48px; height: 48px; }
 .finprime-liquidity .assets { counter-reset: asset; }
 .finprime-liquidity .asset-card { counter-increment: asset; }
 .finprime-liquidity .asset-head::after { content: counter(asset,decimal-leading-zero); content: counter(asset,decimal-leading-zero) / ''; flex: none; margin-left: auto; align-self: flex-start; padding-top: 4px; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: .02em; color: #d9b08c; transition: color .25s ease; }
}
@media (prefers-reduced-motion: reduce) {
 .finprime-liquidity .asset-card, .finprime-liquidity .asset-icon img { transition: none; }
}

/* ---------- Solutions ---------- */
.finprime-liquidity .row3 { position: relative; isolation: isolate; overflow: hidden; padding: 80px 0; background: #f6f6f4; }
.finprime-liquidity .row3 .section-pattern { width: 635px; left: 0; top: 220px; }
.finprime-liquidity .solutions-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 0; margin-top: 24px; }
.finprime-liquidity .solution { display: grid; grid-template-columns: minmax(0,1fr) 120px; align-content: start; column-gap: 16px; row-gap: 24px; min-width: 0; padding: 40px 24px 48px; border-bottom: 1px solid #b4825d; }
.finprime-liquidity .solution:nth-child(2n-1) { padding-left: 0; padding-right: 48px; }
.finprime-liquidity .solution:nth-child(2n) { position: relative; padding-left: 48px; padding-right: 0; }
/* 两列之间的竖线:每行一段,在与横线相交处断开 24px(上下各留 24px 间隔);横线和竖线颜色都是 #b4825d */
.finprime-liquidity .solution:nth-child(2n)::before { content: ''; position: absolute; left: 0; top: 24px; bottom: 24px; width: 1px; background: #b4825d; pointer-events: none; }
.finprime-liquidity .solution:nth-child(-n+2)::before { top: 0; }
.finprime-liquidity .solution:nth-last-child(-n+2)::before { bottom: 0; }

.finprime-liquidity .solution:nth-last-child(-n+2) { border-bottom: 0; }
.finprime-liquidity .solution h3 { grid-column: 1; grid-row: 1; align-self: center; font-size: 40px; line-height: 1.05; text-transform: none; }
.finprime-liquidity .solution-art { grid-column: 2; grid-row: 1; align-self: center; }
.finprime-liquidity .solution-art img { display: block; width: 120px; height: 120px; object-fit: contain; }
.finprime-liquidity .solution p { grid-column: 1 / -1; font-size: 20px; line-height: 1.6; color: #4A5875; }

/* ---------- How Our Liquidity Supports Your Operations ---------- */
.finprime-liquidity .row4 { padding: 80px 0; background: var(--fp-canvas); }
.finprime-liquidity .operations { display: grid; grid-template-columns: minmax(0,663px) minmax(0,1fr); grid-template-areas: "eyebrow eyebrow" "media text"; column-gap: 0; row-gap: 24px; align-items: center; }
.finprime-liquidity .operations > .eyebrow { grid-area: eyebrow; align-self: start; margin: 0; }
.finprime-liquidity .operations-text { grid-area: text; min-width: 0; }
.finprime-liquidity .operations h2 { max-width: 560px; margin: 0; }
.finprime-liquidity .operations-quote { max-width: 660px; margin-top: 32px; padding: 0; border: 0; font-size: 18px; line-height: 1.5; color: #4A5875; }
.finprime-liquidity .operations-media { grid-area: media; position: relative; isolation: isolate; justify-self: start; width: 309px; max-width: calc(100% - 91px); margin-left: 91px; }
.finprime-liquidity .operations-outline { position: absolute; z-index: -1; left: 3.6%; top: 4.1%; width: 103.4%; max-width: none; height: auto; pointer-events: none; } /* 描边图比主图大一点并向右下偏移(按设计稿) */
.finprime-liquidity .operations-image { display: block; width: 100%; height: auto; }

@media (max-width: 1280px) {
 
 .finprime-liquidity .solution h3 { font-size: 34px; }
 .finprime-liquidity .solution:nth-child(2n-1) { padding-right: 32px; }
 .finprime-liquidity .solution:nth-child(2n) { padding-left: 32px; }
 .finprime-liquidity .operations { grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 32px; }
 .finprime-liquidity .operations-media { margin-left: 32px; max-width: calc(100% - 64px); }
 .finprime-liquidity h2.intro-title { font-size: 36px; }
}
@media (max-width: 960px) {
   .finprime-liquidity .solution { padding-inline: 16px !important; }
   .finprime-liquidity .row-intro { padding: 72px 0; }
 .finprime-liquidity .solutions-grid { grid-template-columns: minmax(0,1fr); }
 .finprime-liquidity .solution:nth-child(2n)::before { display: none; }
 .finprime-liquidity .solution:nth-last-child(-n+2) { border-bottom: 1px solid #b4825d; }
 .finprime-liquidity .solution:last-child { border-bottom: 0; }
 .finprime-liquidity .operations { column-gap: 24px; }
 .finprime-liquidity .operations-media { margin-left: 0; max-width: calc(100% - 24px); }
 .finprime-liquidity .operations h2 { font-size: clamp(34px,4.6vw,44px); }
}
@media (max-width: 768px) {
   .finprime-liquidity .row-intro { padding: 48px 0; }
 .finprime-liquidity .intro-pattern { left: -30%; opacity: .7; }
 .finprime-liquidity h2.intro-title { font-size: 26px; line-height: 1.35; }
 .finprime-liquidity .intro-br { display: none; }
 .finprime-liquidity .intro-key { text-underline-offset: 5px; text-decoration-thickness: 1px; }
 .finprime-liquidity .intro-divider { margin: 24px auto 20px; width: 64px; }
 .finprime-liquidity .intro-description { font-size: 16px; }
   .finprime-liquidity .banner-image {
    object-position: 30% bottom;
}
 .finprime-liquidity h1 { font-size: 40px; }
 .finprime-liquidity .banner-content { padding-top: 120px; padding-bottom: 56px; }
 .finprime-liquidity .banner-content > p { margin-top: 8px; font-size: 14px; line-height: 1.4; }
 .finprime-liquidity .banner-content .finprime-button { margin-top: 32px; min-height: 44px; padding: 12px 16px; font-size: 18px; }
 .finprime-liquidity .banner-features ul { flex-direction: column; gap: 0; padding-block: 4px 16px; }
 .finprime-liquidity .banner-features li { flex: none; width: 100%; text-align: left; padding: 16px 0 16px 16px; font-size: 14px; font-weight: 500; line-height: 1.1; }
 .finprime-liquidity .banner-features li span { display: inline; }
 .finprime-liquidity .banner-features li + li { border-top: 1px solid #ffffff33; }
 /* Both selectors are needed: `li + li::before` outranks `li::before`, so the desktop offset would stay. */
 .finprime-liquidity .banner-features li::before, .finprime-liquidity .banner-features li + li::before { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--fp-gold); left: 0; top: calc(50% - 2px); transform: none; }
 .finprime-liquidity :is(.banner-mark,.banner-outline) { display: none; }
 .finprime-liquidity .row2, .finprime-liquidity .row3, .finprime-liquidity .row4 { padding: 32px 0; }
 .finprime-liquidity h2 { font-size: 32px; }
 .finprime-liquidity .row3 .section-pattern { width: 360px; top: 100px; left: -100px; }
 .finprime-liquidity .solutions-grid { margin-top: 8px; }
 .finprime-liquidity .solution { grid-template-columns: minmax(0,1fr) 72px; column-gap: 12px; row-gap: 16px; padding: 24px 0; }
 .finprime-liquidity .solution h3 { font-size: 24px; }
 .finprime-liquidity .solution-art img { width: 72px; height: 72px; }
 .finprime-liquidity .solution p { font-size: 14px; line-height: 1.5; }
 .finprime-liquidity .operations { grid-template-columns: minmax(0,1fr); grid-template-areas: "eyebrow" "text" "media"; row-gap: 24px; }
 .finprime-liquidity .operations > .eyebrow { margin-bottom: -8px; }
 .finprime-liquidity .operations h2 { font-size: 32px; }
 .finprime-liquidity .operations-quote { margin-top: 16px; font-size: 14px; line-height: 1.5; }
 .finprime-liquidity .operations-media { width: 250px; max-width: calc(100% - 20px); margin-left: 0; }
}
.finprime-liquidity :is(h1,h2,h3) { text-transform: capitalize; }
/* Banner = one full screen; subtract the WP admin bar for logged-in users */
/* .finprime-site.admin-bar .finprime-liquidity .banner { min-height: calc(100vh - 32px); min-height: calc(100svh - 32px); }
@media (max-width: 782px) { .finprime-site.admin-bar .finprime-liquidity .banner { min-height: calc(100vh - 46px); min-height: calc(100svh - 46px); } } */

/* 资产卡片整卡可点击:链接伸展到整张卡片 */
.finprime-liquidity .asset-card { position: relative; }
.finprime-liquidity .asset-link { color: inherit; text-decoration: none; }
.finprime-liquidity .asset-link::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.finprime-liquidity .asset-card:focus-within { outline: 2px solid #fff; outline-offset: 2px; }
.finprime-liquidity .asset-link:focus-visible { outline: none; }

/* 锚点滚动到达后,目标区域获得焦点时不显示外框 */
.finprime-liquidity #finprime-solutions:focus { outline: none; }

/* ---------- Weekend Gold & Oil Trading(按设计稿) ----------
   左栏:金线 eyebrow / 标题 / 两行 quote(第二句金色) / 周一到周日色条;右栏:三段正文 + 斜体说明,无外框。
   ≤960px 上下堆叠;≤768px 缩小字号。 */
.finprime-liquidity .weekend { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.045fr); column-gap: 96px; align-items: start; margin-top: 90px; }
.finprime-liquidity .weekend-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0; font-size: 14px; font-weight: 400; letter-spacing: .02em; line-height: 1.2; text-transform: uppercase; color: #c9956a; }
.finprime-liquidity .weekend-eyebrow::before { content: ''; flex: none; width: 28px; height: 1px; background: currentColor; }
.finprime-liquidity .weekend-heading h3 { margin: 24px 0 0; font-size: 40px; font-weight: 400; line-height: 1.2; text-transform: none; color: #fff; }
.finprime-liquidity .weekend-quote { max-width: 440px; margin: 24px 0 0; font-size: 18px; font-weight: 700; line-height: 1.5; color: #fff; }
.finprime-liquidity .weekend-quote span { display: block; }
.finprime-liquidity .weekend-quote .quote-accent { color: #c9956a; }
.finprime-liquidity .weekend-week { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; max-width: 560px; margin: 44px 0 0; padding: 0; list-style: none; }
.finprime-liquidity .weekend-week li { font-size: 14px; line-height: 1.2; text-transform: uppercase; color: #9aa6bb; }
.finprime-liquidity .weekend-week li::before { content: ''; display: block; height: 4px; margin-bottom: 16px; background: #56657f; }
.finprime-liquidity .weekend-week li.is-weekend { color: #c9956a; }
.finprime-liquidity .weekend-week li.is-weekend::before { background: #c9956a; }
.finprime-liquidity .weekend-panel { display: flex; flex-direction: column; gap: 22px; padding: 0; background: none; border: 0; font-size: 18px; line-height: 1.67; color: #F6F2EAE6; }
.finprime-liquidity .weekend-panel p { margin: 0; }
.finprime-liquidity .weekend-panel .weekend-note { margin-top: -12px; font-size: 14px; font-style: italic; line-height: 1.5; color: #F6F2EA99; }

@media (max-width: 1280px) {
 .finprime-liquidity .weekend { column-gap: 56px; }
 .finprime-liquidity .weekend-heading h3 { font-size: 34px; }
}
@media (max-width: 960px) {
 .finprime-liquidity .weekend { grid-template-columns: 1fr; row-gap: 40px; margin-top: 48px; }
 .finprime-liquidity .weekend-quote { max-width: none; }
 .finprime-liquidity .weekend-panel { max-width: 720px; }
}
@media (max-width: 768px) {
 .finprime-liquidity .weekend { row-gap: 28px; margin-top: 40px; }
 .finprime-liquidity .weekend-eyebrow { gap: 10px; font-size: 12px; }
 .finprime-liquidity .weekend-eyebrow::before { width: 20px; }
 .finprime-liquidity .weekend-heading h3 { margin-top: 16px; font-size: 26px; }
 .finprime-liquidity .weekend-quote { margin-top: 16px; font-size: 16px; }
 .finprime-liquidity .weekend-week { margin-top: 28px; }
 .finprime-liquidity .weekend-week li { font-size: 11px; }
 .finprime-liquidity .weekend-week li::before { margin-bottom: 10px; }
 .finprime-liquidity .weekend-panel { gap: 16px; font-size: 15px; line-height: 1.6; }
 .finprime-liquidity .weekend-panel .weekend-note { margin-top: -4px; font-size: 12px; }
}


.banner {
  --hero-fade-rgb: 12, 38, 76;
  --hero-fade-strength: 0.67;  /* fade darkness, 0 to 1 */
}
.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(var(--hero-fade-rgb), 0)                                     calc(50% - 1080px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .18)) calc(50% - 950px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .50)) calc(50% - 792px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .85)) calc(50% - 612px),
    rgba(var(--hero-fade-rgb), var(--hero-fade-strength))             calc(50% - 360px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .85)) calc(50% - 108px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .50)) calc(50% + 72px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .18)) calc(50% + 230px),
    rgba(var(--hero-fade-rgb), 0)                                     calc(50% + 360px));
}
.banner .banner-image { filter: brightness(1.10) saturate(1.12) contrast(1.05); }
.banner::after { opacity: 0.45; }   /* existing navy tint, lightened */
.banner .banner-outline { z-index: 2; }
@media (max-width: 1240px) {
  .banner::before {
    background: linear-gradient(90deg,
      rgba(var(--hero-fade-rgb), var(--hero-fade-strength)) 0%,
      rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .6)) 55%,
      rgba(var(--hero-fade-rgb), 0) 100%);
  }
}