body{font-family:PingFang SC,Microsoft YaHei,sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.chat-enter-active,.chat-leave-active{transition:all .5s ease}.chat-enter-from{opacity:0;transform:translateY(20px)}.chat-leave-to{opacity:0;transform:translateY(-20px)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .5s ease}.slide-fade-enter-from{opacity:0;transform:translate(20px)}.slide-fade-leave-to{opacity:0;transform:translate(-20px)}.scenario-line{background:linear-gradient(to bottom,#10b981,#3b82f6,#84cc16)}.service-table th{background-color:#eff6ff;color:#1e40af;font-weight:700;border:1px solid #bfdbfe;padding:12px}.service-table td{border:1px solid #e2e8f0;color:#334155;padding:12px;vertical-align:middle}.service-title-bar{background:linear-gradient(90deg,#2563eb,#60a5fa);color:#fff;padding:10px 20px;border-radius:8px 8px 0 0;font-weight:700;font-size:1.1rem}.flow-node{@apply rounded shadow-sm text-xs flex items-center justify-center text-center p-2 relative;min-height:36px}.dotted-bg{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:10px 10px}.step-dot{width:10px;height:10px;border-radius:50%;background-color:#e2e8f0;position:relative;z-index:10}.step-dot.active{background-color:#10b981;box-shadow:0 0 0 3px #10b98133}.step-line{position:absolute;left:4px;top:10px;bottom:-20px;width:2px;background-color:#e2e8f0}.step-item:last-child .step-line{display:none}.xc-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:24px;margin-bottom:16px}.qr-pattern{background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.diagram-box{@apply rounded-md flex items-center justify-center text-center text-xs font-medium shadow-sm transition-all hover:shadow-md cursor-default;}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-bounce-slow{animation:bounce-slow 3s infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-fade-in-up{animation:fade-in-up .3s ease-out}.animate-bounce-in{animation:bounce-in .3s ease-out}.animate-fade-in{animation:fadeIn .3s ease-in-out}.responsive-container{max-width:100%;padding:.75rem}@media(min-width:640px){.responsive-container{max-width:640px;padding:1rem}}@media(min-width:768px){.responsive-container{max-width:768px;padding:1.5rem}}@media(min-width:1024px){.responsive-container{max-width:1024px;padding:2rem}}@media(min-width:1280px){.responsive-container{max-width:1280px;padding:2rem}}@media(max-width:767px){.hide-mobile{display:none!important}section{padding-top:2rem;padding-bottom:2rem}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}