body{color:#222;font-family:sans-serif;line-height:1.5;margin:auto;max-width:768px;padding:0 1rem;scrollbar-gutter:stable}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem;position:sticky;top:100vh}footer p{display:block;padding:15px 0;margin-block-start:0;margin-block-end:0}a{color:#00e;text-decoration:none}a,button,input,textarea,label,img{-webkit-tap-highlight-color:transparent;outline:none}p code,li code{background-color:#f5f5f5;color:#c7254e;font-family:Consolas,Monaco,courier new,monospace;padding:.2em .4em;margin:0 .1em;border-radius:.25em;font-size:.95em;word-break:break-all}nav ul{display:flex;list-style:none;padding:8px 0;margin:0}nav li{margin:0 5px}nav a{text-decoration:none;font-size:large;color:#333;padding:8px 25px;border-radius:5px;transition:all .3s}nav a:hover{background:#eee}.menu-icon{display:none}.menu-icon .menu-close{display:none}#menu-toggle{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s;z-index:999}@media(max-width:768px){.menu-icon{display:block;position:fixed;top:30px;right:20px;cursor:pointer;height:33px;padding:5px;z-index:1001;background-color:rgba(255,255,255,.5)}nav ul{display:flex;flex-direction:column;position:fixed;top:0;right:-300px;width:300px;height:100%;background:#fff;border-left:1px solid #ccc;padding:0;padding-top:100px;transition:right .3s ease-in-out;box-shadow:-2px 0 5px rgba(0,0,0,.2);z-index:1000}.menu-icon .hamburger{background:#000;width:30px;height:3px;position:relative;transition:background 10ms 200ms ease;transform:translateY(10px)}.menu-icon .hamburger:before,.menu-icon .hamburger:after{transition:top 200ms 250ms ease,transform 200ms 50ms ease;position:absolute;background:#000;width:30px;height:3px;content:""}.menu-icon .hamburger:before{top:-10px}.menu-icon .hamburger:after{top:10px}#menu-toggle:checked~.menu-icon .hamburger{background:0 0}#menu-toggle:checked~.menu-icon .hamburger:after,#menu-toggle:checked~.menu-icon .hamburger:before{transition:top 200ms 50ms ease,transform 200ms 350ms ease;top:0}#menu-toggle:checked~.menu-icon .hamburger:before{transform:rotate(45deg)}#menu-toggle:checked~.menu-icon .hamburger:after{transform:rotate(-45deg)}nav ul li{margin:15px 0;width:100%}nav ul li a{display:block;font-size:20px;width:100%}#menu-toggle:checked+.menu-icon+.overlay{visibility:visible;opacity:1}#menu-toggle:checked+.menu-icon+.overlay+ul{right:0}}.no-scroll{overflow:hidden;height:100vh}figure img{max-width:100%;margin:0 auto}html,body{min-height:100vh}html{scrollbar-gutter:stable}*,::before,::after{box-sizing:border-box}.site-title{font-size:2rem;font-weight:700;margin-top:25px;margin-bottom:20px}.site-title a{text-decoration:none;color:#333;border-radius:5px;text-decoration:none;transition:all .3s ease-in-out}.title-image{height:140px}@media(max-width:768px){.title-image{height:90px}}.code-container{border-radius:8px;overflow:hidden}.file-name{background:#3a3f4b;color:#fff;font-size:13px;padding:5px 12px;font-weight:700}.highlight{background-color:#272822;overflow-x:auto;scrollbar-gutter:stable;width:auto;height:100%}.highlight>pre{display:flex}.highlight>pre>code{padding:0 10px}.highlight::-webkit-scrollbar{width:100%;height:8px;background:#ccc}.highlight::-webkit-scrollbar-thumb{background:#666;border-radius:4px}html::-webkit-scrollbar{width:10px;background:#ccc}html::-webkit-scrollbar-thumb{background:#666;border-radius:5px}.copy-button-container{position:sticky;left:0;top:0;width:100%;height:100%}.copy-button{position:absolute;top:10px;right:10px;background:#333;color:#fff;border:none;padding:5px 10px;font-size:12px;cursor:pointer;border-radius:4px;opacity:0;transition:opacity .2s}.copy-button.copied{opacity:1!important}.highlight:hover .copy-button{opacity:.7}.highlight:hover .copy-button:hover{opacity:1}.highlight:hover .copy-button.copied{opacity:1!important}.article-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.article-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;width:300px;transition:transform .2s ease-in-out}.article-image{width:100%;height:180px;object-fit:cover}.article-content{padding:15px;display:flex;flex-direction:column;height:100%}.article-title{font-size:18px;font-weight:700;margin:0 0 8px}.article-title a{color:#000;text-decoration:none}.article-title a:hover{text-decoration:underline}.article-date{font-size:12px;color:#777;margin:0}.article-excerpt{font-size:14px;color:#555;margin:12px 0 0;flex-grow:1}.article-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-block;background-color:#007bff;color:#fff;font-size:12px;padding:3px 8px;border-radius:5px;text-decoration:none;vertical-align:middle}.tag a{color:#fff;text-decoration:none}.tag a:hover{text-decoration:underline}.tag-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.tag-card{background:#007bff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:5px 10px;display:flex;align-items:center;gap:8px;transition:transform .2s ease-in-out}.tag-card:hover{transform:scale(1.05)}.tag-name{font-size:16px;font-weight:700;color:#fff;text-decoration:none}.tag-name:hover{text-decoration:underline}.tag-count{background-color:#7abafb;color:#fff;font-size:14px;font-weight:700;padding:3px 5px;border-radius:8px}.link-card{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#333;overflow:hidden;height:110px;margin:16px 0}.link-card__image img{width:220px;height:110px;object-fit:contain;overflow:hidden}.link-card__content{display:flex;flex-direction:column;padding:10px;flex-grow:1;justify-content:center;height:100%}.link-card__content:hover{background:#eee}.link-card__title{font-size:16px;font-weight:700;margin:0 0 5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1}.link-card__description{font-size:14px;color:#555;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1}.link-card__url{font-size:12px;margin:5px 0;color:#555}.pagination-custom{display:flex;list-style:none;padding:0;margin:20px 0;justify-content:center;align-items:center;gap:5px}.pagination-item{display:inline-block}.pagination-page-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:5px;text-decoration:none;color:#333;font-size:16px;font-weight:700;background-color:#fff;border:1px solid #ccc;border-radius:5px}.pagination-item.active .pagination-page-link{background-color:#007bff;color:#fff;border-color:#007bff;pointer-events:none}.pagination-item.disabled .pagination-page-link{color:#aaa;background-color:#f5f5f5;border-color:#ddd;pointer-events:none;cursor:default}blockquote.alert{display:flex;border-left:4px solid #ccc;padding:5px 0;padding-right:10px;margin:16px 0;border-radius:5px;background-color:#f9f9f9;font-family:sans-serif;position:relative;word-break:break-all}.alert-heading{padding:0 10px}blockquote.alert-caution{background-color:#fff3cd;border-left-color:#f5d880}blockquote.alert-important{background-color:#d1ecf1;border-left-color:#8fdde9}blockquote.alert-note{background-color:#e2e3e5;border-left-color:#b2c7e4}blockquote.alert-tip{background-color:#d4edda;border-left-color:#99eaac}blockquote.alert-warning{background-color:#f8d7da;border-left-color:#ff8b97}.quote{margin:5px 0;padding:1em 1.5em;border-left:4px solid #aaa;background-color:#f5f5f5;color:#333;font-style:italic;line-height:1.6;border-radius:5px}.content_container p>a{color:#07c;text-decoration:underline;font-weight:700;transition:color .3s ease,text-decoration-color .3s ease}.content_container p>a:hover{color:#005fa3;text-decoration-color:#005fa3}.content_container details{margin:1em 0;padding:.5em 1em;border:1px solid #cddfea;border-radius:.5em;background-color:#f9fcff;transition:background-color .3s ease;overflow:hidden}.content_container summary{cursor:pointer;font-weight:700;color:#369;padding:.5em 0;list-style:none;position:relative}.content_container summary:hover{color:#246}.content_container summary::before{content:"▶";top:50%;padding-right:5pt;transform:translateY(-50%);font-size:.8em;transition:transform .2s ease}.content_container details[open] summary::before{content:"▼"}.content_container details[open]{background-color:#eef6fb}.related-articles h2{display:inline-block;font-size:1.2em;background-color:#eef6fb;color:#369;padding:.3em .8em;border-radius:9999px;margin-bottom:1em}