.ad-space{width:300px;min-width:300px}.ad-unit{margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgb(0 0 0 / .1)}@media (max-width:1200px){.ad-space{width:250px;min-width:250px}}@media (max-width:1024px){.mobile-menu-btn{display:block!important}nav ul{display:none}nav ul li a:focus,nav ul li a:hover{background-color:#f8f9fa}nav ul li a.active{background-color:#421983}.dropdown>a{padding-right:3rem}.dropdown>a::after{font-weight:900;color:inherit}.dropdown-content{position:static;box-shadow:none;background:#f8f9fa;padding:0}.dropdown:hover .dropdown-content{display:none}.dropdown-content a{padding:.875rem 1.5rem .875rem 3rem;border-bottom:1px solid #e9ecef;color:#495057;font-weight:400;display:flex;align-items:center}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:#e9ecef;color:#421983}}@media (min-width:1025px){.mobile-menu-btn{display:none!important}nav ul{display:flex!important}.dropdown-content{display:none;position:absolute;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:6px;padding:.5rem 0;min-width:240px;z-index:1000}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{padding:.75rem 1rem;display:block;color:#421983;text-decoration:none;transition:background-color .3s ease}.dropdown-content a:hover{background-color:#f8f9fa}}body.menu-open{overflow:hidden}.dp-article .table-wrap{overflow-x: auto;margin: 20px 0;border: 1px solid #d0d7de;border-radius: 8px}.dp-article table{width: 100%;border-collapse: collapse;font-size: 15px}.dp-article th{background: #421983;color: #ffffff;text-align: left;padding: 10px 14px}.dp-article td{padding: 10px 14px;border-top: 1px solid #e5e7eb;vertical-align: top;text-align: left}.dp-article tbody tr:nth-child(even){background: #f6f8fa}.dp-article td code,.dp-article p code,.dp-article li code{background: #eef1f5;color: #b42318;padding: 2px 6px;border-radius: 4px;font-size: 14px}body>.container,.main-content,.dp-article{min-width: 0;max-width: 100%}.dp-article :not(pre)>code{overflow-wrap: anywhere}.dp-article h1,.dp-article h2,.dp-article h3,.dp-article h4{text-align: left}.dp-article .toc{margin: 24px 0 32px;padding: 20px 24px;background: #f8f5fd;border: 1px solid #e3d9f5;border-left: 4px solid #421983;border-radius: 10px}.dp-article .toc-title{display: flex;align-items: center;gap: 8px;margin-bottom: 14px;font-size: 17px;color: #421983}.dp-article .toc ol{list-style: none;counter-reset: toc;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px 24px}.dp-article .toc li{counter-increment: toc;margin: 0}.dp-article .toc a{display: flex;align-items: center;gap: 10px;padding: 6px 8px;border-radius: 6px;color: #1f2328;text-decoration: none;text-align: left;line-height: 1.4;transition: background-color 0.2s ease,color 0.2s ease}.dp-article .toc a::before{content: counter(toc);flex: 0 0 26px;height: 26px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: #421983;color: #ffffff;font-size: 12px;font-weight: 600}.dp-article .toc a:hover,.dp-article .toc a:focus-visible{background: #ece4fa;color: #421983}@media (max-width: 640px){.dp-article .toc{padding: 16px}.dp-article .toc ol{grid-template-columns: 1fr}}.dp-article>ul{list-style: disc;padding-left: 1.5rem;margin: 12px 0}.dp-article>ol{list-style: decimal;padding-left: 1.5rem;margin: 12px 0}.dp-article>ul li,.dp-article>ol li,.dp-panel>ul li{margin: 6px 0;line-height: 1.6}.dp-tabs{display: flex;flex-wrap: wrap;gap: 6px;margin: 20px 0 28px;padding: 6px;background: #f4f0fb;border: 1px solid #e3d9f5;border-radius: 12px}.dp-tab{flex: 1 1 0;display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 14px;border: 0;border-radius: 8px;background: transparent;color: #421983;font: 600 15px/1.2 Inter,system-ui,sans-serif;cursor: pointer;transition: background-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease}.dp-tab:hover{background: #ece4fa}.dp-tab:focus-visible{outline: 2px solid #421983;outline-offset: 2px}.dp-tab[aria-selected="true"]{background: #421983;color: #ffffff;box-shadow: 0 4px 12px rgba(66,25,131,0.28)}.dp-panel[hidden]{display: none}.dp-panel{animation: dpFade 0.25s ease}.dp-panel:focus{outline: none}.dp-panel>h3{margin-top: 0}@keyframes dpFade{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}@media (max-width: 900px){.dp-tab{flex: 1 1 calc(50% - 6px)}}@media (max-width: 560px){.dp-tab{padding: 10px 6px;font-size: 13px;gap: 6px}.dp-tab i{display: none}}body.night-mode .dp-tabs{background: #1f1a2e;border-color: #3b2f5c}body.night-mode .dp-tab{color: #cdb9f5}body.night-mode .dp-tab:hover{background: #2c2442}body.night-mode .dp-tab[aria-selected="true"]{background: #6a3fc1;color: #ffffff}.dp-article .code-editor{margin: 20px 0 28px;border-radius: 10px;overflow: hidden;background: #1e1e1e;box-shadow: 0 6px 18px rgba(0,0,0,0.25)}.dp-article .editor-bar{display: flex;align-items: center;gap: 8px;padding: 10px 14px;background: #2d2d2d;border-bottom: 1px solid #3a3a3a}.dp-article .editor-bar .dot{width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0}.dp-article .dot.red{background: #ff5f56}.dp-article .dot.yellow{background: #ffbd2e}.dp-article .dot.green{background: #27c93f}.dp-article .editor-bar .file-name{margin-left: 10px;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #c9d1d9;font: 13px/1 Consolas,Monaco,"Courier New",monospace}.dp-article .editor-bar .copy-btn{margin-left: auto;flex-shrink: 0;background: #3c3c3c;color: #e6e6e6;border: 1px solid #555;border-radius: 5px;padding: 4px 10px;font-size: 12px;cursor: pointer}.dp-article .editor-bar .copy-btn:hover{background: #4a4a4a}.dp-article .code-editor pre[class*="language-"]{margin: 0;border-radius: 0;background: #1e1e1e;font-size: 14px;line-height: 1.6}.dp-article .code-editor pre[class*="language-"]>code{font-size: inherit;line-height: inherit;padding: 0;background: none}.dp-article .note-box{margin: 1.2rem 0;padding: .9rem 1rem;border-left: 4px solid #f0ad4e;background: rgba(240,173,78,.10);border-radius: 6px;line-height: 1.6}.dp-article .note-box-blue{border-left-color: #421983;background: #f4f0fb}.dp-article .note-box-green{border-left-color: #1a7f37;background: rgba(26,127,55,.08)}.dp-article p a,.dp-article ul li a,.dp-article td a,.dp-article .note-box a{color: #421983;font-weight: 600;text-decoration: underline;text-underline-offset: 2px}.dp-article p a:hover,.dp-article ul li a:hover,.dp-article td a:hover,.dp-article .note-box a:hover{color: #00a88b}body.night-mode .dp-article p a,body.night-mode .dp-article ul li a,body.night-mode .dp-article td a,body.night-mode .dp-article .note-box a{color: #cdb9f5}
