.staff-project-info-wrapper{width:100%;height:100%}.staff-project-info{width:100%;padding:16px;background-color:#f0f2f5}.staff-project-info .panel-row{display:flex;gap:16px;margin-bottom:16px}.staff-project-info .panel-row:last-child{margin-bottom:0}.staff-project-info .panel-row .panel-card{flex:1;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;min-height:400px}.staff-project-info .panel-row .panel-card.milestone-card{background:#fff}.staff-project-info .panel-row .panel-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.staff-project-info .panel-row .panel-card .card-header .header-title{font-size:16px;font-weight:500;color:#1890ff}.staff-project-info .panel-row .panel-card .card-header .city-tag{background-color:#ff4d6d;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px}.staff-project-info .panel-row .panel-card .card-header .header-buttons{display:flex;gap:8px}.staff-project-info .panel-row .panel-card .card-body{flex:1;padding:20px;overflow-y:auto}.staff-project-info .panel-row .panel-card .card-body.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.staff-project-info .panel-row .panel-card .card-body .project-overview .info-item{display:flex;margin-bottom:16px;line-height:1.8}.staff-project-info .panel-row .panel-card .card-body .project-overview .info-item .label{flex-shrink:0;width:120px;color:#666;font-size:14px}.staff-project-info .panel-row .panel-card .card-body .project-overview .info-item .value{flex:1;color:#333;font-size:14px}.staff-project-info .panel-row .panel-card .card-body .safety-days-section{position:relative;background:#5c80f7;border-radius:8px;padding:30px 20px;text-align:center;margin-bottom:20px}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .section-label{position:absolute;top:12px;left:16px;font-size:14px;font-weight:500;color:#fff}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .city-tag{position:absolute;top:12px;right:16px;background-color:#ff4d6d;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .safety-title{font-size:16px;color:#fff;margin-bottom:20px;margin-top:10px}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .days-display{font-size:28px;font-weight:700;color:#fff;background:hsla(0,0%,100%,.2);border-radius:20px;padding:10px 30px;display:inline-block;margin-bottom:20px;min-width:380px}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .date-info{font-size:14px;color:hsla(0,0%,100%,.9);display:flex;justify-content:space-between;padding:0 20px}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .date-info .date-part{flex:1;text-align:left}.staff-project-info .panel-row .panel-card .card-body .safety-days-section .date-info .time-part{flex:1;text-align:right}.staff-project-info .panel-row .panel-card .card-body .safety-target-section{position:relative;background:#61bf76;border-radius:8px;padding:30px 20px;text-align:center}.staff-project-info .panel-row .panel-card .card-body .safety-target-section .section-label{position:absolute;top:12px;left:16px;font-size:14px;font-weight:500;color:#fff}.staff-project-info .panel-row .panel-card .card-body .safety-target-section .target-content{font-size:20px;font-weight:700;color:#fff;margin-top:10px}.staff-project-info .panel-row .panel-card .card-body .project-description{font-size:14px;color:#333;line-height:1.8;text-align:justify}.staff-project-info .panel-row .panel-card .card-body.milestone-body{display:flex;gap:20px;padding:20px}.staff-project-info .panel-row .panel-card .card-body.milestone-body .milestone-timeline{flex:1;overflow-y:auto;max-height:350px}.staff-project-info .panel-row .panel-card .card-body.milestone-body .milestone-progress{flex-shrink:0;width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.staff-project-info .panel-row .panel-card .card-body .milestone-item .milestone-date{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.staff-project-info .panel-row .panel-card .card-body .milestone-item .milestone-content{font-size:13px;color:#666;line-height:1.6}.staff-project-info .panel-row .panel-card .card-body .milestone-circle{position:relative;width:200px;height:200px}.staff-project-info .panel-row .panel-card .card-body .milestone-circle .progress-ring{width:100%;height:100%}.staff-project-info .panel-row .panel-card .card-body .milestone-circle .milestone-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.staff-project-info .panel-row .panel-card .card-body .milestone-circle .milestone-content .checkmark{width:40px;height:40px;background-color:#52c41a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin:0 auto 10px}.staff-project-info .panel-row .panel-card .card-body .milestone-circle .milestone-content .milestone-days{font-size:36px;font-weight:700;color:#333;margin-bottom:8px}.staff-project-info .panel-row .panel-card .card-body .milestone-circle .milestone-content .milestone-label{font-size:12px;color:#666}@media screen and (max-width:1600px){.staff-project-info .panel-row .panel-card{min-height:350px}}@media screen and (max-width:1200px){.staff-project-info .panel-row{flex-direction:column}.staff-project-info .panel-row .panel-card{min-height:300px}}