青鸢 发表于 前天 17:10

像是梦的余温，我只当是你来过。

<div class="ce-block ce-block--focused" data-id="erHI0hVAPw" >
        <!-- images-style-waterfallorimages-style-normal -->
    <div class="ce-block__content images-style-waterfall">
      <div class="cdx-block images-tool images-tool--filled   ">
            <div class="images-tool__images-grid">
                   
                    <div class="images-tool__image-item images-tool__image-item_0">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10124" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/170959l5etibq37gnkzwqi.png" title="" alt="" data-aid="10124"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_1">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10149" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327ebfi86xlirifon7f.png" title="" alt="" data-aid="10149"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_2">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10150" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327uyjqcq9i7y1yfoyn.png" title="" alt="" data-aid="10150"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_3">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10151" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327s5w918ew8w8o1681.png" title="" alt="" data-aid="10151"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_4">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10152" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327vrebet5z008500lo.png" title="" alt="" data-aid="10152"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_5">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10153" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327wc9mjdwuu6p8gc9d.png" title="" alt="" data-aid="10153"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_6">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10154" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327cf1m3123rdcf1b0f.png" title="" alt="" data-aid="10154"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_7">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10155" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327nbein8xk9e868nue.png" title="" alt="" data-aid="10155"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_8">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10156" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327dzzccexalal0eksh.png" title="" alt="" data-aid="10156"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_9">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10157" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327mvc4yxhjrwyf1j28.png" title="" alt="" data-aid="10157"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_10">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10158" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327h3e3qxv322ozwxee.png" title="" alt="" data-aid="10158"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_11">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10159" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327zv82iezzedecezme.png" title="" alt="" data-aid="10159"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_12">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10160" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327u5f46tt2ipk5ztu6.png" title="" alt="" data-aid="10160"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_13">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10161" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327wfa88f84a41na4zz.png" title="" alt="" data-aid="10161"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_14">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10162" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171327kd9ll6ir67m8zx86.png" title="" alt="" data-aid="10162"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_15">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10163" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171416ixll43ctxg6rgmll.png" title="" alt="" data-aid="10163"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_16">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10164" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171416us5g1asajhwzwhah.png" title="" alt="" data-aid="10164"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_17">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10165" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171416rzjbnnucvzycy3uk.png" title="" alt="" data-aid="10165"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_18">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10166" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171416igsblepnbjnnjw4g.png" title="" alt="" data-aid="10166"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_19">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10167" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171416qw7gw9evj1wrvjv1.png" title="" alt="" data-aid="10167"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_20">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10168" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171417lsr0jic94k4ibjob.png" title="" alt="" data-aid="10168"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_21">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10169" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171417pf8qgb82z7tz9t2b.png" title="" alt="" data-aid="10169"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_22">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10170" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171417wprevdtzydgwty5d.png" title="" alt="" data-aid="10170"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_23">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10171" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171417mqh52h2h5i7gcgem.png" title="" alt="" data-aid="10171"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_24">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10172" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171417ddw4ri3e4ibbpk82.png" title="" alt="" data-aid="10172"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_25">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_10174" class="images-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171417vo7zel7mwl3wpzta.png" title="" alt="" data-aid="10174"/>
                    </div>
                   
            </div>
            <div class="cdx-input images-tool__caption" data-placeholder=""></div>
      </div>
    </div>
</div><div class="ce-block ce-block--focused" data-id="IPURbxRVDl" >
    <div class="ce-block__content">
      <div class="cdx-block audio-tool audio-tool--filled   ">
            <div class="audio-tool__audio">
               
               
                <img src="https://www.xinmcc.com/data/attachment/forum/202609/14/172855k4j9t6jm4t68eru6.jpg" alt="" class="audio-cover">
               
                <audio class="audio-tool__audio-picture" src="https://www.xinmcc.com/data/attachment/forum/202609/14/172847gadnphp6di45oann.mp3" type="audio/mpeg" autoplay loopcontrols title="" alt="" />
            </div>
      </div>
    </div>
</div><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.images-style-normal .images-tool {
        --bg-color:#cdd1e0;
        --front-color:#388ae5;
        --border-color:#e8e8eb;
}
.images-style-normal .images-tool__image {
        border-radius:3px;
        overflow:hidden;
        margin-bottom:10px;
        padding-bottom:0
}
.images-style-normal .images-tool__image-picture {
        max-width:100%;
        vertical-align:bottom;
        display:block;
        margin:0 auto
}
.images-style-normal .images-tool__image-preloader {
        width:50px;
        height:50px;
        border-radius:50%;
        background-size:cover;
        margin:auto;
        position:relative;
        background-color:#cdd1e0;
        background-position:center center
}
.images-style-normal .images-tool__image-preloader:after {
        content:"";
        position:absolute;
        z-index:3;
        width:60px;
        height:60px;
        border-radius:50%;
        border:2px solid #cdd1e0;
        border-top-color:#388ae5;
        left:50%;
        top:50%;
        margin-top:-30px;
        margin-left:-30px;
        animation:image-preloader-spin 2s infinite linear;
        box-sizing:border-box
}
.images-style-normal .images-tool__images-grid {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
        gap:10px;
        margin-bottom:10px
}
.images-style-normal .images-tool__image-item {
        position:relative;
        border-radius:3px;
        overflow:hidden;
        background-color:#f5f5f5
}
.images-style-normal .images-tool__remove-button {
        top:5px;
        right:5px;
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__remove-button {
        opacity:1
}
.images-style-normal .images-tool__caption {
        bottom:0;
        left:0;
        margin-bottom:10px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
.images-style-normal .images-tool__caption:before {
        position:absolute!important;
        content:attr(data-placeholder);
        color:#707684;
        font-weight:400;
        display:none
}
.images-style-normal .images-tool__caption:empty:before {
        display:block
}
.images-style-normal .images-tool__caption:empty:focus:before {
        display:none
}
.images-style-normal .images-tool--empty .images-tool__image,.images-style-normal .images-tool--empty .images-tool__image-preloader {
        display:none
}
.images-style-normal .images-tool--empty .images-tool__caption,.images-style-normal .images-tool--uploading .images-tool__caption {
        visibility:hidden!important
}
.images-style-normal .images-tool .cdx-button {
        display:flex;
        align-items:center;
        justify-content:center
}
.images-style-normal .images-tool .cdx-button svg {
        height:auto;
        margin:0 6px 0 0
}
.images-style-normal .images-tool--filled .cdx-button,.images-style-normal .images-tool--filled .images-tool__image-preloader {
        display:none
}
.images-style-normal .images-tool--uploading .images-tool__image {
        min-height:200px;
        display:flex;
        border:1px solid #e8e8eb;
        background-color:#fff
}
.images-style-normal .images-tool--uploading .images-tool__image-picture,.images-style-normal .images-tool--uploading .cdx-button {
        display:none
}
.images-style-normal .images-tool--withBorder .images-tool__image {
        border:1px solid #e8e8eb
}
.images-style-normal .images-tool--withBackground .images-tool__image {
        padding:15px;
        background:#cdd1e0
}
.images-style-normal .images-tool--withBackground .images-tool__image-picture {
        max-width:60%;
        margin:0 auto
}
.images-style-normal .images-tool--stretched .images-tool__image-picture {
        width:100%
}
.images-style-normal .images-tool--caption .images-tool__caption {
        visibility:visible
}
.images-style-normal .images-tool--caption {
        padding-bottom:50px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
@keyframes image-preloader-spin {
        0% {
        transform:rotate(0)
}
to {
        transform:rotate(360deg)
}
}
.images-style-normal .images-tool__images-grid {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
        gap:10px;
        margin-bottom:10px;
        min-height:100px
}
.images-style-normal .images-tool__image-item {
        position:relative;
        border-radius:3px;
        overflow:hidden;
        background-color:#f5f5f5;
        transition:all .2s ease;
        cursor:grab
}
.images-style-normal .images-tool__image-item:hover {
        transform:translateY(-2px);
        box-shadow:0 4px 8px #0000001a
}
.images-style-normal .images-tool__image-item:active {
        cursor:grabbing
}
.images-style-normal .images-tool__image-item {
        -webkit-user-select:none;
        user-select:none
}
.images-style-normal .images-tool__image-item.dragging {
        opacity:.5;
        transform:scale(1.05);
        z-index:100
}
.images-style-normal .images-tool__drag-indicator {
        position:absolute;
        width:4px;
        background-color:#388ae5;
        border-radius:2px;
        pointer-events:none;
        z-index:1000
}
.images-style-normal .images-tool__actions-container {
        position:absolute;
        top:5px;
        right:5px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:3px;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__actions-container {
        opacity:1
}
.images-style-normal .images-tool__move-button {
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        font-size:12px;
        color:#333;
        transition:all .2s
}
.images-style-normal .images-tool__move-button:hover,.images-style-normal .images-tool__remove-button:hover {
        background-color:#fff;
        transform:scale(1.1);
        box-shadow:0 2px 4px #0003
}
.images-style-normal .images-tool__move-button:disabled {
        opacity:.5;
        cursor:not-allowed;
        transform:none
}



/*
*以下是瀑布流样式
*/
.images-style-waterfall .images-tool {
        --bg-color:#cdd1e0;
        --front-color:#388ae5;
        --border-color:#e8e8eb;
}
.images-style-waterfall .images-tool__image {
        border-radius:3px;
        overflow:hidden;
        margin-bottom:10px;
        padding-bottom:0
}
.images-style-waterfall .images-tool__image-picture {
        max-width:100%;
        vertical-align:bottom;
        display:block;
        margin:0 auto
}
.images-style-waterfall .images-tool__image-preloader {
        width:50px;
        height:50px;
        border-radius:50%;
        background-size:cover;
        margin:auto;
        position:relative;
        background-color:#cdd1e0;
        background-position:center center
}
.images-style-waterfall .images-tool__image-preloader:after {
        content:"";
        position:absolute;
        z-index:3;
        width:60px;
        height:60px;
        border-radius:50%;
        border:2px solid #cdd1e0;
        border-top-color:#388ae5;
        left:50%;
        top:50%;
        margin-top:-30px;
        margin-left:-30px;
        animation:image-preloader-spin 2s infinite linear;
        box-sizing:border-box
}
/* 修改为瀑布流布局 */
.images-style-waterfall .images-tool__images-grid {
        column-count: 2;
        column-gap: 10px;
        margin-bottom: 10px;
}

@media (min-width: 768px) {
        .images-style-waterfall .images-tool__images-grid {
                column-count: 3;
        }
}

@media (min-width: 1024px) {
        .images-style-waterfall .images-tool__images-grid {
                column-count: 3;
        }
}

.images-style-waterfall .images-tool__image-item {
        break-inside: avoid;
        margin-bottom: 10px;
        position:relative;
        border-radius:3px;
        overflow:hidden;
       
        transition:all .2s ease;
        cursor:grab
}

.images-style-waterfall .images-tool__image-item img {
        width: 100%;
        height: auto;
        display: block;
}

.images-style-waterfall .images-tool__remove-button {
        top:5px;
        right:5px;
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__remove-button {
        opacity:1
}
.images-style-waterfall .images-tool__caption {
        bottom:0;
        left:0;
        margin-bottom:10px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
.images-style-waterfall .images-tool__caption:before {
        position:absolute!important;
        content:attr(data-placeholder);
        color:#707684;
        font-weight:400;
        display:none
}
.images-style-waterfall .images-tool__caption:empty:before {
        display:block
}
.images-style-waterfall .images-tool__caption:empty:focus:before {
        display:none
}
.images-style-waterfall .images-tool--empty .images-tool__image,.images-style-waterfall .images-tool--empty .images-tool__image-preloader {
        display:none
}
.images-style-waterfall .images-tool--empty .images-tool__caption,.images-style-waterfall .images-tool--uploading .images-tool__caption {
        visibility:hidden!important
}
.images-style-waterfall .images-tool .cdx-button {
        display:flex;
        align-items:center;
        justify-content:center
}
.images-style-waterfall .images-tool .cdx-button svg {
        height:auto;
        margin:0 6px 0 0
}
.images-style-waterfall .images-tool--filled .cdx-button,.images-style-waterfall .images-tool--filled .images-tool__image-preloader {
        display:none
}
.images-style-waterfall .images-tool--uploading .images-tool__image {
        min-height:200px;
        display:flex;
        border:1px solid #e8e8eb;
        background-color:#fff
}
.images-style-waterfall .images-tool--uploading .images-tool__image-picture,.images-style-waterfall .images-tool--uploading .cdx-button {
        display:none
}
.images-style-waterfall .images-tool--withBorder .images-tool__image {
        border:1px solid #e8e8eb
}
.images-style-waterfall .images-tool--withBackground .images-tool__image {
        padding:15px;
        background:#cdd1e0
}
.images-style-waterfall .images-tool--withBackground .images-tool__image-picture {
        max-width:60%;
        margin:0 auto
}
.images-style-waterfall .images-tool--stretched .images-tool__image-picture {
        width:100%
}
.images-style-waterfall .images-tool--caption .images-tool__caption {
        visibility:visible
}
.images-style-waterfall .images-tool--caption {
        padding-bottom:50px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
@keyframes image-preloader-spin {
        0% {
        transform:rotate(0)
}
to {
        transform:rotate(360deg)
}
}

/* 移除重复的样式定义，保留瀑布流相关的样式 */
.images-style-waterfall .images-tool__image-item:hover {
        transform:translateY(-2px);
        box-shadow:0 4px 8px #0000001a
}
.images-style-waterfall .images-tool__image-item:active {
        cursor:grabbing
}
.images-style-waterfall .images-tool__image-item {
        -webkit-user-select:none;
        user-select:none
}
.images-style-waterfall .images-tool__image-item.dragging {
        opacity:.5;
        transform:scale(1.05);
        z-index:100
}
.images-style-waterfall .images-tool__drag-indicator {
        position:absolute;
        width:4px;
        background-color:#388ae5;
        border-radius:2px;
        pointer-events:none;
        z-index:1000
}
.images-style-waterfall .images-tool__actions-container {
        position:absolute;
        top:5px;
        right:5px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:3px;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__actions-container {
        opacity:1
}
.images-style-waterfall .images-tool__move-button {
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        font-size:12px;
        color:#333;
        transition:all .2s
}
.images-style-waterfall .images-tool__move-button:hover,.images-style-waterfall .images-tool__remove-button:hover {
        background-color:#fff;
        transform:scale(1.1);
        box-shadow:0 2px 4px #0003
}
.images-style-waterfall .images-tool__move-button:disabled {
        opacity:.5;
        cursor:not-allowed;
        transform:none
}
</style><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.audio-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;

}

.audio-tool__audio {
    overflow: hidden;
    width: 320px;
    margin: 50px auto;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.audio-tool__audio-picture {
      max-width: 100%;
      vertical-align: bottom;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .audio-cover {
            width: 100%;
            height: 280px;
            border-radius: 8px;
            object-fit: cover; /* 保持封面比例填充 */
            margin-bottom: 16px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
      }
      /* 原生音频控件美化（适配主流浏览器） */
    .audio-tool__audio audio {
            width: 100%;
            outline: none;
      }
      /* 标题样式 */
      .audio-title {
            text-align: center;
            font-size: 18px;
            color: #333;
            margin-bottom: 8px;
            font-weight: 600;
      }

.audio-tool__caption::before {
      position: absolute !important;
      content: attr(data-placeholder);
      color: #707684;
      font-weight: normal;
      display: none;
    }

.audio-tool__caption:empty::before {
      display: block;
      }

.audio-tool__caption:empty:focus::before {
      display: none;
      }

.audio-tool--empty .audio-tool__audio {
      display: none;
    }

.audio-tool--empty .audio-tool__caption, .audio-tool--loading .audio-tool__caption {
      display: none;
    }

.audio-tool .cdx-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio-tool .cdx-button svg {
      height: auto;
      margin: 0 6px 0 0;
    }

.audio-tool--filled .cdx-button {
      display: none;
    }

.audio-tool--filled .audio-tool__audio-preloader {
      display: none;
      }

.audio-tool--loading .audio-tool__audio {
      min-height: 200px;
      display: flex;
      border: 1px solid #e8e8eb;
      background-color: #fff;
    }

.audio-tool--loading .audio-tool__audio-picture {
      display: none;
      }

.audio-tool--loading .cdx-button {
      display: none;
    }

/**
   * Tunes
   * ----------------
   */

.audio-tool--withBorder .audio-tool__audio {
      border: 1px solid #e8e8eb;
    }

.audio-tool--withBackground .audio-tool__audio {
      padding: 15px;
      background: #cdd1e0;
    }

.audio-tool--withBackground .audio-tool__audio-picture {
      max-width: 60%;
      margin: 0 auto;
      }

.audio-tool--stretched .audio-tool__audio-picture {
      width: 100%;
      }

.audio-tool__caption {
                text-align: center;
                font-size: 14px;
                color: #a3a3a3;
        }
@keyframes audio-preloader-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>

残墨题秋 发表于 前天 17:10

不是最好的时光里有你在，而是你在，我才有了最好的时光。

木孜 发表于 前天 17:10

愿所有的后会有期，都是它日的别来无恙。

几多炽热 发表于 前天 17:14

青衫烟雨客，似是故人来。

梅梢月斜 发表于 前天 17:21

想把夏天的微风和你拦进怀里，看橘子汽水味的日落

见山 发表于 前天 17:21

夏天就要去追一次日落，看一场海。

风过檐铃 发表于 前天 17:22

于人于物 细水长流弥足珍贵

星河入梦 发表于 前天 17:26

前路漫漫愿你南风拂满袖。

山川风物 发表于 前天 17:28

我走了很远的路，才撞见自己的星光。

admin 发表于 前天 17:32

像是梦的余温，我只当是你来过。
页: [1] 2 3 4 5 6 7
查看完整版本: 像是梦的余温，我只当是你来过。