/* 基础图标样式 */
.z37547icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.z37547icon-chart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
}

.z37547icon-shield {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E");
}

.z37547icon-bolt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E");
}

.z37547icon-headset {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/%3E%3C/svg%3E");
}

.z37547icon-lock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");
}

.z37547icon-user-shield {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E");
}

.z37547icon-apple {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z'/%3E%3C/svg%3E");
}

.z37547icon-android {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.6 9.48l1.84-3.18c.16-.31.04-.69-.26-.85-.29-.15-.65-.06-.83.22l-1.88 3.24c-2.86-1.21-6.08-1.21-8.94 0L5.65 5.67c-.19-.29-.58-.38-.87-.2-.28.18-.37.54-.22.83L6.4 9.48C3.3 11.25 1.28 14.44 1 18h22c-.28-3.56-2.3-6.75-5.4-8.52zM7 15.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/%3E%3C/svg%3E");
}

.z37547icon-wechat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M8.5 13.5l-1.5 1.5 3 3 5-5-1.5-1.5-3.5 3.5-2-2zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E");
}

.z37547icon-weibo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M10.5 15.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5zM12 9c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4zm0 6.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E");
}

.z37547icon-telegram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.98 1.26-5.59 3.7-.53.36-1.01.53-1.44.52-.47-.01-1.38-.27-2.06-.49-.84-.28-1.51-.43-1.45-.91.03-.27.38-.55 1.05-.84 4.12-1.79 6.87-2.97 8.26-3.54 3.93-1.6 4.75-1.88 5.27-1.88.11 0 .36.03.52.18.14.15.18.33.2.52-.01.18-.01.47-.02.52z'/%3E%3C/svg%3E");
}

.z37547icon-twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z'/%3E%3C/svg%3E");
}

/* 全局样式 */
:root {
    --primary-color: #2563eb;
    --primary-dark: #1d4ed8;
    --primary-light: #3b82f6;
    --secondary-color: #1e40af;
    --accent-color: #f59e0b;
    --text-color: #1f2937;
    --text-light: #6b7280;
    --background-color: #ffffff;
    --background-light: #f3f4f6;
    --border-color: #e5e7eb;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --header-height: 80px;
    --container-width: 1200px;
    --section-padding: 4rem;
    --card-padding: 2rem;
    --border-radius: 12px;
    --transition: all 0.3s ease;
}

/* 响应式断点 */
@media screen and (max-width: 1200px) {
    :root {
        --container-width: 100%;
        --section-padding: 3rem;
        --card-padding: 1.5rem;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --header-height: 60px;
        --section-padding: 2rem;
        --card-padding: 1.2rem;
        --border-radius: 8px;
    }
}

@media screen and (max-width: 576px) {
    :root {
        --header-height: 50px;
        --section-padding: 1.5rem;
        --card-padding: 1rem;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--background-color);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
}

ul {
    list-style: none;
}

.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
}

/* 顶部导航栏 */
.z37547main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 1rem 0;
}

.z37547header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 1rem;
    max-width: var(--container-width);
    margin: 0 auto;
}

.z37547logo-section {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.z37547logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.z37547logo i {
    font-size: 2rem;
    color: var(--primary-color);
}

.z37547logo-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
}

.z37547slogan {
    font-size: 0.9rem;
    color: var(--text-light);
}

.z37547main-nav {
    display: block;
}

.z37547nav-list {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
    margin: 0;
    padding: 0;
}

.z37547nav-link {
    color: var(--text-color);
    font-weight: 500;
    padding: 0.5rem 0;
    position: relative;
}

.z37547nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    transition: var(--transition);
}

.z37547nav-link:hover::after,
.z37547nav-link.active::after {
    width: 100%;
}

.z37547header-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.z37547mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.z37547mobile-menu-btn span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    transition: all 0.3s ease;
}

/* 主横幅样式 */
.z37547hero-section {
    padding-top: calc(var(--header-height) + 2rem);
    padding-bottom: 4rem;
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%);
    color: white;
    position: relative;
    overflow: hidden;
}

.z37547hero-wrapper {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547hero-content {
    display: flex;
    align-items: center;
    gap: 4rem;
    position: relative;
    z-index: 1;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547hero-left {
    flex: 1;
    max-width: 600px;
}

.z37547hero-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z37547hero-text {
    margin-bottom: 30px;
}

.z37547hero-badge {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.z37547hero-title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
}

.z37547hero-subtitle {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
}

.z37547hero-tip {
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 1.25rem;
    opacity: 0.88;
    max-width: 560px;
}

.z37547hero-cta {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.z37547cta-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.z37547primary {
    background: #3b82f6;
    color: white;
    border: none;
}

.z37547secondary {
    background: transparent;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.z37547cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.z37547cta-btn i {
    font-size: 18px;
}

.z37547hero-image {
    width: 100%;
    max-width: 500px;
}

.z37547platform-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* 响应式调整 */
@media screen and (max-width: 992px) {
    .z37547hero-section {
        padding-top: calc(var(--header-height) + 1.5rem);
        padding-bottom: 3rem;
    }
    
    .z37547hero-content {
        gap: 2rem;
    }

    .z37547main-nav {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background: white;
        padding: 1rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1001;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        max-height: calc(100vh - 50px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .z37547main-nav.active {
        display: block;
    }

    .z37547mobile-menu-btn {
        display: flex;
    }

    .z37547nav-list {
        flex-direction: column;
        gap: 0.5rem;
    }

    .z37547nav-link {
        display: block;
        padding: 0.8rem;
        border-radius: 8px;
        transition: background-color 0.3s ease;
        color: var(--text-color);
        font-weight: 500;
    }

    .z37547nav-link:hover {
        background-color: var(--background-light);
    }

    .z37547header-actions {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        position: relative;
        z-index: 1002;
    }

    .z37547mobile-menu-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background: var(--text-color);
        transition: all 0.3s ease;
    }

    .z37547mobile-menu-btn.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .z37547mobile-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .z37547mobile-menu-btn.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /* 主横幅优化 */
    .z37547hero-section {
        padding-top: 50px;
        padding-bottom: 2rem;
        margin-top: 0;
    }

    .z37547hero-content {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .z37547hero-left {
        max-width: 100%;
    }

    .z37547hero-title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .z37547hero-subtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .z37547hero-cta {
        justify-content: center;
        gap: 1rem;
    }

    .z37547cta-btn {
        width: 100%;
        justify-content: center;
    }

    /* 调整内容区域的上边距 */
    #download,
    #features,
    #register,
    #about,
    #faq,
    #articles {
        scroll-margin-top: 60px;
    }
}

@media screen and (max-width: 768px) {
    .z37547main-header {
        height: 50px;
        padding: 0;
    }

    .z37547header-wrapper {
        padding: 0 1rem;
        height: 50px;
    }

    .z37547logo-section {
        gap: 0.5rem;
    }

    .z37547logo-text {
        font-size: 1.2rem;
    }

    .z37547slogan {
        display: none;
    }

    .z37547main-nav {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background: white;
        padding: 1rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1001;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        max-height: calc(100vh - 50px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .z37547main-nav.active {
        display: block;
    }

    .z37547nav-list {
        flex-direction: column;
        gap: 0.5rem;
    }

    .z37547nav-link {
        display: block;
        padding: 0.8rem;
        border-radius: 8px;
        transition: background-color 0.3s ease;
        color: var(--text-color);
        font-weight: 500;
    }

    .z37547nav-link:hover {
        background-color: var(--background-light);
    }

    .z37547header-actions {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        position: relative;
        z-index: 1002;
    }

    .z37547mobile-menu-btn {
        display: flex;
        flex-direction: column;
        gap: 6px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.5rem;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .z37547mobile-menu-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background: var(--text-color);
        transition: all 0.3s ease;
    }

    .z37547mobile-menu-btn.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .z37547mobile-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .z37547mobile-menu-btn.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /* 主横幅优化 */
    .z37547hero-section {
        padding-top: 50px;
        padding-bottom: 2rem;
        margin-top: 0;
    }

    .z37547hero-content {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .z37547hero-left {
        max-width: 100%;
    }

    .z37547hero-title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .z37547hero-subtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .z37547hero-cta {
        justify-content: center;
        gap: 1rem;
    }

    .z37547cta-btn {
        width: 100%;
        justify-content: center;
    }

    /* 下载板块优化 */
    .z37547download-content {
        flex-direction: column;
        text-align: center;
        gap: 2rem;
    }

    .z37547download-info {
        max-width: 100%;
    }

    .z37547download-features {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .z37547feature-item {
        justify-content: center;
    }

    .z37547download-buttons {
        flex-direction: column;
        gap: 1rem;
    }

    .z37547download-btn {
        width: 100%;
        justify-content: center;
    }

    .z37547app-preview {
        max-width: 280px;
    }

    /* 特色功能优化 */
    .z37547features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547feature-card {
        text-align: center;
    }

    /* 注册步骤优化 */
    .z37547register-steps {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547step-item {
        padding: 1.2rem;
    }

    /* 平台介绍优化 */
    .z37547about-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547about-card {
        padding: 1.5rem;
    }

    /* 调整内容区域的上边距 */
    #download,
    #features,
    #register,
    #about,
    #faq,
    #articles {
        scroll-margin-top: 60px;
    }
}

/* 特色功能 */
.z37547features-section {
    padding: var(--section-padding) 0;
    background: var(--background-color);
}

.z37547section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.z37547section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--text-color);
}

.z37547section-subtitle {
    font-size: 1.1rem;
    color: var(--text-light);
}

.z37547features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547feature-card {
    background: var(--background-color);
    border-radius: var(--border-radius);
    padding: var(--card-padding);
    box-shadow: 0 4px 6px var(--shadow-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.z37547feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px var(--shadow-color);
}

.z37547feature-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 1.5rem;
}

.z37547feature-card h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.z37547feature-card p {
    color: var(--text-light);
    font-size: 0.95rem;
}

/* 下载板块样式 */
.z37547download-section {
    padding: var(--section-padding) 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    position: relative;
    overflow: hidden;
}

.z37547download-container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547download-content {
    display: flex;
    align-items: center;
    gap: 4rem;
    position: relative;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547download-info {
    flex: 1;
    max-width: 600px;
}

.z37547download-text {
    margin-bottom: 2rem;
}

.z37547download-text h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 1rem;
    line-height: 1.2;
}

.z37547download-text p {
    font-size: 1.1rem;
    color: var(--text-light);
    line-height: 1.6;
    margin-bottom: 2rem;
}

.z37547download-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.z37547feature-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.z37547feature-item:hover {
    transform: translateY(-2px);
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.z37547feature-item .z37547icon {
    width: 32px;
    height: 32px;
}

.z37547feature-item span {
    font-weight: 500;
    color: var(--text-color);
}

.z37547download-buttons {
    display: flex;
    gap: 1rem;
}

.z37547download-btn {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.z37547ios {
    background: linear-gradient(135deg, #000000, #333333);
    color: white;
}

.z37547android {
    background: linear-gradient(135deg, #2BB673, #3DDC84);
    color: white;
}

.z37547download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.z37547download-btn .z37547icon {
    width: 24px;
    height: 24px;
}

.z37547btn-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.z37547btn-title {
    font-size: 1.1rem;
    font-weight: 600;
}

.z37547btn-subtitle {
    font-size: 0.9rem;
    opacity: 0.8;
}

.z37547download-preview {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z37547preview-image {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.z37547app-preview {
    width: 100%;
    height: auto;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transform: perspective(1000px) rotateY(-15deg);
    transition: all 0.3s ease;
}

.z37547app-preview:hover {
    transform: perspective(1000px) rotateY(-5deg);
}

.z37547preview-badge {
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: white;
    padding: 1rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 2;
}

.z37547badge-text {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--text-color);
}

.z37547qr-code {
    width: 120px;
    height: 120px;
    padding: 0.5rem;
    background: white;
    border-radius: 8px;
}

.z37547qr-code img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 响应式调整 */
@media screen and (max-width: 1200px) {
    .z37547download-content {
        gap: 2rem;
    }
    
    .z37547download-text h3 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 992px) {
    .z37547download-content {
        flex-direction: column;
        text-align: center;
    }
    
    .z37547download-info {
        max-width: 100%;
    }
    
    .z37547download-features {
        justify-content: center;
    }
    
    .z37547feature-item {
        justify-content: center;
    }
    
    .z37547download-buttons {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .z37547download-features {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .z37547download-buttons {
        flex-direction: column;
    }
    
    .z37547download-btn {
        width: 100%;
    }
    
    .z37547app-preview {
        max-width: 300px;
    }
}

@media screen and (max-width: 576px) {
    .z37547download-text h3 {
        font-size: 1.8rem;
    }
    
    .z37547download-text p {
        font-size: 1rem;
    }
    
    .z37547feature-item {
        padding: 0.8rem;
    }
}

/* 安全保障 */
.z37547security-section {
    padding: var(--section-padding) 0;
    background: var(--background-color);
}

.z37547security-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547security-card {
    background: var(--background-color);
    border-radius: var(--border-radius);
    padding: var(--card-padding);
    box-shadow: 0 4px 6px var(--shadow-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.z37547security-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px var(--shadow-color);
}

.z37547security-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 1.5rem;
}

.z37547security-card h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.z37547security-card p {
    color: var(--text-light);
    font-size: 0.95rem;
}

/* 底部区域 */
.z37547main-footer {
    background: var(--background-light);
    padding: var(--section-padding) 0 0;
}

.z37547footer-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547footer-section h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: var(--text-color);
}

.z37547footer-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.z37547footer-section ul li {
    margin-bottom: 0.8rem;
}

.z37547footer-section ul li button {
    background: none;
    border: none;
    color: var(--text-light);
    cursor: pointer;
    padding: 0;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.z37547footer-section ul li button:hover {
    color: var(--primary-color);
}

.z37547footer-bottom {
    text-align: center;
    padding: 2rem 0;
    margin-top: 2rem;
    border-top: 1px solid var(--border-color);
}

.z37547footer-bottom p {
    color: var(--text-light);
    font-size: 0.9rem;
    margin: 0.5rem 0;
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .z37547hero-title {
        font-size: 3rem;
    }
    
    .z37547section-title {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 992px) {
    .z37547hero-content,
    .z37547download-content {
        flex-direction: column;
        text-align: center;
    }

    .z37547hero-stats {
        justify-content: center;
    }

    .z37547download-buttons {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    /* 导航栏优化 */
    .z37547main-header {
        height: 50px;
        padding: 0;
    }

    .z37547header-wrapper {
        padding: 0 1rem;
        height: 50px;
    }

    .z37547logo-section {
        gap: 0.5rem;
    }

    .z37547logo-text {
        font-size: 1.2rem;
    }

    .z37547slogan {
        display: none;
    }

    /* 主横幅优化 */
    .z37547hero-section {
        padding-top: 50px;
        padding-bottom: 2rem;
        margin-top: 0;
    }

    .z37547hero-content {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .z37547hero-left {
        max-width: 100%;
    }

    .z37547hero-title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .z37547hero-subtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .z37547hero-cta {
        justify-content: center;
        gap: 1rem;
    }

    .z37547cta-btn {
        width: 100%;
        justify-content: center;
    }

    /* 下载板块优化 */
    .z37547download-content {
        flex-direction: column;
        text-align: center;
        gap: 2rem;
    }

    .z37547download-info {
        max-width: 100%;
    }

    .z37547download-features {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .z37547feature-item {
        justify-content: center;
    }

    .z37547download-buttons {
        flex-direction: column;
        gap: 1rem;
    }

    .z37547download-btn {
        width: 100%;
        justify-content: center;
    }

    .z37547app-preview {
        max-width: 280px;
    }

    /* 特色功能优化 */
    .z37547features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547feature-card {
        text-align: center;
    }

    /* 注册步骤优化 */
    .z37547register-steps {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547step-item {
        padding: 1.2rem;
    }

    /* 平台介绍优化 */
    .z37547about-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547about-card {
        padding: 1.5rem;
    }

    /* 移动端导航菜单 */
    .z37547main-nav {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background: white;
        padding: 1rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1001;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        max-height: calc(100vh - 50px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .z37547main-nav.active {
        display: block;
    }

    .z37547nav-list {
        flex-direction: column;
        gap: 0.5rem;
    }

    .z37547nav-link {
        display: block;
        padding: 0.8rem;
        border-radius: 8px;
        transition: background-color 0.3s ease;
    }

    .z37547nav-link:hover {
        background-color: var(--background-light);
    }

    .z37547header-actions {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        position: relative;
        z-index: 1002;
    }

    .z37547mobile-menu-btn {
        display: flex;
    }

    /* 调整内容区域的上边距 */
    #download,
    #features,
    #register,
    #about,
    #faq,
    #articles {
        scroll-margin-top: 60px;
    }
}

@media screen and (max-width: 576px) {
    /* 导航栏进一步优化 */
    .z37547main-header {
        height: 45px;
    }

    .z37547header-wrapper {
        height: 45px;
    }

    .z37547logo-text {
        font-size: 1.1rem;
    }

    /* 主横幅进一步优化 */
    .z37547hero-title {
        font-size: 1.8rem;
    }

    .z37547hero-subtitle {
        font-size: 0.95rem;
    }

    /* 下载板块进一步优化 */
    .z37547download-text h3 {
        font-size: 1.6rem;
    }

    .z37547download-text p {
        font-size: 0.95rem;
    }

    .z37547feature-item {
        padding: 0.8rem;
    }

    .z37547app-preview {
        max-width: 240px;
    }

    /* 底部区域优化 */
    .z37547footer-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }

    .z37547footer-section {
        padding: 0 1rem;
    }

    .z37547social-links {
        justify-content: center;
    }

    .z37547footer-bottom {
        padding: 1.5rem 1rem;
    }

    .z37547main-nav {
        top: 45px;
    }

    .z37547nav-link {
        padding: 0.7rem;
        font-size: 0.95rem;
    }

    .z37547section-nav {
        top: 45px;
    }

    .z37547nav-items {
        padding: 0.4rem 0.6rem;
    }

    .z37547nav-item {
        padding: 0.3rem 0.6rem;
        font-size: 0.8rem;
    }
    
    .z37547about-card {
        padding: 1.5rem;
    }

    #download,
    #features,
    #register,
    #about,
    #faq,
    #articles {
        scroll-margin-top: 50px;
    }
}

/* 广告区域样式 */
.z37547ad-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 1rem 2rem;
    background: var(--background-light);
    border-radius: var(--border-radius);
    margin-bottom: 2rem;
}

/* 栏目导航样式 */
.z37547section-nav {
    background: var(--background-color);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: var(--header-height);
    z-index: 100;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.z37547section-nav::-webkit-scrollbar {
    display: none;
}

.z37547nav-items {
    display: flex;
    gap: 0.8rem;
    padding: 0.8rem 1rem;
    max-width: var(--container-width);
    margin: 0 auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.z37547nav-items::-webkit-scrollbar {
    display: none;
}

.z37547nav-item {
    padding: 0.6rem 1rem;
    border-radius: 8px;
    background: var(--background-light);
    color: var(--text-color);
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
}

.z37547nav-item:hover {
    background: var(--primary-light);
    color: white;
}

.z37547nav-item.active {
    background: var(--primary-color);
    color: white;
}

/* 注册指南样式 */
.z37547register-section {
    padding: var(--section-padding) 0;
    background: var(--background-color);
}

.z37547register-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547step-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--background-light);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.z37547step-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px var(--shadow-color);
}

.z37547step-number {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
}

.z37547step-content h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.z37547step-content p {
    color: var(--text-light);
}

/* 平台介绍样式 */
.z37547about-section {
    padding: var(--section-padding) 0;
    background: var(--background-light);
}

.z37547about-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547about-card {
    background: var(--background-color);
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 6px var(--shadow-color);
}

.z37547about-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--primary-color);
}

.z37547about-card ul {
    list-style: none;
}

.z37547about-card ul li {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    position: relative;
}

.z37547about-card ul li::before {
    content: "•";
    color: var(--primary-color);
    position: absolute;
    left: 0;
}

/* 底部区域样式 */
.z37547footer-logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.z37547footer-logo i {
    font-size: 1.5rem;
    color: var(--primary-color);
}

.z37547footer-description {
    color: var(--text-light);
    margin-bottom: 1.5rem;
}

.z37547social-links {
    display: flex;
    gap: 1rem;
}

.z37547social-links button {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: var(--transition);
}

.z37547social-links button:hover {
    background: var(--primary-color);
    transform: translateY(-2px);
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    .z37547download-content {
        flex-direction: column;
        text-align: center;
    }

    .z37547download-buttons {
        flex-direction: column;
    }

    .z37547download-btn {
        width: 100%;
        justify-content: center;
    }

    .z37547register-steps {
        grid-template-columns: 1fr;
    }

    .z37547about-content {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 576px) {
    .z37547nav-item {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }

    .z37547download-text h3 {
        font-size: 1.5rem;
    }

    .z37547download-text p {
        font-size: 1rem;
    }

    .z37547step-item {
        padding: 1rem;
    }

    .z37547about-card {
        padding: 1.5rem;
    }
}

/* ---------- 内页布局 / 文章列表 / 侧栏 / 翻页 / 首页文章与常见问题 ---------- */

.z37547nav-list .z37547nav-item {
    list-style: none;
}

.z37547nav-list > li.z37547nav-item.z37547this > .z37547nav-link,
.z37547nav-list > li.z37547this > .z37547nav-link {
    color: var(--primary-color);
}

.z37547nav-list > li.z37547nav-item.z37547this > .z37547nav-link::after,
.z37547nav-list > li.z37547this > .z37547nav-link::after {
    width: 100%;
}

.z37547nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 0.5rem 0;
    margin: 0;
    z-index: 1200;
}

.z37547nav-list > .z37547nav-item {
    position: relative;
}

@media screen and (min-width: 993px) {
    .z37547nav-list > .z37547nav-item:hover > .z37547nav-child {
        display: block;
    }
}

.z37547nav-child dd {
    margin: 0;
    padding: 0;
}

.z37547nav-child dd a {
    display: block;
    padding: 0.5rem 1rem;
    color: var(--text-color);
    font-size: 0.9rem;
}

.z37547nav-child dd a:hover {
    background: var(--background-light);
    color: var(--primary-color);
}

.z37547inner-page {
    padding-top: calc(var(--header-height) + 1.5rem);
    padding-bottom: var(--section-padding);
    background: var(--background-light);
    min-height: 50vh;
}

.z37547inner-wrap {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.z37547inner-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
    align-items: start;
}

.z37547inner-main {
    background: var(--background-color);
    border-radius: var(--border-radius);
    padding: var(--card-padding);
    box-shadow: 0 4px 12px var(--shadow-color);
}

.z37547inner-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.z37547side-widget {
    background: var(--background-color);
    border-radius: var(--border-radius);
    padding: 1.25rem;
    box-shadow: 0 2px 8px var(--shadow-color);
}

.z37547side-widget h3 {
    font-size: 1.05rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--primary-color);
    color: var(--text-color);
}

.z37547side-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.z37547side-list li {
    margin-bottom: 0.75rem;
}

.z37547side-list a {
    color: var(--text-color);
    font-size: 0.9rem;
    line-height: 1.4;
}

.z37547side-list a:hover {
    color: var(--primary-color);
}

.z37547side-thumb {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}

.z37547side-thumb .z37547thumb-img {
    flex: 0 0 72px;
    width: 72px;
    height: 54px;
    border-radius: 6px;
    overflow: hidden;
    background: var(--background-light);
}

.z37547side-thumb .z37547thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.z37547side-thumb .z37547thumb-body {
    flex: 1;
    min-width: 0;
}

.z37547side-thumb .z37547thumb-title {
    font-size: 0.88rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.z37547side-thumb .z37547thumb-meta {
    font-size: 0.75rem;
    color: var(--text-light);
}

.z37547channel-tree {
    list-style: none;
    margin: 0;
    padding: 0;
}

.z37547channel-tree > li {
    margin-bottom: 0.65rem;
}

.z37547channel-tree > li > a {
    font-weight: 600;
    color: var(--text-color);
}

.z37547channel-tree .z37547channel-son {
    list-style: none;
    margin: 0.35rem 0 0 0.75rem;
    padding: 0;
}

.z37547channel-tree .z37547channel-son li {
    margin-bottom: 0.35rem;
}

.z37547channel-tree .z37547channel-son a {
    font-size: 0.88rem;
    color: var(--text-light);
}

.z37547article-header h1 {
    font-size: 1.75rem;
    line-height: 1.35;
    margin-bottom: 0.75rem;
}

.z37547article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    font-size: 0.9rem;
    color: var(--text-light);
    margin-bottom: 1.25rem;
}

.z37547article-litpic {
    margin-bottom: 1.25rem;
    border-radius: var(--border-radius);
    overflow: hidden;
    text-align: center;
    background: var(--background-light);
}

.z37547article-litpic img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.z37547article-slide {
    margin-bottom: 1.25rem;
}

.z37547article-body {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--text-color);
    word-break: break-word;
}

.z37547article-body img {
    max-width: 100%;
    height: auto;
}

.z37547prenext {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-color);
    font-size: 0.95rem;
}

.z37547meta-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.z37547tagitem a {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    background: var(--background-light);
    border-radius: 999px;
    font-size: 0.85rem;
    color: var(--primary-color);
}

.z37547related-heading {
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    font-weight: 600;
}

.z37547related-thumb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.z37547related-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.z37547related-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.z37547related-thumb {
    flex: 0 0 120px;
    width: 120px;
    height: 75px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--background-light);
    display: block;
}

.z37547related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.z37547related-body {
    flex: 1;
    min-width: 0;
}

.z37547related-title {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-color);
    display: block;
    margin-bottom: 0.35rem;
}

.z37547related-title:hover {
    color: var(--primary-color);
}

.z37547related-desc {
    margin: 0;
    font-size: 0.88rem;
    color: var(--text-light);
    line-height: 1.5;
}

.z37547article-lead,
.z37547list-lead {
    margin-top: 1rem;
    font-size: 0.92rem;
    line-height: 1.65;
    color: var(--text-light);
}

.z37547article-lead strong,
.z37547list-lead strong {
    color: var(--text-color);
    font-weight: 600;
}

.z37547images-block {
    margin-top: 1.5rem;
}

.z37547images-block p {
    margin-bottom: 1rem;
}

.z37547images-block img {
    max-width: 100%;
    border-radius: 8px;
}

.z37547diyfield {
    margin-top: 1.25rem;
    padding: 1rem;
    background: var(--background-light);
    border-radius: 8px;
    font-size: 0.95rem;
}

.z37547list-thumb-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.z37547list-item {
    display: flex;
    gap: 1.25rem;
    align-items: stretch;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.z37547list-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.z37547list-item .z37547list-img {
    flex: 0 0 200px;
    max-width: 40%;
    border-radius: 10px;
    overflow: hidden;
    background: var(--background-light);
}

.z37547list-item .z37547list-img--thumb {
    flex: 0 0 160px;
    max-width: 160px;
    width: 160px;
    aspect-ratio: 16 / 10;
}

.z37547list-item .z37547list-img--thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.z37547list-item .z37547list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 120px;
    display: block;
}

.z37547list-item .z37547list-img--thumb img {
    min-height: 0;
    height: 100%;
}

.z37547list-item .z37547list-text {
    flex: 1;
    min-width: 0;
}

.z37547list-item .z37547list-title {
    font-size: 1.15rem;
    margin: 0 0 0.5rem;
}

.z37547list-item .z37547list-title a {
    color: var(--text-color);
}

.z37547list-item .z37547list-title a:hover {
    color: var(--primary-color);
}

.z37547list-item .z37547list-info {
    font-size: 0.85rem;
    color: var(--text-light);
    margin-bottom: 0.5rem;
}

.z37547list-item .z37547list-intro {
    font-size: 0.95rem;
    color: var(--text-light);
    line-height: 1.6;
    margin: 0;
}

.z37547pagebar {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.z37547pagebar .zzpages.z37547pages,
.z37547pagebar .zzpages {
    width: 100%;
}

.z37547pagebar .pagelist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.z37547pagebar .pagelist li {
    flex: 0 0 auto;
}

.z37547pagebar .pagelist::before {
    content: "";
    flex: 1 1 auto;
    order: 1;
    min-width: 0.5rem;
}

.z37547pagebar .pagelist li:nth-child(-n + 3) {
    order: 0;
}

.z37547pagebar .pagelist li:nth-child(n + 4) {
    order: 2;
}

@media screen and (max-width: 576px) {
    .z37547pagebar .pagelist {
        justify-content: center;
    }

    .z37547pagebar .pagelist::before {
        display: none;
    }

    .z37547pagebar .pagelist li {
        order: unset !important;
    }
}

.z37547faq-section {
    padding: var(--section-padding) 0;
    background: var(--background-light);
}

.z37547faq-grid {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.z37547faq-item {
    background: var(--background-color);
    border-radius: var(--border-radius);
    padding: 1.25rem 1.5rem;
    box-shadow: 0 2px 8px var(--shadow-color);
}

.z37547faq-item h3 {
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
    color: var(--primary-color);
}

.z37547faq-item p {
    font-size: 0.95rem;
    color: var(--text-light);
    margin: 0;
    line-height: 1.6;
}

.z37547home-articles-section {
    padding: var(--section-padding) 0;
    background: var(--background-color);
}

.z37547home-articles-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.z37547home-article-card {
    background: var(--background-light);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 2px 8px var(--shadow-color);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
}

.z37547home-article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px var(--shadow-color);
}

.z37547home-article-card .z37547home-article-thumb {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e5e7eb;
}

.z37547home-article-card .z37547home-article-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.z37547home-article-card .z37547home-article-body {
    padding: 0.85rem 1rem 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.z37547home-article-card .z37547home-article-title {
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0.35rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.z37547home-article-card .z37547home-article-title a {
    color: var(--text-color);
}

.z37547home-article-card .z37547home-article-title a:hover {
    color: var(--primary-color);
}

.z37547home-article-card .z37547home-article-meta {
    font-size: 0.75rem;
    color: var(--text-light);
    margin-top: auto;
}

@media screen and (max-width: 1200px) {
    .z37547home-articles-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .z37547inner-layout {
        grid-template-columns: 1fr;
    }

    .z37547inner-sidebar {
        order: 2;
    }

    .z37547list-item {
        flex-direction: column;
    }

    .z37547list-item .z37547list-img {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .z37547list-item .z37547list-img--thumb {
        flex: none;
        max-width: 100%;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .z37547faq-grid {
        grid-template-columns: 1fr;
        padding: 0 1rem;
    }

    .z37547home-articles-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 1rem;
        gap: 1rem;
    }

    .z37547article-header h1 {
        font-size: 1.4rem;
    }

    .z37547related-item {
        flex-direction: column;
    }

    .z37547related-thumb {
        width: 100%;
        max-width: 280px;
        height: auto;
        aspect-ratio: 16 / 10;
    }
}

@media screen and (max-width: 576px) {
    .z37547home-articles-grid {
        grid-template-columns: 1fr;
    }

    .z37547inner-wrap {
        padding: 0 1rem;
    }

    .z37547inner-main {
        padding: 1rem;
    }
}

#faq,
#articles {
    scroll-margin-top: calc(var(--header-height) + 8px);
}

.z37547side-widget .z37547nav-child {
    display: block;
    position: static;
    box-shadow: none;
    background: transparent;
    padding: 0.25rem 0 0 0.75rem;
    margin: 0.35rem 0 0;
}

.z37547side-widget .z37547nav-child dd {
    margin-bottom: 0.35rem;
}

.z37547footer-links-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem 2rem;
}

.z37547footer-links-section h3 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: var(--text-color);
}

.z37547footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.z37547footer-links a {
    color: var(--text-light);
    font-size: 0.9rem;
}

.z37547footer-links a:hover {
    color: var(--primary-color);
}

/* ========== 首页四板块重设计：交易 / 注册 / 介绍 / 安全（对称 · 响应式） ========== */

.z37547feat2-scope {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 45%, #f1f5f9 100%);
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
}

.z37547feat2-scope .z37547section-header {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.z37547feat2-shell {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2rem);
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(0, 1.35fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: stretch;
}

.z37547feat2-intro {
    background: #fff;
    border-radius: 20px;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.12);
    position: relative;
    overflow: hidden;
}

.z37547feat2-intro::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--primary-light), var(--primary-color));
    border-radius: 20px 0 0 20px;
}

.z37547feat2-kicker {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.75rem;
}

.z37547feat2-lead {
    font-size: clamp(1rem, 1.8vw, 1.12rem);
    line-height: 1.75;
    color: var(--text-color);
    margin: 0 0 1.25rem;
}

.z37547feat2-bullets {
    margin: 0;
    padding: 0 0 0 1.1rem;
    color: var(--text-light);
    font-size: 0.95rem;
    line-height: 1.65;
}

.z37547feat2-bullets li {
    margin-bottom: 0.5rem;
}

.z37547feat2-bento {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: clamp(1rem, 2vw, 1.35rem);
}

.z37547feat2-cell {
    background: #fff;
    border-radius: 16px;
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    border: 1px solid var(--border-color);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.z37547feat2-cell:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.12);
}

.z37547feat2-cell--chart {
    border-top: 4px solid #3b82f6;
}

.z37547feat2-cell--bolt {
    border-top: 4px solid #f59e0b;
}

.z37547feat2-cell--shield {
    border-top: 4px solid #10b981;
}

.z37547feat2-cell--headset {
    border-top: 4px solid #8b5cf6;
}

.z37547feat2-cell-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--background-light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.z37547feat2-cell h3 {
    margin: 0;
    font-size: 1.15rem;
    color: var(--text-color);
}

.z37547feat2-cell p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.65;
    color: var(--text-light);
    flex: 1;
}

.z37547feat2-metrics {
    max-width: var(--container-width);
    margin: clamp(2rem, 4vw, 3rem) auto 0;
    padding: 0 clamp(1rem, 3vw, 2rem);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.z37547feat2-metric {
    text-align: center;
    padding: 1.25rem 1rem;
    background: #fff;
    border-radius: 14px;
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

.z37547feat2-metric strong {
    display: block;
    font-size: 1.35rem;
    color: var(--primary-color);
    margin-bottom: 0.35rem;
}

.z37547feat2-metric span {
    font-size: 0.88rem;
    color: var(--text-light);
    line-height: 1.45;
}

/* 注册：中轴时间线 */
.z37547reg2-scope {
    background: #fff;
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    position: relative;
}

.z37547reg2-scope::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(37, 99, 235, 0.07) 1px, transparent 0);
    background-size: 28px 28px;
    pointer-events: none;
    opacity: 0.5;
}

.z37547reg2-scope .z37547section-header {
    position: relative;
    z-index: 1;
}

.z37547reg2-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2rem);
    position: relative;
    z-index: 1;
}

.z37547reg2-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
}

.z37547reg2-timeline::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 28px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-light), var(--primary-color), var(--primary-light));
    border-radius: 3px;
    z-index: 0;
}

.z37547reg2-node {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 0.5rem;
}

.z37547reg2-badge {
    width: 56px;
    height: 56px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 800;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.2);
}

.z37547reg2-card {
    background: #fff;
    border-radius: 16px;
    padding: 1.35rem 1.1rem;
    border: 1px solid var(--border-color);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.07);
    text-align: left;
    min-height: 220px;
}

.z37547reg2-card h3 {
    margin: 0 0 0.6rem;
    font-size: 1.05rem;
    color: var(--text-color);
}

.z37547reg2-card > p {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--text-light);
}

.z37547reg2-mini {
    margin: 0;
    padding-left: 1rem;
    font-size: 0.82rem;
    color: var(--text-light);
    line-height: 1.55;
}

.z37547reg2-mini li {
    margin-bottom: 0.35rem;
}

/* 平台介绍：社论 + 镜像 + 四象 */
.z37547ab2-scope {
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
    background: linear-gradient(135deg, #eef2ff 0%, #f8fafc 40%, #ffffff 100%);
}

.z37547ab2-body {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2rem);
}

.z37547ab2-quote {
    margin: 0 0 2rem;
    padding: clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
    background: #fff;
    border-radius: 20px;
    border-left: 5px solid var(--primary-color);
    box-shadow: 0 10px 36px rgba(15, 23, 42, 0.08);
}

.z37547ab2-quote p {
    margin: 0;
    font-size: clamp(1.05rem, 2.2vw, 1.2rem);
    line-height: 1.8;
    color: var(--text-color);
    font-style: normal;
}

.z37547ab2-mirror {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: clamp(1rem, 3vw, 2rem);
    align-items: stretch;
    margin-bottom: 2.5rem;
}

.z37547ab2-mirror-col {
    background: #fff;
    border-radius: 16px;
    padding: 1.5rem 1.35rem;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}

.z37547ab2-mirror-title {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    color: var(--primary-color);
    text-align: center;
}

.z37547ab2-mirror-col p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--text-light);
    text-align: center;
}

.z37547ab2-mirror-divider {
    width: 2px;
    background: linear-gradient(180deg, transparent, var(--primary-color), transparent);
    border-radius: 2px;
    min-height: 120px;
    align-self: center;
}

.z37547ab2-pillars {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(0.75rem, 2vw, 1.25rem);
}

.z37547ab2-pillar {
    background: #fff;
    border-radius: 14px;
    padding: 1.25rem 1rem;
    text-align: center;
    border: 1px solid rgba(37, 99, 235, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.z37547ab2-pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.1);
}

.z37547ab2-pillar-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 0.75rem;
    border-radius: 50%;
    background: var(--background-light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.z37547ab2-pillar h4 {
    margin: 0 0 0.5rem;
    font-size: 0.98rem;
    color: var(--text-color);
}

.z37547ab2-pillar p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.55;
    color: var(--text-light);
}

/* 安全保障：深色对称三柱 */
.z37547sec2-scope {
    padding: clamp(2.5rem, 5vw, 4rem) 0;
    background: #e2e8f0;
}

.z37547sec2-panel {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 3vw, 2rem);
    background: linear-gradient(155deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.z37547sec2-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 2.5rem;
}

.z37547sec2-title {
    margin: 0 0 0.75rem;
    font-size: clamp(1.75rem, 3.5vw, 2.35rem);
    font-weight: 700;
    color: #f8fafc;
    letter-spacing: 0.02em;
}

.z37547sec2-sub {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #94a3b8;
}

.z37547sec2-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.25rem, 3vw, 2rem);
}

.z37547sec2-col {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 18px;
    padding: 1.75rem 1.35rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.z37547sec2-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(59, 130, 246, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.z37547sec2-col .z37547icon {
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

.z37547sec2-col h3 {
    margin: 0 0 0.65rem;
    font-size: 1.15rem;
    color: #f1f5f9;
}

.z37547sec2-lead {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #cbd5e1;
    text-align: left;
    width: 100%;
}

.z37547sec2-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    width: 100%;
}

.z37547sec2-list li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.55rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #94a3b8;
}

.z37547sec2-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #38bdf8;
}

/* 响应式断点 */
@media screen and (max-width: 992px) {
    .z37547feat2-shell {
        grid-template-columns: 1fr;
    }

    .z37547feat2-bento {
        grid-template-columns: 1fr;
    }

    .z37547feat2-metrics {
        grid-template-columns: 1fr;
    }

    .z37547reg2-timeline {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .z37547reg2-timeline::before {
        left: 28px;
        right: auto;
        top: 0;
        bottom: 0;
        width: 3px;
        height: auto;
        background: linear-gradient(180deg, var(--primary-light), var(--primary-color));
    }

    .z37547reg2-node {
        text-align: left;
        padding-left: 3.5rem;
        position: relative;
    }

    .z37547reg2-badge {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }

    .z37547reg2-card {
        min-height: 0;
    }

    .z37547ab2-mirror {
        grid-template-columns: 1fr;
    }

    .z37547ab2-mirror-divider {
        width: 100%;
        height: 2px;
        min-height: 0;
        background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
    }

    .z37547ab2-pillars {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .z37547ab2-pillars {
        grid-template-columns: 1fr;
    }

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

    .z37547sec2-panel {
        border-radius: 18px;
    }
}