.other_like a{
            color:white!important;
        }
        .description {
            text-align: center;
            color: #7f8c8d;
            margin-bottom: 30px;
        }
        
        .demo-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 40px;
        }
        
        .button-container {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            text-align: center;
            margin: 1rem 0;
            position: relative;
        }
        
        .button-left, .button-right {
            position: relative;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }
        
        .button-left {
            transform: translate(17px);
            margin: 0 0 1rem;
            clip-path: polygon(0 0, 83% 0, 100% 100%, 0 100%);
            border-top-left-radius: 2rem;
            border-bottom-left-radius: 2rem;
            flex: 1 0 0;
            background: #fa8546;
            padding: 1rem;
        }
        
        .button-right {
            transform: translate(-15px);
            margin: 0 0 1rem;
            clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%);
            border-top-right-radius: 2rem;
            border-bottom-right-radius: 2rem;
            flex: 1 0 0;
            background: #58c780;
            padding: 1rem;
        }
        
        .button-left:hover, .button-right:hover {
            filter: brightness(1.1);
            transform: translate(17px) scale(1.05);
        }
        
        .button-right:hover {
            transform: translate(-15px) scale(1.05);
        }
        
        .button-left:active, .button-right:active {
            transform: translate(17px) scale(0.95);
        }
        
        .button-right:active {
            transform: translate(-15px) scale(0.95);
        }
        
        .poi-icon {
            margin-right: 8px;
            font-size: 1.2em;
        }
        
        .poi-icon__text {
            margin-right: 5px;
        }
        
        .inn-singular__post__toolbar__item__number {
            font-weight: bold;
            margin-left: 5px;
        }
        
        .active {
            background: #e74c3c !important;
        }
        
        .active-heart {
            background: #e84393 !important;
        }
        
        @keyframes ripple {
            to {
                transform: scale(4);
                opacity: 0;
            }
        }
        
        .stats {
            display: flex;
            justify-content: space-around;
            margin-top: 20px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 10px;
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-value {
            font-size: 1.5em;
            font-weight: bold;
            color: #2c3e50;
        }
        
        .stat-label {
            font-size: 0.9em;
            color: #7f8c8d;
        }
        
        .code-section {
            background: #2c3e50;
            color: #ecf0f1;
            padding: 20px;
            border-radius: 10px;
            margin-top: 30px;
            font-family: 'Courier New', monospace;
            overflow-x: auto;
        }
        
        .code-section h3 {
            margin-bottom: 15px;
            color: #3498db;
        }
        
        .code-section pre {
            white-space: pre-wrap;
            line-height: 1.5;
        }
        
        .highlight {
            color: #e74c3c;
        }
        
        .instructions {
            margin-top: 30px;
            padding: 20px;
            background: #e8f4fc;
            border-radius: 10px;
            border-left: 4px solid #3498db;
        }
        
        .instructions h3 {
            color: #2c3e50;
            margin-bottom: 10px;
        }
        
        .instructions ul {
            padding-left: 20px;
        }
        
        .instructions li {
            margin-bottom: 8px;
            color: #34495e;
        }


.name {
    font-size: 1.1em;
    font-weight: 700;
}
.hz{
    /* 徽章 */
    height: 1.15em;
    max-width: 6em;
    vertical-align: -.15em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    margin-left: 3px;
}
.nr_right .blackground-img{
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.nr_right .head_border{
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    --this-size: 38px;
    width: 80px;
    height: 80px;
}
.nr_right .head{
    border-radius: 100px;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all .2s;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}
.nr_right{
        flex: 0 0 20%;
        
        margin-top: 20px;
        background-color: rgb(255 255 255 / 86%);
        border-radius: 20px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .nr_left{
        color: #666!important;
        margin-right: auto;
        margin-left: auto;
        
        
        margin: 20px auto 10px auto;
        gap: 20px;
        align-items: start;
        flex-wrap: wrap;
    }

    @media(min-width: 579px) {
        .nr_left {
            width:559px;
            
        }
        .main{
            flex: 0 0 100%;
        }
    }
    
    @media(min-width: 768px) {
        .nr_left {
            width:748px;
        }

    }
    
    @media(min-width: 992px) {
        
        .nr_left {
            width:972px;
            display: flex;
            padding-left: 1rem;
        }
        .main{
            flex:0 0 76%!important;
            max-width: 75%;
        }
    }
    
    @media(min-width: 1200px) {
        .nr_left {
            width:1180px;
        }
    }

    .nr_main a{
       color: #e200e2;
       text-decoration: none;
    }
    .nr_main p{
        margin-bottom: 20px;
        line-height: 2; 
        font-size: 16px; 
    }
    body {
        background-image: url("/img/download.webp");
        /*
        background-image: url("/img/万の人々への感謝を_39957555.jpg");
        /*background: linear-gradient(135deg,rgb(195, 207, 226) 0%, rgb(245, 247, 250) 100% );
        background-color: #f5f6f7;*/
    }

    .main {
        
        padding: 1rem 1rem 0;
        /*background-color: rgb(0 0 0 / 8%);这个好像更好看*/
        background-color: rgba(255,255,255,.88);
        padding: 10px;
        border-radius: 1rem;
        font-weight:500;
        
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;/*影子*/
    }

    .main img,.pl img{
        height:auto;
        max-width:100%;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
        .nr_main img{
        height:auto;
        max-width:75%!important;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
        
        
        
    .pl{
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        border-radius: 10px;
        border: 1px solid white;
        display: flex;
        flex-direction: column; /* 设置 flex 容器为垂直方向 */
        padding: 5px;
        margin-bottom: 10px;
    }
    .pl .img{
        
        overflow:hidden;
        width: 10svh;
        height: 10svh;
        border-radius: 20px;
    }
    .pl .head{
        display: flex;
        align-items: center;
    }
    .pl .time {
        color:rgb(39 27 27 / 36%);
        margin-left: auto;
    }
    .share{
        border-radius: 5px;
        height: 50px;
        width: 89%;
    }
    .ok1{
        width: 9%;
        height: 50px;
    }
    .dh{
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    
    .tip{
        padding:10px;
        background-color:white;
        border-radius: 10px;
    }
    /*文章版权*/
    .article_copyright{
        padding: 10px;
        background: rgb(0 0 0 / 2%);
        padding-left: 20px;
        border-top: 1px solid rgba(0,0,0,.05);
    }