*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, -apple-system, "Microsoft Yahei", sans-serif;}
        body{
            background:#f8fafc;
            padding:40px 0;
        }
        .eco-section{
            width:100%;
            max-width:1400px;
            margin:0 auto;
            padding:0 20px;
        }
        .section-header{
            text-align:center;
            margin-bottom:40px;
        }
        .section-title{
            font-size:24px;
            color:#222;
            margin-bottom:8px;
            font-weight:600;
        }
        .section-sub{
            font-size:16px;
            color:#444;
        }
        .card-wrap{
            display:grid;
            grid-template-columns: repeat(3, 1fr);
            gap:24px;
            margin-bottom:40px;
        }
        .eco-card{
            background:#fff;
            border-radius:16px;
            padding:32px 24px;
            text-align:center;
            position:relative;
            overflow:hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
            transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
            cursor:pointer;
            border:1px solid transparent;
        }
        .eco-card:hover{
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.12);
            border-color: rgba(0,0,0,0.06);
        }
        .eco-card::before{
            content:"";
            position:absolute;
            left:0;top:0;
            width:100%;
            height:4px;
            border-top-left-radius:16px;
            border-top-right-radius:16px;
            transition: height 0.3s ease;
        }
        .eco-card:hover::before{
            height:6px;
        }
        .card-hotlcd::before{background:#c8000a;}
        .card-display::before{background:#1fc2f4;}
        .card-hothmi::before{background:#b9d200;}

        .card-logo{
            font-size:48px;
            font-weight:700;
            margin-bottom:16px;
            transition: transform .35s ease;
        }
        .eco-card:hover .card-logo{
            transform: scale(1.06);
        }
        .logo-hotlcd{color:#c8000a;}
        .logo-display{color:#1fc2f4;}
        .logo-hothmi{color:#b9d200;}

        .card-h3{
            font-size:18px;
            color:#333;
            margin-bottom:12px;
            font-weight:500;
        }
        .card-desc{
            font-size:14px;
            color:#666;
            line-height:1.7;
            margin-bottom:20px;
            min-height:72px;
        }
        .card-tag{
            display:inline-block;
            padding:6px 16px;
            border-radius:99px;
            font-size:14px;
            transition: background .3s ease, color .3s ease, transform .3s ease;
        }
        .eco-card:hover .card-tag{
            transform: translateY(-2px);
        }
        /* 修正这里，统一用透明浅底色 */
        .tag-blue{background:rgba(200,0,10,0.08);color:#c8000a;}
        .tag-green{background:rgba(31,194,244,0.08);color:#1fc2f4;}
        .tag-orange{background:rgba(185,210,0,0.08);color:#b9d200;}

        .eco-card:hover .tag-blue{background:#c8000a;color:#fff;}
        .eco-card:hover .tag-green{background:#1fc2f4;color:#fff;}
        .eco-card:hover .tag-orange{background:#b9d200;color:#fff;}

        .eco-card a{
            text-decoration:none;
            color:inherit;
            display:block;
        }

        .bottom-note{
            text-align:center;
        }
        .row1{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:12px;
            margin-bottom:16px;
            flex-wrap:wrap;
        }
        .dot-item{
            display:flex;
            align-items:center;
            gap:6px;
        }
        .dot{
            width:10px;height:10px;border-radius:50%;
        }
        .dot-b{background:#c8000a;}
        .dot-g{background:#1fc2f4;}
        .dot-o{background:#b9d200;}
        .arrow{
            color:#aaa;
            margin:0 8px;
        }
        .row2{
            color:#888;
            font-size:15px;
        }

        @media(max-width:768px){
            .card-wrap{grid-template-columns:1fr;}
            .row1{flex-wrap:wrap;}
        }