*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft Yahei,sans-serif}body{background-color:#f5f7fa;color:#333;padding-bottom:60px;min-width:1200px}.header{height:60px;background-color:#fff;border-bottom:1px solid #e8e8e8;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#1890ff;cursor:pointer}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1890ff,#36cfc9);border-radius:8px;color:#fff;text-align:center;line-height:36px;font-size:14px;font-weight:900;letter-spacing:1px}.search-box{width:400px;height:36px;border:1px solid #e8e8e8;border-radius:18px;padding:0 16px;outline:none;transition:border-color .2s,box-shadow .2s;background-color:#f9f9f9}.search-box:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;background-color:#fff}.user-info{display:flex;align-items:center;gap:16px}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#e8e8e8}.user-tag{color:#ff4d4f;font-size:12px}.header-btn{font-size:14px;color:#666;cursor:pointer;transition:color .15s}.header-btn:hover{color:#1890ff}.nav-msg-btn{position:relative}.nav-unread-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;border-radius:9px;box-shadow:0 1px 3px #ff4d4f66}.home-btn{color:#1890ff;font-weight:500}.logout{color:#ff4d4f}.main-content{margin-top:60px;padding:20px 24px;overflow:hidden;transition:margin-top .2s}body.has-breadcrumb .main-content{margin-top:96px}#admin-page.active{display:block;gap:0;padding:0;height:calc(100vh - 100px);overflow:hidden}.main-content:has(#admin-page.active){padding:0}#home-page.active{display:flex;flex-direction:column;gap:0}.left-panel{width:26%;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000f;min-width:280px;max-width:380px;overflow-y:auto;max-height:calc(100vh - 130px)}.right-panel{width:74%;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000f;overflow-y:auto;max-height:calc(100vh - 130px)}#resource-page .right-panel,#resource-detail-page .right-panel,#network-page .right-panel,#user-center-page .right-panel,#personal-info-page .right-panel{width:100%;max-width:100%;max-height:calc(100vh - 100px)}.form-title{font-size:16px;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.form-item{margin-bottom:16px}.form-label{display:block;font-size:14px;color:#666;margin-bottom:8px}.form-input{width:100%;height:36px;border:1px solid #e8e8e8;border-radius:4px;padding:0 12px;outline:none;transition:border .2s}.form-input:focus{border-color:#1890ff}.code-row{display:flex;gap:10px;flex-wrap:nowrap}.code-input{flex:1}.get-code-btn{width:120px;height:36px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;min-width:100px;transition:background-color .2s}.get-code-btn:hover{background-color:#096dd9}.get-code-btn:disabled{background-color:#d9d9d9;cursor:not-allowed}.auth-tip{font-size:12px;color:#faad14;margin-bottom:16px;display:flex;align-items:center;gap:4px}.btn{width:100%;height:40px;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:10px;transition:opacity .2s}.btn:hover{opacity:.85}.btn-blue{background-color:#1890ff;color:#fff}.btn-orange{background-color:#ff7d00;color:#fff}.required{color:#ff4d4f;font-size:12px}.form-hint{color:#bbb;font-size:12px;font-weight:400}.reg-tabs{display:flex;gap:0;margin-bottom:20px;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.reg-tab{flex:1;text-align:center;padding:10px 0;font-size:14px;font-weight:500;cursor:pointer;background-color:#f8f9fa;color:#666;transition:all .2s}.reg-tab:hover{background-color:#e8f4ff;color:#1890ff}.reg-tab.active{background-color:#1890ff;color:#fff}.reg-form{display:none}.reg-form.active{display:block}.reg-divider{font-size:13px;color:#999;text-align:center;margin:20px 0 16px;position:relative}.reg-divider:before,.reg-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:#e8e8e8}.reg-divider:before{left:0}.reg-divider:after{right:0}.form-select{height:36px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;outline:none;font-size:13px;color:#333;background-color:#fff;cursor:pointer;transition:border .2s}.form-select:focus{border-color:#1890ff}.form-select.full{width:100%}.form-row-3{display:flex;gap:6px}.form-row-3 .form-select{flex:1}.form-textarea{width:100%;height:72px;border:1px solid #e8e8e8;border-radius:4px;padding:8px 12px;outline:none;resize:vertical;font-size:13px;line-height:1.5;transition:border .2s}.form-textarea:focus{border-color:#1890ff}.info-form-main .form-input{height:40px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;font-size:13px;transition:all .25s;background:#f8fafc}.info-form-main .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;background:#fff}.info-form-main .form-select{height:40px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;font-size:13px;transition:all .25s;background:#f8fafc}.info-form-main .form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;background:#fff}.info-form-main .form-label{font-size:13.5px;color:#374151;margin-bottom:8px;font-weight:600}.info-form-main .form-item{margin-bottom:18px}.info-form-main .form-textarea{border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6;background:#f8fafc;transition:all .25s;min-height:90px}.info-form-main .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;background:#fff}.tag-select-group{display:flex;flex-wrap:wrap;gap:10px}.tag-option{font-size:12.5px;padding:6px 16px;border:1.5px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);user-select:none;background:#f8fafc;color:#64748b}.tag-option:hover{border-color:#667eea;color:#667eea;background-color:#667eea0f;transform:translateY(-1px)}.tag-option.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea59;transform:translateY(-1px)}.scale-options{display:flex;flex-wrap:wrap;gap:10px}.scale-option{font-size:12.5px;padding:8px 20px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);user-select:none;background:#f8fafc;color:#64748b}.scale-option:hover{border-color:#f59e0b;color:#f59e0b;background-color:#f59e0b0f;transform:translateY(-1px)}.scale-option.active{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px #f59e0b59;transform:translateY(-1px)}.home-hero{width:100%;background:#fff;border-radius:12px;padding:16px 32px 24px;margin-bottom:20px;color:#333;position:relative;overflow:hidden;border:1px solid #f0f0f0}.hero-title{font-size:16px;font-weight:700;color:#1a1a1a;letter-spacing:1px;margin:0}.folder-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:1}.folder-icon img{width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle}.folder-lime{background:#e8f5e9}.folder-item:hover .folder-lime{background:#c8e6c9}.home-left{width:30%;min-width:320px;display:flex;flex-direction:column;gap:20px}.my-company-section{margin-bottom:8px}.ac-layout{display:flex;gap:16px;height:calc(100vh - 160px);padding:0 4px}.ac-left{flex:1;min-width:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.ac-left::-webkit-scrollbar{width:5px}.ac-left::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ac-left::-webkit-scrollbar-track{background:transparent}.ac-center{width:320px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.ac-right{width:290px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:0}.ac-chat-panel{height:100%;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden}.ac-chat-employees{display:flex;flex-direction:column;height:100%}.ac-chat-employees-header{padding:20px 20px 12px;border-bottom:1px solid #f0f0f0}.ac-chat-employees-title{display:block;font-size:16px;font-weight:700;color:#1a1a2e}.ac-chat-employees-subtitle{display:block;font-size:12px;color:#999;margin-top:2px}.ac-employee-list{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.ac-employee-list::-webkit-scrollbar{width:4px}.ac-employee-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ac-employee-empty{text-align:center;padding:40px 20px;color:#bbb;font-size:13px;line-height:1.8}.ac-dept-group{margin-bottom:12px}.ac-dept-group-title{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:8px 8px 4px}.ac-emp-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s}.ac-emp-card:hover{background:#f5f3ff}.ac-emp-card.active{background:linear-gradient(135deg,#f0f0ff,#f8f0ff);border:1px solid #d8d0f0}.ac-emp-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#f0f2ff;flex-shrink:0}.ac-emp-info{flex:1;min-width:0}.ac-emp-name{font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-emp-dept{font-size:11px;color:#999;margin-top:1px}.ac-emp-status{width:8px;height:8px;border-radius:50%;background:#52c41a;flex-shrink:0}.ac-chat-conversation{display:flex;flex-direction:column;height:100%}.ac-conv-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.ac-conv-back{font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.ac-conv-back:hover{background:#ffffff26}.ac-conv-avatar{font-size:24px}.ac-conv-info{flex:1}.ac-conv-name{font-size:14px;font-weight:600}.ac-conv-status{font-size:11px;opacity:.7}.ac-conv-messages{flex:1;overflow-y:auto;padding:16px;background:#f7f8fc;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.ac-conv-messages::-webkit-scrollbar{width:4px}.ac-conv-messages::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ac-msg{margin-bottom:12px;display:flex;flex-direction:column}.ac-msg-user{align-items:flex-end}.ac-msg-ai{align-items:flex-start}.ac-msg-content{max-width:80%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;word-break:break-word}.ac-msg-user .ac-msg-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.ac-msg-ai .ac-msg-content{background:#fff;color:#333;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.ac-msg-time{font-size:10px;color:#bbb;margin-top:3px;padding:0 4px}.ac-conv-quick{padding:8px 16px;display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #f0f0f0;background:#fafbfc}.ac-quick-btn{padding:4px 12px;border:1px solid #e8e8e8;border-radius:14px;font-size:11px;color:#666;cursor:pointer;transition:all .15s;background:#fff}.ac-quick-btn:hover{border-color:#667eea;color:#667eea;background:#f5f3ff}.ac-conv-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0}.ac-conv-input{flex:1;height:38px;border:1px solid #e8e8e8;border-radius:8px;padding:0 12px;font-size:13px;outline:none;transition:border-color .2s}.ac-conv-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1f}.ac-conv-send{padding:0 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.ac-conv-send:hover{opacity:.9}.ai-company-page-main .info-form-body{max-width:900px;margin:0 auto}.ai-company-name-section{padding:20px 24px}.ai-company-name-row{display:flex;align-items:center;gap:12px;margin-top:4px}.ai-company-name{font-size:16px;color:#999;padding:10px 18px;background:#f5f7fa;border-radius:8px;border:1px solid #e8e8e8;display:inline-block;max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;flex:1}.ai-company-name.has-name{color:#1a1a2e;font-weight:700;font-size:18px;background:linear-gradient(135deg,#f0f0ff,#f8f0ff);border-color:#d8d0f0}.ai-company-edit-btn{display:inline-flex;align-items:center;vertical-align:middle;padding:10px 20px;font-size:13px;border:1px solid #667eea;border-radius:8px;background:#fff;color:#667eea;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ai-company-edit-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.ai-company-add-btn-inline{display:inline-flex;align-items:center;gap:4px;padding:7px 18px;border:1px solid #667eea;border-radius:8px;background:#fff;color:#667eea;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-employee-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:320px;overflow-y:auto;padding:4px}.ai-employee-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #e8ecf1;border-radius:10px;background:#fafbfc;cursor:pointer;transition:all .2s ease;font-size:13px;color:#4a5568;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-employee-chip:hover{border-color:#667eea;background:#f0f3ff;color:#4c51bf}.ai-employee-chip .chip-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014}.ai-employee-chip .chip-name{overflow:hidden;text-overflow:ellipsis}.ai-employee-chip.selected{border-color:#667eea;background:linear-gradient(135deg,#eef0ff,#e8ebff);color:#4c51bf;box-shadow:0 2px 8px #667eea26}.ai-employee-chip.selected .chip-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.ai-employee-chip.selected:after{content:"✓";position:absolute;top:4px;right:6px;font-size:10px;color:#667eea;font-weight:700}.ai-employee-chip{position:relative}.ai-dept-list,.ai-project-list{margin-top:12px}.ai-dept-empty,.ai-project-empty,.ai-card-empty{font-size:12px;color:#ffffff80;text-align:center;padding:10px 0;border-radius:8px;background:#ffffff14}.ac-social-panel{height:100%;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden}.ac-social-header{padding:18px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.ac-social-title{font-size:15px;font-weight:700;color:#333}.ac-social-add-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.ac-social-add-btn:hover{opacity:.9}.ac-social-stats{display:flex;gap:10px;padding:8px 16px 10px;border-bottom:1px solid #f0f0f0}.ac-social-stat{flex:1;text-align:center;padding:6px 4px;background:#f5f7fa;border-radius:8px}.ac-social-stat-num{font-size:18px;font-weight:700;color:#4f6ef7;line-height:1.2}.ac-social-stat-label{font-size:11px;color:#999;margin-top:2px}.ac-social-pending{padding:12px 18px;background:#fffdf5;border-bottom:1px solid #ffe8a1}.ac-social-pending-title{font-size:12px;font-weight:600;color:#b8860b;margin-bottom:8px}.ac-social-friends{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.ac-social-friends::-webkit-scrollbar{width:4px}.ac-social-friends::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ac-social-empty{text-align:center;padding:50px 20px;color:#bbb;font-size:14px;line-height:1.8}.ac-social-empty-icon{font-size:40px;margin-bottom:8px;opacity:.5}.ai-net-friend-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;margin-bottom:4px;transition:all .15s;cursor:default}.ai-net-friend-card:hover{background:#f5f3ff}.ai-net-friend-avatar-wrap{position:relative;width:36px;height:36px;flex-shrink:0}.ai-net-friend-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#f0f2ff;border-radius:50%}.ai-net-friend-status{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;border:2px solid #fff}.ai-net-friend-status.online{background:#52c41a}.ai-net-friend-status.offline{background:#d9d9d9}.ai-net-friend-info{flex:1;min-width:0}.ai-net-friend-name{font-size:13px;font-weight:600;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-net-friend-desc{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-net-friend-actions{display:flex;gap:4px;flex-shrink:0}.ai-net-pending-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f5f0e0}.ai-net-pending-item:last-child{border-bottom:none}.ai-net-pending-avatar{font-size:20px;width:28px;text-align:center}.ai-net-pending-name{flex:1;font-size:13px;color:#555;font-weight:500}.ai-net-pending-actions{display:flex;gap:4px}.ai-net-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#666;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-net-btn:hover{opacity:.85}.ai-net-btn-accept{background:#4f6ef7;color:#fff;border-color:#4f6ef7}.ai-net-btn-accept:hover{background:#3d5bd6}.ai-net-btn-reject{color:#e74c3c;border-color:#f5c6cb;background:#fff5f5}.ai-net-btn-reject:hover{background:#ffe8e8}.ai-net-btn-chat{background:#4f6ef7;color:#fff;border-color:#4f6ef7}.ai-net-btn-chat:hover{background:#3d5bd6}.ai-net-btn-remove{color:#bbb;border-color:#eee;background:transparent;padding:3px 6px}.ai-net-btn-remove:hover{color:#e74c3c;border-color:#f5c6cb;background:#fff5f5}.ai-net-btn-add{background:#4f6ef7;color:#fff;border-color:#4f6ef7;padding:4px 12px}.ai-net-btn-add:hover{background:#3d5bd6}.ai-net-btn-add:disabled{background:#ccc;border-color:#ccc;cursor:default}.ai-net-user-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid #f5f5f5;transition:background .15s}.ai-net-user-item:hover{background:#f8f8ff}.ai-net-user-item:last-child{border-bottom:none}.ai-net-user-avatar{font-size:22px;width:36px;text-align:center}.ai-net-user-info{flex:1;min-width:0}.ai-net-user-name{font-size:14px;font-weight:500;color:#333}.ai-net-user-desc{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-network-stats{display:flex;gap:16px;margin-top:12px;margin-bottom:16px}.ai-net-stat{flex:1;text-align:center;padding:14px 8px;background:#f5f7fa;border-radius:10px;border:1px solid #edf0f5}.ai-net-stat-num{font-size:24px;font-weight:700;color:#4f6ef7;line-height:1.2}.ai-net-stat-label{font-size:12px;color:#8c95a6;margin-top:4px}.ai-net-empty{font-size:13px;color:#bbb;text-align:center;padding:28px 0;background:#fafbfc;border-radius:10px;border:1px dashed #e8e8e8}.ai-network-pending{margin-bottom:14px;padding:12px;background:#fffdf5;border:1px solid #ffe8a1;border-radius:10px}.ai-net-pending-title{font-size:13px;font-weight:600;color:#b8860b;margin-bottom:10px}.ai-dept-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fafbfc;border:1px solid #f0f0f0;border-radius:10px;margin-bottom:10px;transition:all .2s;cursor:default}.ai-dept-card:hover{border-color:#d8d0f0;background:#f8f6ff;box-shadow:0 2px 8px #667eea14}.ai-dept-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ai-dept-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.ai-dept-employees{display:flex;flex-wrap:wrap;gap:6px}.ai-dept-employee-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;background:#f0f2ff;border-radius:12px;font-size:11px;color:#4f6ef7;cursor:pointer;transition:all .15s}.ai-dept-employee-tag:hover{background:#4f6ef7;color:#fff}.ai-dept-employee-tag.clickable{cursor:pointer}.ai-dept-actions{display:flex;gap:6px;flex-shrink:0}.ai-dept-action-btn{width:32px;height:32px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.ai-dept-action-btn:hover{border-color:#667eea;background:#f5f3ff}.ai-dept-action-btn.delete:hover{border-color:#ff4d4f;background:#fff1f0;color:#ff4d4f}.ai-dept-action-btn.hire{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.ai-dept-action-btn.hire:hover{opacity:.85;border-color:transparent}.ai-project-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafbfc;border:1px solid #f0f0f0;border-radius:10px;margin-bottom:10px;transition:all .2s}.ai-project-card:hover{border-color:#d8d0f0;background:#f8f6ff}.ai-project-card.has-detail{cursor:pointer}.ai-project-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#e8f4ff;flex-shrink:0}.ai-project-name{font-size:14px;font-weight:600;color:#333}.ai-project-meta{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.ai-project-tags{display:inline-flex;gap:4px;flex-wrap:wrap}.ai-proj-tag{display:inline-block;padding:1px 6px;background:#f0f0f0;border-radius:4px;font-size:10px;color:#666;white-space:nowrap}.ai-proj-tag.cat{background:#e8f4ff;color:#1890ff}.ai-proj-tag.green{background:#f0fff4;color:#52c41a}.ai-project-status{font-size:12px;color:#52c41a}.ai-project-goto{width:28px;height:28px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.ai-project-goto:hover{border-color:#667eea;background:#f0f0ff}.ai-project-detail{background:#f8f9fc;border:1px solid #eee;border-top:none;border-radius:0 0 10px 10px;margin-top:-6px;margin-bottom:10px;padding:14px 16px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ai-proj-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-proj-detail-item{display:flex;flex-direction:column;gap:2px}.ai-proj-detail-label{font-size:11px;color:#999}.ai-proj-detail-value{font-size:13px;font-weight:600;color:#333}.ai-proj-detail-value.green{color:#52c41a}.ai-proj-detail-value.pending{color:#faad14}.ai-proj-detail-value.paused{color:#999}.ai-proj-detail-value.link{color:#667eea;cursor:pointer;text-decoration:underline}.ai-proj-detail-value.link:hover{color:#764ba2}.ai-proj-detail-empty{grid-column:1 / -1;text-align:center;font-size:12px;color:#bbb;padding:8px 0}.ai-project-remove{width:28px;height:28px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;color:#999;transition:all .15s;flex-shrink:0}.ai-project-remove:hover{border-color:#ff4d4f;background:#fff1f0;color:#ff4d4f}.ai-card-preview{background:#ffffff14;border-radius:10px;padding:12px 16px 10px;color:#fff;position:relative;overflow:hidden}.ai-card-preview:before,.ai-card-preview:after{display:none}.ai-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;position:relative;z-index:1}.ai-card-logo{width:36px;height:36px;border-radius:10px;background:#ffffff1a;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.ai-card-company-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-slogan{font-size:11px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-body{position:relative;z-index:1;margin-bottom:8px}.ai-card-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}.ai-card-row-icon{width:18px;text-align:center;flex-shrink:0;font-size:12px}.ai-card-row-label{color:#ffffff73;width:32px;flex-shrink:0;font-size:11px}.ai-card-row-value{color:#ffffffd9;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ai-card-footer{display:flex;align-items:center;justify-content:center;gap:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.ai-card-stat-num{display:block;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.ai-card-stat-label{display:block;font-size:10px;color:#ffffff73;margin-top:2px}.ai-company-modal-footer .btn-confirm:hover{opacity:.9}.sh-rocket img{width:1em;height:1em;object-fit:contain;vertical-align:middle}.sh-arrow{transition:transform .25s;color:inherit}.sh-header-right:hover .sh-arrow{transform:translate(3px)}.sh-grid-2col{grid-template-columns:repeat(2,1fr)}.panel-header{height:50px;background-color:#f5f5f5;border-radius:8px 8px 0 0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 20px}.panel-title{font-size:16px;font-weight:700;color:#1890ff}.window-actions{display:flex;gap:12px;font-size:12px}.mentor-layout{display:flex;gap:16px;height:calc(100vh - 220px);min-height:400px}.mentor-left{width:25%;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.mentor-menu{height:40px;border:1px solid #e8e8e8;border-radius:4px;display:flex;align-items:center;padding:0 12px;font-size:13px;cursor:pointer}.mentor-menu:hover{background-color:#f0f8ff;border-color:#1890ff}.mentor-right{width:75%;display:flex;flex-direction:column;gap:16px}.input-area{border:1px solid #e8e8e8;border-radius:4px;padding:12px}.input-type{font-size:12px;color:#666;margin-bottom:8px}.mentor-input{width:100%;height:80px;border:1px solid #e8e8e8;border-radius:4px;padding:8px 12px;resize:none;outline:none;margin-bottom:8px}.send-btn{align-self:flex-end;height:32px;padding:0 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.reply-area{flex:1;border:1px solid #e8e8e8;border-radius:4px;padding:12px;overflow-y:auto}.reply-tip{font-size:12px;color:#999;text-align:center;margin-top:20px}.reply-actions{display:flex;gap:8px;margin-top:12px}.reply-btn{font-size:12px;padding:4px 12px;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff;cursor:pointer}.quick-func{border:1px solid #e8e8e8;border-radius:4px;padding:12px}.func-title{font-size:13px;font-weight:700;margin-bottom:8px}.func-list{display:flex;flex-wrap:wrap;gap:8px}.func-btn{font-size:12px;padding:4px 12px;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff;cursor:pointer}.goods-filter{background-color:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid #e8e8e8}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:12px}.filter-title-sm{font-size:13px;font-weight:700;color:#333;min-width:80px}.goods-categories{display:flex;gap:10px;flex-wrap:wrap}.category-tag{padding:6px 16px;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;font-size:15px;font-weight:700;color:#333;cursor:pointer;transition:all .2s}.category-tag.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.page-btn{width:32px;height:32px;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.page-btn.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.service-tab{padding:8px 20px;background-color:#f5f5f5;border-radius:6px;font-size:15px;font-weight:700;color:#333;cursor:pointer;transition:all .2s}.net-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.net-card{border:1px solid #eef1f6;border-radius:10px;padding:18px 14px 14px;background:#fff;text-align:center;cursor:pointer;transition:box-shadow .2s,transform .15s}.net-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.net-card-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#e8f4ff,#f0f5ff);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 8px}.net-card-avatar.enterprise-avatar{background:linear-gradient(135deg,#fff7e6,#fffbe6)}.net-card-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.net-card-type{font-size:11px;color:#8c8c8c;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:4px}.net-card-badge{font-size:10px;padding:0 5px;border-radius:3px;background:#e8f4ff;color:#1890ff;font-weight:500;line-height:16px}.net-card-desc{font-size:11px;color:#999;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.net-card-btns{display:flex;gap:8px;padding:8px 0 0;margin-top:4px}.net-card-btn{flex:1;font-size:11px;padding:5px 0;border:1px solid #1890ff;border-radius:14px;background:#fff;color:#1890ff;cursor:pointer;transition:all .25s;text-align:center}.net-card-btn:hover{background:#1890ff;color:#fff}.net-card-btn-friend{border-color:#52c41a;color:#52c41a}.net-card-btn-friend:hover{background:#52c41a;color:#fff;border-color:#52c41a}.net-detail-modal{display:none;position:fixed;inset:0;background:#0006;z-index:9999;justify-content:center;align-items:center}.net-detail-modal.show{display:flex}.net-detail-card{background:#fff;border-radius:14px;padding:28px;width:360px;max-width:90vw;box-shadow:0 12px 40px #00000026;text-align:center}.net-detail-avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#e8f4ff,#f0f5ff);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 12px}.net-detail-avatar.enterprise-avatar{background:linear-gradient(135deg,#fff7e6,#fffbe6)}.net-detail-name{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.net-detail-type{font-size:13px;color:#8c8c8c;margin-bottom:14px}.net-detail-desc{font-size:13px;color:#666;line-height:1.6;margin-bottom:14px;text-align:left;padding:10px 14px;background:#fafbfc;border-radius:8px}.net-detail-info{width:100%;text-align:left;margin-bottom:16px}.net-detail-row{display:flex;align-items:flex-start;padding:7px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.net-detail-row:last-child{border-bottom:none}.net-detail-label{flex-shrink:0;width:90px;color:#8c8c8c;font-size:12px}.net-detail-value{flex:1;color:#333;word-break:break-all}.net-detail-value .net-tag{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;background:#e8f4fd;color:#1890ff;border-radius:10px;font-size:12px}.net-detail-value.net-tag-hidden{color:#bbb}.net-detail-actions{display:flex;gap:8px;justify-content:center}.net-detail-actions .talent-btn{padding:6px 16px;font-size:13px}.net-detail-close{position:absolute;top:12px;right:16px;font-size:20px;color:#999;cursor:pointer;background:none;border:none}@media(max-width:1200px){.net-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.net-card-grid{grid-template-columns:repeat(2,1fr)}}.task-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:box-shadow .2s;position:relative}.task-card:hover{box-shadow:0 4px 12px #00000014}.task-tag.cash{background-color:#fff0f0;color:#ff4d4f}.task-tag.point{background-color:#e8f4ff;color:#1890ff}.task-name{font-size:14px;font-weight:700;margin-bottom:8px;padding-right:60px}.task-reward{font-size:16px;font-weight:700;margin-bottom:8px}.task-reward.cash{color:#ff4d4f}.task-reward.point{color:#1890ff}.task-desc{font-size:12px;color:#666;margin-bottom:12px;line-height:1.4}.task-progress{height:6px;background-color:#f5f5f5;border-radius:3px;margin-bottom:12px;overflow:hidden}.task-progress-bar{height:100%;background-color:#1890ff;border-radius:3px}.task-btn{width:100%;height:36px;border:none;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer}.task-btn-primary{background-color:#1890ff;color:#fff}.points-task-card.task-completed{opacity:.6;background:#f9f9f9}.mall-item-stock{font-size:11px;color:#999;margin-bottom:4px}.finance-overview{margin-bottom:24px}.finance-hero{background:linear-gradient(135deg,#ff7d00,#fa541c);border-radius:12px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center}.finance-hero-text h2{font-size:22px;margin-bottom:8px}.finance-hero-text p{font-size:14px;opacity:.85}.finance-hero-stats{display:flex;gap:32px}.finance-stat{text-align:center}.finance-stat-value{font-size:24px;font-weight:700}.finance-stat-label{font-size:12px;opacity:.8;margin-top:4px}.finance-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.finance-tab{padding:8px 20px;background-color:#f5f5f5;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.finance-tab.active{background-color:#ff7d00;color:#fff}.finance-tab:hover{background-color:#fff7e6;color:#ff7d00}.finance-tab.active:hover{background-color:#ff7d00;color:#fff}.finance-panel.active{display:block}.finance-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.finance-product-card{border:1px solid #e8e8e8;border-radius:10px;padding:20px;position:relative;transition:box-shadow .2s}.finance-product-card:hover{box-shadow:0 4px 16px #00000014}.product-badge{position:absolute;top:12px;right:12px;font-size:11px;padding:2px 10px;border-radius:10px;background-color:#e8e8e8;color:#666}.product-badge.hot{background-color:#fff0f0;color:#ff4d4f;font-weight:700}.product-icon{font-size:32px;margin-bottom:12px}.product-name{font-size:16px;font-weight:700;margin-bottom:8px}.product-rate{font-size:13px;color:#666;margin-bottom:14px}.product-rate strong{font-size:20px;color:#ff4d4f}.product-detail{margin-bottom:12px;background-color:#f8f9fa;border-radius:6px;padding:10px 14px}.detail-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:#666}.detail-row span:last-child{font-weight:500;color:#333}.product-tags{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.product-tag{font-size:11px;padding:2px 8px;border-radius:4px;background-color:#fff7e6;color:#ff7d00}.product-btn{width:100%;height:38px;background-color:#ff7d00;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.product-btn:hover{background-color:#e87000}.info-form-main{width:100%;max-height:calc(100vh - 150px);overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.info-form-main::-webkit-scrollbar{width:6px}.info-form-main::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.info-form-main::-webkit-scrollbar-track{background:transparent}.info-form-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;border:none;position:relative;overflow:hidden;box-shadow:0 4px 16px #667eea40;animation:headerFadeIn .6s ease-out}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.info-form-header:before{content:"";position:absolute;top:-30px;right:-20px;width:120px;height:120px;background:#ffffff14;border-radius:50%}.info-form-header:after{content:"";position:absolute;bottom:-40px;right:80px;width:80px;height:80px;background:#ffffff0d;border-radius:50%}.info-form-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));z-index:1}.info-form-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px;z-index:1}.info-form-subtitle{font-size:12px;color:#fffc;margin-top:2px;z-index:1}.info-form-progress{margin-left:auto;text-align:right;flex-shrink:0;z-index:1}.progress-label{font-size:11px;color:#ffffffd9;margin-bottom:6px;font-weight:500}.progress-bar{width:120px;height:18px;background-color:#fff3;border-radius:9px;overflow:hidden;backdrop-filter:blur(4px)}.progress-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c,#ffd200);border-radius:9px;font-size:10px;color:#fff;text-align:center;line-height:18px;font-weight:700;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #f5576c4d}.info-form-body{margin-bottom:24px}.info-section{margin-bottom:14px;padding:18px 20px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #0000000d;transition:box-shadow .3s,transform .2s;animation:sectionSlideIn .5s ease-out backwards}.info-section:nth-child(1){animation-delay:.1s}.info-section:nth-child(2){animation-delay:.2s}.info-section:nth-child(3){animation-delay:.3s}.info-section:nth-child(4){animation-delay:.4s}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.info-section:hover{box-shadow:0 6px 24px #0000001a}.info-section-title{font-size:15px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:none;color:#1a1a2e;position:relative;padding-left:14px}.info-section-title:before{content:"";position:absolute;left:0;top:2px;bottom:12px;width:4px;border-radius:2px;background:linear-gradient(180deg,#667eea,#764ba2)}.info-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pi-grid-3col{grid-template-columns:repeat(3,1fr)}.info-form-footer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:none;background:#ffffffd9;backdrop-filter:blur(12px);border-radius:12px;margin-top:6px;box-shadow:0 -2px 8px #0000000d;position:sticky;bottom:0;z-index:10}.skip-link{font-size:13px;color:#999;cursor:pointer;margin-left:12px;transition:all .2s;padding:6px 12px;border-radius:6px}.skip-link:hover{color:#667eea;background:#667eea14}.info-form-footer .btn{padding:8px 24px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.3px;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.info-form-footer .btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff26;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.info-form-footer .btn:active:after{width:200px;height:200px}.info-form-footer .btn-blue{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #667eea59}.info-form-footer .btn-blue:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.info-form-footer .btn-orange{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 14px #f59e0b59}.info-form-footer .btn-orange:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.info-form-main .form-row-3{display:flex;gap:8px}.info-form-main .form-row-3 .form-select{flex:1}.info-form-main .required{color:#f56565;font-weight:700;margin-left:2px}.info-form-main .form-hint{color:#94a3b8;font-size:11.5px;font-weight:400;margin-left:4px}.reg-skip-tip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 12px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.reg-skip-tip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reg-skip-tip:hover:before{left:100%}.reg-skip-tip:hover{color:#fff;transform:translateY(-1px);box-shadow:0 5px 18px #667eea73}.privacy-field{display:flex;align-items:center;gap:8px}.privacy-field .form-input,.privacy-field .form-select,.privacy-field .form-row-3{flex:1;min-width:0}.privacy-toggle{display:flex;align-items:center;gap:4px;flex-shrink:0;cursor:pointer;user-select:none}.privacy-toggle-label{font-size:11px;color:#999;white-space:nowrap}.privacy-switch{position:relative;width:36px;height:20px;flex-shrink:0}.privacy-switch input{opacity:0;width:0;height:0;position:absolute}.privacy-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:20px;transition:all .25s}.privacy-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:all .25s;box-shadow:0 1px 3px #00000026}.privacy-switch input:checked+.privacy-slider{background:#667eea}.privacy-switch input:checked+.privacy-slider:before{transform:translate(16px)}.privacy-field-hidden .form-input,.privacy-field-hidden .form-select,.privacy-field-hidden .form-textarea{background:#f5f5f5;border-color:#e5e5e5}.privacy-icon{font-size:14px;line-height:1;flex-shrink:0}.upload-area{width:160px;height:160px;border:2px dashed #d1d5db;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;background-color:#f9fafb;position:relative;overflow:hidden}.upload-area:hover{border-color:#667eea;background-color:#667eea0a;transform:translateY(-2px);box-shadow:0 4px 16px #667eea1f}.upload-area:hover .upload-icon{transform:scale(1.15)}.upload-icon{font-size:36px;margin-bottom:10px;transition:transform .3s}.upload-text{font-size:13px;color:#667eea;margin-bottom:4px;font-weight:500}.upload-hint{font-size:11px;color:#9ca3af}#startup-page{flex-direction:column}.startup-main{width:100%;max-height:calc(100vh - 150px)}.startup-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#722ed1,#1890ff);border-radius:12px;padding:24px 28px;color:#fff;margin-bottom:20px}.startup-hero-left{display:flex;align-items:center;gap:16px}.startup-hero-icon{font-size:40px}.startup-hero-title{font-size:22px;margin-bottom:4px}.startup-hero-desc{font-size:14px;opacity:.85}.startup-ai-badge{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:20px;font-size:13px}.ai-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.startup-mode-tabs{display:flex;gap:12px;margin-bottom:24px}.startup-mode-tab{flex:1;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .2s}.startup-mode-tab:hover{border-color:#1890ff;background-color:#f0f8ff}.startup-mode-tab.active{border-color:#1890ff;background-color:#e8f4ff}.mode-icon{font-size:28px}.mode-name{font-size:15px;font-weight:700;color:#333}.mode-desc{font-size:12px;color:#999;margin-top:2px}.startup-mode-panel{display:none}.startup-mode-panel.active{display:block}.startup-roadmap{margin-bottom:24px;background-color:#fafafa;border-radius:10px;padding:20px;border:1px solid #e8e8e8}.roadmap-title{font-size:16px;font-weight:700;margin-bottom:16px}.roadmap-track{display:flex;align-items:center;overflow-x:auto;padding-bottom:8px}.roadmap-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;flex-shrink:0}.step-node{width:36px;height:36px;border-radius:50%;background-color:#e8e8e8;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:6px;transition:all .2s}.roadmap-step.active .step-node{background-color:#1890ff;color:#fff}.roadmap-step.done .step-node{background-color:#52c41a;color:#fff}.step-label{font-size:11px;color:#999;white-space:nowrap}.roadmap-step.active .step-label{color:#1890ff;font-weight:700}.roadmap-step.done .step-label{color:#52c41a}.roadmap-line{flex:1;height:2px;background-color:#e8e8e8;min-width:30px}.startup-step{display:none}.startup-step.active{display:block}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-number{font-size:12px;padding:4px 10px;background-color:#1890ff;color:#fff;border-radius:12px;font-weight:700}.step-title{font-size:18px;font-weight:700;color:#333}.step-ai-hint{margin-left:auto;padding:6px 14px;background-color:#f0f8ff;border:1px solid #91d5ff;border-radius:16px;font-size:12px;color:#1890ff;cursor:pointer;transition:all .2s}.step-ai-hint:hover{background-color:#1890ff;color:#fff}.step-desc{font-size:14px;color:#666;margin-bottom:20px}.step-actions{display:flex;gap:12px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.step-btn-secondary{padding:0 24px;height:40px;background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;font-size:14px;color:#666}.step-btn-secondary:hover{border-color:#1890ff;color:#1890ff}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.track-card{border:2px solid #e8e8e8;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}.track-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff26}.track-card.active{border-color:#1890ff;background-color:#e8f4ff}.track-icon{font-size:28px;margin-bottom:8px}.track-name{font-size:14px;font-weight:700;margin-bottom:6px}.track-heat{font-size:11px;margin-bottom:6px}.track-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;background-color:#fff7e6;color:#ff7d00}.entity-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entity-card{border:2px solid #e8e8e8;border-radius:10px;padding:20px;cursor:pointer;transition:all .2s;position:relative}.entity-card:hover{border-color:#1890ff}.entity-card.active{border-color:#1890ff;background-color:#f0f8ff}.entity-card.recommended{border-color:#ff7d00}.entity-card.recommended.active{border-color:#ff7d00;background-color:#fff7e6}.entity-badge{position:absolute;top:-10px;right:12px;background-color:#ff7d00;color:#fff;font-size:11px;padding:2px 10px;border-radius:10px}.entity-icon{font-size:32px;margin-bottom:10px}.entity-name{font-size:16px;font-weight:700;margin-bottom:12px}.entity-features{margin-bottom:12px}.entity-feature{font-size:12px;color:#666;padding:3px 0}.entity-cost{font-size:13px;color:#ff7d00;font-weight:700;padding-top:10px;border-top:1px solid #f0f0f0}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.policy-card{border:2px solid #e8e8e8;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.policy-card:hover{border-color:#1890ff}.policy-card.active{border-color:#1890ff;background-color:#f0f8ff}.policy-check{float:right;font-size:16px;opacity:.3}.policy-card.active .policy-check{opacity:1}.policy-icon{font-size:24px;margin-bottom:8px}.policy-name{font-size:14px;font-weight:700;margin-bottom:6px}.policy-desc{font-size:12px;color:#999;line-height:1.4}.dept-org-chart{text-align:center;margin-bottom:20px}.dept-ceo{display:inline-block;padding:10px 28px;background:linear-gradient(135deg,#722ed1,#1890ff);color:#fff;border-radius:8px;font-size:15px;font-weight:700;margin-bottom:20px}.dept-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dept-branch{border:2px solid #e8e8e8;border-radius:8px;padding:14px;cursor:pointer;transition:all .2s}.dept-branch:hover{border-color:#1890ff}.dept-branch.active{border-color:#1890ff;background-color:#f0f8ff}.dept-box{font-size:14px;font-weight:700;margin-bottom:6px}.dept-detail{font-size:12px;color:#999}.hire-section{margin-bottom:24px}.hire-subtitle{font-size:15px;font-weight:700;margin-bottom:12px}.hire-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hire-card{border:2px solid #e8e8e8;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}.hire-card:hover{border-color:#1890ff}.hire-card.active{border-color:#1890ff;background-color:#f0f8ff}.hire-card.ai-employee{border-color:#d9d9d9;background:linear-gradient(to bottom,#f0f8ff,#fff)}.hire-card.ai-employee.active{border-color:#722ed1;background:linear-gradient(to bottom,#f9f0ff,#fff)}.hire-avatar{font-size:28px;margin-bottom:8px}.hire-name{font-size:14px;font-weight:700;margin-bottom:4px}.hire-cost{font-size:13px;color:#ff7d00;font-weight:700;margin-bottom:6px}.hire-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;background-color:#f0f8ff;color:#1890ff}.train-timeline{padding-left:20px;border-left:2px solid #1890ff}.train-item{display:flex;gap:16px;margin-bottom:16px;position:relative}.train-dot{width:12px;height:12px;border-radius:50%;background-color:#1890ff;flex-shrink:0;margin-top:4px;margin-left:-27px}.train-title{font-size:14px;font-weight:700;margin-bottom:4px}.train-desc{font-size:12px;color:#999}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.market-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px}.market-icon{font-size:24px;margin-bottom:8px}.market-name{font-size:15px;font-weight:700;margin-bottom:10px}.market-items{display:flex;flex-wrap:wrap;gap:6px}.market-item{font-size:12px;padding:4px 10px;border:1px solid #e8e8e8;border-radius:16px;cursor:pointer;transition:all .2s}.market-item:hover{border-color:#1890ff;color:#1890ff}.market-item.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.market-dashboard{background-color:#f8f9fa;border-radius:10px;padding:20px;border:1px solid #e8e8e8}.dashboard-title{font-size:15px;font-weight:700;margin-bottom:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-item{text-align:center;background-color:#fff;padding:16px;border-radius:8px}.dashboard-value{font-size:22px;font-weight:700;color:#1890ff;margin-bottom:4px}.dashboard-label{font-size:12px;color:#999}.service-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.service-flow-item{text-align:center;border:1px solid #e8e8e8;border-radius:10px;padding:16px 20px;min-width:120px}.sf-icon{font-size:28px;margin-bottom:6px}.sf-name{font-size:14px;font-weight:700;margin-bottom:4px}.sf-ai{font-size:11px;color:#1890ff;background-color:#f0f8ff;padding:2px 8px;border-radius:4px;display:inline-block}.service-flow-arrow{font-size:20px;color:#ccc}.review-summary{background:linear-gradient(135deg,#f0f8ff,#f9f0ff);border-radius:10px;padding:20px;border:1px solid #d9d9d9}.review-title{font-size:16px;font-weight:700;margin-bottom:16px}.review-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.review-stat{text-align:center}.rs-value{font-size:16px;font-weight:700;margin-bottom:4px}.rs-value.good{color:#52c41a}.rs-value.warn{color:#faad14}.rs-label{font-size:12px;color:#999}.review-ai-tip{background-color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;color:#722ed1;border:1px solid #d3adf7}.real-warning{display:flex;gap:12px;padding:16px;background-color:#fff7e6;border:1px solid #ffd591;border-radius:8px;margin-bottom:20px;align-items:flex-start}.warning-icon{font-size:24px}.warning-title{font-size:15px;font-weight:700;color:#d46b08;margin-bottom:4px}.warning-desc{font-size:13px;color:#ad6800}.real-dashboard{margin-bottom:24px}.real-dash-title{font-size:16px;font-weight:700;margin-bottom:16px}.real-dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.real-dash-card{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:1px solid #e8e8e8}.rdc-label{font-size:13px;color:#999;margin-bottom:8px}.rdc-value{font-size:24px;font-weight:700;color:#1890ff;margin-bottom:4px}.rdc-trend{font-size:12px;color:#ccc}.real-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.real-module-card{border:1px solid #e8e8e8;border-radius:10px;padding:20px;cursor:pointer;transition:all .2s}.real-module-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff1a}.rm-icon{font-size:28px;margin-bottom:10px}.rm-name{font-size:15px;font-weight:700;margin-bottom:6px}.rm-desc{font-size:12px;color:#999;line-height:1.4}.contest-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ff7d00,#fa541c);border-radius:12px;padding:24px;color:#fff;margin-bottom:24px}.contest-badge{font-size:40px}.contest-title{font-size:22px;font-weight:700;margin-bottom:4px}.contest-desc{font-size:14px;opacity:.85}.contest-prize{margin-left:auto;background:#fff3;padding:8px 20px;border-radius:8px;font-size:18px;font-weight:700;white-space:nowrap}.contest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.contest-card{border:1px solid #e8e8e8;border-radius:10px;padding:20px;transition:box-shadow .2s}.contest-card:hover{box-shadow:0 4px 12px #00000014}.contest-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.contest-status{font-size:12px;padding:3px 10px;border-radius:4px;font-weight:700}.contest-status.live{background-color:#fff0f0;color:#ff4d4f}.contest-status.coming{background-color:#f0f8ff;color:#1890ff}.contest-deadline{font-size:12px;color:#999}.contest-card-title{font-size:16px;font-weight:700;margin-bottom:6px}.contest-card-desc{font-size:13px;color:#666;margin-bottom:10px}.contest-card-prize{font-size:13px;color:#ff7d00;font-weight:700;margin-bottom:10px}.contest-card-tags{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.contest-tag{font-size:11px;padding:2px 8px;border-radius:4px;background-color:#f0f8ff;color:#1890ff}.contest-timeline-section{background-color:#fafafa;border-radius:10px;padding:20px;border:1px solid #e8e8e8}.contest-timeline-title{font-size:16px;font-weight:700;margin-bottom:16px}.contest-timeline{padding-left:20px;border-left:2px solid #ff7d00}.ct-item{display:flex;gap:16px;margin-bottom:16px;position:relative}.ct-dot{width:12px;height:12px;border-radius:50%;background-color:#e8e8e8;flex-shrink:0;margin-top:4px;margin-left:-27px}.ct-dot.active{background-color:#ff7d00}.ct-phase{font-size:15px;font-weight:700;margin-bottom:2px}.ct-time{font-size:12px;color:#ff7d00;margin-bottom:4px}.ct-desc{font-size:13px;color:#666}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f0f8ff,#e8f4ff,#f5f7fa)}.admin-layout{display:flex;height:calc(100vh - 60px);background:#f0f2f5}.admin-sidebar{width:220px;min-width:220px;background:#001529;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.admin-sidebar-header{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-logo{font-size:24px;line-height:1}.admin-logo-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px}.admin-nav{flex:1;padding:8px 0;overflow-y:auto}.admin-nav-group{margin-bottom:4px}.admin-nav-group-title{padding:12px 20px 6px;font-size:11px;color:#ffffff59;text-transform:uppercase;letter-spacing:1px;font-weight:500}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffffa6;font-size:13px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;margin:1px 0}.admin-nav-item:hover{color:#fff;background:#ffffff0f}.admin-nav-item.active{color:#fff;background:#1890ff26;border-left-color:#1890ff}.admin-nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.admin-nav-icon img{width:1em;height:1em;object-fit:contain;vertical-align:middle}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.admin-topbar-left{display:flex;align-items:baseline;gap:12px}.admin-page-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.admin-topbar-desc{font-size:12px;color:#999}.admin-topbar-right{display:flex;align-items:center;gap:12px}.admin-back-btn{padding:6px 14px;font-size:12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#666;cursor:pointer;transition:all .2s}.admin-back-btn:hover{color:#1890ff;border-color:#1890ff}.admin-main>div[id^=admin-]:not(.admin-topbar){padding:20px 24px;flex:1;overflow-y:auto;background:#fff}.admin-main>div.recharge-modal{flex:none;overflow:visible}.talent-list-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tl-card{position:relative;background:#fff;border-radius:10px;border:1px solid #b8c2d0;overflow:visible;transition:all .25s ease;cursor:default}.tl-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f;border-color:#9aa8b8}.tl-card-top{padding:16px 14px 10px;position:relative}.tl-card-top:before{content:"";position:absolute;top:0;left:0;right:0;height:52px;background:linear-gradient(135deg,#e8ecf1,#d5dbe4);border-radius:10px 10px 0 0}.tl-card-avatar{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #0000000f;margin-bottom:8px;border:2px solid #fff}.tl-card-name{position:relative;z-index:1;font-size:14px;font-weight:600;color:#3a3f4b;margin-bottom:3px}.tl-card-type{position:relative;z-index:1;font-size:11px;color:#8c95a6;margin-bottom:2px}.tl-card-level{position:absolute;top:10px;right:12px;z-index:2;font-size:10px;padding:2px 8px;border-radius:10px;background:#fff9;color:#6b7a8d;backdrop-filter:blur(4px);font-weight:500}.tl-card-body{padding:2px 14px 10px}.tl-card-score{display:flex;align-items:center;gap:5px;margin-bottom:6px}.tl-score-bar{flex:1;height:4px;background:#f0f2f5;border-radius:2px;overflow:hidden}.tl-score-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#b0b8c8,#8e99ab);transition:width .6s ease}.tl-score-num{font-size:12px;font-weight:600;color:#7a8596;min-width:22px;text-align:right}.tl-card-fee{font-size:12px;color:#c49a5a;font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:3px}.tl-card-fee b{font-size:14px}.tl-card-skills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.tl-skill-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:#f4f6f9;color:#7a8596;border:1px solid #e4e8ee}.tl-card-desc{font-size:11px;color:#a0a8b6;line-height:1.5;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tl-card-footer{display:flex;gap:6px;padding:8px 14px;border-top:1px solid #f2f4f7;background:#fafbfc;border-radius:0 0 10px 10px}.tl-btn{flex:1;height:28px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:3px}.tl-btn-detail{background:#f2f4f7;color:#6b7a8d}.tl-btn-detail:hover{background:#e8ecf1;color:#4a5568}.tl-btn-hire{background:#7a8fa8;color:#fff;box-shadow:none;position:relative}.tl-btn-hire:hover{box-shadow:0 2px 8px #5e749066;transform:translateY(-1px)}.tl-category-tabs{display:flex;gap:4px;margin-bottom:0;padding:10px 0 12px;flex-wrap:wrap;border-bottom:1px solid #edf0f5}.tl-cat-tab{font-size:12px;padding:4px 12px;border-radius:14px;background:#f4f6f9;color:#8c95a6;border:1px solid transparent;cursor:pointer;transition:all .15s;font-weight:500;white-space:nowrap}.tl-cat-tab:hover{background:#e8ecf1;color:#6b7a8d}.tl-cat-tab.active{background:#6b7a8d;color:#fff;border-color:#6b7a8d}.tl-cat-count{font-size:10px;background:#ffffff4d;padding:0 5px;border-radius:8px;margin-left:2px}.tl-cat-tab.active .tl-cat-count{background:#ffffff40}.tl-detail-overlay{position:fixed;inset:0;z-index:90000;background:#0000;transition:background .3s ease;pointer-events:none}.tl-detail-overlay.active{background:#00000059;pointer-events:auto}.tl-detail-panel{position:fixed;top:0;right:-520px;width:500px;max-width:92vw;height:100vh;background:#fff;box-shadow:-8px 0 30px #0000001f;z-index:90001;transition:right .35s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;display:flex;flex-direction:column}.tl-detail-overlay.active .tl-detail-panel{right:0}.tl-detail-header{position:relative;padding:24px 24px 16px;background:linear-gradient(135deg,#a8bcc8,#8ea4b6);color:#fff;flex-shrink:0}.tl-detail-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#ffffff26;color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.tl-detail-close:hover{background:#ffffff4d}.tl-detail-avatar{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:16px;box-shadow:0 4px 16px #00000026;border:3px solid rgba(255,255,255,.5)}.tl-detail-name{font-size:20px;font-weight:700;margin-bottom:6px;color:#fff}.tl-detail-meta{display:flex;gap:10px;flex-wrap:wrap}.tl-detail-tag{font-size:12px;padding:3px 10px;border-radius:20px;background:#ffffff2e;color:#fff;backdrop-filter:blur(4px)}.tl-detail-body{padding:24px 28px;flex:1;overflow-y:auto}.tl-detail-section{margin-bottom:24px}.tl-detail-section-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:12px;padding-left:10px;border-left:3px solid #a8b4c4}.tl-detail-score-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tl-detail-score-label{width:80px;font-size:13px;color:#666;flex-shrink:0}.tl-detail-score-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.tl-detail-score-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#b0b8c8,#8e99ab)}.tl-detail-score-num{font-size:13px;font-weight:600;color:#7a8596;min-width:28px}.tl-detail-skills{display:flex;flex-wrap:wrap;gap:8px}.tl-detail-skill{font-size:12px;padding:4px 12px;border-radius:6px;background:#f4f6f9;color:#6b7a8d;border:1px solid #e4e8ee}.tl-detail-fee-box{padding:16px;background:#fff7e6;border:1px solid #ffe58f;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.tl-detail-fee-info{font-size:13px;color:#8c6d1f}.tl-detail-fee-info b{font-size:24px;color:#fa8c16}.tl-detail-fee-unit{font-size:12px;color:#d48806}.tl-detail-desc{font-size:14px;line-height:1.8;color:#555}.tl-detail-features{list-style:none;padding:0}.tl-detail-features li{font-size:13px;color:#555;padding:6px 0;border-bottom:1px dashed #f0f0f0;display:flex;align-items:center;gap:6px}.tl-detail-features li:before{content:"✓";color:#52c41a;font-weight:700;font-size:14px}.tl-detail-footer{padding:16px 28px;border-top:1px solid #f0f0f0;background:#fafbfc;display:flex;gap:10px;flex-shrink:0}.tl-detail-footer .tl-btn{flex:1;height:40px;font-size:14px}.tl-detail-footer .tl-btn-hire{background:linear-gradient(135deg,#6a8fb0,#507490);color:#fff;box-shadow:0 2px 8px #5074904d}.tl-hire-popover{position:fixed;z-index:999999;width:340px;background:#fff;border-radius:16px;box-shadow:0 12px 48px #0000002e;opacity:0;transform:scale(.92) translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;overflow:hidden}.tl-hire-popover.active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.tl-hire-pop-header{padding:16px 20px 12px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.tl-hire-pop-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a8bcc8,#8ea4b6);display:flex;align-items:center;justify-content:center;font-size:20px}.tl-hire-pop-name{font-size:15px;font-weight:700;color:#1a1a1a}.tl-hire-pop-sub{font-size:12px;color:#999}.tl-hire-pop-close{margin-left:auto;width:28px;height:28px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;color:#999;display:flex;align-items:center;justify-content:center;transition:all .15s}.tl-hire-pop-close:hover{background:#e8e8e8;color:#333}.tl-hire-pop-body{padding:16px 20px}.tl-hire-pop-cost{padding:12px 14px;background:linear-gradient(135deg,#fff7e6,#fff1cc);border:1px solid #ffe58f;border-radius:10px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.tl-hire-pop-cost-label{font-size:13px;color:#8c6d1f}.tl-hire-pop-cost-num{font-size:22px;font-weight:700;color:#fa8c16}.tl-hire-pop-cost-unit{font-size:11px;color:#d48806}.tl-hire-pop-balance{font-size:12px;color:#999;margin-top:4px}.tl-hire-pop-dept{margin-bottom:0}.tl-hire-pop-dept label{display:block;font-size:13px;color:#666;margin-bottom:6px;font-weight:600}.tl-hire-pop-dept select{width:100%;height:40px;border:1px solid #e0e0e0;border-radius:10px;padding:0 14px;font-size:14px;color:#333;background:#fafbfc;cursor:pointer;transition:all .15s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.tl-hire-pop-dept select:focus{border-color:#a8b4c4;outline:none;box-shadow:0 0 0 3px #a8b4c426}.tl-hire-pop-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #f0f0f0;background:#fafbfc}.tl-hire-pop-btn{flex:1;height:40px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.tl-hire-pop-btn-cancel{background:#f5f5f5;color:#666}.tl-hire-pop-btn-cancel:hover{background:#e8e8e8}.tl-hire-pop-btn-confirm{background:linear-gradient(135deg,#6a8fb0,#507490);color:#fff;box-shadow:0 2px 8px #5074904d}.tl-hire-pop-btn-confirm:hover{box-shadow:0 4px 12px #50749073;transform:translateY(-1px)}.tl-card[data-color=blue] .tl-card-top:before,.tl-card[data-color=green] .tl-card-top:before,.tl-card[data-color=orange] .tl-card-top:before,.tl-card[data-color=pink] .tl-card-top:before,.tl-card[data-color=teal] .tl-card-top:before,.tl-card[data-color=indigo] .tl-card-top:before,.tl-card[data-color=red] .tl-card-top:before{background:linear-gradient(135deg,#e8ecf1,#d5dbe4)}.tl-card[data-color=blue] .tl-skill-tag,.tl-card[data-color=green] .tl-skill-tag,.tl-card[data-color=orange] .tl-skill-tag,.tl-card[data-color=pink] .tl-skill-tag,.tl-card[data-color=teal] .tl-skill-tag,.tl-card[data-color=indigo] .tl-skill-tag,.tl-card[data-color=red] .tl-skill-tag{background:#f0f2f5;color:#6b7a8d;border-color:#e0e4ea}.tl-card[data-color=blue] .tl-score-num,.tl-card[data-color=green] .tl-score-num,.tl-card[data-color=orange] .tl-score-num,.tl-card[data-color=pink] .tl-score-num,.tl-card[data-color=teal] .tl-score-num,.tl-card[data-color=indigo] .tl-score-num,.tl-card[data-color=red] .tl-score-num{color:#6b7a8d}.tl-card[data-color=blue] .tl-score-fill,.tl-card[data-color=green] .tl-score-fill,.tl-card[data-color=orange] .tl-score-fill,.tl-card[data-color=pink] .tl-score-fill,.tl-card[data-color=teal] .tl-score-fill,.tl-card[data-color=indigo] .tl-score-fill,.tl-card[data-color=red] .tl-score-fill{background:linear-gradient(90deg,#b8c4d0,#9aacbc)}.tl-card[data-color=blue] .tl-btn-hire,.tl-card[data-color=green] .tl-btn-hire,.tl-card[data-color=orange] .tl-btn-hire,.tl-card[data-color=pink] .tl-btn-hire,.tl-card[data-color=teal] .tl-btn-hire,.tl-card[data-color=indigo] .tl-btn-hire,.tl-card[data-color=red] .tl-btn-hire{background:#7a8fa8;box-shadow:none}.resource-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;padding:8px 0;border-bottom:1px solid #f0f0f0}.resource-tab{padding:6px 14px;border-radius:16px;font-size:13px;cursor:pointer;background:#f5f5f5;color:#666;transition:all .2s;user-select:none}.resource-tab:hover{background:#e8e8e8}.resource-tab.active{background:#4a6cf7;color:#fff}.resource-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.resource-card{background:#fff;border-radius:10px;border:1px solid #eee;cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.resource-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.resource-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;flex-wrap:wrap}.resource-cat-tag{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.resource-supply-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#f0f0f0;color:#888}.resource-status-tag.offline{font-size:11px;padding:2px 8px;border-radius:10px;background:#fff0f0;color:#e74c3c}.resource-card-body{padding:0 14px 14px}.resource-card-name{font-size:15px;font-weight:600;color:#333;margin-bottom:6px;line-height:1.4}.resource-card-brief{font-size:12px;color:#888;line-height:1.5;margin-bottom:10px}.resource-card-meta{display:flex;align-items:center;gap:12px}.resource-price{font-size:16px;font-weight:700}.resource-location{font-size:12px;color:#999}.resource-card-admin{display:flex;gap:6px;padding:8px 14px;border-top:1px solid #f5f5f5;background:#fafafa}.res-action-btn{font-size:11px;padding:3px 10px;border-radius:4px;border:none;cursor:pointer;transition:all .15s}.res-btn-offline{background:#fff3e0;color:#e67e22}.res-btn-offline:hover{background:#ffe0b2}.res-btn-online{background:#e8f5e9;color:#27ae60}.res-btn-online:hover{background:#c8e6c9}.res-btn-edit{background:#e3f2fd;color:#2196f3}.res-btn-edit:hover{background:#bbdefb}.res-btn-delete{background:#ffebee;color:#e74c3c}.res-btn-delete:hover{background:#ffcdd2}.resource-detail-container{padding:0}.res-detail-header{padding:16px 20px;border-left:4px solid #4a6cf7;background:#fafbfc;border-radius:0 8px 8px 0;margin-bottom:16px}.res-detail-title{font-size:20px;font-weight:700;color:#333;margin-bottom:8px}.res-detail-tags{display:flex;gap:8px;flex-wrap:wrap}.res-detail-cat{font-size:13px;padding:3px 10px;border-radius:12px;font-weight:500}.res-detail-supply{font-size:13px;padding:3px 10px;border-radius:12px;background:#f0f0f0;color:#888}.res-detail-offline{font-size:13px;padding:3px 10px;border-radius:12px;background:#fff0f0;color:#e74c3c}.res-detail-price-section{padding:12px 20px;margin-bottom:16px;background:#fff9f0;border-radius:8px;display:flex;align-items:baseline;gap:4px}.res-detail-price{font-size:28px;font-weight:800}.res-detail-price-unit{font-size:14px;color:#999}.res-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;padding:0 20px}.res-info-item{background:#f8f9fa;border-radius:8px;padding:10px 14px}.res-info-label{font-size:12px;color:#999;margin-bottom:4px}.res-info-value{font-size:14px;color:#333;font-weight:500}.res-detail-section{padding:0 20px;margin-bottom:20px}.res-detail-section-title{font-size:15px;font-weight:600;color:#333;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.res-detail-section-body{font-size:14px;color:#555;line-height:1.8}.res-detail-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafbfc;border-radius:0 0 8px 8px}.res-detail-btn{flex:1;padding:10px 0;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:all .2s}.res-btn-consult{background:#4a6cf7;color:#fff}.res-btn-consult:hover{background:#3a5ce5}.res-btn-collect{background:#fff;color:#666;border:1px solid #ddd}.res-btn-collect:hover{background:#f5f5f5}.res-btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.res-btn-apply:hover{opacity:.9}.enroll-banner{background:linear-gradient(135deg,var(--c1, #667eea),var(--c2, #764ba2));border-radius:16px;padding:24px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden}.enroll-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff14}.enroll-banner:after{content:"";position:absolute;bottom:-60px;right:30px;width:180px;height:180px;border-radius:50%;background:#ffffff0d}.eb-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;position:relative;z-index:1}.eb-icon{font-size:36px;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:14px;backdrop-filter:blur(4px)}.eb-titles{flex:1}.eb-title{font-size:18px;font-weight:700;margin-bottom:4px;letter-spacing:.5px}.eb-subtitle{font-size:13px;opacity:.85;line-height:1.4}.eb-benefits{display:flex;gap:10px;margin-bottom:18px;position:relative;z-index:1}.eb-benefit{display:flex;align-items:center;gap:5px;background:#ffffff26;backdrop-filter:blur(4px);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.eb-benefit-icon{font-size:14px}.eb-stats{display:flex;align-items:center;gap:0;background:#ffffff1f;border-radius:12px;padding:12px 0;margin-bottom:18px;position:relative;z-index:1}.eb-stat{flex:1;text-align:center}.eb-stat-num{display:block;font-size:18px;font-weight:700;margin-bottom:2px}.eb-stat-label{font-size:11px;opacity:.8}.eb-stat-divider{width:1px;height:28px;background:#fff3}.eb-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;background:#fff;color:var(--c1, #667eea);border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;position:relative;z-index:1}.eb-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.eb-btn:active{transform:translateY(0)}.eb-btn-sm{width:auto;height:32px;padding:0 16px;font-size:13px;flex-shrink:0;border-radius:8px}.enroll-status-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);margin-bottom:20px;box-shadow:0 2px 12px #0000000a}.esc-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative}.esc-icon-wrap.pending{background:#fff8e1}.esc-icon-wrap.approved{background:#e8f5e9}.esc-icon-wrap.rejected{background:#fde8e8}.esc-pulse{position:absolute;inset:-3px;border-radius:14px;border:2px solid #f0ad4e;animation:esc-pulse-anim 1.5s ease-in-out infinite}@keyframes esc-pulse-anim{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.esc-content{flex:1;min-width:0}.esc-title{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.esc-desc{font-size:13px;color:#666;line-height:1.5;margin-bottom:6px}.esc-time{font-size:11px;color:#aaa}.enroll-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;margin-top:2px}.enroll-badge.pending{background:#fff3cd;color:#856404}.enroll-badge.approved{background:#d4edda;color:#155724}.enroll-badge.rejected{background:#f8d7da;color:#721c24}.ac-startup-panel{padding:14px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #0000000a;margin-bottom:0}.ac-sp-empty{text-align:center;color:#bbb;font-size:13px;padding:20px 0}.ac-sp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ac-sp-title{font-size:14px;font-weight:600;color:#333}.ac-sp-enter-btn{font-size:12px;padding:4px 12px;background:#4a6cf714;color:#4a6cf7;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.ac-sp-enter-btn:hover{background:#4a6cf7;color:#fff}.ac-sp-progress{margin-bottom:12px}.ac-sp-progress-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-bottom:4px}.ac-sp-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .4s ease}.ac-sp-progress-label{font-size:11px;color:#999}.ac-sp-modes{display:flex;gap:6px;margin-bottom:12px}.ac-sp-mode-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:8px;background:#f8f9ff;cursor:pointer;transition:all .2s;border:1px solid transparent}.ac-sp-mode-item:hover{background:#eef1ff}.ac-sp-mode-item.active{border-color:#4a6cf7;background:#eef1ff}.ac-sp-mode-icon{font-size:18px}.ac-sp-mode-name{font-size:11px;font-weight:600;color:#444}.ac-sp-mode-status{font-size:10px;padding:1px 6px;border-radius:8px;background:#f0f0f0;color:#999}.ac-sp-mode-status.approved{background:#d4edda;color:#155724}.ac-sp-mode-status.pending{background:#fff3cd;color:#856404}.ac-sp-mode-status.rejected{background:#f8d7da;color:#721c24}.ac-sp-summary{display:flex;flex-wrap:wrap;gap:6px}.ac-sp-summary-item{display:flex;align-items:center;gap:4px;font-size:11px;background:#f5f6fa;padding:3px 8px;border-radius:4px}.ac-sp-si-label{color:#999}.ac-sp-si-value{color:#444;font-weight:500}.ac-right-divider{height:1px;background:#eee;margin:10px 0;flex-shrink:0}.admin-startup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-stat-card{background:#f8f9ff;border-radius:10px;padding:16px;text-align:center;border:1px solid #eee}.admin-stat-card.warn{border-color:#f0ad4e;background:#fffdf5}.admin-stat-card.ok{border-color:#5cb85c;background:#f5fff5}.admin-stat-card.err{border-color:#d9534f;background:#fff5f5}.asc-num{font-size:24px;font-weight:700;color:#333}.admin-stat-card.warn .asc-num{color:#f0ad4e}.admin-stat-card.ok .asc-num{color:#5cb85c}.admin-stat-card.err .asc-num{color:#d9534f}.asc-label{font-size:12px;color:#888;margin-top:4px}.admin-enroll-list{display:flex;flex-direction:column;gap:8px}.admin-enroll-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-radius:8px;border:1px solid #eee}.aei-info{flex:1;min-width:0}.aei-name{font-size:14px;font-weight:500;color:#333}.aei-meta{font-size:12px;color:#888;margin-top:2px}.aei-mode{display:inline-block;font-size:11px;padding:1px 6px;background:#f0f2ff;color:#4a6cf7;border-radius:4px;margin-left:6px}.aei-actions{display:flex;gap:6px;flex-shrink:0}.btn-sm{padding:4px 12px;border-radius:6px;font-size:12px;border:none;cursor:pointer;transition:all .2s}.btn-approve{background:#d4edda;color:#155724}.btn-approve:hover{background:#5cb85c;color:#fff}.btn-reject{background:#f8d7da;color:#721c24}.btn-reject:hover{background:#d9534f;color:#fff}.btn-detail{background:#e8ecf4;color:#4a6cf7}.btn-detail:hover{background:#4a6cf7;color:#fff}.contest-history-section{margin-top:24px}.contest-history-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.contest-history-list{display:flex;flex-direction:column;gap:12px}.contest-history-card{background:#fff;border-radius:12px;padding:18px 20px;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all .2s}.contest-history-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.chc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chc-title{font-size:15px;font-weight:600;color:#333}.chc-status{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:500}.chc-status.completed{background:#f0f0f0;color:#666}.chc-desc{font-size:13px;color:#888;margin-bottom:10px}.chc-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.chc-stat{font-size:12px;color:#555;background:#f8f9fa;padding:3px 10px;border-radius:6px}.chc-summary{font-size:12px;color:#666;line-height:1.6;background:#fafafa;padding:10px 12px;border-radius:8px;border-left:3px solid #4a6cf7}.admin-contest-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-contest-list{display:flex;flex-direction:column;gap:8px}.admin-contest-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:10px;border:1px solid #eee;transition:all .2s}.admin-contest-item:hover{border-color:#4a6cf7}.acsi-info{flex:1;min-width:0}.acsi-title{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.acsi-status{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:500}.acsi-meta{font-size:12px;color:#888;margin-top:2px}.acsi-actions{display:flex;gap:6px;flex-shrink:0}.acm-form{display:flex;flex-direction:column;gap:12px}.acm-row{display:flex;flex-direction:column;gap:4px}.acm-row label{font-size:12px;font-weight:500;color:#666}.acm-phases{display:flex;flex-direction:column;gap:6px}.acm-phase-row{display:flex;gap:6px}.acm-phase-row .form-input{font-size:12px;padding:6px 8px}.contest-dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.contest-dual-layout .contest-timeline-section,.contest-dual-layout .contest-history-section{margin:0}@media(max-width:768px){.contest-dual-layout{grid-template-columns:1fr}}.cvd-modal{max-width:560px;width:95%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026;animation:cvdSlideIn .25s ease-out}@keyframes cvdSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cvd-header{display:flex;align-items:center;gap:14px;padding:20px 24px;color:#fff;position:relative}.cvd-header-icon{font-size:32px;flex-shrink:0}.cvd-header-info{flex:1;min-width:0}.cvd-header-title{font-size:17px;font-weight:700;margin-bottom:4px;line-height:1.3}.cvd-header-desc{font-size:13px;opacity:.85;line-height:1.4}.cvd-close{position:absolute;top:12px;right:14px;background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cvd-close:hover{background:#fff6}.cvd-body{padding:20px 24px 24px}.cvd-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.cvd-stat-card{text-align:center;background:#f8f9fc;border-radius:10px;padding:12px 8px;border:1px solid rgba(74,108,247,.08)}.cvd-stat-icon{font-size:18px;margin-bottom:4px}.cvd-stat-val{font-size:14px;font-weight:700;color:#333;margin-bottom:2px}.cvd-stat-label{font-size:11px;color:#999}.cvd-prize-detail{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border-radius:10px;padding:10px 14px;margin-bottom:14px;border:1px solid rgba(255,141,0,.15)}.cvd-prize-label{font-size:12px;color:#e65100;font-weight:600;white-space:nowrap}.cvd-prize-value{font-size:13px;color:#333;font-weight:500}.cvd-winner-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:10px;padding:14px 16px;margin-bottom:14px;border:1px solid rgba(76,175,80,.15)}.cvd-winner-icon{font-size:28px}.cvd-winner-info{flex:1}.cvd-winner-label{font-size:11px;color:#999;margin-bottom:2px}.cvd-winner-name{font-size:15px;font-weight:700;color:#2e7d32}.cvd-summary-card{background:#f8f9fc;border-radius:10px;padding:14px 16px;margin-bottom:16px;border-left:3px solid #4a6cf7}.cvd-summary-label{font-size:12px;font-weight:600;color:#4a6cf7;margin-bottom:6px}.cvd-summary-text{font-size:13px;color:#555;line-height:1.7}.cvd-section-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.cvd-phases{margin-bottom:16px}.cvd-phase{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.cvd-phase-num{width:26px;height:26px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.cvd-phase-body{flex:1;min-width:0}.cvd-phase-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.cvd-phase-time{font-size:12px;color:#ff7d00;font-weight:500;margin-bottom:2px}.cvd-phase-desc{font-size:12px;color:#888;line-height:1.5}.cvd-tags{display:flex;gap:6px;flex-wrap:wrap}.cvd-tag{font-size:11px;padding:3px 10px;border-radius:12px;background:#f0f2ff;color:#4a6cf7}.cem-modal{max-width:640px;width:95%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026;animation:cvdSlideIn .25s ease-out}.cem-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#4a6cf7,#6c5ce7);color:#fff;position:relative}.cem-header-icon{font-size:32px;flex-shrink:0}.cem-header-info{flex:1}.cem-header-title{font-size:17px;font-weight:700;margin-bottom:4px}.cem-header-desc{font-size:13px;opacity:.85}.cem-close{position:absolute;top:12px;right:14px;background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cem-close:hover{background:#fff6}.cem-body{padding:20px 24px;max-height:60vh;overflow-y:auto}.cem-section{margin-bottom:18px}.cem-section-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f2ff;display:flex;align-items:center;gap:6px}.cem-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cem-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.cem-field{display:flex;flex-direction:column;gap:4px}.cem-field label{font-size:12px;font-weight:600;color:#555}.cem-required{color:#ff4d4f}.cem-field .form-input{font-size:13px;padding:8px 12px;border-radius:8px;border:1px solid #e0e0e0;transition:border-color .2s}.cem-field .form-input:focus{border-color:#4a6cf7;outline:none;box-shadow:0 0 0 3px #4a6cf71a}.cem-phase-list{display:flex;flex-direction:column;gap:8px}.cem-phase-row{display:flex;align-items:center;gap:8px;background:#f8f9fc;border-radius:10px;padding:8px 10px;border:1px solid #eef0f8;transition:border-color .2s}.cem-phase-row:hover{border-color:#c5caf5}.cem-phase-num{width:22px;height:22px;border-radius:50%;background:#4a6cf7;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cem-phase-row .form-input{font-size:12px;padding:6px 10px;border-radius:6px;border:1px solid #e0e0e0;background:#fff}.cem-phase-row .form-input:focus{border-color:#4a6cf7;outline:none}.cem-phase-name{flex:1.2}.cem-phase-time{flex:1}.cem-phase-desc{flex:2}.cem-phase-del{width:22px;height:22px;border-radius:50%;background:#fde8e8;color:#d9534f;border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.cem-phase-del:hover{background:#d9534f;color:#fff}.cem-add-phase{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:6px 14px;background:#f0f2ff;color:#4a6cf7;border:1px dashed #c5caf5;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s}.cem-add-phase:hover{background:#e0e5ff;border-color:#4a6cf7}.cem-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafbfe}.cem-btn{padding:9px 24px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.cem-btn-cancel{background:#f0f0f0;color:#666}.cem-btn-cancel:hover{background:#e0e0e0}.cem-btn-primary{background:linear-gradient(135deg,#4a6cf7,#6c5ce7);color:#fff;box-shadow:0 2px 8px #4a6cf74d}.cem-btn-primary:hover{box-shadow:0 4px 16px #4a6cf766;transform:translateY(-1px)}.real-dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;align-items:stretch}.real-right-col{display:flex;flex-direction:column;gap:16px}.real-dual-layout .real-flow-section,.real-right-col .real-dashboard,.real-right-col .real-kpi-section{margin-bottom:0}.real-right-col .real-dash-grid{grid-template-columns:repeat(2,1fr);gap:10px}.real-right-col .real-dash-card{padding:14px}.real-right-col .rdc-value{font-size:20px}.real-right-col .real-kpi-grid{gap:10px}.real-right-col .real-kpi-card{padding:12px}.real-dual-layout .real-flow-section{display:flex;flex-direction:column}.real-dual-layout .real-flow-steps{flex:1;display:flex;flex-direction:column}.real-dual-layout .real-flow-step{flex:1;display:flex;align-items:center}@media(max-width:900px){.real-dual-layout{grid-template-columns:1fr}.real-right-col .real-dash-grid{grid-template-columns:repeat(4,1fr)}}.real-flow-title{font-size:15px;font-weight:600;margin-bottom:14px;color:#333}.real-flow-steps{display:flex;flex-direction:column;gap:10px}.real-flow-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid #eee;transition:all .2s}.real-flow-step:hover{border-color:#4a6cf7;box-shadow:0 2px 8px #4a6cf71a}.rfs-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.rfs-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.rfs-desc{font-size:12px;color:#888}.real-kpi-section{margin-bottom:20px}.real-kpi-title{font-size:15px;font-weight:600;margin-bottom:14px;color:#333}.real-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.real-kpi-card{background:#fff;border-radius:10px;border:1px solid #eee;padding:14px}.rkc-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.rkc-icon{font-size:18px}.rkc-name{font-size:13px;font-weight:600;color:#333}.rkc-items{display:flex;flex-direction:column;gap:6px}.rkc-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.rkc-label{color:#888}.rkc-value{color:#444;font-weight:500}.rkc-value.green{color:#5cb85c}.rkc-value.warn{color:#f0ad4e}.rkc-value.err{color:#d9534f}.detail-video-section{margin-bottom:24px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0}.detail-video-title{font-size:16px;font-weight:700;color:#1a1a1a;padding:14px 20px 10px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:6px}.detail-video-player{position:relative;width:100%;padding-top:56.25%;background:#000}.detail-video-player iframe,.detail-video-player video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain;background:#000}.res-detail-section+.detail-video-section{margin-top:-8px;margin-bottom:16px}.video-upload-progress{border:1px dashed #d9d9d9;border-radius:8px;padding:12px 16px;background:#fafafa}.video-upload-info{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#333;margin-bottom:8px}.video-upload-size{color:#999;font-size:12px}.video-progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.video-progress-fill{height:100%;background:linear-gradient(90deg,#4a6cf7,#6c5ce7);border-radius:4px;transition:width .3s ease}.video-progress-text{font-size:12px;color:#999;margin-top:6px}.video-idb-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:13px;background:#000000d9;z-index:2}.video-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#4a6cf7;border-radius:50%;animation:video-spin .8s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}.card-action-btns{display:flex;gap:8px;padding:10px 14px 14px;margin-top:6px;border-top:1px solid #f0f0f0}.card-btn{flex:1;padding:7px 0;border:1px solid transparent;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:all .25s ease;letter-spacing:.5px}.card-btn-contact{background:#fff;color:#4a6cf7;border-color:#d6dff8}.card-btn-contact:hover{background:#4a6cf7;color:#fff;border-color:#4a6cf7;box-shadow:0 2px 8px #4a6cf74d;transform:translateY(-1px)}.card-btn-join{background:#fff;color:#52c41a;border-color:#d4f0d4}.card-btn-join:hover{background:#52c41a;color:#fff;border-color:#52c41a;box-shadow:0 2px 8px #52c41a4d;transform:translateY(-1px)}.employee-chat-panel{position:fixed;right:-420px;top:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;z-index:9999;display:flex;flex-direction:column;transition:right .3s ease}.employee-chat-panel.active{right:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#4f6ef7,#6c5ce7);color:#fff;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:10px}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-name{font-weight:700;font-size:15px}.chat-status{font-size:12px;color:#fffc}.chat-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#52c41a;margin-right:4px;vertical-align:middle}.chat-close{cursor:pointer;font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.chat-close:hover{background:#fff3}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f7f8fc}.chat-message{margin-bottom:12px;display:flex;flex-direction:column}.chat-msg-user{align-items:flex-end}.chat-msg-ai{align-items:flex-start}.chat-msg-content{max-width:80%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;word-break:break-word}.chat-msg-user .chat-msg-content{background:#4f6ef7;color:#fff;border-bottom-right-radius:4px}.chat-msg-ai .chat-msg-content{background:#fff;color:#333;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.chat-msg-time{font-size:11px;color:#999;margin-top:4px;padding:0 4px}.chat-quick-actions{padding:8px 16px;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;overflow-x:auto;flex-shrink:0}.chat-quick-label{font-size:12px;color:#999;white-space:nowrap}.chat-quick-btn{font-size:12px;padding:4px 10px;border:1px solid #d9d9d9;border-radius:14px;cursor:pointer;white-space:nowrap;transition:all .15s;background:#fff}.chat-quick-btn:hover{border-color:#4f6ef7;color:#4f6ef7;background:#f0f2ff}.chat-input-area{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #e8e8e8;background:#fff;flex-shrink:0}.chat-input{flex:1;height:38px;border:1px solid #d9d9d9;border-radius:8px;padding:0 12px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef71f}.chat-send-btn{margin-left:10px;height:38px;padding:0 20px;background:linear-gradient(135deg,#4f6ef7,#6c5ce7);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.chat-send-btn:hover{opacity:.9}.ai-dept-employee-tag.clickable{cursor:pointer;transition:all .15s}.ai-dept-employee-tag.clickable:hover{background:#4f6ef7;color:#fff;border-color:#4f6ef7;transform:translateY(-1px);box-shadow:0 2px 6px #4f6ef74d}.dashboard-stats{display:flex;gap:16px;margin-bottom:16px}.dashboard-stat{flex:1;background:linear-gradient(135deg,#f0f2ff,#e8f0fe);border-radius:10px;padding:16px;text-align:center;transition:transform .15s}.dashboard-stat:hover{transform:translateY(-2px)}.dashboard-stat-icon{font-size:24px;margin-bottom:6px}.dashboard-stat-num{font-size:28px;font-weight:800;color:#4f6ef7;line-height:1.2}.dashboard-stat-label{font-size:12px;color:#8c8c8c;margin-top:2px}.dashboard-quick-actions{display:flex;gap:10px;margin-bottom:16px}.dash-quick-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s;font-size:13px;color:#333}.dash-quick-btn:hover{border-color:#4f6ef7;background:#f0f2ff;color:#4f6ef7;transform:translateY(-2px);box-shadow:0 4px 12px #4f6ef71f}.dqb-icon{font-size:22px}.dashboard-setup-hint{text-align:center;padding:24px;background:#fffbe6;border:1px dashed #ffe58f;border-radius:10px;margin-bottom:16px}.setup-hint-icon{font-size:36px;margin-bottom:8px}.setup-hint-text{font-size:14px;color:#8c6d1f;margin-bottom:14px}.setup-hint-btn{padding:8px 28px;background:linear-gradient(135deg,#4f6ef7,#6c5ce7);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.setup-hint-btn:hover{opacity:.9}.mentor-chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f7f8fc}.mentor-welcome-icon{font-size:48px;margin-bottom:12px}.mentor-welcome-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.mentor-welcome-desc{font-size:14px;color:#8c8c8c;margin-bottom:24px}.mentor-welcome-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mentor-welcome-btn{padding:10px 18px;border:1px solid #d9d9d9;border-radius:20px;background:#fff;cursor:pointer;font-size:14px;transition:all .15s}.mentor-welcome-btn:hover{border-color:#4f6ef7;color:#4f6ef7;background:#f0f2ff}.mentor-msg{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start}.mentor-msg-avatar{width:36px;height:36px;border-radius:50%;background:#e8f0fe;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mentor-msg-avatar.user{background:#4f6ef7;color:#fff;font-size:16px}.mentor-msg-content{max-width:75%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.7;word-break:break-word}.mentor-msg-user .mentor-msg-content{background:#4f6ef7;color:#fff;border-bottom-right-radius:4px}.mentor-msg-ai .mentor-msg-content{background:#fff;color:#333;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.mentor-msg-content.typing{color:#999;font-style:italic}.mentor-chat-input-area{border-top:1px solid #e8e8e8;background:#fff;flex-shrink:0}.mentor-quick-tags{padding:8px 12px;display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid #f0f0f0}.mentor-quick-tag{font-size:12px;padding:4px 12px;border:1px solid #d9d9d9;border-radius:14px;cursor:pointer;white-space:nowrap;transition:all .15s;background:#fff}.mentor-quick-tag:hover{border-color:#4f6ef7;color:#4f6ef7;background:#f0f2ff}.mentor-input-row{display:flex;gap:10px;padding:12px}.mentor-chat-input{flex:1;height:60px;border:1px solid #d9d9d9;border-radius:8px;padding:8px 12px;font-size:14px;resize:none;outline:none;line-height:1.5;transition:border-color .2s}.mentor-chat-input:focus{border-color:#4f6ef7;box-shadow:0 0 0 2px #4f6ef71f}.mentor-send-btn{align-self:flex-end;height:38px;padding:0 20px;background:linear-gradient(135deg,#4f6ef7,#6c5ce7);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.mentor-send-btn:hover{opacity:.9}.mentor-menu{cursor:pointer;transition:all .15s;padding:12px 16px;border-radius:8px}.mentor-menu:hover{background:#f0f2ff;color:#4f6ef7}.mentor-menu.active{background:#4f6ef7;color:#fff}.home-hero{width:100%;background:#fff;border-radius:12px;padding:0;margin-bottom:20px;color:#333;position:relative;overflow:hidden;border:1px solid #f0f0f0}.home-hero:before{content:"";position:absolute;top:-60px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(24,144,255,.06) 0%,transparent 70%);border-radius:50%}.home-hero:after{content:"";position:absolute;bottom:-40px;left:30%;width:300px;height:300px;background:radial-gradient(circle,rgba(54,207,201,.04) 0%,transparent 70%);border-radius:50%}.hero-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:1}.hero-logo{flex-shrink:0}.hero-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#1890ff,#36cfc9);border-radius:12px;color:#fff;text-align:center;line-height:48px;font-size:20px;font-weight:900;letter-spacing:1px;box-shadow:0 4px 12px #1890ff26}.hero-title-group{display:flex;flex-direction:column;gap:4px}.hero-title{font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:1px;margin:0}.hero-subtitle{font-size:13px;color:#999;margin:0;letter-spacing:.5px}.folder-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:1;padding:16px 20px}.folder-item{display:flex;flex-direction:column;align-items:center;padding:18px 8px 14px;border-radius:10px;background:#fafbfc;border:1px solid #f0f0f0;cursor:pointer;transition:all .25s ease;position:relative}.folder-item:hover{background:#fff;border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.folder-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:transform .2s}.folder-item:hover .folder-icon-wrap{transform:scale(1.08)}.folder-icon{font-size:24px}.folder-name{font-size:13px;font-weight:600;color:#333;margin-bottom:3px;text-align:center}.folder-hint{font-size:11px;color:#bbb;text-align:center}.folder-blue{background:#e8f4ff}.folder-purple{background:#f3eaff}.folder-green{background:#e8f8e0}.folder-teal{background:#e6fffb}.folder-amber{background:#fffbe6}.folder-indigo{background:#e8eaff}.folder-orange{background:#fff3e0}.folder-rose{background:#ffe8f0}.folder-crimson{background:#ffe8e8}.folder-sky{background:#e6f7ff}.folder-item:hover .folder-blue{background:#d6e8ff}.folder-item:hover .folder-purple{background:#e6d5ff}.folder-item:hover .folder-green{background:#d4f0c8}.folder-item:hover .folder-teal{background:#ccfff5}.folder-item:hover .folder-amber{background:#fff5cc}.folder-item:hover .folder-indigo{background:#d6d8ff}.folder-item:hover .folder-orange{background:#ffe6c4}.folder-item:hover .folder-rose{background:#ffd0de}.folder-item:hover .folder-crimson{background:#ffd4d4}.folder-item:hover .folder-sky{background:#cef}.home-body{display:flex;gap:20px;align-items:flex-start}.home-left{width:32%;min-width:340px;display:flex;flex-direction:column;gap:20px}.home-right{flex:1;display:flex;flex-direction:column;gap:20px}.home-hero{width:100%}.panel-card{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000f}.panel-card-title{font-size:15px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;color:#333}.breadcrumb-bar{height:36px;background-color:#fff;border-bottom:1px solid #f0f0f0;padding:0 24px;display:flex;align-items:center;gap:0;position:fixed;top:60px;left:0;right:0;z-index:99;font-size:13px}.breadcrumb-item{color:#8c8c8c;cursor:pointer;padding:4px 2px;transition:color .15s}.breadcrumb-item:hover{color:#1890ff}.breadcrumb-item.active{color:#333;font-weight:500;cursor:default}.breadcrumb-sep{color:#d9d9d9;margin:0 6px;font-size:12px}.data-overview{margin-bottom:24px}.overview-title{font-size:16px;font-weight:700;margin-bottom:16px}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.data-item{background-color:#f9f9f9;border-radius:8px;padding:16px}.data-label{font-size:12px;color:#666;margin-bottom:8px}.data-value{font-size:20px;font-weight:700;color:#1890ff}.startup-home-section{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000f;border:1px solid #e8e8e8}.sh-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0}.sh-header-left{display:flex;align-items:center;gap:10px}.sh-rocket{font-size:24px}.sh-title{font-size:16px;font-weight:700;color:#2c3e50;letter-spacing:.5px;line-height:24px}.sh-subtitle{font-size:12px;color:#bfbfbf;margin-top:2px;line-height:18px}.sh-header-right{display:flex;align-items:center;gap:6px;padding:8px 22px;background:#4a6cf714;color:#4a6cf7;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.5px;box-shadow:none;white-space:nowrap}.sh-header-right:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4a6cf733;background:#4a6cf7;color:#fff}.sh-arrow{transition:transform .2s}.sh-header-right:hover .sh-arrow{transform:translate(2px)}.sh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.sh-card{padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;background-color:#fff}.sh-card:hover{background-color:#f8fbff}.sh-card+.sh-card{border-left:1px solid #f0f0f0}.shc-badge{position:absolute;top:10px;right:-26px;background-color:#1890ff;color:#fff;font-size:10px;padding:2px 28px;transform:rotate(45deg);font-weight:500}.shc-badge.hot{background-color:#ff7d00}.shc-badge.prize{background-color:#ff4d4f}.shc-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .2s}.sh-card:hover .shc-icon-wrap{transform:scale(1.05)}.sh-card-sandbox .shc-icon-wrap{background-color:#e8f4ff}.sh-card-real .shc-icon-wrap{background-color:#fff7e6}.sh-card-contest .shc-icon-wrap{background-color:#fff1f0}.shc-icon-wrap span{font-size:24px}.shc-body{position:relative;z-index:1}.shc-title{font-size:14px;font-weight:700;margin-bottom:6px;color:#333}.shc-desc{font-size:12px;color:#999;line-height:1.5;margin-bottom:12px}.shc-footer{display:flex;gap:6px;flex-wrap:wrap}.shc-tag{display:inline-flex;align-items:center;gap:2px;font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500;border:1px solid #e8e8e8;background-color:#f9f9f9;color:#666}.sh-card-sandbox .shc-tag{border-color:#d6e8ff;background-color:#f0f8ff;color:#1890ff}.sh-card-real .shc-tag{border-color:#ffe7ba;background-color:#fffbe6;color:#d48806}.sh-card-contest .shc-tag{border-color:#ffccc7;background-color:#fff1f0;color:#cf1322}.my-company-section{margin-bottom:8px!important}.my-company-section .sh-grid-2col{grid-template-columns:repeat(2,1fr)}.sh-card-dept .shc-icon-wrap{background-color:#e8f4ff}.sh-card-proj .shc-icon-wrap{background-color:#fff7e6}.sh-card-dept .shc-tag{border-color:#d6e8ff;background-color:#f0f8ff;color:#1890ff}.sh-card-proj .shc-tag{border-color:#ffe58f;background-color:#fffbe6;color:#fa8c16}.ai-company-entry-card{display:flex;align-items:center;gap:16px;padding:22px 20px;cursor:pointer;transition:all .25s ease;border:1px solid #e8e8e8;position:relative;overflow:hidden}.ai-company-entry-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;transition:transform .3s}.ai-company-entry-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea1f;transform:translateY(-2px)}.ai-company-entry-card:hover:before{transform:scale(1.5)}.ai-company-entry-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 4px 12px #667eea40}.ai-company-entry-info{flex:1;min-width:0}.ai-company-entry-title{font-size:15px;font-weight:700;color:#333;margin-bottom:4px}.ai-company-entry-desc{font-size:12px;color:#999;line-height:1.4}.ai-company-entry-arrow{font-size:24px;color:#ccc;font-weight:300;transition:all .2s;flex-shrink:0}.ai-company-entry-card:hover .ai-company-entry-arrow{color:#667eea;transform:translate(3px)}.ai-company-page-main .info-form-body{max-width:800px;margin:0 auto}.ai-company-back-btn{margin-left:auto;padding:8px 20px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff26;color:#fff;font-size:13px;cursor:pointer;transition:all .2s;backdrop-filter:blur(4px);white-space:nowrap}.ai-company-back-btn:hover{background:#ffffff40;border-color:#ffffff80}.ai-company-panel{position:relative;overflow:visible}.ai-company-panel .panel-card-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:15px;position:relative;padding-left:14px}.ai-company-panel .panel-card-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.ai-company-name-row{display:flex;align-items:center;gap:10px}.ai-company-name-section{padding-bottom:18px}.ai-company-section{margin-bottom:20px;padding-bottom:18px;border-bottom:1px dashed #f0f0f0}.ai-company-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.ai-company-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ai-company-label{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:4px}.ai-company-name{font-size:14px;color:#999;padding:8px 14px;background:#f9fafb;border-radius:8px;border:1px solid #f0f0f0;display:inline-block;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.ai-company-name.has-name{color:#333;font-weight:600;background:linear-gradient(135deg,#f0f0ff,#f8f0ff);border-color:#d8d0f0}.ai-company-edit-btn{display:inline-flex;align-items:center;vertical-align:middle;padding:7px 16px;font-size:12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-company-edit-btn:hover{border-color:#667eea;color:#667eea;background:#f5f3ff}.ai-company-add-btn-inline{display:inline-flex;align-items:center;gap:2px;padding:5px 14px;border:1px solid #667eea;border-radius:6px;background:#fff;color:#667eea;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-company-add-btn-inline:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.ai-dept-list,.ai-project-list{margin-bottom:10px}.ai-dept-empty,.ai-project-empty,.ai-card-empty{font-size:13px;color:#bbb;text-align:center;padding:20px 0;background:#fafbfc;border-radius:8px;border:1px dashed #e8e8e8}.ai-dept-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafbfc;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;transition:all .2s;cursor:default}.ai-dept-card:hover{border-color:#d8d0f0;background:#f8f6ff}.ai-dept-card:last-child{margin-bottom:0}.ai-dept-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ai-dept-icon.dept-tech{background:#e8f4ff}.ai-dept-icon.dept-market{background:#fff7e6}.ai-dept-icon.dept-design{background:#f3eaff}.ai-dept-icon.dept-finance{background:#e8f8e0}.ai-dept-icon.dept-hr{background:#ffe8f0}.ai-dept-icon.dept-ops{background:#e6fffb}.ai-dept-icon.dept-legal{background:#fff3e0}.ai-dept-icon.dept-custom{background:#f0f0ff}.ai-dept-info{flex:1;min-width:0}.ai-dept-name{font-size:13px;font-weight:600;color:#333;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-dept-employees{font-size:11px;color:#999;display:flex;flex-wrap:wrap;gap:4px}.ai-dept-employee-tag{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;background:#f0f8ff;border:1px solid #d6e8ff;border-radius:3px;font-size:10px;color:#1890ff}.ai-dept-actions{display:flex;gap:4px;flex-shrink:0}.ai-dept-action-btn{width:24px;height:24px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#999}.ai-dept-action-btn:hover{background:#f0f0f0;color:#333}.ai-dept-action-btn.delete:hover{background:#fff1f0;color:#ff4d4f}.ai-project-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafbfc;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;transition:all .2s}.ai-project-card:hover{border-color:#bae7ff;background:#f0f8ff}.ai-project-card:last-child{margin-bottom:0}.ai-project-icon{width:32px;height:32px;border-radius:8px;background:#e8f4ff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ai-project-info{flex:1;min-width:0}.ai-project-name{font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-project-status{font-size:11px;color:#52c41a;margin-top:2px}.ai-project-status.pending{color:#faad14}.ai-project-status.paused{color:#999}.ai-project-remove{width:22px;height:22px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-size:11px;color:#bbb;display:flex;align-items:center;justify-content:center;transition:all .15s}.ai-project-remove:hover{background:#fff1f0;color:#ff4d4f}.ai-company-add-btn{display:block;width:100%;padding:8px;border:1px dashed #d9d9d9;border-radius:8px;background:transparent;color:#999;font-size:12px;cursor:pointer;transition:all .2s;text-align:center}.ai-company-add-btn:hover{border-color:#667eea;color:#667eea;background:#f5f3ff}.ai-company-card-section{border-bottom:none}.ai-card-preview{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:16px;padding:28px 24px 20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px #0f346040}.ai-card-preview:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);border-radius:50%}.ai-card-preview:after{content:"";position:absolute;bottom:-30px;left:20%;width:200px;height:200px;background:radial-gradient(circle,rgba(118,75,162,.1) 0%,transparent 70%);border-radius:50%}.ai-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;position:relative;z-index:1}.ai-card-logo{width:56px;height:56px;border-radius:14px;background:#ffffff1a;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:28px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.ai-card-brand{flex:1;min-width:0}.ai-card-company-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-slogan{font-size:12px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-body{position:relative;z-index:1;margin-bottom:18px}.ai-card-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.ai-card-row-icon{width:20px;text-align:center;flex-shrink:0;font-size:13px}.ai-card-row-label{color:#ffffff73;width:36px;flex-shrink:0;font-size:12px}.ai-card-row-value{color:#ffffffd9;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-card-footer{display:flex;align-items:center;justify-content:center;gap:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.ai-card-stat{flex:1;text-align:center}.ai-card-stat-num{display:block;font-size:22px;font-weight:700;color:#fff;line-height:1.2}.ai-card-stat-label{display:block;font-size:11px;color:#ffffff73;margin-top:2px}.ai-card-stat-divider{width:1px;height:28px;background:#ffffff1f}.ai-company-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .25s}.ai-company-modal-overlay.active{opacity:1;visibility:visible}.ai-company-modal{background:#fff;border-radius:12px;padding:24px;width:420px;max-width:90vw;box-shadow:0 12px 40px #00000026;transform:translateY(20px);transition:transform .25s}.ai-company-modal-overlay.active .ai-company-modal{transform:translateY(0)}.ai-company-modal-title{font-size:16px;font-weight:700;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:8px}.ai-company-modal .form-item{margin-bottom:14px}.ai-company-modal .form-label{font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.ai-company-modal .form-input,.ai-company-modal .form-select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;transition:border-color .2s;box-sizing:border-box}.ai-company-modal .form-input:focus,.ai-company-modal .form-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea26}.ai-company-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.ai-company-modal-footer .btn-cancel{padding:8px 20px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#666;cursor:pointer;font-size:13px;transition:all .2s}.ai-company-modal-footer .btn-cancel:hover{border-color:#999;color:#333}.ai-company-modal-footer .btn-confirm{padding:8px 20px;border:none;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.ai-company-modal-footer .btn-confirm:hover{opacity:.9;box-shadow:0 4px 12px #667eea4d}.ai-employee-selector{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ai-employee-chip{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border:1px solid #e8e8e8;border-radius:14px;font-size:11px;color:#666;cursor:pointer;transition:all .15s;background:#fafafa}.ai-employee-chip:hover{border-color:#667eea;color:#667eea}.ai-employee-chip.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f0ff,#f8f0ff);color:#667eea;font-weight:600}.featured-projects-section{margin-top:24px;background:#fff;border-radius:16px;padding:28px 32px 32px;border:1px solid #f0f0f5;box-shadow:0 2px 20px #0000000a;overflow:hidden;position:relative}.featured-projects-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb 70%,#4facfe)}.fp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.fp-header-left{display:flex;align-items:center;gap:14px}.fp-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 14px #f5576c59}.fp-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.fp-subtitle{font-size:13px;color:#999;margin-top:2px}.fp-more{display:flex;align-items:center;gap:4px;color:#667eea;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:20px;background:#f5f5ff;transition:all .25s}.fp-more:hover{background:#667eea;color:#fff}.fp-more:hover .fp-arrow{transform:translate(4px)}.fp-arrow{transition:transform .25s}.fp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.fp-card{position:relative;border:1px solid #f0f0f5;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;display:flex;flex-direction:column}.fp-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #667eea2e;border-color:#d4d4f5}.fp-card-image{width:100%;height:160px;object-fit:cover;background:linear-gradient(135deg,#f0f0ff,#f8f0ff)}.fp-card-tag{position:absolute;top:12px;left:12px;background:#fffffff2;backdrop-filter:blur(6px);color:#667eea;font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.fp-card-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;box-shadow:0 2px 8px #f5576c66;letter-spacing:1px}.fp-card-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}.fp-card-name{font-size:17px;font-weight:700;color:#1a1a2e;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-card-desc{font-size:13px;color:#888;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.fp-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f5f5fa}.fp-card-cat{font-size:12px;color:#999;background:#f8f8fc;padding:3px 10px;border-radius:10px}.fp-card-action{font-size:13px;color:#667eea;font-weight:600;display:flex;align-items:center;gap:2px;transition:gap .25s}.fp-card:hover .fp-card-action{gap:6px}.fp-empty{grid-column:1 / -1;text-align:center;padding:50px 20px;color:#bbb}.fp-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.fp-empty-text{font-size:15px;margin-bottom:4px;color:#999}.fp-empty-sub{font-size:13px;color:#ccc}.admin-action-btn.featured{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;box-shadow:0 2px 6px #f5576c4d}.admin-action-btn.featured:hover{box-shadow:0 4px 12px #f5576c73}.admin-action-cell{white-space:nowrap}.filter-title{font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e8e8e8}.filter-group{margin-bottom:16px}.filter-label{font-size:13px;color:#666;margin-bottom:8px;display:block}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{font-size:12px;padding:4px 12px;border:1px solid #e8e8e8;border-radius:16px;cursor:pointer}.filter-option:hover{background-color:#f0f8ff;border-color:#1890ff}.filter-option.active{background-color:#e8f4ff;border-color:#1890ff;color:#1890ff}.quick-actions{margin-top:20px}.action-btn{width:100%;height:36px;background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;cursor:pointer;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover{background-color:#f0f8ff;border-color:#1890ff}.job-flat-layout{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.job-flat-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.job-flat-label{font-size:12px;font-weight:600;color:#595959;padding:3px 10px;border:1px solid #d9d9d9;border-radius:14px;cursor:pointer;white-space:nowrap;transition:all .15s;background:#fff;user-select:none}.job-flat-label:hover{border-color:#1890ff;color:#1890ff;background:#f0f8ff}.job-flat-label.open{border-color:#1890ff;color:#1890ff;background:#e8f4ff}.job-flat-options{display:none;flex-wrap:wrap;gap:6px;align-items:center}.job-flat-label.open+.job-flat-options{display:flex}.job-flat-options .filter-option{font-size:11px;padding:2px 8px}.oper-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e8e8e8;flex-wrap:wrap;row-gap:10px}.search-filter{display:flex;gap:10px;flex-wrap:wrap}.search-small{width:200px;height:32px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;min-width:150px}.filter-reset,.sort-btn{height:32px;padding:0 12px;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff;cursor:pointer;font-size:12px}.publish-btn{height:32px;padding:0 16px;background-color:#ff7d00;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700}.talent-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.talent-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:box-shadow .2s}.talent-card:hover{box-shadow:0 4px 12px #00000014}.talent-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.talent-avatar{width:40px;height:40px;border-radius:50%;background-color:#e8f4ff;display:flex;align-items:center;justify-content:center;color:#1890ff;font-weight:700}.talent-name{font-weight:700;font-size:14px}.talent-type{font-size:12px;color:#666;margin-left:8px}.talent-level{font-size:11px;padding:2px 6px;border-radius:4px;background-color:#e8f4ff;color:#1890ff;margin-left:8px}.talent-info{font-size:13px;color:#666;margin-bottom:12px;line-height:1.5}.talent-actions{display:flex;gap:8px;flex-wrap:wrap}.talent-btn{font-size:12px;padding:4px 12px;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff;cursor:pointer}.talent-btn:hover{background-color:#f0f8ff;border-color:#1890ff}.hire-btn{background-color:#1890ff;color:#fff;border-color:#1890ff}.hire-btn:hover{background-color:#096dd9}.hire-modal-overlay{position:fixed;inset:0;z-index:100000;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .2s ease;pointer-events:auto}.hire-modal-overlay.active{background:#00000073}.hire-modal-box{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;width:360px;max-width:90vw;padding:0;transform:scale(.9);opacity:0;transition:transform .2s ease,opacity .2s ease;overflow:hidden}.hire-modal-overlay.active .hire-modal-box{transform:scale(1);opacity:1}.hire-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.hire-modal-title{font-size:16px;font-weight:700;color:#1a1a1a}.hire-modal-close{cursor:pointer;font-size:18px;color:#999;line-height:1;padding:4px;border-radius:4px;transition:all .15s}.hire-modal-close:hover{color:#333;background:#f5f5f5}.hire-modal-body{padding:20px}.hire-modal-cost{font-size:14px;color:#333;padding:10px 14px;background:#fff7e6;border:1px solid #ffe58f;border-radius:8px;margin-bottom:16px;display:flex;align-items:center}.hire-modal-cost b{color:#fa8c16;font-size:22px;margin:0 2px}.hire-modal-field{margin-bottom:0}.hire-modal-field label{display:block;font-size:13px;color:#666;margin-bottom:6px;font-weight:600}.hire-modal-select{width:100%;height:38px;border:1px solid #d9d9d9;border-radius:8px;padding:0 12px;font-size:14px;color:#333;background:#fff;cursor:pointer;transition:border-color .15s}.hire-modal-select:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1f}.hire-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #f0f0f0;background:#fafafa}.hire-modal-btn{padding:8px 22px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.hire-modal-btn.cancel{border:1px solid #d9d9d9;background:#fff;color:#666}.hire-modal-btn.cancel:hover{border-color:#1890ff;color:#1890ff}.hire-modal-btn.confirm{border:none;background:#1890ff;color:#fff}.hire-modal-btn.confirm:hover{background:#096dd9}.footer{height:50px;background-color:#fff;border-top:1px solid #e8e8e8;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;z-index:99}#mentor-page{flex-direction:column}#mentor-page .right-panel{width:100%;max-height:calc(100vh - 150px)}#goods-page{flex-direction:column}#goods-page .right-panel{width:100%}.goods-filter{background-color:#fafbfc;padding:16px;border-radius:10px;margin-bottom:20px;border:1px solid #eef0f2}.filter-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:10px}.filter-row:last-child{margin-bottom:0}.filter-title-sm{font-size:13px;font-weight:600;color:#555;min-width:70px;padding-top:5px;flex-shrink:0}.goods-categories{display:flex;gap:8px;flex-wrap:wrap}.category-tag{padding:5px 14px;background-color:#fff;border:1px solid #e4e7eb;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s;color:#666;white-space:nowrap}.category-tag:hover{border-color:#4a6cf7;color:#4a6cf7;background-color:#4a6cf70a}.category-tag.active{background-color:#4a6cf7;color:#fff;border-color:#4a6cf7}.category-tag.disabled{cursor:default;opacity:.5}.price-filter{display:flex;align-items:center;gap:8px}.price-input{width:80px;height:28px;border:1px solid #e8e8e8;border-radius:4px;padding:0 8px;font-size:12px}.goods-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:30px}.goods-card{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;transition:box-shadow .2s;cursor:pointer}.goods-card:hover{box-shadow:0 4px 12px #00000014}.goods-img{width:100%;height:180px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;background-size:cover;background-position:center}.goods-info{padding:12px}.goods-name{font-size:14px;font-weight:700;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goods-desc{font-size:12px;color:#666;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goods-price{font-size:16px;font-weight:700;color:#ff4d4f;margin-bottom:8px}.goods-stock{font-size:11px;color:#999}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:12px 0}.page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #e4e7eb;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s;color:#666}.page-btn:hover:not(.disabled):not(.active){border-color:#4a6cf7;color:#4a6cf7}.page-btn.active{background-color:#4a6cf7;color:#fff;border-color:#4a6cf7}.page-btn.disabled{cursor:default;color:#ccc;border-color:#eee}#goods-detail-page{flex-direction:column}.detail-layout{display:flex;gap:24px;margin-bottom:24px}.detail-img{width:400px;height:400px;background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;background-size:cover;background-position:center}.detail-info{flex:1}.detail-name{font-size:20px;font-weight:700;margin-bottom:16px}.detail-price-box{background-color:#fff8f8;padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid #fff0f0}.price-label{font-size:14px;color:#666;margin-bottom:8px}.detail-price{font-size:24px;font-weight:700;color:#ff4d4f}.detail-spec{margin-bottom:16px}.spec-title{font-size:14px;font-weight:700;margin-bottom:8px}.spec-options{display:flex;gap:8px;flex-wrap:wrap}.spec-option{padding:6px 12px;border:1px solid #e8e8e8;border-radius:4px;font-size:12px;cursor:pointer}.spec-option.active{border-color:#1890ff;color:#1890ff;background-color:#e8f4ff}.buy-box{display:flex;gap:12px;align-items:center;margin-bottom:20px}.num-input{display:flex;align-items:center;border:1px solid #e8e8e8;border-radius:4px}.num-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.num-input input{width:50px;height:32px;border:none;text-align:center;outline:none;font-size:14px}.buy-btn{width:120px;height:40px;background-color:#ff7d00;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer}.cart-btn{width:120px;height:40px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.detail-desc{margin-top:20px}.desc-title{font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e8e8e8}.desc-content{font-size:14px;line-height:1.6;color:#333}.back-btn{margin-bottom:16px;padding:6px 16px;background-color:#fff;border:1px solid #e8e8e8;border-radius:16px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#666;transition:all .2s}.back-btn:hover{background-color:#f0f8ff;border-color:#1890ff;color:#1890ff}#service-page{flex-direction:column}#service-page .right-panel{width:100%}.service-categories{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;margin-bottom:24px;background:linear-gradient(135deg,#dde4f7,#e8ecf5);border-radius:10px;padding:6px;box-shadow:0 2px 8px #4a6cf71a;position:relative}.service-categories::-webkit-scrollbar{height:0}.service-categories .category-tag{flex-shrink:0;padding:10px 20px;background-color:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;color:#555;white-space:nowrap;position:relative;letter-spacing:.5px}.service-categories .category-tag:hover{background-color:#4a6cf714;color:#4a6cf7}.service-categories .category-tag.active{background-color:#4a6cf7;color:#fff;box-shadow:0 3px 10px #4a6cf74d;font-weight:600}.service-categories .category-tag.disabled{cursor:default;opacity:.5}.service-categories .category-tag .cat-icon{font-size:16px;margin-right:4px;vertical-align:middle}.service-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid #e8e8e8;padding-bottom:10px}.service-tab{padding:6px 16px;background-color:#f5f5f5;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.service-tab.active{background-color:#1890ff;color:#fff}.service-tab:hover{background-color:#e8f4ff;color:#1890ff}.service-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.service-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:box-shadow .2s;cursor:pointer}.service-card:hover{box-shadow:0 4px 12px #00000014}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.service-name{font-size:14px;font-weight:700;color:#333}.service-price{font-size:14px;font-weight:700;color:#ff4d4f}.service-tag{font-size:11px;padding:2px 6px;border-radius:4px;background-color:#e8f4ff;color:#1890ff;margin-right:6px;display:inline-block;margin-bottom:6px}.service-desc{font-size:12px;color:#666;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-provider{font-size:11px;color:#999;margin-bottom:12px}.service-rating{color:#faad14;font-size:12px;margin-bottom:12px}.service-actions{display:flex;gap:8px}#service-detail-page{flex-direction:column}.service-detail-header{margin-bottom:20px}.service-detail-title{font-size:20px;font-weight:700;margin-bottom:8px}.service-detail-price{font-size:24px;font-weight:700;color:#ff4d4f;margin-bottom:16px}.service-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.service-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background-color:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.service-info-item{font-size:13px}.service-info-label{color:#666;margin-bottom:4px}.service-info-value{font-weight:700}.service-detail-content{margin-bottom:24px}#business-page{flex-direction:column}#business-page .right-panel{width:100%}.project-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.metric-card{background-color:#f9f9f9;border-radius:8px;padding:16px;text-align:center}.metric-label{font-size:12px;color:#666;margin-bottom:4px}.metric-value{font-size:18px;font-weight:700;color:#1890ff}.metric-unit{font-size:10px;color:#999}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.project-card{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .15s;cursor:pointer;background:#fff}.project-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.project-header{background-color:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.project-type-tag{font-size:11px;padding:2px 8px;border-radius:4px;background-color:#e8f4ff;color:#1890ff}.project-entity-tag{font-size:11px;padding:2px 8px;border-radius:4px;background-color:#fff7e6;color:#ff7d00}.project-cover{width:100%;height:160px;background-size:cover;background-position:center;background-color:#f5f5f5}.project-body{padding:16px}.project-name{font-size:16px;font-weight:700;margin-bottom:8px}.project-brief{font-size:12px;color:#666;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-indicators{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:12px}.indicator-item{display:flex;flex-direction:column}.indicator-name{color:#999;margin-bottom:2px}.indicator-value{font-weight:700;color:#333}.indicator-value.green{color:#52c41a}.indicator-value.orange{color:#fa8c16}#project-detail-page{flex-direction:column}.pd-container{max-width:800px}.pd-cover{width:100%;height:240px;border-radius:12px;margin-bottom:20px;background-size:cover;background-position:center;background-color:#f0f5ff;box-shadow:0 4px 12px #00000014}.pd-header{margin-bottom:24px}.pd-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.3}.pd-tags{display:flex;gap:8px;flex-wrap:wrap}.pd-tag-category{font-size:12px;padding:3px 10px;border-radius:12px;background:#e8f4ff;color:#1890ff}.pd-tag-asset{font-size:12px;padding:3px 10px;border-radius:12px;background:#fff7e6;color:#fa8c16}.pd-tag-date{font-size:12px;padding:3px 10px;border-radius:12px;background:#f5f5f5;color:#999}.pd-indicators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}@media(max-width:600px){.pd-indicators-grid{grid-template-columns:repeat(2,1fr)}}.pd-indicator{display:flex;align-items:center;gap:10px;padding:14px;border-radius:10px;background:#fafbfc;border:1px solid #f0f0f0;transition:border-color .2s}.pd-indicator:hover{border-color:#d9d9d9}.pd-indicator.low{background:#f6ffed;border-color:#e8f5e0}.pd-indicator.medium{background:#fffbe6;border-color:#fff3cc}.pd-indicator.high{background:#fff1f0;border-color:#ffd9d6}.pd-indicator-icon{font-size:20px;flex-shrink:0}.pd-indicator-info{min-width:0}.pd-indicator-label{font-size:11px;color:#999;margin-bottom:2px}.pd-indicator-value{font-size:14px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-risk-notice{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:24px;border:1px solid}.pd-risk-notice.low{background:#f6ffed;border-color:#b7eb8f}.pd-risk-notice.medium{background:#fffbe6;border-color:#ffe58f}.pd-risk-notice.high{background:#fff1f0;border-color:#ffa39e}.pd-risk-icon{font-size:24px;flex-shrink:0}.pd-risk-title{font-size:14px;font-weight:700;margin-bottom:2px}.pd-risk-notice.low .pd-risk-title{color:#389e0d}.pd-risk-notice.medium .pd-risk-title{color:#d48806}.pd-risk-notice.high .pd-risk-title{color:#cf1322}.pd-risk-desc{font-size:12px;color:#666;line-height:1.5}.pd-progress-section{background:#fafbfc;border:1px solid #f0f0f0;border-radius:10px;padding:18px;margin-bottom:24px}.pd-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;color:#333}.pd-progress-label{font-size:12px;font-weight:400;color:#fa8c16;background:#fff7e6;padding:2px 8px;border-radius:4px}.pd-progress-bar-wrap{height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;margin-bottom:14px}.pd-progress-bar{height:100%;background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:4px;transition:width .5s ease}.pd-progress-stages{display:flex;justify-content:space-between}.pd-stage{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#bbb}.pd-stage.active{color:#1890ff}.pd-stage-dot{width:8px;height:8px;border-radius:50%;background:#e8e8e8}.pd-stage.active .pd-stage-dot{background:#1890ff;box-shadow:0 0 0 3px #1890ff33}.pd-section{margin-bottom:24px}.pd-section-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:6px}.pd-section-icon{font-size:16px}.pd-section-body{font-size:14px;line-height:1.8;color:#595959}.pd-tag-list{display:flex;flex-wrap:wrap;gap:8px}.pd-tag{font-size:12px;padding:4px 12px;border-radius:14px;background:#f5f5f5;color:#666}.pd-tag.green{background:#e6f7e6;color:#389e0d}.pd-tag.blue{background:#e8f4ff;color:#1890ff}.pd-tag.orange{background:#fff7e6;color:#d48806}.pd-tag.red{background:#fff1f0;color:#cf1322}.pd-tag.purple{background:#f9f0ff;color:#722ed1}.pd-similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.pd-similar-card{padding:14px;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fafbfc}.pd-similar-card:hover{border-color:#1890ff;background:#f0f8ff;box-shadow:0 2px 8px #1890ff1a}.pd-similar-name{font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.pd-similar-meta{display:flex;gap:12px;font-size:11px;color:#999}.pd-actions{display:flex;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #f0f0f0}.pd-action-btn{flex:1;height:44px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.pd-btn-consult{background:#1890ff;color:#fff}.pd-btn-consult:hover{background:#096dd9;box-shadow:0 4px 12px #1890ff4d}.pd-btn-collect{background:#f5f5f5;color:#666;border:1px solid #e8e8e8}.pd-btn-collect:hover{background:#fff7e6;color:#fa8c16;border-color:#ffe58f}.pd-btn-apply{background:linear-gradient(135deg,#ff7d00,#ff4d4f);color:#fff}.pd-btn-apply:hover{box-shadow:0 4px 12px #ff4d4f4d;transform:translateY(-1px)}.project-add-to-company-btn{display:block;width:100%;margin-top:12px;padding:8px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.project-add-to-company-btn:hover{opacity:.9;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}#task-page{flex-direction:column}#task-page .right-panel{width:100%}.task-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e8e8e8;padding-bottom:10px}.task-tab{padding:6px 20px;background-color:#f5f5f5;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.task-tab.active{background-color:#1890ff;color:#fff}.task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.task-card{border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .25s;position:relative;background:#fff}.task-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.task-tag{position:absolute;top:16px;right:16px;font-size:11px;padding:2px 8px;border-radius:4px}.task-tag.daily{background-color:#e8f4ff;color:#1890ff}.task-tag.once{background-color:#f0f5ff;color:#597ef7}.task-tag.repeat{background-color:#fff7e6;color:#fa8c16}.task-name{font-size:15px;font-weight:700;margin-bottom:10px;padding-right:80px;color:#1a1a1a}.task-reward-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.task-reward{font-size:16px;font-weight:700;color:#1890ff}.task-reward.daily{color:#1890ff}.task-reward.once{color:#597ef7}.task-reward.repeat{color:#fa8c16}.task-cash-reward{font-size:12px;font-weight:600;color:#f5222d;background:#fff1f0;padding:2px 8px;border-radius:4px}.task-desc{font-size:12px;color:#666;margin-bottom:12px;line-height:1.5}.task-meta{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-bottom:12px}.task-progress{height:5px;background-color:#f0f0f0;border-radius:3px;margin-bottom:14px;overflow:hidden}.task-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s}.task-btn-group{display:flex;gap:8px}.task-btn{flex:1;height:34px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.task-btn-detail{background:#f5f5f5;color:#666;border:1px solid #e8e8e8}.task-btn-detail:hover{background:#e8e8e8;color:#333}.task-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.task-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}.task-btn-disabled{background-color:#e8e8e8;color:#999;cursor:not-allowed}.tf-section{background:#fafbfc;border:1px solid #f0f0f0;border-radius:10px;padding:16px;margin-bottom:14px}.tf-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:14px;padding-bottom:8px;border-bottom:1px dashed #e8e8e8}.tf-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.tf-required{color:#ff4d4f;font-size:12px}.tf-input{width:100%;height:36px;border:1.5px solid #e2e8f0;border-radius:8px;padding:0 12px;font-size:13px;color:#333;background:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;outline:none}.tf-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tf-textarea{width:100%;height:72px;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13px;color:#333;background:#fff;box-sizing:border-box;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.tf-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tf-row{display:flex;gap:12px}.tf-input-wrap{position:relative;display:flex;align-items:center}.tf-input-wrap .tf-input{padding-right:56px}.tf-input-suffix{position:absolute;right:12px;font-size:12px;color:#999;font-weight:500;pointer-events:none}#task-detail-page{flex-direction:column}.task-detail-header{margin-bottom:20px}.task-detail-title{font-size:20px;font-weight:700;margin-bottom:8px}.task-detail-reward{font-size:24px;font-weight:700;margin-bottom:16px}.task-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background-color:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.task-meta-item{font-size:13px}.task-meta-label{color:#666;margin-bottom:4px}.task-meta-value{font-weight:700}.task-detail-content,.task-steps{margin-bottom:24px}.task-step{margin-bottom:16px;padding-left:24px;position:relative}.task-step:before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;background-color:#1890ff;border-radius:50%;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.task-step-title{font-weight:700;font-size:14px;margin-bottom:8px}.task-step-content{font-size:13px;color:#666;line-height:1.5}.task-submit-box{background-color:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.task-submit-title{font-size:14px;font-weight:700;margin-bottom:12px}.task-submit-input{width:100%;height:80px;border:1px solid #e8e8e8;border-radius:4px;padding:8px 12px;resize:none;outline:none;margin-bottom:12px;font-size:13px}.task-submit-btn{width:100%;height:40px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer}#finance-page{flex-direction:column}.finance-main{width:100%;max-height:calc(100vh - 150px)}.finance-overview{margin-bottom:20px}.finance-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:14px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.finance-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(230,126,34,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.finance-hero:after{content:"";position:absolute;bottom:-30%;left:20%;width:200px;height:200px;background:radial-gradient(circle,rgba(52,152,219,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.finance-hero-text{position:relative;z-index:1}.finance-hero-text h2{font-size:20px;margin-bottom:6px;font-weight:700;letter-spacing:.5px}.finance-hero-text p{font-size:13px;opacity:.7;font-weight:300}.finance-hero-stats{display:flex;gap:28px;position:relative;z-index:1}.finance-stat{text-align:center;padding:0 16px;border-left:1px solid rgba(255,255,255,.12)}.finance-stat:first-child{border-left:none}.finance-stat-value{font-size:22px;font-weight:700;letter-spacing:.5px}.finance-stat-label{font-size:11px;opacity:.6;margin-top:3px;font-weight:300}.finance-tabs{display:flex;gap:0;margin-bottom:20px;background:#f7f8fa;border-radius:10px;padding:4px;flex-wrap:wrap}.finance-tab{padding:8px 18px;background:transparent;border-radius:8px;font-size:13px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;color:#666;white-space:nowrap;user-select:none;position:relative}.finance-tab:hover{color:#e67e22;background:#e67e220f}.finance-tab.active{background:#fff;color:#e67e22;font-weight:600;box-shadow:0 2px 8px #00000014}.finance-panel{display:none}.finance-panel.active{display:block;animation:fadeInPanel .3s ease}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.finance-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.finance-product-card{background:#fff;border:1px solid #c8cdd5;border-radius:12px;padding:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.finance-product-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px);border-color:transparent}.finance-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e67e22,#f39c12);opacity:0;transition:opacity .25s}.finance-product-card:hover:before{opacity:1}.product-icon{font-size:28px;margin:18px 18px 0;width:44px;height:44px;background:linear-gradient(135deg,#fef5e7,#fdebd0);border-radius:10px;display:flex;align-items:center;justify-content:center}.product-name{font-size:15px;font-weight:600;margin:12px 18px 0;color:#1a1a2e;line-height:1.4}.product-rate{font-size:13px;color:#888;margin:6px 18px 0;line-height:1.4}.product-rate strong{font-size:18px;color:#e74c3c;font-weight:700}.product-detail{margin:12px 18px 0;background-color:#f8f9fb;border-radius:8px;padding:10px 14px}.detail-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:#999}.detail-row span:last-child{font-weight:500;color:#444}.product-tags{display:flex;gap:6px;margin:10px 18px 0;flex-wrap:wrap}.product-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:#e67e2214;color:#e67e22;font-weight:500}.product-actions{display:flex;gap:0;margin-top:auto;border-top:1px solid #f0f1f3}.product-btn{flex:1;height:40px;background:#fff;color:#e67e22;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.product-btn:hover{background:#fef5e7;color:#d35400}.product-btn-detail{color:#888;font-weight:500;border-right:1px solid #f0f1f3}.product-btn-detail:hover{background:#f8f9fb;color:#555}.product-card .product-actions .product-btn{flex:1}#finance-detail-page{flex-direction:column}.finance-detail-header{margin-bottom:20px;padding:24px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#fff;position:relative;overflow:hidden}.finance-detail-header:before{content:"";position:absolute;top:-40%;right:-5%;width:200px;height:200px;background:radial-gradient(circle,rgba(230,126,34,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.finance-detail-title{font-size:20px;font-weight:700;color:#fff}.finance-detail-category{font-size:13px;color:#fff9;margin-top:4px}.finance-detail-rate{font-size:14px;color:#fffc;margin-top:10px}.finance-detail-rate strong{font-size:24px;color:#f39c12;font-weight:700}.finance-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;background-color:#f8f9fb;padding:16px;border-radius:10px;margin-bottom:24px}.finance-info-item{font-size:13px;padding:8px 12px;background:#fff;border-radius:8px}.finance-info-label{color:#999;margin-bottom:4px;font-size:12px}.finance-info-value{font-weight:600;font-size:15px;color:#1a1a2e}.finance-detail-content{margin-bottom:24px}.finance-detail-content .section-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.finance-detail-content .section-content{font-size:14px;color:#555;line-height:1.8;margin-bottom:24px}.finance-apply-btn{width:100%;height:48px;background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:1px}.finance-apply-btn:hover{box-shadow:0 6px 20px #e67e2259;transform:translateY(-1px)}.finance-empty-state{text-align:center;padding:60px 20px;color:#bbb}.finance-empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.finance-empty-state .empty-text{font-size:14px;color:#999}#points-page{flex-direction:column}.points-main{width:100%;max-height:calc(100vh - 150px)}.points-overview{display:flex;gap:20px;margin-bottom:24px}.points-balance-card{flex:1;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:12px;padding:24px;color:#fff}.points-balance-label{font-size:14px;opacity:.85;margin-bottom:8px}.points-balance-value{font-size:42px;font-weight:700;margin-bottom:12px}.points-balance-sub{font-size:12px;opacity:.75;margin-bottom:16px}.points-action-btns{display:flex;gap:10px}.points-action-btn{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.points-action-btn:hover{background-color:#ffffff4d}.points-action-btn.orange{background-color:#ff7d00cc;border-color:#ff7d00e6}.points-quick-stats{width:280px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-stat{background-color:#f8f9fa;border-radius:8px;padding:14px;display:flex;align-items:center;gap:10px}.quick-stat-icon{font-size:24px}.quick-stat-value{font-size:18px;font-weight:700;color:#1890ff}.quick-stat-label{font-size:11px;color:#999}.points-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.points-tab{padding:8px 20px;background-color:#f5f5f5;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.points-tab.active{background-color:#1890ff;color:#fff}.points-tab:hover{background-color:#e8f4ff;color:#1890ff}.points-tab.active:hover{background-color:#1890ff;color:#fff}.points-panel{display:none}.points-panel.active{display:block}.points-section{margin-bottom:24px}.points-section-title{font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e8e8e8}.points-task-list{display:flex;flex-direction:column;gap:10px}.points-task-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e8e8e8;border-radius:8px;transition:box-shadow .2s}.points-task-card:hover{box-shadow:0 2px 8px #0000000f}.points-task-icon{font-size:24px;flex-shrink:0}.points-task-info{flex:1}.points-task-name{font-size:14px;font-weight:700;margin-bottom:4px}.points-task-desc{font-size:12px;color:#999}.points-task-reward{font-size:14px;font-weight:700;color:#ff7d00;white-space:nowrap;margin-right:12px}.points-task-btn{padding:6px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.points-task-btn:hover{background-color:#096dd9}.points-task-btn.disabled{background-color:#e8e8e8;color:#999;cursor:not-allowed}.points-task-btn.done{background-color:#52c41a;cursor:default}.points-mall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.mall-item{border:1px solid #e8e8e8;border-radius:8px;padding:16px;text-align:center;transition:box-shadow .2s}.mall-item:hover{box-shadow:0 4px 12px #00000014}.mall-item-img{font-size:40px;margin-bottom:10px}.mall-item-name{font-size:14px;font-weight:700;margin-bottom:8px}.mall-item-price{font-size:14px;color:#ff7d00;font-weight:700;margin-bottom:12px}.mall-item-btn{width:100%;padding:8px 0;background-color:#ff7d00;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.mall-item-btn:hover{background-color:#e87000}.points-history-filter{display:flex;gap:8px;margin-bottom:16px}.history-filter{padding:4px 14px;border:1px solid #e8e8e8;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s}.history-filter.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.history-filter:hover{border-color:#1890ff;color:#1890ff}.history-filter.active:hover{color:#fff}.points-history-list{max-height:400px;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f5f5f5}.history-item-left{display:flex;align-items:center;gap:10px}.history-item-icon{font-size:18px}.history-item-name{font-size:13px;font-weight:500}.history-item-time{font-size:11px;color:#999}.history-item-amount{font-size:15px;font-weight:700}.history-item-amount.earn{color:#52c41a}.history-item-amount.spend{color:#ff4d4f}.rules-content{font-size:14px;line-height:1.6}.rule-block{margin-bottom:24px}.rule-block h4{font-size:15px;color:#1890ff;margin-bottom:12px}.rule-table{width:100%;border-collapse:collapse;margin-bottom:12px}.rule-table th,.rule-table td{padding:10px 14px;border:1px solid #e8e8e8;text-align:left;font-size:13px}.rule-table th{background-color:#f8f9fa;font-weight:700;color:#333}.rule-list{padding-left:20px}.rule-list li{margin-bottom:8px;color:#666;font-size:13px}.recharge-btn{background:linear-gradient(135deg,#722ed1,#1890ff)!important;color:#fff!important;font-weight:600!important}.uc-recharge-btn{margin-top:6px;padding:2px 12px;background:linear-gradient(135deg,#722ed1,#1890ff);color:#fff;border:none;border-radius:10px;font-size:10px;cursor:pointer;transition:opacity .15s}.uc-recharge-btn:hover{opacity:.85}.recharge-modal{display:none;position:fixed;inset:0;background:#00000073;z-index:9999;align-items:center;justify-content:center}.recharge-modal.show{display:flex}.recharge-modal-content{width:480px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003}.recharge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;color:#333}.recharge-close{font-size:18px;color:#999;cursor:pointer;padding:4px}.recharge-close:hover{color:#333}.recharge-modal-body{padding:20px 24px}.recharge-current{background:#f8fbff;border:1px solid #e8f4ff;border-radius:8px;padding:10px 16px;font-size:13px;color:#595959;margin-bottom:16px}.recharge-current strong{color:#1890ff;font-size:18px}.recharge-section-title{font-size:13px;font-weight:600;color:#333;margin-bottom:10px;margin-top:16px}.recharge-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recharge-amount-card{position:relative;text-align:center;padding:14px 8px;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .15s;font-size:16px;font-weight:700;color:#333;background:#fff}.recharge-amount-card span{display:block;font-size:12px;font-weight:500;color:#999;margin-top:4px}.recharge-amount-card i{position:absolute;top:-1px;right:-1px;font-style:normal;font-size:10px;padding:2px 8px;border-radius:0 8px;background:#ff7d00;color:#fff;font-weight:600}.recharge-amount-card:hover{border-color:#1890ff;background:#f0f8ff}.recharge-amount-card.selected{border-color:#1890ff;background:#e8f4ff;color:#1890ff}.recharge-amount-card.selected span{color:#1890ff}.recharge-custom{margin-top:12px}.recharge-custom-row{display:flex;align-items:center;gap:12px}.recharge-custom-row input{flex:1;height:40px;border:2px solid #e8e8e8;border-radius:8px;padding:0 14px;font-size:14px;outline:none;transition:border-color .15s}.recharge-custom-row input:focus{border-color:#1890ff}.recharge-custom-price{font-size:16px;font-weight:700;color:#ff7d00;white-space:nowrap}.recharge-custom-hint{font-size:11px;color:#bfbfbf;margin-top:4px}.recharge-pay-methods{display:flex;gap:10px}.recharge-pay-item{flex:1;text-align:center;padding:10px;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;font-size:13px;transition:all .15s;background:#fff}.recharge-pay-item:hover{border-color:#1890ff}.recharge-pay-item.active{border-color:#1890ff;background:#f0f8ff;color:#1890ff;font-weight:600}.recharge-summary{margin-top:18px;padding:14px 16px;background:#fafafa;border-radius:8px;font-size:14px;color:#595959;text-align:center}.recharge-summary strong{font-size:24px;color:#ff4d4f;font-weight:700}.recharge-summary-points{font-size:12px;color:#999}.recharge-submit-btn{width:100%;height:46px;margin-top:14px;background:linear-gradient(135deg,#722ed1,#1890ff);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s}.recharge-submit-btn:hover{opacity:.9}.recharge-submit-btn:disabled{opacity:.5;cursor:not-allowed}.recharge-agreement{text-align:center;font-size:11px;color:#bfbfbf;margin-top:10px}.network-tabs{display:flex;gap:0;margin-bottom:16px;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;width:fit-content}.network-tab{padding:8px 24px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:#666;transition:all .15s;border-right:1px solid #d9d9d9}.network-tab:last-child{border-right:none}.network-tab:hover{background:#f0f8ff;color:#1890ff}.network-tab.active{background:#1890ff;color:#fff}.net-card-enterprise .enterprise-avatar{background-color:#fff7e6}.ent-badge{background-color:#fff7e6!important;color:#fa8c16!important;border:1px solid #ffe7ba!important;font-size:11px!important;padding:2px 8px!important;border-radius:4px!important}.net-privacy-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px 10px;background:#fafafa;border-radius:6px}.net-tag{font-size:11px;padding:3px 10px;border-radius:12px;white-space:nowrap}.net-tag-phone{background:#e8f4ff;color:#1890ff}.net-tag-wechat{background:#e6f7e6;color:#52c41a}.net-tag-addr{background:#f0f8ff;color:#595959}.net-tag-company{background:#fff7e6;color:#d48806}.net-tag-hidden{background:#f5f5f5;color:#bfbfbf;border:1px dashed #d9d9d9}.net-privacy-notice{margin-top:16px;padding:10px 16px;background:#f8fbff;border-radius:6px;border:1px solid #e8f4ff;font-size:12px;color:#8c8c8c;line-height:1.6}<!DOCTYPE html> <html lang="zh-CN"> <head> <script type="module" src="/@vite/client"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI创业生态系统</title> <link rel="stylesheet" href="/css/style.css"> <!-- Genie Monitor SDK --> <script src="/__genie__/static/genie-monitor-sdk.js?v=1779377347781"></script> <script> (function() {try {if (typeof GenieMonitor === "undefined") {console.error("[Genie Monitor] SDK not loaded from CDN: /__genie__/static/genie-monitor-sdk.js"); return;} const monitor = new GenieMonitor({"proxyPort": 55221,"apiEndpoint": "https://7d48f845215b4b47b4745d753ba972dd--55220.ap-beijing.sandbox.cloudstudio.club/api/monitor/errors","sessionId": "genie-session-7d48f845215b4b47b4745d753ba972dd","projectId": "genie-web-project","debug": true,"enableLongTask": false,"enableConsoleError": false,"staticDir": "/opt/geniekit/public","isDev": false,"errorIgnorePatterns": ["code-buddy-dom/index.js","chrome-extension://"]}); window.__genieMonitor__ = monitor; console.log("[Genie Monitor] ✅ SDK initialized",{"sessionId":"genie-session-7d48f845215b4b47b4745d753ba972dd","projectId":"genie-web-project"});} catch (err) {console.error("[Genie Monitor] Initialization error:",err);}})(); </script> <script src="https://genie-1328495429.cos.accelerate.myqcloud.com/public/code-buddy-dom/index.js"></script> <!-- Genie Hot Reload --> <script> (function() {var __GENIE_INITIAL_VERSION__ = null; var __GENIE_RECONNECT_INTERVAL__ = 1000; function connect() {var es = new EventSource("/__genie__/status/stream"); es.onmessage = function(event) {var version = parseInt(event.data,10); if (!version) return; if (__GENIE_INITIAL_VERSION__ === null) {__GENIE_INITIAL_VERSION__ = version;} else if (version !== __GENIE_INITIAL_VERSION__) {console.log("[Genie] Server version changed, reloading page..."); es.close(); window.location.reload();}}; es.onerror = function() {es.close(); setTimeout(connect,__GENIE_RECONNECT_INTERVAL__);};} connect();})(); </script> </head> <body> <!-- 顶部全局导航栏 --> <div class="header"> <div class="logo" onclick="switchPage('home-page')"> <span>🤖 AI创业生态系统</span> </div> <input type="text" class="search-box" placeholder="搜索AI员工/货盘/资源/项目/任务/人脉/服务"> <div class="user-info"> <div class="user-avatar" id="nav-user-avatar"></div> <span class="user-tag" id="nav-user-tag">未登录</span> <span class="header-btn" onclick="switchPage('message-page')">✉️ 消息</span> <span class="header-btn" onclick="switchPage('user-center-page')">👤 个人中心</span> <span class="header-btn" id="nav-login-btn" onclick="switchPage('login-page')">登录</span> <span class="header-btn logout" id="nav-logout-btn" onclick="handleLogout()" style="display:none;">退出</span> </div> </div> <!-- 主内容区 - 页面切换容器 --> <div class="main-content"> <!-- 1 主页面 - 全宽布局 --> <div class="page active" id="home-page"> <!-- 顶部英雄区域：标题 + 入口卡片 --> <div class="home-hero"> <div class="hero-header"> <div class="hero-title-group"> <h1 class="hero-title">🤖 AI创业生态系统</h1> <p class="hero-subtitle">从0到1的AI创业全链路平台 · 资源一键对接</p> </div> </div> <!-- 入口卡片：文件夹式布局 --> <div class="folder-grid"> <div class="folder-item" onclick="switchPage('talent-page')"> <div class="folder-icon-wrap folder-blue"><span class="folder-icon">🤖</span></div> <div class="folder-name">AI员工招聘</div> <div class="folder-hint">雇佣AI虚拟员工</div> </div> <div class="folder-item" onclick="switchPage('business-page')"> <div class="folder-icon-wrap folder-purple"><span class="folder-icon">💡</span></div> <div class="folder-name">项目广场</div> <div class="folder-hint">对接创业项目</div> </div> <div class="folder-item" onclick="switchPage('goods-page')"> <div class="folder-icon-wrap folder-green"><span class="folder-icon">📦</span></div> <div class="folder-name">货盘广场</div> <div class="folder-hint">供应链采购</div> </div> <div class="folder-item" onclick="switchPage('task-page')"> <div class="folder-icon-wrap folder-teal"><span class="folder-icon">✅</span></div> <div class="folder-name">任务广场</div> <div class="folder-hint">赚取积分收益</div> </div> <div class="folder-item" onclick="switchPage('service-page')"> <div class="folder-icon-wrap folder-amber"><span class="folder-icon">💼</span></div> <div class="folder-name">服务广场</div> <div class="folder-hint">专业创业服务</div> </div> <div class="folder-item" onclick="switchPage('network-page')"> <div class="folder-icon-wrap folder-indigo"><span class="folder-icon">👥</span></div> <div class="folder-name">人脉广场</div> <div class="folder-hint">拓展人脉圈</div> </div> <div class="folder-item" onclick="switchPage('finance-page')"> <div class="folder-icon-wrap folder-orange"><span class="folder-icon">🏦</span></div> <div class="folder-name">金融广场</div> <div class="folder-hint">贷款理财保险</div> </div> <div class="folder-item" onclick="switchPage('points-page')"> <div class="folder-icon-wrap folder-rose"><span class="folder-icon">🏆</span></div> <div class="folder-name">积分广场</div> <div class="folder-hint">积分兑换商城</div> </div> <div class="folder-item" onclick="switchPage('startup-page')"> <div class="folder-icon-wrap folder-crimson"><span class="folder-icon">🚀</span></div> <div class="folder-name">创业沙盘</div> <div class="folder-hint">沉浸式创业</div> </div> <div class="folder-item" onclick="switchPage('mentor-page')"> <div class="folder-icon-wrap folder-sky"><span class="folder-icon">🎓</span></div> <div class="folder-name">AI导师陪跑</div> <div class="folder-hint">创业指导建议</div> </div> </div> </div> <!-- 下方两栏区域 --> <div class="home-body"> <!-- 左栏：注册/登录 --> <div class="home-left"> <div class="panel-card"> <div class="panel-card-title">🏢 我的创业主体 | 从0到1建企中心</div> <!-- 个人/企业切换Tab --> <div class="reg-tabs"> <div class="reg-tab active" onclick="switchRegTab('personal')">👤 个人用户</div> <div class="reg-tab" onclick="switchRegTab('enterprise')">🏢 企业用户</div> </div> <!-- ===== 个人用户注册表单 ===== --> <div class="reg-form active" id="reg-personal"> <div class="form-item"> <div class="form-label">手机号 <span class="required">*</span></div> <div class="code-row"> <input type="tel" class="form-input code-input" placeholder="请输入手机号" maxlength="11"> <button class="get-code-btn" onclick="sendVerifyCode(this)">获取验证码</button> </div> </div> <div class="form-item"> <div class="form-label">验证码 <span class="required">*</span></div> <input type="text" class="form-input" placeholder="请输入验证码"> </div> <div class="form-item"> <div class="form-label">设置密码 <span class="required">*</span></div> <input type="password" class="form-input" placeholder="6-20位，含字母和数字"> </div> <div class="form-item"> <div class="form-label">确认密码 <span class="required">*</span></div> <input type="password" class="form-input" placeholder="请再次输入密码"> </div> <div class="auth-tip"> <span>●</span> <span>未完成实名认证，部分功能受限 <a href="javascript:void(0)" style="color:#1890ff;">立即认证</a></span> </div> <button class="btn btn-blue" onclick="handleRegister('personal')">🤖 AI表单助手</button> <button class="btn btn-orange" onclick="handleRegister('personal')">立即注册</button> <div class="reg-divider">—— 已有账号？——</div> <button class="btn" style="background:#f0f8ff;color:#1890ff;border:1px solid #d6e8ff;" onclick="switchPage('login-page')">🔑 登录系统</button> <div class="reg-skip-tip" onclick="switchPage('personal-info-page')">注册后补充个人信息 →</div> </div> <!-- ===== 企业用户注册表单 ===== --> <div class="reg-form" id="reg-enterprise"> <div class="form-item"> <div class="form-label">手机号 <span class="required">*</span></div> <div class="code-row"> <input type="tel" class="form-input code-input" placeholder="请输入手机号" maxlength="11"> <button class="get-code-btn" onclick="sendVerifyCode(this)">获取验证码</button> </div> </div> <div class="form-item"> <div class="form-label">验证码 <span class="required">*</span></div> <input type="text" class="form-input" placeholder="请输入验证码"> </div> <div class="form-item"> <div class="form-label">设置密码 <span class="required">*</span></div> <input type="password" class="form-input" placeholder="6-20位，含字母和数字"> </div> <div class="form-item"> <div class="form-label">确认密码 <span class="required">*</span></div> <input type="password" class="form-input" placeholder="请再次输入密码"> </div> <div class="auth-tip"> <span>●</span> <span>企业认证后可解锁更多专属功能 <a href="javascript:void(0)" style="color:#1890ff;">立即认证</a></span> </div> <button class="btn btn-blue" onclick="handleRegister('enterprise')">🤖 AI表单助手</button> <button class="btn btn-orange" onclick="handleRegister('enterprise')">立即注册+建企</button> <div class="reg-divider">—— 已有账号？——</div> <button class="btn" style="background:#f0f8ff;color:#1890ff;border:1px solid #d6e8ff;" onclick="switchPage('login-page')">🔑 登录系统</button> <div class="reg-skip-tip" onclick="switchPage('enterprise-info-page')">注册后补充企业信息 →</div> </div> </div> </div> <!-- 右栏：沙盘+数据+推荐 --> <div class="home-right"> <!-- 创业沙盘 --> <div class="startup-home-section"> <div class="sh-header"> <div class="sh-header-left"> <div class="sh-rocket">🚀</div> <div> <div class="sh-title">创业沙盘</div> <div class="sh-subtitle">AI导师全程陪跑 · 沉浸式创业体验</div> </div> </div> <div class="sh-header-right" onclick="switchPage('startup-page')"> <span>立即体验</span> <span class="sh-arrow">→</span> </div> </div> <div class="sh-grid"> <div class="sh-card sh-card-sandbox" onclick="switchPage('startup-page')"> <div class="shc-badge">零风险</div> <div class="shc-icon-wrap"><span>🎮</span></div> <div class="shc-body"> <div class="shc-title">模拟创业沙盘</div> <div class="shc-desc">从选赛道到运营全流程模拟</div> <div class="shc-footer"> <span class="shc-tag">🎯 7步流程</span> <span class="shc-tag">🤖 AI陪跑</span> </div> </div> </div> <div class="sh-card sh-card-real" onclick="switchPage('startup-page')"> <div class="shc-badge hot">真实营收</div> <div class="shc-icon-wrap"><span>💼</span></div> <div class="shc-body"> <div class="shc-title">实盘创业</div> <div class="shc-desc">真实产品、真实市场、真实营收</div> <div class="shc-footer"> <span class="shc-tag">📊 实时数据</span> <span class="shc-tag">🛡️ AI风控</span> </div> </div> </div> <div class="sh-card sh-card-contest" onclick="switchPage('startup-page')"> <div class="shc-badge prize">¥100万</div> <div class="shc-icon-wrap"><span>🏆</span></div> <div class="shc-body"> <div class="shc-title">创业大赛</div> <div class="shc-desc">参赛竞技，赢取百万奖金</div> <div class="shc-footer"> <span class="shc-tag">🔥 报名中</span> <span class="shc-tag">💰 奖金池</span> </div> </div> </div> </div> </div> <!-- 数据概览 --> <div class="panel-card"> <div class="panel-card-title">📊 系统数据概览</div> <div class="data-grid"> <div class="data-item"> <div class="data-label">注册用户</div> <div class="data-value" id="stat-users">0</div> </div> <div class="data-item"> <div class="data-label">入驻企业</div> <div class="data-value" id="stat-enterprises">0</div> </div> <div class="data-item"> <div class="data-label">AI员工在职</div> <div class="data-value" id="stat-employees">0</div> </div> <div class="data-item"> <div class="data-label">上架商品</div> <div class="data-value" id="stat-goods">0</div> </div> <div class="data-item"> <div class="data-label">上架项目</div> <div class="data-value" id="stat-projects">0</div> </div> <div class="data-item"> <div class="data-label">上架服务</div> <div class="data-value" id="stat-services">0</div> </div> <div class="data-item"> <div class="data-label">我的积分</div> <div class="data-value" id="home-points">0</div> </div> <div class="data-item"> <div class="data-label">好友数量</div> <div class="data-value" id="stat-friends">0</div> </div> </div> </div> <div class="panel-card"> <div class="panel-card-title">💡 AI创业推荐</div> <div style="font-size: 13px; color: #666; line-height: 1.6;"> 基于您的创业方向，为您推荐匹配的AI员工、资源和项目... </div> </div> </div> </div> </div> <!-- 2 AI员工招聘二级页面 --> <div class="page" id="talent-page"> <div class="left-panel"> <!-- 返回上一页按钮 --> <div class="form-title">AI员工招聘广场 | 筛选中心</div> <!-- 核心筛选区 --> <div class="filter-group"> <div class="filter-title">1 AI岗位类型筛选</div> <div class="job-flat-layout"> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">💻 技术 ▾</span> <div class="job-flat-options"> <div class="filter-option">前端开发</div> <div class="filter-option">后端开发</div> <div class="filter-option">算法工程师</div> <div class="filter-option">大数据开发</div> <div class="filter-option">测试工程师</div> <div class="filter-option">运维工程师</div> <div class="filter-option">移动端开发</div> <div class="filter-option">区块链开发</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">📱 产品 ▾</span> <div class="job-flat-options"> <div class="filter-option">产品经理</div> <div class="filter-option">产品运营</div> <div class="filter-option">需求分析师</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">🎨 设计 ▾</span> <div class="job-flat-options"> <div class="filter-option">UI/UX设计</div> <div class="filter-option">视觉设计</div> <div class="filter-option">视频剪辑</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">📢 运营 ▾</span> <div class="job-flat-options"> <div class="filter-option">新媒体运营</div> <div class="filter-option">电商运营</div> <div class="filter-option">内容运营</div> <div class="filter-option">用户运营</div> <div class="filter-option">活动运营</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">🤝 市场 ▾</span> <div class="job-flat-options"> <div class="filter-option">市场营销</div> <div class="filter-option">品牌推广</div> <div class="filter-option">销售顾问</div> <div class="filter-option">商务拓展</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">🏛️ 职能 ▾</span> <div class="job-flat-options"> <div class="filter-option">人力资源</div> <div class="filter-option">行政助理</div> <div class="filter-option">财务会计</div> <div class="filter-option">法务专员</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">🎧 客服 ▾</span> <div class="job-flat-options"> <div class="filter-option">在线客服</div> <div class="filter-option">售后客服</div> </div> </div> <div class="job-flat-group"> <span class="job-flat-label" onclick="toggleFlatCat(this)">🌐 专业 ▾</span> <div class="job-flat-options"> <div class="filter-option">心理咨询</div> <div class="filter-option">教育讲师</div> <div class="filter-option">翻译专员</div> </div> </div> </div> </div> <div class="filter-group"> <div class="filter-label">AI技能标签</div> <div class="filter-options"> <div class="filter-option">编程开发</div> <div class="filter-option">AI/算法</div> <div class="filter-option">产品设计</div> <div class="filter-option">运营推广</div> <div class="filter-option">财税法务</div> <div class="filter-option">多语言翻译</div> </div> </div> <div class="filter-group"> <div class="filter-label">AI员工等级（行业标准）</div> <div class="filter-options"> <div class="filter-option">实习生级</div> <div class="filter-option">初级/专员级</div> <div class="filter-option">中级/主管级</div> <div class="filter-option">高级/经理级</div> <div class="filter-option">资深/总监级</div> <div class="filter-option">专家/首席级</div> </div> </div> <div class="filter-group"> <div class="filter-label">服务费用/合作模式</div> <select class="form-input"> <option>请选择</option> <option>基础版 (1k-3k token/月)</option> <option>标准版 (3k-8k token/月)</option> <option>高级版 (8k-15k token/月)</option> <option>专家版 (15k-30k token/月)</option> <option>企业定制版 (30k+ token/月)</option> </select> </div> <!-- 快捷分类区 --> <div class="filter-group"> <div class="filter-title">2 快捷分类区</div> <div class="filter-options" style="flex-direction: column; align-items: flex-start;"> <div class="filter-option">我的AI团队（已雇佣/待配置/已解约）</div> <div class="filter-option">我的收藏（AI员工）</div> <div class="filter-option">AI匹配员工（企业专属）</div> <div class="filter-option">最新上线AI员工</div> <div class="filter-option">热门AI岗位（技术/运营/职能）</div> <div class="filter-option">高性价比AI员工</div> </div> </div> <!-- 快捷操作区 --> <div class="quick-actions"> <div class="filter-title">3 快捷操作区</div> <button class="action-btn">发布AI员工需求 📝</button> <button class="action-btn">批量筛选AI员工</button> <button class="action-btn">AI智能推荐员工</button> <button class="action-btn">AI团队配置方案生成</button> </div> </div> <div class="right-panel"> <!-- 返回上一页按钮 --> <div class="form-title">AI员工列表 | 精准匹配（覆盖全行业岗位）</div> <!-- 顶部操作栏 --> <div class="oper-bar"> <div class="search-filter"> <input type="text" class="search-small" placeholder="搜索AI员工/岗位/技能/薪资"> <button class="filter-reset">筛选重置</button> <button class="sort-btn">排序（最新/匹配度/性价比/薪资）</button> </div> <button class="publish-btn">雇佣AI员工</button> </div> <!-- AI员工卡片列表 --> <div class="talent-list"> <!-- 技术类 - 算法工程师 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">🧠</div> <div> <span class="talent-name">AI算法工程师</span> <span class="talent-type">技术研发</span> <span class="talent-level">高级/经理级</span> </div> </div> <div class="talent-info"> 核心能力：机器学习、深度学习、模型训练与优化<br> AI能力评分：98分 | 服务费用：25k token/月<br> 擅长领域：计算机视觉、NLP、推荐系统、数据挖掘 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 技术类 - 前端开发 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">🌐</div> <div> <span class="talent-name">AI前端开发工程师</span> <span class="talent-type">技术研发</span> <span class="talent-level">中级/主管级</span> </div> </div> <div class="talent-info"> 核心能力：Vue/React/小程序、可视化、性能优化<br> AI能力评分：94分 | 服务费用：18k token/月<br> 擅长领域：中后台系统、移动端H5、大屏可视化 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 产品类 - 产品经理 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">📱</div> <div> <span class="talent-name">AI产品经理</span> <span class="talent-type">产品管理</span> <span class="talent-level">高级/经理级</span> </div> </div> <div class="talent-info"> 核心能力：PRD撰写、原型设计、用户调研、需求分析<br> AI能力评分：93分 | 服务费用：20k token/月<br> 擅长领域：ToB产品、AI产品、电商产品、用户增长 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 设计类 - UI/UX设计 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">🎨</div> <div> <span class="talent-name">AI UI/UX设计师</span> <span class="talent-type">设计创意</span> <span class="talent-level">中级/主管级</span> </div> </div> <div class="talent-info"> 核心能力：Figma/PS/AE、交互设计、视觉设计、用户体验<br> AI能力评分：91分 | 服务费用：15k token/月<br> 擅长领域：APP设计、网页设计、小程序设计、品牌设计 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 运营类 - 新媒体运营 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">📱</div> <div> <span class="talent-name">AI新媒体运营</span> <span class="talent-type">运营推广</span> <span class="talent-level">初级/专员级</span> </div> </div> <div class="talent-info"> 核心能力：文案创作、短视频制作、社群运营、直播运营<br> AI能力评分：89分 | 服务费用：8k token/月<br> 擅长领域：抖音/小红书/视频号、内容策划、用户增长 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 运营类 - 电商运营 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">🛒</div> <div> <span class="talent-name">AI电商运营</span> <span class="talent-type">运营推广</span> <span class="talent-level">中级/主管级</span> </div> </div> <div class="talent-info"> 核心能力：店铺运营、商品管理、活动策划、数据分析<br> AI能力评分：90分 | 服务费用：12k token/月<br> 擅长领域：淘宝/京东/拼多多、直播带货、私域运营 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 市场类 - 市场营销 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">📣</div> <div> <span class="talent-name">AI市场营销专家</span> <span class="talent-type">市场推广</span> <span class="talent-level">高级/经理级</span> </div> </div> <div class="talent-info"> 核心能力：品牌推广、活动策划、SEO/SEM、投放优化<br> AI能力评分：92分 | 服务费用：22k token/月<br> 擅长领域：数字营销、内容营销、整合营销、用户增长 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 职能类 - 人力资源 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">👥</div> <div> <span class="talent-name">AI人力资源总监</span> <span class="talent-type">职能管理</span> <span class="talent-level">资深/总监级</span> </div> </div> <div class="talent-info"> 核心能力：招聘方案、绩效考核、薪酬体系、员工培训<br> AI能力评分：96分 | 服务费用：28k token/月<br> 擅长领域：组织架构、人才管理、企业文化、人力资源规划 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 职能类 - 财务会计 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">💰</div> <div> <span class="talent-name">AI财务专家</span> <span class="talent-type">职能管理</span> <span class="talent-level">高级/经理级</span> </div> </div> <div class="talent-info"> 核心能力：财务报表、税务筹划、成本分析、预算管理<br> AI能力评分：95分 | 服务费用：25k token/月<br> 擅长领域：中小企业财税、财务分析、投融资分析 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 职能类 - 法务专员 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">⚖️</div> <div> <span class="talent-name">AI法务顾问</span> <span class="talent-type">职能管理</span> <span class="talent-level">高级/经理级</span> </div> </div> <div class="talent-info"> 核心能力：合同审核、法律文书起草、合规咨询、纠纷处理<br> AI能力评分：94分 | 服务费用：22k token/月<br> 擅长领域：企业法务、劳动纠纷、知识产权、投融资法务 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 客服类 - 在线客服 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">📞</div> <div> <span class="talent-name">AI智能客服主管</span> <span class="talent-type">客户服务</span> <span class="talent-level">中级/主管级</span> </div> </div> <div class="talent-info"> 核心能力：客户咨询、问题解答、工单处理、团队管理<br> AI能力评分：88分 | 服务费用：10k token/月<br> 擅长领域：电商客服、售后咨询、客户关系管理、话术优化 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> <!-- 专业服务类 - 翻译专员 --> <div class="talent-card"> <div class="talent-header"> <div class="talent-avatar">🌍</div> <div> <span class="talent-name">AI多语言翻译专家</span> <span class="talent-type">专业服务</span> <span class="talent-level">高级/经理级</span> </div> </div> <div class="talent-info"> 核心能力：中英日韩互译、专业文档翻译、口译、本地化<br> AI能力评分：97分 | 服务费用：18k token/月<br> 擅长领域：商务翻译、技术文档、法律翻译、文学翻译 </div> <div class="talent-actions"> <button class="talent-btn hire-btn">立即雇佣</button> <button class="talent-btn">收藏</button> <button class="talent-btn">查看详情</button> </div> </div> </div> <!-- 个性化推荐区 --> <div style="margin-top: 24px;"> <div class="overview-title">个性化推荐区（AI导师生成）</div> <div style="border: 1px solid #e8e8e8; border-radius: 8px; padding: 16px; margin-bottom: 16px;"> <div style="font-weight: bold; margin-bottom: 8px;">【全品类AI团队配置方案】</div> <div style="font-size: 13px; color: #666; margin-bottom: 8px;"> 推荐理由：基于互联网创业公司标配团队，推荐AI产品经理+AI前端开发+AI算法工程师+AI运营+AI财务组合，匹配度98%，可降低75%人力成本，提升200%工作效率 </div> <button class="talent-btn hire-btn">一键雇佣（全品类套餐）</button> </div> </div> <!-- 雇佣指南区 --> <div> <div class="overview-title">AI员工雇佣指南（AI导师编写）</div> <div class="filter-options"> <div class="filter-option">AI员工雇佣流程</div> <div class="filter-option">AI员工等级说明</div> <div class="filter-option">不同行业AI团队配置方案</div> <div class="filter-option">AI vs 真人成本效益分析</div> <div class="filter-option">全品类AI岗位薪资参考</div> <div class="filter-option">AI员工技能匹配指南</div> </div> </div> </div> </div> <!-- 3 AI创业导师陪跑中心页面 --> <div class="page" id="mentor-page"> <div class="right-panel" style="width: 100%;"> <!-- 返回上一页按钮 --> <div class="panel-header"> <div class="panel-title">AI创业导师陪跑中心</div> <div class="window-actions"> <span>最大化</span> <span>最小化</span> </div> </div> <div class="mentor-layout"> <!-- 左侧功能导航栏 --> <div class="mentor-left"> <div class="mentor-menu">系统使用指导</div> <div class="mentor-menu">广场资源指导</div> <div class="mentor-menu">AI员工管理指导</div> <div class="mentor-menu">全品类AI岗位配置指导</div> <div class="mentor-menu">实时提醒中心</div> <div class="mentor-menu">创业报告中心</div> <div class="mentor-menu">新手教程库</div> </div> <!-- 右侧智能交互区 --> <div class="mentor-right"> <!-- 交互输入区 --> <div class="input-area"> <div class="input-type">语音/文字</div> <textarea class="mentor-input" placeholder="请提问/需求：例如「互联网公司需要配置哪些AI岗位」「电商AI运营的核心能力」「AI算法工程师的费用标准」"></textarea> <button class="send-btn">发送</button> </div> <!-- 智能回复区 --> <div class="reply-area"> <div class="reply-tip">AI将实时解答您的问题/生成相关内容...</div> <div class="reply-actions"> <button class="reply-btn">复制</button> <button class="reply-btn">收藏</button> </div> </div> <!-- 快捷功能区 --> <div class="quick-func"> <div class="func-title">快捷功能区（全品类AI岗位）</div> <div class="func-list"> <button class="func-btn">一键生成全品类AI员工雇佣方案</button> <button class="func-btn">AI员工成本测算（按岗位/等级）</button> <button class="func-btn">不同行业AI团队效能分析</button> <button class="func-btn">全品类AI岗位降本增效建议</button> <button class="func-btn">AI岗位技能匹配度分析</button> </div> </div> </div> </div> </div> </div> <!-- 4 货盘广场页面 --> <div class="page" id="goods-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <div class="form-title">货盘广场 | 供应链商城</div> <!-- 商品筛选区 --> <div class="goods-filter"> <div class="filter-row"> <div class="filter-title-sm">商品分类：</div> <div class="goods-categories"> <div class="category-tag active">全部商品</div> <div class="category-tag">瓜果蔬菜</div> <div class="category-tag">粮油副食</div> <div class="category-tag">生鲜食品</div> <div class="category-tag">电子数码</div> <div class="category-tag">办公设备</div> <div class="category-tag">办公物资</div> <div class="category-tag">包装材料</div> <div class="category-tag">原材料</div> <div class="category-tag">五金配件</div> <div class="category-tag">日用百货</div> <div class="category-tag">服装纺织</div> <div class="category-tag">美妆个护</div> <div class="category-tag">医药保健</div> <div class="category-tag">算力资源</div> <div class="category-tag">AI服务</div> <div class="category-tag">软件工具</div> <div class="category-tag">家具家居</div> <div class="category-tag">建材装修</div> <div class="category-tag">机械设备</div> <div class="category-tag">汽配轮胎</div> <div class="category-tag">母婴用品</div> <div class="category-tag">宠物用品</div> <div class="category-tag">图书文具</div> <div class="category-tag">运动户外</div> <div class="category-tag">其他</div> </div> </div> <div class="filter-row"> <div class="filter-title-sm">价格区间：</div> <div class="price-filter"> <input type="text" class="price-input" placeholder="最低价"> <span>-</span> <input type="text" class="price-input" placeholder="最高价"> <button class="talent-btn">筛选</button> </div> </div> <div class="filter-row"> <div class="filter-title-sm">排序方式：</div> <div class="goods-categories"> <div class="category-tag active">默认排序</div> <div class="category-tag">价格从低到高</div> <div class="category-tag">价格从高到低</div> <div class="category-tag">销量优先</div> <div class="category-tag">最新上架</div> </div> </div> </div> <!-- 商品列表 --> <div class="goods-list" id="goods-list"> </div> <!-- 分页控件 --> <div class="pagination"> <div class="page-btn">上一页</div> <div class="page-btn active">1</div> <div class="page-btn">2</div> <div class="page-btn">3</div> <div class="page-btn">4</div> <div class="page-btn">5</div> <div class="page-btn">下一页</div> </div> </div> </div> <!-- 5 商品详情页 --> <div class="page" id="goods-detail-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <button class="back-btn" onclick="switchPage('goods-page')">← 返回货盘广场</button> <div class="form-title">商品详情 | 采购中心</div> <!-- 商品详情主体 --> <div class="detail-layout"> <div class="detail-img" id="detail-img"> 商品图片 </div> <div class="detail-info"> <div class="detail-name" id="detail-name">商品名称</div> <div class="detail-price-box"> <div class="price-label">采购单价：</div> <div class="detail-price" id="detail-price">¥00</div> </div> <div class="detail-spec"> <div class="spec-title">商品规格：</div> <div class="spec-options"> <div class="spec-option active">默认规格</div> <div class="spec-option">规格1</div> <div class="spec-option">规格2</div> </div> </div> <div class="detail-spec"> <div class="spec-title">商品分类：</div> <div id="detail-category">未分类</div> </div> <div class="detail-spec"> <div class="spec-title">库存状态：</div> <div id="detail-stock">无库存</div> </div> <div class="buy-box"> <div class="num-input"> <div class="num-btn" onclick="changeBuyNum('-')">-</div> <input type="text" value="1" id="buy-num"> <div class="num-btn" onclick="changeBuyNum('+')">+</div> </div> <button class="buy-btn" onclick="buyGoods()">立即采购</button> <button class="cart-btn">加入采购单</button> </div> </div> </div> <!-- 商品详情描述 --> <div class="detail-desc"> <div class="desc-title">商品详情</div> <div class="desc-content" id="detail-desc"> 商品详细描述信息... </div> </div> </div> </div> <!-- 6 人脉广场页面 --> <div class="page" id="network-page"> <div class="right-panel" style="max-width:100%;"> <!-- 返回上一页按钮 --> <div class="form-title">人脉广场 | 创业社交圈</div> <!-- 个人/企业切换 --> <div class="network-tabs"> <div class="network-tab active" onclick="switchNetworkTab('personal',this)">👤 个人人脉</div> <div class="network-tab" onclick="switchNetworkTab('enterprise',this)">🏢 企业人脉</div> </div> <!-- 人脉筛选区 --> <div class="goods-filter"> <div class="filter-row"> <div class="filter-title-sm">人脉类型：</div> <div class="goods-categories" id="network-type-filter"> <div class="category-tag active">全部人脉</div> <div class="category-tag">创业同行</div> <div class="category-tag">投资人</div> <div class="category-tag">技术专家</div> <div class="category-tag">行业导师</div> <div class="category-tag">供应链伙伴</div> <div class="category-tag">服务商</div> </div> </div> <div class="filter-row"> <div class="filter-title-sm">行业领域：</div> <div class="goods-categories"> <div class="category-tag active">全部行业</div> <div class="category-tag">互联网</div> <div class="category-tag">电商</div> <div class="category-tag">制造业</div> <div class="category-tag">服务业</div> <div class="category-tag">教育</div> <div class="category-tag">金融</div> </div> </div> </div> <!-- ===== 个人人脉列表 ===== --> <div id="network-personal-panel"> <div class="talent-list"> <!-- 个人人脉1 --> <div class="talent-card net-card"> <div class="talent-header"> <div class="talent-avatar">👨‍💼</div> <div> <span class="talent-name">张总</span> <span class="talent-type">天使投资人</span> <span class="talent-level">优质人脉</span> </div> </div> <div class="talent-info"> 专注领域：互联网、AI、电商创业项目<br> 投资阶段：种子轮、天使轮<br> 关注方向：AI应用、数字化转型、新零售 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-phone">📱 手机：138****6789</span> <span class="net-tag net-tag-wechat">💬 微信：zhang_invest</span> <span class="net-tag net-tag-addr">📍 地址：北京市海淀区</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('张总','个人')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('张总')">🔄 交换联系方式</button> <button class="talent-btn">添加好友</button> </div> </div> <!-- 个人人脉2 --> <div class="talent-card net-card"> <div class="talent-header"> <div class="talent-avatar">👩‍💻</div> <div> <span class="talent-name">李工程师</span> <span class="talent-type">技术专家</span> <span class="talent-level">优质人脉</span> </div> </div> <div class="talent-info"> 专业领域：全栈开发、AI算法、系统架构<br> 从业经验：10年+互联网技术经验<br> 擅长方向：创业公司技术架构、成本优化 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-phone">📱 手机：139****1234</span> <span class="net-tag net-tag-hidden">💬 微信：未公开</span> <span class="net-tag net-tag-addr">📍 地址：深圳市南山区</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('李工程师','个人')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('李工程师')">🔄 交换联系方式</button> <button class="talent-btn">添加好友</button> </div> </div> <!-- 个人人脉3 --> <div class="talent-card net-card"> <div class="talent-header"> <div class="talent-avatar">👩‍🎓</div> <div> <span class="talent-name">王导师</span> <span class="talent-type">创业导师</span> <span class="talent-level">优质人脉</span> </div> </div> <div class="talent-info"> 辅导领域：电商创业、品牌打造、团队管理<br> 成功案例：辅导50+创业项目落地<br> 服务方式：一对一指导、创业训练营 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-hidden">📱 手机：未公开</span> <span class="net-tag net-tag-hidden">💬 微信：未公开</span> <span class="net-tag net-tag-addr">📍 地址：上海市浦东新区</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('王导师','个人')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('王导师')">🔄 交换联系方式</button> <button class="talent-btn">添加好友</button> </div> </div> <!-- 个人人脉4 --> <div class="talent-card net-card"> <div class="talent-header"> <div class="talent-avatar">👨‍🏭</div> <div> <span class="talent-name">陈总</span> <span class="talent-type">供应链伙伴</span> <span class="talent-level">优质人脉</span> </div> </div> <div class="talent-info"> 主营产品：电子产品、包装材料、五金配件<br> 服务优势：源头厂家、定制化生产、快速交付<br> 合作模式：一件代发、批量采购、定制开发 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-phone">📱 手机：186****5678</span> <span class="net-tag net-tag-wechat">💬 微信：chen_supply</span> <span class="net-tag net-tag-hidden">📍 地址：未公开</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('陈总','个人')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('陈总')">🔄 交换联系方式</button> <button class="talent-btn">添加好友</button> </div> </div> </div> </div> <!-- ===== 企业人脉列表 ===== --> <div id="network-enterprise-panel" style="display:none;"> <div class="talent-list"> <!-- 企业人脉1 --> <div class="talent-card net-card net-card-enterprise"> <div class="talent-header"> <div class="talent-avatar enterprise-avatar">🏢</div> <div> <span class="talent-name">星云科技有限公司</span> <span class="talent-type">技术服务商</span> <span class="talent-level ent-badge">企业认证</span> </div> </div> <div class="talent-info"> 主营业务：企业数字化转型、SaaS系统定制开发<br> 核心优势：10年行业经验、200+成功案例<br> 合作模式：项目制、长期技术顾问 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-company">🏷️ 公司名称：星云科技有限公司</span> <span class="net-tag net-tag-addr">📍 地址：北京市朝阳区望京SOHO</span> <span class="net-tag net-tag-phone">📞 联系电话：010-8888****</span> <span class="net-tag net-tag-hidden">📧 邮箱：未公开</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('星云科技有限公司','企业')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('星云科技有限公司')">🔄 交换联系方式</button> <button class="talent-btn">关注企业</button> </div> </div> <!-- 企业人脉2 --> <div class="talent-card net-card net-card-enterprise"> <div class="talent-header"> <div class="talent-avatar enterprise-avatar">🏭</div> <div> <span class="talent-name">鹏飞供应链集团</span> <span class="talent-type">供应链伙伴</span> <span class="talent-level ent-badge">企业认证</span> </div> </div> <div class="talent-info"> 主营业务：电子产品、五金配件、包装材料批发<br> 核心优势：源头工厂直供、一件代发、定制生产<br> 合作模式：长期供货、独家代理、OEM定制 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-company">🏷️ 公司名称：鹏飞供应链集团</span> <span class="net-tag net-tag-hidden">📍 地址：未公开</span> <span class="net-tag net-tag-phone">📞 联系电话：0755-6666****</span> <span class="net-tag net-tag-hidden">📧 邮箱：未公开</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('鹏飞供应链集团','企业')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('鹏飞供应链集团')">🔄 交换联系方式</button> <button class="talent-btn">关注企业</button> </div> </div> <!-- 企业人脉3 --> <div class="talent-card net-card net-card-enterprise"> <div class="talent-header"> <div class="talent-avatar enterprise-avatar">🏦</div> <div> <span class="talent-name">鼎信创业投资</span> <span class="talent-type">投资机构</span> <span class="talent-level ent-badge">企业认证</span> </div> </div> <div class="talent-info"> 投资方向：早期项目、AI/大数据、消费升级<br> 管理规模：5亿元人民币<br> 成功案例：已投30+项目，10+成功退出 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-company">🏷️ 公司名称：鼎信创业投资</span> <span class="net-tag net-tag-addr">📍 地址：上海市陆家嘴金融中心</span> <span class="net-tag net-tag-hidden">📞 联系电话：未公开</span> <span class="net-tag net-tag-phone">📧 邮箱：bp@dingxin.vc</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('鼎信创业投资','企业')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('鼎信创业投资')">🔄 交换联系方式</button> <button class="talent-btn">关注企业</button> </div> </div> <!-- 企业人脉4 --> <div class="talent-card net-card net-card-enterprise"> <div class="talent-header"> <div class="talent-avatar enterprise-avatar">📋</div> <div> <span class="talent-name">正通财税咨询</span> <span class="talent-type">专业服务商</span> <span class="talent-level ent-badge">企业认证</span> </div> </div> <div class="talent-info"> 主营业务：代理记账、税务筹划、审计评估<br> 核心优势：15年财税经验、服务500+中小企业<br> 合作模式：年度托管、项目制咨询 </div> <div class="net-privacy-row"> <span class="net-tag net-tag-hidden">🏷️ 公司名称：未公开</span> <span class="net-tag net-tag-addr">📍 地址：广州市天河区珠江新城</span> <span class="net-tag net-tag-phone">📞 联系电话：020-3333****</span> <span class="net-tag net-tag-phone">📧 邮箱：service@zhengtong.com</span> </div> <div class="talent-actions"> <button class="talent-btn hire-btn" onclick="sendNetworkMsg('正通财税咨询','企业')">✉️ 站内私信</button> <button class="talent-btn" onclick="requestContact('正通财税咨询')">🔄 交换联系方式</button> <button class="talent-btn">关注企业</button> </div> </div> </div> </div> <!-- 隐私提示 --> <div class="net-privacy-notice"> <span>🔒 隐私保护：用户可自主选择公开或隐藏联系方式，站内私信始终可用。已隐藏的信息需对方同意后可见。</span> </div> <!-- 人脉推荐 --> <div style="margin-top: 24px;"> <div class="overview-title">精准人脉推荐</div> <div style="border: 1px solid #e8e8e8; border-radius: 8px; padding: 16px; margin-bottom: 16px;"> <div style="font-weight: bold; margin-bottom: 8px;">【创业人脉拓展建议】</div> <div style="font-size: 13px; color: #666; margin-bottom: 8px;"> 基于您的创业方向，推荐优先拓展投资人、技术专家、供应链伙伴三类人脉，可提升项目成功率80% </div> <button class="talent-btn hire-btn">一键推荐匹配人脉</button> </div> </div> </div> </div> <!-- 7 项目广场页面 --> <div class="page" id="business-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <div class="form-title">项目广场 | 创业项目池</div> <!-- 项目筛选区 --> <div class="goods-filter"> <div class="filter-row"> <div class="filter-title-sm">项目大类：</div> <div class="goods-categories"> <div class="category-tag active">全部项目</div> <div class="category-tag">互联网项目</div> <div class="category-tag">电商类项目</div> <div class="category-tag">实体项目</div> <div class="category-tag">服务类项目</div> <div class="category-tag">新零售项目</div> </div> </div> <div class="filter-row"> <div class="filter-title-sm">电商细分：</div> <div class="goods-categories"> <div class="category-tag active">全部电商</div> <div class="category-tag">国内电商</div> <div class="category-tag">跨境电商</div> <div class="category-tag">货架电商</div> <div class="category-tag">社交电商</div> <div class="category-tag">直播电商</div> </div> </div> <div class="filter-row"> <div class="filter-title-sm">筛选条件：</div> <div class="goods-categories"> <div class="category-tag">低门槛</div> <div class="category-tag">低投入</div> <div class="category-tag">短回报周期</div> <div class="category-tag">高收益</div> <div class="category-tag">轻资产</div> <div class="category-tag">可复制</div> </div> </div> </div> <!-- 项目数据概览 --> <div class="project-metrics"> <div class="metric-card"> <div class="metric-label">项目总数</div> <div class="metric-value" id="metric-total">0</div> <div class="metric-unit">个</div> </div> <div class="metric-card"> <div class="metric-label">AI技术项目</div> <div class="metric-value" id="metric-tech">0</div> <div class="metric-unit">个</div> </div> <div class="metric-card"> <div class="metric-label">电商类项目</div> <div class="metric-value" id="metric-ecommerce">0</div> <div class="metric-unit">个</div> </div> <div class="metric-card"> <div class="metric-label">企业服务项目</div> <div class="metric-value" id="metric-service">0</div> <div class="metric-unit">个</div> </div> <div class="metric-card"> <div class="metric-label">金融申请</div> <div class="metric-value" id="metric-finance-apps">0</div> <div class="metric-unit">笔</div> </div> <div class="metric-card"> <div class="metric-label">AI员工在职</div> <div class="metric-value" id="metric-hired">0</div> <div class="metric-unit">人</div> </div> </div> <!-- 项目列表 --> <div class="project-list" id="project-list"> </div> <!-- 分页控件 --> <div class="pagination"> <div class="page-btn">上一页</div> <div class="page-btn active">1</div> <div class="page-btn">2</div> <div class="page-btn">3</div> <div class="page-btn">4</div> <div class="page-btn">5</div> <div class="page-btn">下一页</div> </div> </div> </div> <!-- 8 项目详情页 --> <div class="page" id="project-detail-page"> <div class="right-panel"> <button class="back-btn" onclick="switchPage('business-page')">← 返回项目广场</button> <div class="pd-container" id="project-detail-container"> </div> </div> </div> <!-- 9 服务广场页面 --> <div class="page" id="service-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <div class="form-title">服务广场 | 创业服务中心</div> <!-- 服务分类标签 --> <div class="service-tabs"> <div class="service-tab active" onclick="filterServices('all')">全部服务</div> <div class="service-tab" onclick="filterServices('finance')">财税服务</div> <div class="service-tab" onclick="filterServices('financial')">金融超市</div> <div class="service-tab" onclick="filterServices('ip')">知识产权服务</div> <div class="service-tab" onclick="filterServices('incubator')">创业孵化服务</div> <div class="service-tab" onclick="filterServices('agency')">创业代办服务</div> <div class="service-tab" onclick="filterServices('legal')">法律服务</div> </div> <!-- 服务列表 --> <div class="service-list" id="service-list"> </div> <!-- 分页控件 --> <div class="pagination"> <div class="page-btn">上一页</div> <div class="page-btn active">1</div> <div class="page-btn">2</div> <div class="page-btn">3</div> <div class="page-btn">下一页</div> </div> </div> </div> <!-- 10 服务详情页 --> <div class="page" id="service-detail-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <button class="back-btn" onclick="switchPage('service-page')">← 返回服务广场</button> <div class="form-title">服务详情 | 服务采购中心</div> <!-- 服务详情头部 --> <div class="service-detail-header"> <div class="service-detail-title" id="service-detail-name">服务名称</div> <div class="service-detail-price" id="service-detail-price">¥00</div> <div class="service-detail-tags" id="service-detail-tags"> <span class="service-tag">服务标签</span> </div> </div> <!-- 服务详情信息 --> <div class="service-detail-info"> <div class="service-info-item"> <div class="service-info-label">服务商</div> <div class="service-info-value" id="service-provider">服务商名称</div> </div> <div class="service-info-item"> <div class="service-info-label">服务评分</div> <div class="service-info-value" id="service-rating">★★★★★ 5分</div> </div> <div class="service-info-item"> <div class="service-info-label">服务周期</div> <div class="service-info-value">按服务类型而定</div> </div> <div class="service-info-item"> <div class="service-info-label">售后保障</div> <div class="service-info-value">7天无理由退款（未开始服务）</div> </div> </div> <!-- 服务详情内容 --> <div class="service-detail-content"> <div class="content-section"> <div class="section-title">服务介绍</div> <div class="section-content" id="service-detail-desc"> 服务详细描述信息... </div> </div> <div class="content-section"> <div class="section-title">服务包含</div> <div class="section-content"> <ul style="padding-left: 20px; line-height: 1.8;"> <li>专业团队一对一服务</li> <li>全程代办，无需本人到场</li> <li>资料审核与准备指导</li> <li>进度实时反馈</li> <li>售后问题解答</li> </ul> </div> </div> <div class="content-section"> <div class="section-title">服务流程</div> <div class="section-content"> <ol style="padding-left: 20px; line-height: 1.8;"> <li>下单支付并提交相关资料</li> <li>客服1小时内联系确认需求</li> <li>专业人员开始办理服务</li> <li>进度实时反馈，客户确认</li> <li>服务完成，交付成果</li> <li>售后保障，问题解答</li> </ol> </div> </div> </div> <!-- 服务购买按钮 --> <div style="display: flex; gap: 12px; margin-top: 16px;"> <button class="btn btn-blue" style="width: auto; padding: 0 30px;" onclick="purchaseService()">立即购买</button> <button class="btn btn-orange" style="width: auto; padding: 0 30px;">咨询客服</button> </div> </div> </div> <!-- 11 任务广场页面 --> <div class="page" id="task-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <div class="form-title">任务广场 | 即时收益中心</div> <!-- 任务类型切换 --> <div class="task-tabs"> <div class="task-tab active" onclick="filterTasks('all')">全部任务</div> <div class="task-tab" onclick="filterTasks('cash')">现金任务</div> <div class="task-tab" onclick="filterTasks('point')">积分任务</div> </div> <!-- 任务列表 --> <div class="task-list" id="task-list"> </div> <!-- 积分兑换区 --> <div style="margin-top: 24px; background-color: #f8f9fa; padding: 16px; border-radius: 8px;"> <div class="overview-title">积分兑换中心</div> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 12px;"> <div style="background-color: #fff; padding: 12px; border-radius: 6px; text-align: center;"> <div style="font-size: 14px; font-weight: bold; margin-bottom: 8px;">1000积分 = ¥10</div> <button class="talent-btn">立即兑换</button> </div> <div style="background-color: #fff; padding: 12px; border-radius: 6px; text-align: center;"> <div style="font-size: 14px; font-weight: bold; margin-bottom: 8px;">5000积分 = ¥50</div> <button class="talent-btn">立即兑换</button> </div> <div style="background-color: #fff; padding: 12px; border-radius: 6px; text-align: center;"> <div style="font-size: 14px; font-weight: bold; margin-bottom: 8px;">10000积分 = ¥100</div> <button class="talent-btn">立即兑换</button> </div> <div style="background-color: #fff; padding: 12px; border-radius: 6px; text-align: center;"> <div style="font-size: 14px; font-weight: bold; margin-bottom: 8px;">积分兑换商品</div> <button class="talent-btn">查看商品</button> </div> </div> </div> <!-- 分页控件 --> <div class="pagination" style="margin-top: 20px;"> <div class="page-btn">上一页</div> <div class="page-btn active">1</div> <div class="page-btn">2</div> <div class="page-btn">3</div> <div class="page-btn">下一页</div> </div> </div> </div> <!-- 12 任务详情页 --> <div class="page" id="task-detail-page"> <div class="right-panel"> <!-- 返回上一页按钮 --> <button class="back-btn" onclick="switchPage('task-page')">← 返回任务广场</button> <div class="form-title">任务详情 | 任务中心</div> <!-- 任务详情头部 --> <div class="task-detail-header"> <div class="task-detail-title" id="task-detail-name">任务名称</div> <div class="task-detail-reward" id="task-detail-reward">¥00</div> </div> <!-- 任务详情元信息 --> <div class="task-detail-meta"> <div class="task-meta-item"> <div class="task-meta-label">任务类型</div> <div class="task-meta-value" id="task-detail-type">现金任务</div> </div> <div class="task-meta-item"> <div class="task-meta-label">预计耗时</div> <div class="task-meta-value" id="task-time-cost">5分钟</div> </div> <div class="task-meta-item"> <div class="task-meta-label">剩余数量</div> <div class="task-meta-value" id="task-remain">10000/20000</div> </div> <div class="task-meta-item"> <div class="task-meta-label">完成率</div> <div class="task-meta-value" id="task-completion">98%</div> </div> </div> <!-- 任务详情内容 --> <div class="task-detail-content"> <div class="content-section"> <div class="section-title">任务说明</div> <div class="section-content" id="task-detail-desc"> 任务详细描述信息... </div> </div> <div class="content-section task-steps"> <div class="section-title">任务步骤</div> <div class="task-step"> <div class="task-step-title">步骤1：领取任务</div> <div class="task-step-content">点击页面底部的"领取任务"按钮，确认接受任务并获取任务链接/二维码。</div> </div> <div class="task-step"> <div class="task-step-title">步骤2：完成任务要求</div> <div class="task-step-content" id="task-step-content"> 根据任务要求完成相应操作，如分享、下载、注册、观看等。 </div> </div> <div class="task-step"> <div class="task-step-title">步骤3：提交审核</div> <div class="task-step-content">完成任务后，如需提交截图/证明，请在下方输入框上传相关凭证。</div> </div> <div class="task-step"> <div class="task-step-title">步骤4：等待审核与奖励发放</div> <div class="task-step-content">审核时间通常为1-24小时，审核通过后奖励将自动发放到您的账户。</div> </div> </div> </div> <!-- 任务提交区 --> <div class="task-submit-box"> <div class="task-submit-title">任务提交</div> <textarea class="task-submit-input" placeholder="请在此描述任务完成情况，如需上传截图可粘贴图片链接或描述截图内容..."></textarea> <button class="task-submit-btn" onclick="completeTask()">提交任务</button> </div> <!-- 任务操作按钮 --> <div style="display: flex; gap: 12px;"> <button class="btn btn-blue" style="width: auto; padding: 0 30px;">领取任务</button> <button class="btn btn-orange" style="width: auto; padding: 0 30px;">放弃任务</button> </div> </div> </div> <!-- ========== 积分广场页面 ========== --> <div class="page" id="points-page"> <div class="right-panel points-main"> <!-- 积分总览 --> <div class="points-overview"> <div class="points-balance-card"> <div class="points-balance-label">当前可用积分</div> <div class="points-balance-value" id="points-balance">0</div> <div class="points-balance-sub"> <span>累计获得：<strong id="points-total-earned">0</strong></span> <span style="margin-left: 20px;">累计消费：<strong id="points-total-spent">0</strong></span> </div> <div class="points-action-btns"> <button class="points-action-btn recharge-btn" onclick="showRechargeModal()">💎 积分充值</button> <button class="points-action-btn" onclick="switchPointsTab('points-sign-page')">📅 每日签到</button> <button class="points-action-btn orange" onclick="showPointsRule()">📜 积分规则</button> <button class="points-action-btn" onclick="switchPointsTab('points-history')">📊 积分明细</button> </div> </div> <div class="points-quick-stats"> <div class="quick-stat"> <div class="quick-stat-icon">🔥</div> <div class="quick-stat-info"> <div class="quick-stat-value" id="sign-streak">0</div> <div class="quick-stat-label">连续签到</div> </div> </div> <div class="quick-stat"> <div class="quick-stat-icon">📋</div> <div class="quick-stat-info"> <div class="quick-stat-value" id="pts-tasks-done">0</div> <div class="quick-stat-label">已完成任务</div> </div> </div> <div class="quick-stat"> <div class="quick-stat-icon">🎁</div> <div class="quick-stat-info"> <div class="quick-stat-value" id="pts-exchanged">0</div> <div class="quick-stat-label">已兑换礼品</div> </div> </div> <div class="quick-stat"> <div class="quick-stat-icon">⭐</div> <div class="quick-stat-info"> <div class="quick-stat-value" id="pts-level">Lv.1</div> <div class="quick-stat-label">会员等级</div> </div> </div> </div> </div> <!-- 积分子Tab切换 --> <div class="points-tabs"> <div class="points-tab active" onclick="switchPointsTab('points-tasks')">🎯 赚积分</div> <div class="points-tab" onclick="switchPointsTab('points-mall')">🛒 积分商城</div> <div class="points-tab" onclick="switchPointsTab('points-history')">📊 积分明细</div> <div class="points-tab" onclick="switchPointsTab('points-rules')">📜 积分规则</div> </div> <!-- 赚积分面板 --> <div class="points-panel active" id="points-tasks"> <!-- 每日任务 --> <div class="points-section"> <div class="points-section-title">🔥 每日任务</div> <div class="points-task-list"> <div class="points-task-card"> <div class="points-task-icon">📅</div> <div class="points-task-info"> <div class="points-task-name">每日签到</div> <div class="points-task-desc">每天登录系统签到即可领取</div> </div> <div class="points-task-reward">+10 积分</div> <button class="points-task-btn" onclick="doDailySign(this)">签到</button> </div> <div class="points-task-card"> <div class="points-task-icon">📖</div> <div class="points-task-info"> <div class="points-task-name">浏览货盘广场</div> <div class="points-task-desc">浏览任意货盘商品详情页满30秒</div> </div> <div class="points-task-reward">+5 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 5, '浏览货盘广场')">去完成</button> </div> <div class="points-task-card"> <div class="points-task-icon">💬</div> <div class="points-task-info"> <div class="points-task-name">AI导师互动</div> <div class="points-task-desc">与AI导师进行一次深度对话</div> </div> <div class="points-task-reward">+8 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 8, 'AI导师互动')">去完成</button> </div> <div class="points-task-card"> <div class="points-task-icon">📤</div> <div class="points-task-info"> <div class="points-task-name">分享创业动态</div> <div class="points-task-desc">分享平台内容到社交媒体</div> </div> <div class="points-task-reward">+15 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 15, '分享创业动态')">去完成</button> </div> </div> </div> <!-- 一次性任务 --> <div class="points-section"> <div class="points-section-title">⭐ 成长任务</div> <div class="points-task-list"> <div class="points-task-card"> <div class="points-task-icon">🏢</div> <div class="points-task-info"> <div class="points-task-name">完成企业认证</div> <div class="points-task-desc">完成企业实名认证流程</div> </div> <div class="points-task-reward">+200 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 200, '完成企业认证')">去完成</button> </div> <div class="points-task-card"> <div class="points-task-icon">🤖</div> <div class="points-task-info"> <div class="points-task-name">首次雇佣AI员工</div> <div class="points-task-desc">成功雇佣第一位AI虚拟员工</div> </div> <div class="points-task-reward">+100 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 100, '首次雇佣AI员工')">去完成</button> </div> <div class="points-task-card"> <div class="points-task-icon">👥</div> <div class="points-task-info"> <div class="points-task-name">邀请好友注册</div> <div class="points-task-desc">每邀请一位好友注册成功</div> </div> <div class="points-task-reward">+50 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 50, '邀请好友注册')">邀请</button> </div> <div class="points-task-card"> <div class="points-task-icon">💰</div> <div class="points-task-info"> <div class="points-task-name">首次采购下单</div> <div class="points-task-desc">在货盘广场完成首次采购</div> </div> <div class="points-task-reward">+150 积分</div> <button class="points-task-btn" onclick="completePointsTask(this, 150, '首次采购下单')">去完成</button> </div> </div> </div> <!-- 额外获取途径 --> <div class="points-section"> <div class="points-section-title">💎 更多途径</div> <div class="points-task-list"> <div class="points-task-card"> <div class="points-task-icon">🛍️</div> <div class="points-task-info"> <div class="points-task-name">消费返积分</div> <div class="points-task-desc">每消费1元返1积分，上不封顶</div> </div> <div class="points-task-reward">1:1 返还</div> <button class="points-task-btn disabled">自动到账</button> </div> <div class="points-task-card"> <div class="points-task-icon">🎯</div> <div class="points-task-info"> <div class="points-task-name">完成任务广场任务</div> <div class="points-task-desc">完成积分类任务获得额外积分</div> </div> <div class="points-task-reward">+20~500</div> <button class="points-task-btn" onclick="switchPage('task-page')">去完成</button> </div> </div> </div> </div> <!-- 积分商城面板 --> <div class="points-panel" id="points-mall"> <div class="points-section"> <div class="points-section-title">🎁 热门兑换</div> <div class="points-mall-grid"> <div class="mall-item"> <div class="mall-item-img">☕</div> <div class="mall-item-name">星巴克咖啡券</div> <div class="mall-item-price">500 积分</div> <button class="mall-item-btn" onclick="exchangeItem('星巴克咖啡券', 500)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">📱</div> <div class="mall-item-name">视频会员月卡</div> <div class="mall-item-price">800 积分</div> <button class="mall-item-btn" onclick="exchangeItem('视频会员月卡', 800)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">📦</div> <div class="mall-item-name">货盘抵扣券 ¥50</div> <div class="mall-item-price">1,000 积分</div> <button class="mall-item-btn" onclick="exchangeItem('货盘抵扣券 ¥50', 1000)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">🤖</div> <div class="mall-item-name">AI员工7天体验卡</div> <div class="mall-item-price">1,500 积分</div> <button class="mall-item-btn" onclick="exchangeItem('AI员工7天体验卡', 1500)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">💼</div> <div class="mall-item-name">创业咨询服务1次</div> <div class="mall-item-price">2,000 积分</div> <button class="mall-item-btn" onclick="exchangeItem('创业咨询服务1次', 2000)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">🎓</div> <div class="mall-item-name">AI培训课程兑换券</div> <div class="mall-item-price">3,000 积分</div> <button class="mall-item-btn" onclick="exchangeItem('AI培训课程兑换券', 3000)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">🏷️</div> <div class="mall-item-name">服务广场8折券</div> <div class="mall-item-price">1,200 积分</div> <button class="mall-item-btn" onclick="exchangeItem('服务广场8折券', 1200)">立即兑换</button> </div> <div class="mall-item"> <div class="mall-item-img">🏆</div> <div class="mall-item-name">VIP专属标识(30天)</div> <div class="mall-item-price">800 积分</div> <button class="mall-item-btn" onclick="exchangeItem('VIP专属标识(30天)', 800)">立即兑换</button> </div> </div> </div> </div> <!-- 积分明细面板 --> <div class="points-panel" id="points-history"> <div class="points-section"> <div class="points-section-title">📊 积分收支明细</div> <div class="points-history-filter"> <span class="history-filter active" onclick="filterPointsHistory('all', this)">全部</span> <span class="history-filter" onclick="filterPointsHistory('earn', this)">收入</span> <span class="history-filter" onclick="filterPointsHistory('spend', this)">支出</span> </div> <div class="points-history-list" id="points-history-list"> <!-- 积分记录由JS动态渲染 --> </div> </div> </div> <!-- 积分规则面板 --> <div class="points-panel" id="points-rules"> <div class="points-section"> <div class="points-section-title">📜 积分规则说明</div> <div class="rules-content"> <div class="rule-block"> <h4>一、积分获取方式</h4> <table class="rule-table"> <thead> <tr><th>行为</th><th>积分</th><th>频次限制</th></tr> </thead> <tbody> <tr><td>每日签到</td><td>+10</td><td>每日1次</td></tr> <tr><td>连续签到7天奖励</td><td>+50</td><td>每周1次</td></tr> <tr><td>浏览货盘广场</td><td>+5</td><td>每日1次</td></tr> <tr><td>AI导师互动</td><td>+8</td><td>每日1次</td></tr> <tr><td>分享创业动态</td><td>+15</td><td>每日3次</td></tr> <tr><td>完成任务广场任务</td><td>+20~500</td><td>不限</td></tr> <tr><td>消费返积分</td><td>1元=1积分</td><td>自动到账</td></tr> <tr><td>邀请好友注册</td><td>+50</td><td>不限</td></tr> <tr><td>首次雇佣AI员工</td><td>+100</td><td>一次性</td></tr> <tr><td>首次采购下单</td><td>+150</td><td>一次性</td></tr> <tr><td>完成企业认证</td><td>+200</td><td>一次性</td></tr> </tbody> </table> </div> <div class="rule-block"> <h4>二、积分消费方式</h4> <table class="rule-table"> <thead> <tr><th>用途</th><th>说明</th></tr> </thead> <tbody> <tr><td>积分商城兑换</td><td>兑换实物/虚拟商品、优惠券、服务体验卡等</td></tr> <tr><td>货盘抵扣</td><td>采购时可用积分抵扣部分金额（100积分=1元）</td></tr> <tr><td>服务广场抵扣</td><td>购买服务时可用积分抵扣部分费用</td></tr> <tr><td>任务加急</td><td>消耗积分加速任务审核进度</td></tr> </tbody> </table> </div> <div class="rule-block"> <h4>三、会员等级与权益</h4> <table class="rule-table"> <thead> <tr><th>等级</th><th>累计积分</th><th>专属权益</th></tr> </thead> <tbody> <tr><td>Lv.1 普通会员</td><td>0+</td><td>基础积分获取</td></tr> <tr><td>Lv.2 银卡会员</td><td>3,000+</td><td>积分获取1.2倍加成</td></tr> <tr><td>Lv.3 金卡会员</td><td>10,000+</td><td>积分获取1.5倍加成 + 专属商城</td></tr> <tr><td>Lv.4 铂金会员</td><td>30,000+</td><td>积分获取2倍加成 + 优先客服</td></tr> <tr><td>Lv.5 钻石会员</td><td>100,000+</td><td>积分获取3倍加成 + 全部权益</td></tr> </tbody> </table> </div> <div class="rule-block"> <h4>四、注意事项</h4> <ul class="rule-list"> <li>积分有效期为获取后12个月，到期未使用的积分将自动清零</li> <li>违规操作（如刷积分、作弊等）将扣除相应积分并可能封禁账号</li> <li>积分不可转让、不可提现，仅限本平台内使用</li> <li>平台保留积分规则的最终解释权和调整权</li> </ul> </div> </div> </div> </div> </div> </div> <!-- ========== 积分充值弹窗 ========== --> <div class="recharge-modal" id="recharge-modal"> <div class="recharge-modal-content"> <div class="recharge-modal-header"> <span>💎 积分充值</span> <span class="recharge-close" onclick="hideRechargeModal()">✕</span> </div> <div class="recharge-modal-body"> <div class="recharge-current"> 当前积分：<strong id="recharge-current-balance">0</strong> </div> <div class="recharge-section-title">选择充值金额</div> <div class="recharge-amount-grid"> <div class="recharge-amount-card" onclick="selectRechargeAmount(this, 100, 10)">100积分<br><span>¥10</span></div> <div class="recharge-amount-card" onclick="selectRechargeAmount(this, 500, 50)">500积分<br><span>¥50</span></div> <div class="recharge-amount-card popular" onclick="selectRechargeAmount(this, 1000, 98)">1000积分<br><span>¥98</span><i>热门</i></div> <div class="recharge-amount-card" onclick="selectRechargeAmount(this, 2000, 188)">2000积分<br><span>¥188</span></div> <div class="recharge-amount-card" onclick="selectRechargeAmount(this, 5000, 450)">5000积分<br><span>¥450</span><i>超值</i></div> <div class="recharge-amount-card" onclick="selectRechargeAmount(this, 10000, 880)">10000积分<br><span>¥880</span><i>至尊</i></div> </div> <div class="recharge-custom"> <div class="recharge-section-title">自定义金额</div> <div class="recharge-custom-row"> <input type="number" id="recharge-custom-input" placeholder="输入积分数量（1-50000）" min="1" max="50000"> <span class="recharge-custom-price">≈ ¥<span id="recharge-custom-price">0</span></span> </div> <div class="recharge-custom-hint">1积分 = ¥0.1，充得越多优惠越多</div> </div> <div class="recharge-section-title">选择支付方式</div> <div class="recharge-pay-methods"> <div class="recharge-pay-item active" onclick="selectPayMethod(this)"> <span>💳</span> 微信支付 </div> <div class="recharge-pay-item" onclick="selectPayMethod(this)"> <span>🅰️</span> 支付宝 </div> <div class="recharge-pay-item" onclick="selectPayMethod(this)"> <span>🏦</span> 银行卡 </div> </div> <div class="recharge-summary"> <span>应付金额：</span> <strong id="recharge-summary-price">¥00</strong> <span class="recharge-summary-points">（<span id="recharge-summary-points">0</span>积分）</span> </div> <button class="recharge-submit-btn" id="recharge-submit-btn" onclick="doRecharge()">确认充值</button> <div class="recharge-agreement">点击充值即表示同意《积分充值协议》和《虚拟商品购买须知》</div> </div> </div> </div> <!-- ========== 金融广场页面 ========== --> <div class="page" id="finance-page"> <div class="right-panel finance-main"> <!-- 金融概览 --> <div class="finance-overview"> <div class="finance-hero"> <div class="finance-hero-text"> <h2>创业金融服务一站式平台</h2> <p>为创业者提供贷款、理财、保险等全方位金融解决方案</p> </div> <div class="finance-hero-stats"> <div class="finance-stat"> <div class="finance-stat-value" id="finance-total-amount">¥0</div> <div class="finance-stat-label">累计申请金额</div> </div> <div class="finance-stat"> <div class="finance-stat-value" id="finance-total-apps">0</div> <div class="finance-stat-label">金融申请数</div> </div> <div class="finance-stat"> <div class="finance-stat-value" id="finance-approved">0</div> <div class="finance-stat-label">已通过审批</div> </div> </div> </div> </div> <!-- 金融产品分类Tab --> <div class="finance-tabs"> <div class="finance-tab active" onclick="switchFinanceTab('finance-loan')">💰 普惠助贷</div> <div class="finance-tab" onclick="switchFinanceTab('finance-car')">🚗 汽车金融</div> <div class="finance-tab" onclick="switchFinanceTab('finance-house')">🏠 房产金融</div> <div class="finance-tab" onclick="switchFinanceTab('finance-invest')">📈 投资理财</div> <div class="finance-tab" onclick="switchFinanceTab('finance-insurance')">🛡️ 保险保障</div> <div class="finance-tab" onclick="switchFinanceTab('finance-credit')">💳 信用服务</div> </div> <!-- 普惠助贷面板 --> <div class="finance-panel active" id="finance-loan"> <div class="finance-product-grid" id="finance-loan-grid"> </div> </div> <!-- 汽车金融面板 --> <div class="finance-panel" id="finance-car"> <div class="finance-product-grid" id="finance-car-grid"> </div> </div> <!-- 房产金融面板 --> <div class="finance-panel" id="finance-house"> <div class="finance-product-grid" id="finance-house-grid"> </div> </div> <!-- 投资理财面板 --> <div class="finance-panel" id="finance-invest"> <div class="finance-product-grid" id="finance-invest-grid"> </div> </div> <!-- 保险保障面板 --> <div class="finance-panel" id="finance-insurance"> <div class="finance-product-grid" id="finance-insurance-grid"> </div> </div> <!-- 信用服务面板 --> <div class="finance-panel" id="finance-credit"> <div class="finance-product-grid" id="finance-credit-grid"> </div> </div> </div> </div> <!-- ========== 个人信息补充页面 ========== --> <div class="page" id="personal-info-page"> <div class="right-panel info-form-main"> <div class="info-form-header"> <div class="info-form-icon">👤</div> <div> <div class="info-form-title">完善个人信息</div> <div class="info-form-subtitle">补充个人资料，获取更精准的AI推荐和专属服务</div> </div> <div class="info-form-progress"> <div class="progress-label">资料完整度</div> <div class="progress-bar"> <div class="progress-fill" id="personal-progress" style="width: 15%;">15%</div> </div> </div> </div> <div class="info-form-body"> <!-- 基本信息区 --> <div class="info-section"> <div class="info-section-title">📋 基本信息</div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">真实姓名 <span class="required">*</span></div> <input type="text" class="form-input" placeholder="请输入真实姓名"> </div> <div class="form-item"> <div class="form-label">身份证号</div> <input type="text" class="form-input" placeholder="请输入18位身份证号"> </div> </div> <div class="form-item"> <div class="form-label">性别</div> <div class="scale-options"> <span class="scale-option active" onclick="selectScale(this)">男</span> <span class="scale-option" onclick="selectScale(this)">女</span> <span class="scale-option" onclick="selectScale(this)">保密</span> </div> </div> <div class="form-item"> <div class="form-label">出生日期</div> <input type="date" class="form-input" style="color:#333;"> </div> <div class="form-item"> <div class="form-label">所在地区</div> <div class="form-row-3"> <select class="form-select"><option>省</option><option>北京市</option><option>上海市</option><option>广东省</option><option>浙江省</option><option>江苏省</option><option>四川省</option><option>湖北省</option><option>福建省</option><option>山东省</option></select> <select class="form-select"><option>市</option></select> <select class="form-select"><option>区</option></select> </div> </div> </div> <!-- 职业信息区 --> <div class="info-section"> <div class="info-section-title">💼 职业信息</div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">职业身份 <span class="required">*</span></div> <select class="form-select full"> <option value="">请选择职业身份</option> <option>创业者/企业主</option> <option>自由职业者</option> <option>上班族/职场人士</option> <option>学生</option> <option>投资/金融从业者</option> <option>技术/研发人员</option> <option>销售/市场人员</option> <option>其他</option> </select> </div> <div class="form-item"> <div class="form-label">所在行业</div> <select class="form-select full"> <option value="">请选择所在行业</option> <option>互联网/科技</option> <option>电子商务</option> <option>制造业</option> <option>教育培训</option> <option>医疗健康</option> <option>金融保险</option> <option>文化传媒</option> <option>餐饮零售</option> <option>物流供应链</option> <option>农业</option> <option>其他</option> </select> </div> </div> <div class="form-item"> <div class="form-label">创业阶段 <span class="required">*</span></div> <div class="scale-options"> <span class="scale-option" onclick="selectScale(this)">有想法</span> <span class="scale-option" onclick="selectScale(this)">筹备中</span> <span class="scale-option active" onclick="selectScale(this)">刚起步</span> <span class="scale-option" onclick="selectScale(this)">运营发展</span> <span class="scale-option" onclick="selectScale(this)">成熟转型</span> </div> </div> <div class="form-item"> <div class="form-label">工作年限</div> <select class="form-select full"> <option value="">请选择</option> <option>应届/在校</option> <option>1-3年</option> <option>3-5年</option> <option>5-10年</option> <option>10年以上</option> </select> </div> <div class="form-item"> <div class="form-label">最高学历</div> <select class="form-select full"> <option value="">请选择</option> <option>高中及以下</option> <option>大专</option> <option>本科</option> <option>硕士</option> <option>博士</option> </select> </div> </div> <!-- 技能与兴趣 --> <div class="info-section"> <div class="info-section-title">🎯 技能与兴趣</div> <div class="form-item"> <div class="form-label">擅长领域 <span class="form-hint">（可多选，帮助AI精准推荐）</span></div> <div class="tag-select-group"> <span class="tag-option" onclick="toggleTagOption(this)">电商运营</span> <span class="tag-option" onclick="toggleTagOption(this)">短视频/直播</span> <span class="tag-option" onclick="toggleTagOption(this)">技术开发</span> <span class="tag-option" onclick="toggleTagOption(this)">市场营销</span> <span class="tag-option" onclick="toggleTagOption(this)">供应链管理</span> <span class="tag-option" onclick="toggleTagOption(this)">财务管理</span> <span class="tag-option" onclick="toggleTagOption(this)">产品设计</span> <span class="tag-option" onclick="toggleTagOption(this)">人力资源</span> <span class="tag-option" onclick="toggleTagOption(this)">法律合规</span> <span class="tag-option" onclick="toggleTagOption(this)">内容创作</span> <span class="tag-option" onclick="toggleTagOption(this)">数据分析</span> <span class="tag-option" onclick="toggleTagOption(this)">品牌策划</span> </div> </div> <div class="form-item"> <div class="form-label">感兴趣的创业方向 <span class="form-hint">（可多选）</span></div> <div class="tag-select-group"> <span class="tag-option" onclick="toggleTagOption(this)">AI+行业</span> <span class="tag-option" onclick="toggleTagOption(this)">跨境电商</span> <span class="tag-option" onclick="toggleTagOption(this)">新零售</span> <span class="tag-option" onclick="toggleTagOption(this)">本地生活</span> <span class="tag-option" onclick="toggleTagOption(this)">SaaS工具</span> <span class="tag-option" onclick="toggleTagOption(this)">内容付费</span> <span class="tag-option" onclick="toggleTagOption(this)">社交电商</span> <span class="tag-option" onclick="toggleTagOption(this)">智能硬件</span> <span class="tag-option" onclick="toggleTagOption(this)">企业服务</span> <span class="tag-option" onclick="toggleTagOption(this)">新能源</span> </div> </div> </div> <!-- 个人简介 --> <div class="info-section"> <div class="info-section-title">📝 个人简介</div> <div class="form-item"> <div class="form-label">简单介绍一下自己</div> <textarea class="form-textarea" rows="4" placeholder="例如：5年电商运营经验，擅长社群营销和直播带货，正在寻找供应链合作伙伴，希望打造自有品牌..."></textarea> </div> <div class="form-item"> <div class="form-label">上传头像</div> <div class="upload-area" onclick="alert('头像上传功能开发中')"> <div class="upload-icon">📷</div> <div class="upload-text">点击上传头像</div> <div class="upload-hint">支持 JPG/PNG，2MB以内</div> </div> </div> </div> </div> <div class="info-form-footer"> <button class="btn btn-blue" style="width: auto; padding: 0 40px;" onclick="savePersonalInfo()">💾 保存信息</button> <button class="btn btn-orange" style="width: auto; padding: 0 40px;" onclick="savePersonalInfo()">保存并返回首页</button> <span class="skip-link" onclick="goBack()">暂时跳过 →</span> </div> </div> </div> <!-- ========== 企业信息补充页面 ========== --> <div class="page" id="enterprise-info-page"> <div class="right-panel info-form-main"> <div class="info-form-header"> <div class="info-form-icon">🏢</div> <div> <div class="info-form-title">完善企业信息</div> <div class="info-form-subtitle">登记企业资料，解锁专属企业服务和金融通道</div> </div> <div class="info-form-progress"> <div class="progress-label">资料完整度</div> <div class="progress-bar"> <div class="progress-fill" id="enterprise-progress" style="width: 10%;">10%</div> </div> </div> </div> <div class="info-form-body"> <!-- 企业基本工商信息 --> <div class="info-section"> <div class="info-section-title">🏛️ 工商登记信息</div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">公司名称 <span class="required">*</span></div> <input type="text" class="form-input" placeholder="请输入公司全称（与营业执照一致）"> </div> <div class="form-item"> <div class="form-label">公司简称</div> <input type="text" class="form-input" placeholder="品牌名或简称"> </div> </div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">统一社会信用代码</div> <input type="text" class="form-input" placeholder="18位统一社会信用代码"> </div> <div class="form-item"> <div class="form-label">成立日期</div> <input type="date" class="form-input" style="color:#333;"> </div> </div> <div class="form-item"> <div class="form-label">注册地址</div> <div class="form-row-3"> <select class="form-select"><option>省</option><option>北京市</option><option>上海市</option><option>广东省</option><option>浙江省</option><option>江苏省</option><option>四川省</option><option>湖北省</option><option>福建省</option><option>山东省</option></select> <select class="form-select"><option>市</option></select> <select class="form-select"><option>区</option></select> </div> <input type="text" class="form-input" placeholder="详细地址" style="margin-top:8px;"> </div> <div class="form-item"> <div class="form-label">法定代表人</div> <input type="text" class="form-input" placeholder="请输入法定代表人姓名"> </div> <div class="form-item"> <div class="form-label">注册资本</div> <div class="form-row-3" style="gap:8px;"> <input type="text" class="form-input" placeholder="金额" style="flex:2;"> <select class="form-select" style="flex:1;"> <option>万元</option> <option>美元</option> <option>港元</option> </select> </div> </div> </div> <!-- 经营信息 --> <div class="info-section"> <div class="info-section-title">📊 经营信息</div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">公司主业 <span class="required">*</span></div> <select class="form-select full"> <option value="">请选择公司主业方向</option> <option>电子商务/零售</option> <option>智能制造/工业</option> <option>软件开发/IT服务</option> <option>教育培训</option> <option>医疗健康</option> <option>餐饮/食品</option> <option>物流/供应链</option> <option>文化/传媒/娱乐</option> <option>金融/保险</option> <option>房地产/建筑</option> <option>农业/农产品</option> <option>新能源/环保</option> <option>跨境贸易</option> <option>咨询服务</option> <option>其他行业</option> </select> </div> <div class="form-item"> <div class="form-label">公司规模 <span class="required">*</span></div> <div class="scale-options"> <span class="scale-option" onclick="selectScale(this)">1-10人</span> <span class="scale-option" onclick="selectScale(this)">11-50人</span> <span class="scale-option active" onclick="selectScale(this)">51-200人</span> <span class="scale-option" onclick="selectScale(this)">201-500人</span> <span class="scale-option" onclick="selectScale(this)">500人以上</span> </div> </div> </div> <div class="form-item"> <div class="form-label">主打产品/服务 <span class="required">*</span></div> <input type="text" class="form-input" placeholder="请简述公司主打产品或核心服务"> </div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">年营业额</div> <select class="form-select full"> <option value="">请选择年营业额范围</option> <option>50万以下</option> <option>50万-200万</option> <option>200万-1000万</option> <option>1000万-5000万</option> <option>5000万以上</option> </select> </div> <div class="form-item"> <div class="form-label">纳税类型</div> <select class="form-select full"> <option value="">请选择</option> <option>小规模纳税人</option> <option>一般纳税人</option> <option>个体工商户</option> </select> </div> </div> <div class="info-form-grid"> <div class="form-item"> <div class="form-label">公司官网</div> <input type="text" class="form-input" placeholder="https://"> </div> <div class="form-item"> <div class="form-label">公司电话</div> <input type="text" class="form-input" placeholder="座机或业务电话"> </div> </div> </div> <!-- 资质与认证 --> <div class="info-section"> <div class="info-section-title">📋 资质与认证</div> <div class="form-item"> <div class="form-label">经营资质 <span class="form-hint">（可多选）</span></div> <div class="tag-select-group"> <span class="tag-option" onclick="toggleTagOption(this)">营业执照</span> <span class="tag-option" onclick="toggleTagOption(this)">食品经营许可</span> <span class="tag-option" onclick="toggleTagOption(this)">ICP许可证</span> <span class="tag-option" onclick="toggleTagOption(this)">进出口权</span> <span class="tag-option" onclick="toggleTagOption(this)">一般纳税人</span> <span class="tag-option" onclick="toggleTagOption(this)">高新技术企业</span> <span class="tag-option" onclick="toggleTagOption(this)">ISO认证</span> <span class="tag-option" onclick="toggleTagOption(this)">商标注册</span> <span class="tag-option" onclick="toggleTagOption(this)">专利证书</span> <span class="tag-option" onclick="toggleTagOption(this)">特许经营许可</span> </div> </div> <div class="form-item"> <div class="form-label">上传营业执照</div> <div class="upload-area" onclick="alert('营业执照上传功能开发中')"> <div class="upload-icon">📄</div> <div class="upload-text">点击上传营业执照</div> <div class="upload-hint">支持 JPG/PNG/PDF，5MB以内</div> </div> </div> </div> <!-- 公司简介 --> <div class="info-section"> <div class="info-section-title">📝 公司简介</div> <div class="form-item"> <div class="form-label">简要介绍公司业务、发展方向和核心优势</div> <textarea class="form-textarea" rows="4" placeholder="例如：我司成立于2020年，专注跨境电商SaaS工具研发，主打产品为AI选品助手，已服务5000+卖家，年营收突破2000万..."></textarea> </div> <div class="form-item"> <div class="form-label">上传公司Logo</div> <div class="upload-area" onclick="alert('Logo上传功能开发中')"> <div class="upload-icon">🏢</div> <div class="upload-text">点击上传公司Logo</div> <div class="upload-hint">支持 JPG/PNG，2MB以内，建议200x200px</div> </div> </div> </div> </div> <div class="info-form-footer"> <button class="btn btn-blue" style="width: auto; padding: 0 40px;" onclick="saveEnterpriseInfo()">💾 保存信息</button> <button class="btn btn-orange" style="width: auto; padding: 0 40px;" onclick="saveEnterpriseInfo()">保存并返回首页</button> <span class="skip-link" onclick="goBack()">暂时跳过 →</span> </div> </div> </div> <!-- ========== 创业沙盘页面 ========== --> <div class="page" id="startup-page"> <div class="right-panel startup-main"> <!-- 顶部Hero --> <div class="startup-hero"> <div class="startup-hero-left"> <div class="startup-hero-icon">🚀</div> <div> <h2 class="startup-hero-title">创业全流程沙盘</h2> <p class="startup-hero-desc">从0到1，AI导师全程陪跑，沉浸式体验创业全生命周期</p> </div> </div> <div class="startup-hero-right"> <div class="startup-ai-badge"> <span class="ai-pulse">🤖</span> <span>AI创业导师在线</span> </div> </div> </div> <!-- 模式选择：沙盘 vs 实盘 --> <div class="startup-mode-tabs"> <div class="startup-mode-tab active" onclick="switchStartupMode('sandbox')"> <div class="mode-icon">🎮</div> <div class="mode-info"> <div class="mode-name">模拟创业沙盘</div> <div class="mode-desc">虚拟环境，零风险练手</div> </div> </div> <div class="startup-mode-tab" onclick="switchStartupMode('real')"> <div class="mode-icon">💼</div> <div class="mode-info"> <div class="mode-name">实盘创业</div> <div class="mode-desc">真实产品、真实市场、真实营收</div> </div> </div> <div class="startup-mode-tab" onclick="switchStartupMode('contest')"> <div class="mode-icon">🏆</div> <div class="mode-info"> <div class="mode-name">创业大赛</div> <div class="mode-desc">参赛竞技，赢取奖金和资源</div> </div> </div> </div> <!-- ========== 沙盘模式内容 ========== --> <div class="startup-mode-panel active" id="startup-sandbox"> <!-- 创业进度路线图 --> <div class="startup-roadmap"> <div class="roadmap-title">📍 创业全流程路线图</div> <div class="roadmap-track"> <div class="roadmap-step active" onclick="goToStartupStep(1)"> <div class="step-node">1</div> <div class="step-label">选择赛道</div> </div> <div class="roadmap-line"></div> <div class="roadmap-step" onclick="goToStartupStep(2)"> <div class="step-node">2</div> <div class="step-label">注册公司</div> </div> <div class="roadmap-line"></div> <div class="roadmap-step" onclick="goToStartupStep(3)"> <div class="step-node">3</div> <div class="step-label">制定制度</div> </div> <div class="roadmap-line"></div> <div class="roadmap-step" onclick="goToStartupStep(4)"> <div class="step-node">4</div> <div class="step-label">设立部门</div> </div> <div class="roadmap-line"></div> <div class="roadmap-step" onclick="goToStartupStep(5)"> <div class="step-node">5</div> <div class="step-label">招聘培训</div> </div> <div class="roadmap-line"></div> <div class="roadmap-step" onclick="goToStartupStep(6)"> <div class="step-node">6</div> <div class="step-label">市场运营</div> </div> <div class="roadmap-line"></div> <div class="roadmap-step" onclick="goToStartupStep(7)"> <div class="step-node">7</div> <div class="step-label">服务交付</div> </div> </div> </div> <!-- Step 1: 选择赛道 --> <div class="startup-step active" id="startup-step-1"> <div class="step-header"> <div class="step-number">Step 1</div> <div class="step-title">🎯 选择创业赛道</div> <div class="step-ai-hint" onclick="alert('AI导师建议：根据当前市场趋势和政策红利，推荐您考虑AI+行业、跨境电商和新能源赛道，这些领域增速快、政策支持力度大。')">🤖 AI导师分析</div> </div> <div class="step-desc">选择您感兴趣的创业方向，AI将为您生成行业分析报告</div> <div class="track-grid"> <div class="track-card" onclick="selectTrack(this, 'AI+行业应用')"> <div class="track-icon">🤖</div> <div class="track-name">AI+行业应用</div> <div class="track-heat">🔥🔥🔥🔥🔥</div> <div class="track-tag">高增长</div> </div> <div class="track-card" onclick="selectTrack(this, '跨境电商')"> <div class="track-icon">🌐</div> <div class="track-name">跨境电商</div> <div class="track-heat">🔥🔥🔥🔥</div> <div class="track-tag">政策利好</div> </div> <div class="track-card" onclick="selectTrack(this, '新零售')"> <div class="track-icon">🛒</div> <div class="track-name">新零售</div> <div class="track-heat">🔥🔥🔥</div> <div class="track-tag">成熟赛道</div> </div> <div class="track-card" onclick="selectTrack(this, '新能源')"> <div class="track-icon">⚡</div> <div class="track-name">新能源</div> <div class="track-heat">🔥🔥🔥🔥🔥</div> <div class="track-tag">政策红利</div> </div> <div class="track-card" onclick="selectTrack(this, 'SaaS工具')"> <div class="track-icon">💻</div> <div class="track-name">SaaS工具</div> <div class="track-heat">🔥🔥🔥🔥</div> <div class="track-tag">高毛利</div> </div> <div class="track-card" onclick="selectTrack(this, '内容付费')"> <div class="track-icon">📱</div> <div class="track-name">内容付费</div> <div class="track-heat">🔥🔥🔥</div> <div class="track-tag">低门槛</div> </div> <div class="track-card" onclick="selectTrack(this, '本地生活')"> <div class="track-icon">🏠</div> <div class="track-name">本地生活</div> <div class="track-heat">🔥🔥🔥</div> <div class="track-tag">刚需</div> </div> <div class="track-card" onclick="selectTrack(this, '智能硬件')"> <div class="track-icon">🔧</div> <div class="track-name">智能硬件</div> <div class="track-heat">🔥🔥🔥</div> <div class="track-tag">高壁垒</div> </div> </div> <div class="step-actions"> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="nextStartupStep(2)">选定赛道，下一步 →</button> </div> </div> <!-- Step 2: 注册公司 --> <div class="startup-step" id="startup-step-2"> <div class="step-header"> <div class="step-number">Step 2</div> <div class="step-title">🏢 注册公司主体</div> <div class="step-ai-hint" onclick="alert('AI导师建议：如果您是初次创业且资金有限，建议先注册个体工商户试水，运营成熟后再升级为公司。如果已有明确商业模式和合作需求，直接注册有限公司更规范。')">🤖 AI导师建议</div> </div> <div class="step-desc">选择公司主体类型，AI将帮您完成注册流程</div> <div class="entity-options"> <div class="entity-card" onclick="selectEntity(this, '个体工商户')"> <div class="entity-icon">👤</div> <div class="entity-name">个体工商户</div> <div class="entity-features"> <div class="entity-feature">✅ 注册简单，1-3天下证</div> <div class="entity-feature">✅ 无最低注册资本要求</div> <div class="entity-feature">✅ 税负较低</div> <div class="entity-feature">⚠️ 承担无限责任</div> <div class="entity-feature">⚠️ 不能融资、不能开分店</div> </div> <div class="entity-cost">注册成本：约 ¥500</div> </div> <div class="entity-card recommended" onclick="selectEntity(this, '有限责任公司')"> <div class="entity-badge">推荐</div> <div class="entity-icon">🏢</div> <div class="entity-name">有限责任公司</div> <div class="entity-features"> <div class="entity-feature">✅ 承担有限责任</div> <div class="entity-feature">✅ 可融资、可开分店</div> <div class="entity-feature">✅ 更受合作伙伴信任</div> <div class="entity-feature">✅ 可申请各类补贴</div> <div class="entity-feature">⚠️ 注册流程稍复杂</div> </div> <div class="entity-cost">注册成本：约 ¥1,500</div> </div> <div class="entity-card" onclick="selectEntity(this, '个人独资企业')"> <div class="entity-icon">💼</div> <div class="entity-name">个人独资企业</div> <div class="entity-features"> <div class="entity-feature">✅ 无需注册资本</div> <div class="entity-feature">✅ 经营灵活</div> <div class="entity-feature">✅ 可核定征收</div> <div class="entity-feature">⚠️ 承担无限责任</div> <div class="entity-feature">⚠️ 融资受限</div> </div> <div class="entity-cost">注册成本：约 ¥800</div> </div> </div> <div class="step-actions"> <button class="step-btn-secondary" onclick="prevStartupStep(1)">← 上一步</button> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="nextStartupStep(3)">确认注册，下一步 →</button> </div> </div> <!-- Step 3: 制定制度 --> <div class="startup-step" id="startup-step-3"> <div class="step-header"> <div class="step-number">Step 3</div> <div class="step-title">📋 制定公司制度</div> <div class="step-ai-hint" onclick="alert('AI导师为您自动生成了一套符合行业标准的公司制度模板，包括：考勤制度、薪酬制度、绩效制度、财务制度、保密制度。您可以根据实际情况调整。')">🤖 AI一键生成制度</div> </div> <div class="step-desc">AI根据您的行业和规模，智能生成公司制度体系</div> <div class="policy-grid"> <div class="policy-card" onclick="togglePolicy(this)"> <div class="policy-check">☑️</div> <div class="policy-icon">🕐</div> <div class="policy-name">考勤与休假制度</div> <div class="policy-desc">上下班时间、打卡规则、年假/事假/病假规定</div> </div> <div class="policy-card active" onclick="togglePolicy(this)"> <div class="policy-check">☑️</div> <div class="policy-icon">💰</div> <div class="policy-name">薪酬与福利制度</div> <div class="policy-desc">基本工资、绩效奖金、五险一金、补贴标准</div> </div> <div class="policy-card active" onclick="togglePolicy(this)"> <div class="policy-check">☑️</div> <div class="policy-icon">📊</div> <div class="policy-name">绩效考核制度</div> <div class="policy-desc">KPI设定、考核周期、晋升机制、末位淘汰</div> </div> <div class="policy-card" onclick="togglePolicy(this)"> <div class="policy-check">☑️</div> <div class="policy-icon">💵</div> <div class="policy-name">财务管理制度</div> <div class="policy-desc">报销流程、审批权限、预算管理、审计规范</div> </div> <div class="policy-card active" onclick="togglePolicy(this)"> <div class="policy-check">☑️</div> <div class="policy-icon">🔒</div> <div class="policy-name">保密与竞业制度</div> <div class="policy-desc">商业秘密保护、竞业限制、知识产权归属</div> </div> <div class="policy-card" onclick="togglePolicy(this)"> <div class="policy-check">☑️</div> <div class="policy-icon">📝</div> <div class="policy-name">合同管理制度</div> <div class="policy-desc">劳动合同、合作协议、审批流程</div> </div> </div> <div class="step-actions"> <button class="step-btn-secondary" onclick="prevStartupStep(2)">← 上一步</button> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="nextStartupStep(4)">制度确认，下一步 →</button> </div> </div> <!-- Step 4: 设立部门 --> <div class="startup-step" id="startup-step-4"> <div class="step-header"> <div class="step-number">Step 4</div> <div class="step-title">🏛️ 设立组织部门</div> <div class="step-ai-hint" onclick="alert('AI导师建议：初创团队建议采用扁平化组织架构，核心部门3-5个即可。AI可为您推荐最优部门配置和人员编制方案。')">🤖 AI组织架构建议</div> </div> <div class="step-desc">根据业务需要搭建组织架构，AI推荐最优部门配置</div> <div class="dept-org-chart"> <div class="dept-ceo">CEO / 创始人</div> <div class="dept-branches"> <div class="dept-branch" onclick="toggleDept(this)"> <div class="dept-box">📊 市场部</div> <div class="dept-detail">品牌推广 · 获客引流 · 渠道运营</div> </div> <div class="dept-branch" onclick="toggleDept(this)"> <div class="dept-box">💰 销售部</div> <div class="dept-detail">客户开发 · 商务谈判 · 签单回款</div> </div> <div class="dept-branch" onclick="toggleDept(this)"> <div class="dept-box">🔧 技术/产品部</div> <div class="dept-detail">产品研发 · 技术架构 · 质量管控</div> </div> <div class="dept-branch" onclick="toggleDept(this)"> <div class="dept-box">🎯 运营部</div> <div class="dept-detail">用户运营 · 数据分析 · 流程优化</div> </div> <div class="dept-branch" onclick="toggleDept(this)"> <div class="dept-box">💵 财务部</div> <div class="dept-detail">账务核算 · 税务申报 · 资金管理</div> </div> <div class="dept-branch" onclick="toggleDept(this)"> <div class="dept-box">👥 人事行政部</div> <div class="dept-detail">招聘培训 · 薪酬绩效 · 行政后勤</div> </div> </div> </div> <div class="step-actions"> <button class="step-btn-secondary" onclick="prevStartupStep(3)">← 上一步</button> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="nextStartupStep(5)">部门就位，下一步 →</button> </div> </div> <!-- Step 5: 招聘培训 --> <div class="startup-step" id="startup-step-5"> <div class="step-header"> <div class="step-number">Step 5</div> <div class="step-title">👥 招聘与培训</div> <div class="step-ai-hint" onclick="alert('AI导师建议：初创团队建议先用AI虚拟员工替代基础岗位（如客服、数据录入），节省60%人力成本。核心岗位招聘真人，搭配AI助手提升效率。')">🤖 AI招聘策略</div> </div> <div class="step-desc">AI员工+真人员工混合编队，最优成本效率比</div> <div class="hire-section"> <div class="hire-subtitle">🤖 AI虚拟员工（即时上岗）</div> <div class="hire-grid"> <div class="hire-card ai-employee" onclick="toggleHire(this)"> <div class="hire-avatar">🤖</div> <div class="hire-name">AI客服专员</div> <div class="hire-cost">¥800/月</div> <div class="hire-tag">省60%人力</div> </div> <div class="hire-card ai-employee" onclick="toggleHire(this)"> <div class="hire-avatar">🤖</div> <div class="hire-name">AI运营助手</div> <div class="hire-cost">¥1,200/月</div> <div class="hire-tag">7x24在线</div> </div> <div class="hire-card ai-employee" onclick="toggleHire(this)"> <div class="hire-avatar">🤖</div> <div class="hire-name">AI数据分析师</div> <div class="hire-cost">¥1,500/月</div> <div class="hire-tag">实时洞察</div> </div> <div class="hire-card ai-employee" onclick="toggleHire(this)"> <div class="hire-avatar">🤖</div> <div class="hire-name">AI财务助理</div> <div class="hire-cost">¥1,000/月</div> <div class="hire-tag">精准核算</div> </div> </div> </div> <div class="hire-section"> <div class="hire-subtitle">👤 真人员工（需招聘流程）</div> <div class="hire-grid"> <div class="hire-card" onclick="toggleHire(this)"> <div class="hire-avatar">👤</div> <div class="hire-name">市场经理</div> <div class="hire-cost">¥8K-15K/月</div> <div class="hire-tag">核心岗位</div> </div> <div class="hire-card" onclick="toggleHire(this)"> <div class="hire-avatar">👤</div> <div class="hire-name">产品经理</div> <div class="hire-cost">¥10K-20K/月</div> <div class="hire-tag">核心岗位</div> </div> <div class="hire-card" onclick="toggleHire(this)"> <div class="hire-avatar">👤</div> <div class="hire-name">技术负责人</div> <div class="hire-cost">¥15K-30K/月</div> <div class="hire-tag">关键岗位</div> </div> <div class="hire-card" onclick="toggleHire(this)"> <div class="hire-avatar">👤</div> <div class="hire-name">销售主管</div> <div class="hire-cost">¥8K-12K+提成</div> <div class="hire-tag">业绩驱动</div> </div> </div> </div> <div class="hire-section"> <div class="hire-subtitle">📚 AI培训计划</div> <div class="train-timeline"> <div class="train-item"> <div class="train-dot"></div> <div class="train-content"> <div class="train-title">第1周：企业文化与制度培训</div> <div class="train-desc">AI导师讲解公司愿景、制度规范、工作流程</div> </div> </div> <div class="train-item"> <div class="train-dot"></div> <div class="train-content"> <div class="train-title">第2周：岗位技能培训</div> <div class="train-desc">AI模拟客户场景，实战演练岗位核心技能</div> </div> </div> <div class="train-item"> <div class="train-dot"></div> <div class="train-content"> <div class="train-title">第3周：团队协作训练</div> <div class="train-desc">跨部门协作模拟，AI评估团队配合度</div> </div> </div> <div class="train-item"> <div class="train-dot"></div> <div class="train-content"> <div class="train-title">第4周：考核上岗</div> <div class="train-desc">AI综合考核，合格者正式上岗，不合格者回炉</div> </div> </div> </div> </div> <div class="step-actions"> <button class="step-btn-secondary" onclick="prevStartupStep(4)">← 上一步</button> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="nextStartupStep(6)">团队就绪，下一步 →</button> </div> </div> <!-- Step 6: 市场运营 --> <div class="startup-step" id="startup-step-6"> <div class="step-header"> <div class="step-number">Step 6</div> <div class="step-title">📢 市场运营</div> <div class="step-ai-hint" onclick="alert('AI导师为您制定了分阶段市场策略：n第1月：冷启动——精准获客100人n第2月：增长期——裂变拉新500人n第3月：规模化——渠道拓展2000人nnAI将实时监控ROI，自动优化投放策略。')">🤖 AI营销策略</div> </div> <div class="step-desc">AI制定营销策略，自动优化投放，实时监控ROI</div> <div class="market-grid"> <div class="market-card"> <div class="market-icon">📱</div> <div class="market-name">线上营销</div> <div class="market-items"> <span class="market-item" onclick="toggleMarketItem(this)">SEO/SEM</span> <span class="market-item active" onclick="toggleMarketItem(this)">短视频</span> <span class="market-item" onclick="toggleMarketItem(this)">信息流广告</span> <span class="market-item active" onclick="toggleMarketItem(this)">社群运营</span> <span class="market-item" onclick="toggleMarketItem(this)">KOL合作</span> <span class="market-item" onclick="toggleMarketItem(this)">内容营销</span> </div> </div> <div class="market-card"> <div class="market-icon">🏪</div> <div class="market-name">线下渠道</div> <div class="market-items"> <span class="market-item" onclick="toggleMarketItem(this)">地推</span> <span class="market-item" onclick="toggleMarketItem(this)">展会/沙龙</span> <span class="market-item" onclick="toggleMarketItem(this)">异业合作</span> <span class="market-item" onclick="toggleMarketItem(this)">代理招商</span> </div> </div> <div class="market-card"> <div class="market-icon">🔄</div> <div class="market-name">增长策略</div> <div class="market-items"> <span class="market-item active" onclick="toggleMarketItem(this)">裂变拉新</span> <span class="market-item" onclick="toggleMarketItem(this)">老带新</span> <span class="market-item" onclick="toggleMarketItem(this)">积分激励</span> <span class="market-item" onclick="toggleMarketItem(this)">免费试用</span> </div> </div> </div> <!-- 模拟数据看板 --> <div class="market-dashboard"> <div class="dashboard-title">📊 模拟运营数据（沙盘预测）</div> <div class="dashboard-grid"> <div class="dashboard-item"> <div class="dashboard-value">¥12.8万</div> <div class="dashboard-label">预计月营收</div> </div> <div class="dashboard-item"> <div class="dashboard-value">1,280</div> <div class="dashboard-label">预计月获客</div> </div> <div class="dashboard-item"> <div class="dashboard-value">¥38</div> <div class="dashboard-label">获客成本</div> </div> <div class="dashboard-item"> <div class="dashboard-value">3.2x</div> <div class="dashboard-label">ROI倍数</div> </div> </div> </div> <div class="step-actions"> <button class="step-btn-secondary" onclick="prevStartupStep(5)">← 上一步</button> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="nextStartupStep(7)">启动运营，下一步 →</button> </div> </div> <!-- Step 7: 服务交付 --> <div class="startup-step" id="startup-step-7"> <div class="step-header"> <div class="step-number">Step 7</div> <div class="step-title">🎯 服务交付与复盘</div> <div class="step-ai-hint" onclick="alert('AI导师复盘报告：n✅ 当前运营健康度：85分n✅ 客户满意度预测：92%n⚠️ 建议关注：现金流管理、客户复购率提升nnAI将持续监控运营数据，异常时自动预警。')">🤖 AI复盘报告</div> </div> <div class="step-desc">AI监控服务品质，自动优化流程，定期生成复盘报告</div> <div class="service-flow"> <div class="service-flow-item"> <div class="sf-icon">📩</div> <div class="sf-name">接单/签约</div> <div class="sf-ai">AI自动审合同</div> </div> <div class="service-flow-arrow">→</div> <div class="service-flow-item"> <div class="sf-icon">⚙️</div> <div class="sf-name">执行/交付</div> <div class="sf-ai">AI进度追踪</div> </div> <div class="service-flow-arrow">→</div> <div class="service-flow-item"> <div class="sf-icon">✅</div> <div class="sf-name">验收/结算</div> <div class="sf-ai">AI自动对账</div> </div> <div class="service-flow-arrow">→</div> <div class="service-flow-item"> <div class="sf-icon">⭐</div> <div class="sf-name">评价/复购</div> <div class="sf-ai">AI满意度分析</div> </div> </div> <div class="review-summary"> <div class="review-title">📋 创业沙盘总结</div> <div class="review-stats"> <div class="review-stat"> <div class="rs-value good">优秀</div> <div class="rs-label">赛道选择</div> </div> <div class="review-stat"> <div class="rs-value good">合规</div> <div class="rs-label">公司注册</div> </div> <div class="review-stat"> <div class="rs-value warn">待完善</div> <div class="rs-label">制度建设</div> </div> <div class="review-stat"> <div class="rs-value good">合理</div> <div class="rs-label">组织架构</div> </div> <div class="review-stat"> <div class="rs-value good">高效</div> <div class="rs-label">人效比</div> </div> <div class="review-stat"> <div class="rs-value good">3.2x</div> <div class="rs-label">ROI</div> </div> </div> <div class="review-ai-tip">🤖 AI导师评价：您的创业方案整体可行，建议重点加强制度建设和现金流管理。可以进入实盘创业阶段了！</div> </div> <div class="step-actions"> <button class="step-btn-secondary" onclick="prevStartupStep(6)">← 上一步</button> <button class="btn btn-blue" style="width:auto;padding:0 30px;" onclick="switchStartupMode('real')">进入实盘创业 →</button> <button class="btn btn-orange" style="width:auto;padding:0 30px;" onclick="switchStartupMode('contest')">参加创业大赛 🏆</button> </div> </div> </div> <!-- ========== 实盘创业内容 ========== --> <div class="startup-mode-panel" id="startup-real"> <div class="real-warning"> <span class="warning-icon">⚠️</span> <div> <div class="warning-title">实盘创业模式</div> <div class="warning-desc">所有产品、市场、营收均为真实数据。系统将实时同步您的业务数据，AI导师全天候监控并给出决策建议。</div> </div> </div> <div class="real-dashboard"> <div class="real-dash-title">📊 实时经营看板</div> <div class="real-dash-grid"> <div class="real-dash-card"> <div class="rdc-label">本月营收</div> <div class="rdc-value">¥00</div> <div class="rdc-trend">暂无数据</div> </div> <div class="real-dash-card"> <div class="rdc-label">客户数</div> <div class="rdc-value">0</div> <div class="rdc-trend">暂无数据</div> </div> <div class="real-dash-card"> <div class="rdc-label">订单量</div> <div class="rdc-value">0</div> <div class="rdc-trend">暂无数据</div> </div> <div class="real-dash-card"> <div class="rdc-label">现金流</div> <div class="rdc-value">¥00</div> <div class="rdc-trend">暂无数据</div> </div> </div> </div> <div class="real-modules"> <div class="real-module-card" onclick="alert('正在连接真实产品数据源...')"> <div class="rm-icon">📦</div> <div class="rm-name">真实产品管理</div> <div class="rm-desc">对接货盘广场真实商品，上架/下架/定价/库存</div> </div> <div class="real-module-card" onclick="alert('正在同步真实市场数据...')"> <div class="rm-icon">📈</div> <div class="rm-name">真实市场数据</div> <div class="rm-desc">行业趋势、竞品分析、客户画像实时同步</div> </div> <div class="real-module-card" onclick="alert('正在连接支付通道...')"> <div class="rm-icon">💳</div> <div class="rm-name">真实交易与结算</div> <div class="rm-desc">在线支付、合同签署、发票开具、财务对账</div> </div> <div class="real-module-card" onclick="alert('AI风控系统启动中...')"> <div class="rm-icon">🛡️</div> <div class="rm-name">AI风控与合规</div> <div class="rm-desc">合同风险检测、财务预警、合规自动检查</div> </div> <div class="real-module-card" onclick="switchPage('mentor-page')"> <div class="rm-icon">🤖</div> <div class="rm-name">AI创业导师</div> <div class="rm-desc">7x24小时在线，实时决策建议、异常预警</div> </div> <div class="real-module-card" onclick="alert('团队协作空间加载中...')"> <div class="rm-icon">👥</div> <div class="rm-name">团队协作中心</div> <div class="rm-desc">任务分配、进度看板、实时沟通、绩效追踪</div> </div> </div> </div> <!-- ========== 创业大赛内容 ========== --> <div class="startup-mode-panel" id="startup-contest"> <div class="contest-banner"> <div class="contest-badge">🏆</div> <div class="contest-info"> <div class="contest-title">AI创业大赛 · 第3季</div> <div class="contest-desc">展示你的创业方案，赢取百万奖金和顶级资源</div> </div> <div class="contest-prize">奖金池 ¥100万</div> </div> <div class="contest-grid"> <div class="contest-card"> <div class="contest-card-header"> <span class="contest-status live">🔥 报名中</span> <span class="contest-deadline">截止：2025-06-30</span> </div> <div class="contest-card-title">AI+行业应用赛道</div> <div class="contest-card-desc">AI赋能传统行业，打造行业解决方案</div> <div class="contest-card-prize">一等奖 ¥30万 · 二等奖 ¥10万 · 三等奖 ¥5万</div> <div class="contest-card-tags"> <span class="contest-tag">AI</span> <span class="contest-tag">SaaS</span> <span class="contest-tag">行业解决方案</span> </div> <button class="btn btn-orange" style="font-size:13px;height:36px;" onclick="alert('报名成功！AI导师将帮您准备参赛方案。')">立即报名</button> </div> <div class="contest-card"> <div class="contest-card-header"> <span class="contest-status live">🔥 报名中</span> <span class="contest-deadline">截止：2025-07-15</span> </div> <div class="contest-card-title">跨境电商创新赛道</div> <div class="contest-card-desc">跨境出海新模式、新渠道、新玩法</div> <div class="contest-card-prize">一等奖 ¥20万 · 二等奖 ¥8万 · 三等奖 ¥3万</div> <div class="contest-card-tags"> <span class="contest-tag">跨境</span> <span class="contest-tag">供应链</span> <span class="contest-tag">品牌出海</span> </div> <button class="btn btn-orange" style="font-size:13px;height:36px;" onclick="alert('报名成功！AI导师将帮您准备参赛方案。')">立即报名</button> </div> <div class="contest-card"> <div class="contest-card-header"> <span class="contest-status coming">即将开始</span> <span class="contest-deadline">预计：2025-08-01</span> </div> <div class="contest-card-title">新能源创业赛道</div> <div class="contest-card-desc">绿色能源、碳中和、可持续发展</div> <div class="contest-card-prize">一等奖 ¥25万 · 二等奖 ¥8万 · 三等奖 ¥3万</div> <div class="contest-card-tags"> <span class="contest-tag">新能源</span> <span class="contest-tag">环保</span> <span class="contest-tag">碳中和</span> </div> <button class="btn btn-blue" style="font-size:13px;height:36px;" onclick="alert('已设置提醒，开赛时通知您！')">预约提醒</button> </div> </div> <div class="contest-timeline-section"> <div class="contest-timeline-title">📅 大赛流程</div> <div class="contest-timeline"> <div class="ct-item"> <div class="ct-dot active"></div> <div class="ct-content"> <div class="ct-phase">报名阶段</div> <div class="ct-time">6月1日 - 6月30日</div> <div class="ct-desc">提交项目简介和团队信息，AI导师协助打磨BP</div> </div> </div> <div class="ct-item"> <div class="ct-dot"></div> <div class="ct-content"> <div class="ct-phase">初赛（线上）</div> <div class="ct-time">7月1日 - 7月15日</div> <div class="ct-desc">AI评审+专家评审，筛选Top50进入复赛</div> </div> </div> <div class="ct-item"> <div class="ct-dot"></div> <div class="ct-content"> <div class="ct-phase">复赛（路演）</div> <div class="ct-time">7月20日 - 7月25日</div> <div class="ct-desc">线下路演，投资人面对面，AI模拟答辩</div> </div> </div> <div class="ct-item"> <div class="ct-dot"></div> <div class="ct-content"> <div class="ct-phase">决赛暨颁奖典礼</div> <div class="ct-time">8月1日</div> <div class="ct-desc">巅峰对决，现场颁奖，资源对接</div> </div> </div> </div> </div> </div> </div> </div> <!-- ========== 登录页面 ========== --> <div class="page" id="login-page"> <div class="login-container"> <div class="login-card"> <div class="login-logo">🤖 AI创业生态系统</div> <div class="login-subtitle">创业生态服务平台</div> <div class="login-tabs"> <div class="login-tab active" onclick="switchLoginTab('user',this)">用户登录</div> <div class="login-tab" onclick="switchLoginTab('admin',this)">管理员</div> </div> <div class="login-form"> <div class="login-field"> <span class="login-field-icon">📱</span> <input type="text" id="login-phone" placeholder="请输入手机号" maxlength="11"> </div> <div class="login-field"> <span class="login-field-icon">🔒</span> <input type="password" id="login-password" placeholder="请输入密码"> </div> <div class="login-error" id="login-error"></div> <button class="login-submit" onclick="handleLogin()">登 录</button> <div class="login-links"> <a onclick="switchPage('home-page');switchRegTab('personal')">没有账号？立即注册</a> <a onclick="showToast('请联系管理员重置密码')">忘记密码？</a> </div> </div> <div class="login-demo"> <div class="login-demo-title">演示账号</div> <div class="login-demo-item" onclick="fillDemoAccount('13800001111','123456')">👤 个人：13800001111 / 123456</div> <div class="login-demo-item" onclick="fillDemoAccount('13800003333','123456')">🏢 企业：13800003333 / 123456</div> <div class="login-demo-item" onclick="fillDemoAccount('13800000000','admin123')">🛡️ 管理员：13800000000 / admin123</div> </div> </div> </div> </div> <!-- ========== 用户中心页面 ========== --> <div class="page" id="user-center-page"> <div class="right-panel" style="max-width:100%;"> <!-- 用户信息头部 --> <div class="uc-header"> <div class="uc-avatar" id="uc-avatar">👤</div> <div class="uc-info"> <div class="uc-name" id="uc-name">未登录</div> <div class="uc-type" id="uc-type">--</div> <div class="uc-phone" id="uc-phone">--</div> </div> <button class="uc-logout" onclick="handleLogout()">退出登录</button> </div> <!-- 统计卡片 --> <div class="uc-stats"> <div class="uc-stat-card"> <div class="uc-stat-value" id="uc-points">0</div> <div class="uc-stat-label">可用积分</div> <button class="uc-recharge-btn" onclick="showRechargeModal()">💎 充值</button> </div> <div class="uc-stat-card"> <div class="uc-stat-value" id="uc-earned">0</div> <div class="uc-stat-label">累计获得</div> </div> <div class="uc-stat-card"> <div class="uc-stat-value" id="uc-spent">0</div> <div class="uc-stat-label">累计消费</div> </div> <div class="uc-stat-card"> <div class="uc-stat-value" id="uc-employees">0</div> <div class="uc-stat-label">AI员工</div> </div> <div class="uc-stat-card"> <div class="uc-stat-value" id="uc-msgs">0</div> <div class="uc-stat-label">未读私信</div> </div> </div> <!-- 功能导航 --> <div class="uc-nav-grid"> <div class="uc-nav-item" onclick="showRechargeModal()"> <span class="uc-nav-icon">💎</span> <span>积分充值</span> </div> <div class="uc-nav-item" onclick="switchPage('points-page')"> <span class="uc-nav-icon">🏆</span> <span>积分中心</span> </div> <div class="uc-nav-item" onclick="switchPage('message-page')"> <span class="uc-nav-icon">✉️</span> <span>站内私信</span> </div> <div class="uc-nav-item" onclick="showMyTeam()"> <span class="uc-nav-icon">🤖</span> <span>我的AI团队</span> </div> <div class="uc-nav-item" onclick="showMyProfile()"> <span class="uc-nav-icon">⚙️</span> <span>个人设置</span> </div> <div class="uc-nav-item" onclick="showChangePwd()"> <span class="uc-nav-icon">🔑</span> <span>修改密码</span> </div> <div class="uc-nav-item" onclick="switchPage('startup-page')"> <span class="uc-nav-icon">🚀</span> <span>创业沙盘</span> </div> <div class="uc-nav-item" id="uc-admin-entry" onclick="switchPage('admin-page')" style="display:none;"> <span class="uc-nav-icon">🛡️</span> <span>管理后台</span> </div> </div> <!-- 我的AI团队 --> <div class="uc-section" id="uc-team-section"> <div class="uc-section-title">🤖 我的AI团队</div> <div id="uc-team-list" class="uc-team-list"> <div class="uc-empty">暂未雇佣AI员工，去<a onclick="switchPage('talent-page')">AI员工招聘</a>看看吧</div> </div> </div> <!-- 个人设置面板 --> <div class="uc-section" id="uc-profile-section" style="display:none;"> <div class="uc-section-title">⚙️ 个人设置</div> <div id="uc-profile-form" class="uc-profile-form"></div> </div> <!-- 修改密码面板 --> <div class="uc-section" id="uc-pwd-section" style="display:none;"> <div class="uc-section-title">🔑 修改密码</div> <div class="uc-pwd-form"> <input type="password" id="uc-old-pwd" placeholder="原密码" class="form-input"> <input type="password" id="uc-new-pwd" placeholder="新密码（至少6位）" class="form-input"> <input type="password" id="uc-new-pwd2" placeholder="确认新密码" class="form-input"> <button class="login-submit" onclick="handleChangePwd()">确认修改</button> </div> </div> <!-- 最近动态 --> <div class="uc-section"> <div class="uc-section-title">📋 最近动态</div> <div id="uc-activity-list" class="uc-activity-list"></div> </div> </div> </div> <!-- ========== 站内私信页面 ========== --> <div class="page" id="message-page"> <div class="right-panel" style="max-width:100%;"> <div class="form-title">✉️ 站内私信</div> <div class="msg-layout"> <!-- 会话列表 --> <div class="msg-sidebar"> <div class="msg-sidebar-title">会话列表</div> <!-- 好友申请区 --> <div id="msg-friend-requests-section" style="display:none;margin-bottom:12px;"> <div style="font-size:13px;font-weight:600;color:#333;margin-bottom:8px;">🔔 好友申请</div> <div id="msg-friend-requests"></div> </div> <!-- 好友列表区 --> <div style="font-size:13px;font-weight:600;color:#333;margin-bottom:8px;">👥 好友列表</div> <div id="msg-friend-list"></div> <div style="font-size:13px;font-weight:600;color:#333;margin:12px 0 8px;">💬 会话列表</div> <div id="msg-contact-list" class="msg-contact-list"> <div class="uc-empty">暂无会话</div> </div> </div> <!-- 聊天窗口 --> <div class="msg-main"> <div class="msg-chat-header" id="msg-chat-header">选择一个会话开始聊天</div> <div class="msg-chat-body" id="msg-chat-body"> <div class="msg-empty-state"> <div class="msg-empty-icon">💬</div> <div>选择左侧联系人开始对话</div> </div> </div> <div class="msg-chat-input" id="msg-chat-input" style="display:none;"> <input type="text" id="msg-input" placeholder="输入消息..." onkeydown="if(event.key==='Enter')sendMsg()"> <button onclick="sendMsg()">发送</button> </div> </div> </div> </div> </div> <!-- ========== 管理员后台页面 ========== --> <div class="page" id="admin-page"> <div class="right-panel" style="max-width:100%;"> <div class="form-title">🛡️ 管理员后台</div> <!-- 管理员Tab --> <div class="network-tabs"> <div class="network-tab active" onclick="switchAdminTab('users',this)">用户管理</div> <div class="network-tab" onclick="switchAdminTab('content',this)">内容管理</div> <div class="network-tab" onclick="switchAdminTab('auth',this)">授权管理</div> <div class="network-tab" onclick="switchAdminTab('stats',this)">数据统计</div> <div class="network-tab" onclick="switchAdminTab('finance',this)">金融审核</div> <div class="network-tab" onclick="switchAdminTab('broadcast',this)">全员广播</div> <div class="network-tab" onclick="switchAdminTab('download',this)">系统打包</div> </div> <!-- 用户管理面板 --> <div id="admin-users-panel"> <div class="admin-toolbar"> <input type="text" id="admin-search" placeholder="搜索用户名/手机号" class="form-input" style="width:200px;"> <button class="talent-btn hire-btn" onclick="renderAdminUsers()">搜索</button> <button class="talent-btn" onclick="Store.reset();renderAdminUsers();showToast('数据已重置')">重置演示数据</button> </div> <table class="admin-table" id="admin-user-table"> <thead> <tr><th>ID</th><th>类型</th><th>名称</th><th>手机号</th><th>积分</th><th>状态</th><th>注册时间</th><th>操作</th></tr> </thead> <tbody id="admin-user-tbody"></tbody> </table> </div> <!-- 内容管理面板 --> <div id="admin-content-panel" style="display:none;"> <div class="admin-toolbar"> <select id="admin-content-type" class="form-input" style="width:140px;" onchange="renderAdminContent()"> <option value="projects">项目管理</option> <option value="goodsItems">货盘管理</option> <option value="serviceItems">服务管理</option> <option value="taskItems">任务管理</option> <option value="financeItems">金融管理</option> </select> <button class="talent-btn" onclick="showAddContentModal()">+ 新增内容</button> </div> <div id="admin-content-table-wrap"></div> </div> <!-- 授权管理面板 --> <div id="admin-auth-panel" style="display:none;"> <div style="margin-bottom:16px;font-size:13px;color:#666;">将普通用户授权为管理员，或取消管理员权限。管理员可登录管理后台。</div> <table class="admin-table"> <thead> <tr><th>ID</th><th>类型</th><th>名称</th><th>手机号</th><th>当前角色</th><th>操作</th></tr> </thead> <tbody id="admin-auth-tbody"></tbody> </table> </div> <!-- 数据统计面板 --> <div id="admin-stats-panel" style="display:none;"> <div class="uc-stats" id="admin-stats-grid"></div> </div> <!-- 金融审核面板 --> <div id="admin-finance-panel" style="display:none;"> <table class="admin-table"> <thead> <tr><th>申请ID</th><th>用户</th><th>产品</th><th>金额</th><th>状态</th><th>时间</th><th>操作</th></tr> </thead> <tbody id="admin-finance-tbody"></tbody> </table> </div> <!-- 全员广播面板 --> <div id="admin-broadcast-panel" style="display:none;"> <div style="margin-bottom:16px;"> <div class="form-label">广播内容</div> <textarea id="admin-broadcast-msg" class="form-textarea" style="height:120px;" placeholder="输入要广播给所有用户的消息..."></textarea> <button class="btn btn-blue" style="width:auto;margin-top:12px;" onclick="sendBroadcast()">发送全员广播</button> </div> <div class="form-title" style="margin-top:20px;">历史广播记录</div> <div id="admin-broadcast-history"></div> </div> <!-- 系统打包面板 --> <div id="admin-download-panel" style="display:none;"> <div style="margin-bottom:24px;"> <div style="font-size:15px;font-weight:600;margin-bottom:12px;">下载项目文件</div> <div style="font-size:13px;color:#666;margin-bottom:20px;">点击按钮，系统将在浏览器端实时打包并下载。无需外部服务，安全可靠。</div> </div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;"> <div style="border:2px solid #e0e6ff;border-radius:12px;padding:24px;background:linear-gradient(135deg,#f0f4ff,#e8eeff);"> <div style="font-size:36px;margin-bottom:8px;">📦</div> <div style="font-size:16px;font-weight:700;margin-bottom:6px;color:#2c3e50;">完整源码包</div> <div style="font-size:12px;color:#888;margin-bottom:16px;line-height:1.6;">包含前端源码、后端模板、文档、构建产物等完整项目文件。需要运行 pnpm install && pnpm dev 启动开发环境。</div> <div style="font-size:12px;color:#5b6abf;margin-bottom:12px;">含：源码 + 文档 + 构建产物 + README</div> <button id="download-full-btn" onclick="downloadFullPackage()" style="padding:10px 28px;background:linear-gradient(135deg,#4f6ef7,#6c5ce7);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;">下载完整源码</button> </div> <div style="border:2px solid #d4edda;border-radius:12px;padding:24px;background:linear-gradient(135deg,#f0fff4,#e6ffed);"> <div style="font-size:36px;margin-bottom:8px;">🚀</div> <div style="font-size:16px;font-weight:700;margin-bottom:6px;color:#2c3e50;">纯静态部署包</div> <div style="font-size:12px;color:#888;margin-bottom:16px;line-height:1.6;">仅包含构建后的 HTML/CSS/JS 文件。解压后直接放到 Nginx、Vercel 等静态服务器目录即可运行，无需安装依赖。</div> <div style="font-size:12px;color:#27ae60;margin-bottom:12px;">含：index.html + CSS + JS + 部署说明</div> <button id="download-dist-btn" onclick="downloadDistPackage()" style="padding:10px 28px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;">下载部署包</button> </div> </div> <div style="margin-top:24px;padding:16px;background:#fff8e1;border-radius:8px;border-left:4px solid #f39c12;"> <div style="font-size:13px;font-weight:600;color:#e67e22;margin-bottom:6px;">使用说明</div> <div style="font-size:12px;color:#888;line-height:1.8;"> 1 完整源码包：解压后进入 frontend 目录，执行 <code style="background:#f5f5f5;padding:2px 6px;border-radius:3px;">pnpm install</code> 安装依赖，再执行 <code style="background:#f5f5f5;padding:2px 6px;border-radius:3px;">pnpm dev</code> 启动开发服务器。<br> 2 纯静态部署包：解压后上传至任意 Web 服务器根目录即可直接访问，无需额外配置。<br> 3 数据存储：系统使用浏览器 localStorage 存储数据，无需数据库。<br> 4 点击按钮后，浏览器会自动开始下载 ZIP 文件。 </div> </div> </div> <!-- 内容编辑弹窗 --> <div class="recharge-modal" id="content-modal"> <div class="recharge-modal-content" style="max-width:620px;"> <div class="recharge-modal-header"> <h3 id="content-modal-title" style="margin:0;font-size:16px;">新增内容</h3> <span class="recharge-close" onclick="hideContentModal()">&times;</span> </div> <div style="padding:20px;max-height:70vh;overflow-y:auto;"> <input type="hidden" id="cm-id"> <input type="hidden" id="cm-type"> <div id="cm-form-body"></div> <div style="display:flex;gap:12px;margin-top:20px;"> <button class="btn btn-blue" style="flex:1;" onclick="saveContent()">保存</button> <button class="btn" style="flex:1;background:#f5f5f5;color:#666;" onclick="hideContentModal()">取消</button> </div> </div> </div> </div> </div> </div> </div> <div class="footer"> © 2025 AI创业生态系统 - 创业生态服务平台（覆盖全行业AI岗位） </div> <script type="module" src="/js/app.js"></script> </body> </html> .login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f0f8ff,#e8f4ff,#f5f7fa)}.login-card{width:400px;background:#fff;border-radius:12px;padding:40px 36px 32px;box-shadow:0 8px 32px #1890ff1a}.login-logo{font-size:22px;font-weight:700;text-align:center;color:#1890ff;margin-bottom:4px}.login-subtitle{text-align:center;color:#999;font-size:13px;margin-bottom:24px}.login-tabs{display:flex;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;margin-bottom:20px}.login-tab{flex:1;text-align:center;padding:8px 0;font-size:13px;cursor:pointer;transition:all .15s;background:#fff;color:#666}.login-tab:first-child{border-right:1px solid #d9d9d9}.login-tab:hover{color:#1890ff}.login-tab.active{background:#1890ff;color:#fff}.login-field{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:6px;padding:0 12px;margin-bottom:14px;transition:border-color .15s}.login-field:focus-within{border-color:#1890ff}.login-field-icon{font-size:16px;margin-right:8px}.login-field input{flex:1;border:none;outline:none;height:40px;font-size:14px}.login-error{color:#ff4d4f;font-size:12px;margin-bottom:8px;min-height:18px}.login-submit{width:100%;height:42px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.login-submit:hover{background:#096dd9}.login-wx-zone,.reg-wx-zone{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.login-wx-qr,.reg-wx-qr{width:140px;height:140px;border:2px dashed #07c160;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f6ffed;position:relative}.login-wx-qr:hover,.reg-wx-qr:hover{border-color:#1890ff;background:#f0f8ff;transform:scale(1.02)}.login-wx-qr-placeholder,.reg-wx-qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.login-wx-icon,.reg-wx-icon{font-size:36px}.login-wx-tip,.reg-wx-tip{font-size:13px;color:#07c160;font-weight:500}.login-wx-hint,.reg-wx-hint{font-size:12px;color:#999;margin:8px 0 4px}.login-wx-qr-scanning,.login-wx-qr-success{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:#07c160}.login-wx-spinner{width:24px;height:24px;border:3px solid #e8e8e8;border-top:3px solid #07c160;border-radius:50%;animation:wx-spin .8s linear infinite}@keyframes wx-spin{to{transform:rotate(360deg)}}.login-divider-line{width:100%;text-align:center;border-bottom:1px solid #e8e8e8;line-height:1px;margin:12px 0}.login-divider-line span{background:#fff;padding:0 10px;font-size:12px;color:#bbb}.login-links{display:flex;justify-content:space-between;margin-top:14px;font-size:12px}.login-links a{color:#1890ff;cursor:pointer}.login-links a:hover{text-decoration:underline}.login-demo{margin-top:24px;padding:14px;background:#fafafa;border-radius:8px;border:1px dashed #d9d9d9}.login-demo-title{font-size:12px;color:#999;margin-bottom:8px;text-align:center}.login-demo-item{font-size:11px;color:#8c8c8c;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background .1s}.login-demo-item:hover{background:#e8f4ff;color:#1890ff}.uc-header{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#1890ff,#36cfc9);border-radius:10px;margin-bottom:20px;color:#fff}.uc-avatar{width:56px;height:56px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-right:16px}.uc-info{flex:1}.uc-name{font-size:18px;font-weight:600}.uc-type{font-size:12px;opacity:.85;margin-top:2px}.uc-phone{font-size:12px;opacity:.7;margin-top:2px}.uc-logout{padding:6px 16px;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:16px;font-size:12px;cursor:pointer;transition:background .15s}.uc-logout:hover{background:#ffffff59}.uc-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.uc-stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:14px;text-align:center}.uc-stat-value{font-size:20px;font-weight:700;color:#1890ff}.uc-stat-label{font-size:11px;color:#999;margin-top:4px}.uc-nav-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.uc-nav-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px 10px;text-align:center;cursor:pointer;transition:all .15s;font-size:12px;color:#595959}.uc-nav-item:hover{border-color:#1890ff;color:#1890ff;background:#f0f8ff}.uc-nav-icon{display:block;font-size:22px;margin-bottom:6px}.uc-section{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;margin-bottom:16px}.uc-section-title{font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.uc-empty{text-align:center;color:#bfbfbf;font-size:13px;padding:20px}.uc-empty a{color:#1890ff;cursor:pointer}.uc-team-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.uc-team-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.uc-team-card .t-avatar{width:36px;height:36px;background:#e8f4ff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.uc-team-card .t-info{flex:1}.uc-team-card .t-name{font-size:13px;font-weight:600}.uc-team-card .t-fee{font-size:11px;color:#999}.uc-team-card .t-status{font-size:11px;color:#52c41a}.uc-team-card .t-dismiss{font-size:11px;color:#ff4d4f;cursor:pointer;padding:2px 8px;border:1px solid #ffccc7;border-radius:4px;background:#fff}.uc-team-card .t-dismiss:hover{background:#fff1f0}.uc-profile-form{display:flex;flex-direction:column;gap:12px}.uc-profile-form .form-input{width:100%}.uc-profile-form label{display:flex;align-items:center;gap:8px;font-size:13px;color:#595959;cursor:pointer}.uc-profile-form .save-btn{width:fit-content;padding:8px 24px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.uc-pwd-form{display:flex;flex-direction:column;gap:12px;max-width:360px}.uc-pwd-form .form-input{width:100%}.uc-activity-list{max-height:300px;overflow-y:auto}.uc-activity-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.uc-activity-item:last-child{border-bottom:none}.uc-activity-icon{font-size:16px}.uc-activity-text{flex:1;color:#595959}.uc-activity-time{font-size:11px;color:#bfbfbf}.msg-layout{display:flex;gap:0;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;height:500px}.msg-sidebar{width:220px;border-right:1px solid #e8e8e8;background:#fafafa;overflow-y:auto}.msg-sidebar-title{padding:12px 14px;font-size:13px;font-weight:600;border-bottom:1px solid #e8e8e8;background:#fff}.msg-contact-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .1s}.msg-contact-item:hover,.msg-contact-item.active{background:#e8f4ff}.msg-contact-avatar{font-size:20px}.msg-contact-name{flex:1;font-size:13px;color:#333}.msg-contact-unread{background:#ff4d4f;color:#fff;font-size:10px;padding:1px 6px;border-radius:8px;min-width:16px;text-align:center}.msg-main{flex:1;display:flex;flex-direction:column}.msg-chat-header{padding:10px 16px;border-bottom:1px solid #e8e8e8;font-size:13px;font-weight:600;background:#fff}.msg-chat-body{flex:1;padding:16px;overflow-y:auto;background:#fafafa}.msg-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#bfbfbf}.msg-empty-icon{font-size:40px;margin-bottom:12px}.msg-bubble{margin-bottom:12px;display:flex;gap:8px}.msg-bubble.sent{flex-direction:row-reverse}.msg-bubble-avatar{font-size:20px;flex-shrink:0}.msg-bubble-content{max-width:60%;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5}.msg-bubble.received .msg-bubble-content{background:#fff;border:1px solid #e8e8e8;color:#333}.msg-bubble.sent .msg-bubble-content{background:#1890ff;color:#fff}.msg-bubble-time{font-size:10px;color:#bfbfbf;margin-top:4px}.msg-chat-input{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #e8e8e8;background:#fff}.msg-chat-input input{flex:1;height:36px;border:1px solid #d9d9d9;border-radius:6px;padding:0 12px;font-size:13px;outline:none}.msg-chat-input input:focus{border-color:#1890ff}.msg-chat-input button{padding:0 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.msg-chat-input button:hover{background:#096dd9}.admin-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{background:#fafafa;padding:10px 8px;text-align:left;border-bottom:2px solid #e8e8e8;font-weight:600;color:#595959}.admin-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;color:#333}.admin-table tr:hover td{background:#f8fbff}.admin-badge{font-size:11px;padding:2px 8px;border-radius:4px}.admin-badge-personal{background:#e8f4ff;color:#1890ff}.admin-badge-enterprise{background:#fff7e6;color:#fa8c16}.admin-badge-admin{background:#f9f0ff;color:#722ed1}.admin-badge-active{background:#e6f7e6;color:#52c41a}.admin-badge-inactive{background:#f5f5f5;color:#999}.admin-badge-disabled{background:#fff1f0;color:#ff4d4f}.admin-badge-pending{background:#fff7e6;color:#fa8c16}.admin-badge-approved{background:#e6f7e6;color:#52c41a}.admin-badge-rejected{background:#fff1f0;color:#ff4d4f}.admin-action-btn{font-size:11px;padding:2px 8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;margin-right:4px}.admin-action-btn:hover{background:#f0f8ff;border-color:#1890ff;color:#1890ff}.admin-action-btn.danger:hover{background:#fff1f0;border-color:#ff4d4f;color:#ff4d4f}.cm-form-row{display:flex;gap:12px}.cm-image-upload{width:100%;min-height:120px;border:2px dashed #d9d9d9;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;overflow:hidden;background:#fafafa}.cm-image-upload:hover{border-color:#1890ff;background:#f0f8ff}.cm-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#999;font-size:13px;padding:16px}.cm-upload-placeholder span:first-child{font-size:28px}.cm-preview-img{width:100%;max-height:200px;object-fit:contain;border-radius:6px}.cm-checkbox{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#595959;padding:4px 10px;background:#f5f5f5;border-radius:4px;cursor:pointer;transition:all .2s}.cm-checkbox:hover{background:#e8f4ff;color:#1890ff}.cm-checkbox input[type=checkbox]{margin:0;accent-color:#1890ff}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:320px;overflow-y:auto;padding:4px}.icon-picker-item{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:8px;cursor:pointer;transition:all .15s;border:2px solid transparent;background:#fafafa}.icon-picker-item:hover{background:#e8f4ff;border-color:#4a6cf7;transform:scale(1.15)}.icon-picker-cat-title{grid-column:1 / -1;font-size:12px;color:#999;padding:8px 0 4px 2px;border-bottom:1px solid #f0f0f0;margin-top:4px}.ipk-tabs{display:flex;border-bottom:1px solid #eef0f5;background:#fafbfc}.ipk-tab{flex:1;text-align:center;padding:11px 0;font-size:13px;font-weight:500;color:#888;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;user-select:none}.ipk-tab:hover{color:#4a6cf7;background:#f0f4ff}.ipk-tab.active{color:#4a6cf7;font-weight:600;border-bottom-color:#4a6cf7;background:#fff}.ipk-upload-zone{border:2px dashed #d0d7e8;border-radius:14px;padding:28px 16px;text-align:center;cursor:pointer;transition:all .25s;background:#fafbff}.ipk-upload-zone:hover{border-color:#4a6cf7;background:#f0f4ff}.ipk-upload-zone.dragover{border-color:#4a6cf7;background:#e8f0ff;transform:scale(1.01)}.ipk-upload-icon{font-size:36px;margin-bottom:8px}.ipk-upload-text{font-size:14px;color:#555;font-weight:500;margin-bottom:4px}.ipk-upload-hint{font-size:11px;color:#aaa}.ipk-upload-preview{margin-top:16px;text-align:center}.ipk-upload-preview img{width:64px;height:64px;border-radius:12px;object-fit:contain;border:2px solid #e0e6ff;background:#fff;padding:4px}.ipk-upload-actions{margin-top:12px;display:flex;gap:10px;justify-content:center}.ipk-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.ipk-btn-primary{background:linear-gradient(135deg,#4a6cf7,#6c5ce7);color:#fff;box-shadow:0 2px 8px #4a6cf74d}.ipk-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4a6cf766}.ipk-btn-ghost{background:#f5f6fa;color:#555;border:1px solid #e8ecf1}.ipk-btn-ghost:hover{background:#eef0f5}.sys-icon-preview{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:12px;border:1.5px solid #e0e6ff;font-size:28px;overflow:hidden;position:relative}.sys-icon-preview img{width:100%;height:100%;object-fit:contain;padding:4px}.sys-icon-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#4a6cf7;color:#fff;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.sys-icon-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ff4d4f;color:#fff;border-radius:50%;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;border:2px solid #fff;cursor:pointer;transition:transform .2s}.sys-icon-remove:hover{transform:scale(1.2)}.mod-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff;box-shadow:0 1px 4px #0000000f;overflow:hidden;position:relative}.mod-icon-box img{width:100%;height:100%;object-fit:contain;padding:3px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 24px;border-radius:6px;font-size:13px;z-index:10000;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}.login-status-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f8fbff;border-bottom:1px solid #e8f4ff;font-size:12px;color:#595959}.login-status-bar .ls-avatar{font-size:18px}.login-status-bar .ls-name{font-weight:600;color:#333}.login-status-bar .ls-points{color:#1890ff;font-weight:600}.login-status-bar a{color:#1890ff;cursor:pointer;margin-left:auto}.login-status-bar a:hover{text-decoration:underline}.mentor-page-wrapper{width:100%;display:flex;flex-direction:column;height:calc(100vh - 80px);background:#f7f8fc}.mentor-hero{position:relative;padding:24px 32px;overflow:hidden;flex-shrink:0}.mentor-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);opacity:.9;z-index:0}.mentor-hero-bg:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:1}.mentor-hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:20px}.mentor-hero-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:mentorFloat 3s ease-in-out infinite}@keyframes mentorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mentor-hero-text{flex:1}.mentor-hero-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.15)}.mentor-hero-desc{font-size:13px;color:#ffffffd9;margin:0}.mentor-hero-stats{display:flex;gap:24px}.mentor-stat{text-align:center;background:#ffffff26;backdrop-filter:blur(10px);border-radius:12px;padding:10px 18px;min-width:72px}.mentor-stat-num{display:block;font-size:20px;font-weight:700;color:#fff}.mentor-stat-label{display:block;font-size:11px;color:#ffffffbf;margin-top:2px}.mentor-main{display:flex;flex:1;min-height:0;gap:0;background:#fff;margin:0 16px 16px;border-radius:12px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.mentor-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #f0f0f5;background:#fafbfe}.mentor-sidebar-title{padding:16px 18px 12px;font-size:13px;font-weight:600;color:#8c8fa3;text-transform:uppercase;letter-spacing:1px}.mentor-nav-list{flex:1;overflow-y:auto;padding:0 8px}.mentor-nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:2px;border-radius:10px;cursor:pointer;font-size:13px;color:#5a5d72;transition:all .2s ease;position:relative}.mentor-nav-item:hover{background:#667eea0f;color:#667eea}.mentor-nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba214);color:#667eea;font-weight:600;box-shadow:0 1px 3px #667eea1a}.mentor-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#667eea,#764ba2)}.mentor-nav-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.mentor-nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mentor-nav-badge{font-size:10px;background:#eef0f7;color:#8c8fa3;border-radius:10px;padding:1px 7px;font-weight:500}.mentor-nav-item.active .mentor-nav-badge{background:#667eea26;color:#667eea}.mentor-card-info{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid #f0f0f5;background:#fff}.mentor-card-avatar{font-size:28px;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mentor-card-detail{flex:1;min-width:0}.mentor-card-name{font-size:13px;font-weight:600;color:#2c2e3a}.mentor-card-role{font-size:11px;color:#8c8fa3;margin-top:1px}.mentor-card-status{font-size:11px;color:#52c41a;background:#52c41a14;padding:2px 8px;border-radius:10px;font-weight:500}.mentor-card-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#52c41a;margin-right:4px;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.mentor-right{flex:1;display:flex;flex-direction:column;min-width:0}.mentor-chat-container{display:flex;flex-direction:column;height:100%}.mentor-chat-messages{flex:1;overflow-y:auto;padding:20px 24px;scroll-behavior:smooth}.mentor-welcome{text-align:center;padding:40px 20px}.mentor-welcome-icon{font-size:56px;margin-bottom:16px;animation:mentorFloat 3s ease-in-out infinite}.mentor-welcome-title{font-size:20px;font-weight:700;color:#2c2e3a;margin-bottom:8px}.mentor-welcome-desc{font-size:13px;color:#8c8fa3;margin-bottom:28px;line-height:1.6}.mentor-welcome-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:420px;margin:0 auto}.mentor-welcome-btn{padding:12px 16px;border:1px solid #eef0f7;border-radius:12px;background:#fafbfe;cursor:pointer;font-size:13px;color:#5a5d72;transition:all .2s ease;text-align:center}.mentor-welcome-btn:hover{border-color:#667eea;background:#667eea0d;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea1f}.mentor-msg{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;animation:msgSlideIn .3s ease}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mentor-msg-avatar{font-size:20px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2)}.mentor-msg-avatar.user{background:linear-gradient(135deg,#43e97b,#38f9d7)}.mentor-msg-content{max-width:75%;padding:12px 16px;border-radius:14px;font-size:13px;line-height:1.7;word-break:break-word}.mentor-msg-ai .mentor-msg-content{background:#f5f6fa;color:#2c2e3a;border-top-left-radius:4px}.mentor-msg-user{flex-direction:row-reverse}.mentor-msg-user .mentor-msg-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-top-right-radius:4px}.mentor-msg-content.typing{color:#8c8fa3;font-style:italic}.mentor-msg-content.typing:after{content:"";display:inline-block;animation:typingDots 1.4s infinite}@keyframes typingDots{0%{content:"."}33%{content:".."}66%{content:"..."}}.mentor-chat-input-area{border-top:1px solid #f0f0f5;padding:12px 20px 16px;background:#fafbfe}.mentor-quick-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mentor-quick-tag{padding:5px 12px;border-radius:16px;font-size:12px;color:#667eea;background:#667eea0f;border:1px solid rgba(102,126,234,.15);cursor:pointer;transition:all .2s ease;white-space:nowrap}.mentor-quick-tag:hover{background:#667eea1f;border-color:#667eea4d;transform:translateY(-1px)}.mentor-input-row{display:flex;gap:8px;align-items:flex-end}.mentor-chat-input{flex:1;min-height:40px;max-height:100px;border:1px solid #e8eaf0;border-radius:12px;padding:10px 14px;font-size:13px;resize:none;outline:none;line-height:1.5;transition:border-color .2s;font-family:inherit;background:#fff}.mentor-chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.mentor-chat-input::placeholder{color:#b8b9c9}.mentor-voice-btn{width:40px;height:40px;border:1px solid #e8eaf0;border-radius:12px;background:#fafbfe;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:relative;overflow:hidden}.mentor-voice-btn:hover{border-color:#667eea;background:#667eea0f;transform:translateY(-1px)}.mentor-voice-btn.voice-disabled{opacity:.4;cursor:not-allowed}.mentor-voice-btn.listening{border-color:#ff4757;background:#ff475714;animation:voicePulse 1.5s ease-in-out infinite}@keyframes voicePulse{0%,to{box-shadow:0 0 #ff47574d}50%{box-shadow:0 0 0 8px #ff475700}}.voice-wave{display:flex;align-items:center;justify-content:center;gap:2px;height:20px}.voice-wave span{display:inline-block;width:3px;height:6px;background:#ff4757;border-radius:2px;animation:voiceWave .8s ease-in-out infinite}.voice-wave span:nth-child(1){animation-delay:0s;height:8px}.voice-wave span:nth-child(2){animation-delay:.1s;height:14px}.voice-wave span:nth-child(3){animation-delay:.2s;height:18px}.voice-wave span:nth-child(4){animation-delay:.3s;height:10px}@keyframes voiceWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mentor-auto-speak-btn{width:40px;height:40px;border:1px solid #e8eaf0;border-radius:12px;background:#fafbfe;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mentor-auto-speak-btn:hover{border-color:#667eea;background:#667eea0f}.mentor-auto-speak-btn.active{border-color:#667eea;background:#667eea1a;color:#667eea}.mentor-speak-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:14px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;opacity:0;margin-top:4px}.mentor-msg-ai:hover .mentor-speak-btn{opacity:1}.mentor-speak-btn:hover{background:#667eea1a}.mentor-speak-btn.speaking{opacity:1;background:#ff47571a;animation:speakPulse 1s ease-in-out infinite}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.mentor-welcome-voice-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:20px;font-size:12px;color:#8c8fa3;background:#667eea0a;padding:8px 16px;border-radius:20px;max-width:320px;margin-left:auto;margin-right:auto}.voice-hint-icon{font-size:14px;animation:hintBounce 2s ease-in-out infinite}@keyframes hintBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mentor-send-btn{height:40px;padding:0 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;flex-shrink:0}.mentor-send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.mentor-send-btn:active{transform:translateY(0)}.page{display:none;width:100%}.page.active{display:flex;gap:20px}#mentor-page.active{display:flex;gap:0}.gm-avatar{position:fixed;bottom:24px;left:24px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f3e8ff,#e0d0f5);border:2.5px solid #fff;box-shadow:0 3px 12px #6b5b8a40,0 0 0 2px #6b5b8a14;cursor:pointer;z-index:9999;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;animation:gm-float 3s ease-in-out infinite;user-select:none}.gm-avatar svg{width:100%;height:100%;display:block}.gm-avatar:hover{transform:scale(1.1);box-shadow:0 4px 16px #6b5b8a59,0 0 0 3px #6b5b8a26;animation:none}@keyframes gm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.gm-bubble{position:fixed;bottom:76px;left:24px;z-index:9998;width:260px;max-width:calc(100vw - 48px);background:#fff;border-radius:14px;box-shadow:0 6px 24px #6b5b8a1f,0 2px 6px #0000000f;border:1px solid rgba(107,91,138,.08);padding:0;display:none;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .3s ease,transform .3s ease;overflow:hidden}.gm-bubble.gm-bubble-show{display:block;opacity:1;transform:translateY(0) scale(1)}.gm-bubble:after{content:"";position:absolute;bottom:-7px;left:16px;width:14px;height:14px;background:#fff;border-right:1px solid rgba(107,91,138,.08);border-bottom:1px solid rgba(107,91,138,.08);transform:rotate(45deg);border-radius:0 0 3px}.gm-bubble-head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#8b7ba8,#6b5b8a);color:#fff;border-radius:14px 14px 0 0}.gm-bubble-mini-avatar{width:30px;height:30px;border-radius:50%;background:#f3e8ff;flex-shrink:0;overflow:hidden;border:1.5px solid rgba(255,255,255,.3)}.gm-bubble-mini-avatar svg{width:100%;height:100%;display:block}.gm-bubble-title{font-size:13px;font-weight:600;line-height:1.4;padding-right:20px}.gm-bubble-close{position:absolute;top:8px;right:10px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff9;cursor:pointer;border-radius:50%;transition:all .2s;line-height:1;z-index:2}.gm-bubble-close:hover{color:#fff;background:#fff3}.gm-bubble-text{padding:10px 14px 12px;font-size:12.5px;line-height:1.65;color:#555}@media(max-width:480px){.gm-avatar{width:38px;height:38px;bottom:16px;left:16px}.gm-bubble{width:calc(100vw - 36px);left:16px;bottom:60px;border-radius:10px}.gm-bubble:after{left:12px;width:12px;height:12px;bottom:-6px}.gm-bubble-head{padding:8px 12px;border-radius:10px 10px 0 0}.gm-bubble-mini-avatar{width:26px;height:26px}.gm-bubble-title{font-size:12px}.gm-bubble-text{padding:8px 12px 10px;font-size:12px}}
