.custom-article{background:var(--ecpower-bg-main);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;position:relative;z-index:1;color:var(--ecpower-text-primary)}.custom-article .container{max-width:1200px;margin:0 auto;padding:0 2rem}.custom-article .article-header{padding:2rem 0;text-align:center}.custom-article .breadcrumbs{font-size:.875rem;color:#6b7280;margin-bottom:2rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap;overflow:hidden}.custom-article .breadcrumbs a{color:#374151;text-decoration:underline;text-underline-offset:2px}.custom-article .breadcrumbs a:hover{color:#111827;text-decoration:none}.custom-article .breadcrumbs span:not(.tag){color:#9ca3af}.custom-article .breadcrumbs span:last-child{word-break:break-word;line-height:1.4}.custom-article .title-with-emoji{display:flex;flex-direction:column;align-items:center}.custom-article .main-article-emoji{font-size:3.125rem;line-height:1;display:block;margin-bottom:2rem}.custom-article .article-title{font-size:2rem;font-weight:700;color:var(--ecpower-text-primary);line-height:1.4;margin:0 0 1rem!important;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.custom-article .article-date{font-size:.875rem;color:#6b7280;display:block}.custom-article .article-main{padding:2rem 0 4rem}.custom-article .article-main .container{display:flex;gap:3rem;align-items:flex-start}.custom-article .article-main .container.one-column .article-content{max-width:var(--article-content-max, 960px);width:100%;margin-inline:auto}.custom-article .article-content{flex:1;background:var(--ecpower-white);border-radius:.4rem;padding-block:4rem;padding-inline:3.6rem;min-width:0}.custom-article .article-content.no-tags{padding-block-start:3rem}.custom-article .article-content.no-tags .article-body{padding-top:0}.custom-article .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.custom-article .tag{display:inline-block;padding:.4rem .8rem;background:#2d2d30;color:#fff;font-size:.8125rem;font-weight:500;line-height:1;border-radius:.4rem!important;border:1px solid #2D2D30;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;outline:none;white-space:nowrap;vertical-align:middle}.custom-article .article-tags a.tag{color:#fff;text-decoration:none}.custom-article .tag:hover{background:#3a3a3d;border-color:#3a3a3d}.custom-article .article-body{font-size:1rem;line-height:1.8;color:var(--ecpower-text-primary)}.custom-article .article-body p{margin-bottom:2rem}.custom-article .article-body p:last-child{margin-bottom:0}.custom-article .article-body h1,.custom-article .article-body h2,.custom-article .article-body h3,.custom-article .article-body h4{color:var(--ecpower-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.custom-article .article-body h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;margin-top:2.5rem}.custom-article .article-body h2{font-size:1.5rem;font-weight:600;margin-bottom:1.2rem;margin-top:3.6rem;padding-bottom:.5rem;border-bottom:1px solid #d1d5db}.custom-article .article-body h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:3rem;padding-bottom:0;border-bottom:none}.custom-article .article-body h4{font-size:1.125rem;font-weight:600;margin-bottom:.8rem;margin-top:2.4rem}.custom-article .article-body ul,.custom-article .article-body ol{margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem}.custom-article .article-body ul{list-style-type:disc}.custom-article .article-body ol{list-style-type:decimal}.custom-article .article-body li>ul,.custom-article .article-body li>ol{margin-top:.6rem;margin-bottom:.6rem}.custom-article .article-body li{margin-bottom:.6rem;line-height:1.8}.custom-article .article-body li p{margin:0}.custom-article .article-body li>p+p{margin-top:.8rem}.custom-article .article-body ul li:last-child,.custom-article .article-body ol li:last-child{margin-bottom:0}.custom-article .article-body code{background-color:var(--ecpower-bg-main);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;color:var(--ecpower-text-primary)}.custom-article .article-body pre{background-color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:2rem;border:1px solid #e5e7eb}.custom-article .article-body pre code{background:none;padding:0}.custom-article .article-body a{color:#3b82f6;text-decoration:underline;text-underline-offset:.25em}.custom-article .article-body a:hover{color:#1d4ed8;text-decoration:none}.custom-article .article-body img{margin-bottom:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;max-width:100%;height:auto}.custom-article .article-body blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin-bottom:2rem;font-style:normal;color:#6b7280}.custom-article .article-body hr{border:0;border-top:1px solid #e5e7eb;height:0;margin:2rem 0}.custom-article .article-body>*:first-child{margin-top:0}.custom-article .article-body table{width:100%;margin-bottom:2rem;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;box-sizing:border-box;font-size:.9375rem}.custom-article .article-body thead{background-color:var(--ecpower-bg-main)}.custom-article .article-body th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--ecpower-text-primary);border-bottom:2px solid #e5e7eb;font-size:.875rem}.custom-article .article-body td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;color:var(--ecpower-text-primary);line-height:1.6}.custom-article .article-body tbody tr:last-child td{border-bottom:none}.custom-article .article-body tbody tr:hover{background-color:#f9fafb}@media screen and (max-width: 768px){.custom-article .article-body table{font-size:.8125rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;width:100%;white-space:normal}.custom-article .article-body th,.custom-article .article-body td{padding:.8rem 1rem;min-width:clamp(100px,28vw,120px);word-break:break-word;overflow-wrap:anywhere}.custom-article .article-body td code,.custom-article .article-body th code{white-space:pre-wrap;word-break:break-word}}.custom-article .article-sidebar{flex:0 0 300px;display:flex;flex-direction:column;gap:2rem;position:sticky;top:2rem;align-self:flex-start}.custom-article .ad-slot{background:var(--ecpower-white);border-radius:.4rem;height:300px;display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e1}.custom-article .ad-placeholder{color:#9ca3af;font-size:.875rem;font-weight:500;text-align:center}.custom-article .article-footer{padding:2rem 0 3rem;text-align:center}.custom-article .back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:500;color:var(--ecpower-text-primary);text-decoration:none;padding:.75rem 1.5rem;background:var(--ecpower-white);border:1px solid #cbd5e1;border-radius:.4rem;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.custom-article .back-link:hover{color:var(--ecpower-text-primary);background:var(--ecpower-bg-main);border-color:#94a3b8}@media screen and (max-width: 1024px){.custom-article .container{padding:0 1rem}.custom-article .article-main .container{flex-direction:column;gap:2rem}.custom-article .article-sidebar{position:static;flex:none;max-width:none;flex-direction:row;overflow-x:auto}.custom-article .ad-slot{min-width:200px}}@media screen and (max-width: 768px){.custom-article .container{padding:0}.custom-article .article-header .container,.custom-article .article-footer .container{padding:0 1rem}.custom-article .article-body h2{font-size:1.4rem}.custom-article .article-body h3{font-size:1.2rem}.custom-article .article-body h4{font-size:1.0625rem}.custom-article .article-content.no-tags{padding-bottom:3rem}.custom-article .breadcrumbs{font-size:.75rem;margin-bottom:1.5rem}.custom-article .article-title{font-size:1.5rem}.custom-article .main-article-emoji{font-size:3.125rem;margin-bottom:1rem}.custom-article .article-content{padding-inline:0;padding-block-end:2rem;border-radius:0;margin:0}.custom-article .article-tags,.custom-article .article-body{padding-inline:1.4rem}.custom-article .article-sidebar{display:none}}@media screen and (max-width: 375px){.custom-article .article-title{font-size:1.25rem}.custom-article .main-article-emoji{font-size:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-article.css.map */
