/* oecmcaseapply.css */

.apply-page {
    /* 继承自 fund-content 但允许特定覆盖 */
    position: relative;
    padding-right: 26rem; /* 添加右内边距以保留空间 */
    max-width: 100%;
}

/* 确保容器允许全宽内容 */
.fund-container .apply-page {
    flex: 1;
    width: auto; /* 让其占据可用空间 */
    min-width: 0; /* 防止 flex 项目溢出 */
}

/* 悬浮入口按钮 */
.floating-entry {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 1000;
    width: 20rem; /* 根据图片大小调整 */
    transition: transform 0.3s ease;
    display: block;
    cursor: pointer;
}

.floating-entry:hover {
    /* transform: translateX(-5px); */
    opacity: 0.8;
}

.floating-entry img {
    width: 100%;
    height: auto;
    display: block;
    /* box-shadow: -2px 4px 15px rgba(0,0,0,0.1); */
    border-radius: 8px 0 0 8px;
}

/* 章节样式 */
.what-section{ margin-bottom: 4rem; scroll-margin-top: 10rem; background: #FFFFFF; box-shadow: 0px 3px 26px 1px rgba(0,0,0,0.16); border-radius: 20px; overflow: hidden; padding-bottom: 2rem;}
.what-title{ font-size: 2.2rem; color: #547130; margin-bottom: 0rem; padding: 1.5rem 2rem; line-height: 1.2; font-weight: 600; background: linear-gradient(to bottom, #F2F5DF, #FFFFFF);}
.img-container{ width: 100%; border-radius: 0; overflow: hidden; margin: 0; padding: 0 2rem; box-shadow: none; background: transparent;}
.img-container img{ width: 100%; height: auto; display: block;}

/* 图片堆叠样式 */
.image-stack {
    display: flex;
    flex-direction: column;
    gap: 0; /* 移除间隙使其像长图一样无缝 */
    width: 100%;    margin-top: 1.83rem;
}

.stack-img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 2.83rem;
}

/* 组织章节特定样式 */
.org-list-container {
    padding: 0 2rem;
}

.org-columns {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
}

.org-col {
    flex: 1;
    background: #F9FCF5; /* 匹配设计背景色调 */
    border-radius: 12px;
    padding: 2rem;
}

.org-col h3 {
    font-size: 1.8rem;
    color: #547130;
    margin-bottom: 1.5rem;
    font-weight: bold;
    text-align: left;
    padding-bottom: 1rem;
    /* border-bottom: 1px dashed rgba(84, 113, 48, 0.3); */
}

.org-col ul {
    list-style: none;
    padding: 0;
}

.org-col li {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 0.8rem;
    line-height: 1.4;
    position: relative;
    padding-left: 1.5rem;
}

.org-col li::before {
    content: '•';
    color: #547130;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* 需求文本块 */
.req-text-block p {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 2rem;
    text-align: justify;
    background: #FFFBF0; /* 浅色高亮背景 */
    padding: 2rem;
    border-radius: 10px;
    border: 1px solid #FFE4B5;
}

.req-text-block strong {
    color: #E65100; /* 高亮颜色 */
    font-weight: bold;
}

/* 历史页面样式 */
.history-list {
    display: flex;
    flex-direction: column;
    padding:0 2rem;
}

.history-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF; /* 回退颜色 */
    /* 如果需要添加渐变或特定背景 */
    border-radius: 0;
    background: #E8F2C6; /* 浅绿色背景 */
    padding: 1.5rem 2rem;
    font-size: 1.33rem;
    font-weight: bold;
}
.history-item:first-child{
    margin-bottom: 1.25rem;
}
.history-link-box {
    display: block;
    border-radius: 4px;
    color: #547130; /* 绿色文本 */
    text-decoration: none;
    flex: 1;
    margin-right: 4rem;
    transition: background 0.3s;
    text-align: left;
}
 .history-item .history-link-box {
    text-decoration: underline;
} 

.history-meta {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 1.2rem;
    color: #999;
    width: 25rem;
}

.meta-label {
    display: block;
    margin-bottom: 0.2rem;
}

.meta-link {
    color: #999;
    text-decoration: none;
    word-break: break-all;
    line-height: 1.4;
}

.meta-link:hover {
    color: #547130;
    text-decoration: underline;
}

/* QA 章节样式 */
.qa-intro {
    font-size: 1.33rem;color: #0F212D;padding: 0 2rem 1.5rem;
}
.qa-intro a{
    color: #547130;
}
.qa-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;   
    padding: 0 2rem 1.5rem
}

.qa-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.qa-item.active {
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    /* border-color: #547130; */
}

.qa-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    cursor: pointer;
    background: #fcfcfc;
    transition: background 0.3s;
}

/* .qa-item.active .qa-question {
    background: #F2FDE0;
} */

.qa-question span {
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
    flex: 1;
    padding-right: 2rem;
}

/* .qa-item.active .qa-question span {
    color: #547130;
} */

.qa-icon {
    background: url('../image/intro_oecm/icon-show.png') no-repeat center center;
    height: 2.5rem;
    width: 2.5rem;
    background-size: contain;
}

.qa-item.active .qa-icon {
    transform: rotate(180deg);
    color: #547130;
}

.qa-answer {
    padding: 0 2rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-out;
    background: #fff;
    opacity: 0;
}

.qa-item.active .qa-answer {
    padding: 2rem;
    max-height: 1000px; /* 足够大以适应内容 */
    opacity: 1;
    border-top: 1px solid rgba(84, 113, 48, 0.1);
}
.qa-answer{
    border-top: 0px!important;
}
.qa-answer p {
    font-size: 1.5rem;
    line-height: 1.8;
    color: #666;
    margin-bottom: 1.5rem;
}

.qa-answer p:last-child {
    margin-bottom: 0;
}

/* QA 视觉块 */
.qa-visual-block {
    margin-top: 2rem;
    border-left: 4px solid #547130;
    padding-left: 2rem;
}

.visual-row {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: flex-start;
}

.visual-label {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    margin-right: 2rem;
    flex-shrink: 0;
}

.label-1 { background: #C4D6A0; }
.label-2 { background: #A0C488; }
.label-3 { background: #7DA346; }

.visual-content {
    flex: 1;
    font-size: 1.4rem;
    color: #333;
    display: flex;
    align-items: center;
    min-height: 8rem;
}


/* 响应式 */
@media (max-width: 992px) {
    .org-columns {
        flex-direction: column;
    }
    
    .floating-entry {
        width: 8rem;
        top: 20%;
    }
    
    .apply-buttons-row img {
        height: 60px !important;
    }
    
    .history-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .history-link-box {
        width: 100%;
        margin-right: 0;
    }
    
    .history-meta {
        width: 100%;
    }
    
    .visual-row {
        flex-direction: column;
    }
    
    .visual-label {
        width: 100%;
        height: 4rem;
        margin-bottom: 1rem;
        margin-right: 0;
    }
    
    .visual-content {
        min-height: auto;
    }
}