.seo-search-wrap{max-width:720px;margin:0 auto 28px}
.seo-search-box{display:flex;gap:10px}
.seo-search-box input{
    flex:1;height:48px;border:1px solid #d7e5ff;border-radius:12px;padding:0 16px;font-size:15px;background:#fff;
    outline:none;box-shadow:none;-webkit-appearance:none;
}
.seo-search-box input:focus,
.seo-search-box input:focus-visible{
    outline:none !important;
    box-shadow:none !important;
    border-color:#3b82f6;
}
.seo-search-box button{
    height:48px;padding:0 22px;border:0;border-radius:12px;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer;
    outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;
}
.seo-search-box button:hover{background:#2563eb;color:#fff}
.seo-search-box button:focus,
.seo-search-box button:focus-visible,
.seo-search-box button:active{
    outline:none !important;
    box-shadow:none !important;
    color:#fff;
    background:#2563eb;
}
.seo-search-box button::-moz-focus-inner{border:0;padding:0}
.seo-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 auto 20px;justify-content:center}
.seo-cat{
    display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:13px;
    color:#3b82f6;background:#eaf2ff;border:1px solid #d7e5ff;text-decoration:none!important;
}
.seo-cat.is-on,.seo-cat:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}
.seo-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:13px;color:#6b7280;line-height:1.6}
.seo-crumb a{color:#3b82f6;text-decoration:none}
.seo-crumb a:hover{text-decoration:underline}
.seo-crumb-sep{color:#d1d5db}
.qs-news-body{min-width:0;flex:1}
.qs-news-body p{
    margin:0;
    color:#677788;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.qs-article-body{line-height:1.85;color:#1f2937;word-break:break-word;max-width:100%;overflow-wrap:break-word}
.qs-article-body h2{margin:28px 0 12px;padding-left:12px;border-left:4px solid #3b82f6;font-size:22px;line-height:1.4;color:#111827}
.qs-article-body h3{margin:22px 0 10px;padding-left:10px;border-left:3px solid #93c5fd;font-size:18px;line-height:1.4;color:#1f2937}
.qs-article-body p{margin:0 0 14px}
.qs-article-body ul,.qs-article-body ol{margin:0 0 16px;padding-left:22px}
.qs-article-body li{margin:0 0 6px}
.qs-article-body .wp-caption,
.qs-article-body .aligncenter,
.qs-article-body .alignnone,
.qs-article-body .alignleft,
.qs-article-body .alignright,
.qs-article-body [id^="attachment_"]{
    float:none !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    margin:16px 0 !important;
    box-sizing:border-box;
    text-align:left
}
.qs-article-body .wp-caption-text{display:block;margin:6px 0 0;text-align:left;font-size:13px;color:#6b7280;line-height:1.6}
.qs-article-body img{
    display:block;
    width:100% !important;
    max-width:50% !important;
    height:auto !important;
    margin:16px 0;
    border-radius:8px
}
.seo-box{margin:16px 0;padding:14px 16px;border-radius:10px;border:1px solid #d7e5ff;background:#f8fbff}
.seo-box-info{border-color:#bfdbfe;background:#eff6ff}
.seo-box-ok{border-color:#86efac;background:#f0fdf4}
.seo-box-warn{border-color:#fdba74;background:#fff7ed}
.seo-box-price{border-color:#93c5fd;background:#eef6ff;font-weight:600}
.qs-article-body mark,
.qs-article-body .seo-mark,
.qs-article-body .seo-mark-blue,
.qs-article-body .seo-mark-green,
.qs-article-body .seo-mark-orange,
.qs-article-body .seo-mark-red{
    background:none !important;
    padding:0;
    border-radius:0;
    color:inherit;
    font-style:normal;
    font-weight:700;
}
.qs-article-body strong,.qs-article-body b{font-weight:700}
.qs-article-body .seo-plainblock{
    margin:16px 0;padding:0;border:0;background:none;color:inherit;
    font-family:inherit;font-size:inherit;line-height:1.75;
    white-space:pre-wrap;word-break:break-word
}
.qs-article-body pre,.seo-code{margin:0;padding:16px 16px 40px;border-radius:10px;border:1px solid #dbe4f0;background:#0f172a;color:#e2e8f0;overflow:auto;font-size:13px;line-height:1.65}
.qs-article-body pre code,.seo-code code{background:transparent;color:inherit;padding:0;font-size:inherit}
.seo-code-wrap{position:relative}
.seo-code-copy{position:absolute;right:10px;bottom:10px;height:28px;padding:0 10px;border:0;border-radius:6px;background:#3b82f6;color:#fff;font-size:12px;cursor:pointer}
.seo-code-copy:hover{background:#2563eb}
.qs-article-body table{width:100%;margin:16px 0;border-collapse:collapse}
.qs-article-body th,.qs-article-body td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left}
.qs-article-body th{background:#f8fafc}
.qs-article-body .seo-art-figure,
.qs-article-body .seo-gen-figure{
    display:block;
    width:50% !important;
    max-width:50% !important;
    margin:16px 0;
    text-align:left
}
.qs-article-body .seo-art-figure img,
.qs-article-body .seo-gen-figure img{
    margin:0;
    width:100% !important;
    max-width:100% !important;
    height:auto !important
}
.seo-gen-disc{display:block;margin-top:6px;font-size:12px;color:#9ca3af;line-height:1.6;text-align:left}
.seo-pager-art{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin:28px 0 8px;padding-top:18px;border-top:1px solid #e5eefb}
.seo-pager-art a{color:#2563eb;text-decoration:none;font-size:14px;line-height:1.6;max-width:48%}
.seo-pager-art a:hover{text-decoration:underline}
.seo-related{margin:28px 0 8px;padding-top:8px}
.seo-related h2{margin:0 0 12px;font-size:20px;color:#111827}
.seo-related ul{margin:0;padding:0;list-style:none}
.seo-related li{margin:0 0 8px;padding-left:14px;position:relative}
.seo-related li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#3b82f6}
.seo-related a{color:#1f2937;text-decoration:none}
.seo-related a:hover{color:#2563eb;text-decoration:underline}
.seo-article-page{background:#fff}
.seo-article-page .seo-lead{
    margin:0 0 1.75rem;
    padding:12px 16px 12px 18px;
    border:0;
    border-left:3px solid #377dff;
    border-radius:0;
    background:#f7faff;
    color:#5c6b7a;
    font-size:15px;
    line-height:1.75
}
.seo-article-page .qs-article-head h1{
    text-align:center;
    margin:0 0 1rem;
    color:#1e2022;
    line-height:1.4
}
.seo-back-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:36px;
    padding:0 14px;
    margin:0 0 1.25rem;
    border:0;
    border-radius:6px;
    background:#377dff;
    color:#fff !important;
    font-size:14px;
    font-weight:600;
    line-height:1;
    text-decoration:none !important;
    box-sizing:border-box
}
.seo-back-btn:hover{
    background:#2563eb;
    color:#fff !important
}
.seo-back-btn svg{
    width:15px;
    height:15px;
    display:block;
    flex:0 0 auto;
    transform:translateY(-1px)
}
.seo-back-btn span{
    display:block;
    line-height:1
}
.seo-article-page .seo-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px 0;
    margin:0 0 1.5rem;
    padding:12px 0;
    border-top:1px solid #eef2f7;
    border-bottom:1px solid #eef2f7;
    color:#8c98a4;
    font-size:13px;
    line-height:1.4;
    text-align:center
}
.seo-article-page .seo-meta > span,
.seo-article-page .seo-meta > a{
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border-right:1px solid #e5eaf1
}
.seo-article-page .seo-meta > :last-child{border-right:0}
.seo-meta-cat{
    color:#377dff !important;
    text-decoration:none !important;
    font-weight:600
}
.seo-meta-cat:hover{text-decoration:underline !important}
@media (max-width:767px){
    .qs-article-body .seo-art-figure,
    .qs-article-body .seo-gen-figure{width:100% !important;max-width:100% !important;margin:16px 0}
    .qs-article-body img{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        margin-left:0;
        margin-right:0
    }
    .seo-pager-art a{max-width:100%}
}