/* ============================================================
   超级LED广告牌图文滚动 —— 前台样式
   内置 35 个背景（CSS 精绘，无需外部图片）
   ============================================================ */

.ledads-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 3.4em;
    line-height: 1.4;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 18px rgba(0, 0, 0, .55);
}

.ledads-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(255, 220, 0, .30) 1.1px, transparent 1.6px);
    background-size: 5px 5px;
}

.ledads-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    position: relative;
    z-index: 1;
    padding: 0 .5em;
}

.ledads-item {
    display: inline-block;
    margin: 0 1.4em;
    font-weight: bold;
    letter-spacing: .04em;
    text-decoration: none;
    text-shadow: 0 0 .18em currentColor, 0 0 .35em currentColor;
}
.ledads-item:hover { opacity: .82; }

@media (max-width: 640px) {
    .ledads-screen { height: 3.2em; }
    .ledads-item { margin: 0 .9em; }
}

/* ============================================================
   35 个内置背景
   ============================================================ */

.led-bg-01 { background: #000; }
.led-bg-02 { background: linear-gradient(180deg, #5a0000 0%, #2a0000 100%); }
.led-bg-03 { background: linear-gradient(180deg, #0a5a00 0%, #032a00 100%); }
.led-bg-04 { background: linear-gradient(180deg, #002a6e 0%, #00123a 100%); }
.led-bg-05 { background: linear-gradient(180deg, #6b5200 0%, #2e2300 100%); }
.led-bg-06 { background: #111; }

.led-bg-07 {
    background: radial-gradient(circle at 20% 50%, rgba(255,255,255,.55) 0 8px, transparent 9px),
                radial-gradient(circle at 60% 30%, rgba(255,255,255,.45) 0 12px, transparent 13px),
                radial-gradient(circle at 85% 70%, rgba(255,255,255,.5) 0 7px, transparent 8px),
                linear-gradient(180deg, #9fd3ff, #5aa9e6);
    background-size: 90px 90px, 130px 130px, 70px 70px, 100% 100%;
}
.led-bg-07::after { background-image: radial-gradient(circle, rgba(0,0,0,.18) 1.1px, transparent 1.6px); }

.led-bg-08 {
    background: radial-gradient(circle at 25% 40%, rgba(180,200,220,.6) 0 10px, transparent 11px),
                radial-gradient(circle at 70% 65%, rgba(180,200,220,.5) 0 14px, transparent 15px),
                linear-gradient(180deg, #ffffff, #eef3f8);
    background-size: 100px 100px, 140px 140px, 100% 100%;
}
.led-bg-08::after { background-image: radial-gradient(circle, rgba(0,0,0,.16) 1.1px, transparent 1.6px); }

.led-bg-09 {
    background-color: #ffd6e7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%23ff7eb0' fill-opacity='.55' d='M24 34c-5-4.2-9-7.6-9-12a5.4 5.4 0 0 1 9-4 5.4 5.4 0 0 1 9 4c0 4.4-4 7.8-9 12z'/%3E%3C/svg%3E");
    background-size: 48px 48px;
}
.led-bg-09::after { background-image: radial-gradient(circle, rgba(0,0,0,.15) 1.1px, transparent 1.6px); }

.led-bg-10 { background: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }
.led-bg-10::after { background-image: radial-gradient(circle, rgba(0,0,0,.15) 1.1px, transparent 1.6px); }

.led-bg-11 { background: repeating-linear-gradient(45deg, #1c1c1c 0 14px, #2a2a2a 14px 28px); }

.led-bg-12 {
    background: linear-gradient(90deg, #ff5e5e, #ffd55e, #5eff8f, #5ec8ff, #c45eff, #ff5e5e);
    background-size: 400% 100%;
    animation: ledflow 8s linear infinite;
}
@keyframes ledflow { to { background-position: 400% 0; } }

.led-bg-13 {
    background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 2px, transparent 2px 26px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.18) 0 2px, transparent 2px 26px),
        linear-gradient(180deg, #2f8f22, #145c0c);
    background-size: 26px 26px, 26px 26px, 100% 100%;
}

.led-bg-14 {
    background: radial-gradient(circle at 15% 50%, rgba(255,182,213,.7) 0 10px, transparent 11px),
                radial-gradient(circle at 50% 30%, rgba(180,220,255,.7) 0 14px, transparent 15px),
                radial-gradient(circle at 85% 65%, rgba(220,180,255,.7) 0 9px, transparent 10px),
                linear-gradient(180deg, #ffd9ec, #d9c6ff);
    background-size: 110px 110px, 150px 150px, 90px 90px, 100% 100%;
}
.led-bg-14::after { background-image: radial-gradient(circle, rgba(0,0,0,.14) 1.1px, transparent 1.6px); }

.led-bg-15 { background: repeating-linear-gradient(-55deg, #1fa83a 0 18px, #157a28 18px 36px); }

.led-bg-16 {
    background: radial-gradient(circle at 30% 50%, rgba(255,240,150,.9) 0 3px, transparent 4px),
                radial-gradient(circle at 70% 40%, rgba(255,240,150,.9) 0 3px, transparent 4px),
                linear-gradient(180deg, #6b4a00, #3a2700);
    background-size: 40px 40px, 40px 40px, 100% 100%;
}

.led-bg-17 {
    background:
        radial-gradient(circle at 50% 32%, rgba(255,255,255,.5) 0 6px, transparent 7px),
        radial-gradient(ellipse at 50% 78%, rgba(255,255,255,.5) 0 10px 16px, transparent 11px 17px),
        linear-gradient(180deg, #1f6fd0, #0c3f86);
    background-size: 60px 60px, 60px 60px, 100% 100%;
}

.led-bg-18 {
    background-color: #bfe3f5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='40' viewBox='0 0 90 40'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' d='M10 22 Q18 12 26 22 Q34 12 42 22'/%3E%3C/svg%3E");
    background-size: 90px 40px;
}
.led-bg-18::after { background-image: radial-gradient(circle, rgba(0,0,0,.14) 1.1px, transparent 1.6px); }

.led-bg-19 {
    background-color: #aee2e0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cellipse cx='30' cy='24' rx='12' ry='7'/%3E%3Cpath d='M40 20 L52 16 L52 26 Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 80px 40px;
}
.led-bg-19::after { background-image: radial-gradient(circle, rgba(0,0,0,.14) 1.1px, transparent 1.6px); }

.led-bg-20 {
    background-color: #9fd0f0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='40' viewBox='0 0 70 40'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cellipse cx='30' cy='20' rx='13' ry='7'/%3E%3Cpath d='M43 20 L54 13 L54 27 Z'/%3E%3Ccircle cx='25' cy='18' r='1.4' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 70px 40px;
}
.led-bg-20::after { background-image: radial-gradient(circle, rgba(0,0,0,.14) 1.1px, transparent 1.6px); }

.led-bg-21 { background: linear-gradient(180deg, #ff3d00 0%, #8a1100 100%); }
.led-bg-22 { background: linear-gradient(180deg, #003e7a 0%, #001a36 100%); }
.led-bg-23 { background: linear-gradient(180deg, #00a37a 0%, #00523e 100%); }
.led-bg-24 { background: linear-gradient(180deg, #7b2ff7 0%, #3a0f8a 100%); }
.led-bg-25 { background: linear-gradient(180deg, #ff2d95 0%, #8a0f52 100%); }
.led-bg-26 {
    background: radial-gradient(circle, rgba(255,255,255,.8) 0 1px, transparent 1.6px),
                linear-gradient(180deg, #0b1030, #050818);
    background-size: 30px 30px, 100% 100%;
}
.led-bg-26::after { display: none; }
.led-bg-27 { background: linear-gradient(180deg, #c9962a 0%, #6e4d0f 100%); }
.led-bg-28 { background: linear-gradient(90deg, #00c9a7, #7bdff2, #b2f7ef, #f2d5f2, #c084f7); background-size: 400% 100%; animation: ledflow 10s linear infinite; }
.led-bg-29 { background: linear-gradient(180deg, #ff8a3d 0%, #9a3c0a 100%); }
.led-bg-30 { background: linear-gradient(180deg, #7fe8c4 0%, #2ea884 100%); }
.led-bg-30::after { background-image: radial-gradient(circle, rgba(0,0,0,.14) 1.1px, transparent 1.6px); }
.led-bg-31 { background: linear-gradient(180deg, #9b5de5 0%, #4b1d8a 100%); }
.led-bg-32 { background: linear-gradient(180deg, #6c757d 0%, #2f3438 100%); }
.led-bg-33 { background: linear-gradient(180deg, #ffb88c 0%, #ff7eb3 100%); }
.led-bg-33::after { background-image: radial-gradient(circle, rgba(0,0,0,.14) 1.1px, transparent 1.6px); }
.led-bg-34 { background: linear-gradient(180deg, #2d6a4f 0%, #1b4332 100%); }
.led-bg-35 { background: linear-gradient(90deg, #ff0059, #ffbd00, #00e0a4, #00b8ff, #a66cff, #ff0059); background-size: 400% 100%; animation: ledflow 6s linear infinite; }