.page-aiagent .contrast{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.page-aiagent .con-card{border-radius:var(--r-lg);padding:32px 30px}.page-aiagent .con-card.bad{background:#fff;border:1px solid var(--line)}.page-aiagent .con-card.good{background:var(--ink-900);color:#fff;box-shadow:var(--sh-sm);position:relative;overflow:hidden}.page-aiagent .con-card.good:after{display:none}.page-aiagent .con-card .ct{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-display)}.page-aiagent .con-card.bad .ct{color:var(--text-mute)}.page-aiagent .con-card.good .ct{color:var(--accent)}.page-aiagent .con-card h3{font-size:24px;font-weight:700;letter-spacing:-.01em;margin-top:12px}.page-aiagent .con-card ul{margin-top:22px;display:flex;flex-direction:column;gap:15px;position:relative;z-index:1}.page-aiagent .con-card li{display:flex;gap:13px;font-size:15.5px;line-height:1.55}.page-aiagent .con-card li .mk{display:none}.page-aiagent .con-card.bad li{color:var(--ink-600)}.page-aiagent .con-card.bad li .mk{background:var(--ink-100);color:var(--ink-400)}.page-aiagent .con-card.good li{color:rgba(255,255,255,.92)}.page-aiagent .con-card.good li .mk{background:var(--accent);color:#04130d}.page-aiagent .con-card.good li b{color:#fff}.page-aiagent .scn{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.page-aiagent .scn-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;transition:transform .2s,box-shadow .2s}.page-aiagent .scn-card:hover{box-shadow:var(--sh-sm)}.page-aiagent .scn-card .hd{display:flex;align-items:center;gap:14px}.page-aiagent .scn-card .si{display:none}.page-aiagent .scn-card .si svg{width:25px;height:25px}.page-aiagent .scn-card .tag{font-family:var(--font-display);font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--accent-ink)}.page-aiagent .scn-card h3{font-size:21px;font-weight:600;margin-top:2px}.page-aiagent .scn-card .pain{margin-top:20px;padding:14px 16px;background:var(--ink-50);border-radius:var(--r-sm);font-size:14px;color:var(--ink-700);border-left:3px solid var(--ink-200)}.page-aiagent .scn-card .pain b{color:var(--ink-900)}.page-aiagent .scn-card .does{margin-top:16px;display:flex;flex-direction:column;gap:10px}.page-aiagent .scn-card .does li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-700);line-height:1.55}.page-aiagent .scn-card .does li svg{width:17px;height:17px;color:var(--accent);flex-shrink:0;margin-top:3px}.page-aiagent .scn-card .res{margin-top:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:13.5px}.page-aiagent .hero-art{position:relative}.page-aiagent .hero-art .stage{position:relative;aspect-ratio:1/1.02;border-radius:var(--r-xl);background:var(--ink-50);border:1px solid var(--line-soft);box-shadow:var(--sh-md);display:grid;place-items:center;overflow:hidden;padding:22px}.page-aiagent .hero-art .stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:40px 40px;-webkit-mask:radial-gradient(120% 110% at 50% 25%,#000 42%,transparent 80%);mask:radial-gradient(120% 110% at 50% 25%,#000 42%,transparent 80%);display:none}.page-aiagent .hero-art .stage:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-50px;top:-50px;background:radial-gradient(circle,rgba(232,132,58,.55),transparent 65%);display:none}.page-aiagent .hero-art .agent{position:relative;z-index:1;width:100%;max-width:340px;align-self:center;background:#fff;border-radius:15px;box-shadow:var(--sh-md);overflow:hidden;font-size:12px}.page-aiagent .hero-art .agent-top{padding:10px 14px;border-bottom:1px solid var(--line-soft)}.page-aiagent .hero-art .agent-status{display:flex;align-items:center;gap:8px}.page-aiagent .hero-art .ag-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(232,132,58,.16);flex-shrink:0}@keyframes agpulse{0%,to{box-shadow:0 0 0 3px rgba(232,132,58,.22)}50%{box-shadow:0 0 0 6px rgba(232,132,58,.1)}}.page-aiagent .hero-art .agent-status b{font-size:12px;color:var(--ink-900)}.page-aiagent .hero-art .ag-time{margin-left:auto;font-family:var(--font-display);font-size:10.5px;color:var(--text-mute);font-weight:700}.page-aiagent .hero-art .agent-input,.page-aiagent .hero-art .agent-output{margin:10px 14px;padding:9px 11px;border-radius:9px;font-size:11.5px;line-height:1.5;color:var(--ink-800);display:flex;gap:7px;align-items:flex-start}.page-aiagent .hero-art .agent-input{background:var(--brand-50);border:1px solid var(--brand-100)}.page-aiagent .hero-art .agent-output{background:#eef9f1;border:1px solid #c9eed1;color:#15803d;font-weight:600}.page-aiagent .hero-art .ag-tag{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--brand-600);color:#fff;letter-spacing:.04em;flex-shrink:0;margin-top:1px}.page-aiagent .hero-art .ag-tag.out{background:#15803d}.page-aiagent .hero-art .agent-steps{padding:0 14px 4px;display:flex;flex-direction:column;gap:6px;position:relative}.page-aiagent .hero-art .agent-steps:before{content:"";position:absolute;left:calc(14px + 9px);top:13px;bottom:13px;width:2px;background:var(--line);border-radius:2px;z-index:0}.page-aiagent .hero-art .ag-step{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;position:relative;z-index:1;font-size:11px}.page-aiagent .hero-art .ag-step.done{background:#eef9f1;color:var(--ink-800)}.page-aiagent .hero-art .ag-step.run{background:var(--accent-soft);color:var(--ink-900);border:1px solid #f0c79a}.page-aiagent .hero-art .ag-step.wait{background:var(--ink-50);color:var(--text-mute)}.page-aiagent .hero-art .ag-num{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:10px;flex-shrink:0}.page-aiagent .hero-art .ag-step.done .ag-num{background:#22c55e;color:#fff}.page-aiagent .hero-art .ag-step.run .ag-num{background:var(--accent);color:#fff;box-shadow:0 0 0 3px rgba(232,132,58,.2)}.page-aiagent .hero-art .ag-step.wait .ag-num{background:#fff;color:var(--text-mute);box-shadow:inset 0 0 0 1.5px var(--line)}.page-aiagent .hero-art .ag-tx{flex:1;font-weight:600}.page-aiagent .hero-art .ag-tool{font-family:var(--font-display);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#fff;color:var(--brand-700);border:1px solid var(--brand-100);letter-spacing:.04em}.page-aiagent .hero-art .ag-step.done .ag-ico{width:14px;height:14px;color:#15803d;flex-shrink:0}.page-aiagent .hero-art .ag-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:agspin .9s linear infinite;flex-shrink:0}@keyframes agspin{to{transform:rotate(1turn)}}.page-aiagent .hero-art .fcard{display:none}.page-aiagent .hero-art .fcard .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.page-aiagent .hero-art .fcard .ic svg{width:20px;height:20px}.page-aiagent .hero-art .fcard b{font-size:14px;color:var(--ink-900);display:block}.page-aiagent .hero-art .fcard span{font-size:12px;color:var(--text-mute)}.page-aiagent .hero-art .fc1{top:6%;left:-28px;animation:kkfloat 5.5s ease-in-out infinite}.page-aiagent .hero-art .fc1 .ic{background:var(--brand-50);color:var(--brand-600)}.page-aiagent .hero-art .fc2{bottom:8%;left:-22px;animation:kkfloat 6.5s ease-in-out .8s infinite}.page-aiagent .hero-art .fc2 .ic{background:var(--accent-soft);color:var(--accent-ink)}.page-aiagent .hero-art .ag-mascot{position:absolute;right:6px;bottom:0;width:130px;height:auto;z-index:3;filter:drop-shadow(0 12px 22px rgba(0,0,0,.34));animation:kkfloat 4s ease-in-out infinite;pointer-events:none;display:none}@media (max-width:980px){.page-aiagent .hero-art{max-width:380px;margin-inline:auto}.page-aiagent .hero-art .fc1{left:-12px}.page-aiagent .hero-art .fc2{left:-8px}}