*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;min-height:100vh;width:100%;max-width:100vw;background:#fff;transition:background .3s ease;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden}#app{width:100%;max-width:100vw;min-height:100vh}.frosted-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06)}.quality-white{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.quality-gray{background:rgba(204,204,204,.1);border-color:rgba(204,204,204,.3)}.quality-blue{background:rgba(52,152,219,.1);border-color:rgba(52,152,219,.3)}.quality-pink{background:rgba(255,105,180,.1);border-color:rgba(255,105,180,.3)}.quality-red{background:rgba(231,76,60,.1);border-color:rgba(231,76,60,.3)}.quality-orange{background:rgba(243,156,18,.1);border-color:rgba(243,156,18,.3)}.quality-gold{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.3)}.new-item-badge{position:relative}.new-item-badge:before{content:"新";position:absolute;top:-4px;left:-4px;background:#e74c3c;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:50%;z-index:10}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gap-4{gap:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-6{gap:1.5rem}.max-w-1200{max-width:1200px}.mx-auto{margin-left:auto;margin-right:auto}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-center{text-align:center}.text-gray-600{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-blue-600{color:#2563eb}.text-red-500{color:#ef4444}.text-white{color:#fff}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mr-6{margin-right:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:rgba(255,255,255,.2);color:#374151}.btn-secondary:hover{background:rgba(255,255,255,.3)}.input{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);color:#374151}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.card{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(31,38,135,.37);padding:1rem;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(31,38,135,.5)}.nav{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:50;border-radius:0}.sidebar{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);width:16rem;height:-moz-fit-content;height:fit-content;position:sticky;top:5rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(hover:none)and (pointer:coarse){button,a,input,select,textarea{min-height:44px}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}}@media(max-width:768px){.sidebar{display:none}.container{padding:0 .5rem}}@media(min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:block{display:block}.md\\:hidden{display:none}.md\\:flex{display:flex}}@media(min-width:1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:374px){.container{padding:0 .375rem}html{font-size:14px}}@media(min-width:1920px){.container{max-width:1600px}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.hidden{display:none}.block{display:block}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-20{top:5rem}.z-50{z-index:50}.w-full{width:100%}.w-64{width:16rem}.h-fit{height:-moz-fit-content;height:fit-content}.min-h-screen{min-height:100vh}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from: #dbeafe;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0))}.to-purple-100{--tw-gradient-to: #ede9fe}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:text-blue-600:hover{color:#2563eb}.hover\\:text-blue-800:hover{color:#1e40af}.hover\\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-16{width:4rem}.w-20{width:5rem}.w-48{width:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.max-w-4xl{max-width:56rem}.max-h-\[90vh\]{max-height:90vh}.top-1{top:.25rem}.top-2{top:.5rem}.right-1{right:.25rem}.right-2{right:.5rem}.left-3{left:.75rem}.top-2\.5{top:.625rem}.-top-1{top:-.25rem}.-left-1{left:-.25rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.text-right{text-align:right}.text-left{text-align:left}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-blue-500{background-color:#3b82f6}.bg-red-500{background-color:#ef4444}.bg-green-500{background-color:#10b981}.bg-green-600{background-color:#059669}.bg-opacity-10{--tw-bg-opacity: .1}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-50{--tw-bg-opacity: .5}.border-white{border-color:#fff}.border-opacity-20{--tw-border-opacity: .2}.border-opacity-30{--tw-border-opacity: .3}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-green-700:hover{background-color:#047857}.hover\:text-blue-700:hover{color:#1d4ed8}.hover\:text-green-700:hover{color:#047857}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.pt-4{padding-top:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-y-6>*+*{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.no-underline{text-decoration:none}.underline{text-decoration:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-dashed{border-style:dashed}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-green-600{color:#059669}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-500{--tw-ring-color: #3b82f6}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-transparent{--tw-ring-offset-color: transparent}.dark{color-scheme:dark}.dark body,.dark html,.dark #app{background:#2d3748!important;color:#e2e8f0}.dark .frosted-card{background:rgba(15,23,42,.8)!important;border-color:rgba(71,85,105,.4)!important;box-shadow:0 8px 32px rgba(0,0,0,.5)!important}.dark .text-gray-700,.dark .text-gray-800{color:#f1f5f9!important}.dark .text-gray-600{color:#cbd5e1!important}.dark .text-gray-500{color:#94a3b8!important}.dark .text-gray-400{color:#64748b!important}.dark .text-blue-600,.dark .text-blue-700{color:#60a5fa!important}.dark .text-blue-800{color:#93c5fd!important}.dark .text-red-500{color:#f87171!important}.dark .text-red-600{color:#ef4444!important}.dark .text-green-600{color:#4ade80!important}.dark .bg-white{background-color:rgba(30,41,59,.6)!important}.dark .bg-gray-50{background-color:rgba(30,41,59,.3)!important}.dark .bg-gray-100{background-color:rgba(51,65,85,.5)!important}.dark .bg-gray-200{background-color:rgba(51,65,85,.7)!important}.dark .bg-blue-500{background-color:#3b82f6!important}.dark .bg-opacity-50{background-color:rgba(30,41,59,.5)!important}.dark .border-gray-200{border-color:rgba(71,85,105,.5)!important}.dark .border-white{border-color:rgba(148,163,184,.3)!important}.dark .hover\:bg-gray-100:hover{background-color:rgba(51,65,85,.6)!important}.dark .hover\:bg-gray-300:hover{background-color:rgba(71,85,105,.7)!important}.dark .hover\:text-blue-600:hover,.dark .hover\:text-blue-700:hover,.dark .hover\:text-blue-800:hover{color:#93c5fd!important}.dark .hover\:text-red-600:hover{color:#fca5a5!important}.dark input{background-color:rgba(30,41,59,.7)!important;border-color:rgba(71,85,105,.5)!important;color:#f1f5f9!important}.dark input::-moz-placeholder{color:#64748b!important}.dark input::placeholder{color:#64748b!important}.dark input:focus{border-color:#3b82f6!important;background-color:rgba(30,41,59,.9)!important}.dark button{color:#e2e8f0}.dark .theme-toggle-btn{color:#f1f5f9;background:rgba(51,65,85,.5)}.dark .theme-toggle-btn:hover{background:rgba(71,85,105,.7)}.dark .item-card{background:rgba(15,23,42,.8)!important;border-color:rgba(71,85,105,.5)!important}.dark .item-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.6)!important}.dark .item-image-container{background:rgba(30,41,59,.6)!important}.dark .item-name{color:#f1f5f9!important}.dark .item-id{color:#94a3b8!important}.dark .copy-button{background:rgba(59,130,246,.25)!important;color:#60a5fa!important}.dark .copy-button:hover{background:rgba(59,130,246,.4)!important}.dark .category-item{color:#cbd5e1}.dark .category-item:hover{background-color:rgba(51,65,85,.6)!important}.dark .category-item.active{background-color:rgba(59,130,246,.3)!important;color:#60a5fa!important}.dark .config-link{color:#4ade80!important}.dark .config-link:hover{background-color:rgba(51,65,85,.6)!important}.dark .quality-white{border-color:rgba(255,255,255,.6)!important}.dark .quality-gray{border-color:rgba(156,163,175,.7)!important}.dark .quality-blue{border-color:rgba(59,130,246,.8)!important}.dark .quality-pink{border-color:rgba(236,72,153,.8)!important}.dark .quality-red{border-color:rgba(239,68,68,.8)!important}.dark .quality-orange{border-color:rgba(249,115,22,.8)!important}.dark .quality-gold{border-color:rgba(234,179,8,.9)!important}.dark .new-badge{background:#dc2626!important;color:#fff!important}.dark .selected-indicator{background:#3b82f6!important}.dark .animate-spin{border-color:#3b82f6!important}.dark a{color:#60a5fa}.dark a:hover{color:#93c5fd}.dark ::-webkit-scrollbar-track{background:rgba(15,23,42,.5)}.dark ::-webkit-scrollbar-thumb{background:rgba(71,85,105,.5)}.dark ::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,.7)}input[type=text],input[type=search],input[type=email],input[type=number],input[type=tel],input[type=url],input[type=password],textarea,select,.search-input,.text-input,.format-input,.connector-input,.edit-textarea{font-size:16px!important}input::-moz-placeholder,textarea::-moz-placeholder{font-size:16px!important}input::placeholder,textarea::placeholder{font-size:16px!important}@media(max-width:768px){input[type=text],input[type=search],input[type=email],input[type=number],input[type=tel],input[type=url],input[type=password],textarea,select{font-size:16px!important}}.modal-overlay[data-v-21236a3e]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal-container[data-v-21236a3e]{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.1);width:100%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-21236a3e]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.header-actions[data-v-21236a3e]{display:flex;align-items:center}.header-actions[data-v-21236a3e]>*+*{margin-left:1rem}.mode-toggle[data-v-21236a3e]{display:flex;background:#f3f4f6;padding:.25rem;border-radius:.5rem}.mode-toggle[data-v-21236a3e]>*+*{margin-left:.5rem}.mode-btn[data-v-21236a3e]{padding:.5rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.mode-btn[data-v-21236a3e]:hover{background:#e5e7eb;color:#374151}.mode-btn.active[data-v-21236a3e]{background:#fff;color:#2563eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.modal-title[data-v-21236a3e]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.close-button[data-v-21236a3e]{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);color:#6b7280;cursor:pointer;padding:0;border-radius:50%!important;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-shrink:0;box-sizing:border-box}.close-button svg[data-v-21236a3e]{width:20px;height:20px}.close-button[data-v-21236a3e]:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444;transform:scale(1.05)}.modal-content[data-v-21236a3e]{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch;min-height:0;overscroll-behavior:contain}.empty-state[data-v-21236a3e]{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.items-list[data-v-21236a3e]{display:flex;flex-direction:column}.items-list[data-v-21236a3e]>*+*{margin-top:12px}.list-item[data-v-21236a3e]{display:flex;align-items:center;padding:12px;background:rgba(255,255,255,.8);border-radius:12px;position:relative}.list-item[data-v-21236a3e]>*+*{margin-left:16px}.list-item-image[data-v-21236a3e]{width:80px;height:80px;flex-shrink:0;background:rgba(255,255,255,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px}.list-item-info[data-v-21236a3e]{flex:1}.list-item-info .item-name[data-v-21236a3e]{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.list-item-info .item-id[data-v-21236a3e]{font-size:14px;color:#6b7280}.items-compare[data-v-21236a3e]{display:flex;flex-direction:column}.items-compare[data-v-21236a3e]>*+*{margin-top:16px}.compare-row[data-v-21236a3e]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.compare-item[data-v-21236a3e]{display:flex;align-items:center;padding:12px;background:rgba(255,255,255,.8);border-radius:12px;position:relative}.compare-item[data-v-21236a3e]>*+*{margin-left:12px}.compare-item-image[data-v-21236a3e]{width:60px;height:60px;flex-shrink:0;background:rgba(255,255,255,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px}.compare-item-info[data-v-21236a3e]{flex:1;min-width:0}.item-number[data-v-21236a3e]{font-size:14px;font-weight:700;color:#3b82f6;margin-right:4px}.compare-item-info .item-name[data-v-21236a3e]{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-item-info .item-id[data-v-21236a3e]{font-size:12px;color:#6b7280}.compare-divider[data-v-21236a3e]{font-size:24px;font-weight:300;color:#9ca3af;text-align:center}.compare-item-placeholder[data-v-21236a3e]{height:84px}.items-grid[data-v-21236a3e]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.items-grid[data-v-21236a3e]{grid-template-columns:repeat(4,1fr)}}.item-image-container[data-v-21236a3e]{width:100%;height:120px;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.item-image[data-v-21236a3e]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.modal-footer[data-v-21236a3e]{padding:20px;border-top:1px solid rgba(0,0,0,.1);background:rgba(248,250,252,.8);display:flex;flex-direction:column}.modal-footer[data-v-21236a3e]>*+*{margin-top:16px}@media(min-width:768px){.modal-footer[data-v-21236a3e]{flex-direction:row;justify-content:space-between;align-items:center}.modal-footer[data-v-21236a3e]>*+*{margin-top:0;margin-left:16px}}.connector-settings[data-v-21236a3e]{display:flex;flex-wrap:wrap;align-items:center;margin:-6px}.connector-settings[data-v-21236a3e]>*{margin:6px}.input-group[data-v-21236a3e]{display:flex;align-items:center}.input-group[data-v-21236a3e]>*+*{margin-left:6px}.input-label[data-v-21236a3e]{font-size:14px;color:#4b5563;white-space:nowrap}.connector-input[data-v-21236a3e]{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:80px;background:#fff}.connector-input-small[data-v-21236a3e]{width:60px}.connector-input[data-v-21236a3e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.action-buttons[data-v-21236a3e]{display:flex;flex-wrap:wrap}.action-buttons[data-v-21236a3e]>*{margin:6px}.action-buttons[data-v-21236a3e]{margin:-6px}.action-btn[data-v-21236a3e]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.primary-btn[data-v-21236a3e]{background:#3b82f6;color:#fff}.primary-btn[data-v-21236a3e]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.secondary-btn[data-v-21236a3e]{background:#10b981;color:#fff}.secondary-btn[data-v-21236a3e]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.action-btn[data-v-21236a3e]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.quality-white[data-v-21236a3e]{border:2px solid rgba(255,255,255,.5);background:rgba(255,255,255,.15)!important}.quality-gray[data-v-21236a3e]{border:2px solid rgba(156,163,175,.6);background:rgba(156,163,175,.15)!important}.quality-blue[data-v-21236a3e]{border:2px solid rgba(59,130,246,.8);background:rgba(59,130,246,.15)!important}.quality-pink[data-v-21236a3e]{border:2px solid rgba(236,72,153,.8);background:rgba(236,72,153,.15)!important}.quality-red[data-v-21236a3e]{border:2px solid rgba(239,68,68,.8);background:rgba(239,68,68,.15)!important}.quality-orange[data-v-21236a3e]{border:2px solid rgba(249,115,22,.8);background:rgba(249,115,22,.15)!important}.quality-gold[data-v-21236a3e]{border:2px solid rgba(245,158,11,.8);background:rgba(245,158,11,.15)!important}@media(max-width:768px){.modal-overlay[data-v-21236a3e]{padding:8px}.modal-container[data-v-21236a3e]{max-height:95vh}.modal-content[data-v-21236a3e],.modal-footer[data-v-21236a3e]{padding:16px}.items-grid[data-v-21236a3e]{grid-template-columns:repeat(2,1fr);gap:12px}.connector-settings[data-v-21236a3e]{flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:flex-end;gap:12px;padding:12px 8px;background:rgba(248,250,252,.8);border-radius:12px;margin-bottom:12px}.input-group[data-v-21236a3e]{flex-direction:column;align-items:center;gap:6px;flex:1}.input-label[data-v-21236a3e]{font-size:12px;font-weight:500;color:#6b7280;margin:0}.connector-input[data-v-21236a3e]{width:100%;max-width:80px;text-align:center;font-size:14px;padding:8px 6px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.connector-input-small[data-v-21236a3e]{max-width:60px}.connector-input[data-v-21236a3e]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 1px 3px rgba(0,0,0,.1)}.action-buttons[data-v-21236a3e]{flex-direction:column}.action-btn[data-v-21236a3e]{width:100%}}.dark-mode .modal-container[data-v-21236a3e]{background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.4)}.dark-mode .modal-header[data-v-21236a3e]{background:rgba(15,23,42,.8);border-bottom-color:rgba(71,85,105,.4)}.dark-mode .modal-title[data-v-21236a3e]{color:#f1f5f9}.dark-mode .close-button[data-v-21236a3e]{background:rgba(51,65,85,.8);border-color:rgba(71,85,105,.4);color:#94a3b8}.dark-mode .close-button[data-v-21236a3e]:hover{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}.dark-mode .modal-footer[data-v-21236a3e]{background:rgba(15,23,42,.8)!important;border-top-color:rgba(71,85,105,.4)!important}.dark-mode .connector-settings[data-v-21236a3e]{background:rgba(30,41,59,.8)!important}.dark-mode .frosted-card[data-v-21236a3e]{background:rgba(15,23,42,.8);border-color:rgba(71,85,105,.4)}.dark-mode h2[data-v-21236a3e],.dark-mode h3[data-v-21236a3e]{color:#f1f5f9}.dark-mode .empty-state[data-v-21236a3e]{color:#94a3b8}.dark-mode .input-label[data-v-21236a3e]{color:#cbd5e1!important}.dark-mode .connector-input[data-v-21236a3e]{background:rgba(51,65,85,.8)!important;border-color:#4b5563!important;color:#f9fafb!important}.dark-mode .connector-input[data-v-21236a3e]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.dark-mode .connector-input[data-v-21236a3e]::-moz-placeholder{color:#9ca3af}.dark-mode .connector-input[data-v-21236a3e]::placeholder{color:#9ca3af}.dark-mode .primary-btn[data-v-21236a3e]{background:#1e40af}.dark-mode .primary-btn[data-v-21236a3e]:hover:not(:disabled){background:#1d4ed8}.dark-mode .secondary-btn[data-v-21236a3e]{background:#047857}.dark-mode .secondary-btn[data-v-21236a3e]:hover:not(:disabled){background:#065f46}.dark-mode .item-image-container[data-v-21236a3e]{background:rgba(15,23,42,.5)}.unselect-button[data-v-21236a3e]{position:absolute;top:8px;right:8px;background:rgba(239,68,68,.9);border:none;color:#fff;cursor:pointer;padding:0;border-radius:50%!important;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.2);box-sizing:border-box}.unselect-button[data-v-21236a3e]:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}.unselect-button[data-v-21236a3e]:active{transform:scale(.95)}.dark-mode .unselect-button[data-v-21236a3e]{background:rgba(220,38,38,.9)}.dark-mode .unselect-button[data-v-21236a3e]:hover{background:#ef4444}.dark .modal-footer{background:rgba(15,23,42,.8)!important;border-top-color:rgba(71,85,105,.4)!important}.dark .connector-settings,.dark .modal-footer .connector-settings{background:rgba(30,41,59,.9)!important;border:1px solid rgba(71,85,105,.4)!important}.dark .connector-input{background:rgba(51,65,85,.8)!important;border-color:#4b5563!important;color:#f9fafb!important}.dark .input-label{color:#cbd5e1!important}.dynamic-island-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:rgba(0,0,0,.9);color:#fff;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:500;z-index:9999;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.dynamic-island-toast.show{transform:translate(-50%) translateY(0);opacity:1}.dynamic-island-toast.success{background:rgba(16,185,129,.9)}.dynamic-island-toast.error{background:rgba(239,68,68,.9)}.dynamic-island-toast.warning{background:rgba(245,158,11,.9)}.dynamic-island-toast.info{background:rgba(59,130,246,.9)}.dark .dynamic-island-toast{background:rgba(15,23,42,.95);border-color:rgba(71,85,105,.3)}.dark .dynamic-island-toast.success{background:rgba(5,150,105,.95)}.dark .dynamic-island-toast.error{background:rgba(220,38,38,.95)}.dark .dynamic-island-toast.warning{background:rgba(217,119,6,.95)}.dark .dynamic-island-toast.info{background:rgba(29,78,216,.95)}.selection-bubble[data-v-4ddf2305]{position:fixed!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important;z-index:99999!important;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:slideInRight-4ddf2305 .4s cubic-bezier(.34,1.56,.64,1);width:80px;height:80px;display:flex;align-items:center;justify-content:center;will-change:transform;pointer-events:auto}@keyframes slideInRight-4ddf2305{0%{transform:translate(100px) translateY(-50%);opacity:0}to{transform:translate(0) translateY(-50%);opacity:1}}.bubble-content[data-v-4ddf2305]{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#ec4899;border-radius:50%;box-shadow:0 8px 24px rgba(236,72,153,.5);transition:all .3s ease;z-index:2;transform:translateZ(0);backface-visibility:hidden}.selection-bubble:hover .bubble-content[data-v-4ddf2305]{transform:translateZ(0) scale(1.08);box-shadow:0 12px 32px rgba(236,72,153,.6)}.selection-bubble:active .bubble-content[data-v-4ddf2305]{transform:translateZ(0) scale(1.02);transition:all .1s ease}.bubble-icon[data-v-4ddf2305]{position:absolute;top:8px;left:50%;transform:translate(-50%)}.bubble-icon .icon[data-v-4ddf2305]{width:18px;height:18px;color:#fff;stroke-width:2.5}.bubble-count[data-v-4ddf2305]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#fff;font-weight:700;font-size:16px;line-height:1}.bubble-pulse[data-v-4ddf2305]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(236,72,153,.4);animation:pulse-4ddf2305 2s infinite;z-index:1;pointer-events:none}@keyframes pulse-4ddf2305{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.dark .bubble-content[data-v-4ddf2305]{background:#db2777;box-shadow:0 8px 24px rgba(219,39,119,.5)}.dark .bubble-content[data-v-4ddf2305]:hover{box-shadow:0 12px 32px rgba(219,39,119,.6)}.dark .bubble-pulse[data-v-4ddf2305]{background:rgba(219,39,119,.4)}@media(max-width:768px){.selection-bubble[data-v-4ddf2305]{right:12px;width:88px;height:88px}.bubble-content[data-v-4ddf2305],.bubble-pulse[data-v-4ddf2305]{width:64px;height:64px}.bubble-icon .icon[data-v-4ddf2305]{width:18px;height:18px}.bubble-count[data-v-4ddf2305]{font-size:15px}}@media(max-width:480px){.selection-bubble[data-v-4ddf2305]{right:8px;width:92px;height:92px}.bubble-content[data-v-4ddf2305],.bubble-pulse[data-v-4ddf2305]{width:64px;height:64px}}html,body{font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;min-height:100vh;transform:none!important;perspective:none!important;filter:none!important;backdrop-filter:none!important;will-change:auto!important}#app{transform:none!important;perspective:none!important;filter:none!important;backdrop-filter:none!important;will-change:auto!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}