:root { --v750-paper: #f7f8f6; --v750-paper-deep: #edf1f1; --v750-white: #ffffff; --v750-ink: #092335; --v750-navy: #0c3047; --v750-copy: #49616d; --v750-muted: #73858d; --v750-line: rgba(12, 48, 71, 0.16); --v750-line-strong: rgba(12, 48, 71, 0.28); --v750-blue: #0b68b2; --v750-blue-dark: #084c84; --v750-green: #098263; --v750-green-soft: #dff2eb; --v750-cyan: #39a7c9; --v750-warm: #8b672e; --v750-max: 1320px; --v750-reading: 760px; --v750-ease: cubic-bezier(0.22, 1, 0.36, 1); } html { scroll-behavior: smooth; } body.v750-site { color: var(--v750-ink); background: var(--v750-paper); font-family: Inter, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body.v750-site :where(a, button, select):focus-visible { outline: 3px solid rgba(11, 104, 178, 0.34); outline-offset: 4px; } body.v750-site a { text-underline-offset: 0.2em; } body.v750-site .v750-main { position: relative; overflow: clip; color: var(--v750-ink); background: var(--v750-paper); } .v750-kicker { margin: 0 0 1rem; color: var(--v750-green); font-size: 0.72rem; font-weight: 780; letter-spacing: 0.18em; line-height: 1.4; text-transform: uppercase; } .v750-anchor-alias { position: relative; top: -6rem; display: block; width: 1px; height: 1px; overflow: hidden; visibility: hidden; } .v750-primary-link, .v750-inline-link, .v750-return-link { display: inline-flex; gap: 0.7rem; align-items: center; justify-content: space-between; color: var(--v750-blue-dark); font-size: 0.88rem; font-weight: 760; line-height: 1.3; text-decoration: none; } .v750-return-link { min-height: 44px; padding-block: 0.55rem; } .v750-primary-link { min-height: 48px; padding: 0.85rem 0; border-bottom: 1px solid currentColor; } .v750-primary-link > span:last-child, .v750-inline-link > span:last-child, .v750-return-link > span:last-child { transition: transform 260ms var(--v750-ease); } .v750-primary-link:hover > span:last-child, .v750-inline-link:hover > span:last-child, .v750-return-link:hover > span:last-child { transform: translateX(4px); } .v750-section-head { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(22rem, 0.72fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; margin-bottom: clamp(2.2rem, 4vw, 3.8rem); } .v750-section-head h2 { margin: 0; max-width: 13ch; color: var(--v750-ink); font-size: clamp(2.35rem, 4.7vw, 4.9rem); font-weight: 680; letter-spacing: -0.055em; line-height: 0.98; } .v750-section-head > p, .v750-section-head > a { justify-self: end; max-width: 56ch; margin: 0; color: var(--v750-copy); font-size: 0.96rem; line-height: 1.78; } /* Editorial lead */ .v750-hero { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(32rem, 1.08fr); min-height: min(780px, calc(100vh - 1rem)); padding-top: clamp(6rem, 9vw, 8.5rem); color: var(--v750-ink); background: radial-gradient(circle at 12% 18%, rgba(57, 167, 201, 0.13), transparent 28%), linear-gradient(135deg, #f9faf7 0%, #edf3f2 56%, #e8f1f1 100%); border-bottom: 1px solid var(--v750-line); } .v750-hero::before { position: absolute; inset: 0; pointer-events: none; content: ""; opacity: 0.42; background-image: linear-gradient(rgba(12, 48, 71, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(12, 48, 71, 0.035) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg, #000, transparent 72%); } .v750-hero__copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 7vw, 7rem) clamp(2rem, 6vw, 6.5rem) clamp(4rem, 7vw, 7rem) max(4vw, calc((100vw - var(--v750-max)) / 2)); } .v750-hero h1 { max-width: 7ch; margin: 0; color: var(--v750-ink); font-size: clamp(4rem, 7.4vw, 7.8rem); font-weight: 660; letter-spacing: -0.075em; line-height: 0.88; } .v750-hero__lead { max-width: 32ch; margin: clamp(2rem, 4vw, 3.5rem) 0 1.5rem; color: var(--v750-copy); font-size: clamp(1.05rem, 1.6vw, 1.35rem); line-height: 1.72; } .v750-hero .v750-primary-link { align-self: flex-start; margin-top: 1rem; } .v750-hero__visual { position: relative; z-index: 1; min-width: 0; margin: 0; overflow: hidden; background: #dfe7e8; } .v750-hero__visual::after { position: absolute; inset: 0; pointer-events: none; content: ""; background: linear-gradient(110deg, rgba(8, 35, 53, 0.06), transparent 40%, rgba(7, 61, 79, 0.08)); } .v750-hero__visual img { width: 100%; height: 100%; min-height: 620px; object-fit: cover; object-position: 55% 52%; } .v750-hero__visual figcaption { position: absolute; right: clamp(1rem, 3vw, 2.4rem); bottom: clamp(1rem, 3vw, 2.4rem); left: clamp(1rem, 3vw, 2.4rem); z-index: 2; display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding-top: 0.9rem; border-top: 1px solid rgba(255, 255, 255, 0.54); color: #fff; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-shadow: 0 2px 20px rgba(3, 19, 30, 0.72); } /* Featured story */ .v750-feature, .v750-taxonomy, .v750-selection, .v750-index, .v750-scope { width: min(var(--v750-max), calc(100% - clamp(2rem, 8vw, 8rem))); margin-inline: auto; padding-block: clamp(5rem, 9vw, 9rem); } .v750-feature { scroll-margin-top: 7rem; } .v750-feature__story { display: grid; grid-template-columns: minmax(0, 1.32fr) minmax(25rem, 0.68fr); min-height: 620px; background: var(--v750-white); border-top: 1px solid var(--v750-line-strong); border-bottom: 1px solid var(--v750-line-strong); } .v750-feature__media { display: block; min-height: 540px; overflow: hidden; background: var(--v750-paper-deep); } .v750-feature__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; transition: transform 900ms var(--v750-ease); } .v750-feature__story:hover .v750-feature__media img { transform: scale(1.018); } .v750-feature__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(2.2rem, 5vw, 5rem); } .v750-feature__copy h3 { margin: clamp(1.4rem, 3vw, 2.6rem) 0 1.5rem; color: var(--v750-ink); font-size: clamp(2.2rem, 3.8vw, 4.3rem); font-weight: 650; letter-spacing: -0.052em; line-height: 1.02; } .v750-feature__copy h3 a { color: inherit; text-decoration: none; } .v750-feature__copy > p { margin: 0; color: var(--v750-copy); font-size: 1rem; line-height: 1.78; } .v750-feature__actions { display: flex; gap: 1.2rem; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 2.5rem; } .v750-feature__actions > a { display: inline-flex; gap: 0.65rem; align-items: center; color: var(--v750-blue-dark); font-weight: 760; text-decoration: none; } .v750-source-state { color: var(--v750-muted); font-size: 0.72rem; } .v750-meta { display: flex; flex-wrap: wrap; gap: 0.45rem 0.9rem; align-items: center; margin: 0; color: var(--v750-muted); font-size: 0.68rem; font-weight: 740; letter-spacing: 0.075em; line-height: 1.5; text-transform: uppercase; } .v750-meta span:first-child { color: var(--v750-blue); } /* Editorial taxonomy */ .v750-taxonomy { border-top: 1px solid var(--v750-line); } .v750-taxonomy__list { border-top: 1px solid var(--v750-line-strong); } .v750-taxonomy__item { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; gap: clamp(1.2rem, 4vw, 4rem); align-items: center; min-height: 168px; padding: 1.6rem 0; border-bottom: 1px solid var(--v750-line); color: inherit; text-decoration: none; transition: color 260ms var(--v750-ease), padding 320ms var(--v750-ease); } .v750-taxonomy__item:hover { padding-inline: 0.8rem; color: var(--v750-blue-dark); } .v750-taxonomy__number { align-self: start; padding-top: 0.25rem; color: var(--v750-green); font-size: 0.76rem; font-weight: 780; letter-spacing: 0.16em; } .v750-taxonomy__item h3 { margin: 0 0 0.55rem; font-size: clamp(1.7rem, 3vw, 3.2rem); font-weight: 650; letter-spacing: -0.045em; line-height: 1.06; } .v750-taxonomy__item p { max-width: 70ch; margin: 0; color: var(--v750-copy); font-size: 0.92rem; line-height: 1.68; } .v750-taxonomy__arrow { font-size: 1.45rem; transition: transform 280ms var(--v750-ease); } .v750-taxonomy__item:hover .v750-taxonomy__arrow { transform: translate(4px, -4px); } /* Current selection */ .v750-selection { width: 100%; padding-inline: max(4vw, calc((100vw - var(--v750-max)) / 2)); color: #eef7f7; background: radial-gradient(circle at 82% 8%, rgba(36, 155, 178, 0.2), transparent 27%), linear-gradient(135deg, #08283a, #0a3d51 62%, #075848); } .v750-selection .v750-section-head h2, .v750-selection .v750-kicker { color: #fff; } .v750-selection .v750-section-head > p { color: rgba(235, 247, 249, 0.72); } .v750-selection__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .v750-selection-card { display: flex; min-width: 0; flex-direction: column; background: rgba(6, 35, 50, 0.94); } .v750-selection-card__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #102f3e; } .v750-selection-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 750ms var(--v750-ease), filter 500ms var(--v750-ease); } .v750-selection-card:hover img { filter: saturate(1.04) contrast(1.02); transform: scale(1.02); } .v750-selection-card > div { display: flex; flex: 1; flex-direction: column; padding: clamp(1.4rem, 3vw, 2.4rem); } .v750-selection-card .v750-meta { color: rgba(235, 247, 249, 0.56); } .v750-selection-card .v750-meta span:first-child { color: #79d5bc; } .v750-selection-card h3 { margin: 1.25rem 0 0.9rem; color: #fff; font-size: clamp(1.35rem, 2vw, 2.05rem); font-weight: 640; letter-spacing: -0.035em; line-height: 1.24; } .v750-selection-card h3 a { color: inherit; text-decoration: none; } .v750-selection-card > div > p { display: -webkit-box; max-width: 53ch; margin: 0 0 1.5rem; overflow: hidden; color: rgba(235, 247, 249, 0.66); font-size: 0.88rem; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .v750-selection-card .v750-inline-link { margin-top: auto; color: #8ed9ff; } .v750-selection__rows { margin-top: clamp(2.5rem, 5vw, 5rem); border-top: 1px solid rgba(255, 255, 255, 0.22); } .v750-selection-row { display: grid; grid-template-columns: minmax(15rem, 0.52fr) minmax(0, 1fr) auto; gap: 2rem; align-items: center; min-height: 132px; padding-block: 1.3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.16); } .v750-selection-row .v750-meta { color: rgba(235, 247, 249, 0.56); } .v750-selection-row .v750-meta span:first-child { color: #79d5bc; } .v750-selection-row h3 { margin: 0; color: #fff; font-size: clamp(1.15rem, 2.1vw, 2rem); font-weight: 620; letter-spacing: -0.028em; line-height: 1.35; } .v750-selection-row h3 a { color: inherit; text-decoration: none; } .v750-selection-row .v750-inline-link { color: #8ed9ff; } .v750-index-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: end; margin-top: clamp(3rem, 6vw, 6rem); padding: clamp(2rem, 4vw, 4rem) 0 0; border-top: 1px solid rgba(255, 255, 255, 0.3); } .v750-index-cta h3 { margin: 0 0 0.8rem; color: #fff; font-size: clamp(2rem, 3.8vw, 4rem); font-weight: 640; letter-spacing: -0.045em; line-height: 1.06; } .v750-index-cta p:not(.v750-kicker) { max-width: 68ch; margin: 0; color: rgba(235, 247, 249, 0.68); line-height: 1.72; } .v750-index-cta .v750-primary-link { color: #9bdcf6; } /* Source and scope */ .v750-scope { display: grid; grid-template-columns: minmax(18rem, 0.62fr) minmax(0, 1.38fr); gap: clamp(3rem, 8vw, 8rem); border-top: 1px solid var(--v750-line); } .v750-scope__intro h2 { max-width: 8ch; margin: 0 0 1.8rem; font-size: clamp(2.4rem, 4.6vw, 4.7rem); font-weight: 650; letter-spacing: -0.055em; line-height: 1; } .v750-scope__intro > p:last-child { max-width: 48ch; margin: 0; color: var(--v750-copy); line-height: 1.76; } .v750-scope__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--v750-line-strong); } .v750-scope__grid > div { min-height: 210px; padding: 1.7rem 1.7rem 2.2rem 0; border-bottom: 1px solid var(--v750-line); } .v750-scope__grid > div:nth-child(odd) { padding-right: 2.6rem; border-right: 1px solid var(--v750-line); } .v750-scope__grid > div:nth-child(even) { padding-left: 2.6rem; } .v750-scope__grid span { display: block; margin-bottom: 1.7rem; color: var(--v750-green); font-size: 0.72rem; font-weight: 760; letter-spacing: 0.15em; } .v750-scope__grid h3 { margin: 0 0 0.75rem; font-size: 1.12rem; font-weight: 690; } .v750-scope__grid p { margin: 0; color: var(--v750-copy); font-size: 0.87rem; line-height: 1.72; } /* Publication index */ .v750-index-hero, .v750-document-hero { padding: clamp(8rem, 12vw, 12rem) max(4vw, calc((100vw - var(--v750-max)) / 2)) clamp(4rem, 7vw, 7rem); background: radial-gradient(circle at 86% 18%, rgba(9, 130, 99, 0.12), transparent 25%), linear-gradient(135deg, #f9faf7, #eaf1f1); border-bottom: 1px solid var(--v750-line); } .v750-index-hero h1, .v750-document-hero h1 { margin: 0; color: var(--v750-ink); font-size: clamp(3.8rem, 7.5vw, 8rem); font-weight: 650; letter-spacing: -0.07em; line-height: 0.9; } .v750-index-hero > p:last-child, .v750-document-hero > p:last-child { max-width: 60ch; margin: 2.2rem 0 0; color: var(--v750-copy); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.75; } .v750-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.55rem; align-items: center; margin-bottom: 2rem; color: var(--v750-copy); font-size: 0.78rem; font-weight: 670; } .v750-breadcrumb a { color: var(--v750-blue-dark); text-decoration: none; } .v750-breadcrumb > * + *::before { margin-right: 0.55rem; color: var(--v750-muted); content: "/"; } .v750-index { scroll-margin-top: 7rem; } .v750-index-controls { display: flex; gap: 2rem; align-items: flex-end; justify-content: space-between; margin-bottom: 1.3rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--v750-line-strong); } .v750-filter-group { display: flex; flex-wrap: wrap; gap: 0.35rem; } .v750-index-controls button { min-height: 44px; padding: 0.65rem 0.8rem; border: 0; border-bottom: 2px solid transparent; color: var(--v750-copy); background: transparent; font: inherit; font-size: 0.82rem; font-weight: 720; cursor: pointer; } .v750-index-controls button:hover, .v750-index-controls button.is-active { color: var(--v750-blue-dark); border-bottom-color: var(--v750-blue); } .v750-index-controls label { display: flex; gap: 0.65rem; align-items: center; color: var(--v750-copy); font-size: 0.8rem; font-weight: 700; } .v750-index-controls select { min-width: 8rem; min-height: 44px; padding: 0.55rem 2.2rem 0.55rem 0.8rem; border: 1px solid var(--v750-line-strong); border-radius: 0; color: var(--v750-ink); background: var(--v750-white); font: inherit; } .v750-index-status { margin: 0 0 0.6rem; color: var(--v750-muted); font-size: 0.74rem; } .v750-index-list { border-top: 1px solid var(--v750-line-strong); } .v750-index-item { display: grid; grid-template-columns: minmax(13rem, 0.48fr) minmax(0, 1.52fr) auto; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; min-height: 178px; padding: 1.6rem 0; border-bottom: 1px solid var(--v750-line); } .v750-index-item[hidden] { display: none; } .v750-index-item__meta { display: flex; flex-direction: column; gap: 0.45rem; color: var(--v750-muted); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.055em; line-height: 1.4; text-transform: uppercase; } .v750-index-item__meta span:first-child { color: var(--v750-blue-dark); } .v750-index-item__copy h2 { margin: 0 0 0.65rem; color: var(--v750-ink); font-size: clamp(1.25rem, 2.25vw, 2.15rem); font-weight: 630; letter-spacing: -0.032em; line-height: 1.25; } .v750-index-item__copy h2 a { color: inherit; text-decoration: none; } .v750-index-item__copy p { display: -webkit-box; max-width: 80ch; margin: 0; overflow: hidden; color: var(--v750-copy); font-size: 0.88rem; line-height: 1.66; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .v750-index-item__open { display: inline-flex; gap: 0.65rem; align-items: center; min-height: 44px; color: var(--v750-blue-dark); font-size: 0.78rem; font-weight: 740; text-decoration: none; } .v750-index-empty, .v750-noscript, .v750-document-error { padding: 2rem; color: var(--v750-copy); background: var(--v750-white); border: 1px solid var(--v750-line); line-height: 1.7; } .v750-load-more { display: flex; gap: 0.8rem; align-items: center; justify-content: center; width: 100%; min-height: 56px; margin-top: 1.6rem; border: 1px solid var(--v750-line-strong); color: var(--v750-blue-dark); background: transparent; font: inherit; font-weight: 740; cursor: pointer; } .v750-load-more[hidden] { display: none; } /* Article family */ body.v750-site[data-v750-page="article"] .v750-main, body.v750-site[data-v750-page="article"] main#main-content { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--v750-paper); } body.v750-site[data-v750-page="article"] .news-article.news-original-article { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.v750-site[data-v750-page="article"] .news-hero.v750-article-hero { display: block !important; grid-template-columns: none !important; width: 100% !important; max-width: none !important; min-height: 560px; margin: 0 !important; padding: clamp(8rem, 12vw, 12rem) max(4vw, calc((100vw - 1120px) / 2)) clamp(4rem, 7vw, 7rem); border-radius: 0 !important; box-shadow: none !important; background: linear-gradient(90deg, rgba(9, 130, 99, 0.1) 1px, transparent 1px), linear-gradient(rgba(11, 104, 178, 0.08) 1px, transparent 1px), radial-gradient(circle at 84% 12%, rgba(57, 167, 201, 0.18), transparent 31%), linear-gradient(135deg, #f9faf7, #e9f1f1); background-size: 72px 72px, 72px 72px, auto, auto; border-bottom: 1px solid var(--v750-line); } body.v750-site[data-v750-page="article"] .v750-article-hero__inner { position: relative; display: block !important; width: min(1040px, 100%) !important; max-width: 1040px !important; margin: 0 auto !important; padding: 0 !important; } .v750-article-hero__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin-bottom: clamp(1.5rem, 3vw, 2.6rem); color: var(--v750-muted); font-size: 0.7rem; font-weight: 740; letter-spacing: 0.075em; text-transform: uppercase; } .v750-article-hero__meta span:first-child { color: var(--v750-blue-dark); } body.v750-site[data-v750-page="article"] .v750-article-hero h1 { width: auto !important; max-width: 21ch; margin: 0 !important; padding: 0 !important; color: var(--v750-ink); font-size: clamp(2.8rem, 6.25vw, 6.2rem); font-weight: 650; letter-spacing: -0.062em; line-height: 1.01; overflow-wrap: anywhere; text-wrap: balance; } body.v750-site[data-v750-page="article"] .v750-article-hero .news-hero-deck { width: auto !important; max-width: 56ch; margin: clamp(1.7rem, 3vw, 2.8rem) 0 0; color: var(--v750-copy); font-size: clamp(1.02rem, 1.6vw, 1.25rem); line-height: 1.78; } body.v750-site[data-v750-page="article"] .v750-article-hero :is(.v750-breadcrumb, .v750-article-hero__meta, .v750-article-hero__source) { width: auto !important; max-width: none !important; margin-inline: 0 !important; } .v750-article-hero__source { display: flex; gap: 0.8rem; align-items: center; margin-top: 2rem; color: var(--v750-muted); font-size: 0.72rem; } .v750-article-hero__source strong { color: var(--v750-green); } .v750-article-document { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; width: min(1040px, calc(100% - 2rem)); margin: clamp(2rem, 4vw, 4rem) auto 0; padding: clamp(1.5rem, 3vw, 2.4rem) 0; border-top: 1px solid var(--v750-line-strong); border-bottom: 1px solid var(--v750-line); } .v750-article-document strong { display: block; margin-bottom: 0.45rem; font-size: 1.1rem; } .v750-article-document p { margin: 0; color: var(--v750-copy); font-size: 0.86rem; line-height: 1.65; } .v750-article-document__actions { display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; justify-content: flex-end; } .v750-article-document__actions a { display: inline-flex; gap: 0.6rem; align-items: center; min-height: 46px; padding: 0.75rem 0; border-bottom: 1px solid currentColor; color: var(--v750-blue-dark); font-weight: 750; text-decoration: none; } body.v750-site .news-body[data-v750-original-cn], .v750-article-en { width: 100%; margin: 0; padding: clamp(3.5rem, 7vw, 7rem) 1rem; background: var(--v750-paper); } body.v750-site .news-body[data-v750-original-cn][hidden], .v750-article-en[hidden] { display: none; } body.v750-site .news-body[data-v750-original-cn] .news-content, .v750-article-en__content { width: min(var(--v750-reading), 100%); margin-inline: auto; padding: 0; color: #213b49; font-size: clamp(1rem, 1.15vw, 1.08rem); line-height: 1.9; } body.v750-site .news-body[data-v750-original-cn] .news-content > p, .v750-article-en__content > p { margin: 0 0 1.45em; color: #294552; letter-spacing: 0.005em; overflow-wrap: anywhere; } body.v750-site .news-body[data-v750-original-cn] .news-content > h2, .v750-article-en__content > h2 { margin: 2.8em 0 0.8em; color: var(--v750-ink); font-size: clamp(1.65rem, 2.8vw, 2.45rem); font-weight: 650; letter-spacing: -0.035em; line-height: 1.25; } body.v750-site .news-body[data-v750-original-cn] .news-content > h3, .v750-article-en__content > h3 { margin: 2.2em 0 0.7em; color: var(--v750-navy); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.35; } body.v750-site .news-body[data-v750-original-cn] :where(ul, ol), .v750-article-en__content :where(ul, ol) { margin: 1.4rem 0; padding-left: 1.3rem; } body.v750-site .news-body[data-v750-original-cn] li, .v750-article-en__content li { margin-bottom: 0.55rem; } body.v750-site .news-body[data-v750-original-cn] figure, .v750-article-en__content figure { width: min(980px, calc(100vw - 2rem)); margin: clamp(2.2rem, 5vw, 4.6rem) 50%; transform: translateX(-50%); } body.v750-site .news-body[data-v750-original-cn] figure img, .v750-article-en__content figure img { display: block; width: 100%; height: auto; max-height: 78vh; object-fit: contain; background: #e8eded; } body.v750-site .news-body[data-v750-original-cn] figcaption, .v750-article-en__content figcaption { margin-top: 0.7rem; color: var(--v750-muted); font-size: 0.75rem; line-height: 1.55; } body.v750-site .news-body[data-v750-original-cn] :where(blockquote, aside), .v750-article-en__content :where(blockquote, aside) { margin: 2rem 0; padding: 1.3rem 1.5rem; border-left: 3px solid var(--v750-green); color: var(--v750-copy); background: rgba(9, 130, 99, 0.06); } body.v750-site .news-body[data-v750-original-cn] table, .v750-article-en__content table { display: block; width: 100%; max-width: 100%; margin-block: 2rem; overflow-x: auto; border-collapse: collapse; } body.v750-site .news-body[data-v750-original-cn] :where(th, td), .v750-article-en__content :where(th, td) { min-width: 9rem; padding: 0.8rem; border: 1px solid var(--v750-line); text-align: left; vertical-align: top; } body.v750-site .news-body[data-v750-original-cn] a, .v750-article-en__content a, .v750-evidence a { overflow-wrap: anywhere; } .v750-translation-status, .v750-translation-boundary { width: min(var(--v750-reading), calc(100% - 2rem)); margin: 0 auto 2.8rem; padding: 1.2rem 1.4rem; color: var(--v750-copy); background: #eef4f3; border-left: 3px solid var(--v750-green); } .v750-translation-status strong, .v750-translation-boundary strong { display: block; margin-bottom: 0.45rem; color: var(--v750-ink); } .v750-translation-status p, .v750-translation-boundary p { margin: 0; font-size: 0.83rem; line-height: 1.65; } .v750-related { width: min(1040px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(3.5rem, 7vw, 7rem) 0; border-top: 1px solid var(--v750-line-strong); } .v750-related .news-continue-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.7fr); gap: 2rem 4rem; align-items: end; margin-bottom: 2rem; } .v750-related .news-continue-head .v750-kicker, .v750-related .news-continue-head h2 { grid-column: 1; } .v750-related .news-continue-head h2 { margin: -0.4rem 0 0; font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 650; letter-spacing: -0.05em; } .v750-related .news-continue-head > p:not(.v750-kicker) { grid-column: 2; grid-row: 1 / span 2; margin: 0; color: var(--v750-copy); line-height: 1.7; } .v750-related .v750-return-link { grid-column: 2; justify-self: start; } .v750-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--v750-line); border-top: 1px solid var(--v750-line); border-bottom: 1px solid var(--v750-line); } .v750-related__item { position: relative; display: flex; min-height: 220px; flex-direction: column; padding: 1.5rem; color: var(--v750-ink); background: var(--v750-paper); text-decoration: none; } .v750-related__item strong { margin-top: 1.3rem; font-size: 1.05rem; line-height: 1.45; } .v750-related__arrow { margin-top: auto; align-self: flex-end; color: var(--v750-blue-dark); font-size: 1.2rem; } .v750-evidence { display: grid; grid-template-columns: minmax(18rem, 0.6fr) minmax(0, 1.4fr); gap: clamp(2.5rem, 7vw, 7rem); width: min(1120px, calc(100% - 2rem)); margin: 0 auto clamp(4rem, 8vw, 8rem); padding: clamp(2rem, 5vw, 4.5rem); color: #eaf5f5; background: linear-gradient(135deg, #0b2e42, #0b4550 72%, #08604d); } .v750-evidence .v750-kicker { color: #86dac1; } .v750-evidence__head h2 { margin: 0 0 1.2rem; color: #fff; font-size: clamp(2.1rem, 4vw, 3.8rem); font-weight: 640; letter-spacing: -0.05em; line-height: 1.05; } .v750-evidence__head > p:last-child, .v750-evidence__body { color: rgba(235, 247, 249, 0.72); font-size: 0.86rem; line-height: 1.72; } .v750-evidence__body dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 2rem; border-top: 1px solid rgba(255, 255, 255, 0.22); } .v750-evidence__body dl > div { padding: 1rem 1rem 1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .v750-evidence__body dt { margin-bottom: 0.45rem; color: rgba(235, 247, 249, 0.52); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; } .v750-evidence__body dd { margin: 0; color: #fff; } .v750-evidence__links { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-bottom: 2rem; } .v750-evidence__links a { display: inline-flex; gap: 0.5rem; align-items: center; min-height: 44px; padding: 0.7rem 0.85rem; border: 1px solid rgba(255, 255, 255, 0.28); color: #fff; text-decoration: none; } .v750-source-missing { color: #f0d9a3; } .v750-claim-flags strong { color: #fff; } .v750-claim-flags ul { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.9rem 0 1.2rem; padding: 0; list-style: none; } .v750-claim-flags li { padding: 0.4rem 0.58rem; border: 1px solid rgba(255, 255, 255, 0.22); color: #dff1f0; font-size: 0.7rem; } .v750-claim-flags p { margin: 0; } /* PDF reader */ .v750-document-hero h1 { max-width: 14ch; font-size: clamp(3rem, 6vw, 6.2rem); line-height: 0.98; } .v750-document-shell { padding: 1.2rem max(1rem, calc((100vw - 1480px) / 2)) 5rem; background: #e8eeee; } .v750-document-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; margin-bottom: 1rem; padding: 1.3rem 1.5rem; background: var(--v750-white); border: 1px solid var(--v750-line); } .v750-document-toolbar > div:first-child > span { color: var(--v750-green); font-size: 0.68rem; font-weight: 760; letter-spacing: 0.1em; text-transform: uppercase; } .v750-document-toolbar strong { display: block; margin-top: 0.35rem; } .v750-document-toolbar p { margin: 0.45rem 0 0; color: var(--v750-copy); font-size: 0.78rem; line-height: 1.6; } .v750-document-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; justify-content: flex-end; } .v750-document-actions a { display: inline-flex; gap: 0.4rem; align-items: center; min-height: 44px; padding: 0.65rem 0.85rem; border: 1px solid var(--v750-line-strong); color: var(--v750-blue-dark); font-size: 0.76rem; font-weight: 720; text-decoration: none; } .v750-document-frame { display: block; width: 100%; min-height: 78vh; background: var(--v750-white); border: 1px solid var(--v750-line); } /* News-specific compact footer */ .v750-footer { color: #dce9ea; background: #071e2c; } .v750-footer__top { display: grid; grid-template-columns: minmax(16rem, 0.62fr) minmax(0, 1.38fr); gap: clamp(3rem, 8vw, 8rem); width: min(var(--v750-max), calc(100% - clamp(2rem, 8vw, 8rem))); margin-inline: auto; padding-block: clamp(4rem, 7vw, 7rem); } .v750-footer__brand strong { display: block; color: #fff; font-size: 1.05rem; letter-spacing: 0.12em; } .v750-footer__brand p { max-width: 18ch; margin: 1.2rem 0; color: #fff; font-size: clamp(1.6rem, 2.5vw, 2.5rem); font-weight: 630; letter-spacing: -0.035em; line-height: 1.2; } .v750-footer__brand span { color: rgba(220, 233, 234, 0.55); font-size: 0.72rem; letter-spacing: 0.08em; } .v750-footer__nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 4rem); } .v750-footer__nav h2 { margin: 0 0 1.2rem; color: #7fd6be; font-size: 0.72rem; letter-spacing: 0.11em; text-transform: uppercase; } .v750-footer__nav a { display: block; margin-bottom: 0.75rem; color: rgba(232, 244, 245, 0.76); font-size: 0.82rem; line-height: 1.45; text-decoration: none; } .v750-footer__nav a:hover { color: #fff; } .v750-footer__bottom { display: flex; gap: 2rem; align-items: center; justify-content: space-between; width: min(var(--v750-max), calc(100% - clamp(2rem, 8vw, 8rem))); margin-inline: auto; padding-block: 1.4rem 2rem; border-top: 1px solid rgba(255, 255, 255, 0.14); color: rgba(220, 233, 234, 0.5); font-size: 0.68rem; } .v750-footer__bottom > div { display: flex; flex-wrap: wrap; gap: 0.65rem 1rem; justify-content: flex-end; } .v750-footer__bottom a { color: inherit; text-decoration: none; } /* Language-specific rhythm */ html[data-lang="en"] .v750-hero h1 { max-width: 8.6ch; font-size: clamp(3.6rem, 6.5vw, 6.8rem); letter-spacing: -0.065em; } html[data-lang="en"] .v750-article-hero h1 { max-width: 20ch; font-size: clamp(2.5rem, 5vw, 5rem); letter-spacing: -0.052em; line-height: 1.04; } html[data-lang="en"] .v750-feature__copy h3, html[data-lang="en"] .v750-section-head h2, html[data-lang="en"] .v750-taxonomy__item h3 { letter-spacing: -0.045em; } html[data-lang="en"] .v750-article-en__content { max-width: 760px; font-family: Inter, "SF Pro Text", Arial, sans-serif; line-height: 1.82; } /* Progressive enhancement: content remains visible when JS fails. */ html.v750-enhanced [data-v750-reveal] { opacity: 0; transform: translateY(20px); transition: opacity 760ms var(--v750-ease), transform 760ms var(--v750-ease); } html.v750-enhanced [data-v750-reveal].is-visible { opacity: 1; transform: none; } @media (max-width: 1120px) { .v750-hero { grid-template-columns: minmax(0, 0.88fr) minmax(27rem, 1.12fr); } .v750-feature__story { grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr); } .v750-selection-row, .v750-index-item { grid-template-columns: minmax(11rem, 0.42fr) minmax(0, 1.58fr) auto; gap: 1.5rem; } } @media (max-width: 920px) { .v750-section-head, .v750-scope, .v750-evidence, .v750-footer__top { grid-template-columns: 1fr; } .v750-section-head > p, .v750-section-head > a { justify-self: start; } .v750-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 5.6rem; } .v750-hero__copy { min-height: 560px; padding-inline: clamp(1.5rem, 7vw, 4rem); } .v750-hero__visual { aspect-ratio: 16 / 10; } .v750-hero__visual img { min-height: 0; } .v750-feature__story { grid-template-columns: 1fr; } .v750-feature__media { min-height: 0; aspect-ratio: 4 / 3; } .v750-feature__copy { min-height: 420px; } .v750-selection__cards { grid-template-columns: 1fr; } .v750-selection-card { display: grid; grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.12fr); } .v750-selection-row, .v750-index-item { grid-template-columns: 1fr auto; } .v750-selection-row .v750-meta, .v750-index-item__meta { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; } .v750-index-item__copy { grid-column: 1; } .v750-index-item__open { grid-column: 2; grid-row: 2; } .v750-related__grid { grid-template-columns: 1fr; } .v750-related__item { min-height: 170px; } .v750-evidence__body dl { grid-template-columns: 1fr; } .v750-footer__nav { gap: 2.5rem; } } @media (max-width: 720px) { .v750-feature, .v750-taxonomy, .v750-selection, .v750-index, .v750-scope { width: calc(100% - 2rem); padding-block: 4.5rem; } .v750-selection { width: 100%; padding-inline: 1rem; } .v750-section-head { gap: 1.4rem; } .v750-section-head h2 { max-width: none; font-size: clamp(2.25rem, 11vw, 3.7rem); } .v750-hero__copy { min-height: 520px; padding: 5rem 1.2rem 3.4rem; } .v750-hero h1 { max-width: 8ch; font-size: clamp(3.45rem, 17vw, 5.2rem); } html[data-lang="en"] .v750-hero h1 { max-width: 10ch; font-size: clamp(3rem, 14vw, 4.4rem); } .v750-hero__visual { aspect-ratio: 4 / 3; } .v750-hero__visual figcaption { align-items: flex-start; flex-direction: column; gap: 0.35rem; } .v750-feature__copy { min-height: 0; padding: 1.5rem 0.2rem 2rem; background: var(--v750-paper); } .v750-feature__story { background: transparent; border-bottom-color: var(--v750-line); } .v750-feature__copy h3 { font-size: clamp(2rem, 10vw, 3rem); } .v750-feature__actions, .v750-index-cta, .v750-document-toolbar { align-items: flex-start; grid-template-columns: 1fr; } .v750-feature__actions { flex-direction: column; } .v750-taxonomy__item { grid-template-columns: 2.3rem minmax(0, 1fr) auto; gap: 0.8rem; min-height: 132px; } .v750-taxonomy__item h3 { font-size: 1.55rem; } .v750-taxonomy__item p { font-size: 0.82rem; } .v750-selection-card { display: flex; } .v750-selection-row { grid-template-columns: 1fr; gap: 0.8rem; min-height: 0; padding: 1.5rem 0; } .v750-selection-row .v750-meta, .v750-selection-row h3, .v750-selection-row .v750-inline-link { grid-column: 1; } .v750-scope__grid { grid-template-columns: 1fr; } .v750-scope__grid > div, .v750-scope__grid > div:nth-child(odd), .v750-scope__grid > div:nth-child(even) { min-height: 0; padding: 1.5rem 0 2rem; border-right: 0; } .v750-index-hero, .v750-document-hero, .v750-article-hero { min-height: 0; padding: 7.5rem 1rem 4rem; } .v750-index-hero h1, .v750-document-hero h1 { font-size: clamp(3rem, 15vw, 5rem); } .v750-index-controls { align-items: stretch; flex-direction: column; gap: 1rem; } .v750-filter-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .v750-index-controls button { text-align: left; } .v750-index-controls label { justify-content: space-between; } .v750-index-controls select { flex: 1; } .v750-index-item { grid-template-columns: 1fr; gap: 0.8rem; min-height: 0; padding: 1.6rem 0; } .v750-index-item__meta, .v750-index-item__copy, .v750-index-item__open { grid-column: 1; grid-row: auto; } .v750-index-item__copy h2 { font-size: 1.35rem; } .v750-article-hero h1, html[data-lang="en"] .v750-article-hero h1 { max-width: none; font-size: clamp(2.35rem, 11.8vw, 4rem); line-height: 1.08; } .v750-article-document { grid-template-columns: 1fr; gap: 1rem; } body.v750-site .news-body[data-v750-original-cn], .v750-article-en { padding: 3.5rem 1rem; } body.v750-site .news-body[data-v750-original-cn] figure, .v750-article-en__content figure { width: 100%; margin: 2.2rem 0; transform: none; } .v750-related .news-continue-head { grid-template-columns: 1fr; gap: 0.8rem; } .v750-related .news-continue-head .v750-kicker, .v750-related .news-continue-head h2, .v750-related .news-continue-head > p:not(.v750-kicker), .v750-related .v750-return-link { grid-column: 1; grid-row: auto; } .v750-evidence { width: calc(100% - 2rem); padding: 1.5rem; } .v750-document-shell { padding-inline: 0.5rem; } .v750-document-actions { justify-content: flex-start; } .v750-document-actions a { flex: 1 1 9rem; justify-content: center; } .v750-document-frame { min-height: 68vh; } .v750-footer__top, .v750-footer__bottom { width: calc(100% - 2rem); } .v750-footer__nav { grid-template-columns: 1fr 1fr; } .v750-footer__nav > div:first-child { grid-column: 1 / -1; } .v750-footer__bottom { align-items: flex-start; flex-direction: column; } .v750-footer__bottom > div { justify-content: flex-start; } } @media (max-width: 390px) { .v750-hero h1 { font-size: clamp(3.2rem, 16.4vw, 4.2rem); } html[data-lang="en"] .v750-hero h1 { font-size: clamp(2.75rem, 13vw, 3.6rem); } .v750-article-hero h1, html[data-lang="en"] .v750-article-hero h1 { font-size: clamp(2.18rem, 10.8vw, 3.2rem); } .v750-filter-group { grid-template-columns: 1fr; } .v750-footer__nav { grid-template-columns: 1fr; } .v750-footer__nav > div:first-child { grid-column: auto; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } html.v750-enhanced [data-v750-reveal], html.v750-enhanced [data-v750-reveal].is-visible { opacity: 1; transform: none; transition: none; } .v750-feature__media img, .v750-selection-card__media img, .v750-primary-link > span:last-child, .v750-inline-link > span:last-child, .v750-return-link > span:last-child, .v750-taxonomy__item, .v750-taxonomy__arrow { transition: none; } } /* Language-specific line breaking: preserve Chinese punctuation rhythm and avoid browser-generated hyphenation in English editorial copy. */ html[lang="en"] body.v750-site .v750-main :is(h1, h2, h3, h4, p, strong, a), html[lang="en"] body.v750-site .news-article :is(h1, h2, h3, h4, p, strong, a), html[lang="en"] body.v750-site .v750-footer :is(h2, p, a, span) { hyphens: none; word-break: normal; overflow-wrap: break-word; } html[lang="zh-CN"] body.v750-site .v750-main :is(h1, h2, h3, h4, p), html[lang="zh-CN"] body.v750-site .news-article :is(h1, h2, h3, h4, p) { line-break: strict; word-break: normal; }