.floating-share-sidebar{position:fixed;right:2rem;top:50%;transform:translateY(-50%) translate(120px);z-index:9998;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:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding:.6rem .4rem;background:var(--color-primary);border-radius:12px;box-shadow:0 8px 16px -4px #ff6b3566;border:1px solid rgba(255,255,255,.2)}.floating-share-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.05);color:var(--color-text-secondary);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px -5px #00000014;position:relative}.floating-share-btn:hover{transform:scale(1.15) translateY(-3px);color:#fff!important}.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:#fffffff2;backdrop-filter:blur(12px);color:var(--color-text);padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 24px #00000014;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(255,255,255,.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{color:#12b7f5}.floating-share-btn-qzone{color:#f5b500}.floating-share-btn-wechat{color:#07c160}.floating-share-btn-weibo{color:#e6162d}.floating-share-btn-twitter{color:#1d9bf0}.floating-share-btn-copy{color:#22c55e}.floating-share-btn-qq:hover{background:#12b7f5;border-color:#12b7f5;box-shadow:0 15px 30px -10px #12b7f599}.floating-share-btn-qq:hover:before{background:#12b7f5;border-color:#fff3;color:#fff}.floating-share-btn-qq:hover:after{border-left-color:#12b7f5}.floating-share-btn-qzone:hover{background:#f5b500;border-color:#f5b500;box-shadow:0 15px 30px -10px #f5b50099}.floating-share-btn-qzone:hover:before{background:#f5b500;border-color:#fff3;color:#fff}.floating-share-btn-qzone:hover:after{border-left-color:#f5b500}.floating-share-btn-wechat:hover{background:#07c160;border-color:#07c160;box-shadow:0 15px 30px -10px #07c16099}.floating-share-btn-wechat:hover:before{background:#07c160;border-color:#fff3;color:#fff}.floating-share-btn-wechat:hover:after{border-left-color:#07c160}.floating-share-btn-weibo:hover{background:#e6162d;border-color:#e6162d;box-shadow:0 15px 30px -10px #e6162d99}.floating-share-btn-weibo:hover:before{background:#e6162d;border-color:#fff3;color:#fff}.floating-share-btn-weibo:hover:after{border-left-color:#e6162d}.floating-share-btn-twitter:hover{background:#1d9bf0;border-color:#1d9bf0;box-shadow:0 15px 30px -10px #1d9bf099}.floating-share-btn-twitter:hover:before{background:#1d9bf0;border-color:#fff3;color:#fff}.floating-share-btn-twitter:hover:after{border-left-color:#1d9bf0}.floating-share-btn-copy.copied,.floating-share-btn-copy:hover{background:#22c55e;border-color:#22c55e;color:#fff;box-shadow:0 15px 30px -10px #22c55e99}.floating-share-btn-copy:hover:before{background:#22c55e;border-color:#fff3;color:#fff}.floating-share-btn-copy:hover:after{border-left-color:#22c55e}.mobile-share-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9998;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:#ffffffe6;backdrop-filter:blur(20px);border:none;border-top:1px solid rgba(0,0,0,.05);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:#fffffffa;backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05);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:.85rem;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:85px;box-shadow:0 4px 10px #00000008}.mobile-share-item-qq{color:#12b7f5;background:#12b7f50d;border-color:#12b7f51a}.mobile-share-item-qzone{color:#f5b500;background:#f5b5000d;border-color:#f5b5001a}.mobile-share-item-wechat{color:#07c160;background:#07c1600d;border-color:#07c1601a}.mobile-share-item-weibo{color:#e6162d;background:#e6162d0d;border-color:#e6162d1a}.mobile-share-item-twitter{color:#1d9bf0;background:#1d9bf00d;border-color:#1d9bf01a}.mobile-share-item-copy{color:#22c55e;background:#22c55e0d;border-color:#22c55e1a}.mobile-share-item:active{transform:scale(.92);filter:brightness(.9)}.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:#0f172a4d;backdrop-filter:blur(16px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:qrFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-content{background:#fffffffa;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:2.5rem;max-width:420px;width:100%;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 20px 40px -1px #0000001a,inset 0 0 0 1px #ffffff80;animation:qrSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.qr-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#07c160,#4ecdc4)}@keyframes qrSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#0f172a0d;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.qr-modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg) scale(1.1)}.qr-modal-body{text-align:center;display:flex;flex-direction:column;align-items:center}.qr-modal-title-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.wechat-icon-container{color:#07c160;display:flex;align-items:center;justify-content:center}.qr-modal-body h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.01em}.qr-code-outer{position:relative;padding:1.25rem;background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 25px #0000000d;border:1px solid rgba(0,0,0,.03);margin-bottom:1.5rem;transition:transform .3s ease}.qr-code-outer:hover{transform:scale(1.02)}.qr-scan-line{position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;height:2px;background:linear-gradient(90deg,transparent,#07C160,transparent);box-shadow:0 0 15px #07c16080;animation:scan 3s ease-in-out infinite;z-index:5;opacity:.6}@keyframes scan{0%,to{top:1.25rem}50%{top:calc(100% - 1.25rem - 2px)}}.qr-code-svg{display:block;width:220px;height:220px}.qr-modal-tip{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0;max-width:280px}@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}}.scratch-original-code{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.scratch-blocks-outer-container{margin:1.5rem 0;width:100%;display:flex;justify-content:center;perspective:1000px}.scratch-blocks-inner-container{background:#f8fafc;background-image:radial-gradient(#e2e8f0 1.5px,transparent 1.5px);background-size:24px 24px;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:2rem 2.5rem;overflow-x:auto;max-width:100%;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.15);position:relative}.scratch-blocks-inner-container:after{content:"Scratch";position:absolute;top:.75rem;right:1rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;pointer-events:none;opacity:.5;transition:all .3s ease}.scratch-blocks-inner-container:hover:after{color:var(--color-primary);opacity:1;transform:translate(-2px)}.scratch-blocks-inner-container::-webkit-scrollbar{height:6px}.scratch-blocks-inner-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.scratch-blocks-inner-container::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.scratch-blocks-inner-container:hover{background-color:#fff;border-color:var(--color-primary);transform:translateY(-4px) scale(1.01);box-shadow:0 20px 35px -10px #0000001a,0 12px 15px -8px #00000014}.scratch-blocks-inner-container svg{display:block;height:auto;max-width:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08))}@media(max-width:640px){.scratch-blocks-inner-container{padding:1rem 1.25rem;border-radius:10px}.scratch-blocks-outer-container{margin:1rem 0}}@media print{.scratch-blocks-inner-container{background:#fff!important;border:none!important;box-shadow:none!important;padding:0!important}.scratch-blocks-inner-container svg{filter:none!important}.scratch-original-code{display:none!important}}