/* --- 基础设置 --- */ 
        * { 
            box-sizing: border-box; 
            margin: 0; 
            padding: 0; 
        } 
        body { 
            background-color: #f5f5f5; 
            padding: 20px; 
            font-family: sans-serif; 
        } 
        /* --- 模块容器 --- */ 
        .duty-module { 
            width: 1200px; 
            height: 1045px; 
            background-color: #ffffff; 
            position: relative; 
            margin: 0 auto; 
            overflow: hidden; 
            box-shadow: 0 0 20px rgba(0,0,0,0.05); 
        } 
        /* --- SVG 容器 --- */ 
        .lines-svg { 
            position: absolute; 
            top: -110px; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            pointer-events: none; 
            z-index: 1; 
        } 
        /* --- 颜色变量 --- */ 
        :root { 
            --brand-blue: #3260b3; 
            --text-black: #333333; 
        } 
        /* --- 动画关键帧 --- */ 
        @keyframes draw-top { 
            0% { stroke-dashoffset: 2000; } 
            2.86% { stroke-dashoffset: 0; } 
            100% { stroke-dashoffset: 0; } 
        } 
        @keyframes draw-bottom { 
            0% { stroke-dashoffset: 2480; } 
            2.86% { stroke-dashoffset: 2480; } 
            5.71% { stroke-dashoffset: 0; } 
            100% { stroke-dashoffset: 0; } 
        } 
        @keyframes text-fade { 
            0% { opacity: 0; } 
            0.29% { opacity: 1; } 
            100% { opacity: 1; } 
        } 
        
        /* --- SVG 样式 (默认无动画，隐藏状态) --- */ 
        .mask-path-top { 
            fill: none; 
            stroke: white; 
            stroke-width: 50; 
            stroke-linecap: round; 
            stroke-dasharray: 2000; 
            stroke-dashoffset: 2000; 
        } 
        .mask-path-bottom { 
            fill: none; 
            stroke: white; 
            stroke-width: 100; 
            stroke-linecap: round; 
            stroke-dasharray: 2480; 
            stroke-dashoffset: 2480; 
        } 
        .title-text { 
            fill: var(--brand-blue); 
            font-family: 'Damion', cursive; 
            font-size: 80px; 
            opacity: 0; 
        } 

        /* --- 核心控制：只有添加了 .active 类才播放动画 --- */
        .duty-module.active .mask-path-top {
            animation: draw-top 35s linear infinite;
        }
        .duty-module.active .mask-path-bottom {
            animation: draw-bottom 35s linear infinite;
        }
        .duty-module.active .title-text {
            animation: text-fade 35s linear infinite;
        }

        /* --- 列表排版 --- */ 
        .content-list { 
            position: absolute; 
            top: -110px; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            z-index: 2; 
        } 
        .list-item { 
            position: absolute; 
            display: flex; 
            align-items: flex-start; 
            gap: 20px; 
            width: 700px; 
        } 
        .item-num { 
            font-family: 'Damion', cursive; 
            color: var(--brand-blue); 
            font-size: 88px; 
            line-height: 1; 
            flex-shrink: 0; 
            width: 80px; 
            text-align: right; 
            transform: translateY(-35px); 
        } 
        .item-desc { 
            font-family: 'DengXian', '等线', 'Microsoft YaHei', sans-serif; 
            color: var(--text-black); 
            font-size: 20px; 
            line-height: 1.25; 
            padding-top: 5px;
            width: 580px; 
            padding-right: 50px; 
            text-align: justify; 
            text-align-last: left; 
            text-justify: inter-word; 
            word-wrap: break-word; 
            hyphens: auto; 
        } 
        /* 定位坐标 */ 
        .item-1 { top: 395px; left: 650px; width: 710px; } 
        .item-2 { top: 535px; left: 520px; } 
        .item-3 { top: 685px; left: 380px; } 
        .item-4 { top: 835px; left: 230px; width: 780px; } 
        .item-5 { top: 985px; left: 90px; width: 905px; } 
        
        .item-1 .item-desc { width: 270px; padding-right: 0; }
        .item-2 .item-desc { width: 400px; padding-right: 0; }
        .item-4 .item-desc { width: 680px; padding-right: 0; }
        .item-5 .item-desc { 
            font-size: 18px; 
            color: #555;
            width: 890px; 
            padding-right: 0; 
            text-align: justify;
            text-align-last: left;
            text-justify: inter-word;
        } 

        /* ========================================= */
        /* --- 移动端适配 (Max-Width: 768px) --- */
        /* ========================================= */
        @media screen and (max-width: 768px) {
            body { padding: 0; background-color: #fff; }
            .duty-module {
                width: 100%;
                height: auto; 
                min-height: 100vh;
                margin: 0;
                box-shadow: none;
                padding-bottom: 15px; 
                overflow: visible; 
            }
            .lines-svg {
                width: 140%; 
                left: -20%; 
                height: 550px; 
                top: -30px; 
                opacity: 0.9;
                z-index: 0; 
            }
            .title-text { font-size: 90px; }
            .content-list {
                position: relative;
                top: 0;
                width: 100%;
                height: auto;
                padding-top: 200px; 
                padding-left: 20px;
                padding-right: 20px;
                z-index: 2;
            }
            .list-item, .item-1, .item-2, .item-3, .item-4, .item-5 {
                position: relative;
                top: auto !important; 
                left: auto !important; 
                width: 100%; 
                margin-bottom: 30px; 
                display: flex;
                flex-direction: row; 
                align-items: flex-start;
            }
            .item-num {
                font-size: 50px; 
                width: 50px;
                transform: translateY(-5px); 
                text-align: center;
            }
            .item-desc, .item-1 .item-desc, .item-4 .item-desc, .item-5 .item-desc {
                width: 100%; 
                font-size: 16px; 
                padding-right: 25px; 
                text-align: justify; 
            }
            .item-5 .item-desc {
                font-size: 14px; 
                color: #555;
            }
        }