.article-toolbar[data-v-fb07b778]{border-bottom:1px solid rgba(0,0,0,.06)}.page-font-size-controls[data-v-fb07b778]{position:fixed;top:10px;right:20px;z-index:1000;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.8);padding:5px 10px;border-radius:20px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.font-size-btn[data-v-fb07b778],.theme-btn[data-v-fb07b778],.print-btn[data-v-fb07b778]{border:none;background:transparent;font-weight:700;cursor:pointer;padding:5px;border-radius:5px;transition:all .2s;min-width:30px;display:flex;align-items:center;justify-content:center}.font-size-btn[data-v-fb07b778]:hover,.theme-btn[data-v-fb07b778]:hover,.print-btn[data-v-fb07b778]:hover{background-color:#0000001a}.increase-btn[data-v-fb07b778]{font-size:16px}.decrease-btn[data-v-fb07b778]{font-size:14px}.typed-wrapper[data-v-fb07b778]{min-width:200px}[data-v-fb07b778] .typed-cursor{display:inline-block;vertical-align:middle;line-height:normal;opacity:1;animation:blink-fb07b778 .7s infinite;margin-left:2px}@keyframes blink-fb07b778{0%{opacity:1}50%{opacity:0}to{opacity:1}}.article-content[data-v-fb07b778]{padding:10px;line-height:1.7;color:#333}.article-html-content[data-v-fb07b778]{position:relative;z-index:1;max-width:100%;overflow-wrap:break-word}.article-html-content img[data-v-fb07b778]{max-width:100%;height:auto;border-radius:4px;display:block;margin:1rem auto}.article-html-content .table-responsive[data-v-fb07b778]{width:100%;overflow-x:auto;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.article-html-content table[data-v-fb07b778]{width:100%;border-collapse:collapse;border-spacing:0}.article-html-content table th[data-v-fb07b778],.article-html-content table td[data-v-fb07b778]{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.article-html-content table thead th[data-v-fb07b778]{vertical-align:bottom;border-bottom:2px solid #dee2e6}.article-html-content h1[data-v-fb07b778],.article-html-content h2[data-v-fb07b778],.article-html-content h3[data-v-fb07b778],.article-html-content h4[data-v-fb07b778],.article-html-content h5[data-v-fb07b778],.article-html-content h6[data-v-fb07b778]{margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.article-html-content a[data-v-fb07b778]{color:var(--color-primary, #1976D2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-html-content a[data-v-fb07b778]:hover{border-bottom-color:currentColor}.article-html-content a[data-seo=internal][data-v-fb07b778]{font-weight:500}.article-html-content ul[data-v-fb07b778],.article-html-content ol[data-v-fb07b778]{padding-left:2rem;margin-bottom:1rem}.article-html-content pre[data-v-fb07b778]{border-radius:6px;margin:1.5rem 0;padding:0;overflow:hidden;position:relative;background-color:#282c34;box-shadow:0 3px 5px #0000001a}.article-html-content pre code[data-v-fb07b778]{display:block;overflow-x:auto;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;-moz-tab-size:4;tab-size:4}.article-html-content pre[data-v-fb07b778]{position:relative}.article-html-content pre[data-v-fb07b778]:before{content:attr(data-language);position:absolute;top:0;right:0;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;background-color:#0000004d;border-bottom-left-radius:4px;z-index:10}.article-html-content pre .code-copy-button[data-v-fb07b778]{position:absolute;top:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:4px 10px;background-color:#0000004d;border:none;border-radius:0 6px;color:#fff;opacity:0;transition:opacity .2s,background-color .2s,transform .2s;cursor:pointer;font-size:12px;gap:5px}.article-html-content pre:hover .code-copy-button[data-v-fb07b778]{opacity:1}.article-html-content pre .code-copy-button[data-v-fb07b778]:hover{background-color:#0009}.article-html-content pre .code-copy-button[data-v-fb07b778]:active{background-color:#000000e6;transform:scale(.95)}.article-html-content pre .code-copy-button.copying[data-v-fb07b778]{background-color:#00b450cc;color:#fff;min-width:85px}@keyframes copySuccess-fb07b778{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.code-copy-success[data-v-fb07b778]{animation:copySuccess-fb07b778 .5s ease}.article-html-content pre[data-v-fb07b778]:before{right:auto;left:0;border-radius:0 0 4px}.article-html-content pre.language-javascript[data-v-fb07b778]:before{content:"JavaScript";background-color:#f0db4f;color:#323330}.article-html-content pre.language-html[data-v-fb07b778]:before{content:"HTML";background-color:#e44d26;color:#fff}.article-html-content pre.language-css[data-v-fb07b778]:before{content:"CSS";background-color:#264de4;color:#fff}.article-html-content pre.language-php[data-v-fb07b778]:before{content:"PHP";background-color:#8993be;color:#fff}.article-html-content pre.language-python[data-v-fb07b778]:before{content:"Python";background-color:#306998;color:#fff}.article-html-content code[data-v-fb07b778]:not(pre code){background-color:#0000000d;border-radius:3px;padding:.2em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.dark-mode .article-html-content code[data-v-fb07b778]:not(pre code){background-color:#ffffff1a}.reading-mode[data-v-fb07b778]{max-width:720px;margin:0 auto;font-size:18px;line-height:1.9;background-color:#f9f9f9;padding:2rem!important;border-radius:8px}.dark-mode .reading-mode[data-v-fb07b778]{background-color:#2d2d2d;color:#e0e0e0}.sticky-sidebar[data-v-fb07b778]{position:sticky;top:80px}.back-to-top[data-v-fb07b778]{position:fixed;bottom:20px;right:20px;z-index:99;transition:opacity .3s ease}.reading-progress-bar[data-v-fb07b778]{position:fixed;top:0;left:0;right:0;z-index:1000}.reading-mode[data-v-fb07b778]{max-width:700px;margin:0 auto;line-height:1.9}.reading-mode .article-content[data-v-fb07b778]{font-family:"Noto Serif",serif}.article-card[data-v-fb07b778]{transition:transform .3s ease}.article-card[data-v-fb07b778]:hover{transform:translateY(-5px)}.related-article[data-v-fb07b778]{transition:background-color .3s ease}.related-article[data-v-fb07b778]:hover{background-color:#0000000d}.top-article[data-v-fb07b778]{transition:background-color .3s ease}.top-article[data-v-fb07b778]:hover{background-color:#0000000d}.share-item[data-v-fb07b778]{transition:background-color .2s ease}.share-item[data-v-fb07b778]:hover{background-color:#0000000d}@media print{.v-app-bar[data-v-fb07b778],.v-navigation-drawer[data-v-fb07b778],.v-footer[data-v-fb07b778],.back-to-top[data-v-fb07b778],.reading-progress-bar[data-v-fb07b778],.article-toolbar[data-v-fb07b778],.sticky-sidebar[data-v-fb07b778]{display:none!important}.article-content[data-v-fb07b778]{font-size:12pt!important}.v-container[data-v-fb07b778]{max-width:100%!important;padding:0!important}.article-card[data-v-fb07b778]{box-shadow:none!important}}.article-title-area[data-v-fb07b778]{background:linear-gradient(135deg,var(--v-theme-primary) 0%,rgb(64,64,255) 100%);position:relative;overflow:hidden}.article-title-area .title[data-v-fb07b778]{padding-top:70px;height:350px;padding-left:20%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.article-title-area .title>h1[data-v-fb07b778]{color:#f5f5f5;font-size:48px;margin-bottom:20px;line-height:1.2;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.article-title-area .hdoa[data-v-fb07b778]{color:#ffffffe6;-webkit-user-select:none;user-select:none;font-size:15px;margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap}.article-title-area .hdoa>span[data-v-fb07b778]{padding:0 20px 0 4px}.article-title-area .article-keywords[data-v-fb07b778]{color:#ffffffe6;font-size:14px;display:flex;align-items:center}.article-title-area .article-keywords span[data-v-fb07b778]{padding-left:4px}[data-v-fb07b778] .waves{position:relative;z-index:3}@media (max-width: 1800px){.article-title-area .title>h1[data-v-fb07b778]{font-size:35px}}@media (max-width: 800px){.article-title-area .title[data-v-fb07b778]{padding-left:10%;height:280px}.article-title-area .title>h1[data-v-fb07b778]{font-size:25px}}.content-background[data-v-fb07b778]{background-color:#fff;width:100%;position:relative;z-index:2;min-height:100vh;box-shadow:0 -5px 15px #0000000d}.breadcrumb-wrapper[data-v-fb07b778]{padding:10px 0;position:relative}.notebook-background[data-v-fb07b778]{background-color:#fffdf7;background-image:linear-gradient(#e0e0e8 1px,transparent 1px),linear-gradient(90deg,#e0e0e8 1px,transparent 1px);background-size:20px 20px;background-position:0 0;border-left:2px solid #f0a4a4;box-shadow:inset 0 0 5px #0000000d,0 2px 8px #0000001a;padding-left:40px!important;border-radius:8px;overflow:hidden;background-blend-mode:multiply;position:relative}.notebook-background[data-v-fb07b778]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#d1d1d1 1px,transparent 1px);background-size:20px 40px;background-position:10px center;background-repeat:repeat-y;pointer-events:none;z-index:3}.notebook-background[data-v-fb07b778]:before{content:"";position:absolute;top:0;left:28px;height:100%;width:1px;background-color:#f0a4a4}.article-card[data-v-fb07b778]{position:relative;overflow:visible!important}.article-card[data-v-fb07b778]:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background-color:#bad7e9;border-bottom:1px solid #ddd;z-index:1}.article-content[data-v-fb07b778]{position:relative;z-index:1;padding:15px 5px 10px;line-height:1.8;color:#333;text-shadow:.5px .5px 0px rgba(255,255,255,.8)}.article-html-content[data-v-fb07b778]{position:relative;z-index:1}.article-html-content p[data-v-fb07b778]{position:relative;margin-bottom:20px;z-index:2;padding-bottom:10px}.article-html-content h1[data-v-fb07b778],.article-html-content h2[data-v-fb07b778],.article-html-content h3[data-v-fb07b778],.article-html-content h4[data-v-fb07b778]{position:relative;background-color:#fff7d9b3;padding:5px 8px;border-radius:4px;margin-top:20px;margin-bottom:15px;z-index:2;border-bottom:1px dashed #ccc;box-shadow:0 1px 3px #0000000d}.article-html-content img[data-v-fb07b778]{border:1px solid #eaeaea;padding:3px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.reading-mode.notebook-background[data-v-fb07b778]{background-image:none;border-left:none;background-color:#f8f8f8}.reading-mode.notebook-background[data-v-fb07b778]:before,.reading-mode.notebook-background[data-v-fb07b778]:after,.reading-mode .article-card[data-v-fb07b778]:before{display:none}