.public-service-container{padding:20px;margin:0 auto}.public-service-container .service-section{margin-bottom:40px}.public-service-container .service-section .section-title{margin-bottom:24px;font-size:20px;color:#1d2129;font-weight:500;position:relative;padding-left:16px}.public-service-container .service-section .section-title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:#1890ff;border-radius:2px}.public-service-container .property-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.public-service-container .property-service-grid .service-card{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;border:none;overflow:hidden;box-shadow:0 4px 12px #4a9fff1f;position:relative}.public-service-container .property-service-grid .service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4a9fff,#7abaff);z-index:1}.public-service-container .property-service-grid .service-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #4a9fff33}.public-service-container .property-service-grid .service-card .card-cover{padding:24px;display:flex;justify-content:center;background:#f7f8fa}.public-service-container .property-service-grid .service-card .card-cover .icon-circle{width:80px;height:80px;border-radius:50%;background:#1890ff;display:flex;align-items:center;justify-content:center}.public-service-container .property-service-grid .service-card .card-cover .icon-circle img{width:40px;height:40px}.public-service-container .property-service-grid .service-card .ant-card-meta-title{font-size:18px;font-weight:600;color:#1d2129;margin-bottom:8px;text-align:center}.public-service-container .property-service-grid .service-card .ant-card-meta-description{color:#666;font-size:14px;line-height:1.5;text-align:center}.public-service-container .energy-service-grid{display:flex;flex-direction:column;gap:24px}.public-service-container .energy-service-grid .energy-row{display:flex;justify-content:center;gap:24px}.public-service-container .energy-service-grid .energy-row.first-row .energy-card{width:calc(50% - 12px);max-width:360px}.public-service-container .energy-service-grid .energy-row.second-row .energy-card{width:calc(33.33% - 16px);max-width:340px}.public-service-container .energy-service-grid .energy-card{border-radius:16px;border:none;overflow:hidden;box-shadow:0 4px 12px #4a9fff1f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.public-service-container .energy-service-grid .energy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4a9fff,#7abaff);z-index:1}.public-service-container .energy-service-grid .energy-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #4a9fff33}.public-service-container .energy-service-grid .energy-card .energy-content{padding:24px;text-align:center;display:flex;justify-content:center;align-items:center}.public-service-container .energy-service-grid .energy-card .energy-content .energy-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafcff,#f5f9ff);border-radius:50%;border:2px solid #e8f4ff;margin-right:16px;transition:all .3s}.public-service-container .energy-service-grid .energy-card .energy-content .energy-icon img{width:45px;height:45px;filter:brightness(.9)}.public-service-container .energy-service-grid .energy-card .energy-content h3{margin:0;font-size:24px;color:#1d2129;font-weight:600}.public-service-container .energy-service-grid .energy-card:hover .energy-icon{transform:scale(1.1);background:linear-gradient(135deg,#f0f7ff,#e8f4ff)}.public-service-container .energy-service-grid .energy-card .card-actions{display:flex;justify-content:space-around}.public-service-container .energy-service-grid .energy-card .card-actions .ant-btn{display:flex;flex-direction:column;align-items:center;color:#4e5969}.public-service-container .energy-service-grid .energy-card .card-actions .ant-btn:hover{color:#1890ff}.public-service-container .energy-service-grid .energy-card .card-actions .ant-btn .anticon{margin-bottom:4px;font-size:18px}.affairs-card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.affairs-card-container .affairs-card{position:relative;height:150px;border-radius:8px;background:#f5f5f5;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px}.affairs-card-container .affairs-card .card-content{padding:16px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.affairs-card-container .affairs-card .card-hover-layer{position:absolute;bottom:-100%;left:0;right:0;height:100%;background:#2660c5b3;color:#fff;transition:all .3s;display:flex;align-items:center;justify-content:center;text-align:center}.affairs-card-container .affairs-card .card-hover-layer .hover-content{width:100%;padding:16px}.affairs-card-container .affairs-card .card-hover-layer .hover-content p{margin:8px 0;line-height:1.5}.affairs-card-container .affairs-card .card-hover-layer .hover-content a{color:#fff;text-decoration:underline}.affairs-card-container .affairs-card:hover .card-hover-layer{bottom:0}