/* buy.css · 我要购买页专属 —— 由 node _tools/build_ofyoo_css.js 从 owner 提供的页面模板抽取生成，请勿手改样式值；要改先改模板再重跑 */
/* ---------- 右侧企业微信联系浮窗（旁边可提醒） ---------- */
.wx-float{position:fixed;right:0;top:120px;z-index:80;width:126px;background:#fff;border:1px solid #f0d8d7;border-right:0;border-radius:14px 0 0 14px;box-shadow:-12px 12px 28px -12px rgba(120,30,28,.18);padding:12px 10px 10px;text-align:center;font-family:inherit}
.wx-float .wx-tit{font-size:12.5px;font-weight:800;color:var(--red,#e4211f);letter-spacing:1px;margin-bottom:8px}
.wx-float .wx-ava{width:58px;height:58px;margin:0 auto 4px;display:block;border-radius:50%;background:#fdecec}
.wx-float .wx-name{font-size:12px;font-weight:700;color:#3a3a3f}
.wx-float .wx-role{font-size:10.5px;color:#9a9aa2;margin-bottom:6px;white-space:nowrap}
.wx-float .wx-qr{width:86px;height:86px;margin:2px auto 4px;display:block;background:#fff}
.wx-float .wx-tip{font-size:11px;color:#6b6b72;line-height:1.5}
.wx-float .wx-tip b{color:#0a7cff;font-weight:700}
.wx-float .wx-close{position:absolute;top:4px;left:6px;width:16px;height:16px;line-height:15px;text-align:center;font-size:12px;color:#c0c0c6;cursor:pointer;border-radius:50%;background:#f4f4f6}
.wx-float .wx-close:hover{color:#fff;background:var(--red,#e4211f)}
@media(max-width:920px){
.wx-float{display:none}
}
/* ---------- 关联产品/解决方案/管理专题 盒子（原站侧栏样式） ---------- */
.pband{padding:18px 0 2px;background:#fff}
.pband-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pbox{border:1px solid #f0d8d7;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 10px -6px rgba(180,60,55,.10)}
.pbox-h{display:flex;justify-content:space-between;align-items:center;background:#fdf1f0;padding:9px 13px;border-bottom:1px solid #f3d9d7}
.pbox-h b{color:#e4211f;font-size:14px;font-weight:800;letter-spacing:1px}
.pbox-h a{font-size:11.5px;color:#b0706d;text-decoration:none}
.pbox-h a:hover{color:#e4211f}
.pbox-i{display:flex;align-items:center;gap:7px;padding:8px 13px;font-size:12.8px;color:#55555c;text-decoration:none;border-bottom:1px dashed #f5e8e7;transition:.15s}
.pbox-i:last-child{border-bottom:0}
.pbox-i span{color:#e4211f;font-weight:700;font-size:14px;line-height:1}
.pbox-i:hover{color:#e4211f;background:#fffafa;padding-left:16px}
@media(max-width:920px){
.pband-grid{grid-template-columns:1fr}
}
/* ---------- 二级目录（原站样式：平铺横条+细分隔线+红色方块高亮） ---------- */
.tabbar{background:#f7f7f9;border-top:1px solid #ececef;border-bottom:2px solid #e4211f;margin-top:22px;position:sticky;top:44px;z-index:70;box-shadow:0 4px 16px -10px rgba(40,20,20,.22)}
.tabbar .container{display:flex;flex-wrap:wrap;padding:0}
.tabbar a{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:0;padding:13px 8px;font-size:15px;font-weight:700;letter-spacing:1px;color:#4a4a50;text-decoration:none;border-right:1px solid #e4e4e8;white-space:nowrap;transition:.2s;cursor:pointer}
.tabbar a:last-child{border-right:0}
.tabbar a i{display:none}
.tabbar a:hover{color:#e4211f;background:#fff}
.tabbar a.active{background:#e4211f;color:#fff}
.pd-art section.sec{display:none}
.pd-art section.sec.show{display:block;animation:secFade .4s ease}
.pd-art section.sec#sec-rel{display:block}
.tabbar,#pdnav,.pd-art section.sec{scroll-margin-top:100px}
@keyframes secFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:920px){
.tabbar a{flex:1 1 33%;font-size:13.5px;padding:11px 4px}
}
/* ---------- 企业微信名片弹窗（参考 wooke.cn） ---------- */
body{overflow-x:clip}
.wcm-mask{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px}
.wcm-mask.on{display:flex;animation:secFade .25s ease}
.wcm-card{width:350px;max-width:92vw;background:#fff;border:2px solid #3b82f6;border-radius:18px;box-shadow:0 30px 70px -25px rgba(30,64,175,.5);padding:22px 22px 16px;position:relative;text-align:center;font-family:inherit}
.wcm-x{position:absolute;top:10px;right:10px;width:28px;height:28px;line-height:26px;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:14px}
.wcm-x:hover{background:#e2e8f0;color:#334155}
.wcm-top{display:flex;align-items:center;gap:14px;text-align:left;margin-bottom:12px}
.wcm-ava{width:84px;height:84px;border-radius:50%;border:3px solid #bfdbfe;box-shadow:0 0 0 3px #dbeafe;flex:0 0 auto;object-fit:cover}
.wcm-name{font-size:20px;font-weight:800;color:#1e293b;letter-spacing:1px}
.wcm-sub{font-size:12px;color:#94a3b8;margin-top:3px}
.wcm-pill{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 14px;margin:2px 0 12px}
.wcm-qrbox{display:inline-block;border:1px solid #e2e8f0;border-radius:12px;padding:8px;background:#fff;box-shadow:0 6px 18px -10px rgba(30,64,175,.25)}
.wcm-qrbox img{width:150px;height:150px;display:block}
.wcm-line{border:0;border-top:1px dashed #e2e8f0;margin:14px 0 10px}
.wcm-h{font-size:13px;color:#475569}
.wcm-b{color:#2563eb;font-weight:700;font-size:13.5px;margin:3px 0 12px}
.wcm-tel{display:block;background:linear-gradient(180deg,#4f8ef7,#2563eb);color:#fff;font-size:17px;font-weight:800;text-decoration:none;border-radius:12px;padding:12px;letter-spacing:1px;box-shadow:0 10px 20px -10px rgba(37,99,235,.6)}
.wcm-tel:hover{filter:brightness(1.06)}
.wcm-tip{font-size:11px;color:#94a3b8;margin-top:9px}
/* ---------- 右侧企微小图标 ---------- */
.wx-float.wx-mini{width:auto!important;padding:8px 7px 9px!important;right:0!important;top:130px;border-radius:10px 0 0 10px!important;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:.2s}
.wx-float.wx-mini:hover{transform:translateX(-2px)}
.wx-float.wx-mini .wm-ava{width:40px;height:40px;display:block;margin:0;filter:drop-shadow(0 2px 5px rgba(37,99,235,.3))}
.wx-float.wx-mini .wm-lab{writing-mode:vertical-lr;letter-spacing:3px;font-size:12px;font-weight:800;color:#2563eb}
/* ---------- 左侧悬浮栏：相关产品/解决方案/导航其它类目 ---------- */
.cat-float{position:fixed;left:0;top:120px;z-index:80;width:158px;max-height:82vh;overflow:auto;background:#fff;border:1px solid #f0d8d7;border-left:0;border-radius:0 14px 14px 0;box-shadow:12px 12px 28px -12px rgba(120,30,28,.18);padding:10px 0 8px;font-family:inherit;scrollbar-width:thin}
.cat-float .cf-tit{font-size:12.5px;font-weight:800;color:var(--red,#e4211f);letter-spacing:2px;text-align:center;padding:0 10px 8px;border-bottom:1px solid #f6e7e6}
.cat-float details{border-bottom:1px dashed #f5e8e7}
.cat-float details:last-of-type{border-bottom:0}
.cat-float summary{list-style:none;cursor:pointer;padding:8px 12px 7px;font-size:12.8px;font-weight:800;color:#4a4a50;display:flex;align-items:center;gap:5px;user-select:none}
.cat-float summary::-webkit-details-marker{display:none}
.cat-float summary::before{content:'▸';color:#e4211f;font-size:11px;transition:.2s}
.cat-float details[open]>summary::before{transform:rotate(90deg)}
.cat-float summary:hover{color:#e4211f}
.cat-float a{display:flex;align-items:center;gap:6px;margin:0 10px 1px;padding:5px 6px 5px 4px;font-size:12px;color:#55555c;text-decoration:none;border-radius:6px;line-height:1.35}
.cat-float a span{color:#e4211f;font-weight:700;flex:0 0 auto}
.cat-float a:hover{color:#e4211f;background:#fff7f6;padding-left:7px}
.cat-float .cf-grp{margin:2px 10px 6px}
.cat-float .cf-grp b{display:block;font-size:11.5px;color:#9a9aa2;font-weight:700;margin:4px 0 2px}
.cat-float .cf-close{position:absolute;top:6px;right:8px;width:16px;height:16px;line-height:14px;text-align:center;font-size:12px;color:#c0c0c6;cursor:pointer;border-radius:50%;background:#f4f4f6}
.cat-float .cf-close:hover{color:#fff;background:#e4211f}
.cat-float{position:fixed}
@media(max-width:920px){
.cat-float{display:none}
}
/* ---------- 成功案例页 ---------- */
.case-art{padding:20px 0 34px}
.case-cols{display:grid;grid-template-columns:168px 1fr 176px;gap:16px;align-items:start}
.cs-left{display:flex;flex-direction:column;gap:10px;position:sticky;top:58px}
.cs-menu{display:flex;flex-direction:column;box-shadow:0 3px 12px -6px rgba(0,0,0,.12)}
.cs-menu a{display:block;padding:12px 16px;font-size:14.5px;font-weight:700;color:#fff;text-decoration:none;background:#6d6d71;letter-spacing:2px;border-bottom:1px solid rgba(255,255,255,.14);transition:.15s}
.cs-menu a:hover{background:#57575b}
.cs-menu a.on{background:#e4211f}
.cs-cta{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:6px;color:#fff;font-size:16px;font-weight:800;letter-spacing:3px;text-decoration:none;box-shadow:0 6px 14px -8px rgba(230,120,0,.55)}
.cs-cta i{font-style:normal;font-weight:400}
.cs-cta.buy{background:linear-gradient(180deg,#ff9a2e,#f57e00)}
.cs-cta.join{background:linear-gradient(180deg,#f56b0c,#e04e00)}
.cs-cta:hover{filter:brightness(1.07)}
.cs-main{min-width:0}
.cs-crumb{font-size:12.5px;color:#8a8a90;padding:6px 2px 12px;border-bottom:1px solid #f0e2e0;margin-bottom:14px}
.cs-crumb a{color:#e4211f;text-decoration:none}
.cs-crumb span{margin:0 7px;color:#c9c9cf}
.cs-tabs{display:flex;gap:10px;flex-wrap:wrap}
.ct{padding:9px 22px;font-size:14.5px;font-weight:700;letter-spacing:2px;color:#f57e00;background:#fff;border:1px solid #f5c9a0;border-radius:4px;cursor:pointer;transition:.15s;font-family:inherit}
.ct:hover{border-color:#f57e00;background:#fff8f0}
.ct.on{background:#f57e00;border-color:#f57e00;color:#fff}
.cs-note{font-size:12.5px;color:#9a9aa2;margin:12px 2px 16px}
.cs-note b{color:#e4211f}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px}
.cell{display:block;text-decoration:none}
.cell-img{display:flex;align-items:center;justify-content:center;height:116px;background:#fff;border:1px solid #e3e3e6;padding:8px;transition:.15s}
.cell-img img{max-width:100%;max-height:100%;object-fit:contain}
.cell:hover .cell-img{border-color:#e4211f;box-shadow:0 8px 18px -10px rgba(180,40,35,.35)}
.cell-tit{display:flex;align-items:baseline;gap:7px;margin-top:7px;padding:0 2px;min-width:0}
.cell-tit b{font-size:13px;color:#3c3c42;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.cell:hover .cell-tit b{color:#e4211f}
.cell-tit em{font-style:normal;font-size:12px;color:#9a9aa2;white-space:nowrap;flex:0 0 auto}
.cell-tit em i{font-style:normal;color:#f57e00;margin-left:2px}
.cell.hide{display:none}
.cs-right{display:flex;flex-direction:column;gap:14px;position:sticky;top:58px}
.rbox{border:1px solid #f0d8d7;background:#fff;overflow:hidden}
.rh{background:linear-gradient(180deg,#ff9a2e,#f07800);color:#fff;font-size:14.5px;font-weight:800;letter-spacing:2px;text-align:center;padding:10px;display:flex;justify-content:center;gap:8px;align-items:center}
.rh i{font-style:normal;font-weight:400;font-size:15px}
.rl{display:flex;justify-content:space-between;align-items:center;background:#f57e00;color:#fff;font-size:13.5px;font-weight:700;letter-spacing:2px;text-decoration:none;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.35)}
.rl:last-child{border-bottom:0}
.rl:hover{background:#e86c00}
.rl i{font-style:normal}
.ri{display:flex;align-items:center;gap:7px;padding:8px 14px;font-size:13px;color:#55555c;text-decoration:none;border-bottom:1px dashed #f5e8e7}
.ri:last-child{border-bottom:0}
.ri b{color:#f57e00;font-weight:400;font-size:11px}
.ri:hover{color:#e4211f;background:#fff8f0}
.cell-count b{color:#e4211f}
.cat-float{display:none}
/* 案例页自带左侧菜单，隐藏左侧快捷浮窗 */
@media(max-width:760px){
.cs-grid{grid-template-columns:1fr 1fr;gap:10px 8px}
.cell-img{height:86px;padding:6px}
.cell-tit{flex-wrap:wrap;gap:3px 8px}
.nrow{flex-wrap:wrap;padding:9px 12px}
.nt{flex-basis:100%}
.cs-page{padding:10px 8px}
.cs-page span{min-width:30px;height:25px;line-height:23px;font-size:12px;padding:0 6px}
}
@media(max-width:980px){
.case-cols{grid-template-columns:1fr}
.cs-left,.cs-right{position:static}
.cs-menu{flex-direction:row}
.cs-menu a{flex:1;text-align:center;border-bottom:0}
.cs-grid{grid-template-columns:repeat(2,1fr)}
}
/* ---------- 文字案例列表 + 分页 ---------- */
.cs-news-wrap{margin-top:22px;border:1px solid #f0e0de;background:#fff}
.cs-news{display:none}
.cs-news.on{display:block}
.nrow{display:flex;align-items:center;gap:12px;padding:11px 16px;text-decoration:none;border-bottom:1px solid #fbf3f2}
.nrow:nth-child(even){background:#fdf8f7}
.nrow:hover{background:#fff3ef}
.nt{flex:1 1 auto;font-size:13.5px;font-weight:700;color:#c0392b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nrow:hover .nt{color:#e4211f;text-decoration:underline}
.ni{flex:0 0 auto;font-size:12.5px;color:#8a8a90;white-space:nowrap}
.ni i,.nv i{font-style:normal;color:#f57e00}
.nv{flex:0 0 auto;font-size:12.5px;color:#8a8a90;white-space:nowrap}
.cs-page{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #f0e0de;background:#fdfaf9}
.cs-page span{min-width:34px;height:26px;line-height:24px;text-align:center;border:1px solid #e6d5d3;background:#fff;font-size:12.5px;color:#6d6d71;border-radius:3px;cursor:pointer;padding:0 8px;user-select:none}
.cs-page span:hover{border-color:#f57e00;color:#f57e00}
.cs-page span.cur{background:#f57e00;border-color:#f57e00;color:#fff;cursor:default}
.cs-page span.info{cursor:default;border-color:transparent;background:transparent;color:#9a9aa2}
/* 案例页去掉左右悬浮框 */
.wx-float.wx-mini{display:none!important}
.cat-float{display:none!important}
/* ============ 手机端自适应补丁 ============ */
@media (max-width:760px){
/* 导航下拉在触屏隐藏,防溢出 */
.navlist ul{display:none!important}
html,body{overflow-x:hidden}
/* 导航横向滑动 */
.navlist{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100vw}
.navlist::-webkit-scrollbar{display:none}
.navlist>li{flex:0 0 auto}
/* 吸顶二级目录滑动 */
.tabbar .container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}
.tabbar .container::-webkit-scrollbar{display:none}
.tabbar a{white-space:nowrap}
/* 客服面板缩小、不遮屏 */
.chat-panel{width:min(92vw,330px)!important;right:10px!important;left:auto!important;bottom:76px!important;max-height:72vh}
.chat-body{max-height:38vh}
/* 企微名片弹窗适配 */
.wcm-card{width:min(92vw,420px)!important;padding:18px 14px!important}
.wcm-qr img,.wcm-qr{max-width:56vw!important}
/* 内容图片不超宽 */
.pd-hero img,.sec-prose img,.dl-banner img,.cell-img img{max-width:100%;height:auto}
/* 内容表格横向滚动 */
.sec-prose table,.content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 悬浮件更紧凑 */
.wx-float.wx-mini{top:auto!important;bottom:96px;padding:6px 5px 7px!important}
.wx-float.wx-mini .wm-ava{width:30px;height:30px}
.wx-float.wx-mini .wm-lab{font-size:10.5px;letter-spacing:1px}
.backtop{bottom:24px!important}
}
@media (max-width:560px){
.pband{grid-template-columns:1fr 1fr}
.pband .pb-box{grid-column:span 2}
}
/* ---------- 单列版式 + 底部双盒 + 右侧悬浮CTA ---------- */
.case-cols,.dl-cols{display:block}
.cs-topmenu{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.cs-topmenu a{padding:9px 22px;font-size:14px;font-weight:700;color:#55555c;background:#fff;border:1px solid #e6d5d3;border-radius:4px;text-decoration:none;letter-spacing:2px;transition:.15s}
.cs-topmenu a.on{background:#e4211f;border-color:#e4211f;color:#fff}
.cs-topmenu a:hover:not(.on){color:#e4211f;border-color:#e4211f}
.band2{padding:6px 0 30px}
.band2-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:92%;width:1200px;margin:0 auto}
.band2 .pbox{border:1px solid #f0d8d7;background:#fff}
.band2 .pbox-h{background:linear-gradient(180deg,#ff9a2e,#f07800);color:#fff;font-size:15px;font-weight:800;letter-spacing:2px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}
.band2 .pbox-h a{color:#fff;font-size:12px;font-weight:400;text-decoration:none}
.pbox-i{display:flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px;color:#55555c;text-decoration:none;border-bottom:1px dashed #f5e8e7}
.pbox-i:last-child{border-bottom:0}
.pbox-i span{color:#f57e00;font-size:11px}
.pbox-i:hover{color:#e4211f;background:#fff8f0}
.cta-float{position:fixed;right:0;top:168px;z-index:70;display:flex;flex-direction:column;gap:6px}
.cta-float a{writing-mode:vertical-lr;letter-spacing:5px;padding:15px 9px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;border-radius:8px 0 0 8px;box-shadow:0 6px 16px -8px rgba(200,90,0,.65);transition:.15s}
.cta-float a.buy{background:linear-gradient(180deg,#ff9a2e,#f57e00)}
.cta-float a.join{background:linear-gradient(180deg,#f56b0c,#e04e00)}
.cta-float a:hover{filter:brightness(1.1);padding-right:13px}
@media(max-width:760px){
.band2-grid{grid-template-columns:1fr;max-width:100%;width:auto;padding:0 10px}
.cta-float{top:auto;bottom:150px;gap:5px}
.cta-float a{writing-mode:horizontal-tb;letter-spacing:1px;padding:8px 11px;font-size:12px}
}
/* ---------- 我要购买页 ---------- */
.rf-art{padding:18px 0 30px}
.rf-slogan{background:linear-gradient(180deg,#9c9ca1,#85858a);color:#fff;text-align:center;font-size:15px;letter-spacing:2px;padding:10px;font-weight:700}
.rf-card{background:#fff;border:1px solid #f0d8d7;margin-top:16px;padding:20px 24px 26px}
.rf-tit{font-size:17px;font-weight:800;color:#3c3c42;letter-spacing:1px}
.rf-tit em{font-style:normal;font-size:12.5px;color:#9a9aa2;font-weight:400;margin-left:8px}
.rf-intro{font-size:13px;line-height:1.9;color:#c0392b;background:#fdf6f5;border-left:3px solid #e4211f;padding:10px 14px;margin:12px 0 18px}
.rf-grid{display:flex;flex-direction:column;gap:13px}
.rf-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rf-row label{flex:0 0 150px;text-align:right;font-size:13.5px;color:#3c3c42;font-weight:700}
.rf-row label i{color:#e4211f;font-style:normal;margin-right:2px}
.rf-row input[type=text],.rf-row input[type=tel],.rf-row input[type=email],.rf-row select{flex:0 1 340px;max-width:70%;height:36px;border:1px solid #ddd;padding:0 10px;font-size:13.5px;border-radius:4px;outline:0;font-family:inherit}
.rf-row textarea{flex:0 1 480px;max-width:80%;border:1px solid #ddd;padding:8px 10px;font-size:13.5px;border-radius:4px;outline:0;resize:vertical;font-family:inherit}
.rf-row input:focus,.rf-row select:focus,.rf-row textarea:focus{border-color:#f57e00;box-shadow:0 0 0 3px rgba(245,126,0,.12)}
.rf-row input.err,.rf-row select.err{border-color:#e4211f;background:#fff7f6}
.rf-row small{font-size:12px;color:#9a9aa2}
.cks{display:flex;flex-wrap:wrap;gap:8px 16px;flex:1 1 auto;min-width:0}
.ck{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:#3c3c42;font-weight:400;cursor:pointer;white-space:nowrap}
.ck input{accent-color:#e4211f;width:15px;height:15px}
.kw{flex:0 0 150px!important;height:30px!important;max-width:none!important}
.rf-actions{margin-top:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-left:162px}
.rf-submit{background:linear-gradient(180deg,#ff9a2e,#f07800);color:#fff;border:0;font-size:15px;font-weight:800;letter-spacing:3px;padding:11px 42px;border-radius:5px;cursor:pointer;box-shadow:0 8px 18px -8px rgba(240,120,0,.7);font-family:inherit}
.rf-submit:hover{filter:brightness(1.08)}
.rf-note{font-size:12.5px;color:#9a9aa2}
.rf-note b{color:#e4211f}
.rf-ok{display:none;margin-top:16px;background:#f0fdf4;border:1px solid #86efac;color:#166534;font-size:14px;font-weight:700;padding:12px 16px;border-radius:6px}
.rf-ok.on{display:block}
.cta-float a.buy{display:none}
@media(max-width:760px){
.rf-row{flex-direction:column;align-items:flex-start;gap:6px}
.rf-row label{flex-basis:auto;text-align:left}
.rf-row input[type=text],.rf-row input[type=tel],.rf-row input[type=email],.rf-row select{max-width:100%;width:100%;flex-basis:auto}
.rf-row textarea{max-width:100%;width:100%;flex-basis:auto}
.rf-actions{padding-left:0}
}

/* 左侧浮动目录（.cat-float）：模板只在 <920px 收起。它是 fixed 在视口左缘、宽 158px，
   而正文容器 1200px 居中——视口窄于 1200+158×2=1516px 时必然压住面包屑和 H1。
   页内本来就有横向 tab 导航与页脚导航，所以 1519px 以下直接收起，不丢任何入口。
   适用于有 .cat-float 的三个模板页：产品 v10 / 购买 / 下载（首页没有这个元素）。 */
@media(max-width:1519px){.cat-float{display:none}}

/* 右侧企微小挂角：模板里 .wx-float.wx-mini 的 display:flex 写在 920px 媒体查询之后、
   优先级又更高，手机上会盖住搜索框。移动端一律收起（入口仍在导航「与我合作」和客服按钮）。
   适用于挂同名第 1 块样式的三个模板页：产品 v10 / 购买 / 下载。 */
@media(max-width:920px){.wx-float,.wx-float.wx-mini{display:none}}

.rf-row.err-ck .cks{outline:2px solid #e4211f;outline-offset:6px;border-radius:6px;background:#fff7f6}

.rf-grid .rf-tit{margin-top:6px;padding-top:12px;border-top:1px solid #f0e2e0}
.rf-reset{background:#fff;color:#f07800;border:1px solid #f5a623;font-size:15px;font-weight:800;letter-spacing:3px;padding:10px 30px;border-radius:5px;cursor:pointer;font-family:inherit}
.rf-reset:hover{background:var(--bg-soft)}
.rf-link{font-size:12.5px;color:#e4211f;text-decoration:none}

/* ============ 右侧企微浮框与名片弹窗：蓝 → 全站红主题（只换颜色，几何与断点不动，取值出处见 _tools/build_ofyoo_css.js 注释） ============ */
.wx-float.wx-mini .wm-ava{filter:drop-shadow(0 2px 5px rgba(143,13,10,.3))}
.wx-float.wx-mini .wm-lab{color:var(--red,#e4211f)}
.wcm-mask{background:rgba(20,20,24,.55)}
.wcm-card{border-color:var(--red,#e4211f);box-shadow:0 30px 70px -25px rgba(143,13,10,.5)}
.wcm-x{background:var(--bg-soft,#f8f8f9);color:var(--ink-3,#8b8b92)}
.wcm-x:hover{background:var(--red-soft,#fff1f0);color:var(--red,#e4211f)}
.wcm-ava{border-color:#f3c1bf;box-shadow:0 0 0 3px var(--red-soft,#fff1f0)}
.wcm-name{color:var(--ink,#1f1f22)}
.wcm-sub{color:var(--ink-3,#8b8b92)}
.wcm-pill{background:var(--red-soft,#fff1f0);border-color:#f3c1bf;color:var(--red,#e4211f)}
.wcm-qrbox{border-color:var(--line,#ececef);box-shadow:0 6px 18px -10px rgba(143,13,10,.25)}
.wcm-qrbox img{background:#fff}
.wcm-line{border-top-color:var(--line,#ececef)}
.wcm-h{color:var(--ink-2,#4a4a4f)}
.wcm-b{color:var(--red,#e4211f)}
.wcm-tel{background:linear-gradient(135deg,var(--red-deep,#b8150f),var(--red,#e4211f));box-shadow:0 10px 20px -10px rgba(228,33,31,.6)}
.wcm-tip{color:var(--ink-3,#8b8b92)}