/* 首页中段：缩短阅读路径，真实案例素材 + 具体功能 + 按需展开的规则。 */
/* 首页末尾：咨询为主入口，招募和页脚降低视觉分量。 */
.home-page #site-footer{padding-top:56px}
.home-page #site-footer .ft-main{gap:40px;padding-bottom:44px}
.home-page #site-footer .ft-logo{height:26px;margin-bottom:16px}
.home-page #site-footer .ft-slogan{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.8;color:var(--mut)}
.home-page #site-footer .ft-contact{margin-top:24px}
@media(max-width:620px){
 .home-page #site-footer{padding-top:40px}
 .home-page #site-footer .ft-main{gap:28px;padding-bottom:32px}
 .home-page #site-footer .ft-slogan{font-size:14px}
 .home-page #site-footer .ft-contact{margin-top:22px}
 .home-page #zhqn-chat{right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .home-page .zc-fab{display:flex;width:44px;height:44px;box-shadow:0 0 0 1px rgba(196,232,92,.15),0 5px 16px rgba(166,214,62,.09)}
 .home-page .zc-fab::after{filter:opacity(.15);pointer-events:none}
 .home-page .zc-fab-ic svg{width:22px;height:22px}
 .home-page .zc-fab-dot{top:8px;right:8px;width:7px;height:7px;opacity:.7}
}

#faq{padding:80px 0}
#faq .faq-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:64px;align-items:start}
#faq .sec-title{font-size:clamp(28px,2.6vw,36px);font-weight:600;line-height:1.45;margin:19px 0 0;letter-spacing:-.02em}
#faq .faq{max-width:none;margin:0;min-width:0;border-top:1px solid var(--line)}
#faq .faq details{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
#faq .faq summary{padding:20px 0;min-height:60px;font-size:15px;font-weight:500;line-height:1.7;gap:24px}
#faq .faq summary::after{font-size:18px;color:var(--lime-ink)}
#faq .faq details[open] summary::after{content:"−";transform:none}
#faq .faq .fa{padding:0 32px 20px 0;font-size:14px;line-height:1.9}
@media(max-width:900px){#faq .faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:32px}#faq .sec-title{font-size:28px}}
@media(max-width:620px){#faq{padding:56px 0}#faq .faq-layout{grid-template-columns:1fr;gap:28px}#faq .sec-title{font-size:28px;line-height:1.4;margin-top:16px}#faq .faq summary{font-size:14px;padding:17px 0;min-height:56px;gap:18px}#faq .faq .fa{font-size:13px;padding:0 24px 18px 0}}

#cases,#how,#trust{padding:80px 0}
#cases .sec-title,#how .sec-title,#trust .sec-title{font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.3;margin:19px 0 16px}
#cases .sec-sub,#how .sec-sub,#trust .sec-sub{font-size:16px;line-height:1.8;max-width:900px}

#cases .cases-grid{gap:16px;margin-top:34px;align-items:start}
#cases .case-shot{aspect-ratio:16/9;background:var(--bg-2)}
#cases .case-shot img{object-fit:contain;filter:none}
#cases .case-shot.has-img::after{display:none}
#cases .case-material{position:absolute;left:10px;top:10px;font:10px var(--zh);letter-spacing:0;padding:3px 7px;border-radius:5px;background:var(--bg-2);color:var(--mut);border:1px solid var(--line)}
#cases .case-cap{padding:18px}
#cases .case-cap>p{font-size:11px;color:var(--mut);margin:0 0 6px}
#cases .case-cap h3{font-size:17px;font-weight:600;line-height:1.4;margin:0}
#cases .case-functions{list-style:none;padding:0;margin:17px 0 19px;display:grid;gap:9px}
#cases .case-functions li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);line-height:1.5}
#cases .case-functions svg{width:23px;height:23px;flex:none;padding:3px;border-radius:6px;background:var(--surface);color:var(--lime-ink)}
#cases .case-status{font-size:11px;line-height:1.6;align-items:baseline}

#how .flow{margin-top:38px;gap:30px}
#how .flow::before,#how .flow::after{top:22px;left:23px;right:23px}
#how .step{padding:0}
#how .step::before{width:44px;height:44px;font-size:12px;margin-bottom:20px}
#how .step h4{font-size:20px;font-weight:600;margin-bottom:8px}
#how .step p{font-size:14px;max-width:none;line-height:1.8}

.home-rules{margin-top:32px;border-top:1px solid var(--line);color:var(--mut)}
.home-rules>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;min-height:48px;font-size:13px;line-height:1.6;cursor:pointer;list-style:none}
.home-rules>summary::-webkit-details-marker{display:none}
.home-rules>summary:hover{color:var(--ink)}
.home-rules .rules-toggle{font-size:17px;color:var(--lime-ink);flex:none}
.home-rules[open] .rules-toggle{transform:rotate(45deg)}
.home-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:12px 0 22px}
.home-rules-grid h4{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 9px}
.home-rules-grid p{font-size:13px;line-height:1.9;margin:0}

#trust{background:none}
#trust .trust-grid{margin-top:34px;gap:16px}
#trust .tcard{padding:24px;min-width:0}
#trust .tcard h4{font-size:18px;font-weight:600;margin:18px 0 9px}
#trust .tcard p{font-size:14px;line-height:1.8;max-width:340px}
#trust .assurance-art{height:100px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--ink)}
#trust .assurance-bubble{position:relative;width:111px;height:70px;display:flex;align-items:center;gap:6px;justify-content:center;border:1px solid var(--line-2);background:var(--bg-2);border-radius:16px 16px 16px 4px;transform:rotate(-5deg);margin-right:20px}
#trust .assurance-bubble svg{width:25px;height:25px;color:var(--mut)}
#trust .assurance-bubble i{width:6px;height:6px;background:var(--line-2);border-radius:50%}
#trust .assurance-reply{position:absolute;left:calc(50% + 20px);top:44px;width:47px;height:38px;border-radius:11px 11px 3px 11px;background:var(--lime);color:#172108;display:grid;place-items:center;transform:rotate(5deg)}
#trust .assurance-reply svg{width:22px;height:22px}
#trust .assurance-paper{width:77px;height:94px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;transform:rotate(5deg);padding:12px;position:relative}
#trust .assurance-paper .paper-title{display:block;width:29px;height:4px;background:var(--line-2);border-radius:3px;margin-bottom:10px}
#trust .assurance-list .assurance-paper>span{display:flex;align-items:center;gap:5px;margin:6px 0}
#trust .assurance-list svg{width:15px;height:15px;padding:2px;border-radius:4px;background:var(--lime);color:#172108;flex:none}
#trust .assurance-list span i{height:3px;width:27px;background:var(--line-2);border-radius:3px}
#trust .assurance-repair .assurance-paper{transform:rotate(-5deg);width:90px;height:91px}
#trust .repair-tool{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--surface);color:var(--ink)}
#trust .repair-tool svg{width:20px;height:20px}
#trust .repair-line{display:block;height:3px;width:60px;margin-top:10px;background:var(--line-2);border-radius:3px}
#trust .repair-line.short{width:40px;margin-top:6px}
#trust .repair-check{position:absolute;right:-8px;bottom:-5px;display:grid;place-items:center;width:27px;height:27px;background:var(--lime);border:3px solid var(--bg-2);border-radius:50%;color:#172108}
#trust .repair-check svg{width:17px;height:17px}

@media(max-width:1000px){#cases .cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cases .case-shot{aspect-ratio:2/1}#cases .case-functions{grid-template-columns:1fr;gap:8px}#trust .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#trust .tcard{padding:20px}#trust .tcard h4{font-size:17px}}
@media(max-width:900px){#how .flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#how .flow::before,#how .flow::after{display:block}}
@media(max-width:620px){#cases,#how,#trust{padding:56px 0}#cases .sec-sub,#how .sec-sub,#trust .sec-sub{font-size:14px}#cases .case-cap{padding:14px}#cases .case-cap h3{font-size:15px}#cases .case-functions{margin:13px 0 15px}#cases .case-functions li{font-size:12px;gap:6px}#cases .case-functions svg{width:21px;height:21px}#cases .case-material{font-size:9px;padding:2px 5px;left:7px;top:7px}#cases .case-shot{aspect-ratio:16/10}#how .flow{gap:25px;grid-template-columns:1fr}#how .flow::before,#how .flow::after{display:none}#how .step{padding-left:59px;min-height:54px}#how .step::before{position:absolute;left:0;top:2px;width:36px;height:36px;margin:0}#how .step h4{font-size:18px;margin-bottom:4px}#how .step p{font-size:13px}#how .step:not(:last-child)::after{content:"";position:absolute;left:18px;top:44px;bottom:-18px;width:1px;background:var(--line-2)}.home-rules-grid{grid-template-columns:1fr;gap:22px;padding:8px 0 20px}.home-rules{margin-top:25px}.home-rules>summary{font-size:12px}#trust .trust-grid{grid-template-columns:1fr;gap:11px}#trust .tcard{display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:15px;padding:18px 15px}#trust .assurance-art{height:88px;grid-row:1/3}#trust .tcard h4{margin:9px 0 6px;font-size:16px}#trust .tcard p{font-size:12px;line-height:1.8;max-width:none}#trust .assurance-bubble{width:74px;height:51px;margin-right:6px;border-radius:12px 12px 12px 3px;gap:3px}#trust .assurance-bubble svg{width:20px;height:20px}#trust .assurance-bubble i{width:4px;height:4px}#trust .assurance-reply{width:34px;height:29px;left:calc(50% + 10px);top:45px}#trust .assurance-reply svg{width:17px;height:17px}#trust .assurance-paper{width:64px;height:82px;padding:9px}#trust .assurance-list span i{width:22px}#trust .assurance-repair .assurance-paper{width:69px;height:77px;padding:9px}#trust .repair-tool{width:24px;height:24px}#trust .repair-tool svg{width:17px;height:17px}#trust .repair-line{width:45px;margin-top:9px}#trust .repair-line.short{width:29px}}
@media(max-width:380px){#cases .cases-grid{grid-template-columns:1fr}#cases .case{display:grid;grid-template-columns:95px minmax(0,1fr)}#cases .case-shot{aspect-ratio:auto;height:100%;border-bottom:0;border-right:1px solid var(--line)}#cases .case-material{top:8px;left:8px}#cases .case-cap{padding:14px 12px}#cases .case-cap h3{font-size:14px}#cases .case-functions{gap:6px;margin:10px 0 12px}#cases .case-functions li{font-size:11px}#cases .case-cap>p{font-size:10px}#cases .case-status{font-size:10px}#trust .tcard{grid-template-columns:80px minmax(0,1fr);column-gap:12px}}