*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{background:#f3f3fa;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#222;-webkit-font-smoothing:antialiased}
p{margin:0}
button{font:inherit;color:inherit;border:0;padding:0;background:none}
button:focus-visible{outline:2px solid #ff5716;outline-offset:4px}
button{cursor:pointer}
button[disabled]{cursor:default}
[hidden]{display:none!important}
#viewport{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
#stage{position:relative;flex:none;width:1280px;height:800px;overflow:hidden;transform:scale(var(--scale,1));transform-origin:center;background:#f3f3fa}
.page-background{position:absolute;inset:0;width:1280px;height:800px;pointer-events:none}
.sidebar{position:absolute;left:0;top:0;width:273px;height:800px;background:rgba(255,255,255,.7);z-index:5}
.customer{position:absolute;top:90px;left:21px;height:26px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.customer strong{font-size:16px;font-weight:600;line-height:26px;margin-right:4px}
.customer span{height:17px;background:#fff3ee;border:.5px solid #ffe8df;border-radius:25px;color:#972d00;font-size:12px;line-height:16px;padding:0 7px}
.record-label{position:absolute;left:21px;top:125px;color:#8b909c;font-size:14px;line-height:24px}
.visit-record{position:absolute;left:12px;top:158px;width:249px;height:44px;border-radius:8px;background:#f7eded;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.visit-record strong{font-size:16px;font-weight:600}
.visit-record span{font-size:14px;color:#999}
.visit-record:active{opacity:.8}
.topbar{position:absolute;left:1px;top:0;width:1280px;height:84px;z-index:10;pointer-events:none}
.topbar img{display:block;width:1279px;height:86px}
#right-viewport{position:absolute;left:273px;top:84px;width:1007px;height:716px;overflow:hidden;touch-action:pan-x}
#hero{position:absolute;left:-273px;top:-84px;width:1280px;height:800px;transition:transform 1000ms cubic-bezier(.22,1,.36,1),opacity 750ms ease;pointer-events:none}
.pingan{position:absolute;left:421px;top:356.56px;width:406.4px;height:66px}
.video-window{position:absolute;left:450px;top:100px;width:230px;height:342px;overflow:hidden}
#annie{position:absolute;left:-450px;top:-100px;width:1280px;height:800px;max-width:none}
#play-video{position:absolute;left:88px;top:185px;background:#fff3ee;color:#ff5716;border-radius:20px;padding:8px 16px;pointer-events:auto}
.greeting{position:absolute;inset:0}
.hello{position:absolute;left:691px;top:144px;font-size:50px;line-height:50px;font-weight:600;letter-spacing:2px;color:#000}
.name{position:absolute;left:828px;top:160px;font-size:23px;line-height:32px;font-weight:300;color:#000}
.welcome{position:absolute;left:692px;top:198px;font-size:23px;line-height:32px;letter-spacing:1px;color:#000}
.bubble{position:absolute;left:905.71px;top:130px;width:85.072px;height:49.088px;object-fit:contain}
.intro-card{position:absolute;left:calc(691px + var(--i)*154px);top:253px;width:144px;height:124px;opacity:0;transform:translateY(22px)}
.intro-card-bg{position:absolute;left:-10px;top:0;width:164px;height:144px}
.intro-icon{position:absolute;left:45px;object-fit:contain}
.icon-one{top:21px;width:54px;height:49px}
.icon-two{top:23px;width:54px;height:44px}
.icon-three{top:18px;left:48px;width:52px;height:54px}
.intro-card p{position:absolute;left:33px;top:84px;white-space:nowrap;font-size:14px;line-height:20px;font-weight:300;color:#000}
.intro-card[data-node-id="11:945"] p{left:12px}
[data-intro]{opacity:0}
.playing .hello{animation:fade-in 850ms ease 150ms both}
.playing .name{animation:fade-in 850ms ease 300ms both}
.playing .welcome{animation:fade-in 850ms ease 450ms both}
.playing .bubble{animation:fade-in 850ms ease 600ms both}
.playing .intro-card{animation:card-in 650ms cubic-bezier(.22,1,.36,1) calc(1100ms + var(--i)*220ms) both}
#decoration{position:absolute;left:149px;top:331px;width:722px;height:371px;mask-image:url('assets/welcome-imgUnion1.svg');mask-position:-137px -38px;mask-size:994px 387px;mask-repeat:no-repeat;transition:transform 1000ms cubic-bezier(.22,1,.36,1),opacity 650ms ease;pointer-events:none}
#decoration>img{position:absolute;inset:0;width:722px;height:371px}
#decoration .rim{top:-.75px;width:722px;height:26.887px}
#conversation-scroll{position:absolute;left:0;top:0;width:1007px;height:716px;overflow:hidden;scrollbar-width:none}
#conversation-scroll::-webkit-scrollbar{display:none}
#conversation{position:relative;width:722px;margin-left:149px;padding-top:386px;padding-bottom:12px;transition:margin-left 1000ms cubic-bezier(.22,1,.36,1),padding-top 1000ms cubic-bezier(.22,1,.36,1)}
#recommendation{position:relative;width:722px;height:695px;border-radius:16px;padding:20px;background:rgba(255,255,255,0);mask-image:linear-gradient(to bottom,#000 138.75px,rgba(0,0,0,.2) 184.85px,transparent 254px);transition:background-color 900ms ease}
#recommendation-body{opacity:0}
.stream-row{opacity:0}
#insight-loading{position:absolute;top:59px;left:20px;width:138px;height:24px;opacity:0}
#insight-loading img{width:138px;height:24px;display:block}
.spinner{position:absolute;left:0;top:6px;width:12px;height:12px;border:1.5px solid #ddd;border-top-color:#ff5716;border-radius:50%;background:#fff;animation:spin .85s linear infinite}
.assistant-line{position:relative;display:flex;align-items:center;gap:10px;height:25px;font-size:14px;line-height:24px;color:#616776;white-space:nowrap}
.avatar{display:inline-block;position:relative;flex:none;width:25px;height:25px;border:1px solid rgba(255,87,22,.06);border-radius:40px;overflow:hidden;background:url('assets/welcome-imgEllipse5488.svg') 0 0/25px 25px no-repeat}
.avatar:after{content:"";position:absolute;left:-3px;top:0;width:32px;height:93px;background:url('assets/welcome-imgImage311.png') center bottom/32px 93px no-repeat}
.assistant-copy{width:268px;font-size:14px;letter-spacing:0}
.chevron{width:16px;height:16px;transform:rotate(180deg) scaleY(-1);margin-left:-7px}
.profile-summary{position:relative;margin-top:14px;width:667px;height:71px}
.profile-summary .quote-line{position:absolute;left:0;top:4px;width:3px;height:63px;background:#d9e0ec}
.profile-summary p{margin-left:14px;width:653px;font-size:14px;line-height:24px;font-weight:400;letter-spacing:0}
.history-link{position:absolute;left:455px;top:50px;width:90px;height:20px;background:#f4f6fb;border-radius:2px;color:#2e5ee1;font-size:14px;line-height:20px;text-align:center;opacity:0}
.business-stage,.advice{margin-top:14px;height:32px;font-size:16px;line-height:32px;color:#2a2929;white-space:nowrap}
.business-stage mark,.advice mark{position:relative;background:linear-gradient(transparent 69%,rgba(255,87,22,.1) 69%,rgba(255,87,22,.1) 88%,transparent 88%);color:inherit;font-weight:500}
.business-stage mark{margin-left:0}
.advice mark{font-weight:600}
.recommendation-actions{margin-top:14px}
.actions-title{font-size:16px;font-weight:600;line-height:28px;height:28px;margin-bottom:12px}
.action-grid{display:grid;grid-template-columns:335px 335px;grid-auto-rows:125px;gap:12px}
.action-card{position:relative;width:335px;height:125px;border-radius:12px;overflow:hidden;text-align:left;transition:transform 160ms ease,filter 160ms ease;pointer-events:none}
.action-bg{position:absolute;inset:0;width:335px;height:125px;object-fit:cover}
.action-title{position:absolute;left:16px;top:24px;display:flex;gap:5px;align-items:center;height:32px;line-height:32px;font-size:16px;font-weight:600}
.required{display:inline-flex;width:34px;height:19px;align-items:center;justify-content:center;line-height:19px;font-size:12px;font-weight:400;background:white;color:#00b500;border-radius:6px}
.action-description{position:absolute;left:16px;top:57px;width:271px;height:48px;font-size:14px;line-height:24px;color:#616776;font-weight:400}
.prepared .action-card{pointer-events:auto}
.prepared .action-card:not([data-card="benefits"]):active{transform:scale(.982);filter:brightness(.985)}
.action-card[data-card="benefits"]{cursor:default}
#enter-preparation{position:absolute;left:438px;top:612px;display:flex;align-items:center;gap:4px;font-size:16px;line-height:25.324px;font-weight:600;color:#ff5716;opacity:0;pointer-events:none;z-index:3}
#enter-preparation img{width:16px;height:16px;transform:rotate(90deg) scaleY(-1)}
#enter-preparation.ready{opacity:1;pointer-events:auto;animation:invite-float 2.6s ease-in-out infinite;transition:opacity 500ms ease}
#enter-preparation:active{filter:brightness(.85)}
.prepared #enter-preparation{opacity:0;pointer-events:none;animation:none;transition:opacity 220ms ease}
.prepared #hero{transform:translate(-6px,-377px);opacity:0}
.prepared #decoration{transform:translate(-6px,-377px);opacity:0}
.prepared #conversation{margin-left:143px;padding-top:9px}
.prepared #conversation-scroll{overflow-y:auto;touch-action:pan-y}
.prepared #recommendation{background:#fff}
.prepared #recommendation-body,.prepared .stream-row,.prepared .history-link{opacity:1}
.prepared #insight-loading{display:none}
#responses{display:flex;flex-direction:column;gap:16px}
.response-pair{display:flex;flex-direction:column;align-items:flex-end;gap:16px;margin-top:16px}
.response-tag{height:36px;padding:4px 16px;background:#ff5716;color:white;border-radius:12px 4px 12px 12px;font-size:16px;line-height:26px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.detail{width:722px;background:#fff;border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.exact-detail{padding:0;display:block;position:relative;overflow:hidden}
.exact-detail>img{display:block;width:722px;height:auto}
.accessible-detail{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.detail .assistant-line{color:#8b909c}
.detail .assistant-copy{width:auto;letter-spacing:0}
.detail-quote{position:relative;padding-left:14px;font-size:14px;line-height:24px;width:676px}
.detail-quote:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;background:#d9e0ec}
.detail strong{font-weight:600}
.detail h2{font-size:18px;font-weight:600;line-height:32px;margin:0}
.detail h3{font-size:16px;line-height:26px;margin:0;font-weight:400}
.detail-items{display:flex;flex-direction:column;gap:12px;width:681px}
.detail-item{position:relative;background:#f8fbff;border-radius:12px;padding:15px 16px 15px 17px}
.detail-item-top{display:flex;align-items:center;gap:8px;min-height:26px}
.detail-item-top strong{font-size:16px;line-height:26px;color:#333;white-space:nowrap}
.detail-item p{margin-top:10px;font-size:14px;line-height:24px;color:#616776}
.topic-label{border:.5px solid rgba(255,87,22,.3);border-radius:8px;padding:0 8px;background:#fff3ed;color:#f24502;font-size:14px;line-height:23px;white-space:nowrap}
.topic-label.gradient{color:#fff;background:linear-gradient(110deg,#ffca43,#ff9736,#ff2bac);border:0}
.detail-arrow{position:absolute;right:16px;top:16px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.04);display:grid;place-items:center}
.detail-arrow img{width:16px;height:16px;transform:rotate(180deg) scaleY(-1)}
.detail-item.outlined{border:.5px solid #bdc8ff;background:#fff;padding:16px 17px}
.detail-item.outlined p{margin-top:10px;line-height:26px;color:#666}
.topic-icon{width:24px;height:24px;flex:none}
.detail-item.outlined.activity{border-color:#ffcfb8}
.activity .detail-arrow{background:#fff3ed;box-shadow:none}
.kyc .detail-arrow{background:#eff3ff;box-shadow:none}
.detail-item.activity p{margin-top:6px}
.policy-table{width:678px;border:.5px solid #dfe5f2;border-radius:8px;overflow:hidden;font-size:14px;color:#666}
.policy-table-row{display:grid;grid-template-columns:178px repeat(4,125px);min-height:106px;border-top:.5px solid #dfe5f2;align-items:center}
.policy-table-row:first-child{border-top:0;min-height:38px;background:#f8fbff}
.policy-table-row>div{padding:0 16px}
.policy-info{height:106px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-right:.5px solid #dfe5f2;line-height:26px}
.policy-info strong{color:#222;font-size:16px}
.policy-info i{font-style:normal;color:#aaa;font-size:12px;margin:0 7px}
.coverage{display:flex;align-items:center;gap:0;color:#009c62;font-weight:500;white-space:nowrap;padding:0 20px!important}
.coverage img{width:24px;height:24px}
.coverage .missing{width:32px;height:32px}
.policy-number{color:#dd650c}
.response-pair.entering{animation:card-in 500ms cubic-bezier(.22,1,.36,1) both}
@keyframes fade-in{from{opacity:0}
to{opacity:1}
}
@keyframes card-in{from{opacity:0;transform:translateY(22px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes spin{to{transform:rotate(360deg)}
}
@keyframes invite-float{0%,100%{transform:translateY(3px)}
50%{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
#enter-preparation.ready{transform:none}
}