/* Download center page CSS */
/* Independent namespace: nwdl- */

.nwdl-page{width:100%;background:#fff;}
.nwdl-container{width:100%;max-width:var(--nw-container);margin:0 auto;padding-left:24px;padding-right:24px;}
.nwdl-hero{width:100%;padding:72px 0;background:radial-gradient(circle at 10% 18%,rgba(252,200,3,.22),transparent 30%),linear-gradient(135deg,#111827 0%,#1f2937 100%);color:#fff;overflow:hidden;}
.nwdl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:46px;align-items:center;}
.nwdl-hero-title{margin:0;color:#fff;font-size:clamp(40px,4.2vw,70px);line-height:1.05;font-weight:800;letter-spacing:-1.6px;}
.nwdl-hero-text{max-width:720px;margin:24px 0 0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8;}
.nwdl-hero-card{display:grid;gap:14px;padding:24px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 60px rgba(0,0,0,.18);backdrop-filter:blur(12px);}
.nwdl-hero-item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);}
.nwdl-hero-item strong{color:var(--nw-primary);font-size:24px;line-height:1;font-weight:800;}
.nwdl-hero-item span{color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;font-weight:600;}
.nwdl-main{width:100%;padding:72px 0 86px;background:radial-gradient(circle at 92% 12%,rgba(252,200,3,.1),transparent 28%),linear-gradient(180deg,#fff 0%,#f8fafc 100%);}
.nwdl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;}
.nwdl-search{position:relative;width:min(100%,520px);}
.nwdl-search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;color:#64748b;transform:translateY(-50%);}
.nwdl-search-input{width:100%;height:50px;padding:0 18px 0 50px;border:1px solid var(--nw-border);border-radius:999px;background:#fff;color:#111827;font-size:15px;outline:none;box-shadow:0 10px 26px rgba(15,23,42,.04);}
.nwdl-search-input:focus{border-color:var(--nw-primary);box-shadow:0 0 0 3px rgba(252,200,3,.14);}
.nwdl-count{flex:0 0 auto;color:#64748b;font-size:14px;line-height:1;font-weight:800;}
.nwdl-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:34px;align-items:start;}
.nwdl-sidebar{position:sticky;top:24px;min-width:0;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--nw-border);box-shadow:0 18px 42px rgba(15,23,42,.07);}
.nwdl-sidebar-title{margin:0 0 18px;color:#111827;font-size:22px;line-height:1.25;font-weight:800;}
.nwdl-category-list{display:grid;gap:10px;}
.nwdl-category-btn{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--nw-border);border-radius:13px;background:#fff;color:#111827;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:14px;line-height:1.4;font-weight:800;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease;}
.nwdl-category-btn::after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.42;}
.nwdl-category-btn:hover,.nwdl-category-btn.active{border-color:var(--nw-primary);background:rgba(252,200,3,.13);transform:translateX(2px);}
.nwdl-help-card{margin-top:22px;padding:18px;border-radius:18px;background:#111827;color:#fff;}
.nwdl-help-card h3{margin:0;color:#fff;font-size:18px;line-height:1.3;font-weight:800;}
.nwdl-help-card p{margin:10px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.65;}
.nwdl-help-card a{height:38px;margin-top:14px;padding:0 16px;border-radius:999px;background:var(--nw-primary);color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;}
.nwdl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.nwdl-file-card{min-width:0;display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:22px;border-radius:22px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 30px rgba(15,23,42,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.nwdl-file-card:hover{transform:translateY(-5px);border-color:rgba(252,200,3,.75);box-shadow:0 22px 46px rgba(15,23,42,.11);}
.nwdl-file-card[data-hidden="true"]{display:none;}
.nwdl-file-icon{width:86px;height:86px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;font-weight:800;}
.nwdl-file-icon-pdf{background:rgba(239,68,68,.12);color:#dc2626;}.nwdl-file-icon-img{background:rgba(34,197,94,.12);color:#16a34a;}.nwdl-file-icon-zip{background:rgba(252,200,3,.22);color:#111827;}.nwdl-file-icon-doc{background:rgba(59,130,246,.12);color:#2563eb;}
.nwdl-file-body{min-width:0;}.nwdl-file-title{margin:0;color:#111827;font-size:19px;line-height:1.35;font-weight:800;}.nwdl-file-desc{margin:9px 0 0;color:#64748b;font-size:14px;line-height:1.65;}.nwdl-file-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}.nwdl-file-meta span{height:26px;padding:0 10px;border-radius:999px;background:#f1f5f9;color:#64748b;display:inline-flex;align-items:center;font-size:12px;line-height:1;font-weight:700;}
.nwdl-download-btn{width:fit-content;min-width:116px;height:40px;margin-top:16px;padding:0 18px;border-radius:999px;background:var(--nw-primary);color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;font-weight:800;box-shadow:0 10px 20px rgba(252,200,3,.2);transition:transform .25s ease,box-shadow .25s ease;}.nwdl-download-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(252,200,3,.28);}
.nwdl-empty{padding:54px 20px;border-radius:22px;background:#fff;border:1px dashed #cbd5e1;text-align:center;}.nwdl-empty h3{margin:0;color:#111827;font-size:24px;line-height:1.25;font-weight:800;}.nwdl-empty p{margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.65;}
.nwdl-note{width:100%;padding:64px 0;background:radial-gradient(circle at 16% 10%,rgba(252,200,3,.16),transparent 30%),linear-gradient(135deg,#111827 0%,#1f2937 100%);}.nwdl-note-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);}.nwdl-note-title{margin:0;color:#fff;font-size:30px;line-height:1.25;font-weight:800;}.nwdl-note-text{max-width:760px;margin:10px 0 0;color:rgba(255,255,255,.74);font-size:15px;line-height:1.7;}.nwdl-note-btn{flex:0 0 auto;min-width:194px;height:46px;padding:0 22px;border-radius:999px;background:var(--nw-primary);color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;}
@media (max-width:1440px) and (min-width:1025px){.nwdl-container{padding-left:20px;padding-right:20px;}.nwdl-layout{grid-template-columns:320px minmax(0,1fr);gap:28px;}.nwdl-grid{gap:18px;}}
@media (max-width:1024px) and (min-width:769px){.nwdl-container{padding-left:18px;padding-right:18px;}.nwdl-hero-grid{grid-template-columns:1fr;}.nwdl-layout{grid-template-columns:1fr;}.nwdl-sidebar{position:static;}.nwdl-category-list{grid-template-columns:repeat(3,minmax(0,1fr));}.nwdl-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:768px){.nwdl-container{padding-left:15px;padding-right:15px;}.nwdl-hero{padding:46px 0;}.nwdl-hero-grid{grid-template-columns:1fr;gap:26px;}.nwdl-hero-title{font-size:34px;line-height:1.12;}.nwdl-hero-text{font-size:15px;}.nwdl-hero-card{padding:16px;border-radius:18px;}.nwdl-hero-item{grid-template-columns:70px minmax(0,1fr);padding:14px;}.nwdl-main{padding:44px 0 56px;}.nwdl-toolbar{display:block;}.nwdl-search{width:100%;}.nwdl-count{margin-top:12px;}.nwdl-layout{grid-template-columns:1fr;gap:22px;}.nwdl-sidebar{position:static;padding:18px;border-radius:18px;}.nwdl-category-list{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.nwdl-category-list::-webkit-scrollbar{display:none;}.nwdl-category-btn{flex:0 0 auto;width:auto;white-space:nowrap;}.nwdl-category-btn::after{display:none;}.nwdl-help-card{display:none;}.nwdl-grid{grid-template-columns:1fr;gap:16px;}.nwdl-file-card{grid-template-columns:68px minmax(0,1fr);gap:14px;padding:18px;border-radius:18px;}.nwdl-file-icon{width:68px;height:68px;border-radius:16px;font-size:15px;}.nwdl-file-title{font-size:17px;}.nwdl-file-desc{font-size:13px;}.nwdl-download-btn{width:100%;}.nwdl-note{padding:46px 0;}.nwdl-note-box{display:block;padding:24px;border-radius:18px;}.nwdl-note-title{font-size:25px;}.nwdl-note-btn{width:100%;margin-top:20px;}}
@media (max-width:390px){.nwdl-container{padding-left:12px;padding-right:12px;}.nwdl-file-card{grid-template-columns:1fr;}.nwdl-file-icon{width:64px;height:64px;}}


/* Download page v2: hero background image, right panel removed */
.nwdl-hero {
    position: relative;
    min-height: 430px;
    padding: 96px 0;
    background:
        linear-gradient(90deg, rgba(17, 24, 39, 0.92) 0%, rgba(17, 24, 39, 0.76) 48%, rgba(17, 24, 39, 0.46) 100%),
        url("https://www.natwelglobal.cn/static/upload/image/20260410/1775792586333102.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.nwdl-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 28%, rgba(252, 200, 3, 0.22), transparent 30%),
        linear-gradient(180deg, rgba(17, 24, 39, 0) 0%, rgba(17, 24, 39, 0.18) 100%);
    pointer-events: none;
}

.nwdl-hero .nwdl-container {
    position: relative;
    z-index: 1;
}

.nwdl-hero-grid {
    display: block;
}

.nwdl-hero-copy {
    max-width: 760px;
}

.nwdl-hero-title {
    max-width: 760px;
    text-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.nwdl-hero-text {
    max-width: 700px;
    color: rgba(255, 255, 255, 0.84);
}

.nwdl-hero-card {
    display: none !important;
}

@media (max-width: 768px) {
    .nwdl-hero {
        min-height: 360px;
        padding: 62px 0;
        background:
            linear-gradient(90deg, rgba(17, 24, 39, 0.92) 0%, rgba(17, 24, 39, 0.74) 100%),
            url("https://www.natwelglobal.cn/static/upload/image/20260410/1775792586333102.png");
        background-size: cover;
        background-position: center;
    }

    .nwdl-hero-title {
        font-size: 34px;
    }

    .nwdl-hero-text {
        font-size: 15px;
    }
}


/* Download page v3: anchor navigation and pagination */
.nwdl-toolbar { display: block; margin-bottom: 30px; }
.nwdl-search, .nwdl-count { display: none !important; }
.nwdl-anchor-nav { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 14px; border-radius: 999px; background: #ffffff; border: 1px solid var(--nw-border); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055); }
.nwdl-anchor-link { min-height: 40px; padding: 0 18px; border-radius: 999px; background: #f8fafc; color: #111827; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; font-weight: 800; transition: background 0.25s ease, transform 0.25s ease; }
.nwdl-anchor-link:hover { background: var(--nw-primary); transform: translateY(-2px); }
.nwdl-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 38px; }
.nwdl-page-link, .nwdl-page-dots { min-width: 42px; height: 42px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--nw-border); background: #ffffff; color: #111827; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; font-weight: 800; }
.nwdl-page-link { transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; }
.nwdl-page-link:hover, .nwdl-page-link[data-current="true"] { border-color: var(--nw-primary); background: var(--nw-primary); color: #111827; transform: translateY(-2px); }
.nwdl-page-link svg { width: 18px; height: 18px; }
.nwdl-page-dots { border-color: transparent; background: transparent; color: #64748b; }
@media (max-width: 768px) {
    .nwdl-toolbar { margin-bottom: 22px; }
    .nwdl-anchor-nav { flex-wrap: nowrap; gap: 9px; padding: 10px; overflow-x: auto; overflow-y: hidden; border-radius: 18px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .nwdl-anchor-nav::-webkit-scrollbar { display: none; }
    .nwdl-anchor-link { flex: 0 0 auto; min-height: 36px; padding: 0 14px; font-size: 13px; white-space: nowrap; }
    .nwdl-pagination { gap: 7px; margin-top: 28px; }
    .nwdl-page-link, .nwdl-page-dots { min-width: 36px; height: 36px; padding: 0 10px; font-size: 13px; }
}
@media (max-width: 390px) { .nwdl-page-link, .nwdl-page-dots { min-width: 32px; height: 32px; padding: 0 8px; } }


/* Download page v4: breadcrumb location navigation */
.nwdl-search,
.nwdl-count,
.nwdl-anchor-nav {
    display: none !important;
}

.nwdl-toolbar {
    display: block;
    margin-bottom: 30px;
}

.nwdl-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid var(--nw-border);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
}

.nwdl-breadcrumb-link,
.nwdl-breadcrumb-current,
.nwdl-breadcrumb-separator {
    color: #64748b;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
}

.nwdl-breadcrumb-link {
    color: #111827;
    transition: color 0.25s ease;
}

.nwdl-breadcrumb-link:hover {
    color: var(--nw-primary);
}

.nwdl-breadcrumb-current {
    color: #111827;
}

.nwdl-breadcrumb-separator {
    color: #94a3b8;
}

@media (max-width: 768px) {
    .nwdl-toolbar {
        margin-bottom: 22px;
    }

    .nwdl-breadcrumb {
        width: 100%;
        min-height: 42px;
        border-radius: 14px;
        padding: 0 14px;
    }

    .nwdl-breadcrumb-link,
    .nwdl-breadcrumb-current,
    .nwdl-breadcrumb-separator {
        font-size: 13px;
    }
}


/* Download pagination */
.nwdl-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 38px;
}

.nwdl-page-link,
.nwdl-page-dots {
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid var(--nw-border);
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
}

.nwdl-page-link {
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.nwdl-page-link:hover,
.nwdl-page-link[data-current="true"] {
    border-color: var(--nw-primary);
    background: var(--nw-primary);
    color: #111827;
    transform: translateY(-2px);
}

.nwdl-page-link svg {
    width: 18px;
    height: 18px;
}

.nwdl-page-dots {
    border-color: transparent;
    background: transparent;
    color: #64748b;
}

@media (max-width: 768px) {
    .nwdl-pagination {
        gap: 7px;
        margin-top: 28px;
    }

    .nwdl-page-link,
    .nwdl-page-dots {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px;
    }
}


/* Download page v5: remove file meta tags */
.nwdl-file-meta {
    display: none !important;
}

.nwdl-download-btn {
    margin-top: 18px;
}

