@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Source+Sans+3:wght@400;500;600&display=swap";
.guaqiu-sphere-wrap{justify-content:center;align-items:center;width:100%;min-height:min(380px,78vw);display:flex}@media only screen and (min-width:48.01rem){.guaqiu-sphere-wrap{min-height:min(420px,70vh)}}.tagcloud-wrapper{--tagcloud-transition-user-duration:1.25s;--tagcloud-transition-user-ease:ease-in-out;--tagcloud-transition-duration:.25s;--tagcloud-transition-ease:ease-out;--tagcloud-bg-color-rgb:248,246,242;--tagcloud-animation-direction:normal;--tagcloud-animation-play-state:running;--tagcloud-diameter:28rem;--tagcloud-start-rotation:54;--tagcloud-controls-diameter:34rem;--tagcloud-control-bg-color:transparent;--tagcloud-control-bg-hover-color:transparent;--tagcloud-control-bg-checked-color:transparent;--tag-diameter:3.2rem;--tag-gua-text-gradient:linear-gradient(135deg,#3a3a3a 0%,#525252 50%,#6b6b6b 100%);--tag-gua-text-gradient-hover:linear-gradient(135deg,#262626 0%,#404040 50%,#525252 100%);--tag-font-family:"Source Sans 3","Noto Serif SC",system-ui,sans-serif;--tag-font-size:.8125rem;box-sizing:border-box;background-color:#0000;border:0;margin:0 auto;padding:0;overflow:hidden}.tagcloud-wrapper *,.tagcloud-wrapper :before,.tagcloud-wrapper :after{box-sizing:border-box;border:0;margin:0;padding:0}.tagcloud-wrapper :focus{outline:none}.tagcloud-wrapper{--_control-diamater:var(--tagcloud-controls-diameter);--_control-radius:calc(var(--_control-diamater)/2);--_diameter:var(--tagcloud-diameter);--_radius:calc(calc(var(--_diameter)/2) - calc(var(--tag-diameter)/2));width:var(--_control-diamater);aspect-ratio:1;max-width:100%;font-family:var(--tag-font-family);font-size:var(--tag-font-size)}@media only screen and (max-width:48rem){.tagcloud-wrapper{--_control-diamater:calc(var(--tagcloud-controls-diameter)*.96);--_diameter:calc(var(--tagcloud-diameter)*.92)}}@media only screen and (max-width:32rem){.tagcloud-wrapper{--_diameter:calc(var(--tagcloud-diameter)*.88)}}.tagcloud-wrapper:has(.tagcloud-rotation:hover){--tagcloud-animation-play-state:paused}.tagcloud-wrapper .tagcloud-tags{width:var(--_diameter);aspect-ratio:1;transform-style:inherit;animation:tagcloud-rotation var(--tagcloud-animation-duration)var(--tagcloud-animation-direction)linear infinite var(--tagcloud-animation-play-state);list-style-type:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tagcloud-rotation{0%{transform:translate(-50%,-50%)rotateX(0)}to{transform:translate(-50%,-50%)rotateX(360deg)}}.tagcloud-wrapper .tagcloud-tags:has(.tagcloud-tag div a:hover) .tagcloud-tag:not(:has(div a:hover)){opacity:.25}.tagcloud-wrapper .tagcloud-tag{--_phi:acos(calc(-1 + (2*var(--index))/var(--num-elements)));--_theta:calc(sqrt(calc(var(--num-elements)*3.14159))*var(--_phi));--_x:calc(cos(var(--_theta))*sin(var(--_phi)));--_y:calc(sin(var(--_theta))*sin(var(--_phi)));--_z:calc(cos(var(--_phi)));--_vector-length:sqrt(var(--_x)*var(--_x) + var(--_y)*var(--_y) + var(--_z)*var(--_z));--_normalized-x:calc(var(--_x)/var(--_vector-length));--_normalized-y:calc(var(--_y)/var(--_vector-length));--_normalized-z:calc(var(--_z)/var(--_vector-length));--_scaled-x:calc(var(--_normalized-x)*var(--_radius));--_scaled-y:calc(var(--_normalized-y)*var(--_radius));--_scaled-z:calc(var(--_normalized-z)*var(--_radius));--_final-x:calc(var(--_scaled-x) + var(--_radius));--_final-y:calc(var(--_scaled-y) + var(--_radius));--_final-z:var(--_scaled-z);pointer-events:none;width:var(--tag-diameter);height:var(--tag-diameter);transition:opacity var(--tagcloud-transition-duration)var(--tagcloud-transition-ease);transform:translate3d(var(--_final-x),var(--_final-y),var(--_final-z));animation:tagcloud-tag-rotation var(--tagcloud-animation-duration)var(--tagcloud-animation-direction)linear infinite var(--tagcloud-animation-play-state);justify-content:center;align-items:center;display:flex;position:absolute}@keyframes tagcloud-tag-rotation{0%{transform:translate3d(var(--_final-x),var(--_final-y),var(--_final-z))rotateX(360deg)}to{transform:translate3d(var(--_final-x),var(--_final-y),var(--_final-z))rotateX(0deg)}}.tagcloud-wrapper .tagcloud-tag div{transform:rotateZ(calc(var(--_current-rotation)*-1deg));transition:transform var(--tagcloud-transition-user-duration)var(--tagcloud-transition-user-ease);transform-style:preserve-3d}.tagcloud-wrapper .tagcloud-tag div a{pointer-events:auto;cursor:pointer;letter-spacing:.02em;font-weight:600;font-size:var(--tag-font-size);white-space:nowrap;background:var(--tag-gua-text-gradient);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 1px 2px #0000000f);-webkit-background-clip:text;background-clip:text;text-decoration:none;transition:filter .2s,transform .2s}.tagcloud-wrapper .tagcloud-tag div a:hover{background:var(--tag-gua-text-gradient-hover);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 1px 2px #0000001a);-webkit-background-clip:text;background-clip:text;transform:scale(1.06)}.tagcloud-wrapper .tagcloud-controls{width:var(--_control-diamater);aspect-ratio:1;--_current-rotation:var(--tagcloud-start-rotation);transform-style:inherit;position:relative}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button{--_width:var(--_control-radius);--_height:calc(var(--_control-diamater)*3.14159/var(--num-elements) + 1px);--_theta-start:0;--_theta-length:calc(2*3.14159);--_segment:calc(var(--_theta-start) + var(--index)/var(--num-elements)*var(--_theta-length));--_x:calc(var(--_control-radius)*cos(var(--_segment)));--_y:calc(var(--_control-radius)*sin(var(--_segment)) + var(--_control-radius) - var(--_height)/2);--_rotation:calc(var(--index)/var(--num-elements)*360deg);left:var(--_x);top:var(--_y);width:var(--_width);height:var(--_height);clip-path:polygon(0% 50%,100% 0%,100% 100%);transform-origin:100%;transform:rotate(var(--_rotation));transition:background-color var(--tagcloud-transition-duration)var(--tagcloud-transition-ease);background-color:var(--tagcloud-control-bg-color);position:absolute}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button input{appearance:none;opacity:0;cursor:pointer;width:100%;height:100%}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:checked){background-color:var(--tagcloud-control-bg-checked-color)}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:hover){background-color:var(--tagcloud-control-bg-hover-color)}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:first-child input:checked){--_current-rotation:108}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(2) input:checked){--_current-rotation:126}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(3) input:checked){--_current-rotation:144}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(4) input:checked){--_current-rotation:162}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(5) input:checked){--_current-rotation:180}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(6) input:checked){--_current-rotation:198}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(7) input:checked){--_current-rotation:216}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(8) input:checked){--_current-rotation:234}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(9) input:checked){--_current-rotation:252}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(10) input:checked){--_current-rotation:270}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(11) input:checked){--_current-rotation:288}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(12) input:checked){--_current-rotation:306}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(13) input:checked){--_current-rotation:324}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(14) input:checked){--_current-rotation:342}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(15) input:checked){--_current-rotation:0}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(16) input:checked){--_current-rotation:18}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(17) input:checked){--_current-rotation:36}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(18) input:checked){--_current-rotation:54}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(19) input:checked){--_current-rotation:72}.tagcloud-wrapper .tagcloud-controls:has(.tagcloud-control-button:nth-child(20) input:checked){--_current-rotation:90}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:checked)~.tagcloud-rotation{transform:translate(-50%,-50%)rotate(calc(var(--_current-rotation)*1deg))}.tagcloud-wrapper .tagcloud-controls .tagcloud-control-button:has(input:checked)~.tagcloud-rotation .tagcloud-tags .tagcloud-tag div{transform:rotateZ(calc(var(--_current-rotation)*-1deg))}.tagcloud-wrapper .tagcloud-controls .tagcloud-rotation{width:var(--_diameter);aspect-ratio:1;perspective:calc(var(--_diameter)*2);transform-style:preserve-3d;background:radial-gradient(rgba(var(--tagcloud-bg-color-rgb),.55)15%,rgba(var(--tagcloud-bg-color-rgb),0)calc(75% - var(--tag-diameter)));transform:translate(-50%,-50%)rotate(calc(var(--_current-rotation)*1deg));transition:transform var(--tagcloud-transition-user-duration)var(--tagcloud-transition-user-ease);border-radius:50%;position:absolute;top:50%;left:50%}