/* codepus-topic scoped mobile=0 */
.codepus-topic{position:relative;isolation:isolate;overflow-x:clip;max-width:100%;min-width:0}
/* ===== Codepus · 千问风格 浅色蓝紫科技风 ===== */
.codepus-topic{
  --bg-0:#ffffff;
  --bg-1:#f6f7fb;
  --bg-2:#ffffff;
  --ink-0:#14142b;
  --ink-1:#555770;
  --ink-2:#989aab;
  --blue:#4f6bff;
  --blue-2:#6b8aff;
  --violet:#8b5cf6;
  --cyan:#2bb6ff;
  --green:#10b981;
  --line:rgba(20,30,80,.09);
  --line-soft:rgba(20,30,80,.06);
  --grad-main:linear-gradient(135deg,#4f6bff 0%,#8b5cf6 100%);
  --grad-soft:linear-gradient(135deg,rgba(79,107,255,.08),rgba(139,92,246,.05));
  --shadow-1:0 8px 30px rgba(20,30,80,.07);
  --shadow-2:0 16px 50px rgba(20,30,80,.12);
  --glow:0 0 30px rgba(79,107,255,.25);
  --radius:18px;
}
.codepus-topic,.codepus-topic *{margin:0;padding:0;box-sizing:border-box}
.codepus-topic{scroll-behavior:smooth}
.codepus-topic{
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--bg-0);color:var(--ink-0);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
.codepus-topic a{color:inherit;text-decoration:none}
.codepus-topic img{max-width:100%;display:block}

/* 背景：纯净白底 + 顶部蓝紫光晕 */
.codepus-topic .bg-canvas{
  position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(1000px 600px at 15% -5%,rgba(79,107,255,.12),transparent 60%),
    radial-gradient(900px 600px at 90% 8%,rgba(139,92,246,.1),transparent 60%),
    radial-gradient(700px 500px at 50% 105%,rgba(43,182,255,.08),transparent 60%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fc 100%);
}
.codepus-topic .wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* 统一单色线性图标 */
.codepus-topic .icon{display:inline-flex;align-items:center;justify-content:center;color:var(--blue);line-height:0}
.codepus-topic .icon svg{width:1em;height:1em;display:block}

/* 按钮通用 */
.codepus-topic .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:30px;font-size:18px;font-weight:600;background:var(--grad-main);color:#fff;box-shadow:0 6px 18px rgba(79,107,255,.3);transition:transform .2s,box-shadow .2s}
.codepus-topic .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(79,107,255,.4)}
.codepus-topic .btn.ghost{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);color:var(--ink-0)}
.codepus-topic .btn.ghost:hover{border-color:var(--blue);box-shadow:var(--shadow-2)}

/* 通用区块 */
.codepus-topic section{position:relative;padding:110px 0}
.codepus-topic .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:2px;color:var(--blue);text-transform:uppercase;font-weight:600;padding:6px 14px;border-radius:20px;background:rgba(79,107,255,.08);border:1px solid rgba(79,107,255,.18)}
.codepus-topic .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue)}
.codepus-topic .sec-head{max-width:820px;margin-bottom:60px}
.codepus-topic .sec-head h2{font-size:clamp(30px,4.2vw,46px);font-weight:800;line-height:1.25;margin:22px 0 18px;letter-spacing:-.5px;color:var(--ink-0)}
.codepus-topic .sec-head h2 em{font-style:normal;background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent}
.codepus-topic .sec-head p{font-size:17px;color:var(--ink-1);max-width:680px}

/* ===== Hero ===== */
.codepus-topic .hero{padding:90px 0 90px;position:relative;overflow:hidden}
.codepus-topic .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.codepus-topic .hero h1{font-size:clamp(38px,5.4vw,54px);font-weight:900;line-height:1.3;letter-spacing:-1px;margin:24px 0 26px;color:var(--ink-0)}
.codepus-topic .hero h1 .grad{background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent}
.codepus-topic .hero h1 .stroke{-webkit-text-stroke:1.5px rgba(79,107,255,.5);color:transparent}
.codepus-topic .hero p.lead{font-size:18px;color:var(--ink-1);max-width:560px;margin-bottom:34px}
.codepus-topic .hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.codepus-topic .hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.codepus-topic .tag{font-size:13px;color:var(--ink-1);padding:6px 14px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1)}

/* Hero 右侧：椭圆卫星轨道 */
.codepus-topic .hero-visual{position:relative;aspect-ratio:1/1;width:500px;margin:0 auto;animation:codepus-float 6s ease-in-out infinite}
.codepus-topic .hv-glow{position:absolute;inset:14% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(79,107,255,.2),transparent 65%);filter:blur(24px)}
/* 椭圆装饰环（静态） */
.codepus-topic .ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid var(--line);transform:translate(-50%,-50%)}
.codepus-topic .ring.r1{width:100%;height:66%;border-style:dashed;border-color:rgba(79,107,255,.18)}
.codepus-topic .ring.r2{width:74%;height:48%;border-color:rgba(139,92,246,.2)}
.codepus-topic .ring.r3{width:46%;height:30%;border-style:dashed;border-color:rgba(43,182,255,.24)}
/* 中心核心：CPU + 轮播名称 */
.codepus-topic .hv-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:26px;background:var(--grad-main);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;box-shadow:0 14px 40px rgba(79,107,255,.42);z-index:3}
.codepus-topic .hv-core .icon{color:#fff;font-size:34px}
.codepus-topic .hv-core-label{font-size:12px;font-weight:600;letter-spacing:1px;opacity:.96;transition:opacity .4s;max-width:90px;text-align:center;line-height:1.3}
.codepus-topic .hv-core-label.fade{opacity:0}
/* 节点：由 JS 沿椭圆轨迹驱动 */
.codepus-topic .hv-orbit{position:absolute;inset:0;z-index:2}
.codepus-topic .hv-node{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);display:grid;place-items:center;font-size:24px;color:var(--blue);transition:box-shadow .3s}
.codepus-topic .hv-node:hover{box-shadow:var(--shadow-2)}
@keyframes codepus-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* Hero 流水线条带：多色卡片 + 动态箭头 */
.codepus-topic .pipeline{margin-top:70px;padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(79,107,255,.06),rgba(139,92,246,.04));border:1px solid var(--line);box-shadow:var(--shadow-1);display:flex;align-items:stretch;gap:8px}
.codepus-topic .pipe-step{flex:1;padding:24px 14px;border-radius:16px;text-align:center;position:relative}
.codepus-topic .pipe-step.c1{background:rgba(79,107,255,.1)}
.codepus-topic .pipe-step.c1 .icon,.codepus-topic .pipe-step.c1 .pipe-badge{color:#4f6bff}
.codepus-topic .pipe-step.c2{background:rgba(139,92,246,.1)}
.codepus-topic .pipe-step.c2 .icon,.codepus-topic .pipe-step.c2 .pipe-badge{color:#8b5cf6}
.codepus-topic .pipe-step.c3{background:rgba(43,182,255,.1)}
.codepus-topic .pipe-step.c3 .icon,.codepus-topic .pipe-step.c3 .pipe-badge{color:#2bb6ff}
.codepus-topic .pipe-step.c4{background:rgba(16,185,129,.1)}
.codepus-topic .pipe-step.c4 .icon,.codepus-topic .pipe-step.c4 .pipe-badge{color:#10b981}
.codepus-topic .pipe-badge{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:22px;font-weight:800;font-family:"SF Mono",Consolas,monospace;box-shadow:0 0 0 4px #fff,var(--shadow-1)}
.codepus-topic .pipe-step .icon{font-size:48px;margin-bottom:8px;display:inline-flex}
.codepus-topic .pipe-step h4{font-size:20px;margin-bottom:2px;color:var(--ink-0)}
.codepus-topic .pipe-step small{color:var(--ink-2);font-size:15px}
/* 步骤间动态箭头 */
.codepus-topic .pipe-arrow{flex:0 0 32px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--blue)}
.codepus-topic .pipe-arrow .icon{animation:codepus-arrowPulse 1.4s ease-in-out infinite}
@keyframes codepus-arrowPulse{0%,100%{transform:translateX(-4px);opacity:.45}50%{transform:translateX(4px);opacity:1}}

/* ===== 核心能力 · Bento ===== */
.codepus-topic .features{padding-top:60px}
.codepus-topic .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(190px,auto);gap:24px}
.codepus-topic .feat{position:relative;padding:30px 28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:flex-start}
.codepus-topic .feat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-main);opacity:0;transition:opacity .3s}
.codepus-topic .feat .corner{position:absolute;top:14px;right:14px;width:18px;height:18px;border-top:2px solid var(--blue);border-right:2px solid var(--blue);opacity:.35;transition:opacity .3s}
.codepus-topic .feat .feat-num{position:absolute;top:24px;right:30px;font-family:"SF Mono",Consolas,monospace;font-size:18px;color:var(--ink-2);letter-spacing:1px}
.codepus-topic .feat:hover{transform:translateY(-6px);border-color:rgba(79,107,255,.3);box-shadow:var(--shadow-2)}
.codepus-topic .feat:hover::before{opacity:1}
.codepus-topic .feat:hover .corner{opacity:1}
.codepus-topic .feat .ico{width:52px;height:52px;border-radius:14px;font-size:26px;display:grid;place-items:center;margin-bottom:18px;background:var(--grad-soft);border:1px solid var(--line);color:var(--blue)}
.codepus-topic .feat h3{font-size:19px;margin-bottom:10px;color:var(--ink-0)}
.codepus-topic .feat p{color:var(--ink-1);font-size:14px}
.codepus-topic .feat-lg{grid-column:1 / 3;grid-row:1 / 3;background:linear-gradient(135deg,rgba(79,107,255,.06),rgba(139,92,246,.04)),#fff;justify-content:space-between}
.codepus-topic .feat-lg .corner{width:26px;height:26px}
.codepus-topic .feat-lg .feat-num{font-size:15px;color:var(--blue)}
.codepus-topic .feat-lg .ico{width:64px;height:64px;font-size:32px;border-radius:16px}
.codepus-topic .feat-lg h3{font-size:28px;margin-bottom:14px}
.codepus-topic .feat-lg p{font-size:16px;max-width:440px}
.codepus-topic .feat-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.codepus-topic .feat-tags span{font-size:12px;padding:5px 12px;border-radius:14px;color:var(--blue);background:rgba(79,107,255,.08);border:1px solid rgba(79,107,255,.16)}

/* ===== 智能体矩阵 · 全屏双排无缝滚动 ===== */
.codepus-topic .agents-marquee{display:flex;flex-direction:column;gap:40px;width:100%;overflow:hidden;padding:10px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.codepus-topic .agent-row{display:flex;gap:20px;width:max-content;will-change:transform;animation:codepus-scrollX 60s linear infinite}
.codepus-topic .agent-row-rev{animation:codepus-scrollX-rev 60s linear infinite}
.codepus-topic .agent-row:hover{animation-play-state:paused}
.codepus-topic .agent{flex:0 0 300px;padding:26px 24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
.codepus-topic .agent::after{content:"";position:absolute;inset:0;border-radius:var(--radius);background:radial-gradient(120px 80px at var(--mx,50%) var(--my,0%),rgba(79,107,255,.12),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.codepus-topic .agent:hover{transform:translateY(-4px);border-color:rgba(79,107,255,.35);box-shadow:var(--shadow-2)}
.codepus-topic .agent:hover::after{opacity:1}
.codepus-topic .agent .badge{position:absolute;top:16px;right:18px;font-size:16px;font-weight:700;color:var(--ink-2);font-family:"SF Mono",Consolas,monospace}
.codepus-topic .agent .a-ico{width:48px;height:48px;border-radius:12px;margin-bottom:16px;font-size:24px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line);color:var(--blue)}
.codepus-topic .agent h3{font-size:17px;margin-bottom:4px;color:var(--ink-0)}
.codepus-topic .agent .en{font-size:12px;color:var(--blue);font-family:"SF Mono",Consolas,monospace;margin-bottom:12px;letter-spacing:.5px}
.codepus-topic .agent p{font-size:13px;color:var(--ink-1)}
@keyframes codepus-scrollX{to{transform:translateX(-50%)}}
@keyframes codepus-scrollX-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ===== 流水线详解 ===== */
.codepus-topic .flow-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.codepus-topic .flow-wrap::before{content:"";position:absolute;left:6%;right:6%;top:44px;height:2px;background:linear-gradient(90deg,var(--blue),var(--violet),var(--blue));background-size:200% 100%;animation:codepus-flow 6s linear infinite}
@keyframes codepus-flow{to{background-position:200% 0}}
.codepus-topic .flow-step{padding:0 14px;text-align:center;position:relative}
.codepus-topic .flow-step .stage{width:90px;height:90px;margin:0 auto 22px;border-radius:24px;font-size:30px;display:grid;place-items:center;color:var(--blue);background:#fff;border:1px solid var(--line);box-shadow:0 0 0 6px var(--bg-0),var(--shadow-1);position:relative;z-index:2}
.codepus-topic .flow-step h3{font-size:20px;margin-bottom:6px;color:var(--ink-0)}
.codepus-topic .flow-step .sub{font-size:14px;color:var(--blue);font-family:"SF Mono",monospace;letter-spacing:1px;margin-bottom:14px}
.codepus-topic .flow-step ul{list-style:none;text-align:left;display:inline-block}
.codepus-topic .flow-step li{font-size:16px;color:var(--ink-1);padding:4px 0 4px 22px;position:relative}
.codepus-topic .flow-step li::before{content:"";position:absolute;left:0;top:50%; margin-top:-4px;width:8px;height:8px;border-radius:2px;background:var(--blue);box-shadow:0 0 8px rgba(79,107,255,.6)}

/* 对比 */
.codepus-topic .vs{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.codepus-topic .vs-card{padding:32px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-1)}
.codepus-topic .vs-card.old{background:rgba(120,120,140,.06)}
.codepus-topic .vs-card.new{background:var(--grad-soft);border-color:rgba(79,107,255,.28)}
.codepus-topic .vs-card h3{font-size:20px;margin-bottom:6px;color:var(--ink-0)}
.codepus-topic .vs-card .tag-line{font-size:14px;color:var(--ink-2);margin-bottom:22px;font-family:"SF Mono",monospace;letter-spacing:1px}
.codepus-topic .vs-card.new .tag-line{color:var(--blue)}
.codepus-topic .vs-row{display:flex;gap:16px;padding:12px 0;border-bottom:1px dashed var(--line-soft)}
.codepus-topic .vs-row:last-child{border-bottom:none}
.codepus-topic .vs-row .k{flex:0 0 90px;color:var(--ink-2)}
.codepus-topic .vs-row .v{color:var(--ink-0)}

/* ===== 产能数据 ===== */
.codepus-topic .stats{position:relative}
.codepus-topic .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.codepus-topic .stat{text-align:center;padding:36px 20px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);position:relative;overflow:hidden}
.codepus-topic .stat::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:3px;background:var(--grad-main);opacity:.7}
.codepus-topic .stat .num{font-size:clamp(40px,5vw,60px);font-weight:900;line-height:1;background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.codepus-topic .stat .num .u{font-size:.45em;vertical-align:top;margin-left:2px;color:var(--blue)}
.codepus-topic .stat h4{font-size:18px;margin-bottom:4px;color:var(--ink-0)}
.codepus-topic .stat p{font-size:14px;color:var(--ink-2)}
.codepus-topic .pillars{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.codepus-topic .pillar{padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1)}
.codepus-topic .pillar .p-ico{font-size:26px;margin-bottom:14px;color:var(--blue)}
.codepus-topic .pillar h3{font-size:18px;margin-bottom:6px;color:var(--ink-0)}
.codepus-topic .pillar .p-sub{font-size:14px;color:var(--blue);font-family:"SF Mono",monospace;margin-bottom:14px;letter-spacing:1px}
.codepus-topic .pillar p{font-size:14px;color:var(--ink-1)}

/* ===== 未来愿景 ===== */
.codepus-topic .vision{text-align:center;padding:120px 0 110px;position:relative;overflow:hidden}
.codepus-topic .vision::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:120%;height:400px;background:radial-gradient(ellipse at center,rgba(79,107,255,.13),transparent 60%)}
.codepus-topic .vision .wrap{position:relative;z-index:1}
.codepus-topic .vision h2{font-size:clamp(32px,4.6vw,52px);font-weight:800;margin:20px 0 24px;line-height:1.25;color:var(--ink-0)}
.codepus-topic .vision h2 em{font-style:normal;background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent}
.codepus-topic .vision p.lead{font-size:18px;color:var(--ink-1);max-width:720px;margin:0 auto 36px}
.codepus-topic .vision .mini{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:var(--blue);padding:10px 22px;border-radius:30px;background:rgba(79,107,255,.08);border:1px solid rgba(79,107,255,.22)}

/* ===== CTA 全屏 ===== */
.codepus-topic #cta{padding:0}
.codepus-topic .cta-band{width:100%;border-radius:0;padding:90px 28px;background:linear-gradient(135deg,rgba(79,107,255,.13),rgba(139,92,246,.09));border-top:1px solid rgba(79,107,255,.16);border-bottom:1px solid rgba(79,107,255,.16);position:relative;overflow:hidden}
.codepus-topic .cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 300px at 50% 0%,rgba(79,107,255,.14),transparent 70%)}
.codepus-topic .cta-inner{max-width:860px;margin:0 auto;text-align:center;position:relative}
.codepus-topic .cta-inner h3{font-size:clamp(24px,3vw,32px);margin-bottom:12px;color:var(--ink-0)}
.codepus-topic .cta-inner p{color:var(--ink-1);margin-bottom:28px;font-size:16px}
.codepus-topic .cta-inner .hero-cta{justify-content:center}
.codepus-topic .hero-cta .icon svg{color:#fff; font-size:24px;}

/* 滚动渐入 */
.codepus-topic .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.codepus-topic .reveal.in{opacity:1;transform:none}
.codepus-topic .reveal.d1{transition-delay:.1s}
.codepus-topic .reveal.d2{transition-delay:.2s}
.codepus-topic .reveal.d3{transition-delay:.3s}
.codepus-topic .reveal.d4{transition-delay:.4s}
.codepus-topic .first_a{background:url("/template/fr/images/product-topics/codepus/bg_ic.png") no-repeat right bottom;background-size:45% auto;}

/* 响应式 */
@media(max-width:1024px){
  .codepus-topic .hero-grid{grid-template-columns:1fr;gap:50px}
  .codepus-topic .hero-visual{max-width:360px}
  .codepus-topic .feat-grid{grid-template-columns:repeat(2,1fr)}
  .codepus-topic .feat-lg{grid-column:1 / 3;grid-row:auto}
  .codepus-topic .stats-grid,.codepus-topic .pillars{grid-template-columns:repeat(2,1fr)}
  .codepus-topic .flow-wrap{grid-template-columns:repeat(2,1fr);gap:40px 20px}
  .codepus-topic .flow-wrap::before{display:none}
  .codepus-topic .vs{grid-template-columns:1fr}
}
@media(max-width:640px){
  .codepus-topic .wrap{padding:0 18px}
  .codepus-topic section{padding:80px 0}
  .codepus-topic .hero{padding:60px 0 60px}
  .codepus-topic .pipeline{flex-wrap:wrap;justify-content:center;gap:12px}
  .codepus-topic .pipe-step{flex:1 1 42%}
  .codepus-topic .pipe-arrow{display:none}
  .codepus-topic .feat-grid{grid-template-columns:1fr}
  .codepus-topic .feat-lg{grid-column:1;grid-row:auto}
  .codepus-topic .feat-lg h3{font-size:24px}
.codepus-topic .pillars{grid-template-columns:1fr}
  .codepus-topic .hv-node{width:46px;height:46px;font-size:21px}
  .codepus-topic .hv-core{width:88px;height:88px}
  .codepus-topic .hv-core .icon{font-size:30px}
  .codepus-topic .agent{flex:0 0 250px}
  .codepus-topic .cta-band{padding:70px 18px}
	.codepus-topic .first_a{background:url("/template/fr/images/product-topics/codepus/bg_ic.png") no-repeat right top;background-size:45% auto;}
	.codepus-topic .flow-step li{font-size:14px;}
}
@media (prefers-reduced-motion: reduce){.codepus-topic,.codepus-topic * ,.codepus-topic *::before,.codepus-topic *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.codepus-topic .reveal,.codepus-topic .anim-in{opacity:1!important;transform:none!important}}