/* ofyoo-chrome.css · 同上，但全部限定在 .ofyoo-chrome 子树内，供沿用旧正文的页面使用 —— 由 node _tools/build_ofyoo_css.js 从 owner 提供的两个页面模板抽取生成，请勿手改样式值；要改先改模板再重跑 */
/* ============ 傲友 ofyoo · 独立单页样式（保留原版头部与红色分隔线） ============ */
:root{--red:#e4211f; --red-deep:#b8150f; --red-soft:#fff1f0;
  --ink:#1f1f22; --ink-2:#4a4a4f; --ink-3:#8b8b92;
  --line:#ececef; --bg-soft:#f8f8f9;
  --sh-sm:0 2px 10px rgba(143,13,10,.06);
  --sh-md:0 12px 34px -14px rgba(143,13,10,.18);
  --sh-lg:0 26px 60px -22px rgba(143,13,10,.26);
  --ease:cubic-bezier(.22,.8,.32,1);}
.ofyoo-chrome, .ofyoo-chrome *{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.ofyoo-chrome{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
.ofyoo-chrome a{text-decoration:none;color:inherit}
.ofyoo-chrome ul{list-style:none}
.ofyoo-chrome img{display:block;max-width:100%}
.ofyoo-chrome .container{width:1200px;max-width:92%;margin:0 auto}
/* ---------- 头部（还原原版：Logo / 红框搜索 / 最新公告 / 咨询热线 / 工具组） ---------- */
.ofyoo-chrome .header{background:#fff;padding:13px 0 10px}
.ofyoo-chrome .header .container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.ofyoo-chrome .logo{display:flex;align-items:center;flex:none;justify-self:start}
.ofyoo-chrome .logo-img{height:54px;width:auto;display:block}
.ofyoo-chrome .head-search{width:360px;justify-self:center}
.ofyoo-chrome .search-box{position:relative;display:flex;height:42px;border:3px solid var(--red);border-radius:980px;background:#fff;box-shadow:0 3px 10px -4px rgba(228,33,31,.25)}
.ofyoo-chrome .search-box input{flex:1;min-width:0;border:0;outline:none;padding:0 62px 0 20px;font-size:13.5px;color:#333;background:transparent;border-radius:980px}
.ofyoo-chrome .search-box input::placeholder{color:#b3b3ba}
.ofyoo-chrome .search-box button{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:46px;height:46px;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f4574f,var(--red) 55%,#a91310);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 14px -4px rgba(169,19,16,.55),inset 0 -3px 6px rgba(0,0,0,.18);transition:transform .25s var(--ease),box-shadow .25s}
.ofyoo-chrome .search-box button:hover{transform:translateY(-50%) scale(1.07);box-shadow:0 9px 18px -4px rgba(169,19,16,.6),inset 0 -3px 6px rgba(0,0,0,.18)}
.ofyoo-chrome .search-box button .ic{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.8;stroke-linecap:round}
.ofyoo-chrome .head-notice{margin-top:5px;font-size:12px;color:#77777d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofyoo-chrome .head-notice b{color:var(--red);font-weight:700}
.ofyoo-chrome .head-notice a{color:#55555b;transition:color .2s}
.ofyoo-chrome .head-notice a:hover{color:var(--red)}
.ofyoo-chrome .head-hotline{justify-self:end;display:flex;align-items:center;gap:8px;white-space:nowrap}
.ofyoo-chrome .hotline-ic{width:34px;height:34px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px #f6c9c7}
.ofyoo-chrome .hotline-ic .ic{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ofyoo-chrome .head-hotline .label{font-size:15.5px;font-weight:700;color:var(--red)}
.ofyoo-chrome .head-hotline .num{font-size:19px;font-weight:800;color:var(--red);font-family:Arial,"Microsoft YaHei",sans-serif;letter-spacing:.2px;line-height:1.2}
.ofyoo-chrome .head-tools{border-left:1px dashed #ddd;padding-left:22px;font-size:12.5px;color:#74747b;display:flex;gap:9px;white-space:nowrap}
.ofyoo-chrome .head-tools a{transition:color .2s}
.ofyoo-chrome .head-tools a:hover{color:var(--red)}
.ofyoo-chrome .head-tools i{font-style:normal;color:#d8d8dc}
/* ---------- 导航（原版样式：红竖线分隔 + 悬停红字 + 下拉巨幕） ---------- */
.ofyoo-chrome .navwrap{background:#fff;position:sticky;top:0;z-index:96;transition:box-shadow .3s var(--ease)}
.ofyoo-chrome .navwrap .container{position:relative}
.ofyoo-chrome .navrow{display:flex;align-items:stretch;position:relative}
.ofyoo-chrome .navlist{display:flex;flex-wrap:nowrap;margin:0 auto}
.ofyoo-chrome .navlist>li{position:static;flex:none}
.ofyoo-chrome .navlist>li>a,.ofyoo-chrome .navlist>li>span.nv{display:flex;align-items:center;gap:6px;padding:0 16px;margin:0 2px;height:44px;white-space:nowrap;font-size:16.5px;font-weight:700;color:#232326;cursor:pointer;transition:color .2s,background .25s;border-radius:12px 12px 0 0;letter-spacing:.5px}
.ofyoo-chrome .navlist>li>a:hover,.ofyoo-chrome .navlist>li>span.nv:hover,.ofyoo-chrome .navlist>li.on>a,.ofyoo-chrome .navlist>li.on>span.nv{color:var(--red);background:#f4f4f6}
.ofyoo-chrome .navlist>li+li{border-left:1px solid rgba(228,33,31,.45)}
.ofyoo-chrome .caret{width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5px solid currentColor;opacity:.45;transition:transform .25s}
.ofyoo-chrome .navlist>li:hover .caret{transform:rotate(180deg)}
.ofyoo-chrome .navrow .row-tools{display:flex;align-items:center;font-size:12.5px;color:#84848b;white-space:nowrap;margin-left:14px;flex:none;border-left:1px dashed #e4e4e8;padding-left:16px;align-self:center}
.ofyoo-chrome .navrow .row-tools a{transition:color .2s}
.ofyoo-chrome .navrow .row-tools a:hover{color:var(--red)}
.ofyoo-chrome .navrow .row-tools i{font-style:normal;margin:0 9px;color:#ddd}
/* 下拉巨幕（红描边白底，每个产品配图标） */
.ofyoo-chrome .navlist{position:relative}
.ofyoo-chrome .dropdown{position:absolute;top:100%;left:0;right:0;width:auto;transform:translateY(12px);background:#fff;border:2px solid var(--red);border-radius:0 0 12px 12px;box-shadow:var(--sh-lg);padding:20px 24px 16px;opacity:0;visibility:hidden;transition:all .3s var(--ease);z-index:98}
.ofyoo-chrome .navlist>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.ofyoo-chrome .dd-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:10px 64px;max-width:1010px;margin:0 auto}
.ofyoo-chrome .dropdown h5{font-size:14px;color:#232326;padding-bottom:7px;margin-bottom:11px;border-bottom:2px solid var(--red-soft);position:relative}
.ofyoo-chrome .dropdown h5::after{content:"";position:absolute;left:0;bottom:-2px;width:36px;height:2px;background:var(--red)}
.ofyoo-chrome .dd-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:11px}
.ofyoo-chrome .dd-icon{width:34px;height:34px;border-radius:9px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex:none;transition:all .25s}
.ofyoo-chrome .dd-icon .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ofyoo-chrome .dd-item:hover .dd-icon{background:var(--red);color:#fff;transform:translateY(-2px)}
.ofyoo-chrome .dd-item b{display:block;font-size:13.5px;color:#2c2c31;line-height:1.4}
.ofyoo-chrome .dd-item b a:hover{color:var(--red)}
.ofyoo-chrome .dd-item .desc{display:block;font-size:12.3px;color:#90909a;line-height:1.55;margin-top:1px}
.ofyoo-chrome .dd-more{margin-top:4px;padding-top:10px;border-top:1px dashed #eee}
.ofyoo-chrome .dd-more a{font-size:12.5px;color:var(--red)}
/* 品牌红色分隔线（原版必须保留） */
.ofyoo-chrome .redline{height:3px;background:var(--red)}
.ofyoo-chrome .redline-sub{height:1px;background:linear-gradient(90deg,var(--red) 0%,#f6b6b2 55%,rgba(246,182,178,0) 100%)}
/* ---------- 白底 BANNER ---------- */
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(228,33,31,.16)}50%{box-shadow:0 0 0 7px rgba(228,33,31,.06)}}
/* ---------- Banner 动态效果 ---------- */
@keyframes hlflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dashflow{to{stroke-dashoffset:-32}}
@keyframes dotblink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes halo{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(1.45);opacity:0}}
@keyframes corebreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes sparkfloat{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-14px);opacity:1}}
@keyframes sheenmove{0%{left:-260px}55%,100%{left:110%}}
/* ---------- 区块公共 ---------- */
/* ---------- 五大 AGENT（第一版图文行样式） ---------- */
/* 递进特效：编号→标题→副标→描述→要点→插图 */
/* ---------- 行业广泛性 ---------- */
/* ---------- 产品体系 ---------- */
.ofyoo-chrome .dd-item .desc a{color:#90909a}
.ofyoo-chrome .dd-item .desc a:hover{color:var(--red)}
/* ---------- 服务 / Slogan ---------- */
/* ---------- 新闻 ---------- */
/* ---------- CTA / 页脚 ---------- */
.ofyoo-chrome .flink{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.ofyoo-chrome .flink b{color:#a8a8b0;font-weight:600;margin-right:6px;letter-spacing:1px}
.ofyoo-chrome .flink a{color:#c9c9cf;padding:0 13px;border-left:1px solid rgba(255,255,255,.14);transition:color .2s;white-space:nowrap}
.ofyoo-chrome .flink a:first-of-type{border-left:0}
.ofyoo-chrome .flink a:hover{color:#fff}
.ofyoo-chrome footer{background:#232326;color:#a5a5ac;font-size:12.8px}
.ofyoo-chrome .foot-main{display:grid;grid-template-columns:repeat(4,1fr) 1.25fr;gap:26px;padding:46px 0 34px}
.ofyoo-chrome .foot-col h5{color:#fff;font-size:14.5px;margin-bottom:14px;letter-spacing:1px;padding-bottom:9px;position:relative}
.ofyoo-chrome .foot-col h5::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--red)}
.ofyoo-chrome .foot-col li{margin-bottom:8px}
.ofyoo-chrome .foot-col li a{color:#a5a5ac;transition:color .2s}
.ofyoo-chrome .foot-col li a:hover{color:#ff8f8a}
.ofyoo-chrome .foot-tel-line{display:flex;gap:8px;align-items:baseline}
.ofyoo-chrome .foot-tel-line b{color:#e6e6ea;font-weight:600;min-width:56px}
.ofyoo-chrome .foot-tel-line .n{color:#ff8f8a;font-family:Arial}
.ofyoo-chrome .foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ofyoo-chrome .foot-brand .logo-mark{width:40px;height:40px;border-radius:10px}
.ofyoo-chrome .foot-brand .cn{color:#fff;font-weight:800;font-size:16px}
.ofyoo-chrome .foot-brand .en{color:#7d7d85;font-size:9.5px;letter-spacing:2.6px}
.ofyoo-chrome .foot-bar{border-top:1px solid #3a3a3f;padding:16px 0 20px;text-align:center;line-height:2}
.ofyoo-chrome .foot-bar .links{margin-bottom:2px}
.ofyoo-chrome .foot-bar a{color:#a5a5ac;margin:0 6px;transition:color .2s}
.ofyoo-chrome .foot-bar a:hover{color:#ff8f8a}
.ofyoo-chrome .foot-bar i{font-style:normal;color:#4c4c52}
/* ---------- 返回顶部 ---------- */
.ofyoo-chrome .backtop{position:fixed;right:26px;bottom:96px;width:46px;height:46px;border-radius:50%;background:var(--red);border:0;cursor:pointer;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s;box-shadow:0 14px 26px -10px rgba(228,33,31,.55);z-index:99}
.ofyoo-chrome .backtop:hover{background:var(--red-deep)}
/* ---------- 动效 ---------- */
/* ---------- 响应式 ---------- */
@media (max-width:1080px){
.ofyoo-chrome .header .container{flex-wrap:wrap}
.ofyoo-chrome .head-search{width:100%;order:3}
}
@media (max-width:760px){
.ofyoo-chrome .head-tools{display:none}
.ofyoo-chrome .header .container{display:flex;flex-wrap:wrap;gap:10px 14px}
.ofyoo-chrome .logo{order:1}
.ofyoo-chrome .head-hotline{order:2;margin-left:auto}
.ofyoo-chrome .head-search{order:3;width:100%;max-width:none;justify-self:stretch}
.ofyoo-chrome .navrow{flex-wrap:nowrap}
.ofyoo-chrome .navlist{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.ofyoo-chrome .navlist>li{flex:none}
.ofyoo-chrome .navlist>li>a,.ofyoo-chrome .navlist>li>span.nv{white-space:nowrap}
.ofyoo-chrome .navrow .row-tools{display:none}
.ofyoo-chrome .navlist::-webkit-scrollbar{display:none}
.ofyoo-chrome .navlist>li>a,.ofyoo-chrome .navlist>li>span.nv{padding:0 15px;font-size:14.5px;height:44px}
.ofyoo-chrome .navlist{position:static}
.ofyoo-chrome .dropdown{left:50%;right:auto;width:calc(100vw - 30px);transform:translateX(-50%) translateY(12px)}
.ofyoo-chrome .navlist>li:hover .dropdown{transform:translateX(-50%) translateY(0)}
.ofyoo-chrome .dd-cols{max-width:none}
.ofyoo-chrome .foot-main{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
.ofyoo-chrome .logo-text .en{display:none}
.ofyoo-chrome .foot-main{grid-template-columns:1fr}
}
/* ---------- 左侧智能客服 ---------- */
@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ckB{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
/* ---------- 企业微信咨询弹窗 ---------- */
.ofyoo-chrome .wecom-mask{position:fixed;inset:0;background:rgba(20,20,24,.55);backdrop-filter:blur(3px);z-index:300;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}
.ofyoo-chrome .wecom-card{width:362px;max-width:calc(100vw - 40px);background:#fff;border-radius:20px;padding:30px 28px 26px;text-align:center;position:relative;transform:translateY(16px);transition:.32s var(--ease);box-shadow:0 30px 70px -20px rgba(0,0,0,.4)}
.ofyoo-chrome .wecom-mask.open .wecom-card{transform:none}
.ofyoo-chrome .wecom-card .wc-ic{width:52px;height:52px;border-radius:16px;background:var(--red-soft);display:inline-grid;place-items:center;margin-bottom:8px}
.ofyoo-chrome .wecom-card .wc-ic .ic{width:26px;height:26px;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ofyoo-chrome .wecom-card h4{font-size:19px;font-weight:800;letter-spacing:1px}
.ofyoo-chrome .wecom-card p{font-size:13px;color:#84848b;line-height:1.8;margin-top:6px}
.ofyoo-chrome .wecom-card .wx{width:196px;height:196px;margin:14px auto 6px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;box-shadow:var(--sh-sm)}
.ofyoo-chrome .wecom-card .wx img{width:100%;height:100%;display:block}
.ofyoo-chrome .wecom-card .wc-tel{margin-top:8px;font-size:13px;color:#5d5d64}
.ofyoo-chrome .wecom-card .wc-tel b{color:var(--red);font-size:15px;font-family:Arial}
.ofyoo-chrome .wecom-close{position:absolute;top:12px;right:14px;width:30px;height:30px;border-radius:9px;border:0;background:#f4f4f6;color:#84848b;font-size:14px;cursor:pointer;transition:.2s}
.ofyoo-chrome .wecom-close:hover{background:var(--red-soft);color:var(--red)}
.ofyoo-chrome .dd-cols div>h5:not(:first-child){margin-top:16px}
.ofyoo-chrome .backtop .ic{width:18px;height:18px}
.ofyoo-chrome .foot-brand .logo-mark .ic{width:22px;height:22px}
.ofyoo-chrome .wecom-card .wx img{width:100%;height:auto}