#days.duration-badge-ready {
    --duration-main-size: 120px;
    --duration-light-x: var(--line-light-x);
    position: relative;
    display: inline-block;
    width: max-content;
    overflow: visible;
    font-size: 0 !important;
    line-height: 1;
    letter-spacing: 0;
    background: none;
    -webkit-text-fill-color: initial;
    color: transparent;
}

#days.duration-badge-ready::before,
#days.duration-badge-ready::after {
    white-space: nowrap;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    background-image: radial-gradient(
        circle at var(--duration-light-x) 50%,
        var(--lit-core) 0%,
        var(--lit-edge) 18%,
        var(--far-core) 62%,
        var(--far-edge) 100%
    );
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter:
        drop-shadow(0 0 11px color-mix(in srgb, var(--lit-core) 24%, transparent))
        drop-shadow(0 0 28px color-mix(in srgb, var(--far-edge) 14%, transparent));
}

#days.duration-badge-ready::before {
    content: "1小时22分";
    display: block;
    font-size: var(--duration-main-size);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.035em;
    font-kerning: normal;
    text-rendering: geometricPrecision;
}

#days.duration-badge-ready::after {
    content: attr(data-age);
    position: absolute;
    left: calc(100% + var(--duration-main-size) * 0.05);
    bottom: 0;
    display: block;
    font-size: calc(var(--duration-main-size) * 0.19);
    font-weight: 800;
    line-height: 0.96;
    letter-spacing: -0.01em;
    opacity: 0.88;
}

@media (max-width: 640px) {
    #days.duration-badge-ready::after {
        left: calc(100% + var(--duration-main-size) * 0.055);
        font-size: calc(var(--duration-main-size) * 0.22);
    }
}