﻿/* ====== 分隔线特效容器 ====== */
/* 修改：所有段落后面都添加分隔线，包括最后一个 */

/* 容器1：实线分隔线 - 所有段落都加 */
.lxh-container-1 p::after {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 1);
    border-bottom: none;
    height: 0;
    margin: 1rem 0;
}

/* 容器2：灰色实线 - 所有段落都加 */
.lxh-container-2 p::after {
    content: '';
    display: block;
    border: none;
    height: 2px;
    background: #ccc;
    margin: 1rem 0;
}

/* 容器3：虚线 - 所有段落都加 */
.lxh-container-3 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 1px dashed #999;
    margin: 1rem 0;
}

/* 容器4：点状线 - 所有段落都加 */
.lxh-container-4 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 2px dotted #666;
    margin: 1rem 0;
}

/* 容器5：双线 - 所有段落都加 */
.lxh-container-5 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 3px double #333;
    margin: 1rem 0;
}

/* 容器6：黑白间隔线 - 所有段落都加 */
.lxh-container-6 p::after {
    content: '';
    display: block;
    border: none;
    height: 2px;
    background: repeating-linear-gradient(to right, #000 0, #000 5px, transparent 5px, transparent 10px);
    margin: 1rem 0;
}

/* 容器7：斑马线 - 所有段落都加 */
.lxh-container-7 p::after {
    content: '';
    display: block;
    border: none;
    height: 3px;
    background: repeating-linear-gradient(90deg, #555, #555 10px, #fff 10px, #fff 20px);
    margin: 1rem 0;
}

/* 容器8：黑白渐变 - 所有段落都加 */
.lxh-container-8 p::after {
    content: '';
    display: block;
    border: none;
    height: 3px;
    background: linear-gradient(to right, #000, #fff);
    margin: 1rem 0;
}

/* 容器9：彩虹渐变 - 所有段落都加 */
.lxh-container-9 p::after {
    content: '';
    display: block;
    border: none;
    height: 4px;
    background: linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);
    margin: 1rem 0;
}

/* 容器10：斜条纹 - 所有段落都加 */
.lxh-container-10 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: repeating-linear-gradient(45deg, #333, #333 10px, #eee 10px, #eee 20px);
    margin: 1rem 0;
}

/* 容器11：默认细线 - 所有段落都加 */
.lxh-container-11 p::after {
    content: '';
    display: block;
    border: none;
    height: 1px;
    background: #ddd;
    margin: 1rem 0;
}

/* 容器12：带边距虚线 - 所有段落都加 */
.lxh-container-12 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 2px dashed #666;
    margin: 1rem 0;
}

/* 容器13：浅色点线 - 所有段落都加 */
.lxh-container-13 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 3px dotted #888;
    margin: 1rem 0;
}

/* 容器14：立体双线 - 所有段落都加 */
.lxh-container-14 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    border-top: 3px double #444;
    margin: 1rem 0;
}

/* 容器15：带阴影线 - 所有段落都加 */
.lxh-container-15 p::after {
    content: '';
    display: block;
    border: none;
    height: 2px;
    background: #222;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    margin: 1rem 0;
}

/* 容器16：橙红渐变 - 所有段落都加 */
.lxh-container-16 p::after {
    content: '';
    display: block;
    border: none;
    height: 4px;
    background: linear-gradient(90deg,#ff7a18,#af002d);
    margin: 1rem 0;
}

/* 容器17：蓝黄渐变 - 所有段落都加 */
.lxh-container-17 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(135deg,#00c3ff,#ffff1c);
    margin: 1rem 0;
}

/* 容器18：黑白条 - 所有段落都加 */
.lxh-container-18 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: repeating-linear-gradient(90deg,#333 0 6px,#fff 6px 12px);
    margin: 1rem 0;
}

/* 容器19：全彩光谱 - 所有段落都加 */
.lxh-container-19 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: linear-gradient(90deg,#f00,#f90,#ff0,#0f0,#0ff,#00f,#90f);
    margin: 1rem 0;
}

/* 容器20：金属质感 - 所有段落都加 */
.lxh-container-20 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#ddd,#bbb,#ddd);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    margin: 1rem 0;
}

/* 容器21：毛玻璃效果 - 所有段落都加 */
.lxh-container-21 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(4px);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    margin: 1rem 0;
}

/* 容器22：霓虹青 - 所有段落都加 */
.lxh-container-22 p::after {
    content: '';
    display: block;
    border: none;
    height: 4px;
    background: #0ff;
    box-shadow: 0 0 12px #0ff, 0 0 24px rgba(0,255,255,0.2);
    margin: 1rem 0;
}

/* 容器23：立体凹陷 - 所有段落都加 */
.lxh-container-23 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#fff, #777 50%, #fff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    margin: 1rem 0;
}

/* 容器24：蓝绿分隔 - 所有段落都加 */
.lxh-container-24 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#3498db 0 50%, #2ecc71 50% 100%);
    margin: 1rem 0;
}

/* 容器25：白色阴影 - 所有段落都加 */
.lxh-container-25 p::after {
    content: '';
    display: block;
    border: none;
    height: 2px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    margin: 1rem 0;
}

/* 容器26：斜角黑白 - 所有段落都加 */
.lxh-container-26 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: repeating-linear-gradient(135deg,#444 0 8px,#eee 8px 16px);
    margin: 1rem 0;
}

/* 容器27：渐入渐出 - 所有段落都加 */
.lxh-container-27 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,transparent,#ff6b6b,transparent);
    margin: 1rem 0;
}

/* 容器28：发光橙虚 - 所有段落都加 */
.lxh-container-28 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 3px dashed #ff8a00;
    box-shadow: 0 0 8px rgba(255,138,0,0.4);
    margin: 1rem 0;
}

/* 容器29：温暖渐变 - 所有段落都加 */
.lxh-container-29 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#f6d365,#fda085);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    margin: 1rem 0;
}

/* 容器30：渐隐效果 - 所有段落都加 */
.lxh-container-30 p::after {
    content: '';
    display: block;
    border: none;
    height: 3px;
    background: linear-gradient(90deg,#000 0%,#000 30%,transparent 100%);
    margin: 1rem 0;
}

/* 容器31：透明间隔 - 所有段落都加 */
.lxh-container-31 p::after {
    content: '';
    display: block;
    border: none;
    height: 10px;
    background: linear-gradient(90deg,#fff 0 25%,transparent 25% 50%,#fff 50% 75%,transparent 75% 100%);
    margin: 1rem 0;
}

/* 容器32：粉红间隔 - 所有段落都加 */
.lxh-container-32 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: repeating-linear-gradient(90deg, #f06 0 6px, transparent 6px 12px);
    margin: 1rem 0;
}

/* 容器33：内阴影 - 所有段落都加 */
.lxh-container-33 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: #e6e6e6;
    box-shadow: inset 0 -3px 6px rgba(0,0,0,0.15);
    margin: 1rem 0;
}

/* 容器34：三色分隔 - 所有段落都加 */
.lxh-container-34 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#8e44ad 0 25%, #2980b9 25% 75%, #27ae60 75% 100%);
    margin: 1rem 0;
}

/* 容器35：半透明虚 - 所有段落都加 */
.lxh-container-35 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 2px dashed rgba(0,0,0,0.65);
    margin: 1rem 0;
}

/* 容器36：半透明点 - 所有段落都加 */
.lxh-container-36 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 2px dotted rgba(0,0,0,0.6);
    margin: 1rem 0;
}

/* 容器37：粉红渐变 - 所有段落都加 */
.lxh-container-37 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: repeating-linear-gradient(90deg,#ff9a9e 0 4px,#fad0c4 4px 8px);
    margin: 1rem 0;
}

/* 容器38：金属灰 - 所有段落都加 */
.lxh-container-38 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#d7d2cc,#304352);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    margin: 1rem 0;
}

/* 容器39：霓虹粉蓝 - 所有段落都加 */
.lxh-container-39 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#ff00cc,#3333ff);
    box-shadow: 0 0 18px rgba(255,0,204,0.25),0 0 30px rgba(51,51,255,0.15);
    margin: 1rem 0;
}

/* 容器40：蓝黑间隔 - 所有段落都加 */
.lxh-container-40 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: repeating-linear-gradient(90deg,#4b79a1 0 6px,#283e51 6px 12px);
    margin: 1rem 0;
}

/* 容器41：蓝青渐变 - 所有段落都加 */
.lxh-container-41 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: linear-gradient(90deg,#00f,#0ff);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    margin: 1rem 0;
}

/* 容器42：多彩分隔 - 所有段落都加 */
.lxh-container-42 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: linear-gradient(90deg,#e74c3c 0 20%,#f1c40f 20% 40%,#2ecc71 40% 60%,#3498db 60% 80%,#9b59b6 80% 100%);
    margin: 1rem 0;
}

/* 容器43：立体凹陷2 - 所有段落都加 */
.lxh-container-43 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(180deg,#fff,#ccc);
    box-shadow: 0 2px 0 rgba(0,0,0,0.08);
    margin: 1rem 0;
}

/* 容器44：浅灰线 - 所有段落都加 */
.lxh-container-44 p::after {
    content: '';
    display: block;
    border: none;
    height: 2px;
    background: rgba(0,0,0,0.12);
    margin: 1rem 0;
}

/* 容器45：黑渐变 - 所有段落都加 */
.lxh-container-45 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#000,#444,#000);
    margin: 1rem 0;
}

/* 容器46：毛玻璃白 - 所有段落都加 */
.lxh-container-46 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.2));
    box-shadow: inset 0 -3px 6px rgba(0,0,0,0.12);
    margin: 1rem 0;
}

/* 容器47：灰渐变影 - 所有段落都加 */
.lxh-container-47 p::after {
    content: '';
    display: block;
    border: none;
    height: 3px;
    background: linear-gradient(90deg,#333,#999);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    margin: 1rem 0;
}

/* 容器48：粉斜纹 - 所有段落都加 */
.lxh-container-48 p::after {
    content: '';
    display: block;
    border: none;
    height: 10px;
    background: repeating-linear-gradient(-45deg,#ffb3b3 0 8px,#fff 8px 16px);
    margin: 1rem 0;
}

/* 容器49：荧光绿 - 所有段落都加 */
.lxh-container-49 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: #7fff00;
    box-shadow: 0 0 18px rgba(127,255,0,0.25);
    margin: 1rem 0;
}

/* 容器50：橙粉紫 - 所有段落都加 */
.lxh-container-50 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#ff6a00 0%,#ee0979 50%,#7f00ff 100%);
    margin: 1rem 0;
}

/* 容器51：浅灰渐变 - 所有段落都加 */
.lxh-container-51 p::after {
    content: '';
    display: block;
    border: none;
    height: 4px;
    background: linear-gradient(90deg,#e0e0e0,#cfcfcf);
    margin: 1rem 0;
}

/* 容器52：深灰渐变 - 所有段落都加 */
.lxh-container-52 p::after {
    content: '';
    display: block;
    border: none;
    height: 1px;
    background: linear-gradient(90deg,#111,#777,#111);
    margin: 1rem 0;
}

/* 容器53：金色渐变 - 所有段落都加 */
.lxh-container-53 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: linear-gradient(90deg,#fefcea 0,#f1da36 50%,#fefcea 100%);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5);
    margin: 1rem 0;
}

/* 容器54：极浅灰 - 所有段落都加 */
.lxh-container-54 p::after {
    content: '';
    display: block;
    border: none;
    height: 1px;
    background: rgba(0,0,0,0.08);
    margin: 1rem 0;
}

/* 容器55：青红间隔 - 所有段落都加 */
.lxh-container-55 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: repeating-linear-gradient(90deg,#1abc9c 0 6px,#e74c3c 6px 12px);
    margin: 1rem 0;
}

/* 容器56：粉色发光 - 所有段落都加 */
.lxh-container-56 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: #ff4d6d;
    box-shadow: 0 0 20px rgba(255,77,109,0.3);
    margin: 1rem 0;
}

/* 容器57：多色渐变 - 所有段落都加 */
.lxh-container-57 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#ff4b1f 0 14%,#ff9068 14% 28%,#ffd2a6 28% 42%,#a6f6d6 42% 56%,#68b3ff 56% 70%,#b689ff 70% 84%);
    margin: 1rem 0;
}

/* 容器58：深灰渐变2 - 所有段落都加 */
.lxh-container-58 p::after {
    content: '';
    display: block;
    border: none;
    height: 6px;
    background: linear-gradient(90deg,#2f2f2f,#1a1a1a);
    margin: 1rem 0;
}

/* 容器59：橙黄渐出 - 所有段落都加 */
.lxh-container-59 p::after {
    content: '';
    display: block;
    border: none;
    height: 8px;
    background: linear-gradient(90deg,transparent,#f39c12 40%,#f39c12 60%,transparent);
    box-shadow: 0 4px 12px rgba(243,156,18,0.12);
    margin: 1rem 0;
}

/* 容器60：蓝光虚 - 所有段落都加 */
.lxh-container-60 p::after {
    content: '';
    display: block;
    border: none;
    height: 0;
    border-top: 4px dashed rgba(52,152,219,0.9);
    box-shadow: 0 0 6px rgba(52,152,219,0.2);
    margin: 1rem 0;
}

/* 移除最后一个段落后面的分隔线（如果需要） */
/* 如果希望最后一个段落后面不加分隔线，取消注释下面的代码 */


/* 响应式调整 */
@media (max-width: 768px) {
    /* 调整所有容器的边距 */
    .lxh-container-1 p::after,
    .lxh-container-2 p::after,
    .lxh-container-3 p::after,
    .lxh-container-4 p::after,
    .lxh-container-5 p::after,
    .lxh-container-6 p::after,
    .lxh-container-7 p::after,
    .lxh-container-8 p::after,
    .lxh-container-9 p::after,
    .lxh-container-10 p::after,
    .lxh-container-11 p::after,
    .lxh-container-12 p::after,
    .lxh-container-13 p::after,
    .lxh-container-14 p::after,
    .lxh-container-15 p::after,
    .lxh-container-16 p::after,
    .lxh-container-17 p::after,
    .lxh-container-18 p::after,
    .lxh-container-19 p::after,
    .lxh-container-20 p::after,
    .lxh-container-21 p::after,
    .lxh-container-22 p::after,
    .lxh-container-23 p::after,
    .lxh-container-24 p::after,
    .lxh-container-25 p::after,
    .lxh-container-26 p::after,
    .lxh-container-27 p::after,
    .lxh-container-28 p::after,
    .lxh-container-29 p::after,
    .lxh-container-30 p::after,
    .lxh-container-31 p::after,
    .lxh-container-32 p::after,
    .lxh-container-33 p::after,
    .lxh-container-34 p::after,
    .lxh-container-35 p::after,
    .lxh-container-36 p::after,
    .lxh-container-37 p::after,
    .lxh-container-38 p::after,
    .lxh-container-39 p::after,
    .lxh-container-40 p::after,
    .lxh-container-41 p::after,
    .lxh-container-42 p::after,
    .lxh-container-43 p::after,
    .lxh-container-44 p::after,
    .lxh-container-45 p::after,
    .lxh-container-46 p::after,
    .lxh-container-47 p::after,
    .lxh-container-48 p::after,
    .lxh-container-49 p::after,
    .lxh-container-50 p::after,
    .lxh-container-51 p::after,
    .lxh-container-52 p::after,
    .lxh-container-53 p::after,
    .lxh-container-54 p::after,
    .lxh-container-55 p::after,
    .lxh-container-56 p::after,
    .lxh-container-57 p::after,
    .lxh-container-58 p::after,
    .lxh-container-59 p::after,
    .lxh-container-60 p::after {
        margin: 0.75rem 0;
    }
}

/* 基础容器样式 */
.lxh-container-1,
.lxh-container-2,
.lxh-container-3,
.lxh-container-4,
.lxh-container-5,
.lxh-container-6,
.lxh-container-7,
.lxh-container-8,
.lxh-container-9,
.lxh-container-10,
.lxh-container-11,
.lxh-container-12,
.lxh-container-13,
.lxh-container-14,
.lxh-container-15,
.lxh-container-16,
.lxh-container-17,
.lxh-container-18,
.lxh-container-19,
.lxh-container-20,
.lxh-container-21,
.lxh-container-22,
.lxh-container-23,
.lxh-container-24,
.lxh-container-25,
.lxh-container-26,
.lxh-container-27,
.lxh-container-28,
.lxh-container-29,
.lxh-container-30,
.lxh-container-31,
.lxh-container-32,
.lxh-container-33,
.lxh-container-34,
.lxh-container-35,
.lxh-container-36,
.lxh-container-37,
.lxh-container-38,
.lxh-container-39,
.lxh-container-40,
.lxh-container-41,
.lxh-container-42,
.lxh-container-43,
.lxh-container-44,
.lxh-container-45,
.lxh-container-46,
.lxh-container-47,
.lxh-container-48,
.lxh-container-49,
.lxh-container-50,
.lxh-container-51,
.lxh-container-52,
.lxh-container-53,
.lxh-container-54,
.lxh-container-55,
.lxh-container-56,
.lxh-container-57,
.lxh-container-58,
.lxh-container-59,
.lxh-container-60 {
    padding: 0;
    margin: 0;
}

/* 清除段落默认边距 */
.lxh-container-1 p,
.lxh-container-2 p,
.lxh-container-3 p,
.lxh-container-4 p,
.lxh-container-5 p,
.lxh-container-6 p,
.lxh-container-7 p,
.lxh-container-8 p,
.lxh-container-9 p,
.lxh-container-10 p,
.lxh-container-11 p,
.lxh-container-12 p,
.lxh-container-13 p,
.lxh-container-14 p,
.lxh-container-15 p,
.lxh-container-16 p,
.lxh-container-17 p,
.lxh-container-18 p,
.lxh-container-19 p,
.lxh-container-20 p,
.lxh-container-21 p,
.lxh-container-22 p,
.lxh-container-23 p,
.lxh-container-24 p,
.lxh-container-25 p,
.lxh-container-26 p,
.lxh-container-27 p,
.lxh-container-28 p,
.lxh-container-29 p,
.lxh-container-30 p,
.lxh-container-31 p,
.lxh-container-32 p,
.lxh-container-33 p,
.lxh-container-34 p,
.lxh-container-35 p,
.lxh-container-36 p,
.lxh-container-37 p,
.lxh-container-38 p,
.lxh-container-39 p,
.lxh-container-40 p,
.lxh-container-41 p,
.lxh-container-42 p,
.lxh-container-43 p,
.lxh-container-44 p,
.lxh-container-45 p,
.lxh-container-46 p,
.lxh-container-47 p,
.lxh-container-48 p,
.lxh-container-49 p,
.lxh-container-50 p,
.lxh-container-51 p,
.lxh-container-52 p,
.lxh-container-53 p,
.lxh-container-54 p,
.lxh-container-55 p,
.lxh-container-56 p,
.lxh-container-57 p,
.lxh-container-58 p,
.lxh-container-59 p,
.lxh-container-60 p {
    margin: 0;
    padding: 0.5rem 0;
}