.sui{--g: #e8608f;--g2: #b36998;--ink: #241f3d;--panel-top: 10%;position:fixed;inset:0;z-index:60;overflow:hidden;color:#fff;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.45;-webkit-tap-highlight-color:transparent;background:radial-gradient(70% 60% at 28% 90%,rgb(119 119 216 / .42),transparent 65%),radial-gradient(50% 45% at 92% 6%,rgb(179 105 152 / .3),transparent 70%),linear-gradient(180deg,#110f26db,#261f4ebd 58%,#16132ce6);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);transition:opacity .28s ease}.sui *,.sui *:before,.sui *:after{box-sizing:border-box}.sui.is-leaving{opacity:0;pointer-events:none}.sui.is-waiting,.sui.is-waiting *{animation-play-state:paused!important}.sui.is-reduced,.sui.is-reduced *{animation:none!important;transition:none!important}:where(.sui) button{font:inherit;cursor:pointer;touch-action:manipulation}:where(.sui) :is(button,input):focus-visible{outline:3px solid #fff;outline-offset:2px}.sui-sky{position:absolute;inset:0;pointer-events:none;opacity:.85;background-image:radial-gradient(1.6px 1.6px at 8% 14%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 19% 38%,#fff 50%,transparent 52%),radial-gradient(1.8px 1.8px at 33% 8%,#ffe9c4 50%,transparent 52%),radial-gradient(1.2px 1.2px at 46% 26%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 58% 12%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 71% 31%,#dcd4ff 50%,transparent 52%),radial-gradient(1.8px 1.8px at 84% 18%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 94% 42%,#fff 50%,transparent 52%),radial-gradient(1.4px 1.4px at 4% 58%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 52% 52%,#fff 50%,transparent 52%),radial-gradient(1.6px 1.6px at 66% 70%,#ffe9c4 50%,transparent 52%),radial-gradient(1.2px 1.2px at 88% 76%,#fff 50%,transparent 52%),radial-gradient(1.4px 1.4px at 14% 84%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 39% 92%,#dcd4ff 50%,transparent 52%);animation:sui-twinkle 5s ease-in-out infinite}.sui-canvas{position:absolute;inset:0;touch-action:pan-y}.sui-canvas.is-hover-side{cursor:pointer}.sui-canvas canvas{display:block}.sui-stage{position:absolute;left:6%;width:44%;top:11%;height:71%;pointer-events:none}.sui-stage>*{pointer-events:auto}.sui-arrow{position:absolute;top:48%;width:64px;height:64px;margin-top:-32px;display:grid;place-items:center;padding:0 0 4px;border-radius:50%;border:2px solid rgb(255 255 255 / .5);background:#19172d73;color:#fff;font-size:38px;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s,background-color .15s}.sui-arrow:hover{background:#fff3;transform:scale(1.06)}.sui-arrow:active{transform:scale(.94)}.sui-arrow.is-prev{left:0}.sui-arrow.is-next{right:0}.sui-plate{position:absolute;left:50%;top:100%;margin-top:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:100%;text-align:center;pointer-events:none;animation:sui-plate .45s ease both}.sui-plate b{font-size:34px;font-weight:800;letter-spacing:.06em;line-height:1.15;white-space:nowrap;text-shadow:0 2px 18px var(--g),0 1px 2px rgb(0 0 0 / .45)}.sui-plate span{font-size:16px;font-weight:700;padding:4px 14px;border-radius:999px;background:#ffffff24;border:1px solid rgb(255 255 255 / .3)}.sui-top{position:absolute;top:16px;left:16px;right:16px;z-index:3;display:flex;align-items:center;gap:8px;pointer-events:none}.sui-top>*{pointer-events:auto}.sui-skip,.sui-back{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgb(255 255 255 / .45);background:#19172d80;color:#fff;font-size:15px;font-weight:700;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sui-skip{margin-left:auto}.sui-skip:hover,.sui-back:hover{background:#ffffff2e}.sui-brand{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px 0 10px;border-radius:999px;background:#19172d80;border:1px solid rgb(255 255 255 / .3);font-size:17px;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sui-brand img{width:36px;height:auto;display:block}a.sui-brand{color:#fff;text-decoration:none;cursor:pointer}.sui-langs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#19172d80;border:1px solid rgb(255 255 255 / .3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sui-langs button{min-width:46px;min-height:42px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.sui-langs button.is-on{background:#fff;color:var(--ink)}.sui-sound{flex:none;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgb(255 255 255 / .45);background:#19172d80;color:#fff;font-size:20px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sui-sound~.sui-skip{margin-left:0}.sui-skip-short{display:none}@media(max-width:440px){.sui-top:has(.sui-sound) .sui-skip-long{display:none}.sui-top:has(.sui-sound) .sui-skip-short{display:inline}}.sui-top>.sui-sound{margin-left:auto}.sui-sound:hover{background:#ffffff2e}.sui-sound:not(.is-on){opacity:.75}.sui-bubble.has-say{padding-right:calc(var(--px) + 44px)}.sui-bubble.has-say .sui-typed{right:calc(var(--px) + 44px)}.sui-say{position:absolute;top:50%;right:8px;translate:0 -50%;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#19172d14;color:var(--ink);font-size:19px;line-height:1;cursor:pointer}.sui-say:hover{background:#19172d24}.sui-say.is-on{background:linear-gradient(135deg,var(--g),var(--g2));color:#fff}.sui-say.is-loading{animation:sui-saying 1s ease-in-out infinite}@keyframes sui-saying{50%{opacity:.55}}.sui-panel{position:absolute;z-index:2;right:max(24px,4vw);width:clamp(420px,40vw,600px);top:var(--panel-top);bottom:4%;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sui-head{display:flex;align-items:center;gap:12px;min-height:48px}.sui-steps{margin-left:auto;padding:6px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgb(255 255 255 / .25);font-size:15px;font-weight:700;white-space:nowrap}.sui-chat{display:flex;flex-direction:column;gap:10px}.sui-merow{display:flex;align-items:center;justify-content:flex-end;gap:8px}.sui-merow .sui-steps{margin-left:0;margin-right:auto}.sui-bubble{--py: 14px;--px: 18px;position:relative;margin:0;max-width:92%;padding:var(--py) var(--px);border-radius:22px;font-size:18px;font-weight:600;line-height:1.5;animation:sui-bubble .35s ease both}.sui-bubble.is-guide{align-self:flex-start;background:#fff;color:var(--ink);border-top-left-radius:8px;box-shadow:0 8px 24px #0a081e47}.sui-bubble.is-now:before{content:"";position:absolute;left:-10px;top:12px;border:10px solid transparent;border-left:0;border-right-color:#fff}.sui-bubble.is-old{--py: 10px;--px: 16px;font-size:16px;opacity:.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sui-bubble.is-me{max-width:86%;background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;border-top-right-radius:8px;box-shadow:0 8px 22px #0a081e40}.sui-bubble.is-now{animation-delay:.08s}.sui-ghost{visibility:hidden}.sui-typed{position:absolute;top:var(--py);left:var(--px);right:var(--px)}.sui-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:sui-blink .9s steps(1) infinite}.sui-sr{position:absolute!important;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sui-opts{display:grid;grid-template-columns:1fr;gap:10px}.sui-opt{display:flex;align-items:center;gap:14px;min-height:58px;padding:7px 18px 7px 9px;border-radius:18px;border:2px solid transparent;background:#fffffff2;color:var(--ink);font-size:17px;font-weight:700;line-height:1.35;text-align:left;box-shadow:0 6px 18px #0a081e38;transition:transform .15s,border-color .15s;animation:sui-pop .35s ease both;animation-delay:calc(var(--i, 0) * 45ms + .16s)}.sui-opt:hover{border-color:var(--g);transform:translate(4px)}.sui-opt:active{transform:scale(.98)}.sui-opt-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:22px;background:color-mix(in srgb,var(--g) 14%,#fff)}.sui-opt-label{flex:1;min-width:0}.sui-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;animation:sui-pop .35s .3s ease both}.sui-name{flex:1 1 260px;min-width:0;display:flex;align-items:center;gap:12px;padding:5px 5px 5px 16px;border-radius:18px;background:#ffffff1f;border:1px solid rgb(255 255 255 / .26)}.sui-name>span{font-size:16px;font-weight:700;white-space:nowrap}.sui-name input{flex:1;min-width:0;height:46px;padding:0 14px;border:0;border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-size:17px}.sui-name input::placeholder{color:#8a84a6}.sui-consent{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:40px;font-size:15px;font-weight:600;cursor:pointer}.sui-consent input{width:22px;height:22px;margin:0;accent-color:var(--g)}@media(max-height:820px){.sui-opts[data-n="6"]{grid-template-columns:1fr 1fr}.sui-opts[data-n="6"] .sui-opt{padding-right:12px;gap:10px}}@media(max-width:760px),(max-aspect-ratio:4/5){.sui{--sheet: clamp(312px, 40%, 420px);--plate: 46px;--top: 62px}.sui-stage{left:0;width:100%;top:var(--top);height:calc(100% - var(--sheet) - var(--top) - var(--plate))}.sui-arrow{width:52px;height:52px;margin-top:-26px;font-size:30px}.sui-arrow.is-prev{left:10px}.sui-arrow.is-next{right:10px}.sui-plate{flex-direction:row;justify-content:center;gap:10px;margin-top:6px;width:calc(100% - 24px)}.sui-plate b{flex:none;font-size:24px}.sui-plate span{min-width:0;font-size:15px;padding:2px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-top{top:10px;left:10px;right:10px;gap:6px}.sui-skip,.sui-back{padding:0 14px}.sui-sound{width:46px;height:46px;font-size:18px}.sui-bubble.has-say{padding-right:calc(var(--px) + 40px)}.sui-bubble.has-say .sui-typed{right:calc(var(--px) + 40px)}.sui-say{width:40px;height:40px;right:6px;font-size:17px}.sui-brand{padding:0 8px;min-height:46px}.sui-brand b{display:none}.sui-brand img{width:30px}.sui-langs button{min-width:38px;min-height:40px;padding:0 6px;font-size:14px}.sui-panel{inset:auto 12px 10px;width:auto;max-width:640px;margin:0 auto;height:calc(var(--sheet) - 16px);gap:10px}.sui-panel>:first-child{margin-top:auto}.sui-chat{gap:8px}.sui-bubble{--py: 10px;--px: 14px;font-size:16px;line-height:1.45;border-radius:18px;max-width:100%}.sui-bubble.is-me{max-width:78%}.sui-bubble.is-now:before{display:none}.sui-bubble.is-old{display:none}.sui-steps{padding:4px 12px}.sui-opts{grid-template-columns:1fr 1fr;gap:8px}.sui-opt{min-height:52px;gap:8px;padding:5px 10px 5px 6px;border-radius:16px;font-size:15px;line-height:1.3}.sui-opt:hover{transform:none}.sui-opt-icon{width:34px;height:34px;font-size:18px}.sui-form{flex-wrap:nowrap;gap:8px}.sui-name{flex:1 1 auto;padding:0;background:none;border:0}.sui-name-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sui-name input{height:46px;font-size:16px;padding:0 12px}.sui-consent{min-height:46px;gap:6px;font-size:14px;line-height:1.2;max-width:46%}.sui-consent input{width:20px;height:20px;flex:none}}@media(max-width:760px)and (max-height:720px),(max-aspect-ratio:4/5)and (max-height:720px){.sui{--plate: 42px}.sui-plate{margin-top:4px;gap:8px}.sui-plate b{letter-spacing:.02em}.sui-plate span{font-size:14px;padding:2px 10px}.sui-panel{gap:8px}.sui-chat,.sui-opts{gap:6px}.sui-opt{min-height:48px;padding:4px 8px 4px 5px;line-height:1.25}.sui-opt-icon{width:30px;height:30px;font-size:16px}}.brand-mq{display:inline-grid;vertical-align:middle;overflow:hidden;line-height:1.35;padding:.06em 0}.brand-mq-item{grid-area:1 / 1;white-space:nowrap;animation:brand-mq 10s ease-in-out infinite}.brand-mq-item:nth-child(3){animation-delay:-5s}.brand-mq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand-mq.is-still .brand-mq-item{animation:none}.brand-mq.is-still .brand-mq-item:nth-child(3){visibility:hidden}@media(prefers-reduced-motion:reduce){.brand-mq-item,.sui-say.is-loading{animation:none}.brand-mq-item:nth-child(3){visibility:hidden}}@keyframes brand-mq{0%,44%{opacity:1;translate:0 0}50%{opacity:0;translate:0 -90%}50.01%,94%{opacity:0;translate:0 90%}to{opacity:1;translate:0 0}}@keyframes sui-bubble{0%{opacity:0;translate:0 10px;scale:.98}to{opacity:1;translate:none;scale:none}}@keyframes sui-pop{0%{opacity:0;scale:.96}to{opacity:1;scale:none}}@keyframes sui-plate{0%{opacity:0;translate:0 8px}to{opacity:1;translate:none}}@keyframes sui-blink{50%{opacity:0}}@keyframes sui-twinkle{50%{opacity:.5}}
