:root {
    --primary-color: #4caf50;
    --primary-hover: #45a049;
    --error-color: #f44336;
    --text-color: #333;
    --border-radius: 8px;
    --transition: all 0.3s ease;
    --shadow: 0 8px 24px rgba(0,0,0,0.1);
    --input-border: 2px solid #e0e0e0;
}
img{max-width:95%;max-height:95%;width:auto;height:auto;display:block;margin:0 auto;}body{display:block;padding:0px;margin:0px;}body:before{width:100%;height:100%;content:' ';position:fixed;z-index:-1;top:0;left:0;background:#fff;}.round1{padding:5px 5px;border:1px solid;border-radius:25px;box-sizing:content-box;text-align:center;font-size:18px;height:auto;word-wrap:break-word;word-break:break-all;overflow:hidden;margin:10px 5px;font-weight:bold;}.action-step{margin:10px;}.epian-caption-avatar-wrap{border-radius:100%;height:1.94rem;margin:0 auto .2rem;width:1.94rem;}.epian-caption-avatar{border-radius:100%;height:100%;width:100%;border-color:rgba(25,25,25,0.1);}.mp-img{border-radius:50%;height:100%;object-fit:cover;overflow:hidden;width:100%;}.epian-caption-subhead-author{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:0;height:.4rem;-webkit-justify-content:center;justify-content:center;letter-spacing:.01rem;color:rgb(199,5,6);}.epian-caption-subhead-author-name{font-size:.4rem;line-height:.80rem;overflow:hidden;padding:.04rem 0;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}.none{display:none;}.brand{color:rgba(52,54,67,.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:12px;font-weight:400;line-height:.34rem;padding:0 .32rem;position:relative;margin-top:30px;}.brand .brand-info{margin-bottom:.38rem;margin-right:auto;margin-top:.28rem;}.app-info{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.brand .brand-report{cursor:pointer;margin-bottom:.38rem;margin-left:auto;margin-top:.28rem;}.handle_div{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:50px;}.zan_div{border:1px solid rgba(52,54,67,.3);height:30px;width:100px;display:flex;justify-content:center;align-items:center;border-radius:5px;}.container{cursor:pointer;--c:#ff6b81;}svg{width:30px;overflow:visible;position:relative;z-index:10;}#heart{fill:#eee;stroke:var(--c);stroke-width:40px;stroke-dasharray:2600;stroke-dashoffset:2600;stroke-linecap:round;}.zan_click_span{display:block;width:24px;height:24px;background-color:transparent;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 -160px 0 var(--c),0 160px 0 var(--c),-160px 0 0 var(--c),160px 0 0 var(--c),-120px -120px 0 var(--c),120px -120px 0 var(--c),120px 120px 0 var(--c),-120px 120px 0 var(--c);}#zanImg:checked + svg #heart{animation:drawHeart 1s linear forwards;}#zanImg:checked ~ span{animation:blink 0.5s ease-in-out forwards;animation-delay:0.85s;}#zanImg:checked + svg{animation:beat 1s linear forwards;}@keyframes drawHeart{0%{stroke:var(--c);stroke-dashoffset:2600;}80%{stroke:var(--c);stroke-dashoffset:0;fill:rgba(52,54,67,.3);}100%{stroke:var(--c);stroke-dashoffset:0;fill:var(--c);}}@keyframes blink{0%{transform:translate(-50%,-50%) scale(0.5);opacity:0.8;}50%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0;}}@keyframes beat{0%{transform:scale(1);}70%{transform:scale(1);}80%{transform:scale(1.2);}100%{transform:scale(1);}}.loading{position:fixed;top:30%;left:50%;margin-left:-20px;display:none;}.domainWarnMsgDiv{display:block;font-size:8px;text-align:center;color:rgb(155,155,155);}.appletLogo{width:30px;height:30px;border-bottom:5px}.btn-external{background-color:rgba(7,193,96);min-width:250px;border:none;color:white;padding:8px 20px;text-align:center;text-decoration:none;display:inline-block;margin:20px 2px;cursor:pointer;border-radius:25px;transition:background-color 0.3s,transform 0.3s;animation:breathe 1.5s infinite;}.btn-external:hover{background-color:rgba(8,193,96);}@keyframes breathe{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}body{position:absolute;width:100%;}.main{padding:4px;text-align:center;margin:auto}.safeTip { background: #e6f9ec; border-radius: 8px; padding: 8px 12px; display: flex; align-items: center; justify-content: flex-start; margin: 10px 5px 8px 5px; font-size: 16px; color: #19c700; font-weight: 500; flex-direction: row; }
.safe-icon { width: 22px; height: 22px; margin-left: 0; margin-right: 8px; display: inline-block; vertical-align: middle; }
.safe-text { display: inline-block; vertical-align: middle; }
@media screen and (min-width:600px){.addMain{width:600px;}}.btn-interior{width:100%;background:#587eac;font-size:20px;border:none;color:white;padding:5px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;border-radius:0px 0px 25px 25px;transition:background-color 0.3s,transform 0.3s;animation:breathe 1.5s infinite;}

/* 主容器 */
.container {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

/* 图标容器 */
.icon-container {
    position: relative;
    margin-bottom: 2.5rem;
}

/* 小程序图标 */
.app-icon {
    width: 8rem;
    height: 8rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    background-size: cover;
}

/* 认证标识 */
.verified-badge {
    position: absolute;
    top: -0.5rem;
    right: 0.1rem;
}

/* 文字描述 */
.content {
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}

.app-name {
    font-size: 0.8rem;
    color: #1a1a1a;
    margin-bottom: 1rem;
}

.description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 2.5rem;
    padding: 0 1rem;
}

/* 立体按钮 */
.launch-btn {
    display: inline-flex;
    align-items: center;
    padding: 1rem 2.5rem;
    background: #07c160;
    color: white;
    border: none;
    border-radius: 2rem;
    font-size: 1.1rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(7,193,96,0.25),
    inset 0 -2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    text-decoration: none;
    position: relative;
}

.launch-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(7,193,96,0.35);
}

/* 反馈按钮 */
.feedback-btn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 0.75rem 1.5rem;
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 1.5rem;
    color: #666;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: all 0.2s;
}

.feedback-btn:hover {
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 响应式设计 */
@media (max-width: 640px) {
    .container {
        padding: 1.5rem;
    }

    .app-icon {
        width: 6rem;
        height: 6rem;
        border-radius: 1rem;
    }

    .verified-badge {
        width: 1.75rem;
        height: 1.75rem;
    }

    .app-name {
        font-size: 1.25rem;
    }

    .description {
        font-size: 0.95rem;
    }

    .launch-btn {
        padding: 0.875rem 2rem;
        font-size: 1rem;
    }

    .feedback-btn {
        bottom: 3.5rem;
        right: 1rem;
        padding: 0.5rem 1rem;
    }
}

/* Toast 提示 */
.toast {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    z-index: 9999;
}

/* 返回按钮样式 */
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    transition: all 0.3s ease;
}

.back-to-top:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.back-to-top:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.back-arrow {
    width: 20px;
    height: 20px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(45deg);
    margin-top: 5px;
}

.center-block__mt8-mb8 { text-align: center; margin-top: 8px; margin-bottom: 8px; color: rgb(155, 155, 155); font-size: 16px; }
.center-block__mn1 { text-align: center; margin: -1px; }
.flex-block__center { display: flex; justify-content: center; align-items: center; }
.text-block__fw500 { font-weight: 500; }
.padding-block__0 { padding: 0px !important; }
.padding-block__20 { padding: 20px 20px; }
.text-block--red { color: red; }
.text-block--fs30 { font-size: 30px; }
.text-block--fs18 { font-size: 18px; }
.text-block--gray { color: rgb(155, 155, 155); }
.margin-block__mb10 { margin-bottom: 10px; }
.canvas-block__7 { width: 7px; height: 7px; }

.zanFun {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.zan_div {
    border: 1px solid rgba(52,54,67,.3);
    height: 30px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}