:root{--proc-primary:#0066cc;--proc-primary-dark:#0052a3;--proc-primary-light:#f0f6ff;--proc-accent:#f97316;--proc-bg:#f5f6f8;--proc-border:#e8e8e8;--proc-text:#1a1a1a;--proc-text-secondary:#555;--proc-text-muted:#999;--proc-success:#52c41a;--proc-danger:#ff4d4f;--proc-warning:#faad14}.proc-page{min-height:100vh;background:#f5f6f8}.proc-page .container{max-width:1280px;margin:0 auto;padding:0 24px}.proc-page .proc-breadcrumb{padding:16px 0;display:flex;align-items:center;gap:8px;font-size:13px;color:#999}.proc-page .proc-breadcrumb a{color:#999;text-decoration:none}.proc-page .proc-breadcrumb a:hover{color:#0066cc}.proc-page .proc-breadcrumb .current{color:#555;font-weight:500}.proc-page .proc-main{padding-bottom:40px}.proc-page .proc-grid{display:grid;grid-template-columns:200px 1fr 240px;gap:16px;align-items:start}.proc-page .proc-sidebar{position:sticky;top:88px}.proc-page .filter-sidebar{background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:16px}.proc-page .filter-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.proc-page .filter-clear{font-size:12px;color:#999;cursor:pointer;font-weight:400}.proc-page .filter-clear:hover{color:#0066cc}.proc-page .filter-group{margin-bottom:16px}.proc-page .filter-group:last-child{margin-bottom:0}.proc-page .filter-group-title{font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.proc-page .filter-option{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;transition:color .2s}.proc-page .filter-option:hover{color:#0066cc}.proc-page .filter-option .checkbox{width:16px;height:16px;border:1.5px solid #ddd;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.proc-page .filter-option:hover .checkbox{border-color:#0066cc}.proc-page .filter-option.checked .checkbox{background:#0066cc;border-color:#0066cc}.proc-page .filter-option.checked .checkbox:after{content:"";width:8px;height:5px;border:1.5px solid white;border-top:none;border-right:none;transform:rotate(-45deg);margin-top:-2px}.proc-page .filter-option .label{font-size:13px;color:#555;flex:1}.proc-page .filter-option.checked .label{color:#0066cc;font-weight:500}.proc-page .hot-tag-list{display:flex;flex-wrap:wrap;gap:6px}.proc-page .hot-tag{padding:4px 12px;font-size:13px;color:#555;background:#f5f6f8;border:1px solid #e8e8e8;border-radius:20px;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.proc-page .hot-tag:hover{border-color:#0066cc;color:#0066cc;background:#f0f6ff}.proc-page .hot-tag.active{background:#0066cc;color:#fff;border-color:#0066cc}.proc-page .proc-content{min-width:0}.proc-page .proc-search-bar{background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:16px 20px;margin-bottom:16px}.proc-page .proc-search{display:flex;align-items:center;gap:8px;background:#f5f6f8;border-radius:4px;padding:4px;width:100%;border:1px solid #e8e8e8;transition:all .2s}.proc-page .proc-search:focus-within{border-color:#0066cc;background:#fff;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.proc-page .proc-search svg{color:#999;margin-left:8px;flex-shrink:0}.proc-page .proc-search input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#1a1a1a;padding:8px 0}.proc-page .proc-search input::-moz-placeholder{color:#999}.proc-page .proc-search input::placeholder{color:#999}.proc-page .proc-search button{padding:8px 20px;background:#0066cc;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.proc-page .proc-search button:hover{background:#0052a3}.proc-page .proc-list{display:flex;flex-direction:column;gap:12px}.proc-page .proc-card{background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:20px 24px;transition:all .25s;cursor:pointer;color:inherit;text-decoration:none;display:block;height:230PX;overflow:hidden}.proc-page .proc-card:hover{border-color:#0066cc;box-shadow:0 4px 12px rgba(0,102,204,.12);transform:translateY(-2px)}.proc-page .proc-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.proc-page .status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:3px;flex-shrink:0;white-space:nowrap}.proc-page .status-urgent{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.proc-page .status-hot{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.proc-page .status-new{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.proc-page .status-normal{background:#f5f6f8;color:#555;border:1px solid #e8e8e8}.proc-page .proc-card-title{flex:1;min-width:0;font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.4;transition:color .2s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.proc-page .proc-card:hover .proc-card-title{color:#0066cc}.proc-page .proc-card-time{font-size:12px;white-space:nowrap;flex-shrink:0;margin-left:8px}.proc-page .proc-card-time-label{color:#94A3B8}.proc-page .proc-card-time-value{color:#F97316}.proc-page .proc-card-info{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:13px}.proc-page .proc-card-info .info-item{display:flex;align-items:center;gap:4px;color:#555}.proc-page .proc-card-info .info-item.valid{color:#fa8c16;font-weight:500}.proc-page .proc-card-info .info-item svg{color:#999;flex-shrink:0}.proc-page .proc-card-field{font-size:13px;color:#555;line-height:1.6;margin-bottom:6px;display:flex;align-items:baseline;gap:4px}.proc-page .proc-card-field .field-label{color:#999;font-weight:500;flex-shrink:0}.proc-page .proc-card-field .field-value{color:#1a1a1a;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-page .proc-card-fields{margin-bottom:10px}.proc-page .proc-card-fields .proc-card-field{margin-bottom:2px}.proc-page .proc-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.proc-page .proc-meta{display:flex;gap:16px;font-size:12px;color:#999}.proc-page .proc-meta .meta-item{display:flex;align-items:center;gap:4px}.proc-page .proc-action{padding:6px 16px;background:#0066cc;color:#fff;font-size:13px;font-weight:500;border-radius:4px;transition:all .2s;border:none;cursor:pointer}.proc-page .proc-action:hover{background:#0052a3}.proc-page .proc-empty,.proc-page .proc-loading{text-align:center;padding:64px 0;color:#999;font-size:14px}.proc-page .proc-empty button{margin-top:16px;padding:8px 24px;background:#0066cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.proc-page .proc-right{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px;min-width:0;max-width:240px}.proc-page .sidebar-card{background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow:hidden}.proc-page .sidebar-card-header{padding:14px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:6px}.proc-page .sidebar-card-header h3{font-size:14px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:6px;margin:0}.proc-page .sidebar-card-header h3:before{content:"";width:3px;height:14px;background:#0066cc;border-radius:2px}.proc-page .sidebar-card.supplier-recommend{padding:0}.proc-page .supplier-recommend .sidebar-card-header{padding:14px 16px}.proc-page .supplier-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}.proc-page .supplier-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;overflow:hidden;cursor:pointer;transition:all .2s;color:inherit;min-width:0;text-decoration:none}.proc-page .supplier-card:hover{border-color:#0066cc;box-shadow:0 2px 8px rgba(0,102,204,.1);transform:translateY(-1px)}.proc-page .supplier-card-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f5f6f8;position:relative;flex-shrink:0}.proc-page .supplier-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;display:block}.proc-page .supplier-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.proc-page .supplier-card-name{font-size:13px;font-weight:500;color:#333;padding:8px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.proc-page .supplier-empty{text-align:center;color:#999;padding:20px 0;font-size:13px;grid-column:1/-1}.publish-subtitle{margin-top:4PX;font-size:13PX;color:#6b7280;font-weight:400;line-height:1.5}.publish-activity-banner{display:flex;align-items:center;justify-content:space-between;gap:12PX;width:100%;height:44PX;padding:0 16PX;border-radius:6PX;background:linear-gradient(90deg,#f01212,#ff6a3d);color:#ffffff;overflow:hidden;transition:opacity .2s}.publish-activity-banner:hover{opacity:.92;color:#ffffff}.publish-activity-banner-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;font-weight:500}.publish-activity-banner-more{flex-shrink:0;font-size:12PX;color:#ffffff}.publish-form .ant-input:not(textarea){height:40PX}.publish-form .ant-select-single .ant-select-selector{height:40PX!important}.publish-form .ant-select-single .ant-select-selector .ant-select-selection-search-input{height:38PX}.publish-form .ant-select-single .ant-select-selector .ant-select-selection-item,.publish-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:38PX}.publish-explain{margin-top:0}.publish-explain .ant-card-meta-description{line-height:1.8}.publish-project-card{width:100%;margin-bottom:12PX;border-radius:8PX;border:1px solid #f0f0f0;box-shadow:0 1PX 4PX rgba(0,0,0,.04);overflow:hidden}.publish-project-card .ant-card-body{padding:14PX 16PX}.publish-project-card:hover{box-shadow:0 2PX 8PX rgba(0,0,0,.1)}.publish-project-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12PX}.publish-project-name{flex:1;min-width:0;margin:0;font-size:14PX;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-project-date{flex-shrink:0;font-size:12PX;color:#9ca3af;white-space:nowrap}.publish-project-line{margin:6PX 0 0;font-size:13PX;color:#6b7280;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-project-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:12PX;margin-top:6PX}.publish-project-company{flex:1;min-width:0;margin-top:0}.publish-project-icons{display:flex;align-items:center;flex-shrink:0;gap:12PX}.publish-project-icons .ant-space{gap:4PX!important;color:#9ca3af;font-size:12PX;transition:color .2s}.publish-project-icons .ant-space:hover{color:#1677ff}.publish-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16PX}.publish-stat-card{height:100%;border-radius:8PX!important;border:1px solid #f0f0f0!important;box-shadow:0 1PX 4PX rgba(0,0,0,.04)}.publish-stat-card .ant-card-body{position:relative;height:100%;padding:16PX;box-sizing:border-box}.publish-stat-title{font-size:13PX;color:#9ca3af}.publish-stat-icon{position:absolute;top:16PX;right:16PX;font-size:20PX;color:#9ca3af;opacity:.6;line-height:1}.publish-section-title-row{display:flex;justify-content:space-between;align-items:baseline;margin:4PX 0 12PX}.publish-section-title{margin:0;font-size:16PX;font-weight:700;color:#1f2937}.publish-section-more{font-size:12PX;color:#9ca3af;transition:color .2s}.publish-section-more:hover{color:#1677ff}.proc-page .cta-card{background:linear-gradient(135deg,#0066cc,#0052a3);border-radius:6PX;padding:20PX;color:#fff;text-align:center;cursor:pointer;transition:all .2s;display:block;text-decoration:none}.proc-page .cta-card:hover{transform:translateY(-2PX);box-shadow:0 6PX 16PX rgba(0,102,204,.3)}.proc-page .cta-card h4{font-size:16PX;font-weight:600;margin-bottom:6PX;color:#fff}.proc-page .cta-card p{font-size:12PX;opacity:.85;line-height:1.6;margin-bottom:12PX;color:#fff}.proc-page .cta-btn{display:inline-block;padding:6PX 20PX;background:#fff;color:#0066cc;font-size:13PX;font-weight:500;border-radius:20PX}@media (max-width:1280PX){.proc-page .proc-grid{grid-template-columns:180PX 1fr 220PX}}@media (max-width:1100PX){.proc-page .proc-grid{grid-template-columns:1fr}.proc-page .proc-right,.proc-page .proc-sidebar{position:static;max-width:100%}}@media (max-width:768PX){.proc-page .container{padding:12PX}.proc-page .proc-card-header{flex-wrap:wrap}.proc-page .proc-meta{flex-wrap:wrap;gap:8PX}.proc-page .proc-card-footer{flex-direction:column;align-items:flex-start;gap:12PX}.proc-page .supplier-grid{grid-template-columns:1fr;gap:8PX;padding:12PX}.proc-page .supplier-card-name{font-size:12PX;padding:6PX 4PX}}