.font-pingfang{font-family:PingFang TC,Helvetica Neue,Microsoft JhengHei,Noto Sans TC,sans-serif}.figma-preview{position:relative;font-family:PingFang TC,Helvetica Neue,Microsoft JhengHei,Noto Sans TC,sans-serif}html{scroll-behavior:smooth}.figma-hero{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.figma-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 16px #22ac3814}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.group:hover .transform{transform:translateY(-1px)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:slideInFromBottom .8s ease-out}.animate-fade-scale{animation:fadeInScale .6s ease-out}.wave-animation{width:110%!important;height:100%!important;margin-left:-5%;opacity:.9}.wave-animation path:nth-child(1){animation:subtle-wave-1 6s ease-in-out infinite;transform-origin:center bottom}.wave-animation path:nth-child(2){animation:subtle-wave-2 8s ease-in-out infinite;transform-origin:center bottom}@keyframes subtle-wave-1{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes subtle-wave-2{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}.wave-animation svg{display:block}.logo-float{animation:logo-float 3s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-gradient{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.gradient-text{background:linear-gradient(45deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card{transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.product-card button{transition:all .3s ease}.product-card button:hover{transform:scale(1.05)}.product-card button:active{transform:scale(.95)}.news-card{transition:transform .3s ease,box-shadow .3s ease}.news-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000001a}.chattle-widget{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chattle-button{box-shadow:0 4px 12px #3b82f64d;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%,to{box-shadow:0 4px 12px #3b82f64d}50%{box-shadow:0 4px 20px #3b82f680}}.chattle-window{box-shadow:0 8px 25px #00000026;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chattle-messages{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.chattle-messages::-webkit-scrollbar{width:4px}.chattle-messages::-webkit-scrollbar-track{background:#f7fafc}.chattle-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.chattle-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.user-message .message-bubble{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.system-message .message-bubble{background:#ffffff;border:1px solid #e5e7eb}.typing-indicator{display:flex;align-items:center;padding:8px 12px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;max-width:60px}.typing-dots{display:flex;gap:1px}.typing-dot{width:4px;height:4px;background:#6b7280;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prose{line-height:1.8;color:#374151}.prose h2{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:#1f2937}.prose h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#1f2937}.prose p{margin-bottom:1.5rem}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:2rem}.prose li{margin-bottom:.5rem}.prose img{border-radius:.5rem;margin:2rem 0}.prose blockquote{border-left:4px solid #8b5cf6;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#6b7280}@media (max-width: 640px){.footer-partners-container{min-height:auto!important;height:auto!important;padding:1.5rem 1rem}}@media (max-width: 480px){.copyright-text{font-size:.625rem;line-height:1.2;text-align:center;padding:0 .5rem}}@media (max-width: 640px){.footer-section-title{font-size:.875rem;margin-bottom:.75rem}.footer-section-link{font-size:.8125rem;line-height:1.4}}@media (max-width: 1024px){.product-card .absolute.left-[264px]{left:auto;right:20px}.product-card .absolute.left-[255.34px]{left:auto;right:60px}}@media (max-width: 768px){.product-card{min-width:320px}.product-card .absolute.left-[21.73px]{left:16px;right:16px;width:auto}}@media (max-width: 640px){.chattle-window{width:calc(100vw - 2rem);height:calc(100vh - 8rem);bottom:1rem;right:1rem}.chattle-button{bottom:1rem;right:1rem}}button,.btn{transition:transform .15s ease}button:active,.btn:active{transform:scale(.98)}.hover-shadow:hover{box-shadow:0 10px 25px #00000026}.gradient-button{background:linear-gradient(45deg,#8b5cf6,#3b82f6);transition:all .3s ease}.gradient-button:hover{background:linear-gradient(45deg,#7c3aed,#2563eb);transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.rounded-figma{border-radius:20px}.shadow-figma{box-shadow:0 4px 20px #0000001a}.shadow-figma-lg{box-shadow:0 8px 30px #00000026}.border-figma{border:1px solid rgba(0,0,0,.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-to-content{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:10000;border-radius:4px}.skip-to-content:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
