[html]
<style>
.cc-daily-sheet,
.cc-daily-sheet * {
    box-sizing: border-box;
}

.cc-daily-sheet {
    position: relative;
    width: 100%;
    max-width: 740px;
    margin: 30px auto;
    overflow: hidden;
    color: #66758d;
    font: 13px/1.75 Arial, sans-serif;
    background:
        radial-gradient(circle at 94% 12%, rgba(241,190,211,.18) 0 70px, transparent 72px),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,244,252,.98));
    border: 1px solid #c8d5e8;
    border-radius: 16px;
    box-shadow:
        0 12px 30px rgba(75,94,128,.14),
        inset 0 0 0 5px rgba(255,255,255,.45);
}

.cc-daily-content {
    width: 100%;
    padding: 0 40px 34px;
}

.cc-daily-head {
    position: relative;
    height: 52px;
    margin: 0 -40px 39px;
    background-color: #a9bddc;
    background-image:
        linear-gradient(rgba(145,170,207,.08), rgba(145,170,207,.08)),
        url("https://raw.githubusercontent.com/dietcherrycola92-pixel/files/refs/heads/main/%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid rgba(128,150,186,.22);
}

.cc-daily-head-title {
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 245px;
    height: 25px;
    padding: 5px 15px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: lowercase;
    background: #d9a5bc;
    border: 1px solid #c890a9;
    box-shadow:
        0 2px 3px rgba(83,98,127,.18),
        inset 0 1px rgba(255,255,255,.25);
    transform: translateX(-50%);
}

.cc-daily-meta {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: -6px 0 20px;
}

.cc-daily-meta span {
    padding: 2px 11px;
    color: #8193af;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #edf2fa;
    border-radius: 20px;
}

.cc-daily-meta span:last-child {
    color: #ad718b;
    background: #f8e5ed;
}

/* ВЕДУЩИЙ ВЫПУСКА */

.cc-daily-host {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
    padding: 13px 16px;
    color: #6f7d92;
    background: rgba(255,255,255,.68);
    border: 1px dashed #b8c8e1;
    border-radius: 11px;
}

.cc-daily-host-avatar {
    width: 58px;
    height: 58px;
    background-color: #e2e9f3;
    background-position: center;
    background-size: cover;
    border: 3px solid #fff;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(83,98,127,.12);
}

.cc-daily-host-label {
    display: inline-block;
    margin-bottom: 3px;
    padding: 2px 9px;
    color: #fff;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #9dafd1;
    border-radius: 20px;
}

.cc-daily-host-name {
    margin-bottom: 2px;
    color: #ad718b;
    font-size: 13px;
    font-weight: 700;
}

.cc-daily-host-text {
    font-size: 11px;
    line-height: 1.55;
}

.cc-daily-lead {
    color: #6f7d92;
    text-align: justify;
}

.cc-daily-lead p {
    margin: 0 0 11px;
}

.cc-daily-highlight {
    padding: 1px 5px 2px;
    color: #a96f89;
    font-weight: 700;
    background: linear-gradient(
        transparent 42%,
        rgba(245,204,220,.75) 42%
    );
}

.cc-daily-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 21px 0 11px;
    color: #758bad;
    font-size: 15px;
    font-weight: 700;
}

.cc-daily-title:after {
    content: "";
    height: 1px;
    flex: 1;
    background: #cfd9e8;
}

.cc-daily-title-pink {
    color: #b77c95;
}

.cc-daily-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.cc-daily-status {
    position: relative;
    min-height: 66px;
    padding: 13px 14px 12px 83px;
    color: #7c8798;
    font-size: 11px;
    line-height: 1.55;
    background: rgba(255,255,255,.68);
    border: 1px dashed #b8c8e1;
    border-radius: 10px;
}

.cc-daily-status b {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 60px;
    padding: 3px 4px;
    color: #fff;
    font-size: 7px;
    line-height: 1.4;
    letter-spacing: .7px;
    text-align: center;
    text-transform: uppercase;
    background: #9dafd1;
    border-radius: 20px;
}

.cc-daily-status-pink {
    border-color: #dfbfd0;
}

.cc-daily-status-pink b {
    background: #d9a5bc;
}

.cc-daily-gossip {
    position: relative;
    margin-top: 22px;
    padding: 19px 22px 17px;
    color: #68768d;
    background:
        radial-gradient(circle at 93% 15%, rgba(255,255,255,.7) 0 34px, transparent 35px),
        linear-gradient(135deg, #edf2fa, #f8eaf0);
    border: 1px solid #d3dceb;
    border-radius: 11px;
}

.cc-daily-gossip-label {
    display: inline-block;
    margin-bottom: 11px;
    padding: 3px 12px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: #9dafd1;
    border-radius: 20px;
}

.cc-daily-rumors {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.cc-daily-rumor {
    position: relative;
    padding-left: 14px;
    font-size: 11px;
    line-height: 1.55;
}

.cc-daily-rumor:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #d69ab4;
    border-radius: 50%;
}

.cc-daily-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 22px;
}

.cc-daily-box {
    padding: 16px;
    background: rgba(255,255,255,.68);
    border: 1px solid #d3dceb;
    border-radius: 11px;
}

.cc-daily-box-title {
    margin-bottom: 12px;
    color: #758bad;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.cc-daily-people {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 7px;
}

.cc-daily-person {
    min-width: 0;
    min-height: 43px;
    padding: 8px 7px 7px 10px;
    text-align: left;
    background: #edf2fa;
    border-left: 3px solid #9dafd1;
    border-radius: 8px;
}

.cc-daily-person:nth-child(even) {
    background: #f8e5ed;
    border-left-color: #d9a5bc;
}

.cc-daily-person b,
.cc-daily-person span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-daily-person b {
    color: #a96f89;
    font-size: 8px;
    line-height: 1.45;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.cc-daily-person span {
    margin-top: 3px;
    color: #75849a;
    font-size: 9px;
    line-height: 1.3;
}

.cc-daily-links {
    display: grid;
    gap: 7px;
}

.cc-daily-link {
    position: relative;
    min-height: 27px;
    padding: 5px 29px 5px 12px;
    color: #6f7d92 !important;
    font-size: 10px;
    line-height: 1.55;
    text-decoration: none !important;
    background: #edf2fa;
    border-radius: 8px;
    transition: .2s ease;
}

.cc-daily-link:nth-child(even) {
    background: #f8e5ed;
}

.cc-daily-link:after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 11px;
    color: #b77c95;
    font-size: 16px;
    line-height: 1;
    transform: translateY(-50%);
}

.cc-daily-link:hover {
    color: #a96f89 !important;
    transform: translateX(2px);
}

/* ЦИФРЫ ДНЯ
   Карточки независимы: их можно удалять, копировать
   и переставлять местами без изменения CSS. */

.cc-daily-numbers {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.cc-daily-number {
    position: relative;
    min-height: 69px;
    padding: 11px 9px 9px 43px;
    color: #6f7d92;
    background: #edf2fa;
    border: 1px dashed #b8c8e1;
    border-radius: 10px;
}

.cc-daily-number-pink {
    background: #f8e8ef;
    border-color: #dfbfd0;
}

.cc-daily-number-icon {
    position: absolute;
    top: 13px;
    left: 11px;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    background: #9dafd1;
    border-radius: 50%;
}

.cc-daily-number-pink .cc-daily-number-icon {
    background: #d9a5bc;
}

.cc-daily-number-value {
    color: #758bad;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
}

.cc-daily-number-pink .cc-daily-number-value {
    color: #b77c95;
}

.cc-daily-number-name {
    margin-top: 5px;
    font-size: 8px;
    line-height: 1.35;
}

.cc-daily-ending {
    margin-top: 23px;
    color: #8292ad;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .4px;
    text-align: center;
}

.cc-daily-ending span {
    color: #d391ad;
    font-weight: 700;
}

@media (max-width: 650px) {
    .cc-daily-sheet {
        border-radius: 12px;
    }

    .cc-daily-content {
        padding: 0 18px 28px;
    }

    .cc-daily-head {
        height: 68px;
        margin: 0 -18px 36px;
    }

    .cc-daily-head-title {
        width: 205px;
        font-size: 11px;
    }

    .cc-daily-lead {
        text-align: left;
    }

    .cc-daily-summary,
    .cc-daily-rumors,
    .cc-daily-bottom {
        grid-template-columns: 1fr;
    }

    .cc-daily-numbers {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cc-daily-status {
        min-height: 58px;
    }
}
</style>

<div class="cc-daily-sheet">
    <div class="cc-daily-content">

        <div class="cc-daily-head">
            <div class="cc-daily-head-title">тестовые новости</div>
        </div>

        <div class="cc-daily-meta">
            <span>выпуск 01</span>
            <span>19 июля 2026</span>
        </div>

        <div class="cc-daily-host">
            <div
                class="cc-daily-host-avatar"
                style="background-image:url('ССЫЛКА_НА_АВАТАР_ВЕДУЩЕГО')">
            </div>

            <div>
                <div class="cc-daily-host-label">у микрофона</div>

                <div class="cc-daily-host-name">
                    Имя ведущего · должность в АМС
                </div>

                <div class="cc-daily-host-text">
                    Всем привет! Сегодня новости теста для вас собираю я.
                    Коротко расскажу, что произошло за день, кого стоит
                    отметить и какие слухи успели появиться во флуде.
                </div>
            </div>
        </div>

        <div class="cc-daily-lead">
            <p>
                <span class="cc-daily-highlight">Ещё один день теста подошёл к концу!</span>
                Мы продолжили проверять форум, получили несколько неожиданных
                идей, а участники всё настойчивее пытаются разгадать секреты
                основного форума.
            </p>

            <p>
                Спасибо всем, кто сегодня был рядом, проверял оформление,
                предлагал изменения и просто создавал настроение во флуде. ♡
            </p>
        </div>

        <div class="cc-daily-title">основная сводка</div>

        <div class="cc-daily-summary">
            <div class="cc-daily-status">
                <b>сделано</b>
                Проверили шаблоны и добавили новые активности.
            </div>

            <div class="cc-daily-status cc-daily-status-pink">
                <b>исправлено</b>
                Поправили вёрстку и отображение нескольких элементов.
            </div>

            <div class="cc-daily-status cc-daily-status-pink">
                <b>принято</b>
                Собрали предложения участников и уточнили правила.
            </div>

            <div class="cc-daily-status">
                <b>в работе</b>
                Мобильная версия и подготовка новых оформлений.
            </div>
        </div>

        <div class="cc-daily-gossip">
            <div class="cc-daily-gossip-label">сплетни теста</div>

            <div class="cc-daily-rumors">
                <div class="cc-daily-rumor">
                    Кто-то подобрался слишком близко к разгадке главной
                    особенности форума.
                </div>

                <div class="cc-daily-rumor">
                    Во флуде появилась компания, подозреваемая в подготовке
                    настоящего захвата.
                </div>

                <div class="cc-daily-rumor">
                    Ники администрации продолжают считать тайными подсказками.
                    АМС хранит молчание.
                </div>
            </div>
        </div>

        <div class="cc-daily-bottom">

            <div class="cc-daily-box">
                <div class="cc-daily-box-title">активисты дня</div>

                <div class="cc-daily-people">
                    <div class="cc-daily-person">
                        <b>душа флуда</b>
                        <span>Ник участника</span>
                    </div>

                    <div class="cc-daily-person">
                        <b>детектив</b>
                        <span>Ник участника</span>
                    </div>

                    <div class="cc-daily-person">
                        <b>багхантер</b>
                        <span>Ник участника</span>
                    </div>

                    <div class="cc-daily-person">
                        <b>идеи</b>
                        <span>Ник участника</span>
                    </div>

                    <div class="cc-daily-person">
                        <b>ночной</b>
                        <span>Ник участника</span>
                    </div>

                    <div class="cc-daily-person">
                        <b>поддержка</b>
                        <span>Ник участника</span>
                    </div>
                </div>
            </div>

            <div class="cc-daily-box">
                <div class="cc-daily-box-title">ссылки выпуска</div>

                <div class="cc-daily-links">
                    <a class="cc-daily-link" href="/viewtopic.php?id=1">
                        общий флуд
                    </a>

                    <a class="cc-daily-link" href="/viewtopic.php?id=2">
                        ставки приняты
                    </a>

                    <a class="cc-daily-link" href="/viewtopic.php?id=3">
                        гадальня судеб
                    </a>

                    <a class="cc-daily-link" href="/viewtopic.php?id=4">
                        марафон активности
                    </a>
                </div>
            </div>

        </div>

        <div class="cc-daily-title">
            цифры дня
        </div>

        <div class="cc-daily-numbers">

            <div class="cc-daily-number">
                <div class="cc-daily-number-icon">✉</div>
                <div class="cc-daily-number-value">000</div>
                <div class="cc-daily-number-name">
                    сообщений за сегодня
                </div>
            </div>

            <div class="cc-daily-number cc-daily-number-pink">
                <div class="cc-daily-number-icon">✦</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    новых лиц
                </div>
            </div>

            <div class="cc-daily-number">
                <div class="cc-daily-number-icon">✓</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    участников марафона
                </div>
            </div>

            <div class="cc-daily-number cc-daily-number-pink">
                <div class="cc-daily-number-icon">◉</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    погадали на соигрока
                </div>
            </div>

            <div class="cc-daily-number cc-daily-number-pink">
                <div class="cc-daily-number-icon">◇</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    открыто эпизодов
                </div>
            </div>

            <div class="cc-daily-number">
                <div class="cc-daily-number-icon">≡</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    написано анкет
                </div>
            </div>

            <div class="cc-daily-number cc-daily-number-pink">
                <div class="cc-daily-number-icon">▦</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    закрыто бинго
                </div>
            </div>
<div class="cc-daily-number">
                <div class="cc-daily-number-icon">≡</div>
                <div class="cc-daily-number-value">00</div>
                <div class="cc-daily-number-name">
                    написано анкет
                </div>
            </div>
        </div>

        <div class="cc-daily-ending">
            До встречи в следующем выпуске — возможно, уже завтра нам будет
            о чём <span>посплетничать снова</span>. ♡
        </div>

    </div>
</div>
[/html]