.seo-search-wrap{max-width:720px;margin:0 auto 36px}
.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 0 20px}
.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-lead{margin:0 0 18px;padding:14px 16px;border-radius:10px;background:#f7faff;color:#4b5563;line-height:1.7}
.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}
.xq-article-body{line-height:1.85;color:#1f2937;word-break:break-word;max-width:100%;overflow-wrap:break-word}
.xq-article-body h2{margin:28px 0 12px;padding-left:12px;border-left:4px solid #3b82f6;font-size:22px;line-height:1.4;color:#111827}
.xq-article-body h3{margin:22px 0 10px;padding-left:10px;border-left:3px solid #93c5fd;font-size:18px;line-height:1.4;color:#1f2937}
.xq-article-body p{margin:0 0 14px}
.xq-article-body ul,.xq-article-body ol{margin:0 0 16px;padding-left:22px}
.xq-article-body li{margin:0 0 6px}
.xq-article-body .wp-caption,
.xq-article-body .aligncenter,
.xq-article-body .alignnone,
.xq-article-body .alignleft,
.xq-article-body .alignright,
.xq-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
}
.xq-article-body .wp-caption-text{display:block;margin:6px 0 0;text-align:left;font-size:13px;color:#6b7280;line-height:1.6}
.xq-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}
.xq-article-body mark,
.xq-article-body .seo-mark,
.xq-article-body .seo-mark-blue,
.xq-article-body .seo-mark-green,
.xq-article-body .seo-mark-orange,
.xq-article-body .seo-mark-red{
    background:none !important;
    padding:0;
    border-radius:0;
    color:inherit;
    font-style:normal;
    font-weight:700;
}
.xq-article-body strong,.xq-article-body b{font-weight:700}
.xq-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
}
.xq-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}
.xq-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}
.xq-article-body table{width:100%;margin:16px 0;border-collapse:collapse}
.xq-article-body th,.xq-article-body td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left}
.xq-article-body th{background:#f8fafc}
.xq-article-body .seo-art-figure,
.xq-article-body .seo-gen-figure{
    display:block;
    width:50% !important;
    max-width:50% !important;
    margin:16px 0;
    text-align:left
}
.xq-article-body .seo-art-figure img,
.xq-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}
@media (max-width:767px){
    .xq-article-body .seo-art-figure,
    .xq-article-body .seo-gen-figure{width:100% !important;max-width:100% !important;margin:16px 0}
    .xq-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%}
}
