.knowledge-zone{background:#EAEAF3;color:#182a3e;min-height:60vh;padding-bottom:72px}.knowledge-zone a{text-decoration:none}.knowledge-hero{background:linear-gradient(135deg,#142a40,#244d71);color:#fff;padding:64px 0 72px}.knowledge-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin:8px 0 12px}.knowledge-hero p{font-size:1.1rem;margin:0}.knowledge-eyebrow{color:#9fd0f3!important;font-size:.9rem!important;font-weight:700;letter-spacing:.16em}.knowledge-content{margin-top:-32px}.knowledge-search{background:#fff;border-radius:16px;box-shadow:0 12px 35px rgba(22,42,61,.1);padding:24px}.knowledge-search label{display:block;font-weight:700;margin-bottom:8px}.knowledge-search-row{display:flex;gap:12px}.knowledge-search-input{align-items:center;border:1px solid #bdc6d2;border-radius:10px;display:flex;flex:1;padding:0 16px}.knowledge-search-input input{border:0;flex:1;font-size:1rem;outline:0;padding:14px 10px}.knowledge-search button{background:#142a40;border:0;border-radius:10px;color:#fff;font-weight:700;padding:0 28px}.knowledge-categories{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.knowledge-categories a{background:#fff;border:1px solid #d2d4df;border-radius:999px;color:#34485c;padding:9px 18px}.knowledge-categories a.active,.knowledge-categories a:hover{background:#183650;color:#fff}.knowledge-featured{background:#fff;border-radius:18px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.knowledge-cover,.knowledge-card-cover{align-items:center;background:#d9e0e8;color:#536a7e;display:flex;justify-content:center;min-height:240px}.knowledge-cover img,.knowledge-card-cover img,.knowledge-article-cover img{height:100%;object-fit:cover;width:100%}.knowledge-featured-copy{padding:38px}.knowledge-card-labels{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.knowledge-featured-label,.knowledge-card-category{border-radius:5px;display:inline-block;font-size:.88rem;font-weight:700;padding:5px 10px}.knowledge-featured-label{background:#f4b43d;color:#17293a}.knowledge-card-category{background:#fce9dd;color:#a84b1d}.knowledge-card-category:hover{background:#f8ddcd;color:#853811}.knowledge-featured h2,.knowledge-card h3{font-weight:800}.knowledge-featured h2 a,.knowledge-card h3 a{color:#182a3e}.knowledge-meta{color:#67798a;font-size:.9rem}.knowledge-list-heading,.knowledge-filter-heading{align-items:center;display:flex;gap:14px;margin:38px 0 18px}.knowledge-list-heading h2,.knowledge-filter-heading h2{font-weight:800;margin:0}.knowledge-list-heading span{color:#67798a}.knowledge-filter-heading a{margin-left:auto}.knowledge-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.knowledge-card{background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(35,55,75,.06);overflow:hidden}.knowledge-card-cover{min-height:190px}.knowledge-card-body{padding:22px}.knowledge-card-body>.knowledge-card-category{margin-bottom:12px}.knowledge-card-body>p:not(.knowledge-meta):not(.knowledge-card-footer){color:#566a7c}.knowledge-card-footer{align-items:center;border-top:1px solid #e3e5ea;color:#67798a!important;display:flex;font-size:.9rem;gap:10px;margin:18px 0 0;padding-top:14px}.knowledge-featured-copy>.knowledge-card-footer{margin-top:22px}.knowledge-empty{background:#fff;border-radius:14px;padding:64px;text-align:center}.knowledge-pagination{display:flex;gap:8px;justify-content:center;margin-top:36px}.knowledge-pagination a{align-items:center;background:#fff;border-radius:6px;color:#183650;display:flex;height:42px;justify-content:center;width:42px}.knowledge-pagination a.active{background:#183650;color:#fff}.knowledge-article{background:#fff;border-radius:18px;margin-top:40px;max-width:920px;padding:48px}.knowledge-breadcrumb{display:flex;gap:10px;margin-bottom:32px}.knowledge-article header h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.knowledge-lead{color:#536a7e;font-size:1.2rem;line-height:1.8}.knowledge-article-cover{border-radius:12px;max-height:520px;overflow:hidden;margin:34px 0}.knowledge-article-body{font-size:1.08rem;line-height:1.9;overflow-wrap:anywhere}.knowledge-article-body img{height:auto;max-width:100%}.knowledge-related{margin-top:48px}.knowledge-related>h2{font-weight:800;margin-bottom:20px}@media(max-width:991px){.knowledge-featured{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.knowledge-hero{padding:42px 0 58px}.knowledge-search-row{display:block}.knowledge-search button{margin-top:10px;padding:13px;width:100%}.knowledge-grid{grid-template-columns:1fr}.knowledge-article{border-radius:0;margin-top:0;padding:30px 20px}.knowledge-featured-copy{padding:24px}.knowledge-card-footer{align-items:flex-start;flex-wrap:wrap}}

/* 總覽頁首與篩選區依原始網路新知版型呈現。 */
.knowledge-hero {
    background: transparent;
    color: #33414f;
    padding: 44px 0 0;
}

.knowledge-hero h1 {
    margin: 14px 0 0;
    color: #14263a;
    font-family: "Noto Serif TC", "Songti TC", serif;
    font-size: clamp(2.2rem, 4vw, 2.75rem);
    font-weight: 900;
    line-height: 1.25;
}

.knowledge-hero .knowledge-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #c24d0a !important;
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: .04em;
}

.knowledge-eyebrow > span {
    width: 28px;
    height: 2px;
    background: #c24d0a;
}

.knowledge-hero .knowledge-lede {
    max-width: 44em;
    margin-top: 16px;
    color: #465563;
    font-size: 18px;
    line-height: 1.9;
}

.knowledge-content {
    margin-top: 0;
}

.knowledge-search {
    margin-top: 24px;
    padding: 22px 0 0;
    border-top: 1px solid rgba(20, 38, 58, .14);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.knowledge-search label {
    color: #465563;
    font-size: 15px;
    font-weight: 400;
}

.knowledge-search-input {
    min-height: 50px;
    border-color: #b8c0c8;
    background: #fff;
}

.knowledge-search-input input {
    min-width: 0;
    color: #14263a;
    background: transparent;
}

.knowledge-search button {
    min-height: 50px;
    padding: 0 26px;
    background: #14263a;
    font-size: 17px;
}

.knowledge-category-section {
    margin-top: 30px;
}

.knowledge-category-section > h2 {
    margin: 0 0 12px;
    color: #14263a;
    font-family: "Noto Serif TC", "Songti TC", serif;
    font-size: 19px;
    font-weight: 700;
}

.knowledge-categories {
    margin: 0;
}

.knowledge-categories a {
    min-height: 44px;
    padding: 9px 18px;
    border-color: #b8c0c8;
    color: #14263a;
}

.knowledge-categories a.active,
.knowledge-categories a:hover {
    border-color: #14263a;
    background: #14263a;
}

.knowledge-result {
    margin: 14px 0 0;
    color: #667482;
    font-size: 15px;
}

@media (max-width: 600px) {
    .knowledge-hero {
        padding-top: 32px;
    }

    .knowledge-hero .knowledge-lede {
        font-size: 16px;
    }

    .knowledge-categories {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 6px;
    }

    .knowledge-categories a {
        flex: 0 0 auto;
    }
}

.knowledge-upgrade {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
    gap: 36px;
    align-items: center;
    margin-top: 56px;
    padding: 28px 32px;
    border: 1px solid rgba(20, 38, 58, .14);
    border-left: 5px solid #c24d0a;
    border-radius: 12px;
    background: #fff;
}

.knowledge-upgrade h2 {
    margin: 0;
    color: #14263a;
    font-family: "Noto Serif TC", "Songti TC", serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.45;
}

.knowledge-upgrade p {
    margin: 10px 0 0;
    color: #465563;
    font-size: 16px;
    line-height: 1.8;
}

.knowledge-upgrade-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.knowledge-upgrade-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 20px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 500;
}

.knowledge-upgrade-primary {
    border: 1px solid #14263a;
    background: #14263a;
    color: #fff;
}

.knowledge-upgrade-primary:hover {
    background: #0d1c2c;
    color: #fff;
}

.knowledge-upgrade-secondary {
    border: 1px solid #14263a;
    background: #fff;
    color: #14263a;
}

.knowledge-upgrade-secondary:hover {
    background: rgba(20, 38, 58, .06);
    color: #14263a;
}

@media (max-width: 767px) {
    .knowledge-upgrade {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 26px 22px;
    }
}

/* 編輯精選沿用附件 HTML 的深色雙欄版型。 */
.knowledge-featured-section {
    margin-top: 36px;
}

.knowledge-featured-section > h2 {
    margin: 0 0 12px;
    color: #14263a;
    font-family: "Noto Serif TC", "Songti TC", serif;
    font-size: 19px;
    font-weight: 700;
}

.knowledge-featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 16px;
    background: #142a40;
    color: #e8edf2;
}

.knowledge-featured-copy {
    padding: 44px 44px 40px;
}

.knowledge-featured-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.knowledge-featured-category,
.knowledge-featured-reading {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 14px;
}

.knowledge-featured-category {
    background: #d85000;
    color: #fff;
    font-weight: 500;
}

.knowledge-featured-category:hover {
    background: #b84200;
    color: #fff;
}

.knowledge-featured-reading {
    border: 1px solid rgba(232, 237, 242, .35);
    color: #e8edf2;
}

.knowledge-featured h3 {
    margin: 0;
    font-family: "Noto Serif TC", "Songti TC", serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
}

.knowledge-featured h3 a {
    color: #fff;
}

.knowledge-featured h3 a:hover {
    text-decoration: underline;
}

.knowledge-featured-excerpt {
    margin: 18px 0 0;
    color: #c9d4de;
    font-size: 17px;
    line-height: 1.95;
}

.knowledge-featured-meta {
    margin: 26px 0 0;
    color: #9fadba;
    font-size: 15px;
}

.knowledge-featured-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin-top: 24px;
    padding: 10px 26px;
    border-radius: 10px;
    background: #d85000;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.knowledge-featured-cta:hover {
    background: #b84200;
    color: #fff;
}

.knowledge-featured .knowledge-cover {
    min-height: 340px;
    background-color: #1d3b5c;
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0 12px, rgba(255, 255, 255, 0) 12px 24px);
    color: rgba(255, 255, 255, .7);
}

@media (max-width: 991px) {
    .knowledge-featured {
        grid-template-columns: 1fr;
    }

    .knowledge-featured-copy {
        padding: 32px 28px;
    }

    .knowledge-featured h3 {
        font-size: 26px;
    }

    .knowledge-featured .knowledge-cover {
        min-height: 260px;
    }
}

@media (max-width: 600px) {
    .knowledge-featured-copy {
        padding: 26px 22px;
    }

    .knowledge-featured h3 {
        font-size: 22px;
    }

    .knowledge-featured .knowledge-cover {
        min-height: 200px;
    }
}