.floating-share-sidebar{position:fixed;right:2rem;top:50%;transform:translateY(-50%) translate(120px);z-index:1000;display:flex;flex-direction:column;gap:.75rem;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-share-sidebar.visible{transform:translateY(-50%) translate(0);opacity:1;pointer-events:auto}.floating-share-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;padding:.5rem;background:#1e293bcc;backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.floating-share-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e293be6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:var(--color-text);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;position:relative}.floating-share-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f666}.floating-share-btn:active{transform:scale(.95)}.floating-share-btn:before{content:attr(data-tooltip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(10px);background:#1e293bf2;backdrop-filter:blur(12px);color:var(--color-text);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;z-index:10}.floating-share-btn:after{content:"";position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(30,41,59,.95);opacity:0;pointer-events:none;transition:all .3s ease;z-index:10}.floating-share-btn:hover:before,.floating-share-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.floating-share-btn-qq:hover{background:#12b7f533;border-color:#12b7f599;color:#12b7f5}.floating-share-btn-qq:hover:before{background:#12b7f5f2;border-color:#12b7f599}.floating-share-btn-qq:hover:after{border-left-color:#12b7f5f2}.floating-share-btn-qzone:hover{background:#fc03;border-color:#fc09;color:#fc0}.floating-share-btn-qzone:hover:before{background:#ffcc00f2;border-color:#fc09;color:#1e293b}.floating-share-btn-qzone:hover:after{border-left-color:#ffcc00f2}.floating-share-btn-wechat:hover{background:#09bb0733;border-color:#09bb0799;color:#09bb07}.floating-share-btn-wechat:hover:before{background:#09bb07f2;border-color:#09bb0799}.floating-share-btn-wechat:hover:after{border-left-color:#09bb07f2}.floating-share-btn-weibo:hover{background:#e6162d33;border-color:#e6162d99;color:#e6162d}.floating-share-btn-weibo:hover:before{background:#e6162df2;border-color:#e6162d99}.floating-share-btn-weibo:hover:after{border-left-color:#e6162df2}.floating-share-btn-twitter:hover{background:#1d9bf033;border-color:#1d9bf099;color:#1d9bf0}.floating-share-btn-twitter:hover:before{background:#1d9bf0f2;border-color:#1d9bf099}.floating-share-btn-twitter:hover:after{border-left-color:#1d9bf0f2}.floating-share-btn-copy.copied{background:#22c55e4d;border-color:#22c55e99;color:#22c55e}.mobile-share-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;transform:translateY(100%);opacity:0;transition:all .3s ease;pointer-events:none}.mobile-share-bar.visible{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-share-toggle{width:100%;height:60px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#1e293bf2;backdrop-filter:blur(20px);border:none;border-top:1px solid rgba(255,255,255,.1);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 -4px 12px #0000004d}.mobile-share-toggle:active{background:#1e293b}.mobile-share-menu{position:absolute;bottom:100%;left:0;right:0;background:#1e293bfa;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1rem;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.mobile-share-menu.open{max-height:300px;opacity:1}.mobile-share-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .2s ease;min-height:80px}.mobile-share-item:active{transform:scale(.95);background:#3b82f633}.mobile-share-item span{font-weight:500;text-align:center}@media(max-width:1024px){.floating-share-sidebar{display:none}.mobile-share-bar{display:block}}@media(max-width:480px){.mobile-share-menu{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.75rem}.mobile-share-item{padding:.75rem;min-height:70px;font-size:.75rem}.mobile-share-toggle{height:56px}}@media(min-width:1440px){.floating-share-sidebar{right:calc((100vw - 1200px)/2 - 100px)}}@media(max-width:1024px){.mobile-share-bar{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){.floating-share-sidebar,.mobile-share-bar,.mobile-share-menu,.floating-share-btn,.mobile-share-item{transition:none}}.share-section{margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.share-section h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1.5rem;margin-top:0}.share-buttons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}@media(max-width:768px){.share-buttons{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.share-buttons::-webkit-scrollbar{height:4px}.share-buttons::-webkit-scrollbar-track{background:transparent}.share-buttons::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-height:44px}.share-button:hover{transform:translateY(-2px);background:#3b82f633;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d}.share-button:active{transform:translateY(0)}.share-button-qq:hover{background:#12b7f533;border-color:#12b7f580;box-shadow:0 4px 12px #12b7f54d}.share-button-qzone:hover{background:#fc03;border-color:#ffcc0080;box-shadow:0 4px 12px #ffcc004d}.share-button-wechat:hover{background:#09bb0733;border-color:#09bb0780;box-shadow:0 4px 12px #09bb074d}.share-button-weibo:hover{background:#e6162d33;border-color:#e6162d80;box-shadow:0 4px 12px #e6162d4d}.share-button-twitter:hover{background:#1d9bf033;border-color:#1d9bf080;box-shadow:0 4px 12px #1d9bf04d}.share-button-copy.copied{background:#22c55e33;border-color:#22c55e80}.qr-modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-content{background:#1e293bf2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qr-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .2s ease}.qr-modal-close:hover{background:#fff3;transform:rotate(90deg)}.qr-modal-body{text-align:center}.qr-modal-body h3{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:1.5rem;margin-top:0}.qr-code-container{background:#fff;padding:1rem;border-radius:var(--radius-lg);display:inline-block;margin-bottom:1rem}.qr-code-svg{display:block;width:200px;height:200px}.qr-modal-tip{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media(max-width:480px){.qr-modal-content{padding:1.5rem}.qr-modal-body h3{font-size:1.25rem}.qr-code-container{padding:.75rem}.qr-code-image{width:180px;height:180px}.share-button span{font-size:.85rem}}.blog-post-container{max-width:1000px;margin:0 auto;padding:0 1rem}.blog-section{max-width:1000px;margin:4rem auto}.blog-content-card{background:#1e293bb3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:3rem;max-width:1000px;margin:0 auto 2rem}.blog-visualizer-container{max-width:1000px;margin:0 auto 2rem}.blog-post .blog-visualizer-container h1{font-size:1.5rem;line-height:2rem;font-weight:700;margin:0;color:inherit}.blog-post .blog-visualizer-container h1.text-transparent{color:transparent}.blog-post .blog-visualizer-container h2{font-size:1.125rem;line-height:1.75rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:inherit}.blog-post .blog-visualizer-container h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin:0;color:inherit}.blog-post .blog-visualizer-container p{margin-bottom:0;line-height:1.5;color:inherit}.blog-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2rem 0}.blog-resources{padding-top:2rem}.blog-post h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;line-height:1.2}.blog-post h2{font-size:2rem;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;color:#fff;line-height:1.3}.blog-post h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#fff;line-height:1.4}.blog-post p{margin-bottom:1.5rem;line-height:1.8;color:var(--color-text)}.blog-post blockquote{border-left:4px solid var(--color-primary);padding-left:1.5rem;margin:2rem 0;color:var(--color-text-secondary);font-style:italic;background:#3b82f60d;padding:1rem 1.5rem;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.blog-post blockquote p{margin-bottom:.5rem}.blog-post blockquote p:last-child{margin-bottom:0}.blog-post table{width:100%;border-collapse:collapse;margin:2rem 0;background:#1e293b80;border-radius:var(--radius-lg);overflow:hidden}.blog-post table th,.blog-post table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.blog-post table th{background:#3b82f61a;font-weight:600;color:#fff}.blog-post table tr:last-child td{border-bottom:none}.blog-post table tr:hover{background:#3b82f60d}.blog-post code{font-family:var(--font-mono);background:#ffffff1a;padding:.2em .4em;border-radius:4px;font-size:.9em;color:#e2e8f0}.blog-post pre{background:#1e293b;padding:1.5rem;border-radius:var(--radius-lg);overflow-x:auto;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.blog-post pre code{background:none;padding:0;color:#e2e8f0}.blog-post ul,.blog-post ol{margin:1.5rem 0;padding-left:2rem}.blog-post li{margin-bottom:.5rem;line-height:1.8}.blog-post a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.blog-post a:hover{color:var(--color-primary-hover);text-decoration:underline}@media(max-width:768px){.blog-content-card{padding:2rem 1.5rem;margin:0 auto 2rem}.blog-section{margin:2rem 0}.blog-post h1{font-size:2rem}.blog-post h2{font-size:1.75rem}.blog-post h3{font-size:1.25rem}.blog-post table{font-size:.9rem}.blog-post table th,.blog-post table td{padding:.75rem}}