benben-miao
/
benben-miao


  
1

	
2

	
3

	
4

	
5

	
6

	
7

	
8

	
9

	
10

	
11

	
12

	
13

	
14

	
15

	
16

	
17

	
18

	
19

	
20

	
21

	
22

	
23

	
24

	
25

	
26

	
27

	
28

	
29

	
30

	
31

	
32

	
33

	
34

	
35

	
36

	
37

	
38

	
39

	
40

	
41

	
42

	
43

	
44

	
45

	
46

	
47

	
48

	
49

	
50

	
51

	
52

	
53

	
54

	
55

	
56

	
57

	
58

	
59

	
60

	
61

	
62

	
63

	
64

	
65

	
66

	
67

	
68

	
69

	
70

	
71

	
72

	
73

	
74

	
75

	
76

	
77

	
78

	
79

	
80

	
81

	
82

	
83

	
84

	
85

	
86

	
87

	
88

	
89

	
90

	
91

	
92

	
93

	
94

	
95

	
96

	
97

	
98

	
99

	
100

	
101

	
102

	
103

	
104

	
105

	
106

	
107

	
108

	
109

	
110

	
111

	
112

	
113

	
114

	
115

	
116

	
117

	
118

	
119

	
120

	
121

	
122

	
123

	
124

	
125

	
126

	
127

	
128

	
129

	
130

	
131

	
132

	
133

	
134

	
135

	
136

	
137

	
138

	
139

	
140

	
141

	
142

	
143

	
144

	
145

	
146

	
147

	
148

	
149

	
150

	
151

	
152

	
153

	
154

	
155

	
156

	
157

	
158

	
159

	
160

	
161

	
162

	
163

	
164

	
165

	
166

	
167

	
168

	
169

	
170

	
171

	
172

	
173

	
174

	
175

	
176

	
177

	
178

	
179

	
180

	
181

	
182

	
183

	
184

	
185

	
186

	
187

	
188

	
189

	
190

	
191

	
192

	
193

	
194

	
195

	
196

	
197

	
198

	
199

	
200

	
201

	
202

	
203

	
204

	
205

	
206

	
207

	
208

	
209

	
210

	
211

	
212

	
213

	
214

	
215

	
216

	
217

	
218

	
219

	
220

	
221

	
222

	
223

	
224

	
225

	
226

	
227

	
228

	
229

	
230

	
231

	
232

	
233

	
234

	
235

	
236

	
237

	
238

	
239

	
240

	
241

	
242

	
243

	
244

	
245

	
246

	
247

	
248

	
249

	
250

	
251

	
252

	
253

	
254

	
255

	
256

	
257

	
258

	
259

	
260

	
261

	
262

	
263

	
264

	
265

	
266

	
267

	
268

	
269

	
270

	
271

	
272

	
273

	
274

	
275

	
276

	
277

	
278

	
279

	
280

	
281

	
282

	
283

	
284

	
285

	
286

	
287

	
288

	
289

	
290

	
291

	
292

	
293

	
294

	
295

	
296

	
297

	
298

	
299

	
300

	
301

	
302

	
303

	
304

	
305

	
306

	
307

	
308

	
309

	
310

	
311

	
312

	
313

	
314

	
315

	
316

	
317

	
318

	
319

	
320

	
321

	
322

	
323

	
324

	
325

	
326

	
327

	
328

	
329

	
330

	
331

	
332

	
333

	
334

	
335

	
336

	
337

	
338

	
339

	
340

	
341

	
342

	
343

	
344

	
345

	
346

	
347

	
348

	
349

	
350

	
351

	
352

	
353

	
354

	
355

	
356

	
357

	
358

	
359

	
360

	
361

	
362

	
363

	
364

	
365

	
366

	
367

	
368

	
369

	
370

	
371

	
372

	
373

	
374

	
375

	
376

	
377

	
378

	
379

	
380

	
381

	
382

	
383

	
384

	
385

	
386

	
387

	
388

	
389

	
390

	
391

	
392

	
393

	
394

	
395

	
396

	
397

	
398

	
399

	
400

	
401

	
402

	
403

	
404

	
405

	
406

	
407

	
408

	
409

	
410

	
411

	
412

	
413

	
414

	
415

	
416

	
417

	
418

	
419

	
            <!DOCTYPE html>

<html lang="en">

<head>
  
  <title>benben-miao</title>
  <meta charset="UTF-8">
  <meta name="description" content="Research for bioinformatics.">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
  
  
  <link rel="shortcut icon" href="https://benben-miao.gitee.io/image-cloud/BioBlog/avatar.jpg" type="image/jpg" />
  <meta name="description" content="Research for bioinformatics.">
<meta property="og:type" content="website">
<meta property="og:title" content="benben-miao">
<meta property="og:url" content="https://benben-miao.github.io/index.html">
<meta property="og:site_name" content="benben-miao">
<meta property="og:description" content="Research for bioinformatics.">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="benben-miao">
<meta property="article:tag" content="Website">
<meta name="twitter:card" content="summary">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/gh/nexmoe/nexmoe.github.io@latest/css/style.css,npm/highlight.js@9.15.8/styles/atom-one-dark.css,gh/nexmoe/nexmoe.github.io@latest/lib/mdui_043tiny/css/mdui.css,gh/nexmoe/nexmoe.github.io@latest/lib/iconfont/iconfont.css" crossorigin>
  
  <!--<link rel="stylesheet" href="/css/style.css?v=1646305991860">-->

   
    <style>
      .nexmoe-avatar img:hover {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
      }	
    </style>
  
<meta name="generator" content="Hexo 4.2.0"></head>

<body class="mdui-drawer-body-left">
  
  <div id="nexmoe-background">
    <div class="nexmoe-bg" style="background-image: url()"></div>
    <div class="mdui-appbar mdui-shadow-0">
      <div class="mdui-toolbar">
        <a mdui-drawer="{target: '#drawer', swipe: true}" title="menu" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon nexmoefont icon-menu"></i></a>
        <div class="mdui-toolbar-spacer"></div>
        <!--<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>-->
        <a href="/" title="benben-miao" class="mdui-btn mdui-btn-icon"><img src="https://benben-miao.gitee.io/image-cloud/BioBlog/avatar.jpg" alt="benben-miao"></a>
       </div>
    </div>
  </div>
  <div id="nexmoe-header">
      <div class="nexmoe-drawer mdui-drawer" id="drawer">
    <div class="nexmoe-avatar mdui-ripple">
        <a href="/" title="benben-miao">
            <img src="https://benben-miao.gitee.io/image-cloud/BioBlog/avatar.jpg" alt="benben-miao" alt="benben-miao">
        </a>
    </div>
    <div class="nexmoe-count">
        <div><span>Articles</span>80</div>
        <div><span>Tags</span>8</div>
        <div><span>Categories</span>0</div>
    </div>
    <div class="nexmoe-list mdui-list" mdui-collapse="{accordion: true}">
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/" title="Home">
            <i class="mdui-list-item-icon nexmoefont icon-home"></i>
            <div class="mdui-list-item-content">
                Home
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/bioblog" title="BioBlog">
            <i class="mdui-list-item-icon nexmoefont icon-coffee"></i>
            <div class="mdui-list-item-content">
                BioBlog
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/about.html" title="About">
            <i class="mdui-list-item-icon nexmoefont icon-info-circle"></i>
            <div class="mdui-list-item-content">
                About
            </div>
        </a>
        
    </div>
    <aside id="nexmoe-sidebar">
  
  <div class="nexmoe-widget-wrap">
    <div class="nexmoe-widget nexmoe-search">
        <form id="search_form" action_e="https://cn.bing.com/search?q=https://github.com/benben-miao/" onsubmit="return search();">
            <label><input id="search_value" name="q" type="search" placeholder="Search"></label>
        </form>
    </div>
</div>
  
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">Social</h3>
    <div class="nexmoe-widget nexmoe-social">
        <a class="mdui-ripple" href="https://github.com/benben-miao" target="_blank" mdui-tooltip="{content: 'GitHub'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-github"></i>
        </a><a class="mdui-ripple" href="https://gitee.com/benben-miao" target="_blank" mdui-tooltip="{content: 'Gitee'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-container"></i>
        </a><a class="mdui-ripple" href="https://hiplot.com.cn" target="_blank" mdui-tooltip="{content: 'Hiplot-Cloud'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-dribbble"></i>
        </a><a class="mdui-ripple" href="https://bio-nav.hiplot.com.cn" target="_blank" mdui-tooltip="{content: 'Bio-Nav'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-battlenet"></i>
        </a><a class="mdui-ripple" href="https://colors-cloud.onrender.com" target="_blank" mdui-tooltip="{content: 'Colors-Cloud'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-calendar-fill"></i>
        </a><a class="mdui-ripple" href="https://www.yuque.com/benben.miao" target="_blank" mdui-tooltip="{content: 'YuQue'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-home"></i>
        </a><a class="mdui-ripple" href="https://hiplot.com.cn/developer-wall" target="_blank" mdui-tooltip="{content: 'Dev-Wall'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-coffee"></i>
        </a><a class="mdui-ripple" href="https://omicspheremed.netlify.app/" target="_blank" mdui-tooltip="{content: 'OmicsSphere'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-areachart"></i>
        </a>
    </div>
    <hr/>
<!-- https://clustrmaps.com -->
<script type='text/javascript' id='clustrmaps' src='//cdn.clustrmaps.com/map_v2.js?cl=ffffff&w=a&t=tt&d=2LlOs1moz-K8B-p9A0x0aIHu3QVuKMC40q9JHNA5XH4&co=0a77c4&cmo=3acc3a&cmn=ff5353&ct=ffffff'></script>
</div>
  
  
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">Tag Cloud</h3>
    <div id="randomtagcloud" class="nexmoe-widget tagcloud nexmoe-rainbow">
      <a href="/tags/Bioinformatics/" style="font-size: 15px;">Bioinformatics</a> <a href="/tags/Cartoon/" style="font-size: 10px;">Cartoon</a> <a href="/tags/Code/" style="font-size: 17.5px;">Code</a> <a href="/tags/Design/" style="font-size: 20px;">Design</a> <a href="/tags/Festival/" style="font-size: 12.5px;">Festival</a> <a href="/tags/Rhyme/" style="font-size: 20px;">Rhyme</a> <a href="/tags/Science/" style="font-size: 12.5px;">Science</a> <a href="/tags/ThreeD/" style="font-size: 10px;">ThreeD</a>
    </div>
    
  </div>

  
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">Archive</h3>
    <div class="nexmoe-widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/03/">March 2022</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/02/">February 2022</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/01/">January 2022</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/12/">December 2021</a></li></ul>
    </div>
  </div>


</aside>
    <div class="nexmoe-copyright">
        &copy; 2022 benben-miao
        Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
        & <a href="https://nexmoe.com/hexo-theme-nexmoe.html" target="_blank">Nexmoe</a>
    </div>
</div><!-- .nexmoe-drawer -->
  </div>
  <div id="nexmoe-content">
    <div class="nexmoe-primary">
        <section class="nexmoe-posts">
    
    <div class="nexmoe-post">
        <a href="/2022/03/03/FlowersRotation/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Spline/flowers-rotation.png" data-sizes="auto" alt="Flowers Rotation" class="lazyload">
                    <h1>Flowers Rotation</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年03月03日</a>
            <a><i class="nexmoefont icon-areachart"></i>8 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/03/03/Logo3D/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Spline/logo-3d.png" data-sizes="auto" alt="Logo 3D" class="lazyload">
                    <h1>Logo 3D</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年03月03日</a>
            <a><i class="nexmoefont icon-areachart"></i>8 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/03/02/CuteTiger/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Spline/cute-tiger.png" data-sizes="auto" alt="Cute Tiger" class="lazyload">
                    <h1>Cute Tiger</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年03月02日</a>
            <a><i class="nexmoefont icon-areachart"></i>8 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/26/SphereWave/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Spline/sphere-wave.png" data-sizes="auto" alt="Sphere Wave" class="lazyload">
                    <h1>Sphere Wave</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月26日</a>
            <a><i class="nexmoefont icon-areachart"></i>8 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/21/OlympicBingXue/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/SketchFab/Olympic-BingXue.png" data-sizes="auto" alt="Olympic 冰雪吉祥物" class="lazyload">
                    <h1>Olympic 冰雪吉祥物</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月21日</a>
            <a><i class="nexmoefont icon-areachart"></i>12 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/21/OlympicXueRongrong/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/SketchFab/Olympic-XueRongrong.png" data-sizes="auto" alt="Olympic 雪容融" class="lazyload">
                    <h1>Olympic 雪容融</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月21日</a>
            <a><i class="nexmoefont icon-areachart"></i>10 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/21/OlympicBingDundun/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/SketchFab/Olympic-BingDundun.png" data-sizes="auto" alt="Olympic 冰墩墩" class="lazyload">
                    <h1>Olympic 冰墩墩</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月21日</a>
            <a><i class="nexmoefont icon-areachart"></i>10 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/20/CatGalaxy/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Codepen/cat-galaxy.png" data-sizes="auto" alt="Cat Galaxy" class="lazyload">
                    <h1>Cat Galaxy</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月20日</a>
            <a><i class="nexmoefont icon-areachart"></i>22 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/20/ColorfulFlowers/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Codepen/colorful-flowers.png" data-sizes="auto" alt="Colorful Flowers" class="lazyload">
                    <h1>Colorful Flowers</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月20日</a>
            <a><i class="nexmoefont icon-areachart"></i>15 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
    <div class="nexmoe-post">
        <a href="/2022/02/19/FlowersGenerator/">
            
                <div class="nexmoe-post-cover mdui-ripple" style="padding-bottom: 56.25%;"> 
                    <img data-src="https://benben-miao.gitee.io/image-cloud/Codepen/flowers-generator.png" data-sizes="auto" alt="Flowers Generator" class="lazyload">
                    <h1>Flowers Generator</h1>
                </div>
            
        </a>

        <div class="nexmoe-post-meta nexmoe-rainbow">
            <a><i class="nexmoefont icon-calendar-fill"></i>2022年02月19日</a>
            <a><i class="nexmoefont icon-areachart"></i>15 字</a>
            <a><i class="nexmoefont icon-time-circle-fill"></i>大概 1 分钟</a>
        </div>

        <article>
            
                <!-- <div style="background-color: #eeeeee; width: 120px; padding:5px 20px; border-radius: 3px;">Read More</div> -->
            
        </article>
    </div>
    
</section>

    <nav class="nexmoe-page-nav">
      <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/8/">8</a><a class="extend next" rel="next" href="/page/2/"><i class="nexmoefont icon-right"></i></a>
    </nav>
  
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/combine/npm/lazysizes@5.1.0/lazysizes.min.js,gh/highlightjs/cdn-release@9.15.8/build/highlight.min.js,npm/mdui@0.4.3/dist/js/mdui.min.js,gh/nexmoe/nexmoe.github.io@latest/js/app.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!--<script src="/js/app.js?v=1646305991861"></script>-->


    <script src="https://cdn.jsdelivr.net/gh/xtaodada/xtaodada.github.io@0.0.2/copy.js"></script>


<script> 
!function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);
</script>

  
<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"log":false,"model":{"jsonPath":"https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json"},"display":{"superSample":2,"width":150,"height":300,"position":"left","hOffset":10,"vOffset":-20},"mobile":{"show":true,"scale":0.5},"react":{"opacityDefault":0.7,"opacityOnHover":0.2}});</script></body>

</html>