.hiw-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:56px 0 0;padding:0;list-style:none;display:grid}.hiw-btn{all:unset;cursor:pointer;width:100%;display:block}.hiw-btn:focus-visible{outline-offset:8px;border-radius:6px;outline:2px solid #34d399}.hiw-step .seg{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.hiw-step .seg i{width:0;height:100%;transition:width 1s var(--ease);background:linear-gradient(90deg,#34d399,#22d3ee);display:block}.hiw-step.lit .seg i{width:100%}.hiw-step .body{gap:14px;margin-top:18px;display:flex}.hiw-step .num{color:#ffffff8c;width:32px;height:32px;transition:color .5s var(--ease),background .5s var(--ease),border-color .5s var(--ease);background:#ffffff0a;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.hiw-step h3{color:#fff9;transition:color .5s var(--ease);margin:0;font-size:17px;font-weight:500}.hiw-step p{color:#ffffff8c;margin:8px 0 0;font-size:14px;line-height:1.6}.hiw-step.lit h3,.hiw-step:hover h3{color:#fff}.hiw-step.now .num{color:#04130d;background:#34d399;border-color:#34d399}.hiw-stage{margin-top:56px;position:relative}.hiw-stage:before{content:"";z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(60% 60%,#10b98133,#06b6d41a 55%,#0000 75%);position:absolute;inset:8% 6% -6%}.hiw-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:20px;display:flex}.hiw-note{color:#ffffff80;max-width:62ch;margin:20px 0 0;font-size:13px;line-height:1.55}@media (max-width:899px){.hiw-steps{grid-template-columns:1fr;gap:26px;margin-top:40px}.hiw-step .seg{display:none}.hiw-step .body{margin-top:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes dot{0%,70%,to{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.cw{--bg:#151718;--panel:#1a1d1e;--raise:#202425;--line:#2b2f31;--ink:#ecedee;--ink-2:#a1a6ac;--ink-3:#8b9096;--wall:#111314;--in:#23272a;--inl:#2e3336;--out:#1a6ad0;--pri:#5ba4f5;--ok:#4cc38a;--okbg:#17352a;--warnbg:#3a2f10;--warn:#ffd166;--av:#2b3340;--avink:#c5d0e6;--sb:#ffffff29;--btn-ink:#fff;--ui:var(--font-inter),"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;z-index:1;font-family:var(--ui);color:var(--ink);text-align:left;background:var(--bg);height:660px;transition:background .3s var(--ease);border-radius:16px;grid-template-columns:56px 300px minmax(0,1fr) 280px;font-size:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.cw svg{flex:none;display:block}.cw .pane{flex-direction:column;min-width:0;min-height:0;display:flex}.cw .av{background:var(--av);width:36px;height:36px;color:var(--avink);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid;position:relative}.cw .av img{border-radius:50%;width:100%;height:100%;display:block}.cw .av.sm{width:32px;height:32px;font-size:12px}.cw .av.xs{width:28px;height:28px;font-size:11px}.cw .av.lg{width:64px;height:64px;font-size:20px}.cw .av .wa{border:2px solid var(--panel);background:#25d366;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:-3px;right:-3px}.cw .rail{background:var(--panel);border-right:1px solid var(--line);color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;padding:14px 0;display:flex}.cw .rail .logo{background:var(--pri);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:10px;font-size:15px;font-weight:700;display:grid}.cw .rail .ic{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.cw .rail .ic.on{background:var(--raise);color:var(--pri)}.cw .rail .sp{flex:1}.cw .clist{background:var(--panel);border-right:1px solid var(--line)}.cw .hd{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.cw .hd strong{font-size:16px;font-weight:600}.cw .hd .ic{color:var(--ink-2)}.cw .tabs{border-bottom:1px solid var(--line);flex:none;gap:16px;padding:0 16px;display:flex}.cw .tabs span{height:40px;color:var(--ink-3);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;font-size:13px;display:inline-flex}.cw .tabs .on{color:var(--pri);border-color:var(--pri);font-weight:500}.cw .tabs i{background:var(--raise);min-width:18px;height:18px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-style:normal;font-weight:600;display:grid}.cw .cards{flex:1;margin:0;padding:0;list-style:none;overflow:hidden}.cw .card{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:76px;padding:0 14px 0 16px;display:flex}.cw .card.active{background:var(--raise)}.cw .card .main{flex:1;gap:3px;min-width:0;display:grid}.cw .card .top{align-items:baseline;gap:8px;display:flex}.cw .card .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.cw .card time{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.cw .card .pv{min-width:0;color:var(--ink-3);align-items:center;gap:5px;font-size:13px;display:flex}.cw .card .pv span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cw .card .pv svg{color:var(--ink-3)}.cw .card.unread .pv{color:var(--ink)}.cw .bd{background:var(--pri);min-width:18px;height:18px;color:var(--btn-ink);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;display:grid}.cw .cchat{background:var(--wall)}.cw .chd{background:var(--bg);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.cw .chd .hn{min-width:0;display:grid}.cw .chd .hn strong{font-size:14px;font-weight:600}.cw .chd .hn small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cw .chd .gr{flex:1}.cw .res{background:var(--ok);color:#fff;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.cw .back{color:var(--ink-2);display:none}.cw .cmsgs{scrollbar-width:thin;scrollbar-color:var(--sb)transparent;min-height:0;transition:opacity .3s var(--ease);flex-direction:column;flex:1;padding:14px 18px 10px;display:flex;overflow-y:auto}.cw .cmsgs::-webkit-scrollbar{width:6px}.cw .cmsgs::-webkit-scrollbar-thumb{background:var(--sb);border-radius:6px}.cw .cmsgs>:first-child{margin-top:auto}.cw .cmsgs.fade{opacity:0}.cw .cday{color:var(--ink-3);animation:pop .32s var(--ease)both;align-self:center;margin:10px 0 6px;font-size:11.5px}.cw .cact{background:var(--raise);color:var(--ink-2);text-align:center;max-width:92%;animation:pop .32s var(--ease)both;border-radius:999px;align-self:center;margin:8px 0;padding:4px 12px;font-size:12px}.cw .cact.demo{background:var(--warnbg);color:var(--warn)}.cw .cm{animation:pop .32s var(--ease)both;align-items:flex-start;gap:8px;margin-top:3px;display:flex}.cw .cm.first{margin-top:10px}.cw .cm.out{flex-direction:row-reverse}.cw .cav{flex:none;width:28px}.cw .stack{flex-direction:column;min-width:0;max-width:min(78%,400px);display:flex}.cw .cm.out .stack{align-items:flex-end}.cw .who{color:var(--ink-3);margin-bottom:3px;font-size:11.5px;font-weight:500}.cw .cb{overflow-wrap:anywhere;border-radius:12px;padding:8px 12px 6px;font-size:13.5px;line-height:19px}.cw .in .cb{background:var(--in);border:1px solid var(--inl);color:var(--ink)}.cw .out .cb{background:var(--out);color:#fff}.cw .cb strong{font-weight:600}.cw .ct{float:right;opacity:.72;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin:6px 0 -3px 12px;font-size:10.5px;line-height:14px;display:inline-flex}.cw .cb:after{content:"";clear:both;display:block}.cw .cb.ph{width:250px;max-width:100%;padding:4px 4px 6px}.cw .cb.ph img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:9px;width:100%;display:block}.cw .cb.ph .ct{float:none;justify-content:flex-end;margin:4px 0 0;padding:0 6px;display:flex}.cw .cb.tp{padding:12px 14px}.cw .dots{gap:4px;display:flex}.cw .dots i{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite dot}.cw .in .dots{color:var(--ink-3)}.cw .out .dots{color:#fff}.cw .dots i:nth-child(2){animation-delay:.15s}.cw .dots i:nth-child(3){animation-delay:.3s}.cw .reply{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex:none;margin:0 14px 14px}.cw .rt{border-bottom:1px solid var(--line);gap:18px;padding:0 14px;display:flex}.cw .rt span{height:34px;color:var(--ink-3);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:12.5px;display:inline-flex}.cw .rt .on{color:var(--pri);border-color:var(--pri);font-weight:500}.cw .rbox{height:44px;color:var(--ink-3);padding:10px 14px;font-size:13px}.cw .rb{color:var(--ink-3);align-items:center;gap:14px;padding:0 10px 10px 14px;display:flex}.cw .rb .gr{flex:1}.cw .send{background:var(--pri);height:30px;color:var(--btn-ink);border-radius:8px;align-items:center;padding:0 14px;font-size:12.5px;font-weight:500;display:inline-flex}.cw .cinfo{background:var(--panel);border-left:1px solid var(--line);overflow:hidden}.cw .cinfo .body{flex:1;min-height:0;overflow:hidden}.cw .ct-card{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:3px;padding:22px 18px 18px;display:flex}.cw .ct-card strong{margin-top:8px;font-size:15px;font-weight:600}.cw .ct-card span{color:var(--ink-3);font-size:12.5px}.cw .grp{border-bottom:1px solid var(--line);padding:14px 18px}.cw .grp h4{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:11.5px;font-weight:600}.cw .kv{justify-content:space-between;align-items:center;gap:10px;min-height:30px;font-size:13px;display:flex}.cw .kv>span:first-child{color:var(--ink-3)}.cw .val{background:var(--raise);transition:background .3s var(--ease);border-radius:8px;align-items:center;gap:7px;padding:3px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.cw .val .av{width:20px;height:20px;font-size:9px}.cw .ai-head{align-items:center;gap:10px;display:flex}.cw .ai-head .n{flex:1;font-size:13.5px;font-weight:600}.cw .pill{background:var(--okbg);color:var(--ok);white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.cw .pill.off{background:var(--raise);color:var(--ink-2)}.cw .ai-tx{color:var(--ink-3);margin:10px 0 0;font-size:12.5px;line-height:1.5}@media (max-width:1099px){.cw{grid-template-columns:56px 280px minmax(0,1fr)}.cw .cinfo{display:none}}@media (max-width:899px){.cw{grid-template-columns:280px minmax(0,1fr)}.cw .rail{display:none}}@media (max-width:759px){.cw{grid-template-columns:1fr;height:660px}.cw .clist{display:none}.cw .back{display:block}.cw .cmsgs{padding-inline:12px}.cw .stack{max-width:84%}.cw .cb.ph{width:210px}.cw .rb .ic-opt{display:none}}.cw .res{color:#04170d}.cw .send{color:#06182e}@media (prefers-reduced-motion:reduce){.cw *,.cw :before,.cw :after,.hiw-step *,.hiw-step :before,.hiw-step :after{transition:none!important;animation:none!important}}