@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-jtsdjy {align-self: flex-end}#brxe-gddjqq {margin-top: var(--space-xl)}.pi-china { --pich-navy: #002147; --pich-yellow: #fec10d; --pich-ink: #15314d; --pich-muted: #4d6277; --pich-line: #dbe5ef; --pich-canvas: #f3f7fb; --pich-radius: 20px; --pich-gap: clamp(14px, 2.2vw, 26px); --pich-pad: clamp(19px, 3.1vw, 38px); --pich-shell: min(1220px, calc(100% - 64px)); box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 0; width: 100%; max-width: none; color: var(--pich-ink); font-size: 17px; line-height: 1.62; text-align: left;} .pi-china *, .pi-china *::before, .pi-china *::after { box-sizing: inherit; } .pi-china > .pich-shell { display: block; width: var(--pich-shell); max-width: none; margin: 0 auto; padding: 0; } .pi-china :is(.brxe-block, .brxe-text, .brxe-text-basic) { min-width: 0; } .pi-china .pich-stack { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; } .pi-china .pich-grid { display: grid; align-items: stretch; gap: var(--pich-gap); width: 100%; } .pi-china .pich-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pi-china .pich-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pi-china .pich-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pi-china .pich-card { width: 100%; padding: var(--pich-pad); background: #fff; border: 1px solid var(--pich-line); border-radius: var(--pich-radius); } .pi-china :is(h1, h2, h3) { width: 100%; margin: 0; color: var(--pich-navy); font-weight: 760; letter-spacing: -.022em; line-height: 1.2; overflow-wrap: anywhere; } .pi-china h1 { max-width: 19ch; color: #fff; font-size: clamp(38px, 5.05vw, 70px); letter-spacing: -.045em; line-height: 1.06; } .pi-china h2 { font-size: clamp(24px, 3.1vw, 39px); } .pi-china h3 { font-size: clamp(19px, 1.7vw, 23px); } .pi-china p { margin: 0; } .pi-china .brxe-text :is(p, ul, ol) + :is(p, ul, ol) { margin-top: .85em; } .pi-china .brxe-text :is(ul, ol) { margin: 0; padding-inline-start: 1.4em; } .pi-china .brxe-text li + li { margin-top: .4em; } .pi-china a { color: #164e7b; text-underline-offset: .2em; overflow-wrap: anywhere; } .pi-china :is(a, summary, [tabindex]):focus-visible { outline: 3px solid #246ca5; outline-offset: 3px; } .pi-china .pich-kicker { margin: 0; color: #315a7e; font-size: 12px; font-weight: 800; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; } .pi-china .pich-actions { display: flex; flex-flow: row wrap; align-items: center; gap: 10px 12px; width: 100%; } .pi-china .pich-btn.brxe-button { display: inline-flex; justify-content: center; align-items: center; width: fit-content; min-height: 46px; padding: 11px 18px; color: var(--pich-navy); background: var(--pich-yellow); border: 1px solid var(--pich-yellow); border-radius: 10px; font-size: 15px; font-weight: 760; line-height: 1.3; text-align: center; text-decoration: none; } .pi-china .pich-btn.brxe-button:hover { color: var(--pich-navy); background: #ffd448; border-color: #ffd448; } .pi-china .pich-btn-ghost.brxe-button { color: #fff; background: transparent; border-color: #7493b0; } .pi-china .pich-btn-ghost.brxe-button:hover { color: #fff; background: #214665; border-color: #b7d0e6; } .pi-china.pich-hero { padding: clamp(36px, 6vw, 84px) 0; color: #d9e8f5; background: radial-gradient(ellipse at 92% 10%, #194b73 0%, transparent 65%), var(--pich-navy); } .pi-china .pich-hero-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 5vw, 70px); } .pi-china .pich-hero-copy { gap: 16px; } .pi-china .pich-hero-copy .pich-kicker, .pi-china .pich-end .pich-kicker { color: var(--pich-yellow); } .pi-china .pich-hero-copy .brxe-text { max-width: 61ch; } .pi-china .pich-hero-lead { color: #e6f1fa; font-size: clamp(17px, 1.9vw, 22px); line-height: 1.55; } .pi-china .pich-date { color: #bed1e4; font-size: 13px; } .pi-china .pich-route { gap: 16px; padding: var(--pich-pad); color: #dbeafa; background: #103557; border: 1px solid #547391; border-radius: var(--pich-radius); } .pi-china .pich-route .pich-kicker { color: #c3d8ec; } .pi-china .pich-route-track { position: relative; gap: 8px; } .pi-china .pich-route-track::before { position: absolute; left: 6px; top: 15px; bottom: 19px; border-inline-start: 1px dashed #9ab6d0; content: ""; } .pi-china .pich-route-track > p { position: relative; padding-left: 27px; } .pi-china .pich-route-track > p::before { position: absolute; top: .45em; left: 1px; width: 12px; height: 12px; background: #103557; border: 2px solid #a9bfd5; border-radius: 50%; content: ""; } .pi-china .pich-route-track .pich-dest { color: #fff; font-size: clamp(22px, 3vw, 32px); font-weight: 780; line-height: 1.2; } .pi-china .pich-route-track .pich-dest::before { background: var(--pich-yellow); border-color: var(--pich-yellow); } .pi-china .pich-route-metrics { gap: 8px; } .pi-china .pich-route-metric { gap: 4px; padding: 10px 12px; background: #0b2a48; border: 1px solid #446785; border-radius: 12px; } .pi-china .pich-route-metric p:first-child { color: #bfd3e6; font-size: 12px; } .pi-china .pich-route-metric p + p { color: #fff; font-size: 17px; font-weight: 760; } .pi-china .pich-route a { color: #fff; font-weight: 700; } .pi-china .pich-route a:hover { color: var(--pich-yellow); } .pi-china.pich-main { padding: clamp(22px, 4vw, 48px) 0 clamp(38px, 6vw, 80px); background: var(--pich-canvas); } .pi-china .pich-flow { gap: var(--pich-gap); } .pi-china .pich-toc-card { gap: 13px; border-top: 4px solid var(--pich-yellow); } .pi-china .pich-toc { display: flex; flex-flow: row wrap; align-items: center; gap: 7px 9px; width: 100%; } .pi-china .pich-toc a { display: inline-flex; align-items: center; min-height: 37px; padding: 6px 11px; color: var(--pich-navy); background: #f1f6fb; border: 1px solid #dbe5ef; border-radius: 8px; font-size: 14px; font-weight: 680; line-height: 1.35; text-decoration: none; } .pi-china .pich-toc a:hover { background: #e2eef8; border-color: #a8c0d5; } .pi-china .pich-chapter { gap: 15px; } .pi-china .pich-chapter > h3 { margin-top: 6px; } .pi-china .pich-minicard { gap: 8px; padding: 17px; background: var(--pich-canvas); border: 1px solid var(--pich-line); border-top: 3px solid var(--pich-yellow); border-radius: 13px; } .pi-china .pich-minicard p, .pi-china .pich-minicard .brxe-text { color: var(--pich-muted); font-size: 15px; } .pi-china .pich-stat-value { color: var(--pich-navy) !important; font-size: clamp(19px, 2.35vw, 30px) !important; font-weight: 780; line-height: 1.16; overflow-wrap: anywhere; } .pi-china .pich-note { display: block; padding: 13px 16px; background: #fff8dc; border-left: 4px solid var(--pich-yellow); border-radius: 9px; } .pi-china .pich-sources { color: var(--pich-muted); font-size: 13px; } .pi-china .pich-table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid var(--pich-line); border-radius: 12px; } .pi-china .pich-table > .brxe-text { display: block; width: 100%; } .pi-china table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 15px; line-height: 1.48; } .pi-china table caption { padding: 10px 13px; color: var(--pich-navy); background: #eef4fa; text-align: left; font-weight: 750; } .pi-china :is(th, td) { padding: 10px 13px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--pich-line); } .pi-china thead th { color: #fff; background: var(--pich-navy); } .pi-china tbody tr:nth-child(even) { background: #f3f7fb; } .pi-china tbody tr:last-child :is(th, td) { border-bottom: 0; } .pi-china .amount { text-align: right; white-space: nowrap; } .pi-china .pich-compare table { min-width: 640px; } .pi-china .pich-faq { gap: 10px; align-items: start; } .pi-china .pich-details { display: block; width: 100%; border: 1px solid var(--pich-line); border-radius: 12px; background: #fff; } .pi-china .pich-summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 15px; border-radius: 11px; list-style: none; cursor: pointer; } .pi-china .pich-summary::-webkit-details-marker { display: none; } .pi-china .pich-summary::after { flex: 0 0 auto; color: var(--pich-navy); font-size: 20px; content: "+"; } .pi-china .pich-details[open] .pich-summary::after { content: "−"; } .pi-china .pich-summary h3 { font-size: 16px; letter-spacing: 0; } .pi-china .pich-details > .brxe-text { display: block; padding: 0 15px 15px; color: var(--pich-muted); font-size: 15px; } .pi-china .pich-end { gap: 12px; color: #dbeafa; background: var(--pich-navy); border-color: transparent; } .pi-china .pich-end h2 { color: #fff; } .pi-china [id^="pi-cn-"] { scroll-margin-top: 110px; }@media (max-width: 980px) { .pi-china .pich-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 767px) { .pi-china { --pich-shell: calc(100% - 36px); font-size: 16px; } .pi-china :is(.pich-hero-grid, .pich-cols-3, .pich-mobile-1) { grid-template-columns: minmax(0, 1fr); } .pi-china .pich-hero-copy { gap: 13px; }}@media (max-width: 400px) { .pi-china { --pich-shell: calc(100% - 28px); } .pi-china .pich-cols-4 { grid-template-columns: minmax(0, 1fr); } .pi-china h1 { font-size: 35px; }}