:root{--primary: #1677ff;--primary-dark: #0958d9;--primary-hover: #4096ff;--success: #52c41a;--warning: #faad14;--danger: #ff4d4f;--purple: #722ed1;--cyan: #13c2c2;--orange: #fa8c16;--bg-main: #f5f5f5;--bg-card: #ffffff;--bg-card-light: #fafafa;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--border-color: #f0f0f0;--border-strong: #d9d9d9}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}#app{display:flex;flex-direction:column;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-main);color:var(--text-primary);line-height:1.5}.top-nav{background:#fff;padding:0 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:0;position:sticky;top:0;z-index:100}.top-nav-item{padding:14px 18px;font-size:14px;color:#595959;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.top-nav-item:hover{color:var(--primary)}.top-nav-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.top-nav-item i{font-size:13px}.blue-header{background:linear-gradient(135deg,#0958d9,#1677ff);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;position:sticky;top:52px;z-index:99}.blue-header-left{display:flex;align-items:center}.blue-header-title{font-size:20px;font-weight:600;color:#fff}.blue-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-status-badge{padding:5px 14px;border-radius:16px;font-size:13px;font-weight:500}.header-status-badge.bid-opened{background:#52c41a33;color:#52c41a;border:1px solid rgba(82,196,26,.3)}.header-date{font-size:13px;color:#ffffffb3;display:flex;align-items:center;gap:6px}.header-date i{font-size:12px}.stage-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:14px;white-space:nowrap}.stage-tag i{font-size:8px}.stage-tag.stage-completed{background:#52c41a59;border-color:#52c41a80}.stage-tag.stage-completed i{color:#52c41a}.stage-tag.stage-active{background:#1677ff66;border-color:#1677ff80}.stage-tag.stage-active i{color:#69b1ff}.stage-tag.stage-none{background:#ffffff26;border-color:#fff3;color:#fff9}.stage-tag.stage-none i{color:#fff6}.stage-tag.stage-pending{background:#faad1466;border-color:#faad1480}.stage-tag.stage-pending i{color:#ffd666}.header-package-select{font-size:13px;color:#ffffffd9;display:flex;align-items:center;gap:6px}.header-package-select select{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;padding:4px 8px;font-size:13px;cursor:pointer}.header-package-select select option{color:#333;background:#fff}.custom-project-select{position:relative;display:flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:5px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:200px}.custom-project-select:hover{background:#ffffff2e}.selected-project{color:#fff;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-badge{font-size:10px;padding:1px 7px;border-radius:9px;font-weight:600;white-space:nowrap;line-height:18px}.badge-latest{background:#fff;color:#1677ff}.badge-history{background:#fff3;color:#ffffffb3}.project-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:100;overflow:hidden;padding:4px 0}.dropdown-group-label{font-size:11px;color:#8c8c8c;padding:6px 14px 4px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:13px;color:#262626;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.active{background:#e6f4ff;color:#1677ff;font-weight:500}.header-btn{padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;display:flex;align-items:center;gap:6px;transition:all .2s}.header-btn:hover{background:#fff3}.main-layout{display:flex;flex-direction:row;padding:20px 24px;gap:20px;max-width:1440px;margin:0 auto;width:100%;flex:1;min-height:0;align-items:stretch}.sidebar-timeline{width:220px;flex-shrink:0;background:#fff;border-radius:8px;border:1px solid var(--border-color);padding:20px 16px;overflow-y:auto}.sidebar-title{font-size:15px;font-weight:600;color:#262626;margin-bottom:20px;display:flex;align-items:center;gap:8px}.sidebar-title i{color:var(--primary);font-size:14px}.phase-switch{display:flex;gap:4px;background:#f5f5f5;border-radius:8px;padding:4px;margin-bottom:16px}.phase-tab{flex:1;padding:6px 8px;font-size:13px;border:none;background:none;cursor:pointer;border-radius:6px;color:#595959;transition:all .2s;white-space:nowrap}.phase-tab:hover{color:var(--primary)}.phase-tab.active{background:#fff;color:var(--primary);font-weight:500;box-shadow:0 1px 2px #0000000f}.timeline-track{position:relative;padding-left:24px}.timeline-track:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:#f0f0f0}.timeline-item{position:relative;padding-bottom:24px;cursor:pointer}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;top:4px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #d9d9d9;background:#d9d9d9;z-index:1}.timeline-dot.completed{background:#52c41a;box-shadow:0 0 0 2px #52c41a}.timeline-dot.active{background:#1677ff;box-shadow:0 0 0 2px #1677ff}.timeline-dot.pending{background:#faad14;box-shadow:0 0 0 2px #faad14}.timeline-item-label{font-size:14px;font-weight:500;color:#262626;transition:color .2s}.timeline-item-date{font-size:12px;color:#8c8c8c;margin-top:2px}.timeline-item.completed .timeline-item-label{color:#52c41a}.timeline-item.active .timeline-item-label{color:#1677ff;font-weight:600}.timeline-item:hover{background:#1677ff0f;margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:6px}.content-area{flex:1;min-width:0;background:#fff;border-radius:8px;border:1px solid var(--border-color);padding:24px;overflow-y:auto;min-height:400px}.info-card{background:#fff;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;margin-bottom:16px;overflow:hidden}.info-card-header{padding:16px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);background:#fafafa}.info-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}.info-card-icon.blue{background:#e6f4ff;color:#1677ff}.info-card-icon.green{background:#f6ffed;color:#389e0d}.info-card-icon.purple{background:#f9f0ff;color:#531dab}.info-card-icon.orange{background:#fff7e6;color:#fa8c16}.info-card-icon.cyan{background:#e6fffb;color:#13c2c2}.info-card-icon.red{background:#fff1f0;color:#cf1322}.info-card-title{font-size:15px;font-weight:600;color:#262626}.info-card-body{padding:24px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px}.info-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px}.info-label{font-size:13px;color:#8c8c8c;margin-bottom:4px}.info-value{font-size:14px;color:#262626;font-weight:500}.info-value.highlight-green{color:#389e0d;font-weight:600}.info-value.highlight-blue{color:#1677ff;font-weight:600}.info-value.highlight-red{color:#cf1322;font-weight:600}.status-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500}.status-tag.inviting{background:#e6f4ff;color:#1677ff}.status-tag.pending{background:#fffbe6;color:#d48806}.status-tag.completed,.status-tag.success{background:#f6ffed;color:#389e0d}.status-tag.warning{background:#fffbe6;color:#d48806}.note-box{margin-top:16px;padding:12px 16px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.note-label{font-size:13px;color:#8c8c8c;margin-bottom:6px}.note-content{font-size:14px;color:#262626}.package-content-box{margin-top:16px;padding:16px 20px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.package-content-label{font-size:13px;color:#8c8c8c;margin-bottom:8px}.package-content-value{font-size:14px;color:#262626}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0;font-weight:500;color:#595959;background:#fafafa}.data-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#262626}.data-table tr:hover td{background:#fafafa}.file-link{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-size:13px}.file-link:hover{text-decoration:underline}.sub-section-title{font-size:14px;font-weight:600;color:#262626;margin:20px 0 12px;display:flex;align-items:center;gap:6px}.sub-section-title:first-child{margin-top:0}.sub-section-title i{color:var(--primary);font-size:13px}@media (max-width: 1024px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-layout{flex-direction:column}.sidebar-timeline{width:100%;position:static}.info-grid,.info-grid-2{grid-template-columns:1fr}.blue-header{flex-direction:column;align-items:flex-start}}.sub-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:0}.sub-tab{padding:8px 20px;font-size:13px;color:#595959;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.sub-tab:hover{color:var(--primary)}.sub-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}