
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; color:var(--text); line-height:1.6; }
        .container { max-width:1200px; margin:0 auto; padding:0 20px; }

        .page-banner {
            position:relative; height:300px; display:flex; align-items:center; justify-content:center; overflow:hidden;
            background: var(--dark);
        }
        .page-banner::after {
            content:''; position:absolute; top:0; left:0; width:100%; height:100%;
            background: var(--overlay);
        }
        .page-banner-content { position:relative; z-index:2; text-align:center; color:var(--bg-white); }
        .page-banner-content h1 { font-size:42px; font-weight:700; margin-bottom:15px; }
        .page-banner-content p { font-size:18px; opacity:0.85; }

        .breadcrumb { background:var(--bg-hover); padding:14px 0; font-size:14px; color:var(--text-muted); }
        .breadcrumb a { color:var(--primary); }
        .breadcrumb span { margin:0 8px; color:var(--text-lightest); }

        .honor-section { padding:80px 0; }
        .section-title { text-align:center; margin-bottom:50px; }
        .section-title h2 { font-size:36px; font-weight:700; color:var(--dark); display:inline-block; }
        .section-title h2::after { content:''; display:block; width:60px; height:4px; background:var(--primary); margin:12px auto 0; border-radius:2px; }

        .honor-grid {
            display:grid; grid-template-columns:repeat(4,1fr); gap:30px;
        }
        .honor-card {
            background:var(--bg-white); border-radius:12px; overflow:hidden;
            box-shadow:var(--shadow-sm); text-align:center; transition:all 0.4s;
        }
        .honor-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-hover); }
        .honor-card .honor-img { height:200px; overflow:hidden; }
        .honor-card .honor-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s; }
        .honor-card:hover .honor-img img { transform:scale(1.08); }
        .honor-card .honor-body { padding:20px; }
        .honor-card .honor-body h4 { font-size:16px; color:var(--dark); margin-bottom:6px; }
        .honor-card .honor-body p { font-size:13px; color:var(--text-gray); }

        @media (max-width:992px) { .honor-grid { grid-template-columns:repeat(2,1fr); } }
        @media (max-width:768px) { .honor-grid { grid-template-columns:1fr; } .page-banner { height:220px; } .page-banner-content h1 { font-size:32px; } }
    