/* Homepage carousel, based on the approved light-blue design, 2026-10-11. */

.home-hero-carousel{--bg:#F5F8F7;--surface:#FFFFFF;--text:#14211D;--muted:#5B6B66;--faint:#8C9A95;--accent:#0F9B72;--accent-d:#0B7F5D;--tint:#E6F3EE;--line:#E0E7E4;--warn:#D9822B;--warn-tint:#FBEFE2;--r:12px;
--shadow:0 1px 2px rgba(20,33,29,.05),0 14px 36px rgba(20,33,29,.08);
--num:"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
--ease-out:cubic-bezier(.2,.8,.2,1);
--spring:linear(0,.22 6%,.6 14%,.88 23%,1.012 33%,1.02 40%,1.006 52%,.999 68%,1)}
.home-hero-carousel *{box-sizing:border-box;margin:0;padding:0}
.home-hero-carousel a{color:inherit;text-decoration:none}
.home-hero-carousel button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* 按钮 */
.home-hero-carousel .hc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:var(--r);font-size:16px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--text);transition:transform .15s var(--ease-out),box-shadow .2s,background-color .2s,border-color .2s;white-space:nowrap}
.home-hero-carousel .hc-btn:hover{border-color:#C9D6D1}
.home-hero-carousel .hc-btn:active{transform:scale(.97)}
.home-hero-carousel .hc-btn.hc-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(15,155,114,.22)}
.home-hero-carousel .hc-btn.hc-primary:hover{background:var(--accent-d);border-color:var(--accent-d)}
.home-hero-carousel .hc-btn.hc-sm{height:40px;padding:0 18px;font-size:15px}
.home-hero-carousel .hc-btn .hc-arr{transition:transform .2s var(--ease-out)}
.home-hero-carousel .hc-btn:hover .hc-arr{transform:translateX(3px)}
.home-hero-carousel .hc-btn:focus-visible,.home-hero-carousel .hc-tab:focus-visible,.home-hero-carousel .hc-seg button:focus-visible,.home-hero-carousel a.hc-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* 轮播舞台 */
.home-hero-carousel{max-width:1440px;margin:0 auto;padding:0 16px}
.home-hero-carousel .hc-stage{--dir:1;position:relative;height:clamp(660px,calc(100vh - 192px),820px);border-radius:24px;overflow:hidden;isolation:isolate;background:var(--bg);touch-action:pan-y}
@supports (height:100svh){.home-hero-carousel .hc-stage{height:clamp(660px,calc(100svh - 192px),820px)}}
.home-hero-carousel .hc-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(calc(var(--dir) * 32px));transition:opacity .45s ease,transform .6s var(--ease-out),visibility 0s linear .6s}
.home-hero-carousel .hc-slide.hc-is-active{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease .1s,transform .7s var(--ease-out) .1s,visibility 0s}
.home-hero-carousel .hc-slide.hc-out{transform:translateX(calc(var(--dir) * -32px))}
.home-hero-carousel .hc-slide .hc-enter{opacity:0}
.home-hero-carousel .hc-slide.hc-play .hc-enter{animation:hc-rise .65s var(--ease-out) calc(var(--d,0) * 80ms + 160ms) both}
@keyframes hc-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* 轮播控件 */
.home-hero-carousel .hc-ctrl{display:flex;align-items:center;gap:14px;height:64px;padding:0 8px}
.home-hero-carousel .hc-tabs{display:flex;gap:8px;flex:0 1 736px}
.home-hero-carousel .hc-tab{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px 6px 8px;text-align:left;color:var(--faint);transition:color .2s}
.home-hero-carousel .hc-tab:hover{color:var(--muted)}
.home-hero-carousel .hc-tab[aria-selected=true]{color:var(--text)}
.home-hero-carousel .hc-tab span{font-size:13px;line-height:1;display:flex;gap:8px}
.home-hero-carousel .hc-tab span b{font:600 12px/1 var(--num);color:var(--faint)}
.home-hero-carousel .hc-tab[aria-selected=true] span b{color:var(--accent)}
.home-hero-carousel .hc-tab i{display:block;width:100%;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.home-hero-carousel .hc-tab i em{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.home-hero-carousel .hc-tab.hc-seen i em{transform:scaleX(1);background:#BFDCD1}

/* ========== 第 1 张：看系统怎么跑 ========== */
.home-hero-carousel .hc-s1{background:#F5F8F7;display:flex;flex-direction:column}
.home-hero-carousel .hc-s1 .hc-intro{padding:44px 48px 26px}
.home-hero-carousel .hc-s1 h1{font-size:62px;line-height:1.12;font-weight:600;letter-spacing:-.015em}
.home-hero-carousel .hc-s1 h1 em{font-style:normal;color:var(--accent)}
.home-hero-carousel .hc-s1 .hc-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:20px}
.home-hero-carousel .hc-s1 .hc-lead{max-width:34em;color:var(--muted);font-size:17px}
.home-hero-carousel .hc-s1 .hc-actions{display:flex;gap:12px;flex:none}
.home-hero-carousel .hc-s1 .hc-bench-wrap{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 48px}
.home-hero-carousel .hc-s1 .hc-hint{font-size:13px;color:var(--faint);margin:0 0 10px 4px}
.home-hero-carousel .hc-s1 .hc-hint b{font-weight:500;color:var(--muted)}
.home-hero-carousel .hc-s1 .hc-bench{position:relative;flex:1;min-height:0;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:var(--shadow);display:flex;flex-direction:column}
.home-hero-carousel .hc-s1 .hc-bar{height:56px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);flex:none}
.home-hero-carousel .hc-s1 .hc-app{display:flex;align-items:center;gap:10px;min-width:190px}
.home-hero-carousel .hc-s1 .hc-app img{width:22px;height:22px}
.home-hero-carousel .hc-s1 .hc-app b{font-weight:600;font-size:15px}
.home-hero-carousel .hc-s1 .hc-app small{font-size:12px;color:var(--faint)}
.home-hero-carousel .hc-s1 .hc-seg{position:relative;display:flex;background:#EFF4F2;border-radius:10px;padding:4px;margin:0 auto}
.home-hero-carousel .hc-s1 .hc-seg button{position:relative;z-index:1;height:34px;padding:0 18px;font-size:14px;color:var(--muted);border-radius:8px;transition:color .2s}
.home-hero-carousel .hc-s1 .hc-seg button[aria-selected=true]{color:var(--text);font-weight:600}
.home-hero-carousel .hc-s1 .hc-seg .hc-pill{position:absolute;top:4px;left:0;height:34px;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(20,33,29,.08),0 2px 8px rgba(20,33,29,.06);transition:transform .3s var(--spring),width .3s var(--spring)}
.home-hero-carousel .hc-s1 .hc-who{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:190px;justify-content:flex-end}
.home-hero-carousel .hc-s1 .hc-who i{width:28px;height:28px;border-radius:50%;background:var(--tint);color:var(--accent);font-style:normal;font-weight:600;display:grid;place-items:center;font-size:13px}
.home-hero-carousel .hc-s1 .hc-steps{display:none}
.home-hero-carousel .hc-s1 .hc-view{flex:1;min-height:0;overflow:hidden}
.home-hero-carousel .hc-s1 .hc-panes{height:100%;display:grid;grid-template-columns:1.05fr .85fr 1.2fr;transition:opacity .18s}
.home-hero-carousel .hc-s1 .hc-panes.hc-swap{opacity:0}
.home-hero-carousel .hc-s1 .hc-pane{padding:20px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}
.home-hero-carousel .hc-s1 .hc-pane:last-child{border-right:0}
.home-hero-carousel .hc-s1 .hc-ph{display:flex;align-items:center;justify-content:space-between}
.home-hero-carousel .hc-s1 .hc-ph h3{font-size:15px;font-weight:600}
.home-hero-carousel .hc-chip{font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;background:#EEF2F0;color:var(--muted);transition:background-color .25s,color .25s;white-space:nowrap}
.home-hero-carousel .hc-chip.hc-on{background:var(--tint);color:var(--accent)}
.home-hero-carousel .hc-s1 .hc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-hero-carousel .hc-s1 .hc-f label{display:block;font-size:12px;color:var(--faint);margin-bottom:5px}
.home-hero-carousel .hc-s1 .hc-f .hc-v{height:40px;border:1px solid var(--line);border-radius:9px;padding:0 12px;display:flex;align-items:center;font-size:14px;white-space:nowrap;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.home-hero-carousel .hc-s1 .hc-f .hc-v.hc-typing{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,155,114,.12)}
.home-hero-carousel .hc-s1 .hc-f .hc-v.hc-typing::after{content:"";width:1.5px;height:16px;background:var(--accent);margin-left:2px;animation:hc-blink .8s steps(1) infinite}
@keyframes hc-blink{50%{opacity:0}}
.home-hero-carousel .hc-s1 .hc-submit{margin-top:auto;height:42px;flex:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;transition:transform .12s var(--ease-out),background-color .2s}
.home-hero-carousel .hc-s1 .hc-submit.hc-press{transform:scale(.96);background:var(--accent-d)}
.home-hero-carousel .hc-s1 .hc-submit.hc-done{background:var(--tint);color:var(--accent)}
.home-hero-carousel .hc-s1 .hc-flow{list-style:none;display:flex;flex-direction:column;margin-top:4px}
.home-hero-carousel .hc-s1 .hc-node{position:relative;display:flex;align-items:center;gap:12px;padding:11px 0}
.home-hero-carousel .hc-s1 .hc-node:not(:last-child)::after{content:"";position:absolute;left:13px;top:41px;width:2px;height:calc(100% - 30px);background:var(--line)}
.home-hero-carousel .hc-s1 .hc-node .hc-dot{position:relative;z-index:1;flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;transition:background-color .25s,border-color .25s}
.home-hero-carousel .hc-s1 .hc-node .hc-dot svg{width:14px;height:14px;stroke:#fff;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20}
.home-hero-carousel .hc-s1 .hc-node.hc-done .hc-dot{background:var(--accent);border-color:var(--accent)}
.home-hero-carousel .hc-s1 .hc-node.hc-done .hc-dot svg{animation:hc-draw .3s var(--ease-out) forwards}
@keyframes hc-draw{to{stroke-dashoffset:0}}
.home-hero-carousel .hc-s1 .hc-node b{display:block;font-size:14px;font-weight:500}
.home-hero-carousel .hc-s1 .hc-node small{font-size:12px;color:var(--faint)}
.home-hero-carousel .hc-s1 .hc-node.hc-done small{color:var(--accent)}
.home-hero-carousel .hc-s1 .hc-big{display:flex;align-items:baseline;gap:8px}
.home-hero-carousel .hc-s1 .hc-big strong{font:600 46px/1 var(--num);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.home-hero-carousel .hc-s1 .hc-big span{font-size:14px;color:var(--muted)}
.home-hero-carousel .hc-s1 .hc-big em{font-style:normal;font:600 14px var(--num);color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s var(--ease-out)}
.home-hero-carousel .hc-s1 .hc-big em.hc-show{opacity:1;transform:none}
.home-hero-carousel .hc-s1 .hc-bars{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.home-hero-carousel .hc-s1 .hc-bar-row{display:grid;grid-template-columns:4.5em 1fr 3em;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.home-hero-carousel .hc-s1 .hc-bar-row .hc-t{height:10px;border-radius:5px;background:#EEF2F0;overflow:hidden}
.home-hero-carousel .hc-s1 .hc-bar-row .hc-t i{display:block;height:100%;border-radius:5px;background:#BFDCD1;transition:width .6s var(--spring)}
.home-hero-carousel .hc-s1 .hc-bar-row.hc-hit .hc-t i{background:var(--accent)}
.home-hero-carousel .hc-s1 .hc-bar-row .hc-n{font:500 13px var(--num);text-align:right;color:var(--text)}
.home-hero-carousel .hc-s1 .hc-alert{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#9A5A14;background:var(--warn-tint);border-radius:9px;padding:9px 12px}
.home-hero-carousel .hc-s1 .hc-alert::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--warn)}
.home-hero-carousel .hc-s1 .hc-token{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(15,155,114,.18);opacity:0;pointer-events:none;z-index:4}
.home-hero-carousel .hc-s1 .hc-toast{position:absolute;right:20px;top:70px;background:var(--text);color:#fff;font-size:13px;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .3s var(--ease-out);z-index:3;pointer-events:none}
.home-hero-carousel .hc-s1 .hc-toast.hc-show{opacity:1;transform:none}
.home-hero-carousel .hc-s1 .hc-toast::before{content:"";width:8px;height:8px;border-radius:50%;background:#3DDC9E}
.home-hero-carousel .hc-s1 .hc-bench.hc-enter{--d:4}
.home-hero-carousel .hc-s1.hc-play .hc-bench.hc-enter{animation-name:hc-benchin;animation-duration:.85s}
@keyframes hc-benchin{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}

/* ========== 第 2 张：从乱到整（浅雾蓝底） ========== */
.home-hero-carousel .hc-s2{background:#EAF0F8 radial-gradient(110% 85% at 50% 42%,#F4F7FC 0%,#EAF0F8 58%,#DFE8F4 100%);color:var(--text)}
.home-hero-carousel .hc-s2::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(35,95,213,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(35,95,213,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,transparent 100%);pointer-events:none}
.home-hero-carousel .hc-s2 .hc-in{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr auto auto;padding:34px 6% 30px}
.home-hero-carousel .hc-s2 h2{font-size:66px;line-height:1.1;font-weight:600;letter-spacing:-.015em;white-space:nowrap}
.home-hero-carousel .hc-s2 .hc-l1{justify-self:start}
.home-hero-carousel .hc-s2 .hc-l2{justify-self:end;color:var(--accent)}
.home-hero-carousel .hc-s2 .hc-mid{position:relative;display:grid;place-items:center}
.home-hero-carousel .hc-s2 .hc-tail{justify-self:end;display:flex;align-items:center;gap:28px;margin-top:16px}
.home-hero-carousel .hc-s2 .hc-tail p{max-width:27em;color:#56657A;font-size:15px;text-align:right}
.home-hero-carousel .hc-s2 .hc-actions{display:flex;gap:12px}
.home-hero-carousel .hc-s2 .hc-btn.hc-ghost{background:#fff;border-color:#D3DDEA;color:var(--text)}
.home-hero-carousel .hc-s2 .hc-btn.hc-ghost:hover{border-color:#B9C7DA}
.home-hero-carousel .hc-s2 .hc-btn.hc-primary{box-shadow:0 8px 20px rgba(15,155,114,.22)}
.home-hero-carousel .hc-s2 .hc-card{position:relative;width:470px;background:var(--surface);color:var(--text);border-radius:16px;box-shadow:0 1px 2px rgba(23,40,70,.06),0 22px 48px rgba(35,60,110,.14);z-index:2}
.home-hero-carousel .hc-s2 .hc-ch{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}
.home-hero-carousel .hc-s2 .hc-ch img{width:22px;height:22px}
.home-hero-carousel .hc-s2 .hc-ch b{font-size:15px;font-weight:600}
.home-hero-carousel .hc-s2 .hc-ch small{font:500 12px var(--num);color:var(--faint);margin-left:2px}
.home-hero-carousel .hc-s2 .hc-stamp{margin-left:auto;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:#EEF2F0;color:var(--faint);transition:background-color .2s,color .2s}
.home-hero-carousel .hc-s2 .hc-stamp.hc-on{background:var(--tint);color:var(--accent);animation:hc-land .42s var(--spring)}
@keyframes hc-land{0%{transform:scale(1.5);opacity:.3}100%{transform:scale(1)}}
.home-hero-carousel .hc-s2 .hc-rows{padding:8px 20px 6px}
.home-hero-carousel .hc-s2 .hc-r{display:grid;grid-template-columns:5em 1fr;align-items:center;gap:12px;padding:11px 6px;margin:0 -6px;border-bottom:1px dashed var(--line);font-size:14px;border-radius:6px;transition:background-color .5s}
.home-hero-carousel .hc-s2 .hc-r:last-child{border-bottom:0}
.home-hero-carousel .hc-s2 .hc-r>span{color:var(--faint);font-size:13px}
.home-hero-carousel .hc-s2 .hc-r b{font-weight:500;position:relative;min-height:22px;display:flex;align-items:center;gap:8px}
.home-hero-carousel .hc-s2 .hc-r b .hc-val{opacity:0;transform:translateY(4px);transition:opacity .3s,transform .35s var(--ease-out)}
.home-hero-carousel .hc-s2 .hc-r b::before{content:"";position:absolute;left:0;top:50%;height:10px;width:var(--sk,60%);margin-top:-5px;border-radius:5px;background:#EEF2F0;transition:opacity .2s}
.home-hero-carousel .hc-s2 .hc-r.hc-in{background:var(--tint)}
.home-hero-carousel .hc-s2 .hc-r.hc-in b::before,.home-hero-carousel .hc-s2 .hc-r.hc-set b::before{opacity:0}
.home-hero-carousel .hc-s2 .hc-r.hc-in b .hc-val,.home-hero-carousel .hc-s2 .hc-r.hc-set b .hc-val{opacity:1;transform:none}
.home-hero-carousel .hc-s2 .hc-num{font-family:var(--num);font-variant-numeric:tabular-nums}
.home-hero-carousel .hc-s2 .hc-note{font-size:12px;color:var(--accent)}
.home-hero-carousel .hc-s2 .hc-cf{display:flex;align-items:center;gap:6px;padding:14px 20px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--faint)}
.home-hero-carousel .hc-s2 .hc-cf i{flex:1;height:2px;background:var(--line);border-radius:1px;position:relative;overflow:hidden}
.home-hero-carousel .hc-s2 .hc-cf i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}
.home-hero-carousel .hc-s2 .hc-cf.hc-go i::after{transform:none}
.home-hero-carousel .hc-s2 .hc-cf.hc-go i:nth-of-type(2)::after{transition-delay:.25s}
.home-hero-carousel .hc-s2 .hc-cf em{font-style:normal;transition:color .3s}
.home-hero-carousel .hc-s2 .hc-cf.hc-go em{color:var(--accent)}
.home-hero-carousel .hc-s2 .hc-cf.hc-go em:nth-of-type(3){transition-delay:.25s}
.home-hero-carousel .hc-s2 .hc-scrap{position:absolute;z-index:3;will-change:transform,opacity;transform:rotate(var(--rot))}
.home-hero-carousel .hc-s2 .hc-paper{left:14%;top:14%;width:210px;padding:14px 16px 16px;background:#FFFBEF;border-radius:4px;box-shadow:0 10px 24px rgba(35,60,110,.14);font-family:"Kaiti SC","STKaiti","KaiTi",serif;font-size:17px;line-height:1.55;color:#3E3A2E;--rot:-7deg}
.home-hero-carousel .hc-s2 .hc-paper small{display:block;font-size:12px;color:#9D927A;font-family:"PingFang SC","Microsoft YaHei",sans-serif;margin-bottom:4px}
.home-hero-carousel .hc-s2 .hc-paper s{color:#B5532F;text-decoration-thickness:1.5px}
.home-hero-carousel .hc-s2 .hc-sheet{right:11%;top:4%;width:236px;background:#fff;border-radius:6px;box-shadow:0 10px 24px rgba(35,60,110,.14);font-size:12px;overflow:hidden;color:#46524E;--rot:5deg}
.home-hero-carousel .hc-s2 .hc-sheet header{padding:6px 10px;background:#1E7145;color:#fff;font-size:11.5px}
.home-hero-carousel .hc-s2 .hc-sheet table{border-collapse:collapse;width:100%;font-family:var(--num)}
.home-hero-carousel .hc-s2 .hc-sheet td{border:1px solid #E3E8EA;padding:4px 7px;white-space:nowrap}
.home-hero-carousel .hc-s2 .hc-sheet tr:first-child td{background:#F3F6F7;color:#7A8784;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.home-hero-carousel .hc-s2 .hc-sheet .hc-bad{color:#C2410C;background:#FFF4EC}
.home-hero-carousel .hc-s2 .hc-sheet .hc-x{text-decoration:line-through;color:#9AA5A2}
.home-hero-carousel .hc-s2 .hc-chat{right:15%;bottom:12%;max-width:250px;display:flex;gap:8px;align-items:flex-start;--rot:-3deg}
.home-hero-carousel .hc-s2 .hc-chat i{flex:none;width:30px;height:30px;border-radius:6px;background:#D8E4F5;color:#3D5A8A;font-style:normal;font-size:13px;display:grid;place-items:center}
.home-hero-carousel .hc-s2 .hc-chat p{background:#fff;color:var(--text);border-radius:4px 12px 12px 12px;padding:9px 12px;font-size:14px;line-height:1.5;box-shadow:0 10px 24px rgba(35,60,110,.14)}
.home-hero-carousel .hc-s2 .hc-chat p small{display:block;font-size:11px;color:var(--faint);margin-bottom:2px}
.home-hero-carousel .hc-s2 .hc-replay{position:absolute;left:calc(50% - 235px);bottom:4px;font-size:13px;color:#7D8AA0;opacity:0;transition:opacity .3s,color .2s;z-index:2}
.home-hero-carousel .hc-s2 .hc-replay.hc-show{opacity:1}.home-hero-carousel .hc-s2 .hc-replay:hover{color:var(--accent)}
.home-hero-carousel .hc-s2 .hc-card.hc-enter{--d:1}
.home-hero-carousel .hc-s2.hc-play .hc-card.hc-enter{animation-name:hc-cardin}
@keyframes hc-cardin{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
.home-hero-carousel .hc-s2 .hc-scrap.hc-enter{opacity:0}
.home-hero-carousel .hc-s2.hc-play .hc-scrap.hc-enter{animation:hc-drift .6s var(--ease-out) calc(var(--d,0) * 90ms + 300ms) both}
@keyframes hc-drift{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}

/* ========== 第 3 张：一套系统管全局（薄荷底） ========== */
.home-hero-carousel .hc-s3{background:#E4F1EB;background-image:radial-gradient(rgba(15,155,114,.16) 1.2px,transparent 1.3px);background-size:22px 22px}
.home-hero-carousel .hc-s3 .hc-grid{height:100%;padding:20px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 196px;gap:14px}
.home-hero-carousel .hc-s3 .hc-tile{position:relative;background:var(--surface);border:1px solid #D7E6E0;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .25s var(--ease-out),box-shadow .3s,border-color .3s}
.home-hero-carousel .hc-s3 a.hc-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.home-hero-carousel .hc-s3 .hc-tile.hc-hot{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,155,114,.16),var(--shadow)}
.home-hero-carousel .hc-s3 .hc-tl{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-height:22px}
.home-hero-carousel .hc-s3 .hc-tl b{font-weight:600;color:var(--text);font-size:15px;white-space:nowrap}
.home-hero-carousel .hc-s3 .hc-tl .hc-go{color:var(--faint);transition:transform .2s var(--ease-out),opacity .2s}
.home-hero-carousel .hc-s3 a.hc-tile:hover .hc-go{transform:translateX(3px);color:var(--accent)}
.home-hero-carousel .hc-s3 .hc-ev{position:absolute;right:18px;top:16px;font-size:12px;line-height:1;padding:6px 9px;border-radius:999px;background:var(--accent);color:#fff;opacity:0;transform:translateY(-6px) scale(.9);transition:opacity .25s,transform .35s var(--spring);white-space:nowrap}
.home-hero-carousel .hc-s3 .hc-tile.hc-lit .hc-ev{opacity:1;transform:none}
.home-hero-carousel .hc-s3 .hc-tile.hc-lit:not(.hc-hot) .hc-ev{background:var(--tint);color:var(--accent)}
.home-hero-carousel .hc-s3 .hc-tile.hc-lit .hc-go{opacity:0}
.home-hero-carousel .hc-s3 .hc-head{grid-column:1/3;grid-row:1/3;background:transparent;border:0;padding:26px 12px 14px 16px;justify-content:flex-end;gap:0}
.home-hero-carousel .hc-s3 .hc-head h2{font-size:54px;line-height:1.14;font-weight:600;letter-spacing:-.015em}
.home-hero-carousel .hc-s3 .hc-head h2 em{font-style:normal;color:var(--accent)}
.home-hero-carousel .hc-s3 .hc-head p{margin-top:18px;max-width:30em;color:var(--muted);font-size:17px}
.home-hero-carousel .hc-s3 .hc-head .hc-actions{display:flex;gap:12px;margin-top:26px}
.home-hero-carousel .hc-s3 .hc-head small{display:block;margin-top:16px;font-size:13px;color:var(--faint)}
.home-hero-carousel .hc-s3 .hc-big{display:flex;align-items:baseline;gap:6px}
.home-hero-carousel .hc-s3 .hc-big strong{font:600 38px/1 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.home-hero-carousel .hc-s3 .hc-big span{font-size:13px;color:var(--muted)}
.home-hero-carousel .hc-s3 .hc-delta{font:600 13px var(--num);color:var(--accent);opacity:0;transition:opacity .3s}
.home-hero-carousel .hc-s3 .hc-delta.hc-show{opacity:1}
.home-hero-carousel .hc-s3 .hc-inv{grid-column:3;grid-row:1}
.home-hero-carousel .hc-s3 .hc-spark{display:flex;align-items:flex-end;gap:5px;height:40px;margin-top:auto}
.home-hero-carousel .hc-s3 .hc-spark i{flex:1;background:#CFE6DD;border-radius:3px 3px 0 0;height:var(--h);transition:height .6s var(--spring),background-color .3s}
.home-hero-carousel .hc-s3 .hc-spark i:last-child{background:var(--accent)}
.home-hero-carousel .hc-s3 .hc-mes{grid-column:4;grid-row:1/3}
.home-hero-carousel .hc-s3 .hc-jobs{display:flex;flex-direction:column;margin-top:2px}
.home-hero-carousel .hc-s3 .hc-job{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--ease-out),opacity .4s}
.home-hero-carousel .hc-s3 .hc-job>div{overflow:hidden;padding-bottom:16px}
.home-hero-carousel .hc-s3 .hc-job.hc-collapsed{grid-template-rows:0fr;opacity:0}
.home-hero-carousel .hc-s3 .hc-job b{display:flex;justify-content:space-between;font-size:14px;font-weight:500}
.home-hero-carousel .hc-s3 .hc-job b small{font:500 13px var(--num);color:var(--muted)}
.home-hero-carousel .hc-s3 .hc-job span{display:block;font-size:12px;color:var(--faint);margin:2px 0 7px}
.home-hero-carousel .hc-s3 .hc-job .hc-t{height:8px;border-radius:4px;background:#EEF2F0;overflow:hidden}
.home-hero-carousel .hc-s3 .hc-job .hc-t i{display:block;height:100%;width:var(--p);border-radius:4px;background:var(--accent);transition:width .9s var(--ease-out)}
.home-hero-carousel .hc-s3 .hc-job.hc-late .hc-t i{background:var(--warn)}
.home-hero-carousel .hc-s3 .hc-job.hc-new b{color:var(--accent)}
.home-hero-carousel .hc-s3 .hc-shift{margin-top:auto;border-top:1px dashed var(--line);padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-hero-carousel .hc-s3 .hc-shift div{font-size:12px;color:var(--faint)}
.home-hero-carousel .hc-s3 .hc-shift strong{display:block;font:600 22px/1.2 var(--num);color:var(--text)}
.home-hero-carousel .hc-s3 .hc-oa{grid-column:3;grid-row:2}
.home-hero-carousel .hc-s3 .hc-docs{position:relative;flex:1;min-height:92px}
.home-hero-carousel .hc-s3 .hc-doc{position:absolute;inset:0 0 auto;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--muted);line-height:1.75;transition:transform .5s var(--ease-out),opacity .4s}
.home-hero-carousel .hc-s3 .hc-doc b{color:var(--text);font-weight:500}
.home-hero-carousel .hc-s3 .hc-doc.hc-next{transform:translateY(28px);opacity:0}
.home-hero-carousel .hc-s3 .hc-doc.hc-gone{transform:translateY(-28px);opacity:0}
.home-hero-carousel .hc-s3 .hc-seal{position:absolute;right:10px;top:22px;width:52px;height:52px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:13px;font-weight:700;display:grid;place-items:center;transform:rotate(-12deg);opacity:0;z-index:2;background:rgba(255,255,255,.7)}
.home-hero-carousel .hc-s3 .hc-seal.hc-on{animation:hc-stampin .38s cubic-bezier(.3,1.5,.6,1) forwards}
@keyframes hc-stampin{from{opacity:0;transform:rotate(-12deg) scale(1.8)}to{opacity:1;transform:rotate(-12deg) scale(1)}}
.home-hero-carousel .hc-s3 .hc-trail{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--faint)}
.home-hero-carousel .hc-s3 .hc-trail i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.home-hero-carousel .hc-s3 .hc-trail em{width:22px;height:1.5px;background:var(--accent);opacity:.35}
.home-hero-carousel .hc-s3 .hc-crm{grid-column:1;grid-row:3}
.home-hero-carousel .hc-s3 .hc-who{display:flex;gap:10px;align-items:center;font-size:13px}
.home-hero-carousel .hc-s3 .hc-who i{width:32px;height:32px;border-radius:9px;background:var(--tint);color:var(--accent);font-style:normal;font-weight:600;display:grid;place-items:center;flex:none}
.home-hero-carousel .hc-s3 .hc-who small{display:block;color:var(--faint);font-size:12px;transition:color .3s}
.home-hero-carousel .hc-s3 .hc-who .hc-amt{margin-left:auto;font:600 14px var(--num);color:var(--accent);opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s var(--spring)}
.home-hero-carousel .hc-s3 .hc-crm.hc-signed .hc-who .hc-amt{opacity:1;transform:none}
.home-hero-carousel .hc-s3 .hc-crm.hc-signed .hc-who small{color:var(--accent)}
.home-hero-carousel .hc-s3 .hc-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;position:relative}
.home-hero-carousel .hc-s3 .hc-stages div{font-size:12px;color:var(--faint);text-align:center;padding-top:22px;position:relative;transition:color .3s}
.home-hero-carousel .hc-s3 .hc-stages div::before{content:"";position:absolute;top:6px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--line);transition:background-color .3s,box-shadow .3s}
.home-hero-carousel .hc-s3 .hc-stages div.hc-done::before{background:var(--accent)}
.home-hero-carousel .hc-s3 .hc-stages div.hc-on{color:var(--text);font-weight:500}
.home-hero-carousel .hc-s3 .hc-stages div.hc-on::before{background:var(--accent);box-shadow:0 0 0 4px var(--tint)}
.home-hero-carousel .hc-s3 .hc-stages::after{content:"";position:absolute;top:9.5px;left:12.5%;height:1.5px;width:var(--w,50%);background:var(--accent);transition:width .6s var(--ease-out)}
.home-hero-carousel .hc-s3 .hc-board{grid-column:2;grid-row:3}
.home-hero-carousel .hc-s3 .hc-board svg{width:100%;height:64px;margin-top:auto;overflow:visible}
.home-hero-carousel .hc-s3 .hc-board path.hc-ln{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.home-hero-carousel .hc-s3 .hc-board path.hc-ext{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .7s var(--ease-out)}
.home-hero-carousel .hc-s3 .hc-board.hc-up path.hc-ext{stroke-dashoffset:0}
.home-hero-carousel .hc-s3 .hc-board circle{fill:#fff;stroke:var(--accent);stroke-width:2;opacity:0;transition:opacity .3s .5s}
.home-hero-carousel .hc-s3 .hc-board.hc-up circle{opacity:1}
.home-hero-carousel .hc-s3 .hc-ai{grid-column:3/5;grid-row:3;background:var(--text);border-color:var(--text);color:#E9F1EE}
.home-hero-carousel .hc-s3 .hc-ai .hc-tl b{color:#E9F1EE}
.home-hero-carousel .hc-s3 .hc-ai.hc-hot{border-color:#3DDC9E;box-shadow:0 0 0 3px rgba(61,220,158,.25),var(--shadow)}
.home-hero-carousel .hc-s3 .hc-qa{display:flex;flex-direction:column;gap:9px;font-size:14px}
.home-hero-carousel .hc-s3 .hc-q{align-self:flex-end;background:#2B3A35;border-radius:12px 12px 4px 12px;padding:8px 12px;transition:opacity .25s}
.home-hero-carousel .hc-s3 .hc-a{align-self:flex-start;max-width:90%;background:#fff;color:var(--text);border-radius:12px 12px 12px 4px;padding:9px 13px;min-height:40px;line-height:1.6}
.home-hero-carousel .hc-s3 .hc-a small{display:block;font-size:11px;color:var(--accent);margin-bottom:1px}
.home-hero-carousel .hc-s3 .hc-a .hc-cur{display:inline-block;width:1.5px;height:14px;background:var(--accent);vertical-align:-2px;margin-left:1px;animation:hc-blink .8s steps(1) infinite}
.home-hero-carousel .hc-s3 .hc-tile.hc-enter{opacity:0}
.home-hero-carousel .hc-s3.hc-play .hc-tile.hc-enter{animation:hc-drop .62s var(--spring) calc(var(--d,0) * 70ms + 160ms) both}
.home-hero-carousel .hc-s3.hc-play .hc-head.hc-enter{animation-name:hc-rise}
@keyframes hc-drop{from{opacity:0;transform:translateY(-24px) scale(.985)}to{opacity:1;transform:none}}

/* ========== 中等宽度 ========== */
@media (max-width:1180px){

  .home-hero-carousel .hc-s1 h1{font-size:52px}
  .home-hero-carousel .hc-s1 .hc-who{display:none}.home-hero-carousel .hc-s1 .hc-app{min-width:0}
  .home-hero-carousel .hc-s2 h2{font-size:54px}
  .home-hero-carousel .hc-s2 .hc-paper{left:4%}.home-hero-carousel .hc-s2 .hc-sheet{right:3%}.home-hero-carousel .hc-s2 .hc-chat{right:5%}
  .home-hero-carousel .hc-s3 .hc-grid{grid-template-columns:1.2fr 1fr 1fr}
  .home-hero-carousel .hc-s3 .hc-head{grid-column:1/3;grid-row:1}
  .home-hero-carousel .hc-s3 .hc-inv{grid-column:3;grid-row:1}
  .home-hero-carousel .hc-s3 .hc-mes{display:none}
  .home-hero-carousel .hc-s3 .hc-oa{grid-column:3;grid-row:2}
  .home-hero-carousel .hc-s3 .hc-crm{grid-column:1;grid-row:2}.home-hero-carousel .hc-s3 .hc-board{grid-column:2;grid-row:2}
  .home-hero-carousel .hc-s3 .hc-ai{grid-column:1/4;grid-row:3}
  .home-hero-carousel .hc-s3 .hc-grid{grid-template-rows:1.25fr 1fr 170px}
  .home-hero-carousel .hc-s3 .hc-head h2{font-size:44px}.home-hero-carousel .hc-s3 .hc-head p{display:none}
}

/* ========== 手机 ========== */
@media (max-width:760px){
  .home-hero-carousel .hc-btn{height:46px;padding:0 18px;font-size:15px}
  .home-hero-carousel .hc-btn.hc-sm{height:36px;padding:0 14px;font-size:14px}
  .home-hero-carousel{padding:0 10px}
  .home-hero-carousel .hc-stage{height:720px;border-radius:20px}
  .home-hero-carousel .hc-ctrl{height:58px;gap:8px;padding:0 4px}
  .home-hero-carousel .hc-tabs{flex:1}
  .home-hero-carousel .hc-tab{padding:8px 2px}.home-hero-carousel .hc-tab span{font-size:12px;gap:6px}

  .home-hero-carousel .hc-s1 .hc-intro{padding:26px 18px 16px}
  .home-hero-carousel .hc-s1 h1{font-size:33px;line-height:1.22}
  .home-hero-carousel .hc-s1 h1 em{display:block}
  .home-hero-carousel .hc-s1 .hc-row{flex-direction:column;align-items:stretch;gap:16px;margin-top:12px}
  .home-hero-carousel .hc-s1 .hc-lead{font-size:15px}
  .home-hero-carousel .hc-s1 .hc-lead .hc-m-hide{display:none}
  .home-hero-carousel .hc-s1 .hc-actions .hc-btn{flex:1}
  .home-hero-carousel .hc-s1 .hc-bench-wrap{padding:0 10px}
  .home-hero-carousel .hc-s1 .hc-hint{display:none}
  .home-hero-carousel .hc-s1 .hc-bench{border-radius:14px 14px 0 0}
  .home-hero-carousel .hc-s1 .hc-bar{height:auto;flex-wrap:wrap;padding:10px 12px;gap:10px}
  .home-hero-carousel .hc-s1 .hc-seg{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}
  .home-hero-carousel .hc-s1 .hc-seg::-webkit-scrollbar{display:none}
  .home-hero-carousel .hc-s1 .hc-seg button{flex:none;padding:0 13px}
  .home-hero-carousel .hc-s1 .hc-steps{display:flex;margin-left:auto;gap:4px;font-size:12px;color:var(--faint)}
  .home-hero-carousel .hc-s1 .hc-steps span{padding:3px 8px;border-radius:999px;transition:background-color .25s,color .25s}
  .home-hero-carousel .hc-s1 .hc-steps span.hc-on{background:var(--tint);color:var(--accent)}
  .home-hero-carousel .hc-s1 .hc-panes{grid-template-columns:repeat(3,100%);transition:transform .5s var(--ease-out),opacity .18s}
  .home-hero-carousel .hc-s1 .hc-panes[data-step="1"]{transform:translateX(-100%)}
  .home-hero-carousel .hc-s1 .hc-panes[data-step="2"]{transform:translateX(-200%)}
  .home-hero-carousel .hc-s1 .hc-pane{border-right:0;padding:16px}
  .home-hero-carousel .hc-s1 .hc-fields{gap:10px}
  .home-hero-carousel .hc-s1 .hc-flow{flex-direction:row;justify-content:space-between;margin-top:18px}
  .home-hero-carousel .hc-s1 .hc-node{flex-direction:column;gap:6px;text-align:center;padding:4px 0;flex:1}
  .home-hero-carousel .hc-s1 .hc-node:not(:last-child)::after{left:calc(50% + 18px);top:17px;width:calc(100% - 36px);height:2px}
  .home-hero-carousel .hc-s1 .hc-big strong{font-size:40px}
  .home-hero-carousel .hc-s1 .hc-toast{left:12px;right:12px;top:auto;bottom:12px}

  .home-hero-carousel .hc-s2 .hc-in{padding:24px 18px 22px;grid-template-rows:auto auto auto auto;align-content:center;gap:0}
  .home-hero-carousel .hc-s2 h2{font-size:31px;line-height:1.25;white-space:normal}
  .home-hero-carousel .hc-s2 .hc-l2{justify-self:start;margin-top:14px}
  .home-hero-carousel .hc-s2 .hc-mid{margin-top:46px;margin-bottom:34px}
  .home-hero-carousel .hc-s2 .hc-card{width:100%}
  .home-hero-carousel .hc-s2 .hc-paper{left:-4px;top:-38px;width:150px;font-size:14px;padding:9px 11px;line-height:1.45}
  .home-hero-carousel .hc-s2 .hc-sheet{right:-6px;top:-30px;width:168px;font-size:10.5px}
  .home-hero-carousel .hc-s2 .hc-sheet td{padding:3px 5px}
  .home-hero-carousel .hc-s2 .hc-chat{right:auto;left:22%;bottom:-30px;max-width:210px}
  .home-hero-carousel .hc-s2 .hc-chat p{font-size:12.5px;padding:7px 10px}
  .home-hero-carousel .hc-s2 .hc-tail{justify-self:stretch;flex-direction:column;align-items:stretch;gap:14px;margin-top:8px}
  .home-hero-carousel .hc-s2 .hc-tail p{text-align:left;max-width:none;font-size:14px}
  .home-hero-carousel .hc-s2 .hc-actions .hc-btn{flex:1}
  .home-hero-carousel .hc-s2 .hc-replay{display:none}

  .home-hero-carousel .hc-s3 .hc-grid{padding:12px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:10px}
  .home-hero-carousel .hc-s3 .hc-tile{padding:14px;border-radius:14px;gap:8px}
  .home-hero-carousel .hc-s3 .hc-head{grid-column:1/3;grid-row:1;padding:12px 6px 6px;justify-content:flex-start}
  .home-hero-carousel .hc-s3 .hc-head h2{font-size:31px;line-height:1.25}
  .home-hero-carousel .hc-s3 .hc-head p{display:block;font-size:14px;margin-top:10px}
  .home-hero-carousel .hc-s3 .hc-head .hc-actions{margin-top:16px}.home-hero-carousel .hc-s3 .hc-head .hc-actions .hc-btn{flex:1}
  .home-hero-carousel .hc-s3 .hc-head small{display:none}
  .home-hero-carousel .hc-s3 .hc-mes,.home-hero-carousel .hc-s3 .hc-oa,.home-hero-carousel .hc-s3 .hc-board{display:none}
  .home-hero-carousel .hc-s3 .hc-crm{grid-column:1;grid-row:2}
  .home-hero-carousel .hc-s3 .hc-inv{grid-column:2;grid-row:2}
  .home-hero-carousel .hc-s3 .hc-ai{grid-column:1/3;grid-row:3}
  .home-hero-carousel .hc-s3 .hc-tl b{font-size:14px}.home-hero-carousel .hc-s3 .hc-tl .hc-go{display:none}
  .home-hero-carousel .hc-s3 .hc-m-hide{display:none}
  .home-hero-carousel .hc-s3 .hc-ev{right:10px;top:12px;font-size:11px;padding:5px 7px}
  .home-hero-carousel .hc-s3 .hc-big{flex-wrap:wrap;row-gap:2px}.home-hero-carousel .hc-s3 .hc-big span{width:100%}
  .home-hero-carousel .hc-s3 .hc-big strong{font-size:30px}
  .home-hero-carousel .hc-s3 .hc-who{font-size:12.5px}
  .home-hero-carousel .hc-s3 .hc-who .hc-amt{display:none}
  .home-hero-carousel .hc-s3 .hc-stages div{font-size:11px}
  .home-hero-carousel .hc-s3 .hc-qa{font-size:13px}
}

@media (prefers-reduced-motion:reduce){.home-hero-carousel *,.home-hero-carousel *::before,.home-hero-carousel *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}

/* Local typography reset also overrides the site's generic heading rules. */
.home-hero-carousel{color:var(--text);font:16px/1.65 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.home-hero-carousel :is(h1,h2,h3){color:var(--text);letter-spacing:-.015em;margin:0}
.home-hero-carousel p{margin:0}
.home-hero-carousel [hidden]{display:none!important}
.home-hero-carousel .hc-demo-note{padding:0 8px 14px;color:var(--muted);font-size:12px;line-height:1.5}
.home-hero-carousel:not(.hc-enhanced) .hc-enter{opacity:1;animation:none}
.home-hero-carousel:not(.hc-enhanced) .hc-ctrl{display:none}
/* Stop decorative loops when the carousel is outside the visible page. */
.home-hero-carousel.hc-suspended *,.home-hero-carousel.hc-suspended *::before,.home-hero-carousel.hc-suspended *::after{animation-play-state:paused!important;transition:none!important}