.tool-container[data-v-9d75030c]{margin:0 auto;max-width:1400px}.slider[data-v-9d75030c]{accent-color:#a855f7}.modal-overlay[data-v-9d75030c]{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100vw;z-index:9999}.modal-container[data-v-9d75030c]{background:#1a1a1a;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:98%;overflow:hidden;width:98%}.modal-header[data-v-9d75030c]{background:#2a2a2a;border-bottom:1px solid #3a3a3a;justify-content:space-between;padding:16px 24px}.modal-close-btn[data-v-9d75030c],.modal-header[data-v-9d75030c]{align-items:center;display:flex}.modal-close-btn[data-v-9d75030c]{background:#3a3a3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close-btn[data-v-9d75030c]:hover{background:#4a4a4a;transform:scale(1.05)}.modal-body[data-v-9d75030c]{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;padding:5px}.tool-container[data-v-0f77b048]{margin:0 auto;max-width:1200px}canvas[data-v-0f77b048]{display:block}input[type=range].slider[data-v-0f77b048]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:8px;height:8px;outline:none;transition:background .2s}input[type=range].slider[data-v-0f77b048]:hover{background:#d1d5db}input[type=range].slider[data-v-0f77b048]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8b5cf6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}input[type=range].slider[data-v-0f77b048]::-webkit-slider-thumb:hover{background:#7c3aed;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}input[type=range].slider[data-v-0f77b048]::-webkit-slider-thumb:active{transform:scale(.95)}input[type=range].slider[data-v-0f77b048]::-moz-range-thumb{background:#8b5cf6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .2s;transition:all .2s;width:20px}input[type=range].slider[data-v-0f77b048]::-moz-range-thumb:hover{background:#7c3aed;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}input[type=range].slider[data-v-0f77b048]::-moz-range-thumb:active{transform:scale(.95)}input[type=range].slider[data-v-0f77b048]::-moz-range-track{background:#e5e7eb;border-radius:8px;height:8px}select[data-v-0f77b048]{accent-color:#8b5cf6}.cursor-crosshair[data-v-0f77b048]{cursor:crosshair}.tool-container[data-v-caa16ea4]{background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);min-height:calc(100vh - 64px)}.tool-container[data-v-a1dba20b]{margin:0 auto;max-width:1200px;padding:20px}h1[data-v-a1dba20b]{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.tool-content[data-v-a1dba20b]{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.tool-content[data-v-a1dba20b]{align-items:start;grid-template-columns:380px 1fr}}.controls-panel[data-v-a1dba20b]{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 10px 40px -10px #00000014;gap:1.5rem;height:auto;padding:2rem;position:sticky;top:20px}.control-group[data-v-a1dba20b],.controls-panel[data-v-a1dba20b]{display:flex;flex-direction:column}.control-group[data-v-a1dba20b]{gap:.5rem}.label[data-v-a1dba20b]{margin-bottom:.25rem;padding:0}.label-text[data-v-a1dba20b]{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.select[data-v-a1dba20b]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-weight:600;height:3rem;transition:all .2s ease}.select[data-v-a1dba20b]:hover{background-color:#fff;border-color:#cbd5e1}.select[data-v-a1dba20b]:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.range[data-v-a1dba20b]{border-radius:4px;height:8px}.btn-primary[data-v-a1dba20b]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #2563eb40;font-size:.9rem;font-weight:600;height:3rem;letter-spacing:.02em;text-transform:uppercase;transition:transform .1s,box-shadow .2s}.btn-primary[data-v-a1dba20b]:hover{background:linear-gradient(135deg,#4f8df9,#3b74f6);box-shadow:0 8px 20px #2563eb59;transform:translateY(-2px)}.btn-primary[data-v-a1dba20b]:active{transform:translateY(0)}.canvas-panel[data-v-a1dba20b]{display:flex;flex-direction:column;position:relative;width:100%}.canvas-container[data-v-a1dba20b]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:75vh;min-height:600px;overflow:hidden;position:relative;width:100%}.canvas-container.fullscreen-mode[data-v-a1dba20b]{border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}canvas[data-v-a1dba20b]{display:block;height:100%;width:100%}.canvas-controls[data-v-a1dba20b]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s}.canvas-container:hover .canvas-controls[data-v-a1dba20b]{opacity:1}.legend-grid[data-v-a1dba20b]{display:none}.tool-container[data-v-7f321b93]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh}input[type=range][data-v-7f321b93]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;height:8px;outline:none}input[type=range][data-v-7f321b93]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:currentColor;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}input[type=range][data-v-7f321b93]::-moz-range-thumb{background:currentColor;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.accent-orange-500[data-v-7f321b93]::-webkit-slider-thumb{background:#f97316}.accent-blue-500[data-v-7f321b93]::-webkit-slider-thumb{background:#3b82f6}.accent-green-500[data-v-7f321b93]::-webkit-slider-thumb{background:#10b981}.accent-purple-500[data-v-7f321b93]::-webkit-slider-thumb{background:#8b5cf6}.accent-yellow-500[data-v-7f321b93]::-webkit-slider-thumb{background:#eab308}canvas[data-v-7f321b93]{display:block;height:auto;max-width:100%}@media(max-width:1024px){.grid.grid-cols-1.lg\\[data-v-7f321b93]:grid-cols-3{grid-template-columns:1fr}.sticky[data-v-7f321b93]{position:static}}@media(max-width:768px){.grid.grid-cols-1.md\\[data-v-7f321b93]:grid-cols-2{grid-template-columns:1fr}.grid.grid-cols-2[data-v-7f321b93]{grid-template-columns:1fr}}button[data-v-7f321b93]{transition:all .2s ease-in-out}button[data-v-7f321b93]:hover{transform:translateY(-1px)}button[data-v-7f321b93]:active{transform:translateY(0)}.w-12.h-12[data-v-7f321b93]{transition:all .2s ease-in-out}.w-12.h-12[data-v-7f321b93]:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}@keyframes pulse-7f321b93{0%,to{opacity:1}50%{opacity:.7}}canvas[data-loading][data-v-7f321b93]{animation:pulse-7f321b93 1.5s ease-in-out infinite}.font-mono[data-v-7f321b93]{font-feature-settings:"tnum"}.fa-star[data-v-7f321b93]{transition:color .2s ease}.fa-star.text-yellow-400[data-v-7f321b93]{filter:drop-shadow(0 0 2px rgba(251,191,36,.5))}.tool-container[data-v-147c81cd]{margin:0 auto;max-width:1400px}input[type=range].slider[data-v-147c81cd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:8px;height:8px;outline:none;transition:background .2s}input[type=range].slider[data-v-147c81cd]:hover{background:#d1d5db}input[type=range].slider[data-v-147c81cd]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}input[type=range].slider[data-v-147c81cd]::-webkit-slider-thumb:hover{background:#4f46e5;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}input[type=range].slider[data-v-147c81cd]::-webkit-slider-thumb:active{transform:scale(.95)}input[type=range].slider[data-v-147c81cd]::-moz-range-thumb{background:#6366f1;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .2s;transition:all .2s;width:20px}input[type=range].slider[data-v-147c81cd]::-moz-range-thumb:hover{background:#4f46e5;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}input[type=range].slider[data-v-147c81cd]::-moz-range-thumb:active{transform:scale(.95)}input[type=range].slider[data-v-147c81cd]::-moz-range-track{background:#e5e7eb;border-radius:8px;height:8px}input[type=color][data-v-147c81cd]{cursor:pointer}svg[data-v-147c81cd]{font-family:system-ui,-apple-system,sans-serif}.modal-overlay[data-v-147c81cd]{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100vw;z-index:9999}.modal-container[data-v-147c81cd]{background:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;height:98%;overflow:hidden;width:98%}.modal-header[data-v-147c81cd]{border-bottom:1px solid #333;justify-content:space-between;padding:1rem 1.5rem}.modal-close-btn[data-v-147c81cd],.modal-header[data-v-147c81cd]{align-items:center;display:flex}.modal-close-btn[data-v-147c81cd]{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;height:36px;justify-content:center;transition:background .2s;width:36px}.modal-close-btn[data-v-147c81cd]:hover{background:#fff3}.modal-body[data-v-147c81cd]{align-items:center;display:flex;flex:1;justify-content:center;overflow:auto;padding:20px}.back-to-tools-container[data-v-f1edcdce]{z-index:100}.back-to-tools-btn[data-v-f1edcdce]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.back-to-tools-btn[data-v-f1edcdce]:hover{background:linear-gradient(135deg,#5a6fd8,#6a42a0);box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.back-to-tools-btn[data-v-f1edcdce]:active{box-shadow:0 4px 15px #667eea4d;transform:translateY(0)}.back-to-tools-btn.fixed-position[data-v-f1edcdce]{left:2rem;position:fixed;top:2rem;z-index:1000}.btn-icon[data-v-f1edcdce]{font-size:1.1rem;font-weight:700;transition:transform .3s ease}.back-to-tools-btn:hover .btn-icon[data-v-f1edcdce]{transform:translate(-3px)}.btn-text[data-v-f1edcdce]{font-weight:600;letter-spacing:.025em}.back-to-tools-btn[data-v-f1edcdce]:before{background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.1),transparent);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.back-to-tools-btn[data-v-f1edcdce]:hover:before{opacity:1}.back-to-tools-btn.fixed-position.top-right[data-v-f1edcdce]{left:auto;right:2rem;top:2rem}.back-to-tools-btn.fixed-position.bottom-left[data-v-f1edcdce]{bottom:2rem;left:2rem;top:auto}.back-to-tools-btn.fixed-position.bottom-right[data-v-f1edcdce]{bottom:2rem;left:auto;right:2rem;top:auto}@media(max-width:768px){.back-to-tools-btn.fixed-position[data-v-f1edcdce]{font-size:.85rem;left:1rem;padding:.6rem 1.2rem;top:1rem}.btn-text[data-v-f1edcdce]{display:none}.btn-icon[data-v-f1edcdce]{font-size:1.2rem}}.tool-container[data-v-99b68e14]{background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);min-height:calc(100vh - 64px)}.share-actions[data-v-39b869bb]{display:flex;gap:8px}.footer-share-grid[data-v-39b869bb]{display:grid!important;gap:6px;grid-template-columns:repeat(5,32px);grid-template-rows:repeat(2,32px)}.share-icon-btn[data-v-39b869bb]{align-items:center;background:#2563eb;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background-color .2s ease,transform .05s ease;width:32px}.footer-share-grid .share-icon-btn[data-v-39b869bb]{box-shadow:0 0 0 1px #ffffff14,0 6px 12px #00000038}.footer-share-grid .share-icon-btn[data-v-39b869bb]:hover{box-shadow:0 0 0 1px #ffffff1f,0 10px 16px #00000047}.share-icon-btn[data-v-39b869bb]:hover{background:#1d4ed8}.share-icon-btn[data-v-39b869bb]:active{transform:translateY(1px)}.share-icon-btn i[data-v-39b869bb]{font-size:14px}.share-icon-btn.brand-whatsapp[data-v-39b869bb]{background:#25d366}.share-icon-btn.brand-twitter[data-v-39b869bb]{background:#1da1f2}.share-icon-btn.brand-facebook[data-v-39b869bb]{background:#1877f2}.share-icon-btn.brand-linkedin[data-v-39b869bb]{background:#0a66c2}.share-icon-btn.brand-weibo[data-v-39b869bb]{background:#e6162d}.share-icon-btn.brand-vk[data-v-39b869bb]{background:#4c75a3}.share-icon-btn.brand-instagram[data-v-39b869bb]{background:radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.share-icon-btn.brand-wechat[data-v-39b869bb]{background:#07c160;color:#fff}.share-icon-btn.brand-email[data-v-39b869bb]{background:#6b7280}.share-icon-btn.brand-copy[data-v-39b869bb]{background:#4b5563}.qr-backdrop[data-v-39b869bb]{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.qr-modal[data-v-39b869bb]{background:#111827;border-radius:12px;box-shadow:0 10px 30px #00000080;color:#e5e7eb;padding:16px 16px 20px;position:relative;width:280px}.qr-close[data-v-39b869bb]{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:18px;position:absolute;right:10px;top:8px}.qr-title[data-v-39b869bb]{color:#e5e7eb;font-size:16px;font-weight:600;margin:0 0 10px;text-align:left}.qr-image[data-v-39b869bb]{background:#fff;border-radius:8px;display:block;height:220px;margin:0 auto 8px;width:220px}.qr-tip[data-v-39b869bb]{font-size:12px;margin:0}.qr-steps[data-v-39b869bb],.qr-tip[data-v-39b869bb]{color:#9ca3af;text-align:left}.qr-steps[data-v-39b869bb]{font-size:13px;line-height:1.6;margin:8px 0 0;padding-left:18px}.recommend-surface[data-v-01784c39]{border-radius:1.5rem;padding:1.5rem}@media(min-width:768px){.recommend-surface[data-v-01784c39]{padding:2rem}}.recommend-surface[data-v-01784c39]{background:linear-gradient(180deg,#e2e8f0f2,#cbd5e1f2);border:1px solid rgba(148,163,184,.5);box-shadow:0 10px 30px #0000000f}.recommend-title[data-v-01784c39]{font-size:1.5rem;font-weight:600;line-height:2rem;margin-bottom:1rem}.recommend-list[data-v-01784c39]{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.recommend-list[data-v-01784c39]{grid-template-columns:repeat(3,minmax(0,1fr))}}.recommend-card[data-v-01784c39]{background-color:#fffc;border-color:#fff9;border-radius:1rem;border-width:1px;display:flex;overflow:hidden;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.recommend-card[data-v-01784c39]:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.recommend-card[data-v-01784c39]{box-shadow:0 8px 30px #0000000f}.recommend-card[data-v-01784c39]:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.recommend-thumb[data-v-01784c39]{height:10rem;object-fit:cover;width:100%}.recommend-body[data-v-01784c39]{display:flex;flex-direction:column;height:10rem;max-height:10rem;padding:1rem;position:relative}.recommend-title-text[data-v-01784c39]{font-weight:600;margin-bottom:.25rem;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.recommend-desc[data-v-01784c39]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));display:-webkit-box;-webkit-line-clamp:7;padding-bottom:1.5rem;-webkit-box-orient:vertical;overflow:hidden}.read-more[data-v-01784c39]{font-weight:500;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.read-more-icon[data-v-01784c39]{margin-left:.25rem}.more-indicator[data-v-01784c39]{align-items:center;border-radius:.375rem;bottom:.75rem;display:inline-flex;gap:.25rem;position:absolute;right:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.75rem;font-weight:600;line-height:1rem;padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.line-clamp-2[data-v-01784c39]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-wall{-moz-column-count:3;column-count:3;-moz-column-gap:16px;column-gap:16px}@media(max-width:1024px){.blog-wall{-moz-column-count:2;column-count:2}}@media(max-width:640px){.blog-wall{-moz-column-count:1;column-count:1}}.blog-wall-item{-moz-column-break-inside:avoid;background:#fff;border-radius:16px;box-shadow:0 6px 18px #00000014;break-inside:avoid;cursor:pointer;margin-bottom:16px;overflow:hidden}.blog-wall-img{display:block;height:220px;object-fit:cover;object-position:center;transition:transform .4s ease,filter .3s ease;width:100%}.blog-wall-item:hover .blog-wall-img{filter:brightness(1.03);transform:scale(1.05)}.blog-cover{height:200px;position:relative;width:200px}.blog-cover-img{border-radius:.5rem;box-shadow:0 2px 4px #0000001a;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.blog-cover-img:hover{transform:scale(1.02)}.gallery-icon-btn{border-radius:9999px;height:2.5rem;position:absolute;right:.75rem;top:.75rem;width:2.5rem;z-index:30;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;align-items:center;box-shadow:0 2px 8px #2563eb66;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;justify-content:center;opacity:0;transform:scale(.8);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blog-cover:hover .gallery-icon-btn{opacity:1;transform:scale(1)}.gallery-icon-btn:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1));box-shadow:0 4px 12px #2563eb99;transform:scale(1.1)}.gallery-icon-btn:active{transform:scale(.95)}.search-highlight{background-color:#fef08a!important;color:#1f2937!important;padding:0 2px}@media(max-width:1024px){.blog-cover{align-self:center;height:150px;margin-bottom:1rem;margin-left:0;width:150px}.p-8{flex-direction:column}}@media(max-width:768px){.blog-cover{height:120px;width:120px}}.read-later-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #3b82f6;box-shadow:0 4px 12px #3b82f626;position:relative}.btn-icon-small{align-items:center;border:2px solid transparent;border-radius:9999px;display:flex;font-size:.875rem;height:2rem;justify-content:center;line-height:1.25rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.btn-icon-small.read-later-inactive{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.btn-icon-small.read-later-inactive:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.btn-icon-small.read-later-inactive{border-color:#e5e7eb}.btn-icon-small.read-later-inactive:hover{background-color:#eff6ff;border-color:#3b82f6}.btn-icon-small.read-later-active{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:rgb(37 99 235/var(--tw-text-opacity,1))}.btn-icon-small.read-later-active:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1));transform:scale(1.05)}.btn-read-more{align-items:center;background:#fff;border:2px solid #0057b7;border-radius:8px;box-shadow:0 2px 6px #0057b726;color:#0057b7;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.625rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-read-more:hover{background:#0057b7;box-shadow:0 4px 12px #0057b740;color:#fff;transform:translateY(-2px)}.btn-read-more:active{box-shadow:0 2px 6px #0057b733;transform:translateY(0)}.category-expand-btn{overflow:hidden;position:relative}.category-expand-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.category-expand-btn:hover:before{height:300px;width:300px}@keyframes bounce-x{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-bounce-x{animation:bounce-x 1s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}.nature-article{color:#333;font-family:Harding,Times New Roman,serif;line-height:1.6}.blog-container{margin:0 auto;max-width:1200px;padding:0 20px}.nature-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:3px solid #0057b7;padding:40px 0 60px}.journal-info{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.journal-meta{color:#666;font-size:14px;font-weight:500}.journal-name{color:#0057b7;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.separator{color:#ccc;margin:0 10px}.nature-title{color:#1a1a1a;font-family:Harding,Georgia,serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 30px}.author-info{border-bottom:1px solid #eee;border-top:1px solid #eee;margin-bottom:30px;padding:20px 0}.author-name{color:#0057b7;font-size:18px;font-weight:600}.article-summary{background:#f8f9fa;border-left:4px solid #0057b7;border-radius:0 8px 8px 0;margin:30px 0;padding:30px}.summary-title{color:#0057b7;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.summary-text{color:#444;font-size:17px;font-style:italic;line-height:1.7;margin:0}.article-tags{color:#666;font-size:18px;margin-top:25px}.tags-label{color:#333;font-weight:600;margin-right:10px}.tag{color:#0057b7;font-style:italic;margin-right:5px}.feature-image-section{background:#fff;border-bottom:1px solid #e9ecef;padding:0}.feature-image{margin:0;overflow:hidden;position:relative}.hero-image{border-radius:0;box-shadow:none;display:block;height:400px;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.hero-image:hover{transform:scale(1.02)}.image-caption{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));bottom:0;color:#fff;left:0;padding:40px 30px 25px;position:absolute;right:0;text-align:left}.caption-text{display:block;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.image-credit{color:#fffc;display:block;font-size:12px;font-style:italic;letter-spacing:.5px;text-transform:uppercase}.nature-content{padding:60px 0}.content-wrapper{align-items:start;display:grid;gap:60px;grid-template-columns:1fr 300px}.article-body{line-height:1.8;max-width:none}.article-sidebar{position:sticky;top:40px}.sidebar-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:25px}.sidebar-section h3{color:#0057b7;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.metric-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.metric-item:last-child{border-bottom:none;margin-bottom:0}.metric-label{color:#666;font-size:14px;font-weight:600}.metric-value{color:#333;font-size:16px;text-align:right}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:#e3f2fd;border:1px solid #bbdefb;border-radius:20px;color:#0057b7;font-size:15px;font-weight:500;padding:6px 12px}.article-navigation{background:linear-gradient(135deg,#f8fafc,#e3f2fd);border-top:2px solid #e9ecef;margin-top:60px;padding:50px 0}.nav-content{align-items:center;display:flex;gap:40px;justify-content:space-between}.back-link-top{align-items:center;background:#fff;border:2px solid #0057b7;border-radius:30px;box-shadow:0 2px 8px #0057b726;color:#0057b7;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 18px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.back-link-top:hover{background:#0057b7;box-shadow:0 4px 12px #0057b740;color:#fff;transform:translate(-3px)}.back-link{align-items:center;background:#fff;border:2px solid #0057b7;border-radius:30px;box-shadow:0 2px 8px #0057b726;color:#0057b7;display:flex;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#0057b7;box-shadow:0 4px 12px #0057b740;color:#fff;transform:translateY(-2px)}.prev-next-nav{display:flex;gap:24px}.nav-btn{background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000d;cursor:pointer;max-width:280px;min-width:200px;overflow:hidden;padding:20px 24px;position:relative;text-align:left;transition:all .3s ease}.nav-btn:before{background:linear-gradient(180deg,#0057b7,#0073e6);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-btn:hover{border-color:#0057b7;box-shadow:0 4px 16px #0057b726;transform:translateY(-2px)}.nav-btn:hover:before{transform:scaleY(1)}.nav-label{color:#6b7280;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px;text-transform:uppercase}.nav-title{color:#1f2937;display:block;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600;line-height:1.5}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#0057b7;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text{color:#666;font-size:16px}@media(max-width:1024px){.content-wrapper{gap:40px;grid-template-columns:1fr}.article-sidebar{order:-1;position:static}}@media(max-width:768px){.nature-title{font-size:2rem}.journal-info{align-items:flex-start;flex-direction:column;gap:15px}.hero-image{height:250px}.image-caption{padding:25px 20px 15px}.caption-text{font-size:16px}.nav-content{align-items:stretch}.nav-content,.prev-next-nav{flex-direction:column}.nav-btn{max-width:none}.article-summary{border-radius:0;margin:20px -20px}}.article-body{color:#333;font-family:Georgia,serif;font-size:18px;line-height:1.5}.article-body h1{border-bottom:2px solid #0057b7;color:#1a1a1a;font-size:1.8em;font-weight:700;margin:2em 0 1em;padding-bottom:.5em;position:relative}.article-body h1:after{background:linear-gradient(90deg,#0057b7,#0073e6);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.article-body h2{background:linear-gradient(90deg,#f0f7ff,transparent);border-left:5px solid #0057b7;color:#0057b7;font-size:1.4em;font-weight:600;letter-spacing:.5px;margin:1.8em 0 1em;padding:.5em 0 .5em 20px;text-transform:uppercase;transition:all .3s ease}.article-body h2:hover{background:linear-gradient(90deg,#e3f2fd,transparent);padding-left:25px}.article-body h3{border-left:3px solid #5a9bd5;color:#2c5aa0;font-size:1.2em;font-style:italic;font-weight:600;margin:1.5em 0 .8em;padding-left:15px;position:relative}.article-body h3:before{color:#5a9bd5;content:"▸";font-size:.8em;font-style:normal;left:-5px;position:absolute}.article-body h2:nth-of-type(2n)+* h3,.article-body h3:nth-of-type(4n+1){border-left-color:#5a9bd5;color:#2c5aa0}.article-body h3:nth-of-type(4n+2){border-left-color:#28a745;color:#1e7e34}.article-body h3:nth-of-type(4n+2):before{color:#28a745}.article-body h3:nth-of-type(4n+3){border-left-color:#ffc107;color:#7d4f00}.article-body h3:nth-of-type(4n+3):before{color:#ffc107}.article-body h3:nth-of-type(4n+4){border-left-color:#9b59b6;color:#5c2d91}.article-body h3:nth-of-type(4n+4):before{color:#9b59b6}.article-body p{-webkit-hyphens:auto;hyphens:auto;margin:1.2em 0;text-align:justify}.article-body p:has(img){text-align:center!important}.article-body p img,.article-body p>img:only-child{margin-left:auto!important;margin-right:auto!important}.article-body blockquote{background:#f8f9fa;border-left:4px solid #0057b7;border-radius:0 8px 8px 0;color:#555;font-style:italic;margin:2em 0;padding:20px 30px}.article-body code{background:#f1f3f4;border-radius:4px;color:#d14;font-family:Monaco,Menlo,monospace;font-size:.9em;padding:2px 6px}.article-body pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;margin:2em 0;overflow-x:auto;padding:20px}.article-body pre code{background:none;border-radius:0;color:#333;padding:0}.article-body ol,.article-body ul{margin:1.5em 0;padding-left:2em}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li{line-height:1.6;margin:.5em 0;padding-left:.5em}.article-body ul ul{list-style-type:circle;margin:.5em 0}.article-body ul ul ul{list-style-type:square}.article-body ul li{position:relative;transition:all .2s ease}.article-body ul li::marker{color:#0057b7;font-size:1.2em}.article-body ol li::marker{color:#0057b7;font-weight:600}.article-body li strong:first-child{color:#0057b7;font-weight:700}.article-body li:hover{background:linear-gradient(90deg,#f8f9fa,transparent);border-left:3px solid #0057b7;margin-left:-.3em;padding-left:.8em}.article-body ul.checklist{list-style-type:none;padding-left:0}.article-body ul.checklist li{padding-left:2em;position:relative}.article-body ul.checklist li:before{color:#28a745;content:"✓";font-size:1.2em;font-weight:700;left:0;position:absolute}.article-body ol.highlight li{background:linear-gradient(90deg,#e3f2fd,transparent);border-left:4px solid #0057b7;border-radius:0 8px 8px 0;margin:.8em 0;padding:.8em 1em}.article-body ol.highlight li::marker{font-size:1.4em;font-weight:700}.article-body ul.arrow{list-style-type:none;padding-left:0}.article-body ul.arrow li{padding-left:2em;position:relative}.article-body ul.arrow li:before{color:#0057b7;content:"▸";font-size:1.2em;font-weight:700;left:.5em;position:absolute}.article-body ul.star{list-style-type:none;padding-left:0}.article-body ul.star li{padding-left:2em;position:relative}.article-body ul.star li:before{color:#ffc107;content:"★";font-size:1.2em;left:.3em;position:absolute}.article-body ol.compact li,.article-body ul.compact li{line-height:1.4;margin:.2em 0}.article-body ol.spaced li,.article-body ul.spaced li{line-height:1.8;margin:1em 0}.article-body table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:.95em;margin:2em 0;overflow:hidden;width:100%}.article-body th{background:#0057b7;color:#fff;font-size:.9em;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.article-body td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:top}.article-body tr:nth-child(2n){background:#f8f9fa}.article-body tr:hover{background:#e3f2fd}.article-body img{border-radius:8px!important;box-shadow:0 4px 20px #0000001a!important;display:block!important;height:auto!important;margin:2em auto!important;max-width:100%!important}.article-body p:has(>img:only-child){display:block!important;text-align:center!important;width:100%!important}.article-body p>img{margin-left:auto!important;margin-right:auto!important}.article-body figure{background:#f9fafb;border-radius:12px;box-shadow:0 2px 12px #0000000d;margin:3em auto;max-width:90%;padding:1.5em;text-align:center}.article-body figure img{box-shadow:0 4px 16px #0000001f;margin:0 auto 1em!important}.article-body figcaption{border-top:2px solid #e5e7eb;color:#555;font-size:.95em;font-style:italic;font-weight:500;line-height:1.6;margin-top:1em;padding-top:1em;text-align:center}.article-body a{border-bottom:1px solid transparent;color:#0057b7;text-decoration:none;transition:border-bottom-color .3s ease}.article-body a:hover{border-bottom-color:#0057b7}.read-later-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.read-later-btn:hover{background:#e9ecef;border-color:#dee2e6;color:#343a40}.read-later-btn.active{background:#0057b7;border-color:#0057b7;color:#fff}.read-later-btn.active:hover{background:#004494;border-color:#004494}.read-later-btn i{font-size:16px;text-align:center;width:16px}.read-later-btn span{flex:1}