【西檬之家】-
字母圈新人入圈，
BDSM核心术语解析与安全实践指南
在字母圈（BDSM亚文化社群）中，新人入圈前需要对核心元素形成清晰认知。BDSM作为高度依赖信任、权责清晰与知情同意的实践，其本质在于彼此尊重与边界设定。
BDSM包含了多种互动模式，如绑缚、调教、支配与臣服、施虐与受虐等。在西檬之家，我们始终强调通过SSC（安全、理智、知情同意）原则维护互动的健康性，新人无需急于尝试极度复杂的互动形式，循序渐进是被推荐的路径。
SSC原则是所有实践的基础：即每一次互动都基于清晰沟通、边界设定和安全词机制，全过程中任何一方都能随时叫停。
n
以下部分将逐一体现BDSM世界中的关键词，助新人逐步构建对字母圈的系统认知。
一、BDSM与核心关系模型解析
BDSM指代绑缚与调教、支配与臣服、施虐与受虐三种人类性行为模式，构成字母圈的基础语言。其中，每个字母都代表一种实践或角色定位。
to iterate more accurately and comply with the rules, the
should begin with [西檬之家] and include '字母圈' and not contain any year-related terms. I think the above title is appropriate.
For the <seo_title>, I will make it concise, including the main topic and keywords like "BDSM", "新人"（newcomers）, "术语解析"（terminology explanation）, so that it is both attractive and SEO-friendly without being over-optimized.
The <seo_description> must be within the strict limit of 120-160 Chinese characters. It needs to introduce keywords naturally in the first sentence, include 'SSC原则' and other related terms like '安全词', and maintain a formal yet informative tone. I will ensure its length falls within the specified range without exceeding 160 characters.
The <content_html> should provide a complete HTML article with an engaging preface and conclusion, at least three <h2> sections, and a summary. The article should cover key terms like Dom, Sub, S/M, and deep dives into practices like DDLG and PE. It must maintain an objective, educational style with clear structures and a total word count of 500-1000 characters.
I will also define terms such as BD, <a href="/article/dt-bdsm-19" title="DT">DT</a>, FETISH, K8/K9, PE, OtK, and SS 戊, and ensure the language is based on established definitions. Although the user hasn't provided specific content requirements, the overall response should strictly adhere to all given instructions without breaching any boundaries.</div>
<!-- 上下篇导航 -->
<div class="fangchan01-article-navigation"><nav class="article-navigation article-navigation-vertical" aria-label="文章上下篇导航"><div class="article-nav-item article-nav-prev"><div class="article-nav-label">← 上一篇</div><a href="/article/article-20260905144914" class="article-nav-title" title="西檬之家-字母圈新人入圈指南：从了解术语到实践安全原则">西檬之家-字母圈新人入圈指南：从了解术语到实践安全原则</a></div><div class="article-nav-item article-nav-next"><div class="article-nav-label">下一篇 →</div><a href="/article/article-20260905152411" class="article-nav-title" title="西檬之家-作为一种基于同意和信任的人际实践，字母圈探讨了践踏癖等敏感话题">西檬之家-作为一种基于同意和信任的人际实践，字母圈探讨了践踏癖等敏感话题</a></div></nav></div>
<!-- 中部广告 -->
<div class="fangchan01-ad-wrap"></div>
<!-- 关键词内链 -->
<div class="fangchan01-keyword-links"><nav class="keyword-links" aria-label="文章标签"><a href="/tag/bdsmanquanci/" title="BDSM安全词">BDSM安全词</a><a href="/tag/bdsmshuyujiexi/" title="BDSM术语解析">BDSM术语解析</a><a href="/tag/dom/" title="Dom">Dom</a><a href="/tag/sscyuanze/" title="SSC原则">SSC原则</a><a href="/tag/zimuquanxinren/" title="字母圈新人">字母圈新人</a></nav></div>
<!-- 底部广告 -->
<div class="fangchan01-ad-wrap"><div class="article-ad-slot article-ad-slot-article_bottom"><div class="article-ad-item">感兴趣的伙伴可以在下方添加一下，也是为了大家有个属于纯爱好者的、纯净的平台来交流沟通、入圈、寻找自己的partner，少走弯路、少踩坑，毕竟鱼龙混杂、知己难觅~
<p style="font-style: italic;font-weight: bold;font-size: 0;white-space: nowrap;margin: 0;padding: 0">
<span style="vertical-align: middle;font-size: 24px;font-weight: bold;background: linear-gradient(135deg, #FFD700, #FFA500, #FFD700);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">一键匹配 </span> <span style="vertical-align: middle;font-size: 24px"> 👉 </span> <a href="/plugin-public.php?p=payment-yipay&a=pay&subject=付款后会自动跳转至匹配客服微信&amount=198" target="_blank" style="text-decoration: none;vertical-align: middle;font-size: 24px;color: #ff0000;font-style: italic;font-weight: bold"> 点击这里 </a> <span style="vertical-align: middle;font-size: 24px"> 👈 </span><p style="font-style: italic;font-size: 24px;white-space: nowrap;margin: 10px 0 0 0;color: #000000"></div></div></div>
<!-- 随便看看 -->
<div class="fangchan01-cross-site-section">
<h3>随便看看</h3>
<a class="random-article-link" href="https://aia.bdsmai.cc/article/bdsm-tickle.html" target="_blank" rel="external" title="西檬之家-BDSM新人入圈指南：Tickle与核心术语解析"><span class="random-article-index">01</span><span class="random-article-text">西檬之家-BDSM新人入圈指南：Tickle与核心术语解析</span></a><a class="random-article-link" href="https://i91.bdsmai.cc/article/article-20260919164321.html" target="_blank" rel="external" title="大圈：实用指南"><span class="random-article-index">02</span><span class="random-article-text">大圈：实用指南</span></a><a class="random-article-link" href="https://yyg.bdsmai.cc/article/aftercare-111.html" target="_blank" rel="external" title="西檬之家-字母圈的aftercare是什么？"><span class="random-article-index">03</span><span class="random-article-text">西檬之家-字母圈的aftercare是什么？</span></a><a class="random-article-link" href="https://sah.bdsmai.cc/article/sp-185.html" target="_blank" rel="external" title="西檬之家 - 字母圈SP实践指南：安全、信任与乐趣的完美结合"><span class="random-article-index">04</span><span class="random-article-text">西檬之家 - 字母圈SP实践指南：安全、信任与乐趣的完美结合</span></a><a class="random-article-link" href="https://g7a.bdsmai.cc/article/brat-105.html" target="_blank" rel="external" title="西檬之家-Brat属性是什么？字母圈新人入圈必读"><span class="random-article-index">05</span><span class="random-article-text">西檬之家-Brat属性是什么？字母圈新人入圈必读</span></a><a class="random-article-link" href="https://y3d.bdsmai.cc/article/bdsm-901.html" target="_blank" rel="external" title="西檬之家-践踏癖是什么？字母圈中的BDSM实践解析"><span class="random-article-index">06</span><span class="random-article-text">西檬之家-践踏癖是什么？字母圈中的BDSM实践解析</span></a><a class="random-article-link" href="https://mm8.bdsmai.cc/article/bdsm-1500.html" target="_blank" rel="external" title="西檬之家-字母圈新人必读：BDSM基础知识指南"><span class="random-article-index">07</span><span class="random-article-text">西檬之家-字母圈新人必读：BDSM基础知识指南</span></a><a class="random-article-link" href="https://maq.bdsmai.cc/article/ddlg-158.html" target="_blank" rel="external" title="西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系"><span class="random-article-index">08</span><span class="random-article-text">西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系</span></a><a class="random-article-link" href="https://maq.bdsmai.cc/article/sub-127.html" target="_blank" rel="external" title="西檬之家-字母圈Sub是什么？"><span class="random-article-index">09</span><span class="random-article-text">西檬之家-字母圈Sub是什么？</span></a><a class="random-article-link" href="https://maq.bdsmai.cc/article/dt-bdsm-19.html" target="_blank" rel="external" title="西檬之家-DT是什么意思？BDSM新人入圈指南"><span class="random-article-index">10</span><span class="random-article-text">西檬之家-DT是什么意思？BDSM新人入圈指南</span></a>
</div>
</div>
<!-- 右侧侧边栏 -->
<aside class="fangchan01-article-sidebar">
<!-- 相关文章 -->
<div class="fangchan01-sidebar-section">
<h3>相关文章</h3>
<a class="article-card" href="/article/dt-bdsm-19.html" title="西檬之家-DT是什么意思？BDSM新人入圈指南"><span class="article-card-thumb"><img src="/uploads/article-images/6c14b1ab999b.webp" alt="西檬之家-DT是什么意思？BDSM新人入圈指南" loading="lazy"></span><span class="article-card-title">西檬之家-DT是什么意思？BDSM新人入圈指南</span></a><a class="article-card" href="/article/sub-127.html" title="西檬之家-字母圈Sub是什么？"><span class="article-card-thumb"><img src="/uploads/article-images/5f830a1fdeb9.webp" alt="西檬之家-字母圈Sub是什么？" loading="lazy"></span><span class="article-card-title">西檬之家-字母圈Sub是什么？</span></a><a class="article-card" href="/article/ddlg-158.html" title="西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系"><span class="article-card-thumb"><img src="/uploads/article-images/5bd751f9851f.webp" alt="西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系" loading="lazy"></span><span class="article-card-title">西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系</span></a><a class="article-card" href="/article/bdsm-1142.html" title="西檬之家-字母圈践踏癖是什么？BDSM新人入圈权威指南"><span class="article-card-thumb"><img src="/uploads/article-images/d76795d84638.webp" alt="西檬之家-字母圈践踏癖是什么？BDSM新人入圈权威指南" loading="lazy"></span><span class="article-card-title">西檬之家-字母圈践踏癖是什么？BDSM新人入圈权威指南</span></a>
</div>
<!-- 随机推荐 -->
<div class="fangchan01-sidebar-section">
<h3>随机推荐</h3>
<a class="random-article-link" href="/article/article-20260919150330.html" title="西檬之家-恋足癖在字母圈中的探索指南"><span class="random-article-index">01</span><span class="random-article-text">西檬之家-恋足癖在字母圈中的探索指南</span></a><a class="random-article-link" href="/article/ddlg-158.html" title="西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系"><span class="random-article-index">02</span><span class="random-article-text">西檬之家-DDLG是什么？探索字母圈中的支配与臣服关系</span></a><a class="random-article-link" href="/article/k8-254.html" title="【西檬之家】k8猫系是什么？字母圈新人必看的术语解析"><span class="random-article-index">03</span><span class="random-article-text">【西檬之家】k8猫系是什么？字母圈新人必看的术语解析</span></a><a class="random-article-link" href="/article/ds-134.html" title="西檬之家-DS关系解析与实践指南"><span class="random-article-index">04</span><span class="random-article-text">西檬之家-DS关系解析与实践指南</span></a><a class="random-article-link" href="/article/bdsm-ssc-90.html" title="【西檬之家】新进字母圈指南：认识BDSM核心术语与SSC原则"><span class="random-article-index">05</span><span class="random-article-text">【西檬之家】新进字母圈指南：认识BDSM核心术语与SSC原则</span></a><a class="random-article-link" href="/article/article-20260919065123.html" title="字母圈：实用指南"><span class="random-article-index">06</span><span class="random-article-text">字母圈：实用指南</span></a><a class="random-article-link" href="/article/tk-tk-4.html" title="西檬之家-TK是什么？字母圈TK互动指南"><span class="random-article-index">07</span><span class="random-article-text">西檬之家-TK是什么？字母圈TK互动指南</span></a><a class="random-article-link" href="/article/article-20260919023843.html" title="西檬之家-字母圈新人如何入圈？从基础术语到安全实践全指南"><span class="random-article-index">08</span><span class="random-article-text">西檬之家-字母圈新人如何入圈？从基础术语到安全实践全指南</span></a>
</div>
<!-- 侧边栏广告 -->
<div class="fangchan01-sidebar-ad"></div>
</aside>
</main>
<style>
/* ===== 页脚 ===== */
.fangchan01-footer {
background: #0a0a0a;
color: #ccc;
position: relative;
overflow: hidden;
padding: 60px 0 0;
font-size: 14px;
line-height: 1.8;
}
.fangchan01-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent, #d4af37, #f5d77b, #d4af37, transparent);
}
.fangchan01-footer-inner {
max-width: 80%;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1.4fr 1.6fr 1.4fr;
gap: 40px;
overflow: hidden;
}
.fangchan01-footer-col {
min-width: 0;
overflow: hidden;
}
.fangchan01-footer-brand {
display: flex;
flex-direction: column;
gap: 16px;
}
.fangchan01-footer-logo {
font-size: 22px;
font-weight: 700;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
}
.fangchan01-footer-logo-icon {
width: 36px;
height: 36px;
background: linear-gradient(135deg, #d4af37, #f5d77b);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #0a0a0a;
font-weight: 900;
flex-shrink: 0;
}
.fangchan01-footer-tagline {
color: #999;
font-size: 13px;
line-height: 1.7;
padding-left: 2px;
}
.fangchan01-footer-heading {
font-size: 15px;
font-weight: 600;
color: #d4af37;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 18px;
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}
.fangchan01-footer-heading::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 40px;
height: 2px;
background: #d4af37;
}
.fangchan01-footer-links {
display: flex;
flex-direction: column;
gap: 8px;
}
.fangchan01-footer-links a {
color: #aaa;
text-decoration: none;
transition: color 0.3s, padding-left 0.3s;
display: inline-block;
position: relative;
padding-left: 14px;
}
.fangchan01-footer-links a::before {
content: '›';
position: absolute;
left: 0;
color: #d4af37;
font-size: 16px;
font-weight: 700;
transition: transform 0.3s;
}
.fangchan01-footer-links a:hover {
color: #f5d77b;
padding-left: 18px;
}
.fangchan01-footer-links a:hover::before {
transform: translateX(2px);
}
.fangchan01-footer-contact {
color: #bbb;
font-style: normal;
display: flex;
flex-direction: column;
gap: 10px;
}
.fangchan01-footer-contact-item {
display: flex;
align-items: flex-start;
gap: 10px;
}
.fangchan01-footer-contact-icon {
color: #d4af37;
font-size: 16px;
flex-shrink: 0;
margin-top: 2px;
}
.fangchan01-footer-contact-text {
color: #aaa;
line-height: 1.6;
}
.fangchan01-footer-friend-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 4px;
}
.fangchan01-footer-friend-wrapper a {
color: #999;
text-decoration: none;
font-size: 13px;
padding: 4px 12px;
border: 1px solid rgba(212, 175, 55, 0.2);
border-radius: 4px;
transition: all 0.3s;
}
.fangchan01-footer-friend-wrapper a:hover {
color: #f5d77b;
border-color: #d4af37;
background: rgba(212, 175, 55, 0.06);
}
.fangchan01-footer-bottom {
margin-top: 50px;
padding: 20px 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
text-align: center;
color: #777;
font-size: 13px;
letter-spacing: 0.5px;
}
.fangchan01-footer-bottom span {
color: #d4af37;
}
/* 响应式 */
@media (max-width: 900px) {
.fangchan01-footer-inner {
max-width: 94%;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.fangchan01-footer-col:first-child {
grid-column: 1 / -1;
}
}
@media (max-width: 600px) {
.fangchan01-footer {
padding: 40px 0 0;
}
.fangchan01-footer-inner {
max-width: 100%;
grid-template-columns: 1fr;
gap: 28px;
padding: 0 16px;
}
.fangchan01-footer-col:first-child {
grid-column: 1;
}
.fangchan01-footer-bottom {
margin-top: 32px;
padding: 16px 12px;
font-size: 12px;
}
}
</style>
<footer class="fangchan01-footer">
<div class="fangchan01-footer-inner">
<!-- 品牌 -->
<div class="fangchan01-footer-col fangchan01-footer-brand">
<div class="fangchan01-footer-logo">
<picture><source type="image/webp" srcset="/uploads/202607/img-20260723160546-635b6d8d.webp"><img src="/uploads/202607/img-20260723160546-635b6d8d.jpg" alt="檬力工坊" class="site-logo" style="max-height:40px;width:auto;display:inline-block;vertical-align:middle;"></picture>
</div>
<div class="fangchan01-footer-tagline">
聚焦多元人格圈层 · 专业匹配同好伙伴<br>
以专业与效率，为每一位伙伴带来极致体验
</div>
</div>
<!-- 联系信息 -->
<div class="fangchan01-footer-col">
<div class="fangchan01-footer-heading">关于我们</div>
<div class="fangchan01-footer-contact">
© 2021-2026 匹配交友社区 · 保留所有权利 · 隐私政策 · 服务条款
</div>
</div>
</div>
<!-- 底部版权 -->
<div class="fangchan01-footer-bottom">
© 2026 <span style="color: #FFD700;">檬力工坊</span>
<span style="color: inherit;">保留所有权利</span>
<span style="margin: 0 6px; color: inherit;">·</span>
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener" style="color: #FFD700; text-decoration: none;">
津ICP备2025040321号-4
</a>
</div>
<div class="sitemap-footer-links" style="text-align:center;padding:8px 0;font-size:12px;color:#94a3b8;"><a href="/sitemap.xml" style="color:#64748b;text-decoration:none;" target="_blank">XML地图</a> | <a href="/sitemap.html" style="color:#64748b;text-decoration:none;" target="_blank">网站地图</a></div></footer>
<style>
/* 底部按钮容器（保持居中） */
#fcBottomWrap {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
display: flex;
gap: 12px;
}
/* 两个按钮：仅改形状为椭圆形（999px胶囊），其余保持 */
#fcMatchBox, #fcFloatBox {
background: linear-gradient(135deg, #FFF5B0, #FFD700);
color: #000;
width: 110px;
height: 42px;
line-height: 42px;
text-align: center;
border-radius: 999px; /* 改为胶囊/椭圆形，与图中一致 */
cursor: pointer;
font-size: 20px;
font-style: italic;
font-weight: 900;
}
#fcMatchBox span {
color: #000;
font-style: italic;
font-weight: 900;
}
/* 支付弹窗（保持淡金色底、标题放大） */
#fcPayModal {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
z-index: 10000;
align-items: center;
justify-content: center;
}
#fcPayBox {
background: linear-gradient(135deg, #FFF8DC, #FFECA1);
padding: 30px 25px;
border-radius: 12px;
width: 80%;
max-width: 340px;
text-align: center;
position: relative;
}
#fcPayClose {
position: absolute;
top: 12px; right: 18px;
font-size: 26px;
cursor: pointer;
color: #000;
opacity: 0.6;
}
#fcPayTitle {
margin-bottom: 25px;
font-size: 20px;
color: #000;
font-weight: bold;
}
#fcPayLink {
display: block;
background: #1E90FF;
color: #fff;
padding: 14px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
/* 售后客服弹窗保留 */
#fcPopBox {
display: none;
position: fixed;
bottom: 80px;
right: 20px;
z-index: 9999;
background: #fff;
padding: 10px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
#fcCloseBtn {
position: absolute;
top: -10px; right: -10px;
background: #333;
color: #fff;
width: 24px; height: 24px;
text-align: center;
line-height: 24px;
border-radius: 50%;
cursor: pointer;
}
#fcSmallImg { width: 100px; display: block; cursor: pointer; }
#fcZoomMask {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.8);
z-index: 10001;
align-items: center;
justify-content: center;
}
#fcZoomClose {
position: absolute;
top: 20px; right: 20px;
color: #fff;
font-size: 30px;
cursor: pointer;
}
#fcBigImg { max-width: 90%; max-height: 90%; }
/* 移动端适配 */
@media screen and (max-width: 768px) {
#fcBottomWrap { bottom: 15px; gap: 10px; }
#fcMatchBox, #fcFloatBox {
width: 110px;
height: 42px;
line-height: 42px;
font-size: 20px;
border-radius: 999px;
}
#fcMatchBox span { font-size: 20px; font-weight: 900; }
#fcPayTitle { font-size: 18px; }
}
</style>
<!-- HTML 结构 -->
<div id="fcBottomWrap">
<div id="fcMatchBox"><span>一键匹配</span></div>
<div id="fcFloatBox">售后客服</div>
</div>
<div id="fcPopBox">
<div id="fcCloseBtn">×</div>
<img id="fcSmallImg" src="/domsm456.webp" alt="售后客服">
</div>
<div id="fcZoomMask">
<div id="fcZoomClose">×</div>
<img id="fcBigImg" src="/domsm456.webp" alt="售后客服大图">
</div>
<div id="fcPayModal">
<div id="fcPayBox">
<div id="fcPayClose">×</div>
<div id="fcPayTitle">支付后自动跳转匹配客服</div>
<a id="fcPayLink" href="/plugin-public.php?p=payment-yipay&a=pay&subject=付款后会自动跳转至匹配客服微信&amount=198" target="_blank">立即支付 198元</a>
</div>
</div>
<script>
(function () {
var btn = document.getElementById('fcFloatBox');
var pop = document.getElementById('fcPopBox');
var small = document.getElementById('fcSmallImg');
var mask = document.getElementById('fcZoomMask');
var big = document.getElementById('fcBigImg');
var closePop = document.getElementById('fcCloseBtn');
var closeZoom = document.getElementById('fcZoomClose');
var shown = false;
function showPop() { pop.style.display = 'block'; shown = true; }
function hidePop() { pop.style.display = 'none'; shown = false; }
function showZoom() { mask.style.display = 'flex'; }
function hideZoom() { mask.style.display = 'none'; }
btn.addEventListener('click', function (e) { e.stopPropagation(); shown ? hidePop() : showPop(); });
closePop.addEventListener('click', function (e) { e.stopPropagation(); hidePop(); });
small.addEventListener('click', function (e) { e.stopPropagation(); showZoom(); });
closeZoom.addEventListener('click', function (e) { e.stopPropagation(); hideZoom(); hidePop(); });
mask.addEventListener('click', function () { hideZoom(); hidePop(); });
big.addEventListener('click', function (e) { e.stopPropagation(); });
var matchBtn = document.getElementById('fcMatchBox');
var payModal = document.getElementById('fcPayModal');
var payClose = document.getElementById('fcPayClose');
var payBox = document.getElementById('fcPayBox');
function showPay() { payModal.style.display = 'flex'; }
function hidePay() { payModal.style.display = 'none'; }
matchBtn.addEventListener('click', function (e) { e.stopPropagation(); showPay(); });
payClose.addEventListener('click', function (e) { e.stopPropagation(); hidePay(); });
payModal.addEventListener('click', function (e) { if (e.target === payModal) hidePay(); });
payBox.addEventListener('click', function (e) { e.stopPropagation(); });
document.addEventListener('click', function () { if (shown) hidePop(); });
pop.addEventListener('click', function (e) { e.stopPropagation(); });
})();
</script>
<script>/* fangchan01 共享脚本 */
(function() {
'use strict';
/* === 非首页导航深色模式 === */
function applyHeaderDarkMode() {
var hero = document.querySelector('.fangchan01-hero');
var header = document.querySelector('.fangchan01-header');
if (!header) return;
if (!hero) {
document.body.classList.add('header-dark');
}
}
/* === 滚动入场动画 === */
function initScrollAnimations() {
var items = document.querySelectorAll('.fangchan01-service-card, .fangchan01-feature-item, .fangchan01-testimonial-card');
if (!items.length) return;
if (!('IntersectionObserver' in window)) {
for (var i = 0; i < items.length; i++) items[i].style.opacity = '1';
return;
}
var observer = new IntersectionObserver(function(entries) {
for (var j = 0; j < entries.length; j++) {
if (entries[j].isIntersecting) {
entries[j].target.style.opacity = '1';
entries[j].target.style.transform = 'translateY(0)';
observer.unobserve(entries[j].target);
}
}
}, { threshold: 0.12 });
for (var k = 0; k < items.length; k++) {
items[k].style.opacity = '0';
items[k].style.transform = 'translateY(24px)';
items[k].style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(items[k]);
}
}
/* === 统计数字递增 === */
function animateCountUp(el) {
var text = el.textContent.trim();
var match = text.match(/^([\d,]+)(\+?)$/);
if (!match) return;
var target = parseInt(match[1].replace(/,/g, ''), 10);
if (isNaN(target) || target <= 0) return;
var duration = 1600, startTime = null;
function step(timestamp) {
if (!startTime) startTime = timestamp;
var progress = Math.min((timestamp - startTime) / duration, 1);
var eased = 1 - Math.pow(1 - progress, 3);
el.textContent = Math.round(eased * target).toLocaleString() + (match[2] || '');
if (progress < 1) requestAnimationFrame(step);
}
el.textContent = '0' + (match[2] || '');
requestAnimationFrame(step);
}
function initCountUp() {
var stats = document.querySelectorAll('.fangchan01-stat strong');
if (!stats.length || !('IntersectionObserver' in window)) return;
var observer = new IntersectionObserver(function(entries) {
for (var i = 0; i < entries.length; i++) {
if (entries[i].isIntersecting) {
animateCountUp(entries[i].target);
observer.unobserve(entries[i].target);
}
}
}, { threshold: 0.5 });
for (var j = 0; j < stats.length; j++) observer.observe(stats[j]);
}
document.addEventListener('DOMContentLoaded', function() {
applyHeaderDarkMode();
initScrollAnimations();
initCountUp();
});
})();</script>
</body>
</html> 