* { margin: 0; padding: 0; box-sizing: border-box; }
    body {
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
        background-color: #f9fafb; padding: 32px 20px; margin: 0; color: #1f2937;
    }
    .container {
        max-width: 1000px; margin: 0 auto; background: white; border-radius: 28px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.05); padding: 40px 36px 48px;
    }
    p { font-size: 15.5px; line-height: 1.7; color: #2c3e4f; margin-bottom: 1.2em; }
    .section-title {
        font-size: 21px; font-weight: 700; color: #0f172a; margin: 2em 0 0.8em 0;
        padding-left: 14px; border-left: 4px solid #007BFF;
    }
    ul, ol { padding-left: 20px; margin-bottom: 1.2em; }
    ul li, ol li { font-size: 15.5px; line-height: 1.7; color: #2c3e4f; margin-bottom: 0.4em; }
    a { color: #007bff; text-decoration: none; }
    a:hover { text-decoration: underline; }
    strong { color: #0f172a; }

    /* ===== 垂直时间轴 ===== */
    .timeline {
        position: relative; margin: 28px 0 32px; padding-left: 34px;
    }
    .timeline::before {
        content: ""; position: absolute; left: 10px; top: 6px; bottom: 6px;
        width: 3px; background: #dbeafe; border-radius: 2px;
    }
    .tl-item { position: relative; margin-bottom: 22px; }
    .tl-item::before {
        content: ""; position: absolute; left: -34px; top: 8px;
        width: 15px; height: 15px; border-radius: 50%;
        background: #007BFF; border: 3px solid #fff;
        box-shadow: 0 0 0 2px #007BFF;
    }
    .tl-item .tl-label {
        font-size: 12.5px; font-weight: 700; color: #007BFF;
        letter-spacing: 1px; text-transform: uppercase; margin-bottom: 5px;
    }
    .tl-item .tl-title {
        font-size: 17px; font-weight: 700; color: #0f172a; margin-bottom: 8px;
    }
    .tl-item .tl-card {
        background: #f8fafc; border: 1px solid #e2e8f0;
        border-radius: 12px; padding: 20px 24px;
        overflow: hidden; /* 防止浮动视频/图片溢出卡片 */
    }
    .tl-item .tl-card p {
        font-size: 15px; line-height: 1.75; color: #2c3e4f; margin-bottom: 0.9em;
    }
    .tl-item .tl-card p:last-child { margin-bottom: 0; }

    /* ===== 两张照片并列一行 ===== */
    .img-two-col { display: flex; gap: 16px; margin: 14px 0 18px; }
    .img-two-col img {
        flex: 1; min-width: 0; width: 50%; height: 200px;
        object-fit: cover; border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }

    /* ===== 竖版视频：放在左侧，文字围绕 ===== */
    .float-video-vertical {
        float: left;
        width: 34%; max-width: 260px;
        aspect-ratio: 9 / 16;
        object-fit: cover;
        margin: 4px 22px 10px 0;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        background: #000;
    }

    /* ===== 三原则卡片 ===== */
    .card-row { display: flex; gap: 18px; margin: 22px 0 26px; }
    .card-row .card {
        flex: 1; min-width: 0;
        background: #f8fafc; border: 1px solid #e2e8f0;
        border-radius: 12px; padding: 20px;
    }
    .card-row .card p.card-title {
        font-size: 15px; font-weight: 700; color: #0f172a; margin-bottom: 8px;
    }
    .card-row .card p {
        font-size: 14px; line-height: 1.65; color: #475569; margin: 0;
    }

    /* 图片占位样式 */
    .img-text-row { display: flex; gap: 28px; align-items: flex-start; margin: 0 0 24px; }
    .img-text-row .img-col { flex-shrink: 0; width: 40%; }
    .img-text-row .img-col img {
        width: 100%; border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .img-text-row .text-col { flex: 1; min-width: 0; }
    .full-img {
        display: block; width: 80%; margin: 20px auto 24px;
        border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }

    .cta-box {
        text-align: center; background: #ffffff; border-radius: 28px; margin-top: 28px;
        padding: 24px 20px; border: 1px solid #e5e7eb; box-shadow: 0 8px 20px rgba(0,0,0,0.03);
    }
    .btn {
        display: inline-block; padding: 14px 32px; background-color: #007BFF; color: #fff;
        text-decoration: none; font-size: 16px; font-weight: 600; border-radius: 40px;
        transition: background 0.2s ease; border: none; cursor: pointer; text-align: center;
    }
    .btn:hover { background-color: #0069d9; }

    @media (max-width: 760px) {
        .container { padding: 20px 16px 32px; }
        .card-row { flex-direction: column; }
        .img-text-row { flex-direction: column; }
        .img-text-row .img-col { width: 100%; }
        .full-img { width: 100%; }
        .img-two-col { flex-direction: column; }
        .img-two-col img { width: 100%; height: auto; }
        .float-video-vertical {
            float: none; display: block;
            width: 100%; max-width: 280px; margin: 14px auto 0;
            aspect-ratio: 9 / 16; object-fit: cover;
        }
    }