/* ===== 文章详情页专属样式（完全保留模板） ===== */

        .k28a27d0d49 .kf2078af2f6 {

            padding: 30px 0 20px;

            background: linear-gradient(135deg, #ffffff 0%, #e6f0ff 100%);

            border-bottom: 1px solid rgba(0, 102, 255, 0.04);

        }

        .k28a27d0d49 .kf2078af2f6 .k5e9501900b {

            font-size: 0.85rem;

            color: #94a3b8;

            margin-bottom: 10px;

        }

        .k28a27d0d49 .kf2078af2f6 .k5e9501900b a {

            color: #0066ff;

            text-decoration: none;

        }

        .k28a27d0d49 .kf2078af2f6 .k5e9501900b a:hover {

            text-decoration: underline;

        }

        .k28a27d0d49 .kf2078af2f6 .k5e9501900b .k1bb6d04e00 {

            margin: 0 8px;

            color: #d1d9e6;

        }

        .k28a27d0d49 .kf2078af2f6 h1 {

            font-size: 2.2rem;

            font-weight: 800;

            color: #0a2540;

            line-height: 1.2;

            margin-bottom: 8px;

        }

        .k28a27d0d49 .kf2078af2f6 .kdea11fb09b {

            display: flex;

            align-items: center;

            gap: 16px;

            flex-wrap: wrap;

            font-size: 0.85rem;

            color: #5a7fa0;

        }

        .k28a27d0d49 .kf2078af2f6 .kdea11fb09b .ka7484140de {

            display: inline-block;

            font-size: 0.7rem;

            font-weight: 600;

            color: #0066ff;

            background: rgba(0, 102, 255, 0.06);

            padding: 2px 12px;

            border-radius: 30px;

        }

        .k28a27d0d49 .kf2078af2f6 .kdea11fb09b .keaf7a76142 {

            color: #d1d9e6;

        }

        .k28a27d0d49 .kaad19aebbb {

            padding: 40px 0 60px;

            background: #f7faff;

        }

        .k28a27d0d49 .kaad19aebbb .ke3546732db {

            width: 100%;

            min-width: 0;

            background: #ffffff;

            border-radius: 20px;

            padding: 40px 48px;

            border: 1px solid rgba(0, 102, 255, 0.04);

            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);

        }

        /* Content uses semantic tags, styled through its outer container. */

        .ke3546732db > figure { margin: 0 0 24px; width: 100%; height: 260px; border-radius: 12px; overflow: hidden; background: #e6f0ff; }

        .ke3546732db > figure img { display: block; width: 100%; height: 100%; object-fit: cover; }

        .ke3546732db h2 { font-size: 1.6rem; font-weight: 700; color: #0a2540; margin: 28px 0 12px; padding-bottom: 10px; border-bottom: 2px solid rgba(0,102,255,0.04); scroll-margin-top: 110px; }

        .ke3546732db h2:first-of-type { margin-top: 0; }

        .ke3546732db h3 { font-size: 1.2rem; font-weight: 700; color: #0a2540; margin: 20px 0 10px; }

        .ke3546732db p, .ke3546732db li { font-size: 1rem; color: #2f5478; line-height: 1.9; }

        .ke3546732db p { margin-bottom: 16px; }

        .ke3546732db strong { color: #0a2540; }

        .ke3546732db a { color: #0066ff; text-decoration: none; font-weight: 500; }

        .ke3546732db a:hover { text-decoration: underline; }

        .ke3546732db a:focus-visible { outline: 2px solid #0066ff; outline-offset: 3px; }

        .ke3546732db ul { padding-left: 24px; margin: 12px 0 18px; }

        .ke3546732db li { margin-bottom: 6px; }

        .ke3546732db ol { background: #f7faff; border-radius: 12px; padding: 20px 24px 20px 48px; margin: 14px 0 20px; border: 1px solid rgba(0,102,255,0.04); }

        .ke3546732db ol li { padding: 8px 0 8px 6px; font-size: 0.95rem; line-height: 1.8; }

        .ke3546732db ol li::marker { color: #0066ff; font-weight: 700; }

        .ke3546732db blockquote, .ke3546732db aside { padding: 18px 24px; border-radius: 8px; margin: 18px 0; font-size: 0.95rem; color: #2f5478; line-height: 1.8; }

        .ke3546732db blockquote { background: #f0f7ff; border-left: 4px solid #0066ff; }

        .ke3546732db blockquote > strong { color: #0066ff; }

        .ke3546732db aside { background: #fef9e7; border-left: 4px solid #f59e0b; }

        .ke3546732db aside > strong { color: #d97706; }

        .k5006525c0d {

            margin-top: 32px; padding: 28px 32px; width: 100%;

            background: #fff; border: 1px solid rgba(0,102,255,0.04); border-radius: 20px;

        }

        .k5006525c0d header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }

        .k5006525c0d h2 { margin: 0; font-size: 1.3rem; color: #0a2540; }

        .k5006525c0d a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #0066ff; text-decoration: none; }

        .k5006525c0d a:hover { text-decoration: underline; }

        .k5006525c0d a:focus-visible { outline: 2px solid #0066ff; outline-offset: 3px; }

        .k5006525c0d p { margin: 0; color: #5a7fa0; line-height: 1.8; }

        @media (max-width: 768px) {

            .k5006525c0d { margin-top: 20px; padding: 20px 18px; border-radius: 16px; }

        }



        .k28a27d0d49 .ka8847f34dc {

            padding: 40px 0 60px;

            background: #ffffff;

            border-top: 1px solid rgba(0, 102, 255, 0.04);

            text-align: center;

        }

        .k28a27d0d49 .ka8847f34dc h2 {

            font-size: 1.6rem;

            font-weight: 700;

            color: #0a2540;

            margin-bottom: 6px;

        }

        .k28a27d0d49 .ka8847f34dc p {

            color: #2f5478;

            font-size: 1rem;

            margin-bottom: 18px;

        }

        .k28a27d0d49 .ka8847f34dc .kada668eaf4 {

            display: flex;

            gap: 14px;

            justify-content: center;

            flex-wrap: wrap;

        }

        @media (max-width: 1024px) {

            .k28a27d0d49 .kf2078af2f6 h1 {

                font-size: 1.8rem;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db {

                padding: 30px 28px;

            }

        }

        @media (max-width: 768px) {

            .k98390edee9 {

                max-width: 100%;

                padding: 0 20px;

            }

            .k99fc3b3058 {

                display: block;

            }

            .kda556825e1 {

                display: none;

                flex-direction: column;

                width: 100%;

                gap: 12px;

                padding: 16px 0 8px;

                border-top: 1px solid rgba(0, 102, 255, 0.06);

                margin-top: 4px;

                align-items: center;

            }

            .kda556825e1.k5f24972915 {

                display: flex;

            }

            .kda556825e1 a {

                font-size: 1rem;

            }

            .kf496fb72ef {

                width: 100%;

                text-align: center;

                justify-content: center;

            }

            .k28a27d0d49 .kf2078af2f6 {

                padding: 20px 0 16px;

            }

            .k28a27d0d49 .kf2078af2f6 h1 {

                font-size: 1.5rem;

            }

            .k28a27d0d49 .kaad19aebbb {

                padding: 20px 0 40px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db {

                padding: 20px 18px;

                border-radius: 16px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db > figure {

                height: 160px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db h2 {

                font-size: 1.2rem;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db h3 {

                font-size: 1.05rem;

            }

            .k28a27d0d49 .ka8847f34dc h2 {

                font-size: 1.3rem;

            }

            .k28a27d0d49 .ka8847f34dc .kada668eaf4 {

                flex-direction: column;

                align-items: center;

            }

            .k28a27d0d49 .ka8847f34dc .kada668eaf4 .kaba6ea5d6b,

            .k28a27d0d49 .ka8847f34dc .kada668eaf4 .k196c306241 {

                width: 100%;

                justify-content: center;

            }

            .kaeddfd283e {

                bottom: 20px;

                right: 20px;

                width: 44px;

                height: 44px;

                font-size: 1rem;

            }

        }

        @media (max-width: 480px) {

            .k98390edee9 {

                max-width: 100%;

                padding: 0 14px;

            }

            .k28a27d0d49 .kf2078af2f6 h1 {

                font-size: 1.3rem;

            }

            .k28a27d0d49 .kf2078af2f6 .kdea11fb09b {

                font-size: 0.75rem;

                gap: 10px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db {

                padding: 16px 14px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db > figure {

                height: 120px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db p {

                font-size: 0.92rem;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db ul li {

                font-size: 0.92rem;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db blockquote {

                padding: 12px 16px;

                font-size: 0.9rem;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db ol {

                padding: 14px 16px 14px 36px;

            }

            .k28a27d0d49 .kaad19aebbb .ke3546732db ol li {

                font-size: 0.9rem;

            }

            .kaeddfd283e {

                bottom: 16px;

                right: 16px;

                width: 40px;

                height: 40px;

                font-size: 0.9rem;

            }

        }