@charset "utf-8";
*{margin:0;padding:0;list-style:none;box-sizing:border-box}
body{min-width:375px;max-width:750px;margin:0 auto;padding:0;background-color:#fff}
a{text-decoration:none;color:#333}
.main{width:100%;margin:0 auto 30px;padding:0 10px}
.question{width:100%;padding:10px 0 0 0;background-color:#fff}
.info{display:flex;justify-content:space-between;align-items:center;height:36px;color:#999;margin:10px 0;border-bottom:1px solid #f2f2f2;padding:5px 0;flex-wrap:wrap;}
.info a{color:#999;}
.meta-group{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.icon{position:relative;height:26px;line-height:26px;display:flex;align-items:center;font-size:14px;padding-left:18px;}
.icon::before{content:"";position:absolute;width:16px;height:16px;left:0;top:50%;transform:translateY(-50%);background-position:center;background-size:contain;}
.home::before{background-image:url(/template/ask/images/home.png);}
.update_time::before{background-image:url(/template/ask/images/chart-pie.png);}
.views::before{background-image:url(/template/ask/images/views.png);}
.like{position:sticky;top:0;z-index:999;margin:0;text-align:center;background:#f8f9fa;font-size:0;line-height:0;transition:all .3s ease}
.like.sticky-active{animation:pulse-attention 2s ease-in-out 3;box-shadow:0 4px 15px rgba(76,175,80,.3)}
.like img{width:100%;height:auto;max-width:100%;transition:transform .3s ease}
@keyframes pulse-attention{0%{transform:scale(1);box-shadow:0 4px 15px rgba(76,175,80,.3)}25%{transform:scale(1.05);box-shadow:0 6px 20px rgba(76,175,80,.4)}50%{transform:scale(1);box-shadow:0 4px 15px rgba(76,175,80,.3)}75%{transform:scale(1.03);box-shadow:0 5px 18px rgba(76,175,80,.35)}100%{transform:scale(1);box-shadow:0 4px 15px rgba(76,175,80,.3)}}
.answer{margin-top:10px;background:linear-gradient(135deg,#f9fffb,#f5fcf9);padding:0 5px 20px;color:#333;font-size:20px;line-height:30px;position:relative}
.answer a{color:#0077BC}
.answer div{margin-bottom:15px;line-height:1.7}
.answer div span{color:red}
.answer img{width:100%;border-radius:3px;margin:15px 0}

.related-content{width:100%;padding:0 10px;margin:10px 0;background-color:#fff}
.related-title{color:#333;font-size:18px;height:50px;line-height:50px;padding-left:10px;border-bottom:1px solid #e0e0e0;position:relative;margin-bottom:5px}
.related-title::before{content:"";width:4px;height:20px;background-color:#FF5500;position:absolute;left:0;top:15px}
.related-content ul{margin:10px 0}
.related-content ul li{width:100%;height:40px;line-height:40px;overflow:hidden;background-color:#fff;display:flex;justify-content:space-between;padding:0 10px 0 30px}
.related-content ul li::before{content:"";position:absolute;width:20px;height:20px;margin-left:-30px;margin-top:10px;display:block;background-position:center;background-size:contain;background-image:url(/template/ask/images/ask.png)}
.related-content ul li:last-child{margin-bottom:0}
.related-content ul li a{font-size:18px;font-weight:500}

.faq-section{width:100%;margin:30px 0;padding:20px 10px;background-color:#f9f9f9;position:relative}
.faq-title{color:#333;font-size:1.5em;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;position:relative;padding-left:10px}
.faq-item{margin-bottom:15px;padding:15px;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);position:relative;border:1px solid #f0f0f0;transition:box-shadow .2s ease}
.faq-item:hover{box-shadow:0 2px 6px rgba(0,0,0,.12)}
.faq-question{font-weight:bold;color:#333;margin-bottom:8px;font-size:1.1em;line-height:1.4}
.faq-answer{color:#555;line-height:1.6;font-size:.95em}
.disclaimer{margin-top:25px;padding:12px 15px;background-color:#f8f9fa;border-left:4px solid #0077BC;font-size:14px;line-height:1.6;color:#666;border-radius:0 4px 4px 0;position:relative}
.disclaimer::before{content:"免责声明";display:block;font-weight:600;color:#0077BC;margin-bottom:5px;font-size:15px}
.disclaimer p{margin:0;line-height:1.6;font-size:14px}
@media (max-width:480px){
    .faq-section{padding:15px 8px;margin:20px 0}
    .faq-title{font-size:1.3em;margin-bottom:15px;padding-left:15px}
    .faq-item{padding:12px;margin-bottom:12px}
    .disclaimer{margin-top:20px;padding:10px 12px;font-size:13px}
    .disclaimer::before{font-size:14px}
}