:root{--font-primary:"Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#374151;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#fff;font-weight:400;line-height:1.5;font-family:var(--font-primary)!important}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{zoom:.9;font-family:var(--font-primary)!important}body,*,:before,:after{font-family:var(--font-primary)!important}h1,h2,h3,h4,h5,h6{font-weight:600;font-family:var(--font-primary)!important}h1{font-weight:700}h2,h3{font-weight:600}h4,h5{font-weight:500}h6{font-weight:400}p,span,div,a,button,input,textarea,select,label,li,td,th,option,legend,fieldset,input,textarea,select,button,optgroup,option,nav,nav *,.nav-item,.breadcrumb,.breadcrumb *,[role=navigation],[role=navigation] *,table,tbody,thead,tr,td,th,ul,ol,li,dl,dt,dd,blockquote,pre,.font-sans,.font-serif,.font-mono,.font-primary,.font-heading,.font-body,.prose,.prose *,::placeholder,:before,:after{font-family:var(--font-primary)!important}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.logo-font{font-weight:700;font-family:Inter,sans-serif!important}code,kbd,samp,pre code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace!important}.dark{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;background-color:#111827}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3afcc}.dark ::-webkit-scrollbar-thumb{background:#4b556380}.dark ::-webkit-scrollbar-thumb:hover{background:#4b5563cc}.logo-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea4d}.dark .logo-gradient{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 4px 15px #4f46e566}.nav-industrial{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e5e7eb33;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.dark .nav-industrial{border-bottom:1px solid #4b556333;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.btn-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hover:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}*{transition:background-color .3s,color .3s,border-color .3s}.premium-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .premium-shadow{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.user-avatar{transition:all .2s ease-in-out}.user-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px #3b82f633}.cart-icon,.wishlist-icon{transition:all .2s ease-in-out}.cart-icon:hover{color:#3b82f6;transform:scale(1.1)}.wishlist-icon:hover{color:#ef4444;transform:scale(1.1)}@media (width<=640px){html{font-size:14px}}@media (width>=641px) and (width<=1024px){html{font-size:15px}}@media (width>=1025px){html{font-size:16px}}@supports ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}}.gradient-border{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:1px solid #0000;position:relative}.dark .gradient-border{background:linear-gradient(#1f2937,#1f2937) padding-box padding-box,linear-gradient(135deg,#4f46e5,#7c3aed) border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.badge{animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[class*=font-],[style*=font-family],article,aside,details,figcaption,figure,footer,header,hgroup,main,mark,nav,section,summary,time,[data-reactroot] *,[id=root] *,.App *,[class*=App] *{font-family:var(--font-primary)!important}.quill-editor-dark .ql-toolbar{z-index:10;background:#1f2937;border-radius:4px 4px 0 0;position:sticky;top:0;border:1px solid #374151!important}.quill-editor-dark .ql-container{color:#f3f4f6;background:#111827;border-radius:0 0 4px 4px;min-height:400px;max-height:500px;overflow-y:auto;border:1px solid #374151!important;border-top:none!important}.quill-editor-dark .ql-editor{color:#f3f4f6;font-size:15px;line-height:1.8}.quill-editor-dark .ql-editor.ql-blank:before{color:#6b7280;font-style:normal}.quill-editor-dark .ql-stroke{stroke:#9ca3af}.quill-editor-dark .ql-fill{fill:#9ca3af}.quill-editor-dark .ql-picker-label{color:#9ca3af}.quill-editor-dark button:hover .ql-stroke,.quill-editor-dark .ql-picker-label:hover .ql-stroke{stroke:#f3f4f6}.quill-editor-dark button:hover .ql-fill,.quill-editor-dark .ql-picker-label:hover .ql-fill{fill:#f3f4f6}.quill-editor-dark .ql-active .ql-stroke{stroke:#60a5fa!important}.quill-editor-dark .ql-active .ql-fill{fill:#60a5fa!important}.h-screen{height:111vh!important}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{letter-spacing:.05em;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:300}.article-content h2{font-size:1.875rem}.article-content h3{font-size:1.5rem}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:1.5rem}.article-content blockquote{color:#6b7280;border-left:2px solid;margin:1.5rem 0;padding-left:1.5rem;font-style:italic}.dark .article-content blockquote{color:#9ca3af}.article-content img{border-radius:.5rem;max-width:100%;height:auto;margin:2rem 0}.article-content a{color:#3b82f6;text-decoration:underline}.article-content a:hover{color:#2563eb}.article-content strong{font-weight:600}.article-content em{font-style:italic}.article-content code{background:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem;font-size:.875em}.dark .article-content code{background:#1f2937}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideUp}