
        
        .project-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
        .project-card {
            background:var(--white); border-radius:20px; padding:28px; border:1px solid var(--border);
            box-shadow:var(--shadow-sm); transition:0.25s; cursor:pointer; display:flex; flex-direction:column;
        }
        .project-card:hover { border-color:rgba(180,148,60,0.3); box-shadow:var(--shadow-md); transform:translateY(-3px); }
        .project-tags { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
        .project-tag {
            background:rgba(180,148,60,0.1); color:#7D6010; font-size:12px; font-weight:700;
            padding:4px 12px; border-radius:16px;
        }
        .project-amount { font-size:22px; font-weight:800; color:var(--gold); margin-bottom:12px; }
        .project-title { font-size:19px; font-weight:700; color:var(--deep-blue); margin-bottom:10px; line-height:1.4; }
        .project-desc { font-size:14px; color:var(--text-gray); flex:1; margin-bottom:16px; }
        .project-highlights { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
        .highlight-item { font-size:12px; color:var(--deep-blue); background:rgba(10,31,68,0.04); padding:3px 10px; border-radius:12px; }
        .project-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); padding-top:14px; font-size:13px; color:var(--text-gray); }
        .project-footer span { display:flex; align-items:center; gap:4px; }
        .project-footer svg { width:14px; height:14px; stroke:#9CA3AF; fill:none; stroke-width:2; }
        .detail-link { color:var(--gold); font-weight:700; text-decoration:none; font-size:14px; }
        .load-more { text-align:center; margin:40px 0; color:var(--gold); font-weight:600; cursor:pointer; }
        .footer { background:var(--deep-blue); padding:40px 60px; color:rgba(255,255,255,0.6); display:flex; justify-content:space-between; font-size:14px; }
        .footer a { color:var(--gold-light); text-decoration:none; }
        @media (max-width:1200px) { .project-grid { grid-template-columns:repeat(2,1fr); } }
        @media (max-width:768px) { .project-grid { grid-template-columns:1fr; } .header { padding:0 20px; } .container { padding:20px; } }





 /* 项目主视觉 */
        .hero-project {
            background: linear-gradient(135deg, #0B1D3A, #14366C);
            padding:100px 60px 80px;
            color:#FFF;
        }
        .hero-inner { max-width:1200px; margin:0 auto; display:flex; gap:60px; }
        .hero-info { flex:1; }
        .hero-badges { display:flex; gap:10px; margin-bottom:20px; flex-wrap:wrap; }
        .hero-badge {
            background:rgba(201,168,76,0.25); color:#FFE8A0; border:1px solid rgba(201,168,76,0.4);
            font-size:12px; font-weight:700; padding:6px 14px; border-radius:18px;
        }
        .hero-title { font-size:36px; font-weight:700; margin-bottom:20px; line-height:1.3; }
        .hero-meta { display:flex; gap:30px; font-size:15px; color:rgba(255,255,255,0.7); }
        .hero-meta span { display:flex; align-items:center; gap:6px; }
        .hero-meta svg { width:16px; height:16px; stroke:var(--gold-light); fill:none; stroke-width:2; }
        .hero-amount { font-size:42px; font-weight:800; color:var(--gold-light); margin-top:20px; }
        .hero-quick { display:flex; gap:40px; margin-top:30px; }
        .quick-item { text-align:center; }
        .quick-num { font-size:28px; font-weight:800; color:#FFF; }
        .quick-label { font-size:13px; color:rgba(255,255,255,0.6); margin-top:4px; }

        /* 详情主体 */
        .detail-container { max-width:1200px; margin:0 auto; padding:40px 0px; display:flex; gap:40px; }
        .detail-main { flex:2; }
        .detail-side { flex:1; }
        .info-card {
            background:var(--white); border-radius:20px; padding:30px; border:1px solid var(--border);
            box-shadow:var(--shadow-sm); margin-bottom:24px;
        }
        .info-card h3 { font-size:20px; font-weight:700; color:var(--deep-blue); margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid var(--border); }
        .info-card p{font-size: 16px;line-height: 2;}
        .info-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
        .info-item label { font-size:13px; color:var(--text-gray); display:block; }
        .info-item span { font-size:16px; font-weight:600; color:var(--text-dark); }
        .gold-text { color:var(--gold); }
        .advantages { display:flex; flex-wrap:wrap; gap:10px; }
        .advantage-tag {
            background:rgba(180,148,60,0.1); color:#7D6010; font-size:13px; font-weight:600;
            padding:6px 14px; border-radius:20px; border:1px solid rgba(180,148,60,0.2);
        }
        .apply-bar {
            background:var(--white); border-top:1px solid var(--border); padding:20px 60px;
            position:sticky; bottom:0; display:flex; justify-content:flex-end; box-shadow:0 -2px 10px rgba(0,0,0,0.05);
        }
        .btn-apply {
            background:linear-gradient(135deg, #B4943C, #C9A84C); border:none; color:#FFF;
            padding:14px 40px; border-radius:30px; font-size:16px; font-weight:700; cursor:pointer;
            box-shadow:0 6px 20px rgba(180,148,60,0.3); transition:0.25s; font-family:var(--font-sans);
        }
        .btn-apply:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(180,148,60,0.4); }
        .footer { background:var(--deep-blue); padding:40px 60px; color:rgba(255,255,255,0.6); text-align:center; font-size:14px; }
        .footer a { color:var(--gold-light); text-decoration:none; }


.tabs { display:flex; gap:0; margin-bottom:30px; background:var(--white); border-radius:32px; padding:4px; border:1px solid var(--border); width:fit-content; }
        .tab {
            padding:12px 28px; border-radius:28px; font-size:15px; font-weight:600; cursor:pointer;
            color:var(--text-gray); transition:0.2s;
        }
        .tab.active { background:var(--deep-blue); color:#FFF; box-shadow:0 4px 12px rgba(10,31,68,0.2); }
        .tab:hover:not(.active) { color:var(--gold); }
