*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}.chat-bubble-ai{--un-bg-opacity:1;background-color:rgb(249 250 251/var(--un-bg-opacity));border-radius:1rem 1rem 1rem .375rem;align-self:flex-start;max-width:80%;padding:.75rem 1rem}.chat-bubble-user{--un-bg-opacity:1;background-color:rgb(239 246 255/var(--un-bg-opacity));border-radius:1rem 1rem .375rem;align-self:flex-end;max-width:80%;padding:.75rem 1rem}.rec-card{cursor:pointer;--un-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--un-border-opacity));border-radius:.5rem;padding:.75rem;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rec-card:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible,[visible=""]{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}[rows~="2"]{grid-template-rows:repeat(2,minmax(0,1fr))}.m\[l\]{margin:l}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.inline{display:inline}.block,[block=""]{display:block}.inline-block{display:inline-block}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-12{height:3rem}.h-24{height:6rem}.h-3,.h3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-64{height:16rem}.h-8{height:2rem}.h-full,[h-full=""]{height:100%}.h-screen{height:100vh}.h1{height:.25rem}.h2{height:.5rem}.max-w-4xl,[max-w-4xl=""]{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.min-h-140{min-height:35rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-1\/2{width:50%}.w-3{width:.75rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-60{width:15rem}.w-8{width:2rem}.w-full,[w-full=""]{width:100%}.flex,[flex=""]{display:flex}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform,[transform=""]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer,[cursor-pointer=""]{cursor:pointer}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center,[items-center=""]{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between,[justify-between=""]{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-3>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.75rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.75rem * var(--un-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.25rem * var(--un-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.75rem * var(--un-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.border,[border=""]{border-width:1px}.last\:border-0:last-child{border-width:0}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-amber-100{--un-border-opacity:1;border-color:rgb(254 243 199/var(--un-border-opacity))}.border-blue-400{--un-border-opacity:1;border-color:rgb(96 165 250/var(--un-border-opacity))}.border-gray-100{--un-border-opacity:1;border-color:rgb(243 244 246/var(--un-border-opacity))}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235/var(--un-border-opacity))}.border-gray-50{--un-border-opacity:1;border-color:rgb(249 250 251/var(--un-border-opacity))}.border-green-100{--un-border-opacity:1;border-color:rgb(220 252 231/var(--un-border-opacity))}.border-green-400{--un-border-opacity:1;border-color:rgb(74 222 128/var(--un-border-opacity))}.border-red-400{--un-border-opacity:1;border-color:rgb(248 113 113/var(--un-border-opacity))}.hover\:border-green-300:hover{--un-border-opacity:1;border-color:rgb(134 239 172/var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bg-amber-50{--un-bg-opacity:1;background-color:rgb(255 251 235/var(--un-bg-opacity))}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.bg-blue-400{--un-bg-opacity:1;background-color:rgb(96 165 250/var(--un-bg-opacity))}.bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251/var(--un-bg-opacity))}.bg-green-100{--un-bg-opacity:1;background-color:rgb(220 252 231/var(--un-bg-opacity))}.bg-green-400{--un-bg-opacity:1;background-color:rgb(74 222 128/var(--un-bg-opacity))}.bg-green-50,[bg-green-50=""]{--un-bg-opacity:1;background-color:rgb(240 253 244/var(--un-bg-opacity))}.bg-orange-400{--un-bg-opacity:1;background-color:rgb(251 146 60/var(--un-bg-opacity))}.bg-primary\/10{background-color:#6366f11a}.bg-purple-400{--un-bg-opacity:1;background-color:rgb(192 132 252/var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.bg-white\/50{background-color:#ffffff80}[hover\:bg-gray-50~=default\:]:hover:default,.hover\:bg-gray-50:hover{--un-bg-opacity:1;background-color:rgb(249 250 251/var(--un-bg-opacity))}.hover\:bg-green-50:hover{--un-bg-opacity:1;background-color:rgb(240 253 244/var(--un-bg-opacity))}.from-amber-50{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 251 235/var(--un-from-opacity,1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:#fffbeb00 var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-green-100{--un-gradient-from-position:0%;--un-gradient-from:rgb(220 252 231/var(--un-from-opacity,1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:#dcfce700 var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-green-50{--un-gradient-from-position:0%;--un-gradient-from:rgb(240 253 244/var(--un-from-opacity,1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:#f0fdf400 var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-purple-50{--un-gradient-from-position:0%;--un-gradient-from:rgb(250 245 255/var(--un-from-opacity,1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:#faf5ff00 var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.to-emerald-100{--un-gradient-to-position:100%;--un-gradient-to:rgb(209 250 229/var(--un-to-opacity,1)) var(--un-gradient-to-position)}.to-emerald-50{--un-gradient-to-position:100%;--un-gradient-to:rgb(236 253 245/var(--un-to-opacity,1)) var(--un-gradient-to-position)}.to-orange-50{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 247 237/var(--un-to-opacity,1)) var(--un-gradient-to-position)}.to-pink-50{--un-gradient-to-position:100%;--un-gradient-to:rgb(253 242 248/var(--un-to-opacity,1)) var(--un-gradient-to-position)}.to-white{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255/var(--un-to-opacity,1)) var(--un-gradient-to-position)}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-br{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.object-cover{object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4,[px=""]{padding-left:1rem;padding-right:1rem}.py-1\.5,[py-1\.5=""]{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-2\.5{padding-left:.625rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs,[text-xs=""]{font-size:.75rem;line-height:1rem}.text-amber-400{--un-text-opacity:1;color:rgb(251 191 36/var(--un-text-opacity))}.text-amber-500{--un-text-opacity:1;color:rgb(245 158 11/var(--un-text-opacity))}.text-gray-200{--un-text-opacity:1;color:rgb(229 231 235/var(--un-text-opacity))}.text-gray-300,[text-gray-300=""]{--un-text-opacity:1;color:rgb(209 213 219/var(--un-text-opacity))}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175/var(--un-text-opacity))}.text-gray-500,[text-gray-500=""]{--un-text-opacity:1;color:rgb(107 114 128/var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99/var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81/var(--un-text-opacity))}.text-gray-800{--un-text-opacity:1;color:rgb(31 41 55/var(--un-text-opacity))}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39/var(--un-text-opacity))}.text-green-500,[text-green-500=""]{--un-text-opacity:1;color:rgb(34 197 94/var(--un-text-opacity))}.text-primary,[text-primary=""]{--un-text-opacity:1;color:rgb(99 102 241/var(--un-text-opacity))}.text-red-400{--un-text-opacity:1;color:rgb(248 113 113/var(--un-text-opacity))}.text-red-500{--un-text-opacity:1;color:rgb(239 68 68/var(--un-text-opacity))}.hover\:text-green-700:hover{--un-text-opacity:1;color:rgb(21 128 61/var(--un-text-opacity))}[text-gray-200~=placeholder\:]::placeholder{--un-text-opacity:1;color:rgb(229 231 235/var(--un-text-opacity))}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-relaxed{line-height:1.625}.underline,.hover\:underline:hover{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab,[tab=""]{tab-size:4}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.filter,[filter=""],[filter~=default\:]:default,[filter~=placeholder\:]::placeholder{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform,[transition-transform=""]{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mt-16{margin-top:4rem}.md\:mt-6{margin-top:1.5rem}.md\:max-w-2xl{max-width:42rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-gray-500{--un-text-opacity:1;color:rgb(107 114 128/var(--un-text-opacity))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#app{height:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-enter{animation:.3s ease-out fadeInUp}.chat-bubble-user{word-break:break-word;background:#eff6ff;border-radius:18px 18px 4px;align-self:flex-end;max-width:85%;padding:10px 14px}.chat-bubble-ai{word-break:break-word;background:#f9fafb;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:85%;padding:10px 14px}.rec-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;transition:box-shadow .2s}.rec-card:hover{box-shadow:0 4px 12px #00000014}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-dot{background:#9ca3af;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both typingBounce;display:inline-block}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@media (width<=640px){.chat-bubble-user,.chat-bubble-ai{border-radius:14px 14px 4px;max-width:90%;padding:8px 12px}.rec-card{border-radius:10px;padding:10px}html{font-size:15px}}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter-from,.page-leave-to{opacity:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}