@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}
.like{position:sticky;top:0;z-index:999}
.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-top:10px;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);}
.answer{margin-top:10px;background-color:#fff9ee;padding:20px 10px;color:#333;font-size:20px;line-height:30px;position:relative}
.answer a{color:#0077BC}
.answer p{margin-bottom:15px;line-height:1.7;}
.answer p span{color:red}
.answer img{width:100%;border-radius:3px;margin:10px 0;}
.list{width:100%;padding:0 10px;margin:10px 0;background-color:#fff}
.list .head{height:50px;line-height:50px;font-size:18px;padding-left:10px;border-bottom:1px solid #eee;position:relative;margin-bottom:5px}
.list .head::before{content:"";width:4px;height:20px;background-color:#ff7500;position:absolute;left:0;top:15px}
.list ul{margin:10px 0}
.list 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}
.list 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);}
.list ul li:last-child{margin-bottom:0}
.list 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:20px;}
.faq-item{margin-bottom:15px;padding:15px;background:white;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.08);position:relative;border:1px solid #f0f0f0;transition:box-shadow 0.2s ease;}
.faq-item:hover{box-shadow:0 2px 6px rgba(0,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:0.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) {
    .disclaimer {
        margin-top: 20px;
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .disclaimer::before {
        font-size: 14px;
    }
}

/* 极简风格显示全文区域 */
.display-all {
    margin: 30px 0 0 0;
    text-align: center;
    padding: 20px 0 0 0;
    border-top: 1px dashed #e0e0e0;
}

/* 极简风格按钮 */
.display-all-btn {
    color: #0077BC;
    background: none;
    border: 1px solid #0077BC;
    padding: 8px 24px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 400;
}

.display-all-btn:hover {
    background-color: #0077BC;
    color: white;
    transform: translateY(-1px);
}

/* 移动端适配 */
@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;}
    
    .display-all {
        margin: 25px 0;
        padding: 15px 0;
    }
    
    .display-all-btn {
        padding: 6px 20px;
        font-size: 13px;
    }
}