/* PC端样式 */
@media (min-width: 960px) {
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    h1 {
        font-family: 'Oswald', sans-serif;
        font-size: 48px;
        font-weight: 500;
        text-transform: uppercase;
    }

    body {
        margin: 0;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        /* font-family: MillerDisplay, Georgia, sans-serif; */
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
    }

    .left-section {
        display: flex;
        align-items: center;
        gap: 24px;
        max-width: 1380px;
        margin: 0 auto;
    }

    .nav-links {
        font-family: Plain, Plain fallback, sans-serif;
        font-size: .875rem;
        font-weight: 400;
    }

    .text-button-wrapper {
        display: inline;
    }

    .search {
        display: flex;
        align-items: center;
        border: 1px solid #000;
        border-radius: 5px;
        width: 230px;
        height: 38px;
    }

    .search input {
        border: none;
        outline: none;
        padding: 5px 10px;
        font-size: 12px;
        width: 190px;
        border-radius: 20px;
    }

    #search_button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        margin-left: 10px;
        margin-top: 3px;
    }

    #search_button img {
        width: 20px;
        height: 20px;
        color: green;
    }

    .order-button {
        background-color: #000;
        padding: 14px 36px;
        color: #fff;
        font-size: 12px;
        text-decoration: none;

    }

    .header {
        position: sticky;
        top: 0;
        z-index: 999;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 24px;
        background-color: white;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 1px 3px #00000026;
    }

    .social-media {
        display: block;
        /* 让 a 标签作为块级元素以包裹内部内容 */
        text-decoration: none;
        /* 去掉链接下划线 */
        color: inherit;
        /* 让 a 标签的颜色继承自父元素 */
    }

    .logo a {
        color: #000;
        text-decoration: none
    }

    .subscribe-box {
        padding: 0px 40px;
        max-width: 1380px;
        margin: 0 auto;
    }

    .subscribe-banner {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 7px 20px;
        display: flex;
        justify-content: center;
        background-color: #fff;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .subscribe-content {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .magazine-cover {
        width: 72px;
        height: 93.59px;
        object-fit: contain;
        background: #0e1a33;
    }

    .subscribe-text {
        font-size: 18px;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 300px;
    }

    .article-box {
        padding: 0px 40px;
        max-width: 1380px;
        margin: 0 auto;
    }

    .article-hero {
        display: flex;
        flex-wrap: wrap;
        font-family: 'Georgia', serif;
        background-color: #f5f5f5;
        color: #1a1a1a;
        height: 521px;
    }

    .hero-left,
    .hero-right {
        height: 521px;
    }

    .hero-left {
        flex: 0 0 65%;
    }

    .hero-right {
        flex: 0 0 35%;
    }

    .hero-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        background: #0e1a33;
    }

    .hero-right {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px;
        background-color: #f5f5f5;
    }

    .article-text {
        max-width: 500px;
    }

    .article-text a{
        text-decoration: none;
    }

    .article-title {
        --type-token: discovery . hed-break-out;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.015625em;
        line-break: auto;
        line-height: 1.125em;
        font-size: 40px;
        font-weight: 300;
        overflow-wrap: normal;
        color: #000;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .article-author {
        font-size: 16px;
        color: #666;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .author-name {
        color: #7ba93f;
        /* 类似绿色强调色 */
    }

    .article-date {
        font-size: 14px;
        color: #999;
    }

    .menu-button {
        font-size: 20px;
        background: none;
        border: none;
        cursor: pointer;
    }

    .search-results {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 40px 50px 40px;
    }

    .search-results .no {
        margin-top: 30px;
    }

    .search-results .featured-article {
        display: flex;
        margin-top: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

    .search-results .featured-article img {
        width: 200px;
        height: auto;
        aspect-ratio: 1 / 1;
        margin-right: 50px;
        object-fit: contain;
        background: #0e1a33;
    }

    .search-results .featured-article .article-info {
        width: 70%;
    }

    .search-results .desc1 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .logo {
        font-weight: bold;
        font-size: 22px;
        padding: 0 6px;
        letter-spacing: 2px;
        width: 85px;
        height: 30px;
        margin-top: -4px;
        color: #000;
        margin: 0 auto;
    }

    .logo img {
        width: 100%;
        height: 100%;
    }

    .nav-links a {
        margin: 0 10px;
        text-decoration: none;
        color: black;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .right-section {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .sign-in {
        text-decoration: none;
        color: black;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .subscribe-button {
        background-color: #2e5a85;
        color: white;
        border: none;
        padding: 8px 12px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        letter-spacing: 1px;
    }

    .search-button {
        background: none;
        border: none;
        font-size: 18px;
        cursor: pointer;
    }

    /* Hero section */
    .hero-section {
        position: relative;
        font-family: 'Arial', sans-serif;
        display: none;
    }

    .hero-background {
        background-image: url('../images/1.webp');
        /* 用你实际的图片路径替换 */
        background-size: cover;
        background-position: center;
        height: 80vh;
        position: relative;
    }

    .hero-overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding: 40px 64px;
    }

    .hero-content {
        color: white !important;
        max-width: 600px;
    }

    .hero-content a {
        color: #fff;
    }

    .hero-tag {
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .hero-title {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 16px;
        line-height: 1.2;
    }

    .hero-description {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .hero-author {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        opacity: 0.8;
    }

    .news-cards {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 59px;
        padding: 40px;
        background-color: #000;
        color: #fff;
        margin: 0 auto;
    }

    .news-card {
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 280px;
        gap: 12px;
    }

    .news-text-content {
        flex: 1;
    }

    .news-tag {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #aaa;
        margin-bottom: 4px;
    }

    .news-title {
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        line-height: 1.3;
        color: #fff;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-desc {
        font-size: 14px;
        color: #ccc;
        margin-top: 4px;
        line-height: 1.2;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-card img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        background: #0e1a33;
    }

    .content-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        padding: 40px;
        max-width: 1380px;
        margin: 0 auto;
    }

    .section-title {
        font-size: 12px;
        font-weight: bold;
        background: #000;
        color: #fff;
        padding: 4px 10px;
        display: inline-block;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .section-title1 {
        font-size: 12px;
        font-weight: bold;
        background: #000;
        color: #fff;
        padding: 4px 10px;
        display: inline-block;
        letter-spacing: 1px;
    }

    .main-left-wrapper {
        display: flex;
        gap: 40px;
        flex: 2;
        /* border-top: 2px solid; */
    }

    .left-column,
    .main-column {
        flex: 1;
    }


    .left-column {
        max-width: 300px;
    }

    .featured-article {
        padding-bottom: 20px;
        /* border-bottom: 1px solid #acacac; */
    }

    .featured-article img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        margin-bottom: 10px;
        object-fit: contain;
        object-position: center;
        background: #0e1a33;
    }

    .article-info .article-tag {
        font-size: 10px;
        color: #555;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 6px;
        --type-token: globalEditorial . context-primary;
        text-transform: uppercase;
        font-family: FuturaPT, helvetica, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.1em;
        line-break: auto;
        line-height: 0.923077em;
        font-size: 13px;
        font-weight: 400;
        overflow-wrap: normal;
        --color__token-name: colors.consumption.lead.standard.context-signature;
        color: rgb(118, 118, 118);
    }

    .featured-article h4 {
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 24px;
        font-weight: 300;
        overflow-wrap: normal;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .author {
        font-size: 12px;
        color: #7ba93f;
        font-weight: normal;
        margin-top: 6px;
    }

    .main-box {
        padding: 0 20px;
        flex: 1;
        border-left: 1px solid #acacac;
        border-right: 1px solid #acacac;
    }

    .main-column img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        margin-bottom: 20px;
        object-fit: contain;
        object-position: center;
        background: #0e1a33;
    }

    .main-info .article-tag {
        font-size: 12px;
        color: #555;
        letter-spacing: 1px;
        margin-bottom: 10px;
        --type-token: globalEditorial . context-primary;
        text-transform: uppercase;
        font-family: FuturaPT, helvetica, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.1em;
        line-break: auto;
        line-height: 0.923077em;
        font-size: 12px;
        font-weight: 400;
        overflow-wrap: normal;
        --color__token-name: colors.consumption.lead.standard.context-signature;
        color: rgb(118, 118, 118);
    }

    .main-info h2 {
        --type-token: discovery . hed-feature;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.015625em;
        line-break: auto;
        line-height: 1.125em;
        font-size: 50px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-bottom: 10px;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main-info .desc {
        font-size: 14px;
        color: #444;
        margin-bottom: 10px;

        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* 限制最多显示4行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: none;
    }

    .right-column {
        flex: 1;
        max-width: 280px;
        /* border-top: 2px solid; */
    }

    .recent-article {
        display: flex;
        gap: 22px;
        align-items: flex-start;
        padding: 26px 0px;
        border-bottom: 1px solid #E5E5E5;
    }

    .recent-article img {
        width: 75px;
        height: 75px;
        object-fit: contain;
        background: #0e1a33;
    }

    .recent-article .title {
        margin-bottom: 4px;
        width: 180px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制显示三行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;

        --type-token: discovery . hed-bulletin-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.0166667em;
        line-break: auto;
        line-height: 1.27778em;
        font-size: 18px;
        font-weight: 300;
        overflow-wrap: normal;
    }

    .wrapper {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 40px 50px 40px;
    }

    .wrapper1 {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 40px 50px 40px;
    }

    .wrapper2 {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 40px 50px 40px;
    }

    .wrapper3 {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 40px 50px 40px;
    }

    .top-border {
        border-top: 2px solid #000;
        position: relative;
        margin-bottom: 45px;
    }

    .top-border .label {
        position: absolute;
        top: -1px;
        left: 0;
        background: #000;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 10px;
        font-family: 'Arial', sans-serif;
        letter-spacing: 1px;
    }

    .headline-box {
        position: relative;
        text-align: center;
        /* font-family: 'Times New Roman', serif; */
        font-size: 26px;
        font-weight: normal;
        letter-spacing: 2px;
        margin-bottom: 40px;
        padding: 10px 0px;
    }

    .headline-box::before,
    .headline-box::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }

    .headline-box::before {
        top: 0;
    }

    .headline-box::after {
        bottom: 0;
    }

    .wrapper-feature {
        display: flex;
        gap: 40px;
        margin-bottom: 28px;
    }

    .wrapper-feature-img {
        flex: 0 0 55%;
        width: auto;
        height: auto;
        min-width: 0;
    }

    .wrapper-feature-img img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        object-position: center;
        background: #0e1a33;
    }

    .wrapper-feature-text {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: 'Arial', sans-serif;
    }

    .tag {
        font-size: 12px;
        letter-spacing: 1px;
        color: #444;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .title {
        margin: 12px 0 8px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 32px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .author {
        font-size: 14px;

        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .desc1 {
        font-size: 14px;
        color: #444;
        line-height: 1.6;
        margin-top: 10px;
        display: none;
    }

    .wrapper-list {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        border-top: 1px solid #ccc;
        padding-top: 30px;
        font-family: 'Arial', sans-serif;
    }

    .wrapper-list-item {
        flex: 0 0 calc((100% - 48px) / 3);
        max-width: calc((100% - 48px) / 3);
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 0;
    }

    .wrapper-list-item:last-child {
        border-right: none;
        padding-right: 0;
    }

    .wrapper-list-item img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
        flex-shrink: 0;
        /* 图片不被压缩 */
    }

    .card-text {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .card-tag {
        margin-bottom: 6px;
        margin-top: 6px;
        --type-token: globalEditorial . context-primary;
        text-transform: uppercase;
        font-family: FuturaPT, helvetica, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.1em;
        line-break: auto;
        line-height: 0.923077em;
        font-size: 13px;
        font-weight: 400;
        overflow-wrap: normal;
        --color__token-name: colors.consumption.lead.standard.context-signature;
        color: rgb(118, 118, 118);
    }

    .card-title {
        margin: 12px 0 8px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 26px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .classic-list {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .classic-item {
        display: flex;
        gap: 24px;
        border-bottom: 1px solid #eee;
        padding-bottom: 24px;
    }

    .classic-item:last-child {
        border-bottom: none;
    }

    .classic-item img {
        width: 240px;
        height: auto;
        aspect-ratio: 3 / 2;
        object-fit: contain;
        background: #0e1a33;
    }

    .classic-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .classic-tag {
        color: orange;
        font-size: 14px;
        font-weight: bold;
    }

    .classic-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.4;
        margin: 8px 0;
    }

    .classic-desc {
        color: #555;
        font-size: 15px;
        line-height: 1.6;
    }

    .big-story-container {
        display: flex;
        gap: 40px;
        margin-top: 32px;
    }

    .big-story-left {
        flex: 1;
        display: flex;
        /* flex-direction: column; */
        gap: 15px;
    }

    .big-story-card {
        display: flex;
        flex-direction: column;
    }

    .big-story-img {
        width: 100%;
        max-width: 630px;
        height: auto;
        aspect-ratio: 630 / 580;
        object-fit: contain;
        display: block;
        background: #0e1a33;
    }

    .big-story-tag {
        font-size: 12px;
        letter-spacing: 1px;
        color: #444;
        text-transform: uppercase;
        margin-top: 12px;
    }

    .big-story-title {
        margin: 12px 0 8px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 32px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .big-story-desc {
        font-size: 14px;
        color: #555;
        line-height: 1.6;
        display: none;
    }

    .big-story-right {
        flex: 1;
        display: flex;
        gap: 24px;
    }

    .big-story-right-left {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .big-story-right-left .grid-item {
        width: calc((100% - (2 - 1) * 20px) / 2) !important;
    }


    .big-story-mini-card {
        display: flex;
        flex-direction: column;
    }

    .big-story-mini-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
    }

    .big-story-mini-title {
        margin: 12px 0 8px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 24px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .big-story-text-row {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .big-story-text-row:last-child {
        border-bottom: none;
    }

    .big-story-text-title {
        font-size: 16px;
        font-weight: 400;
        margin-top: 4px;
        line-height: 1.4;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 限制显示行数为 3 行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-tab-wrapper {
        margin-top: 40px;
    }

    .hot-tab-header {
        display: flex;
        border-bottom: 2px solid #000;
        margin-bottom: 24px;
    }

    .hot-tab {
        padding: 8px 16px;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }

    .hot-tab.active {
        background-color: #000;
        color: #fff;
    }

    .hot-card-list {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
    }

    .hot-card-item {
        width: calc(25% - 18px);
        /* 4 columns with gap */
        display: flex;
        flex-direction: column;
    }

    .hot-card-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
    }

    .hot-card-title {
        margin: 12px 0 8px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 26px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-card-desc {
        font-size: 14px;
        color: #555;
        line-height: 1.6;
        flex-grow: 1;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-card-author {
        color: #7ba93f;
        font-weight: normal;
        margin-top: 6px;
        font-size: 14px;
    }

    .hot-card-list1 {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .hot-card-item1 {
        width: calc(25% - 18px);
        /* 4 columns with gap */
        display: flex;
        flex-direction: column;
    }

    .hot-card-img1 {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
    }

    .hot-card-title1 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.4;
        margin: 12px 0 8px;
    }

    .hot-card-desc1 {
        font-size: 14px;
        color: #555;
        line-height: 1.6;
        flex-grow: 1;
    }

    .hot-card-author1 {
        font-size: 13px;
        font-weight: bold;
        margin-top: 12px;
        color: #000;
        text-transform: uppercase;
    }

    .footer-container {
        background: #f5f5f5;
        color: #fff;
        padding: 30px 20px 40px 20px;
        font-family: Arial, sans-serif;
    }

    .footer-logo-text {
        text-align: center;
        max-width: 900px;
        margin: 0 auto 40px;
    }

    .footer-logo {
        height: 28px;
        margin-bottom: 16px;
    }

    .footer-desc {
        font-size: 15px;
        line-height: 1.8;
        color: #000;
        margin-top: 6px;
    }

    .footer-links-section {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-top: 1px solid #333;
        padding-top: 40px;
        max-width: 1380px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    .footer-link-group {
        /* flex: 1 1 200px; */
        margin-bottom: 20px;
        margin: 0 auto;
    }

    .footer-group-title {
        font-family: monospace;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    .footer-link-group ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-link-group li {
        font-size: 14px;
        color: #000;
        margin-bottom: 8px;
        cursor: pointer;
    }

    .footer-link-group li a {
        font-size: 14px;
        color: #000;
        margin-bottom: 8px;
        cursor: pointer;
        text-decoration: none;
    }

    .footer-links-secondary {
        border-top: 1px solid #333;
        padding-top: 20px;
        margin-bottom: 24px;
    }

    .footer-links-secondary ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 0;
        margin: 0;
        font-size: 13px;
        color: #aaa;
    }

    .footer-bottom {
        border-top: 1px solid #333;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .footer-socials {
        display: flex;
        gap: 16px;
    }

    .footer-socials img {
        width: 20px;
        height: 20px;
        opacity: 0.8;
        transition: opacity 0.2s ease;
        cursor: pointer;
    }

    .footer-socials img:hover {
        opacity: 1;
    }

    .footer-cookie {
        /* font-family: monospace; */
        font-size: 13px;
        color: #000;
        cursor: pointer;
    }

    .footer-copyright {
        color: #000;
    }

    .footer-cookie a {
        color: #000;
        text-decoration: none;
    }

}

/* 移动端样式 */
@media (max-width: 960px) {
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    h1 {
        font-family: 'Oswald', sans-serif;
        font-size: 48px;
        font-weight: 500;
        text-transform: uppercase;
    }

    body {
        margin: 0;
        /* font-family: 'Courier New', monospace; */
    }

    .article-box {
        max-width: 900px;
        margin: 0 auto;
        font-family: "Georgia", serif;
        padding: 0px 20px;
    }

    .article-hero {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        align-items: center;
        padding-bottom: 40px;
        background: #f7f7fa;
    }

    .hero-left {
        flex: 1 1 300px;
    }

    .hero-image {
        width: 100%;
        height: auto;
        object-fit: contain;
        background: #0e1a33;
    }

    .hero-right {
        flex: 2 1 400px;
    }

    .article-text {
        color: #1a1a1a;
    }

    .article-text a{
        text-decoration: none;
    }

    .article-title {
        --type-token: discovery . hed-break-out;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.015625em;
        line-break: auto;
        line-height: 1.125em;
        font-size: 28px;
        font-weight: 300;
        overflow-wrap: normal;
        text-align: center;
        padding: 0 20px;
        color: #000;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .article-author {
        font-size: 16px;
        color: #555;
        text-align: center;
        margin-top: 16px;
    }

    .author-name {
        color: #7ba93f;
        font-weight: 500;
    }

    .article-date {
        font-size: 14px;
        color: #888;
        text-align: center;
        margin-top: 20px;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        /* 禁止横向滚动 */
        width: 100%;
        box-sizing: border-box;
    }

    .header {
        position: fixed;
        top: 0;
        z-index: 999;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 10px;
        background-color: white;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 1px 3px #00000026;
    }

    .logo {
        font-weight: bold;
        font-size: 22px;
        padding: 0 6px;
        letter-spacing: 2px;
        width: 85px;
        height: 30px;
        margin-top: -4px;
        color: #000;
        margin: 0 auto;
    }

    .subscribe-box {
        /* border-top: 1px solid #000;
        border-bottom: 1px solid #000; */
        padding: 15px;
        margin: 90px 0px 20px 0px;
    }

    .subscribe-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px 0px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    .subscribe-content {
        display: flex;
        align-items: center;
        gap: 30px;
        max-width: 800px;
        width: 100%;
    }

    .magazine-cover {
        width: 72px;
        height: 93.59px;
        object-fit: contain;
        background: #0e1a33;
    }

    .subscribe-text {
        font-size: 18px;
        color: #000;
        font-family: "Georgia", serif;
        flex-grow: 1;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 限制显示3行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .order-button {
        background-color: #000;
        color: #fff;
        padding: 12px 24px;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: bold;
        border: none;
        display: inline-block;
        transition: background-color 0.3s ease;
    }

    .order-button:hover {
        background-color: #333;
    }

    .logo img {
        width: 100%;
        height: 100%;
    }

    .social-media {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .left-section {
        display: flex;
        align-items: center;
        gap: 115px;
    }

    .menu-button {
        font-size: 20px;
        background: none;
        border: none;
        cursor: pointer;
    }

    .logo {
        font-weight: bold;
        font-size: 14px;
        padding: 0 6px;
        letter-spacing: 2px;
    }

    .logo a {
        color: #000;
        text-decoration: none
    }

    .nav-links {
        white-space: nowrap;
        /* 不换行 */
        overflow: hidden;
        /* 隐藏溢出 */
        max-width: 100%;
        /* 让容器撑满父级 */
        display: flex;
        gap: 16px;
        display: none;
    }

    .nav-links a:nth-child(n+2) {
        display: none;
        /* 从第5个开始隐藏 */
    }

    .nav-links a {
        margin: 0 10px;
        text-decoration: none;
        color: black;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .search {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 192px;
        height: 38px;
    }

    .search input {
        border: none;
        outline: none;
        padding: 5px 10px;
        font-size: 16px;
        width: 150px;
        border-radius: 20px;
    }

    #search_button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        margin-left: 10px;
        margin-top: 3px;
    }

    #search_button img {
        width: 20px;
        height: 20px;
        color: green;
    }

    .search-results {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0px 26px 0px 26px;
        margin: 83px 0px 0px 0px;
    }

    .search-results .no {
        margin-top: 30px;
    }

    .search-results .featured-article {
        display: flex;
        margin-top: 20px;
        border-bottom: 1px solid #e5e5e5;
        flex-direction: row;
    }

    .search-results .article-info,
    .main-info {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .search-results .featured-article img {
        width: 128px;
        height: auto;
        aspect-ratio: 1 / 1;
        margin-right: 10px;
        object-fit: contain;
        background: #0e1a33;
        margin-bottom: 20px;
    }

    .search-results .featured-article .article-info {
        width: 70%;
    }

    .search-results .desc1 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: none;
    }

    .search-results .featured-article h4,
    .main-info h2 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .search-results .author {
        font-size: 12px;
        /* font-weight: bold; */
        text-transform: uppercase;
        color: #7ba93f;
        margin-top: auto;
        margin-top: 8px;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hero-background {
        display: none;
    }

    .news-cards {
        display: none;
    }

    .content-wrapper {
        margin: 0 auto;
        padding: 0 20px;
    }

    .main-left-wrapper {
        padding-top: 30px;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        /* gap: 30px; */
    }

    .left-column {
        border-top: 2px solid #000;
    }

    .section-title {
        font-family: monospace;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: black;
        color: white;
        display: inline-block;
        padding: 5.4px 10px;
        margin-bottom: 1.5rem;
        align-self: flex-start;
    }

    /* 所有文章模块大小一致 */
    .featured-article,
    .main-column {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .featured-article img,
    .main-column img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        display: block;
        background: #0e1a33;
    }

    .article-info,
    .main-info {
        padding: 0 0 10px 0;;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .article-tag {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #666;
        margin-bottom: 5px;
    }

    .featured-article h4,
    .main-info h2 {
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 24px;
        font-weight: 300;
        overflow-wrap: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .main-info h2 {
        font-size: 20px;
    }

    .desc {
        font-size: 14px;
        color: #444;
        line-height: 1.6;
        margin-top: 3px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制显示3行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .author {
        font-size: 12px;
        /* font-weight: bold; */
        text-transform: uppercase;
        color: #7ba93f;
        margin-top: auto;
        /* margin-top: 8px; */
        /* margin-bottom: 20px; */
        /* display: none; */
    }

    .right-column {
        border-top: 1px solid #eee;
    }

    .headline-box {
        position: relative;
        text-align: center;
        /* font-family: 'Times New Roman', serif; */
        font-size: 22px;
        font-weight: normal;
        letter-spacing: 2px;
        margin-bottom: 40px;
        padding: 10px 0px;
    }

    .headline-box::after {
        bottom: 0;
    }

    .headline-box::before {
        top: 0;
    }

    .headline-box::before,
    .headline-box::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }

    .section-title1 {
        font-family: monospace;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: black;
        color: white;
        display: inline-block;
        padding: 5.4px 10px;
        margin-bottom: 1.5rem;
        align-self: flex-start;
    }

    .recent-article {
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        align-items: flex-start;
        border-bottom: 1px solid #eee;
    }

    .recent-article:not(:first-of-type) {
        border-top: 1px solid #eee;
        padding-top: 15px;
    }

    .recent-article img {
        width: 128px;
        height: auto;
        aspect-ratio: 128 / 85;
        object-fit: contain;
        background: #0e1a33;
        flex-shrink: 0;
    }

    .recent-article .title {
        font-weight: 400;
        font-size: 1rem;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 限制显示两行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .recent-article .author {
        font-size: 12px;
        /* font-weight: bold; */
        text-transform: uppercase;
        color: #7ba93f;
        margin: 4px 0 0;
    }

    .wrapper {
        max-width: 650px;
        margin: 20px auto;
        padding: 0 20px;
    }

    .wrapper1 {
        max-width: 650px;
        margin: 20px auto;
        padding: 0 20px;
    }

    .wrapper2 {
        max-width: 650px;
        margin: 20px auto;
        padding: 0 20px;
    }

    /* 顶部标签 */
    .top-border .label {
        background: #000;
        color: #fff;
        display: inline-block;
        padding: 4px 10px;
        font-family: monospace;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 1px;
    }

    /* 主图与大标题块 */
    .wrapper-feature {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .wrapper-feature-img img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        display: block;
        object-fit: contain;
        background: #0e1a33;
    }

    .wrapper-feature-text .tag {
        margin-top: 6px;
        --type-token: globalEditorial . context-primary;
        text-transform: uppercase;
        font-family: FuturaPT, helvetica, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.1em;
        line-break: auto;
        line-height: 0.923077em;
        font-size: 13px;
        font-weight: 400;
        overflow-wrap: normal;
        --color__token-name: colors.consumption.lead.standard.context-signature;
        color: rgb(118, 118, 118);
    }

    .wrapper-feature-text .title {
        margin: 12px 0 0px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 24px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .wrapper-feature-text .author {
        font-weight: bold;
        font-size: 12px;
        color: #666;
        letter-spacing: 1px;
        margin-bottom: 10px;
        display: none;
    }

    .wrapper-feature-text .desc1 {
        font-size: 14px;
        color: #444;
        line-height: 1.6;
        margin-top: 8px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制显示3行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 20px;
    }

    /* 列表卡片区域 */
    .wrapper-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .wrapper-list-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        border-top: 1px solid #eee;
        padding-top: 15px;
    }

    .wrapper-list-item img {
        width: 128px;
        height: auto;
        aspect-ratio: 128 / 85;
        object-fit: contain;
        background: #0e1a33;
    }

    .card-text {
        flex: 1;
    }

    .card-tag {
        margin-top: 6px;
        --type-token: globalEditorial . context-primary;
        text-transform: uppercase;
        font-family: FuturaPT, helvetica, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: 0.1em;
        line-break: auto;
        line-height: 0.923077em;
        font-size: 13px;
        font-weight: 400;
        overflow-wrap: normal;
        --color__token-name: colors.consumption.lead.standard.context-signature;
        color: rgb(118, 118, 118);
    }

    .card-title {
        margin: 12px 0 0px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 18px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 左侧结构 */
    .big-story-left {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .big-story-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
    }

    .big-story-tag {
        font-size: 12px;
        font-weight: bold;
        color: #666;
        margin-bottom: 5px;
        text-transform: uppercase;
        display: none;
    }

    .big-story-title {
        margin: 12px 0 0px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.23077em;
        font-size: 24px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .big-story-desc {
        font-size: 14px;
        color: #444;
        margin-bottom: 8px;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制显示行数为 3 行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 右侧结构 */
    .big-story-right {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .big-story-right-left {
        /* display: flex;
        flex-wrap: wrap;
        gap: 20px; */
    }

    .big-story-right-left .grid-item {
        /* width: calc((100% - (2 - 1) * 20px) / 2) !important; */
    }

    .big-story-mini-card {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 16px;
    }

    .big-story-mini-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
        display: block;
        position: relative;
    }

    .big-story-mini-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        z-index: 1;
    }

    .big-story-mini-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 20px;
        font-weight: 700;
        padding: 10px 20px;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase;
        white-space: nowrap;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        max-width: 56%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .big-story-right-right {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 20px;
    }

    .big-story-text-row {
        border-top: 1px solid #eee;
        padding-top: 10px;
    }

    .big-story-text-title {
        font-size: 16px;
        font-weight: 400;
        margin-top: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 限制显示行数为 3 行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-card-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
    }

    .hot-card-item {
        display: flex;
        flex-direction: column;
    }

    .hot-card-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
        margin-bottom: 4px;
    }

    .hot-card-title {
        margin: 12px 0 0px;
        --type-token: discovery . hed-core-primary;
        text-transform: none;
        font-family: MillerDisplay, Georgia, sans-serif;
        font-feature-settings: normal;
        font-style: normal;
        letter-spacing: normal;
        line-break: auto;
        /* line-height: 1.23077em; */
        font-size: 24px;
        font-weight: 300;
        overflow-wrap: normal;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-card-desc {
        font-size: 14px;
        color: #444;
        margin-bottom: 12px;
        line-height: 1.5;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-card-author {
        font-size: 12px;
        /* font-weight: bold; */
        text-transform: uppercase;
        color: #7ba93f;
        margin-bottom: 20px;
    }

    .hot-card-list1 {
        padding: 0 20px;
    }

    .hot-card-item1 {
        flex: 0 0 auto;
        width: 300px;
        display: flex;
        flex-direction: column;
        scroll-snap-align: start;
    }

    .hot-card-img1 {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
        background: #0e1a33;
        margin-bottom: 12px;
    }

    .hot-card-title1 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .hot-card-desc1 {
        font-size: 14px;
        color: #444;
        margin-bottom: 12px;
        line-height: 1.5;
    }

    .hot-card-author1 {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

    .footer-container {
        background: #f5f5f5;
        color: #fff;
        padding: 30px 15px;
    }

    .footer-logo-text {
        text-align: center;
        margin-bottom: 30px;
    }

    .footer-logo-text .logo {
        font-size: 22px;
        font-weight: bold;
        color: #000;
        margin-bottom: 15px;
    }

    .footer-desc {
        font-size: 14px;
        line-height: 1.6;
        color: #000;
    }

    .footer-links-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 两列 */
        gap: 20px;
        margin-bottom: 30px;
    }

    .footer-link-group {
        text-align: center;
        /* 让列表内容居中 */
    }

    .footer-link-group ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .footer-link-group li {
        font-size: 14px;
        margin-bottom: 10px;
        color: #000;
    }

    .footer-link-group li a {
        font-size: 14px;
        margin-bottom: 10px;
        color: #000;
        text-decoration: none;
    }

    .footer-link-group li:hover {
        color: #000;
        cursor: pointer;
    }

    .footer-bottom {
        border-top: 1px solid #333;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .footer-cookie {
        font-size: 13px;
        color: #000;
    }

    .footer-copyright{
        font-size: 13px;
        color: #000;
    }

    .footer-cookie a {
        color: #000;
        text-decoration: none;
    }
}