.mizhi-info-item{display:grid;grid-gap:15px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:280px;margin-bottom:15px}.mizhi-llzs-item,.mizhi-sjcs-item,.mizhi-yhzs-item,.mizhi-yxsj-item{width:100%;height:100%;border-radius:8px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%);background-color:var(--main-bg-color);overflow:hidden;padding:5px;box-sizing:border-box}.mizhi-i-num{font-size:20px;font-weight:600}.mizhi-yxsj-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.mizhi-yhzs-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.mizhi-llzs-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.mizhi-wz-item{display:grid;grid-gap:20px;grid-template-columns:repeat(2,1fr);grid-column:3/6;grid-row:1/2;overflow:unset!important;box-shadow:none!important;padding:0!important}.mizhi-wz-sty{width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--main-bg-color);box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%)}.mizhi-sjcs-item{grid-row:1/3;grid-column:1/3}.mizhi-sjcj-m{position:relative;font-size:20px;font-weight:700;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box}.mizhi-sjcj-content{text-align:center;margin-top:10px}.mizhi-meo-item{width:282px;height:120px;margin:0 auto}.mizhi-meo-item>img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer}svg.icon.fa-2x{margin-top:15px}@media screen and (max-width:959px){.mizhi-info-item{grid-gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);height:500px}.mizhi-sjcs-item{grid-row:3/5;grid-column:1/4}.mizhi-i-num{font-size:20px}.mizhi-sjcj-m{font-size:16px}}.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important}.posts-item .item-heading>a{font-weight:bold;color:unset}@media (max-width:640px){.meta-right .meta-view{display:unset !important}}
.mizhi-sjcs-item2{
    grid-row:1/3;
}
.mizhi-sjcs-item2{width:100%;height:100%;border-radius:8px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%);background-color:var(--main-bg-color);box-sizing:border-box;grid-row:1/3;grid-column:6/7;min-width:0;overflow:hidden}.mizhi-sjcs-item2 iframe{display:block;width:100%;max-width:100%;height:280px;box-sizing:border-box;border:0}.mizhi-ip-item,.mizhi-sjcs-item,.mizhi-yhzs-item,.mizhi-yxsj-item{width:100%;height:100%;border-radius:8px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%);background-color:var(--main-bg-color);overflow:hidden;padding:5px;box-sizing:border-box}.mizhi-ip-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.frame-bg{background-image: linear-gradient(43deg, #ff6ac34a 0%, #ff82c1 46%, #ff6ac34a 100%);  
font-weight:100}.frame-bg{display:inline-block;min-width:10px;padding:3px 7px;font-size:14px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:10px}

/* 使用明确网格区域，给最右侧时钟完整列宽，避免 iframe 被相邻卡片挤压。 */
#mizhi-info-wg-mian .mizhi-info-item {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(140px, auto));
}

#mizhi-info-wg-mian .mizhi-sjcs-item {
    grid-area: 1 / 1 / 3 / 3;
}

#mizhi-info-wg-mian .mizhi-wz-item {
    grid-area: 1 / 3 / 2 / 5;
}

#mizhi-info-wg-mian .mizhi-yhzs-item {
    grid-area: 2 / 3 / 3 / 4;
}

#mizhi-info-wg-mian .mizhi-yxsj-item {
    grid-area: 2 / 4 / 3 / 5;
}

#mizhi-info-wg-mian .mizhi-llzs-item {
    grid-area: 2 / 5 / 3 / 6;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 {
    grid-area: 1 / 5 / 3 / 6;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
    width: 100% !important;
    max-width: 100%;
}

@media screen and (min-width: 960px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(2, minmax(0, 1fr)) repeat(3, minmax(0, 1fr)) 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 3;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 1 / 3 / 2 / 6;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item {
        grid-area: 2 / 3 / 3 / 4;
    }

    #mizhi-info-wg-mian .mizhi-yxsj-item {
        grid-area: 2 / 4 / 3 / 5;
    }

    #mizhi-info-wg-mian .mizhi-llzs-item {
        grid-area: 2 / 5 / 3 / 6;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-area: 1 / 6 / 3 / 7;
        min-width: 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
        width: 290px !important;
    }
}

/* 桌面端压缩其他卡片，给时钟保留完整的 290px 宽度。 */
@media screen and (min-width: 960px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(2, minmax(0, 1fr)) repeat(3, minmax(0, 1fr)) 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 3;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 1 / 3 / 2 / 6;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item {
        grid-area: 2 / 3 / 3 / 4;
    }

    #mizhi-info-wg-mian .mizhi-yxsj-item {
        grid-area: 2 / 4 / 3 / 5;
    }

    #mizhi-info-wg-mian .mizhi-llzs-item {
        grid-area: 2 / 5 / 3 / 6;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-area: 1 / 6 / 3 / 7;
        min-width: 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
        width: 290px !important;
    }
}

/* 只压缩日期、文章和统计卡片，保留时钟所需的 290px 宽度。 */
@media screen and (min-width: 960px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) repeat(3, minmax(0, 1fr)) 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 2;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 1 / 2 / 2 / 5;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item {
        grid-area: 2 / 5 / 3 / 6;
    }

    #mizhi-info-wg-mian .mizhi-yxsj-item {
        grid-area: 2 / 6 / 3 / 7;
    }

    #mizhi-info-wg-mian .mizhi-llzs-item {
        grid-area: 2 / 7 / 3 / 8;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-area: 1 / 8 / 3 / 9;
        min-width: 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
        width: 290px !important;
    }
}

@media screen and (max-width: 1200px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 3;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 1 / 3 / 2 / 5;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item {
        grid-area: 2 / 3 / 3 / 4;
    }

    #mizhi-info-wg-mian .mizhi-yxsj-item {
        grid-area: 2 / 4 / 3 / 5;
    }

    #mizhi-info-wg-mian .mizhi-llzs-item,
    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-area: auto;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-column: 3 / 5;
        grid-row: 3 / 5;
    }
}

@media screen and (max-width: 700px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item,
    #mizhi-info-wg-mian .mizhi-wz-item,
    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-column: 1 / -1;
        grid-row: auto;
    }
}

/* 覆盖窄列冲突：时钟与浏览次数必须各占独立网格列。 */
#mizhi-info-wg-mian .mizhi-info-item {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(140px, auto));
}

#mizhi-info-wg-mian .mizhi-sjcs-item {
    grid-area: 1 / 1 / 3 / 3;
}

#mizhi-info-wg-mian .mizhi-wz-item {
    grid-area: 1 / 3 / 2 / 6;
}

#mizhi-info-wg-mian .mizhi-yhzs-item {
    grid-area: 2 / 3 / 3 / 4;
}

#mizhi-info-wg-mian .mizhi-yxsj-item {
    grid-area: 2 / 4 / 3 / 5;
}

#mizhi-info-wg-mian .mizhi-llzs-item {
    grid-area: 2 / 5 / 3 / 6;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 {
    grid-area: 1 / 6 / 3 / 7;
    min-width: 290px;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
    width: 290px !important;
    max-width: 100%;
}

@media screen and (max-width: 959px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 4;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 3 / 1 / 4 / 4;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item,
    #mizhi-info-wg-mian .mizhi-yxsj-item,
    #mizhi-info-wg-mian .mizhi-llzs-item {
        grid-area: auto;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item,
    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-column: 1 / -1;
        grid-row: auto;
    }
}

/* 统计组件不得被时钟 iframe 的固有宽度撑出小工具容器。 */
#mizhi-info-wg-mian,
#mizhi-info-wg-mian .mizhi-info-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

#mizhi-info-wg-mian .mizhi-info-item {
    min-width: 0;
    margin-bottom: 0;
    height: 295px;
    overflow: visible;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 .hss-progress-clock {
    flex: 0 1 16em;
    width: 16em;
    height: 16em;
    margin: 0;
}

#mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
    width: 100% !important;
    max-width: 100%;
}

/* Desktop layout keeps the clock wide and compresses the other cards. */
@media screen and (min-width: 960px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) repeat(3, minmax(0, 1fr)) 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 2;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 1 / 2 / 2 / 5;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item {
        grid-area: 2 / 5 / 3 / 6;
    }

    #mizhi-info-wg-mian .mizhi-yxsj-item {
        grid-area: 2 / 6 / 3 / 7;
    }

    #mizhi-info-wg-mian .mizhi-llzs-item {
        grid-area: 2 / 7 / 3 / 8;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-area: 1 / 8 / 3 / 9;
        min-width: 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 iframe {
        width: 290px !important;
    }
}

/* Final desktop alignment: two date columns, three statistic columns, one clock column. */
@media screen and (min-width: 960px) {
    #mizhi-info-wg-mian .mizhi-info-item {
        grid-template-columns: repeat(2, minmax(0, 1fr)) repeat(3, minmax(0, 1fr)) 290px;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item {
        grid-area: 1 / 1 / 3 / 3;
    }

    #mizhi-info-wg-mian .mizhi-wz-item {
        grid-area: 1 / 3 / 2 / 6;
    }

    #mizhi-info-wg-mian .mizhi-yhzs-item {
        grid-area: 2 / 3 / 3 / 4;
    }

    #mizhi-info-wg-mian .mizhi-yxsj-item {
        grid-area: 2 / 4 / 3 / 5;
    }

    #mizhi-info-wg-mian .mizhi-llzs-item {
        grid-area: 2 / 5 / 3 / 6;
    }

    #mizhi-info-wg-mian .mizhi-sjcs-item2 {
        grid-area: 1 / 6 / 3 / 7;
        min-width: 290px;
    }
}

.hss-progress-clock {
    display: grid;
    justify-content: center;
    align-content: center;
    position: relative;
    width: 16em;
    height: 16em;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    color: #000;
    font: 1em/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow: visible;
}

.hss-progress-clock__date,
.hss-progress-clock__digit,
.hss-progress-clock__colon,
.hss-progress-clock__ampm {
    transition: color .2s linear;
    user-select: none;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-family: inherit;
    font-weight: 400;
}

.hss-progress-clock__date,
.hss-progress-clock__digit {
    border: 0;
    background: transparent;
    color: inherit;
    line-height: normal;
    cursor: pointer;
}

.hss-progress-clock__date,
.hss-progress-clock__ampm {
    grid-column: 1 / 6;
}

.hss-progress-clock__date {
    font-size: .75em;
    line-height: 1.33;
}

.hss-progress-clock__digit,
.hss-progress-clock__colon {
    grid-row: 2;
    font-size: 2em;
    font-weight: 400;
}

.hss-progress-clock__colon {
    line-height: 1.275;
    padding: 0 .02em;
}

.hss-progress-clock__ampm {
    grid-row: 3;
    cursor: default;
}

.hss-progress-clock__date small {
    font-size: 1em;
}

.hss-progress-clock__rings {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hss-progress-clock__ring {
    opacity: .1;
}

.hss-progress-clock__ring-fill {
    transition: opacity 0s .3s linear, stroke-dashoffset .3s ease-in-out;
}

.hss-progress-clock__ring-fill--360 {
    opacity: 0;
    stroke-dashoffset: 0;
    transition-duration: .3s;
}

.hss-progress-clock [data-clock-group]:focus {
    outline: transparent;
}

.hss-progress-clock [data-clock-units] {
    transition: opacity .2s linear;
}

.hss-progress-clock [data-clock-group="d"]:hover,
.hss-progress-clock [data-clock-group="d"]:focus {
    color: hsl(333, 90%, 55%);
}

.hss-progress-clock [data-clock-group="h"]:hover,
.hss-progress-clock [data-clock-group="h"]:focus {
    color: hsl(33, 90%, 55%);
}

.hss-progress-clock [data-clock-group="m"]:hover,
.hss-progress-clock [data-clock-group="m"]:focus {
    color: hsl(213, 90%, 55%);
}

.hss-progress-clock [data-clock-group="s"]:hover,
.hss-progress-clock [data-clock-group="s"]:focus {
    color: hsl(273, 90%, 55%);
}

.hss-progress-clock [data-clock-group]:focus ~ .hss-progress-clock__rings [data-clock-units],
.hss-progress-clock [data-clock-group]:hover ~ .hss-progress-clock__rings [data-clock-units] {
    opacity: .2;
}

.hss-progress-clock [data-clock-group="d"]:focus ~ .hss-progress-clock__rings [data-clock-units="d"],
.hss-progress-clock [data-clock-group="d"]:hover ~ .hss-progress-clock__rings [data-clock-units="d"],
.hss-progress-clock [data-clock-group="h"]:focus ~ .hss-progress-clock__rings [data-clock-units="h"],
.hss-progress-clock [data-clock-group="h"]:hover ~ .hss-progress-clock__rings [data-clock-units="h"],
.hss-progress-clock [data-clock-group="m"]:focus ~ .hss-progress-clock__rings [data-clock-units="m"],
.hss-progress-clock [data-clock-group="m"]:hover ~ .hss-progress-clock__rings [data-clock-units="m"],
.hss-progress-clock [data-clock-group="s"]:focus ~ .hss-progress-clock__rings [data-clock-units="s"],
.hss-progress-clock [data-clock-group="s"]:hover ~ .hss-progress-clock__rings [data-clock-units="s"] {
    opacity: 1;
}