/* ---------- 外层容器 ---------- */
.jushoujigzh-latest-wrapper{
    display:flex;flex-wrap:wrap;align-items:center;gap:12px;
    background:#fff;
    border:1px solid rgba(42,140,119,.12);
    border-radius:14px;
    box-shadow:0 2px 14px rgba(42,140,119,.08);
    padding:14px 18px;
    margin:14px 0;
}
.jushoujigzh-latest-visitors{flex:1 1 320px;min-width:0;}
.jushoujigzh-visitor-title{
    font-size:15px;font-weight:700;color:#1f3b35;
    padding-left:10px;margin-bottom:10px;
    line-height:1.4;position:relative;
}
.jushoujigzh-visitor-title::before{
    content:"";position:absolute;left:0;top:50%;
    transform:translateY(-50%);
    width:4px;height:15px;border-radius:2px;
    background:linear-gradient(180deg,#2a8c77,#4cc4a5);
}
.jushoujigzh-visitor-list{display:flex;flex-wrap:wrap;gap:8px;min-height:30px;}
.jushoujigzh-visitor-tag{
    display:inline-block;
    font-size:12.5px;line-height:1.6;
    color:#2a8c77;
    background:#eaf6f2;
    border:1px solid rgba(42,140,119,.14);
    padding:4px 12px;border-radius:999px;
    cursor:pointer;transition:.25s;
    opacity:0;animation:jushoujigzh-tag-fade .45s ease forwards;
    white-space:nowrap;max-width:180px;
    overflow:hidden;text-overflow:ellipsis;
}
.jushoujigzh-visitor-tag:hover{
    background:linear-gradient(135deg,#2a8c77,#38b092);
    color:#fff;border-color:transparent;
    box-shadow:0 4px 12px rgba(42,140,119,.28);
    transform:translateY(-2px);
}
@keyframes jushoujigzh-tag-fade{
    from{opacity:0;transform:translateY(6px);}
    to  {opacity:1;transform:translateY(0);}
}
.jushoujigzh-join-btn{
    flex:0 0 auto;
    font-size:13.5px;font-weight:600;font-family:inherit;
    padding:9px 22px;border:none;border-radius:999px;
    background:linear-gradient(135deg,#2a8c77,#38b092);
    color:#fff;cursor:pointer;
    box-shadow:0 4px 14px rgba(42,140,119,.28);
    transition:.25s;
}
.jushoujigzh-join-btn:hover{
    background:linear-gradient(135deg,#1f6b5c,#2a8c77);
    box-shadow:0 6px 18px rgba(42,140,119,.40);
    transform:translateY(-1px);
}

/* ---------- 弹窗遮罩 ---------- */
.jushoujigzh-faq-modal-overlay{
    position:fixed;inset:0;
    background:rgba(20,40,35,.50);
    backdrop-filter:blur(3px);
    display:none;
    align-items:center;justify-content:center;
    padding:24px 16px;box-sizing:border-box;
    z-index:999999;overflow-y:auto;
}
.jushoujigzh-faq-modal-overlay.jushoujigzh-active{
    display:flex;
    animation:jushoujigzh-overlay-in .22s ease;
}
@keyframes jushoujigzh-overlay-in{from{opacity:0;}to{opacity:1;}}

/* ---------- 弹窗主体 ---------- */
.jushoujigzh-faq-modal{
    width:100%;max-width:640px;
    max-height:88vh;overflow-y:auto;
    background:#fff;
    border-radius:18px;
    box-shadow:0 20px 60px rgba(0,0,0,.30);
    animation:jushoujigzh-modal-in .28s cubic-bezier(.2,.7,.3,1);
}
@keyframes jushoujigzh-modal-in{
    from{opacity:0;transform:translateY(20px) scale(.97);}
    to  {opacity:1;transform:translateY(0) scale(1);}
}
.jushoujigzh-faq-modal-head{
    position:relative;
    padding:18px 22px;
    background:linear-gradient(90deg,rgba(42,140,119,.14),rgba(42,140,119,.02));
    border-bottom:1px solid rgba(42,140,119,.14);
}
.jushoujigzh-faq-modal-head h2{
    font-size:17px;font-weight:700;color:#1f3b35;
    margin:0;padding-left:12px;line-height:1.4;position:relative;
    width: 50%;
}
.jushoujigzh-faq-modal-head h2::before{
    content:"";position:absolute;left:0;top:50%;
    transform:translateY(-50%);
    width:4px;height:16px;border-radius:2px;
    background:linear-gradient(180deg,#2a8c77,#4cc4a5);
}
.jushoujigzh-faq-close{
    position:absolute;right:16px;top:50%;
    transform:translateY(-50%);
    width:32px;height:32px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:22px;line-height:1;color:#7b8b88;background:#f2f7f5;
    cursor:pointer;transition:.25s;user-select:none;
}
.jushoujigzh-faq-close:hover{
    background:#2a8c77;color:#fff;
    transform:translateY(-50%) rotate(90deg);
}
.jushoujigzh-faq-body{padding:14px 18px 18px;}

/* ---------- 手风琴条目 ---------- */
.jushoujigzh-faq-item{
    border:1px solid rgba(42,140,119,.12);
    border-radius:12px;margin-bottom:10px;
    overflow:hidden;transition:.25s;
}
.jushoujigzh-faq-item:hover{
    border-color:rgba(42,140,119,.28);
    box-shadow:0 4px 14px rgba(42,140,119,.10);
}
.jushoujigzh-faq-title{
    display:flex;align-items:center;justify-content:space-between;
    gap:10px;
    font-size:14px;font-weight:600;color:#1f3b35;
    padding:13px 16px;background:#f7fbf9;
    cursor:pointer;user-select:none;transition:.25s;
}
.jushoujigzh-faq-title:hover{background:#eef8f5;}
.jushoujigzh-faq-arrow{
    flex:0 0 auto;color:#2a8c77;font-size:12px;
    transition:transform .3s ease;display:inline-block;
}
.jushoujigzh-faq-item.jushoujigzh-open .jushoujigzh-faq-arrow{
    transform:rotate(180deg);
}

/* ---------- 手风琴内容（用 JS 动态控制高度） ---------- */
.jushoujigzh-faq-content{
    max-height:0;
    overflow:hidden;
    padding:0 16px;
    font-size:13px;line-height:1.9;
    color:#41504d;background:#fff;
    border-top:1px solid transparent;
    transition:max-height .35s ease, padding .35s ease, border-color .35s ease;
}
.jushoujigzh-faq-item.jushoujigzh-open .jushoujigzh-faq-content{
    padding:12px 16px;
    border-top-color:rgba(42,140,119,.10);
}
.jushoujigzh-red-text{color:#c0483d;}
.jushoujigzh-faq-content textarea{
    display:block;width:100%;box-sizing:border-box;
    margin:8px 0;padding:10px 12px;
    font-size:12.5px;
    font-family:Consolas,Monaco,Menlo,monospace;
    color:#2a8c77;background:#f2faf7;
    border:1px dashed rgba(42,140,119,.30);
    border-radius:8px;resize:none;outline:none;line-height:1.7;
}

/* ---------- 双端适配 ---------- */
@media (max-width:768px){
    .jushoujigzh-latest-wrapper{padding:12px 14px;gap:10px;}
    .jushoujigzh-visitor-title{font-size:14px;margin-bottom:8px;}
    .jushoujigzh-visitor-tag{font-size:12px;padding:3px 10px;}
    .jushoujigzh-join-btn{font-size:13px;padding:8px 18px;width:100%;}
    .jushoujigzh-faq-modal-overlay{padding:12px 10px;align-items:flex-start;}
    .jushoujigzh-faq-modal{max-height:92vh;border-radius:14px;}
    .jushoujigzh-faq-modal-head{padding:14px 16px;}
    .jushoujigzh-faq-modal-head h2{font-size:15.5px;}
    .jushoujigzh-faq-close{width:28px;height:28px;font-size:19px;right:12px;}
    .jushoujigzh-faq-body{padding:10px 12px 14px;}
    .jushoujigzh-faq-title{font-size:13.5px;padding:11px 13px;}
    .jushoujigzh-faq-content{font-size:12.5px;padding:0 13px;}
    .jushoujigzh-faq-item.jushoujigzh-open .jushoujigzh-faq-content{padding:10px 13px;}
}
@media (max-width:480px){
    .jushoujigzh-faq-modal-overlay{padding:8px 8px;}
    .jushoujigzh-faq-modal-head h2{font-size:14.5px;}
    .jushoujigzh-faq-title{font-size:13px;}
}