.index_pu_class { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Microsoft YaHei', Arial, sans-serif; }
        body { background: #ffffff; min-height: 100vh;  }
        
        .container { 
            max-width: 1400px; 
            margin: 0 auto; 
            background: white; 
            border-radius: 12px; 
            box-shadow: 0 8px 30px rgba(0,0,0,0.1); 
            overflow: hidden; 
			margin-top: 15px;
			padding-top: 20px;
			
        }
		       
        
        /* 顶部横向一级分类导航 */
        .primary-nav-container { 
            background: white; 
            border-bottom: 1px solid #e8e8e8; 

        }
        .primary-nav-title { 

            font-size: 36px; 
            font-weight: 600; 
			height: 150px;

            gap: 10px; 
        }
        .primary-nav-title i { 
            color: #4CAF50; 
        }
        
        /* 一级分类横向滚动条88888888888888888888888888888 */
        .primary-nav-scroll { 
            display: flex; 
            overflow-x: auto; 
            padding-bottom: 15px; 
            gap: 12px; 
            scrollbar-width: thin; 
            scrollbar-color: #4CAF50 #f0f0f0; 
			display: flex;
            justify-content: space-evenly;
        }
        .primary-nav-scroll::-webkit-scrollbar { height: 6px; }
        .primary-nav-scroll::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 2px; }
        .primary-nav-scroll::-webkit-scrollbar-thumb { background: #4CAF50; border-radius: 2px; }
        
        /* 一级分类按钮 ***************************************************************************************/
        .level1-tab { 
            flex: 0 0 auto; 
            background: white; 
            border: 2px solid #e0e0e0; 
            border-radius: 8px; 
            padding: 1% 1.1%; 
            cursor: pointer; 
            transition: all 0.3s ease; 
            text-align: center; 
            position: relative; 
        }
        .level1-tab:hover { 
            border-color: #4CAF50; 
            transform: translateY(-2px); 
            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.1); 
        }
        .level1-tab.active { 
            border-color: #4CAF50; 
            background: linear-gradient(135deg, #4CAF50, #2E7D32); 
            color: white; 
            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.2); 
        }
        .level1-tab.active::after { 
            content: ''; 
            position: absolute; 
            bottom: -1px; 
            left: 0; 
            right: 0; 
            height: 3px; 
            background: #4CAF50; 
        }
        /***********************************************************************************************/
        .tab-name { 
            font-size: 24px; 
            font-weight: 2000; 
            margin-bottom: 8px; 
            white-space: nowrap; 
            overflow: hidden; 
            text-overflow: ellipsis; 
        }
        .tab-info { 
            display: flex; 
            justify-content: center; 
            gap: 15px; 
            font-size: 12px; 
            opacity: 0.8; 
        }
        .level1-tab.active .tab-info { opacity: 0.9; }
        .tab-badge { 
            background: rgba(255,255,255,0.2); 
            padding: 2px 10px; 
            border-radius: 12px; 
            font-weight: bold; 
        }
        .level1-tab:not(.active) .tab-badge { 
            background: #4CAF50; 
            color: white; 
        }
        
        /* 子分类内容区 */
        .sub-content { 
            padding: 10px; 
           
        }
        .no-selection { 
            text-align: center; 
            padding: 20px 20px; 
            color: #8c8c8c; 
        }
        .no-selection-icon { 
            font-size: 80px; 
            color: #d9d9d9; 
            margin-bottom: 20px; 
        }
        .no-selection h3 { font-size: 24px; margin-bottom: 10px; color: #595959; }
        .no-selection p { font-size: 16px; opacity: 0.7; }
        
        /* 子分类标题 */
        .sub-header { 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            margin-bottom: 25px; 
            padding-bottom: 20px; 
            border-bottom: 2px solid #f0f0f0; 
        }
        .category-title { 
            font-size: 24px; 
            color: #333; 
            display: flex; 
            align-items: center; 
            gap: 12px; 
        }
        .category-icon { 
            background: #4CAF50; 
            color: white; 
            width: 40px; 
            height: 40px; 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            font-size: 20px; 
        }
        .category-stats { 
            background: #e8f5e9; 
            padding: 10px 20px; 
            border-radius: 25px; 
            font-size: 15px; 
            color: #2E7D32; 
            font-weight: 600; 
        }
        
        /* 子分类网格 */
        .sub-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
            gap: 20px; 
        }
        
        .sub-card { 
            background: white; 
            border: 1px solid #e8e8e8; 
            border-radius: 10px; 
            padding: 5px; 
            transition: all 0.3s ease; 
            cursor: pointer; 
            position: relative; 
            overflow: hidden; 
			height: 300px
			
        }
        .sub-card:hover { 
            transform: translateY(-5px); 
            box-shadow: 0 10px 25px rgba(0,0,0,0.1); 
            border-color: #4CAF50; 
        }
        .sub-card:hover::before { 
            content: ''; 
            position: absolute; 
            top: 0; 
            left: 0; 
            right: 0; 
            height: 4px; 
            background: linear-gradient(90deg, #4CAF50, #2E7D32); 
        }
        .sub-card.active { 
            background: linear-gradient(135deg, #4CAF50, #2E7D32); 
            color: white; 
            border-color: #4CAF50; 
        }
        
        .sub-name { 
            font-size: 18px; 
            font-weight: 600; 
            margin-bottom: 12px; 
            color: #333; 
        }
        .sub-card.active .sub-name { color: white; }
        
        .sub-details { 
            display: flex; 
            gap: 12px; 
            font-size: 13px; 
            margin-bottom: 15px; 
            flex-wrap: wrap; 
        }
        .sub-detail-item { 
            background: #f5f5f5; 
            padding: 4px 10px; 
            border-radius: 4px; 
            color: #666; 
        }
        .sub-card.active .sub-detail-item { 
            background: rgba(255,255,255,0.2); 
            color: rgba(255,255,255,0.9); 
        }
        
        .sub-actions { 
            display: flex; 
            gap: 8px; 
            margin-top: 15px; 
        }
        .sub-btn { 
            padding: 6px 12px; 
            border: none; 
            border-radius: 4px; 
            font-size: 12px; 
            font-weight: 500; 
            cursor: pointer; 
            transition: all 0.2s; 
        }
        .sub-btn:hover { opacity: 0.9; transform: translateY(-1px); }
        .view-btn { background: #2196F3; color: white; }
        .edit-btn { background: #FFC107; color: #333; }
        .delete-btn { background: #f44336; color: white; }
        
        /* 空状态提示 */
        .empty-state { 
            grid-column: 1 / -1; 
            text-align: center; 
            padding: 60px 20px; 
            color: #8c8c8c; 
        }
        .empty-icon { font-size: 60px; margin-bottom: 20px; opacity: 0.5; }
        
        /* 动画 */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in { animation: fadeInUp 0.5s ease forwards; }
        
        /* 移动端适配 */
        @media (max-width: 768px) {
            .primary-nav-scroll { gap: 8px; }
            .level1-tab { min-width: 180px; padding: 15px 20px; }
            .sub-grid { grid-template-columns: 1fr; }
            .header h2 { font-size: 22px; }
        }