:root{
    --bg:#050609;
    --bg-soft:#090b10;
    --panel:#0b0e14;
    --white:#f5f3ed;
    --text:#d6d8dd;
    --muted:#9298a4;
    --gold:#c9a35e;
    --gold-bright:#e2c478;
    --line:rgba(255,255,255,.08);
    --gold-line:rgba(201,163,94,.28);
    --page:1180px;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    min-height:100vh;
    color:var(--white);
    background:
        radial-gradient(
            ellipse at 16% 12%,
            rgba(201,163,94,.08),
            transparent 34%
        ),
        radial-gradient(
            ellipse at 84% 24%,
            rgba(54,78,138,.12),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #090b10 0%,
            #050609 55%,
            #030406 100%
        );
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Helvetica,
        Arial,
        "PingFang SC",
        "Microsoft YaHei",
        sans-serif;
    line-height:1.65;
}

a{
    color:inherit;
}

.header,
.page,
.footer{
    width:min(calc(100% - 40px),var(--page));
    margin:0 auto;
}

.header{
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border-bottom:1px solid var(--line);
}

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    width:220px;
    max-width:46vw;
    height:auto;
    display:block;
}

.nav{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

.nav a{
    color:var(--text);
    text-decoration:none;
    font-size:14px;
}

.nav a:hover{
    color:var(--gold-bright);
}

.hero{
    padding:88px 0 68px;
    border-bottom:1px solid var(--line);
}

.eyebrow{
    margin:0 0 15px;
    color:var(--gold-bright);
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

h1{
    margin:0;
    max-width:920px;
    font-size:clamp(42px,7vw,76px);
    line-height:1.03;
    letter-spacing:-.045em;
}

h2{
    margin:0 0 14px;
    font-size:clamp(28px,4vw,42px);
    line-height:1.12;
    letter-spacing:-.03em;
}

h3{
    margin:0 0 10px;
    font-size:20px;
}

.lead{
    max-width:820px;
    margin:26px 0 0;
    color:var(--text);
    font-size:18px;
}

.section{
    padding:68px 0;
    border-bottom:1px solid var(--line);
}

.section-head{
    max-width:820px;
    margin-bottom:30px;
}

.section p{
    color:var(--text);
}

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

.card{
    padding:26px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.card strong{
    display:block;
    margin-bottom:7px;
}

.card p,
.card span{
    color:var(--muted);
}

.facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
}

.fact{
    padding:22px 24px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.fact:nth-child(even){
    border-right:0;
}

.fact strong{
    display:block;
    margin-bottom:7px;
    color:var(--muted);
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin-top:16px;
    padding:0 22px;
    color:var(--white);
    text-decoration:none;
    border:1px solid var(--gold-line);
    border-radius:8px;
    background:rgba(201,163,94,.08);
}

.button:hover{
    border-color:var(--gold);
    background:rgba(201,163,94,.14);
}

.flow{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:28px;
}

.flow div{
    padding:18px;
    border:1px solid var(--line);
    border-radius:10px;
    color:var(--text);
    background:rgba(255,255,255,.02);
}

.notice{
    margin-top:20px;
    padding:22px;
    color:var(--text);
    border-left:3px solid var(--gold);
    background:rgba(201,163,94,.06);
}

.footer{
    padding:40px 0 50px;
    color:var(--muted);
    font-size:13px;
}

.footer a{
    color:var(--text);
}

@media(max-width:760px){
    .header{
        min-height:auto;
        padding:22px 0;
        align-items:flex-start;
        flex-direction:column;
    }

    .nav{
        gap:15px;
    }

    .hero{
        padding:58px 0 48px;
    }

    .grid,
    .facts{
        grid-template-columns:1fr;
    }

    .fact{
        border-right:0;
    }

    .flow{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:480px){
    .header,
    .page,
    .footer{
        width:min(calc(100% - 28px),var(--page));
    }

    .flow{
        grid-template-columns:1fr;
    }
}


/* NEXUSVERSE_NEWS_ARTICLE_R1 */

.article-hero{
    padding:72px 0 42px;
    border-bottom:1px solid var(--line);
}

.breadcrumb{
    margin-bottom:28px;
    color:var(--muted);
    font-size:13px;
}

.breadcrumb a{
    color:var(--text);
    text-decoration:none;
}

.article-title{
    max-width:980px;
    margin:0;
    font-size:clamp(38px,6vw,66px);
    line-height:1.08;
    letter-spacing:-.04em;
}

.article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 22px;
    margin-top:24px;
    color:var(--muted);
    font-size:14px;
}

.article-meta strong{
    color:var(--gold-bright);
}

.article-body{
    max-width:850px;
    margin:0 auto;
    padding:56px 0 76px;
}

.article-body p{
    margin:0 0 25px;
    color:var(--text);
    font-size:17px;
    line-height:1.9;
}

.article-body h2{
    margin:50px 0 18px;
    font-size:28px;
}

.article-boilerplate{
    margin-top:56px;
    padding:30px;
    border:1px solid var(--gold-line);
    border-radius:14px;
    background:rgba(201,163,94,.055);
}

.article-boilerplate h2{
    margin-top:0;
}

.article-boilerplate p:last-child{
    margin-bottom:0;
}

.news-card{
    display:block;
    padding:28px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.news-card .news-meta{
    margin:0 0 10px;
    color:var(--gold-bright);
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.news-card h3{
    margin:0 0 12px;
    font-size:24px;
    line-height:1.3;
}

.news-card p{
    margin:0 0 14px;
    color:var(--muted);
}

.news-card a{
    color:var(--white);
    text-decoration:none;
}

.news-card a:hover{
    color:var(--gold-bright);
}

@media(max-width:760px){
    .article-hero{
        padding:54px 0 34px;
    }

    .article-body{
        padding:42px 0 62px;
    }

    .article-body p{
        font-size:16px;
    }
}


/* NEXUSVERSE_NEWS_IMAGE_R1 */

.article-media{
    width:100%;
    margin:0;
    padding:34px 0 0;
}

.article-media picture{
    display:block;
}

.article-media img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:cover;
    border:1px solid var(--line);
    border-radius:14px;
    background:#07090d;
}

.news-thumb{
    display:block;
    margin:-4px -4px 22px;
    overflow:hidden;
    border-radius:10px;
    border:1px solid var(--line);
}

.news-thumb picture{
    display:block;
}

.news-thumb img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:cover;
    transition:transform .35s ease;
}

.news-thumb:hover img{
    transform:scale(1.015);
}

.home-news-thumb{
    margin-bottom:18px;
}

@media(max-width:760px){
    .article-media{
        padding-top:24px;
    }

    .article-media img,
    .news-thumb{
        border-radius:9px;
    }
}


/* NEXUSVERSE_LANGUAGE_SWITCH_R1 */

.nav .lang-switch{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:30px;
    padding:4px 10px;
    border:1px solid var(--gold-line);
    border-radius:999px;
    color:var(--gold-bright);
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    line-height:1;
    text-decoration:none;
}

.nav .lang-switch:hover{
    color:var(--white);
    border-color:var(--gold);
    background:rgba(201,163,94,.10);
}

@media(max-width:760px){
    .nav .lang-switch{
        min-width:40px;
        padding:4px 9px;
    }
}

/* NEXUSVERSE_NEWSROOM_MULTI_ARTICLE_R1 */
.section > .news-card + .news-card {
    margin-top: 22px;
}

/* NEXUSVERSE_MEDIA_FEATURE_R1 */

.media-feature {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:0;
    padding:0;
    overflow:hidden;
}

.media-feature-visual {
    display:block;
    min-width:0;
    background:#080d16;
}

.media-feature-visual picture {
    display:block;
    height:100%;
}

.media-feature-visual img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.media-feature-visual:hover img {
    transform:scale(1.025);
}

.media-feature-content {
    min-width:0;
    padding:30px 34px;
}

.media-outlet {
    margin:0 0 12px;
    color:#ed6b65 !important;
    font-size:19px;
    font-weight:800;
    letter-spacing:.07em;
}

.media-category {
    margin:0 0 16px;
    color:var(--gold-bright) !important;
    font-size:12px;
}

.media-feature-content h3 {
    margin:0 0 14px;
    font-size:clamp(20px,2.3vw,27px);
    line-height:1.4;
}

.media-feature-content .media-note {
    font-size:12px;
    color:var(--muted);
}

.media-feature-content .media-summary {
    font-size:15px;
    color:var(--text);
}

.media-feature-content .media-source {
    margin-top:20px;
    font-size:12px;
    color:var(--muted);
}

.media-feature-content .button {
    margin-top:14px;
}

@media(max-width:760px) {
    .media-feature {
        grid-template-columns:1fr;
    }

    .media-feature-visual img {
        height:auto;
        aspect-ratio:16 / 9;
    }

    .media-feature-content {
        padding:24px 20px;
    }
}


/* NEXUSVERSE_MEDIA_FEATURE_RESPONSIVE_R2 */

/* Desktop: display full editorial image without cropping */

.media-feature {
    grid-template-columns:
        minmax(0,46fr) minmax(0,54fr);
}

.media-feature-visual {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:0;
    background:#0b121c;
}

.media-feature-visual picture {
    display:block;
    width:100%;
    height:auto;
}

.media-feature-visual img {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:contain;
}

.media-feature-visual:hover img {
    transform:none;
}

.media-feature-content h3 {
    overflow-wrap:anywhere;
}

.media-feature-content .button {
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
}

/* Tablets and smaller desktop windows */

@media (max-width:1024px) {
    .media-feature {
        grid-template-columns:minmax(0,1fr);
    }

    .media-feature-content {
        padding:26px 28px;
    }
}

/* Phones */

@media (max-width:480px) {
    .media-feature-content {
        padding:22px 18px;
    }

    .media-feature-content h3 {
        font-size:20px;
        line-height:1.4;
    }
}

/* NEXUSVERSE_IFENG_MEDIA_R1: separate IFENG coverage from existing Sina listing */
.media-feature + .media-feature {
    margin-top:24px;
}
.media-feature-ifeng .media-outlet {
    color:#d7b879 !important;
}
@media (max-width:480px) {
    .media-feature + .media-feature {
        margin-top:18px;
    }
}