﻿
:root{--zt-blue:#1677ff;--zt-deep:#071a3a;--zt-text:#1f2937;--zt-muted:#667085;--zt-line:#e6edf7;--zt-bg:#f5f8fd}
.domain2026{font-family:"Microsoft YaHei",Arial,sans-serif;color:var(--zt-text);background:#fff}.domain2026 *{box-sizing:border-box}.zt-container{width:1200px;margin:0 auto}.zt-hero{background:linear-gradient(135deg,#071a3a 0%,#0d3c7d 52%,#1667d9 100%);padding:108px 0 84px;position:relative;overflow:hidden}.zt-hero:after{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.08)}.zt-hero h1{font-size:44px;line-height:1.25;color:#fff;margin:0 0 18px;font-weight:800}.zt-hero p{color:rgba(255,255,255,.84);font-size:18px;line-height:1.8;margin:0}.zt-hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.zt-hero-tags span{padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:rgba(255,255,255,.08)}.zt-search-card{margin-top:-48px;position:relative;z-index:5;background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(16,45,90,.12);padding:34px;border:1px solid var(--zt-line)}.zt-search-title{font-size:24px;font-weight:800;margin-bottom:18px}.zt-search-row{display:flex;gap:12px}.zt-domain-input{flex:1;height:54px;border:1px solid #d7e1ef;border-radius:12px;padding:0 18px;font-size:16px;outline:none}.zt-domain-input:focus{border-color:var(--zt-blue);box-shadow:0 0 0 4px rgba(22,119,255,.12)}.zt-btn{height:54px;line-height:54px;padding:0 28px;border-radius:12px;background:var(--zt-blue);color:#fff!important;text-decoration:none;border:0;font-size:16px;font-weight:700;display:inline-block}.zt-btn:hover{background:#0f63d9;color:#fff}.zt-btn-light{background:#eef5ff;color:#1663c7!important}.zt-tlds{margin-top:18px}.zt-tlds label{display:inline-flex!important;align-items:center;gap:6px;margin:6px 14px 6px 0!important;color:#42526e;font-weight:400}.zt-section{padding:70px 0}.zt-section.gray{background:var(--zt-bg)}.zt-title{text-align:center;margin-bottom:36px}.zt-title h2{font-size:32px;font-weight:800;margin:0 0 10px}.zt-title p{font-size:16px;color:var(--zt-muted);margin:0}.zt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zt-card{background:#fff;border:1px solid var(--zt-line);border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(15,46,90,.05);transition:.2s}.zt-card:hover{transform:translateY(-4px);border-color:#9ec5ff;box-shadow:0 16px 36px rgba(22,119,255,.12)}.zt-card .ico{width:46px;height:46px;border-radius:14px;background:#edf5ff;color:var(--zt-blue);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}.zt-card h3{font-size:20px;font-weight:800;margin:0 0 12px}.zt-card p{color:var(--zt-muted);line-height:1.7;margin:0 0 18px}.zt-link{color:var(--zt-blue);font-weight:700}.zt-price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.zt-price{background:#fff;border:1px solid var(--zt-line);border-radius:14px;padding:18px;text-align:center}.zt-price b{display:block;font-size:18px;margin-bottom:8px;color:#0f2a4d}.zt-price span{color:#ef4444;font-size:22px;font-weight:800}.zt-cta{background:linear-gradient(135deg,#0b2b5b,#1677ff);border-radius:22px;padding:38px;color:#fff;display:flex;align-items:center;justify-content:space-between}.zt-cta h2{margin:0 0 8px;font-size:28px}.zt-cta p{margin:0;color:rgba(255,255,255,.82)}#domainResult{margin-top:24px}.pay_banner{display:none!important}.search-block{background:#f5f8fd!important;padding:50px 0!important}.search-block .input-group{background:#fff;border-radius:14px;box-shadow:0 12px 28px rgba(16,45,90,.08);padding:8px}.search-block .form-control{border:0!important;box-shadow:none!important;height:50px;font-size:16px}.search-block .btn-u{height:50px;border-radius:10px!important}.domain2026 .container{width:1200px;max-width:1200px}
@media(max-width:1200px){.zt-container,.domain2026 .container{width:94%;max-width:94%}.zt-grid{grid-template-columns:repeat(2,1fr)}.zt-price-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.zt-hero{padding:80px 0 60px}.zt-hero h1{font-size:32px}.zt-search-row{display:block}.zt-btn{width:100%;text-align:center;margin-top:12px}.zt-grid,.zt-price-grid{grid-template-columns:1fr}.zt-cta{display:block;text-align:center}.zt-cta .zt-btn{margin-top:18px}}


/* V1.1 域名后缀勾选项修复：避免后缀挤在一起 */
.domain2026 .zt-tlds{margin-top:18px;border-top:1px dashed #e6edf7;padding-top:16px;}
.domain2026 .zt-tlds .inline-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;}
.domain2026 .zt-tlds label.checkbox,
.domain2026 .zt-tlds label{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:92px!important;height:34px!important;margin:0!important;padding:0 12px!important;border:1px solid #d9e5f5!important;border-radius:999px!important;background:#f8fbff!important;color:#334155!important;font-size:14px!important;line-height:34px!important;white-space:nowrap!important;cursor:pointer!important;}
.domain2026 .zt-tlds label.checkbox:hover{border-color:#1677ff!important;background:#eef5ff!important;color:#0f63d9!important;}
.domain2026 .zt-tlds input[type=checkbox]{margin:0 6px 0 0!important;position:static!important;}
.domain2026 .zt-tlds label.checkbox:before,
.domain2026 .zt-tlds label.checkbox:after{display:none!important;}
@media(max-width:768px){.domain2026 .zt-tlds label.checkbox{min-width:76px!important;font-size:13px!important;padding:0 10px!important;}}


/* 域名后缀快捷选择 */
.domain2026 .zt-tld-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 14px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px dashed #d8e4f5;
}
.domain2026 .zt-tld-action{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:32px;
    padding:0 14px;
    border:1px solid #d5e3f4;
    border-radius:999px;
    background:#f7fbff;
    color:#31506f;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    transition:all .2s ease;
    margin:0;
}
.domain2026 .zt-tld-action:hover{
    border-color:#1677ff;
    color:#1677ff;
    background:#eef6ff;
}
.domain2026 .zt-tld-action input{
    margin:0;
}
.domain2026 .zt-tlds .inline-group{
    display:flex;
    flex-wrap:wrap;
    gap:10px 12px;
    align-items:center;
}
.domain2026 .zt-tlds .checkbox{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:88px;
    margin:0;
    padding:8px 12px;
    border:1px solid #e1ebf7;
    border-radius:8px;
    background:#fff;
    color:#334155;
    font-size:14px;
    line-height:1;
}
.domain2026 .zt-tlds .checkbox input{
    margin:0;
    position:static;
}


/* V1.3 TLD重复修复：不要用 display:flex!important 强制显示所有后缀组，否则 selcnTLD 会被显示出来造成 .com/.cn/.net 重复 */
.domain2026 .zt-tlds #selenTLD{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 12px;
}
.domain2026 .zt-tlds #selcnTLD{
    display:none;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 12px;
}


/* V1.4 Domain 子页顶部与批量查询页优化 */
.domain2026 .zt-whois-hero,
.domain2026 .zt-batch-hero{
    padding-top:150px !important;
    padding-bottom:72px !important;
}
.domain2026 .zt-whois-hero h1,
.domain2026 .zt-batch-hero h1{
    margin-top:0 !important;
}
.domain2026 .zt-whois-search{
    max-width:720px;
    margin-top:28px;
    background:#fff;
    border-radius:16px;
    padding:8px;
    box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.domain2026 .zt-whois-search .form-control{
    height:50px;
    border:0!important;
    box-shadow:none!important;
    font-size:16px;
}
.domain2026 .zt-whois-search .btn-u{
    height:50px;
    min-width:72px;
    border-radius:12px!important;
    background:#1677ff!important;
}
.domain2026 .zt-batch-panel{
    margin-top:-46px;
    position:relative;
    z-index:6;
    background:#fff;
    border:1px solid #e6edf7;
    border-radius:22px;
    box-shadow:0 18px 45px rgba(16,45,90,.12);
    padding:34px;
}
.domain2026 .zt-batch-panel textarea.form-control{
    min-height:180px!important;
    border:1px solid #d7e1ef!important;
    border-radius:14px!important;
    padding:16px!important;
    font-size:15px;
    line-height:1.8;
    box-shadow:none!important;
    resize:vertical;
}
.domain2026 .zt-batch-panel textarea.form-control:focus{
    border-color:#1677ff!important;
    box-shadow:0 0 0 4px rgba(22,119,255,.12)!important;
}
.domain2026 .zt-batch-actions{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:16px;
    flex-wrap:wrap;
}
.domain2026 .zt-batch-actions .btn-u{
    border-radius:12px!important;
    height:44px;
    line-height:28px;
    padding:8px 20px!important;
}
.domain2026 #tldGroup{
    margin-top:24px;
}
.domain2026 #tldGroup label,
.domain2026 #tldGroup .checkbox{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px;
    min-width:92px;
    height:34px;
    margin:6px 8px 6px 0!important;
    padding:0 12px!important;
    border:1px solid #d9e5f5!important;
    border-radius:999px!important;
    background:#f8fbff!important;
    color:#334155!important;
    font-size:14px!important;
    white-space:nowrap;
}
.domain2026 #tldGroup input[type=checkbox]{
    margin:0 6px 0 0!important;
    position:static!important;
}
.domain2026 #domainResult{
    margin-top:28px;
}
.domain2026 .content,
.domain2026 .content-md{
    padding-top:55px;
    padding-bottom:55px;
}
.domain2026 .service-block-v7{
    background:#fff;
    border:1px solid #e6edf7;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(16,45,90,.05);
    padding:28px 22px;
    min-height:190px;
}
@media(max-width:768px){
    .domain2026 .zt-whois-hero,
    .domain2026 .zt-batch-hero{
        padding-top:118px !important;
        padding-bottom:58px !important;
    }
    .domain2026 .zt-batch-panel{padding:22px;margin-top:-30px;}
    .domain2026 .zt-batch-actions .btn-u{width:100%;margin-left:0!important;}
}

/* V1.5 Final：Domain 全部页面 Banner 避免被固定导航遮挡
   覆盖 Default/Search/Sumprice/Whois/Batch 等页面的不同 Hero 类名 */
.domain2026 .zt-hero,
.domain2026 .zt-whois-hero,
.domain2026 .zt-batch-hero,
.domain2026 .search-hero,
.domain2026 .sumprice-hero,
.domain2026 .whois-hero,
.domain2026 .batch-hero{
    padding-top:150px !important;
    padding-bottom:76px !important;
}

.domain2026 .zt-hero h1,
.domain2026 .zt-whois-hero h1,
.domain2026 .zt-batch-hero h1,
.domain2026 .search-hero h1,
.domain2026 .sumprice-hero h1,
.domain2026 .whois-hero h1,
.domain2026 .batch-hero h1{
    margin-top:0 !important;
}

@media(max-width:768px){
    .domain2026 .zt-hero,
    .domain2026 .zt-whois-hero,
    .domain2026 .zt-batch-hero,
    .domain2026 .search-hero,
    .domain2026 .sumprice-hero,
    .domain2026 .whois-hero,
    .domain2026 .batch-hero{
        padding-top:118px !important;
        padding-bottom:58px !important;
    }
}

/* V2.0 Stable：Search/Batch 动态 TLD 使用旧版 sky-form 的 <i> 自定义勾选图标，
   新版已显示原生 checkbox，这里隐藏旧 <i>，避免每个后缀旁边出现两个勾选框。 */
.domain2026 #tldGroup label.checkbox i,
.domain2026 #tldGroup .checkbox i,
.domain2026 .search-block label.checkbox i,
.domain2026 .search-block .checkbox i{
    display:none !important;
}
.domain2026 #tldGroup label.checkbox:before,
.domain2026 #tldGroup label.checkbox:after,
.domain2026 .search-block label.checkbox:before,
.domain2026 .search-block label.checkbox:after{
    display:none !important;
}
