/* ========= COLOR ========= */

    :root {
        --tf-aero-green: #0f766e;
        --tf-aero-green2: #10b981;
        --tf-aero-dark: #0f172a;
        --tf-aero-light: #ecfdf5;
        --tf-aero-gray: #f1f5f9;
    }

    /* ========= GLOBAL ========= */

    .tf-aero-container {
        max-width: 1200px;
        margin: auto;
        padding: 60px 20px;
    }

    .tf-aero-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }

    .tf-aero-desc {
        max-width: 1000px;
        margin: auto;
        text-align: center;
        color: #555;
    }

    /* ========= GRID ========= */

    .tf-aero-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
        gap: 40px;
        margin-top: 40px;
    }

    /* ========= CARD ========= */

    .tf-aero-card {
        background: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
        text-align: center;
        transition: .35s;
        position: relative;
        overflow: hidden;
    }
    
    .tf-aero-card h3 {
        font-size: 18px;
    }
    

    .tf-aero-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
    }

    .tf-aero-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #10b981;
        transition: .4s;
    }

    .tf-aero-card:hover::after {
        width: 100%;
    }

    /* ========= BUTTON ========= */

    .tf-aero-btn {
        display: inline-block;
        padding: 14px 30px;
        border-radius: 5px;
        margin: 10px;
        font-weight: 600;
        text-decoration: none;
        transition: .3s;
    }

    .tf-aero-btn-primary {
        background: var(--tf-aero-green2);
        color: white;
    }

    .tf-aero-btn-dark {
        background: var(--tf-aero-dark);
        color: white;
    }

    .tf-aero-btn:hover {
        transform: translateY(-2px);
        color: white;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
    }

    /* ========= HERO ========= */

    .tf-aero-hero {
        background:
            linear-gradient(rgba(15, 118, 110, .92), rgba(6, 78, 59, .95)),
            url("https://www.topfastpcb.com/wp-content/uploads/2026/03/satellite.jpg");
        background-size: cover;
        background-position: center;
        color: white;
        text-align: center;
        padding: 150px 20px;
    }

    .tf-aero-hero h1 {
        font-size: 48px;
        margin-bottom: 20px;
        color: white;
    }


    @keyframes tf-aero-scan {
        100% {
            left: 100%;
        }
    }

    /* ========= FEATURE ========= */

    .tf-aero-feature {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
        margin-top: 30px;
    }

    .tf-aero-feature img {
        width: 100%;
        border-radius: 10px;
    }

    /* ========= PROCESS ========= */

    .tf-aero-process {
        background: var(--tf-aero-light);
    }

    /* ========= APPLICATION ========= */

    .tf-aero-app {
        background: var(--tf-aero-gray);
    }

    /* ========= GALLERY ========= */

    .tf-aero-gallery img {
        width: 100%;
        border-radius: 8px;
        transition: .4s;
    }

    .tf-aero-gallery img:hover {
        transform: scale(1.05);
    }

    /* ========= TIMELINE ========= */

    .tf-aero-timeline {
        max-width: 900px;
        margin: auto;
        margin-top: 60px;
    }

    .tf-aero-step {
        display: grid;
        margin: 30px 0;
        align-items: center;
    }

    .tf-aero-step-number {
        background: #10b981;
        color: white;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-right: 25px;
    }

    .tf-aero-step-content {
        background: white;
        padding: 20px 25px;
        border-radius: 8px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
    }

    /* ========= LOGO WALL ========= */

    .tf-aero-logos {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 40px;
        align-items: center;
        margin-top: 50px;
    }

    .tf-aero-logos img {
        width: 100%;
        opacity: .7;
        transition: .3s;
    }

    .tf-aero-logos img:hover {
        opacity: 1;
        transform: scale(1.05);
    }

    /* ========= CTA ========= */

    .tf-aero-cta {
        background: linear-gradient(135deg, #10b981, #065f46);
        color: white;
        text-align: center;
        padding: 120px 20px;
    }


    .tf-aero-cta-1 {
        color: white;
        text-align: center;
    }

    /* ========= ANIMATION ========= */

    .tf-aero-animate {
        opacity: 0;
        transform: translateY(40px);
        transition: all .8s ease;
    }

    .tf-aero-animate.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* ========= FAQ ========= */

    .tf-aero-faq {
        background: var(--tf-aero-gray);
    }

    .tf-aero-faq-item {
        background: white;
        margin: 15px 0;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
    }

    .tf-aero-faq-question {
        padding: 18px 22px;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }

    .tf-aero-faq-question::after {
        content: "+";
        position: absolute;
        right: 20px;
        font-size: 20px;
    }

    .tf-aero-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease;
        padding: 0 22px;
        color: #555;
    }

    .tf-aero-faq-item.active .tf-aero-faq-answer {
        max-height: 200px;
        padding: 0 22px 20px;
    }


    /* SPEC TABLE */

    .tf-aero-spec {
        margin-top: 50px;
        overflow-x: auto;
    }

    .tf-aero-spec table {
        width: 100%;
        border-collapse: collapse;
        background: white;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    }

    .tf-aero-spec th {
        background: var(--tf-aero-green2);
        color: white;
        padding: 14px;
        text-align: left;
    }

    .tf-aero-spec td {
        padding: 14px;
        border-bottom: 1px solid #eee;
    }

    /* APPLICATION IMAGE */

    .tf-aero-card img {
        width: 100%;
        border-radius: 6px;
        margin-bottom: 15px;
    }
    
    /* ========= COLOR ========= */

    :root {
        --tf-ind-green: #15803d;
        --tf-ind-green2: #22c55e;
        --tf-ind-dark: #0f172a;
        --tf-ind-light: #ecfdf5;
        --tf-ind-gray: #f1f5f9;
    }

    /* ========= GLOBAL ========= */

    .tf-ind-container {
        max-width: 1200px;
        margin: auto;
        padding: 60px 20px;
    }

    .tf-ind-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }

    .tf-ind-desc {
        max-width: 1000px;
        margin: auto;
        text-align: center;
        color: #555;
    }

    /* ========= GRID ========= */

    .tf-ind-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
        gap: 40px;
        margin-top: 40px;
    }

    /* ========= CARD ========= */

    .tf-ind-card {
        background: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
        text-align: center;
        transition: .35s;
        position: relative;
        overflow: hidden;
    }

    .tf-ind-card img {
        width: 100%;
        border-radius: 6px;
        margin-bottom: 15px;
    }

    .tf-ind-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
    }

    .tf-ind-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #22c55e;
        transition: .4s;
    }

    .tf-ind-card:hover::after {
        width: 100%;
    }

    /* ========= BUTTON ========= */

    .tf-ind-btn {
        display: inline-block;
        padding: 14px 30px;
        border-radius: 5px;
        margin: 10px;
        font-weight: 600;
        text-decoration: none;
        transition: .3s;
    }

    .tf-ind-btn-primary {
        background: var(--tf-ind-green2);
        color: white;
    }

    .tf-ind-btn-dark {
        background: var(--tf-ind-dark);
        color: white;
    }

    .tf-ind-btn:hover {
        transform: translateY(-2px);
        color: white;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
    }

    /* ========= HERO ========= */

    .tf-ind-hero {
        background:
            linear-gradient(rgba(21, 128, 61, .9), rgba(5, 46, 22, .95)),
            url("https://www.topfastpcb.com/wp-content/uploads/2026/03/industrial-Control-PCB-Manufacturing-Facility-3.png");
        background-size: cover;
        background-position: center;
        color: white;
        text-align: center;
        padding: 150px 20px;
    }

    .tf-ind-hero h1 {
        font-size: 48px;
        margin-bottom: 20px;
        color: white;
    }

    /* ========= FEATURE ========= */

    .tf-ind-feature {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
        margin-top: 30px;
    }

    .tf-ind-feature img {
        width: 100%;
        border-radius: 10px;
    }

    /* ========= PROCESS ========= */

    .tf-ind-process {
        background: var(--tf-ind-light);
    }

    /* ========= APPLICATION ========= */

    .tf-ind-app {
        background: var(--tf-ind-gray);
    }

    /* ========= SPEC TABLE ========= */

    .tf-ind-spec {
        margin-top: 50px;
        overflow-x: auto;
    }

    .tf-ind-spec table {
        width: 100%;
        border-collapse: collapse;
        background: white;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    }

    .tf-ind-spec th {
        background: var(--tf-ind-green2);
        color: white;
        padding: 14px;
        text-align: left;
    }

    .tf-ind-spec td {
        padding: 14px;
        border-bottom: 1px solid #eee;
    }

    /* ========= TIMELINE ========= */

    .tf-ind-timeline {
        max-width: 900px;
        margin: auto;
        margin-top: 60px;
    }

    .tf-ind-step {
        display: grid;
        margin: 30px 0;
        align-items: center;
    }

    .tf-ind-step-number {
        background: #22c55e;
        color: white;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-right: 25px;
    }

    .tf-ind-step-content {
        background: white;
        padding: 20px 25px;
        border-radius: 8px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
    }

    /* ========= GALLERY ========= */

    .tf-ind-gallery img {
        width: 100%;
        border-radius: 8px;
        transition: .4s;
    }

    .tf-ind-gallery img:hover {
        transform: scale(1.05);
    }

    /* ========= CTA ========= */

    .tf-ind-cta {
        background: linear-gradient(135deg, #22c55e, #166534);
        color: white;
        text-align: center;
        padding: 120px 20px;
    }

    .tf-ind-cta-1 {
        text-align:center;
    }


    /* ========= FAQ ========= */

    .tf-ind-faq {
        background: var(--tf-ind-gray);
    }

    .tf-ind-faq-item {
        background: white;
        margin: 15px 0;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
    }

    .tf-ind-faq-question {
        padding: 18px 22px;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }

    .tf-ind-faq-question::after {
        content: "+";
        position: absolute;
        right: 20px;
        font-size: 20px;
    }

    .tf-ind-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease;
        padding: 0 22px;
        color: #555;
    }

    .tf-ind-faq-item.active .tf-ind-faq-answer {
        max-height: 200px;
        padding: 0 22px 20px;
    }

    /* ========= ANIMATION ========= */

    .tf-ind-animate {
        opacity: 0;
        transform: translateY(40px);
        transition: all .8s ease;
    }

    .tf-ind-animate.active {
        opacity: 1;
        transform: translateY(0);
    }
    
    
/* ========= ROOT ========= */

    :root {
        --tf-med-blue: #0284c7;
        --tf-med-blue2: #0ea5e9;
        --tf-med-dark: #0f172a;
        --tf-med-light: #f0f9ff;
        --tf-med-gray: #f8fafc;
    }

    /* ========= GLOBAL ========= */

    .tf-med-container {
        max-width: 1200px;
        margin: auto;
        padding: 80px 20px;
    }

    .tf-med-title {
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #0f172a;
    }

    .tf-med-desc {
        text-align: center;
        color: #555;
        max-width: 900px;
        margin: auto;
    }

    /* ========= GRID ========= */

    .tf-med-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 35px;
        margin-top: 50px;
    }

    /* ========= CARD ========= */

    .tf-med-card {
        background: white;
        padding: 30px 25px;
        border-radius: 14px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, .06);
        text-align: center;
        transition: .35s;
        position: relative;
        overflow: hidden;
    }

    .tf-med-card h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .tf-med-card p {
        color: #666;
        font-size: 15px;
    }

    .tf-med-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 25px 50px rgba(0, 0, 0, .12);
    }

    /* 渐变底线 */
    .tf-med-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--tf-med-blue2), var(--tf-med-blue));
        transition: .4s;
    }

    .tf-med-card:hover::after {
        width: 100%;
    }

    /* ========= BUTTON ========= */

    .tf-med-btn {
        display: inline-block;
        padding: 14px 32px;
        border-radius: 6px;
        margin: 10px;
        font-weight: 600;
        text-decoration: none;
        transition: .3s;
        font-size: 15px;
    }

    /* 主按钮（强转化） */
    .tf-med-btn-primary {
        background: linear-gradient(135deg, var(--tf-med-blue2), var(--tf-med-blue));
        color: white;
        box-shadow: 0 10px 25px rgba(14, 165, 233, .35);
    }

    .tf-med-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 15px 35px rgba(14, 165, 233, .5);
    }

    /* 次按钮 */
    .tf-med-btn-dark {
        background: #0f172a;
        color: white;
    }

    .tf-med-btn-dark:hover {
        transform: translateY(-2px);
        background: #020617;
    }

    /* ========= HERO ========= */

    .tf-med-hero {
        background:
            linear-gradient(rgba(2, 132, 199, .92), rgba(14, 165, 233, .9)),
            url("https://www.topfastpcb.com/wp-content/uploads/2026/03/medical-bg.jpg");
        background-size: cover;
        background-position: center;
        color: white;
        text-align: center;
        padding: 160px 20px;
    }

    .tf-med-hero h1 {
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .tf-med-hero p {
        font-size: 18px;
        opacity: .95;
    }

    /* 徽章 */
    .tf-med-badges {
        margin-top: 20px;
    }

    .tf-med-badges span {
        display: inline-block;
        background: rgba(255, 255, 255, .15);
        padding: 8px 14px;
        border-radius: 20px;
        margin: 5px;
        font-size: 14px;
    }

    /* ========= FEATURE ========= */

    .tf-med-feature {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
        margin-top: 40px;
    }

    .tf-med-feature img {
        width: 100%;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    }

    /* ========= TRUST BLOCK（重点） ========= */

    .tf-med-trust {
        background: var(--tf-med-light);
    }

    /* ========= PROCESS ========= */

    .tf-med-process {
        background: #ffffff;
    }

    /* ========= APPLICATION ========= */

    .tf-med-app {
        background: var(--tf-med-gray);
    }

    /* ========= SPEC TABLE ========= */

    .tf-med-spec {
        margin-top: 60px;
        overflow-x: auto;
    }

    .tf-med-spec table {
        width: 100%;
        border-collapse: collapse;
        background: white;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    }

    .tf-med-spec th {
        background: linear-gradient(135deg, var(--tf-med-blue2), var(--tf-med-blue));
        color: white;
        padding: 14px;
        text-align: left;
    }

    .tf-med-spec td {
        padding: 14px;
        border-bottom: 1px solid #eee;
    }

    /* ========= CTA ========= */

    .tf-med-cta {
        background: linear-gradient(135deg, #0284c7, #0369a1);
        color: white;
        text-align: center;
        padding: 120px 20px;
    }

    .tf-med-cta h2 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .tf-med-cta p {
        opacity: .9;
    }

    /* ========= FAQ ========= */

    .tf-med-faq {
        background: var(--tf-med-gray);
    }

    .tf-med-faq-item {
        background: white;
        margin: 15px 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
    }

    .tf-med-faq-question {
        padding: 20px;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }

    .tf-med-faq-question::after {
        content: "+";
        position: absolute;
        right: 20px;
        font-size: 20px;
    }

    .tf-med-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease;
        padding: 0 20px;
        color: #555;
    }

    .tf-med-faq-item.active .tf-med-faq-answer {
        max-height: 200px;
        padding: 0 20px 20px;
    }

    /* ========= ANIMATION ========= */

    .tf-med-animate {
        opacity: 0;
        transform: translateY(40px);
        transition: all .8s ease;
    }

    .tf-med-animate.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* ========= RESPONSIVE ========= */

    @media(max-width:768px) {

        .tf-med-feature {
            grid-template-columns: 1fr;
        }

        .tf-med-hero h1 {
            font-size: 34px;
        }

    }